| Меню сайта |
|
 |
| Категории раздела |
|
|
| Статистика |
Онлайн всего: 1 Гостей: 1 Пользователей: 0 |
|
|
 | |  |
|
Анимация
В этом уроке Photoshop мы научимся делать красивую анимированную валентику.
С помощью этого урока Photoshop Вы сможете удивить своих любимых красивой анимированной валентинкой
Вот такая анимированная валентинка у нас должна получиться
1. Открываем новый файл, размером 600 на 450 пкс., заливаем цветом fff799.
2. Создаём новый слой (нажимаем на иконку внизу окна «Слои» (Layers))
Берём инструмент «Градиент»(Gradient)(G), в панели опций инструмента выбираем иконку «Конусовидный градиент» (Angle):
Отредактируем градиент, для этого нажмём на изображение градиента и выставим такие настройки:
Кнопкой «Другой вариант» (Randomize) выберем подходящий градиент и нажимаем ОК.
Начиная от центра нашего файла, протянем вниз линию, получится примерно
так. Ваш градиент не будет в точности повторять мой, так как вариантов
тысячи, но будут такие лучи из центра:
Изменим Режим смешивания (Blending Mode) слоя на Мягкий свет (Soft Light), получим это:
3. Дублируем слой (Ctrl J), на «Слое1» гасим глазок.
Идём Редактирование – Свободное трансформирование (Edit – Free Transform) или нажимаем на клавиши (Ctrl T), поворачиваем слой с лучами примерно на 45 градусов:
Чтобы уголки тоже были лучами закрыты, с нажатыми клавишами Shift Alt, тянем за средний квадратик, вот так:
Снова дублируем слой, гасим на предыдущем глаз и поворачиваем ещё на 45
градусов, и так же сделать ещё один слой, всего у нас получилось 4 слоя
с лучами.
4. Далее будем рисовать сердце.
Создаём новый слой. Выставляем основной цвет - ba0707.
Выбираем инструмент «Произвольная фигура»(Custom Shape)(U), на панели
опций инструмента должна быть нажата иконка «Выполнить заливку
пикселов» (Fill Pixels) и выбираем фигуру виде сердца:
Рисуем сердце посередине нашего файла.
5. Правой кнопкой мыши щёлкаем по иконке слоя с сердцем, чтобы получить его выделение:
Далее идём Выделение – Растушёвка (S_elect - Feather) (Alt Ctrl D), выставляем радиус растушёвки 10 пкс.
Выделение – Модификация – Сжать (S_elect – Modify – Contract), выставляем радиус сжатия 20 пкс., получим вот такое выделение:
Создадим новый слой, как в п.2 и зальём его цветом f51e1e.
6. Для придания сердцу объёмности нарисуем сверху блики. Для этого создадим новый слой, как в п.2.
Возьмём инструмент «Овальная область»(Elliptical Marquee Tool) (М) и нарисуем примерно такой овал и зальём его цветом - f58c8c:
Снимаем выделение (Ctrl D).
Снова, тут же на этом слое, рисуем новый овал, примерно такой:
Нажимаем клавишу Delete и, вы видите, что осталось у нас выделение в
виде полумесяца, опять снимаем выделение (Ctrl D) и применим к блику
размытие по Гауссу в 3,5 пкс., для этого идём Фильтр – Размытие –
Размытие по Гауссу (Filter – Blur – Gaussian Blur).
7. Сделаем на сердце надпись. Можно написать имя друга или подруги, можно что-то прикольное, я просто поставлю надпись «С Любовью».
Для этого выбираем инструмент «Текст» (Type)(Т) и кликаем по сердцу в
том месте, где хотим оставить надпись. В панели опций инструмента
выберем шрифт, размер шрифта, его цвет. Мой шрифт называется «Venski
Sad Two», его можно скачать тут.
Можно оставить текст и так, а можно немного трансформировать, для этого
нужно сначала Растеризовать слой с текстом. Правой кнопкой мыши кликаем
по слою с текстом и выбираем Растеризовать тип (Rasterize Type).
Нажимаем Ctrl T, и правой кнопкой мыши кликаем внутри квадрата
трансформирования, выбираем Деформация (Warp), деформируем примерно
так:
Нажимаем ОК.
8. Дублируем этот слой (Ctrl J).
На слое, с которого дублировали, гасим глазок. Идём Слой – Стиль слоя
(Layer – Layer Style) и выставляем такое Внешнее свечение (Outer Glow):
Итак, слоёв с текстом у нас два, один из них со стилем слоя, а второй без стилей.
9. Ну и добавим сверкающих звёздочек на сердечко. Можно взять готовую кисточку с какой-нибудь звездой или простой снежинкой, а можно и самим нарисовать.
Создаём новый слой, как в п.2. Выбираем инструмент «Кисть» (Brush) (B)
твёрдую, белого цвета, размером 2 пкс. и нарисуем такую простенькую
снежинку. Чтобы линии рисовались прямыми, нужно поставить точку, а
затем, с нажатым Shift, поставить точку в конце рисуемой линии.
10. Добавим слою стиль слоя, идём Слой – Стиль слоя (Layer – Layer Style) и выставляем такое Внешнее свечение (Outer Glow):
Продублируем слой (Ctrl J) два раза, погасим глазки на двух верхних
слоях, а на нижнем применим трансформирование (Ctrl T) и немного
увеличим звезду. Затем гасим глазок на этом слое, а открываем глазок на
верхнем слое, и, также, через трансформирование немного уменьшаем
звезду. Теперь в панели Слои (Layers), с нажатым Ctrl, выделим все три
слоя со звездой и объединим их в группу (нажмём Ctrl G):
Переименуем группу в «Звезда1».
11. Дублируем группу. Для этого правой кнопкой мыши кликнем по слою с группой и выберем «Дублировать группу»(Duplicate Group).
Переименуем группу в «Звезда2», и, также дублируем эту группу и переименуем в «Звезда3». У нас получилось три группы со звездой, распределим их по сердцу:
12. Ну, и, чтобы наша валентинка была закончена, добавим рамочку. Наверняка у вас есть какие-то кисти с рамочками или уголками. Я сделала вот такую.
13. Теперь анимация. Можно её делать сразу в Image Ready, а можно всё сделать в Фотошопе, а в Image Ready зайти только чтобы сохранить.
14. Идём Окно - Анимация (Window - Animation). У нас откроется окно анимации с первым кадром.
На всех кадрах будут открыты глазки на слоях: «Задний план», слои с
сердцем, слои с бликами и слой с рамкой, их можно объединить в группу,
как в п.10 и назвать «Сердце».
Для первого кадра, кроме группы «Сердце», устанавливаем глазки на
следующих слоях: первый слой с лучами, слой с надписью со стилями, в
группе «Звезда1» на слое с маленькой звездой, в группе «Звезда2» на
слое со средней звездой и в группе «Звезда3» на слое с большой звездой.
15. Создаём второй кадр, для этого нажимаем на иконку «Дублировать выбранный кадр»:
И для второго кадра открываем глазки на слоях: второй слой с лучами (на
первом с лучами гасим глаз), слой с надписью без стилей слоя (на слое
со стилями гасим глаз), в звёздах тоже меняем глазки на следующие слои,
а на прежних гасим.
Всего у нас будет 4 кадра. Слоёв с лучами 4, они будут открываться по одному в каждом кадре.
Слоёв с надписью 2, они будут открываться чередуясь, в 1 и 3 кадрах –
слой со стилями слоя и в 2 и 4 кадрах – слой без стилей слоя.
Слоёв со звёздами в каждой группе по 3, они будут открываться так: 1
кадр – большая звезда, 2 кадр – средняя, 3 кадр – маленькая звезда, 4
кадр – средняя звезда.
В другой группе: 1-средняя, 2-большая, 3- средняя, 4 – маленькая.
В третьей группе: 1- маленькая, 2- средняя, 3-большая, 4- средняя.
Ну всё, все кадры выставлены, осталось установить время задержки кадра.
Для этого, с нажатым Ctrl, выделяем все кадры и нажимаем на маленький
треугольник внизу кадра и, в выпавшем окошке, выбираем подходящее для
нас время. Я выбрала 0,2 сек.
Теперь проверим нашу анимацию, нажмём на кнопку
«Воспроизведение»(Play). Если всё понравилось, то будем сохранять. Но,
сначала уменьшим размер изображения, хотя бы до 400 на 300 пкс., так
как большой размер будет долго открываться. Все знают как уменьшить
изображение? Для тех кто ещё не знает, идём Изображение – Размер
изображения (Image – Image Size).
16. Переходим в Image Ready, для этого нажмём кнопку внизу окна инструментов:
В Image Ready можно ещё раз проиграть анимацию и подредактировать то,
что не нравится, а затем идём Файл – Сохранить оптимизированный
как…(File-Save Optimized As)
Сохраняем в формате Gif. Вот такая валентинка у нас получилась. Надеюсь у вас получатся ещё красивее! Удачи!
Источник
|
| Категория: Уроки анимации | Добавил: ZZolotko (17.12.2009)
|
| Просмотров: 1275
| Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи. [ Регистрация | Вход ] | |
 | |  |
|
| Вход на сайт |
|
|
| Поиск |
|
|
|
