Автор Тема: Анимация для начинающих. Бабочка  (Прочитано 24229 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн BronksАвтор темы

  • Аватарщица
  • *
  • Сообщений 1106
  • Респектов +873
  • Репутация 474
    • Просмотр профиля
Рассмотрим один из способов анимации для крыльев бабочки. В результате нашей работы должно получится что-то вроде этого:

1.Запускаем программу Фотошоп. Создаем новый документ с белым слоем: File-New . В палитре слоев (в правом нижнем углу экрана) двойным щелчком левой клавиши мыши снимите замочек со слоя:

 2.Закрашиваем  градиентом. Для этого выбираем инструмент градиент (Gradient Tool) Если его не видно, щелкните правой клавишей мыши на инструменте заливка (Paint Bucket Tool) и выберите из появившегося списка:

Затем смотрите повыше, там будут готовые образцы, выберите  тип и вид градиента какой нравится или создайте свой:

Проведите мышкой при нажатой левой клавише по пока что белой аватарке, оставляя за собой тонкую черную линию. Когда отпустите,  фон из белого превратится в цветной.
3. Далее инструментом Текст (Horizontal Tupe Tool) пишем имя, ник или другое слово.
4.Итак, в палитре слоев  получилось  два слоя: слой с текстом и слой с градиентом. Соединяем их в один: Слой – объединить с предыдущим (Layer – Merge Down).
5. Теперь добавим бабочку. Для этого надо открыть понравившуюся картинку  (File – Open).
 Выделите бабочку по контуру каким-нибудь инструментом выделения, к примеру лассо (Lasso Tool) перетащите  красавицу на свою аватарку с помощью  Move Tool Новый слой назовите Бабочка (чтобы переименовать слой, надо щелкнуть по названию слоя в палитре слоев двойным щелчком левой клавиши мыши)
       5а. Если бабочка слишком большая, не беда. Ее можно уменьшить: Правка– Трансформация – Масштаб  (Edit -Transform - Scale). Вокруг бабочки появится рамка, тяните за нее мышкой и уменьшайте как хочется:


       5б. Другой способ: команда Edit -Transform - Scale, затем смотрите наверх и уменьшайте проценты в окне ширины и (или) высоты. Кстати, обратите внимание на значок скрепки между ними. Если нажать на скрепку, значения будут изменяться одинаково (в нашем случае это не обязательно):

        Каким бы способом вы не уменьшали, в итоге надо подтвердить свои действия, нажав наверху кнопку с галочкой, или же отказаться, нажав кнопку зачеркнутый круг  

« Последнее редактирование: 02 Февраль 2010, 19:10:53 от tefi »

Форум аватар


Оффлайн BronksАвтор темы

  • Аватарщица
  • *
  • Сообщений 1106
  • Респектов +873
  • Репутация 474
    • Просмотр профиля
6. Теперь сделаем, чтобы бабочка махала крылышками. Копируем слой с бабочкой. Чтобы скопировать слой, надо в палитре слоев выделить его мышкой и протащить вниз к значку Create a new layer (в виде маленькой папки, рядом с корзиной). Эту копию слоя назовите  Бабочка 2.
7. Примените к слою Бабочка2 действия как в пункте 5б. Я уменьшила ширину бабочки до 40%, высота осталась 100%.
Собственно,  все готово к анимации.
*Примечание: моем варианте добавлена еще одна бабочка. То есть,  у меня прибавилось еще два слоя: Бабочка3 и Бабочка4, а после, чтобы они махали крыльями не одновременно а по очереди, объединила попарно.
8. Переходим в программу Имедж Рэди, для этого в программе Фотошоп CS2 жмем  кнопку Edit in ImageReady:

В палитре анимации выбираем команду Создать кадры из слоев (Make Frames from Layers). Делаем видимым слой с фоном для всех кадров и затем удаляем его, он больше не нужен. Выставляем подходящее время.

Всё. Сохраняйте свою работу (File - Save Optimized As, или другим способом), и бабочка может лететь. Перед сохранением еще можно сдвинуть влево вот этот ползунок, чтобы оптимизация не портила  фон.

Показанный выше способ (изменение ширины-высоты) можно также использовать для создания эффекта приближающегося (удаляющегося) объекта, а также крутящихся букв. Например:




Желаю удачной анимации!

« Последнее редактирование: 02 Февраль 2010, 17:20:06 от tefi »

Оффлайн Aviora

  • Местный
  • **
  • Горький осадок, но сахара не надо.

  • Сообщений 76
  • Респектов +1
  • Репутация 8
  • Пол: Женский
    • Просмотр профиля
У меня получилосьь!!! урааа  ah
tefi спасибо большое за отличную инструкцию !!! теперь буду делать бабочек для всех своих подружек!


Оффлайн BronksАвтор темы

  • Аватарщица
  • *
  • Сообщений 1106
  • Респектов +873
  • Репутация 474
    • Просмотр профиля
Aviora  good3
Еще можно, чтобы сделать взмахи более плавными, уменьшать ширину не сразу, а постепенно, и делать для этого больше слоев.

Еще бабочки, может кому пригодятся
« Последнее редактирование: 02 Февраль 2010, 19:18:26 от tefi »

Оффлайн Снежинка

  • Новичок
  • *
  • Сообщений 40
  • Респектов 0
  • Репутация 8
  • Пол: Женский
    • Просмотр профиля
А вот что у меня получилось  ab

tefi спасибо за урок!  hi_girl

Оффлайн Кети Топурияя

  • Гость
  • *
  • Сообщений 13
  • Респектов +1
  • Репутация 1
    • Просмотр профиля
Re: Анимация для начинающих. Бабочка.
« Ответ #5 : 03 Декабрь 2008, 16:13:24 »
0

Спасибо!!!! У меня вот че получилося! ah :ay:

Оффлайн Кети Топурияя

  • Гость
  • *
  • Сообщений 13
  • Респектов +1
  • Репутация 1
    • Просмотр профиля
Re: Анимация для начинающих. Бабочка.
« Ответ #6 : 03 Декабрь 2008, 16:14:54 »
0
Ой, не то. Вот это у меня получилось! ah
Урок  :ay:

Оффлайн valirossi

  • Гость
  • *
  • Сообщений 11
  • Респектов 0
  • Репутация 1
    • Просмотр профиля
Re: Анимация для начинающих. Бабочка.
« Ответ #7 : 03 Декабрь 2008, 23:41:05 »
0
Девочки, подскажите пожалуйста как правильно сохранить анимацию. Сохранить оптимизированный как, а дальше куча вариантов. а какой правильный. Это моя первая проба. Жаль если не сохраниться. Плиз



Все. разобралась сама.  У меня бабочка вот такая

И по этому же уроку - вот такая аватарка

« Последнее редактирование: 22 Декабрь 2008, 18:35:53 от valirossi »

Оффлайн Lunar Flower

  • Наблюдатель
  • Девушка - Загадка..

  • Сообщений 3
  • Респектов 0
  • Репутация 1
  • Пол: Женский
    • Просмотр профиля
Re: Анимация для начинающих. Бабочка.
« Ответ #8 : 09 Январь 2009, 17:00:01 »
0
*Примечание: моем варианте добавлена еще одна бабочка. То есть,  у меня прибавилось еще два слоя: Бабочка3 и Бабочка4, а после, чтобы они махали крыльями не одновременно а по очереди, объединила попарно.
а как объединить попарно?  unknw

До меня дошло ah, я сделала.
Спасибо) ab
« Последнее редактирование: 09 Январь 2009, 17:09:15 от Lunar Flower »

Оффлайн BronksАвтор темы

  • Аватарщица
  • *
  • Сообщений 1106
  • Респектов +873
  • Репутация 474
    • Просмотр профиля
Re: Анимация для начинающих. Бабочка.
« Ответ #9 : 09 Январь 2009, 21:29:09 »
0
Lunar Flower, valirossi, Кети Топурияя  good2

Оффлайн arni

  • Наблюдатель
  • Сообщений 1
  • Респектов 0
  • Репутация 0
    • Просмотр профиля
Re: Анимация для начинающих. Бабочка.
« Ответ #10 : 11 Январь 2009, 14:48:00 »
0
я уже все сделала. только никак не как сохранить. помогите! 8_new_year aa aa aa
« Последнее редактирование: 11 Январь 2009, 14:49:45 от arni »

Оффлайн Юсичка19

  • Местный
  • **
  • Любовь – это сила, которая может сдвинуть горы.

  • Сообщений 59
  • Респектов 0
  • Репутация 0
  • Пол: Женский
    • Просмотр профиля
Re: Анимация для начинающих. Бабочка.
« Ответ #11 : 12 Январь 2009, 20:45:40 »
0
Привет,я не могу выбрать Edit in ImageReady,что нужно сделать)))Подскажите)))

Оффлайн valirossi

  • Гость
  • *
  • Сообщений 11
  • Респектов 0
  • Репутация 1
    • Просмотр профиля
Re: Анимация для начинающих. Бабочка.
« Ответ #12 : 12 Январь 2009, 23:10:32 »
0
Привет,я не могу выбрать Edit in ImageReady,что нужно сделать)))Подскажите)))
А какая версия фотошопа стоит? Если CS 2 то все очень просто. В самом низу слева есть значок перехода в ImageReady. А вот как в CS 3 это делается не знаю. По моему никак нельзя.

Оффлайн ansi

  • Новичок
  • *
  • Сообщений 18
  • Респектов 0
  • Репутация 0
  • Пол: Мужской
    • Просмотр профиля
Re: Анимация для начинающих. Бабочка.
« Ответ #13 : 05 Февраль 2009, 18:20:03 »
0
у меня cs4 стоит. я ни разу не нажимал Edit in ImageReady. просто пропускаю этот пункт или часть пункта. и сохранять аватарку неудобно, но что делать.

вопрос по теме. бабочку то я создал. а как её сделать без фона? ну всмысле прозрачный фон. заранее спс.

Оффлайн RINA

  • Наблюдатель
  • Сообщений 2
  • Респектов 0
  • Репутация 0
    • Просмотр профиля
Re: Анимация для начинающих. Бабочка.
« Ответ #14 : 09 Февраль 2009, 23:43:33 »
0
А у меня бабочка не двигается, вроде все делаю правильно, и не пойму в чем причина! Подскажите, плиз!

Оффлайн Eugent

  • Новичок
  • *
  • Сообщений 20
  • Респектов 0
  • Репутация 0
  • Пол: Мужской
    • Просмотр профиля
Re: Анимация для начинающих. Бабочка.
« Ответ #15 : 10 Февраль 2009, 12:40:46 »
0
Спассибо tefi, все получилось

урок   :ay: :yahoo:

Оффлайн ansi

  • Новичок
  • *
  • Сообщений 18
  • Респектов 0
  • Репутация 0
  • Пол: Мужской
    • Просмотр профиля
Re: Анимация для начинающих. Бабочка.
« Ответ #16 : 10 Февраль 2009, 17:40:08 »
0
RINA

когда делаеш собственно анимацию, внимательно посмотри какой слой включен, а какой выключен. ты скорее всего просто зациклила одно и тоже, без изминений.

Оффлайн sandrina

  • Новичок
  • *
  • Сообщений 41
  • Респектов 0
  • Репутация 3
    • Просмотр профиля
tefi 
 
а если у меня есть кисти в фотошопе-бабочки,они подойдут?или нужно обязательно стягивать те шаблончики?

Оффлайн Nikola Tesla

  • Землянин
  • *****
  • Сообщений 6462
  • Респектов +3559
  • Репутация 1361
  • Пол: Мужской
    • Просмотр профиля
sandrina, кисти-бабочки тоже подойдут  ;)

Оффлайн Elektra

  • Аватарщица
  • *
  • Сообщений 320
  • Респектов +79
  • Репутация 76
  • Пол: Женский
    • Просмотр профиля
классно, а яделала по-другому раньше! попробую!

 

Анимация фильтра "Блик"

Автор black-extasy

Ответов: 25
Просмотров: 11168
Последний ответ 20 Январь 2013, 19:25:02
от сарата
Эффект помех на телевизоре (простая анимация для новичка)

Автор pantera1

Ответов: 1
Просмотров: 7223
Последний ответ 12 Март 2012, 11:07:38
от Danusha
Солнечные лучи с помощью кисти. (анимация)

Автор Danusha

Ответов: 5
Просмотров: 4469
Последний ответ 31 Январь 2014, 12:10:15
от ~JokeR~
Анимация воды, бегущей из крана

Автор Ворожея

Ответов: 5
Просмотров: 7486
Последний ответ 29 Январь 2012, 15:48:17
от theSMACKmusic
Анимация дождя в фотошопе

Автор Akella

Ответов: 110
Просмотров: 61085
Последний ответ 26 Май 2017, 09:36:18
от Fenrir