Главный атрибут дня Святого Валентина - сердечки и открытки в виде сердечек. На этом уроке мы расскажем как сделать анимированную валентинку в Фотошопе.


на главную уроки Фотошоп как сделать валентинку

как сделать валентинку

Если Вам интересно как сделать анимированную валентинку в программе Фотошоп, посмотрите этот урок. Такое сердечко можно сделать не только на день Святого Валентина, но в любой подходящий момент послать любимому человеку по электронной почте, а главное, что эмоций сделанное своими руками анимированное сердечко вызовет больше, чем просто скачанное откуда-то, тем более в процессе работы Вы сможет добавить свои эллементы и надписи, что бы конкретизировать кому предназначена эта валентинка.

как сделать валентинку

1. Создаем новый документ (Файл-Новый File-New) размером 250Х250 пикселов с прозрачным фоном. При помощи инструмента Заливка (Paint Bucket Tool) заливаем изображение черным цветом.

2. Создаем новый слой, нажав на кнопку Создать новый слой (Create a new layer) в нижней части палитры Слои (Laers). Активируем инструмент Кисть (Brush Tool), выбираем мягкую кисть размером 200 пикселей и ставим точку в центре изображения. В нашем примере точка красного цвета, Вы можете выбрать любой другой цвет.

3. Снова создаем новый слой, назовем его Cердце1. Теперь активируем инструмент Произвольная фигура (Custom Shape Tool) и выбираем фигуру Сердце (Heart). Растягиваем контур сердца так как показано на рисунке.

4. Выбираем инструмент Кисть (Brush Tool), выбираем кисть с жесткими краями, размером 10 пикселей. Настроим форму отпечатка кисти, для этого применяем команду Окно-Кисти (Window-Brushes) или нажимаем клавишу F5. Появляется окно Кисти (Brushes), выбираем вкладку Форма отпечатка кисти (Brush Tip Shape) и там изменяем значение Интервалы (Spacing) до 190%. Устанавливаем основным белый цвет.

5. Переходим на палитру Контуры (Paths) и нажимаем на кнопку Выполнить обводку контура кистью (Stroke Path with Brush). Вот что у нас должно получиться.

6. Переходим на палитру Стили (Styles) и выбираем стиль Металическая крошка (Crumble Metal), кликаем по нему и этот стиль применится к нашим белым точкам.

7. Уменьшим контур сердечка, для этого идем Редактирование-Свободное трансформирование контура (Edit-Free Transform Path) или нажимаем сочетание клавиш Ctrl+T. На панели задач нажимаем на кнопку Сохранять пропорции (Maintain aspect ratio) и устанавливаем ширину 80%, автоматически уменьшится высота.

8. Создаем новый слой Слой-Новый-Слой (Laer-New-Laer), назовем его Cердце2. Переходим на палитру Контуры (Paths) и снова нажимаем на кнопку Выполнить обводку контура кистью (Stroke Path with Brush), а затем применяем стиль Металическая крошка (Crumble Metal).

9. Создаем новый слой, назовем его Cердце3. Еще раз уменьшаем контур сердечка до 80%, так же как делали в пункте 7. Снова производим обводку кистью и применяем стиль Металическая крошка (Crumble Metal). Убираем контур нажав на кнопку Esc

10. Откройте панель анимации в Фотошоп CS3 (Окно-Анимация Window-Animation) или перейдите в ImageReady CS, при помощи кнопки Редактировать в ImageReady (Jump to ImageReady) (внизу панели инструментов), если вы работаете в более ранней версии программы.

11. Скопируйте первый кадр 3 раза, нажимая на кнопку Создание копии выделенных кадров (Duplicates current frame) (должно получиться 4 кадра).

12. Переходим на палитру Слои (Laers). Вернемся к первому кадру анимации (кликнем по нему мышью), на панели Слои оставляем видимыми - фоновый слой, слой с точкой и Сердце1 (у остальных слоев отключаем видимость (значек глаза с левой стороны от строки слоя).

13. Во втором кадре оставляем видимыми фоновый слой, Сердце2 и слой с точкой, снижая Непрозрачность слоя с точкой до 70 процентов.

14. В третьем кадре оставляем видимыми фоновый слой, слой Сердце3 и слой с точкой (меняя его Непрозрачность на 40 процентов).

15. В четвертом кадре оставляем видимыми фоновый слой, слой Сердце2 и слой с точкой, меняя Непрозрачность слоя с точкой до 70 процентов.

16. Задайте время задержки каждого кадра 0,2 секунды.

Нажмите кнопку PLAY посмотрите что получилось.

Для того, чтобы сохранить валентинку в Photoshop CS 3 заходим в меню Файл-Сохранить для ВЭБ (File-Save for WEB) и сохраняем изображение в нужную Вам папку, как рисунок и HTML-код (HTML and images) в формате GIF. Если сохраняете из Image Ready, то заходим в меню Файл-Сохранить Оптимизированный как (File-Save Optimized As) и сохраняем изображение как рисунок и HTML-код (HTML and images) в формате GIF.

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



Добавлено: 16:05:2009

На этом уроке продемонстрирован один из способов как сделать анимированную валентинку в Фотошопе. Она получается давольно-таки простой, но если добавить в процессе ее создания надписи и конкретизировать для кого она предназначена, то результат будет не самым плохим.








Полезные советы

Если Вам понадобилось много места для работы с изображением, Вы можете убрать с экрана все палитры и панели при помощи клавиши Tab. Что бы вернуть их на место, необходимо нажать эту клавишу повторно.


При перепечатке материалов сайта активная ссылка обязательна