Делаем анимированную аватарку с блёстками в Фотошопе
В этом уроке Фотошопа мы будем делать анимированную аватарку с блёстками.
1. Создадим документ File - New (Файл - Создать / Ctrl+N) 100 х 100 пикселей.
2. Возьмём подходящую картинку, и поместим её в наш документ File - Place (Файл - Поместить).
(лучше, если это будет яркая картинка на тёмном фоне)
3. Теперь напишем ник используя инструмент Type Tool (Инструмент «Горизонтальный текст» / Клавиша «T»), шрифтом, который вам нравится.
4. Создадим новый слой и используя инструмент Paint Bucket Tool (Инструмент «Заливка» / Клавиша «G») зальём его любым цветом , назовём слой «блестяшки» Вот с этим слоем мы и будем работать дальше. Fill (Заливка) слоя устанавливаем 22, можно меньше.
5. Дважды щёлкнем ЛКМ по слою «блестяшки» - тем самым вызовем меню Blending Option (Параметры наложения).
6. Поставим галочку на Bevel & Emboss (Тиснение) и выставим параметры как на изображении ниже, галку на Contour (Контур) и на Texture (Текстура) (стандартная-должна быть в наборе) (настройки на изображении):
Layer Style - Bevel & Emboss (Стиль слоя - Тиснение):
Contour (Контур):
Texture (Текстура);
7. А теперь приступим к анимации наших блёсток.
На панеле слоёв у нас 3 слоя:
а) картинка;
б) текстовый слой с никнеймом;
в) «блестяшки»;
Внизу на панели кадров (что-бы вызвать эту панель в верхнем горизонтальном меню выбираем Window - Animation (Окно - Анимация) / Photoshop CS5).
У нас один кадр - все слои включены.
Дублируем этот кадр и на панеле слоёв на слое «блестяшки» *щёлкаем Bevel & Emboss (Тиснение), затем прямо на рабочей области нашей аватарки, курсором мышки сдвигаем самую малость блестяшки в любом направлении.
Примечание: в новых версиях анимация создается в панели Window - Timeline (Окно - Шкала времени). Процесс создания анимации на примере Photoshop CC вы можете посмотреть в уроке - «Создание анимации в Photoshop CC».
Дублируем этот кадр (это будет уже третий) - повторить от *.
Всего я создала 4 кадра - и аватарка с блестяшками готова.
Теперь сохраним нашу анимацию: File - Save for Web (сохранить для Web (Alt+Shft+Cntr+S) / Photoshop CS5).
PS. Все настройки действительны для документа 100 х 100 px, для других размеров документа настройки придётся менять.
Добавление к уроку:
Что-бы блёстки были видны только на определённых местах картинки, поступаем так:
а) копируем нашу картинку.
б) копию картинки устанавливаем (перетаскиваем мышкой ) над слоем «блестяшки».
в) теперь инструментом Eraser Tool (Инструмент «Ластик» / Клавиша «E») стираем те области, где мы хотим, что-бы были видны блёстки.
Автор урока: babulka;
