В этом уроке рассказвается, как сделать анимированный аватар с эффектом его постепенного появления как будто бы из-под кисти.



Откроем Фотошоп и создадим новый файл (Ctrl+N). Размеры файла установим, например, 150 на 150 (равными размеру будущего аватара).

Возьмем стандартную кисть (B) со следующими настройками:

[показать]

Создадим новый прозрачный слой (Shift+Ctrl+N) нажмем D, чтобы сделать рабочим цветом черный цвет и закрасим центр следующим образом:

[показать]

Затем откроем файл с картинкой, из которой вы желаете сделать аватар, если необходимо, откадрируйте его , возьмите инструмент Перемещение (V) и перетащите картинку мышью прямо на нашу черно-белую заготовку. Когда перетащите картинку, тем же инструментом подровняйте ее расположение, чтобы ее границы совпали с границами аватара.
В панели слоев (F7) вы увидите, что у нас имеется три слоя: белый, прозрачный с черным рисунком и сама картинка для аватара.

Нажмите Ctrl+G, и у нас создастся маска слоя. После чего объединяем маску с предыдущим слоем (Ctrl+E). Продублируйте слой (Ctrl+J).

Теперь возьмем архивную кисть (Y) с такими настройками:

[показать]

нажмем X, чтобы сделать рабочим цветом белый, и закрасим кусочек картинки:

[показать]

Теперь еще раз продублируем слой (Ctrl+J) и закрасим еще кусочек картинки:

[показать]

И проделаем эти же операции, пока не закрасим всю картинку.

Старайтесь не делать большого количества слоев, иначе будущий аватар будет много весить!!!

После того, как закрасите картинку, отключите видимость всех слоев c картинкой в панели слоев, кроме первого, нажав на изображение глазика напротив каждого слоя:

[показать]

Переходим в Image Ready (Ctrl+Shift+M). Открываем окно со слоями и окно анимации (F7, F11).

Дублируем кадр, нажав на эту кнопочку в окне анимации:

[показать]

и делаем видимым самый верхний слой, на котором есть маленький кусочек картинки, нажав на глазик около него:

[показать]

Затем еще раз дублируем кадр, верхний слой делаем невидимым, а тот, что ниже его - видимым, нажимая на изображения глазика.

Повторяем операции, пока не дойдем до самого нижнего слоя. Поставим время показа последнего кадра - 0.5 с.

[показать]

Посмотрите, что у вас получилось, нажав на кнопку воспроизведения в окне анимации. Если вас все устроило, в меню Файл выберите пункт Сохранить Оптимизированный Как... (Save Optimized As...) и сохраните ваш аватар как gif.

В итоге эффект должен смотреться вот так:

[показать]

Удачи! Не стесняйтесь задавать вопросы. :)