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


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

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

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

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

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

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








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

Если щелкнуть правой кнопкой мыши на заголовке окна редактируемого документа появится контекстное меню, которое имеет несколько полезных пунктов: Создать дубликат (Duplicate), Размер изображения (Image Size), Размер холста (Canvas Size) и другие.


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