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

Поиск сообщений в Искорка_А

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

 

 -Статистика

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


Анимация градиентом по контуру картинки

Среда, 15 Января 2014 г. 01:49 + в цитатник
Цитата сообщения Sabine_Astana Уроки от T-Abissinka "Анимация градиентом по контуру картинки"


Настроение в картинках

Автор урока: T-Abissinka
источник урока: здесь

Анимация градиентом по контуру картинки




Картинок в .png на прозрачном слое в сети очень много, для работы старайтесь находить качественные,  размер у таких картинок идет от 2000 пикселей по стороне и они чисто выполнены.

Создаем новый документ в фотошопе, размер 450х450 пискселей и заливаем его черным цветом. Черный цвет позволит нам увидеть все то, что мы делаем. Открываем найденную картинку, уменьшаем ее размер и перетаскиваем на слой с фоном



Слой с картинкой у нас активный - открыт глазок и он синего цвета. Зажимаем клавишу Ctrl и, удерживая ее, щелкаем по миниатюре на слое - "Картинка" - чтобы появилось выделение вокруг картинки



Не снимая выделения, переходим во вкладку - Контуры - и выбираем команду - "Образовать рабочий контур..", в выскочившем окошке - нажмите - ОК. Если у вас  нет такой закладки , то в горизонтальном меню инструментов в фотошопе откройте - "Окно" и напротив - Контуры - поставте галочку, чтобы окошко появилось.



Возвращаемся обратно в закладку "Слой", открываем - "Параметры наложения" и добавляем  к этому слою - "Градиент"




Создаем копию слоя, для этого нужно нажать Ctrl+J, открываем "Параметры наложения", можно просто в слое щелкнуть двойным щелчком по "Наложение градиента" и окошко откроется. И меняем угол наклона с  90 на тот, что вам понравится - смотрите по картинке - как у вас будет перемещаться градиент и учитывайте, что вам понадобиться создать несколько слоев





Попробуйте сейчас включать и отключать глазки в панели слоев и посмотрите, что у вас получается



Теперь создайте копию второго слоя - поменяйте угол наклона градиента ( градусы), из этого слоя - создайте еще одну копию и уже в ней - меняйте угол наклона. Я создала шесть слоев.

Соберем анимацию ( первый кадр - Слй "Фон" + слой " Картинка", второй кадр - слой "Фон" + слой " Картинка копия" и т.д., пока не соберете все слои.

И смотрим, что у нас получилось



Я пустила градиент по кругу - меняя значения поворота градуса по кругу, можно менять угол поворота произвольно, задавая этим самым более интересные переливы. Можно  между кадрами создать промежуточные слои и переливы градиетнта будут более плавными

Если то, что вы увидели - понравилось, то отключите глазок слоя "Фон" и сохраните анимацию на прозрачном слое в компе. Потом ее можно будет использовать в работах - видо изменять - поворачивать, уменьшать или увеличивать, деформировать и изменять ее перспективу. Так как мы с вами работаем с контуром, то такие работы лучше сначала создать, а потом уже готовую анимацию использовать в своих работах.



Творческого вам вдохновения и красивых работ!



Урок для вас расписала - T-Abissinka


Друзья сайта: Сайт Ирины Щепоткиной

Серия сообщений "2 УРОКИ АНИМАЦИИ ФОТОШОП":
Часть 1 - «Эффект дождя»
Часть 2 - "Ливень и сверкание молнии"
...
Часть 18 - Xero pulsar,Alien Skin Xenofex 2
Часть 19 - ореол с анимашки на прозрачном слое в программе Фотошоп
Часть 20 - Анимация градиентом по контуру картинки
Часть 21 - Узоры на коллаже фильтром Panopticum
Часть 22 - Солнечные лучи с помощью кистей
...
Часть 47 - "Моргающие глазки
Часть 48 - УРОК ФОТОШОПА - АНИМАЦИЯ ЛИЦА
Часть 49 - Моргающие глазки - урок ФШ от Mira

Метки:  
Понравилось: 1 пользователю

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку