Ефект світлових променів - малюємо разом

У цьому уроці ми розглянемо, як підготувати картинку для анімації, а також як за допомогою програми Photoshop зробити анімацію світлових променів. У даному уроці буде використовуватися Фотошоп С5 / Photoshop CS5.

Картинку, яку я використовувала можна скачати тут
sora.rar

Відкриваємо картинку, з якої хочемо зробити анімацію. Бажано щоб картинка була не занадто темною.


аниме девочка со злобным зайцем


Тепер створюємо новий документ з потрібним вам розміром аватар (100х100, 100х150, 200Х200). Я зроблю 200х200 px. Перетягуємо нашу картинку в створений документ і встановлюємо у потрібному положенні, якщо необхідно трохи зменшуємо розмір.

аниме заяц

Тепер приступимо до підготовки нашої картинки.

Виділяємо дублікат за допомогою кола (М).

Выделяем дубликат с помощью окружности


Інвертуємо виділення Select/ Inverse (Виділення/ інверсія).

Инвертируем выделение Select/ Inverse

Створюємо дублікат шару з виділеною частиною картинки нашого аватар (Ctrl J).


Создаем дубликат сло

Заходимо Filter/ Blur/Gaussian Blur (Фільтр - розумієте - розумієте по Гаусу) і виставляємо 2,3 px.


размытие- размытие по Гауссу


Створюємо новий шар і робимо на ньому квадратне виділення (М).

квадратное выделение


Інвертуємо виділення Select/ Inverse (Виділення/ інверсія).

Инвертируем выделение Select/ Inverse


Заливаємо його білим кольором.

Заливаем его белым цветом

Заходимо Filter/ Blur/Gaussian Blur (Фільтр - розумієте - розумієте по Гаусу) і виставляємо розмиття на 4,2 px.


выставляем размытие

Для шару з білою рамкою виставляємо прозорість у 63%.


выставляем прозрачность

Додаємо контрасту Layer>New Adjustment Layer >Brightness/Contrast (Шари - новий коригувальний шар - яскравість/контраст).


Добавляем контраста


Зливаємо всі шари в один Layer>/Merge Visible (Шари - об'єднати видимі шари )(Ctrl Shift E).

Сливаем все слои в один

Тепер займемося анімацією.

Створюємо новий шар і заливаємо його чорним кольором. Потім беремо м'яку кисть розміром 100px (якщо аватар менше ніж 200px, то і беремо кисть менше) і ставимо дві плями в кутку один проти одного.

Создаем новый слой и заливаем его черным цвето

Для шару виставляємо параметри Linear Burn (лінійний випалювання) і Fill (45%).


линейный затемнитель уроки анимации

Створюємо ще три шару, таким же способом і налаштуваннями як попередній шар. Тільки білі кола трохи переміщуємо з кожним шаром проти або за годинниковою стрілкою.


белые окружности немного перемещаем


Переходимо на перший шар з колами і вимикаємо перегляд інших.

настройки анимации


Запускаємо панель анімації. Виставляємо для першого кадру час 0,15 сек. Потім створюємо ще три кадри.

Запускаем панель анимации


Для другого кадру включаємо 3 шар -2 шар вимикаємо.

Для третього кадру включаємо 4 шар -3 шар вимикаємо.

Для четвертого кадру включаємо 5 шар -4 шар вимикаємо.

настройка кадров в анимации

Заходимо File /Save for Web....( Файл/ зберегти для Web...) (Alt Shft Cntr S).

І в параметрах виставляємо Gif

Автор уроку: Prescilla
Даний матеріал підготовлений для Вас командою сайту http://jak-namaljuvaty.pp.ua


Намалюй разом з нами таке
Додавання коментаря

Ім'я:*
Напівжирний Нахилений текст Підкреслений текст Перекреслений текст | Вирівнювання по лівому краю По центру Вирівнювання по правому краю | Вставка смайликів Вибір кольору | Прихований текст Вставка цитати Перетворити вибраний текст з транслітерації в кирилицю Вставка спойлера
Введіть код: *