Урок фотошоп анімована метелик

Урок фотошопу - анімована метелик

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.