• Авторизация


Уроки от T-Abissinka "Анимация градиентом по контуру картинки" 13-01-2014 23:28 к комментариям - к полной версии - понравилось!



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

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

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

[450x132]


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

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


[400x386]


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


[400x380]


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


[500x157]


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


[449x207]


[500x295]


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


[399x230]




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


[500x278]


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

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

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


[450x450]


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

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


[450x450]


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



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


Друзья сайта: [показать]

вверх^ к полной версии понравилось! в evernote
Комментарии (25):
streglova 13-01-2014-23:48 удалить
Большое спасибо за урок! Со Старым Новым годом!!!
Sabine_Astana 13-01-2014-23:51 удалить
Ответ на комментарий streglova # streglova, И Вам спасибо за комментарий.
[300x207]
koreckolga 14-01-2014-00:03 удалить
Спасибо за интересный урок!
[показать]
lyubimaja 14-01-2014-00:45 удалить
Спасибо Сабиночка большое за интересный урок с наступающим Старым Новым Годом!!!
[600x500]
Спасибо за урок! Но что то у меня получилось не очень! Завтра еще попробую!
[450x450]
Интересный урок. Спасибо, Сабина.
С наступающим Старым Новым Годом!
[показать]
Я тебе желаю счастья,
В этот Старый Новый год.
Чтобы все прошли ненастья,
Чтобы жизнь была, как мёд.

Не грусти, ведь в этот праздник
Все сбываются мечты.
Кто-то в эту ночь заметит,
Как цветок прекрасна ты!
ВАТ 14-01-2014-02:47 удалить
Сабиночка, спасибо за интересный урок! Со Старым Новым Годом!
Навруб 14-01-2014-02:58 удалить
Замечательный урок! Огромнейшее спасибо Сабиночка!
Sabine_Astana 14-01-2014-03:33 удалить
Ответ на комментарий koreckolga # koreckolga, Благодарю!!!
[500x344]
Sabine_Astana 14-01-2014-03:36 удалить
Ответ на комментарий lyubimaja # lyubimaja, Оленька_555, Лариса_Гурьянова, ГЕННАДИЙ_ЗОЛОТОВ, ВАТ, Навруб, Благодарю, дорогие, за комментарии, поздравления. Взаимно поздравляю с праздником!!!

[500x344]

С благодарностью к автору урока и пожеланиями самого доброго!!!
Irina_khlebn 14-01-2014-05:42 удалить
Спасибо за интересный урок! Спраздником Вас!!!
[670x]
Гута 14-01-2014-13:55 удалить
Большое спасибо!
Спасибо, Сабиночка! С праздником! Со Старым Новым годом! Счастья, здоровья, дорогая!
Sabine_Astana 14-01-2014-23:50 удалить
Ответ на комментарий Irina_khlebn # Irina_khlebn, Дюанка, Гута, Та_самая_Тамара,
Благодарю за комментарии, поздравления! Всего Вам доброго! Благодарю автора урока и так же поздравляю со всеми январскими праздниками.
[500x391]
angy20091 14-01-2014-23:56 удалить
Sabine,Cтарым Новым годом !!!

"Загадай заветное желание,
В этот день, что полон волшебства,
Пусть искрится радостно шампанское,
Увлекая в сказку торжества!

Это чудо староновогоднее,
Этот праздник всех заворожил,
Я тебя сегодня поздравляю
Фейерверками своей души! "

Дискотека aaaa ... Альбом 60 минут






[600x500]
С благодарностью цитирую. Спасибо.
Sabine_Astana 08-07-2014-12:00 удалить
Ответ на комментарий Алюшкагригорьевна # Алюшкагригорьевна, Очень приятно! Благодарю за комментарий!
Nadin_Senina 05-01-2015-12:57 удалить
Взяла урок. Спасибо!
Sabine_Astana 05-01-2015-22:32 удалить
Ответ на комментарий Nadin_Senina # Nadin_Senina,
2015_01_04_Sabina.gif
Miled 23-09-2015-06:07 удалить
Спасибо огромное за отличный урок!!!!!!
Sabine_Astana 24-09-2015-03:34 удалить
Ответ на комментарий Miled # Miled, Благодарю за комментарий!!!!
Nella__solneshko 20-12-2016-03:13 удалить
Сабиночка, спасибо за интересный урок!
tane4ka777 19-05-2018-19:08 удалить
Сабиночка,спасибо большое!


Комментарии (25): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Уроки от T-Abissinka "Анимация градиентом по контуру картинки" | Sabine_Astana - Дневник Sabine Astana | Лента друзей Sabine_Astana / Полная версия Добавить в друзья Страницы: раньше»