-Рубрики

 -Всегда под рукой

 -Поиск по дневнику

Поиск сообщений в Оленька_Коваленко

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 16.06.2010
Записей:
Комментариев:
Написано: 76725


Анимация световых лучей.

Суббота, 08 Января 2011 г. 23:25 + в цитатник
Цитата сообщения ЭМИЛЛИ

 

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

Открываем картинку, из которой хотим сделать анимацию. Желательно чтобы картинка была не слишком темной.

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

аниме заяц

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


 

 

 

 

  

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

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









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

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









Инвертируем выделение Select/ Inverse (Выделение/ инверсия).


Создаем дубликат слоя с выделенной частью картинки нашего аватара (Ctrl+J).

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

 

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

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

 

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









Создаем новый слой и делаем на нем квадратное выделение (М).


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










Инвертируем выделение Select/ Inverse (Выделение/ инверсия).


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









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


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

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

 

Для слоя с белой рамкой выставляем прозрачность в 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://bakemono.ru


Рубрики:  Фотошоп/Уроки фотошоп
Метки:  
Понравилось: 4 пользователям



ЛюдоМилка   обратиться по имени Суббота, 08 Января 2011 г. 23:33 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 09 Января 2011 г. 10:37ссылка
Всегда пожалуйста!
EIFORIYA161   обратиться по имени Воскресенье, 09 Января 2011 г. 05:08 (ссылка)
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 09 Января 2011 г. 10:37ссылка
Легко, просто и эффектно))
vichugina   обратиться по имени Четверг, 13 Января 2011 г. 16:07 (ссылка)
Спасибо сердечное за урок.
Ответить С цитатой В цитатник
Я-Мышка   обратиться по имени Воскресенье, 13 Ноября 2011 г. 10:24 (ссылка)
Очень подробный урок,спасибо.Пойду пробовать!
Ответить С цитатой В цитатник
НЕЖНОЕ_СЧАСТЬЕ   обратиться по имени Воскресенье, 10 Февраля 2013 г. 22:40 (ссылка)
СПАСИБО ЗА УРОК!!! ПРОЦИТИРОВАЛА СЕБЕ!!!любовь!
Ответить С цитатой В цитатник
К дневнику Страницы: [1] [Новые]