Fotodryg.ru - Уроки Фотошоп. анимированная бабочка


Уроки Фотошоп



Полезное на сайте


Смотреть видеоурок




От этого блюда нельзя оторваться




На главную
К списку уроков фотошопа

Урок фотошопа - анимированная бабочка

[2] [3] [4]

1.Создаем новый документ размером 500х500 цветовая модель RGB и прозрачный фон.

2.Залейте его черным цветом при помощи инструмента "заливка". Создаем новый слой при помощи кнопки "создать новый слой" внизу панели СЛОИ.



3.Теперь создаем контур для бабочки - выбрав инструмент "произвольная фигура"на панели инструментов и найдя там форму бабочки. Выберите для контура на панели задач инструмента режим "Контуры". Растяните фигуру бабочки на прозрачном слое.





4.Копируем слой с контуром 2 раза и называем слой 1, слой 2 и слой 3. Делаем активным слой 1.

5.Выберите инструмент кисть, и задайте для нее следующие параметры (окно-кисти) - твердая кисть размером 9 пикселов с интервалом 175 процентов.Теперь ставим основным белый цвет.



6.На панели контуры (рядом с панелью слои) нажимаем кнопку "выполнить обводку контура кистью".



7.Теперь добавим стиль"Crumble Metal" из панели СТИЛИ, если его нет, добавьте все стили из БИБЛИОТЕКИ СТИЛЕЙ. Вы можете добавить несколько точек кистью (на слое с бабочкой), там где вам понравиться, К ним автоматически применен стиль тот же, что и к контуру.



8.Теперь делаем активным слой 2. Выберите инструмент кисть, и задайте для нее следующие параметры (формы отпечатка кисти) - твердая кисть размером 6 пикселов с интервалом 250 процентов.

9.На панели контуры(рядом с панелью слои) нажимаем кнопку "выполнить обводку контура кистью" и добавим стиль"Crumble Metal" из панели СТИЛИ. Снова кистью ставим точки внутри бабочки (желательно не там,где на слое1).

10.Делаем активным слой 3. Выберите инструмент кисть, и задайте для нее следующие параметры(формы отпечатка кисти) - твердая кисть размером 3 пиксела с интервалом 175 процентов.

11.На панели контуры (рядом с панелью слои) нажимаем кнопку "выполнить обводку контура кистью"и добавим стиль"Crumble Metal" из панели СТИЛИ. Снова кистью ставим точки внутри бабочки.

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

13.Откройте панель анимации в Photoshop CS3 (ОКНО-АНИМАЦИЯ) или перейдите в ImageReady CS, при помощи кнопки "Редактировать в ImageReady" (внизу панели инструментов), если вы работаете в более ранней версии программы.



14.Скопируйте первый кадр 2 раза.



15.вернемся к первому кадру анимации (кликнем по нему мышью), на панели Слои оставляем видимыми - фоновый слой, слой 1 и слой с точкой (у остальных слоев отключаем видимость (значек ГЛАЗ)).

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



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

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



Нажмите кнопку PLAY посмотрите что получилось. Для того, чтобы сохранить анимацию в Photoshop CS 3 заходим в меню ФАЙЛ-СОХРАНИТЬ ДЛЯ ВЭБ и сохраняем изображение в нужную Вам папку, как рисунок и HTML-код в формате GIF. Если сохраняете из Image Ready, то заходим в меню ФАЙЛ-СОХРАНИТЬ ОПТИМИЗИРОВАННЫЙ КАК и сохраняем изображение как рисунок и HTML-код в формате GIF.

Анимированная бриллиантовая бабочка

[2] [3] [4]






Комментарии



Оставляйте пожалуйста Ваши комментарии и советы по уроку. Поля "Текст комментария" и "Имя" обязательны для заполнения

Текст комментария:


Ваше имя:


Оцените урок 1 2 3 4 5

введите цифры с картинки








VickieTycleYI
09:04:2017
Приветствую пользователей ресурса! Представляем досуг с элитными девушками все подробности можно узнать по мылу dosug-elitei@mail.ru






*+*
07:05:2013
ПОМОГИТЕ!!!!ПОДСКАЖИТЕ!!!У МЕНЯ НЕТ ТАМ КОНТУРА БАБОЧКИ!!!!!!!
У МЕНЯ ФОТОШОП СS 3!!!!!!ПЛИЗ!!!!



И У МеНя ТаКаЯ Же ПрОбЛеМа!!!!! ПоМоГиТе!!!!!!
КоНфЕтКа
07:05:2013


В окне (где Вы выбираете произвольную фигуру) нажмите на круглую кнопочку с черным треугольником внутри (в правом верхнем углу) в появившемся меню выбирите строку ВСЕ, нажимаете и в появившемся запросе жмете кнопку ДОБАВИТЬ.
Панти
12:05:2013







*
07:05:2013
подскажите, А где взять контур бабочки? У меня фотошоп СS 3.



В окне (где Вы выбираете произвольную фигуру) нажмите на круглую кнопочку с черным треугольником внутри (в правом верхнем углу) в появившемся меню выберите строку ВСЕ, нажимаете и в появившемся запросе жмете кнопку ДОБАВИТЬ.
Панти
12:05:2013







настя
17:11:2011
их там нет. не получилось. последняя http://s2.ipicture.ru/uploads/20111114/iUraBMpf.jpg






настя
14:11:2011
http://s2.ipicture.ru/uploads/20111114/iUraBMpf.jpg



Не могу посмотреть первую картинку, у меня не открывается.
Панти
16:11:2011







настя
14:11:2011
http://www.saveimg.ru/pictures/14-11-11/741c4ed73713809a129d06d419820cff.jpg






настя
14:11:2011
у меня почему то появляется






настя
12:11:2011
спасибо. все сделала. а почему не хочет сохраняться для вэб. только нажимаю сразу программа того



Уже не первый человек пишет о такой проблеме, мы сами с ней сталкивались, пришлось менять фотошоп. Видимо какой то глюк в программе.
Панти
13:11:2011







настя
09:11:2011
а где режим контур?



Режим "Контур" выбираем на панели задач инструмента, вверху, под строкой меню. Кнопки выбора режимов выглядят так



Панти
12:11:2011







настя
06:11:2011
где этот стиль находится



На палитре СТИЛИ в правом верхнем углу жмете на кнопочку с черным треугольником, в выпадающем меню выбираете строчку "Эффекты для текста2", появляется другое окошко где нажимаем ДОБАВИТЬ. У Вас должны добавиться дополнительные стили к уже имеющимся. В некоторых версиях программы стиль "Crumble Metal" называется "Металическая крошка". Если все таки такого стиля у Вас нет, то можно скачать здесь
Панти
07:11:2011









[1][2][3]