• Авторизация


анимируем шарик часть3 21-12-2011 12:53 к комментариям - к полной версии - понравилось!


Снежный шар. Часть 3.

Итак, мы добрались до заключительно части урока по созданию снежного шара, в которой будем делать анимацию. Анимировать шарик будем глиттерами, которые нужно сначала определить в заливку. Для урока я воспоьзовалась  глиттерами "блёстки" и "падающий снег"

 

[показать] е [показать]

Открывем глиттеры по слоям. Я для этого пьзуюсь приложением Adobe ImageReady, которое есть в версиях фотошопа до 9 включительно. Если вы не знаете, как открыть гиф по слоям в версиях 10 и 11, даю ссылки на файлы по слоям:

БЛЁСТКИ   ПАДАЮЩИЙ СНЕГ

Из Adobe ImageReady я прешла в фотошоп.

[показать]

Глиттер имеет три слоя. Все эти три слоя нужно определить в заливку (меню-редактирование - выполнить заливку). Для этого, последовательно, нужно их туда запихнуть. Делается это так.

Находясь на одном слое топаем в меню- редактирование - определить узор. 

[показать]

В палитре слоёв переходим на второй слой и продлываем ту же операцию.

[показать]

И с последним слоем глиттера проделываем тоже самое. Не забывайте переходить на следующие слои при определении узора, иначе вы несколько раз определите один и тот же слой и движения анимации не будет.

Так же поступите и со вторым глиттером. Каждый слой определите, как узор.

Когда закончили с глиттерами, переходим к продолжению урока. 

Открываем файл с заготовкой, который мы сохранили во второй части урока.

1. Уменьшим размер документа. Для анимированной картинки достаточно 600пикселей и 72dpi. Топаем в меню – изображение – размер изображения и меняем сначала разрешение (dpi)(пикс/дюйм)

[показать]

Не обращайте внимания на цифры в пикселях. Сотрите и напишите 600, нажмите Да 

[показать]

2.Определимся с фоном. Запомните одну деталь - для гиф анимации нужен фон, иначе у изображения будет рваный белый кант. Этого канта не будет видно только на страницах с белым фоном и, если размер в пикселях  очень маленький. Если вы делаете анимашку под определённую цветом веб страницу, то прежде, чем аниировать объект, пипеткой определите цвет странички и сделайте кант или небольшой фон этим цветом.

Я не стала заморачиваться и применила к фону эффект слоя «наложение градиента» от светлого к тёмному, цвет синий. Не забывайте, что слой с фоном в палитре слоёв находится в самом низу.

[показать]

3.Приступаем к подготовке анимации.Сначала займёмся подставкой. 

Открываем группу «подставка», выделяем слои относящиеся к подставке (не трогаем слои с окантовкой, бликами и тенями) и объединяем в один слой.

[показать]

Загружаем выделение полученного слоя и заливаем глиттером. Для этого  создаём новый слой  и топаем в меню - редактирование - выполнить заливку. Находим там первый слой с глиттером "блёстки" и жмём на него левой нопкой мыши.

[показать]

 В палитре слоёв избавляемся от чёрного фона глиттера путём изменения наложения слоя на "осветление"

[показать]

Создаём второй слой для глиттера и в заливке выбираем, соответственно, второй слой с глиттером, а в палитре слоёв меняем режим наложения на осветление. Когда все слои с глиттерами залиты, снимаем выделение.

[показать]

4. Открываем группу «шарик».Удаляем (иконка корзинки внизу палитры слоёв) слой «падающий снег». Загружаем выделение слоя «шар(копия)» и заливаем глиттер "падающий снег" под этим слоем.

[показать]

Так, как глиттер тоже имеет чёрный фон, режим наложения тоже меняем на «осветление». 

Перед тем, как создавать анимацию, закроем видимость у всех слоёв с глиттером на шаре и на подставке.

[показать] [показать]

5.Теперь открываем панель анимации (меню-окно-анимация) , меняем время на 0,1сек и приступаем к применению слоёв с глиттером. Начнём с шара, так как на шаре глиттер состоит из большего числа слоёв, чем глиттер на подставке.

На первом кадре открываем видимость первого слоя с глиттером 

[показать]

Создаём второй кадр (вторая иконка справа внизу палитры анимации), закрываем видимость первого слоя с глиттером и открываем видимость второго слоя. 

[показать]

Далее, создавайте кадры, закрывайте видимость предыдущего слоя и открывайте видимость следующего. Всего получается 6 кадров.

[показать]

Закончили с шаром и переходим на слои с подставкой. И повторяем свои действия со слоями и кадрами.  

[показать]

На первом кадре - видимость первого слоя с глиттером, на втором кадре – видимость только второго слоя, на третьем – видимость третьего слоя. А на четвёртом кадре отрываем видимость опять первого слоя с гиттером, потому что кадров у нас шесть, а слоёв только три.

[показать]

На пятом кадре –видимость только второго слоя с глиттером, на шестом кадре – видимость только третьего слоя с глиттером.
Когда всё сделали, включаем действие и наслаждаемся результатом. Если всё устраивает, то сохраняем в гифе ( меню – фай – сохранить для Web…) и показываем всем своё творение.

[показать]

Вот и закончился урок. Надеюсь, что новичкам он пригодится, да и знающим прогу может какие-то ходы покажутся новыми, ещё не познанными. В заключении хочу добавить следующее:

1. Если не получается, делайте ещё и ещё раз, и тогда обязательно получится.

2.Если совсем тупик, спрашивайте. Но предупреждаю, что если ответ на вопрос я найду в уроке, туда и отошлю. На остальные вопросы обязательно отвечу.

3. В интернете снежный шар - изжёванная тема миллионами вариантов, но это мой вариант, который я не встречала в уроках по фотошопу в интернете. Если найдёте, дайте ссылку.

Желаю вам, как всегда, фотошопного позитива! [показать]

Бонус к уроку - четыре шарика в оригинальном размере и формате.

[показать] [показать]

[показать] [показать]

ПЕРВАЯ ЧАСТЬ.   ВТОРАЯ ЧАСТЬ.

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник анимируем шарик часть3 | legkiy_briz - Дневник legkiy_briz | Лента друзей legkiy_briz / Полная версия Добавить в друзья Страницы: раньше»