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

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








GeraldsorZH
22:09:2017
global pharmacy canada
*a href="http://canadianpharmacyrxbsl.com/"*canadian online pharmacies*/a*
canada pharmacy online orders
*a href=http://canadianpharmacyrxbsl.com/?metformin-mechanism-of-action*metformin mechanism of action*/a*
discount pharmaceuticals
*a href="http://canadianpharmacyrxbsl.com/?sertraline-dose"*sertraline dose*/a*






GeraldsorZH
22:09:2017
mexican pharmacies
*a href="http://canadianpharmacyrxbsl.com/"*canadian online pharmacies*/a*
canada meds
*a href=http://canadianpharmacyrxbsl.com/?que-es-viagra*que es viagra*/a*
best canadian pharmacies
*a href="http://canadianpharmacyrxbsl.com/?cialis-5-mg"*cialis 5 mg*/a*






GeraldsorZH
21:09:2017
approved canadian pharmacies online
*a href="http://canadianpharmacyrxbsl.com/"*canadian online pharmacies*/a*
prescription drugs without prior prescription
*a href=http://canadianpharmacyrxbsl.com/?better-than-viagra*better than viagra*/a*
canadian online pharmacies prescription drugs
*a href="http://canadianpharmacyrxbsl.com/?viagra-activate"*viagra activate*/a*






FelipegerVT
21:09:2017
best online pharmacies no prescription
*a href="http://canadianpharmacyrxbsl.com/"*canadian drugs*/a*
best online pharmacy
*a href=http://canadianpharmacyrxbsl.com/?zoloft-withdrawal-symptoms*zoloft withdrawal symptoms*/a*
pharmacy online
*a href="http://canadianpharmacyrxbsl.com/?cialis-price"*cialis price*/a*






FelipegerVT
20:09:2017
pharmacy cost comparison
*a href="http://canadianpharmacyrxbsl.com/"*http://canadianpharmacyrxbsl.com/*/a*
northwest pharmacy canada
*a href=http://canadianpharmacyrxbsl.com/?doxycycline-monohydrate-100mg*doxycycline monohydrate 100mg*/a*
prescription drugs online without
*a href="http://canadianpharmacyrxbsl.com/?xanax-pill"*xanax pill*/a*






RalphdiugsWL
10:09:2017
cialis in nigeria

*a href="http://buycialisgenericbsl.com/"*cialis without a doctor prescription*/a*

cialis and antihistamine

*a href=http://buycialisgenericbsl.com/*cialis generic*/a*






RalphdiugsWL
07:09:2017
cialis spain

*a href="http://cialisxrm.com/"*cialis coupon*/a*

pharmacie en ligne achat cialis

*a href=http://cialisxrm.com/*buy cialis online*/a*






BillyamonoST
05:08:2017
wh0cd540558 *a href=http://finasteride5mg.pro/*finasteride 5 mg*/a* *a href=http://buy-cafergot.store/*cafergot*/a* *a href=http://provera.world/*provera*/a* *a href=http://buy-allopurinol.work/*allopurinol buy online*/a* *a href=http://buy-bupropion.shop/*bupropion*/a* *a href=http://crestor.news/*crestor*/a* *a href=http://buynolvadex.store/*nolvadex*/a*






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



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


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







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



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









[1][2][3][4]