Анимация градиетном по контуру картинки
19-07-2023 15:54
к комментариям - к полной версии
- понравилось!
Это цитата сообщения R-Oksana Оригинальное сообщение
[показать]
Картинок в .png на прозрачном слое в сети очень много, для работы старайтесь находить качественные, размер у таких картинок идет от 2000 пикселей по стороне и они чисто выполнены.
Создаем новый документ в фотошопе, размер 450х450 пискселей и заливаме его черным цветом. Черный цвет позволит нам увидеть все то, что мы делаем. Открываем найденую картинку, уменьшаем ее размер и перетаскиваем на слой с фоном
[показать]
Слой с картинкой у нас активный - открыт глазок и он синего цвета. Зажимаем клавищу Ctrl и, удерживая ее, щелкаем по миниатюре на слое - "Картинка" - чтобы появилось выделение вокруг картинки
[показать]
Не снимая выделения, переходим во вкладку - Контуры - и выбираем команду - "Образовать рабочий контур..", в выскочевшем окошке - нажмите -ОК. Если у вас нет такой закладки , то в горизонтальном меню инструментов в фотошое откройте - "Окно" и напротив - Контуры - поставте галочку, чтобы окошко появилось.
[показать]
Возвращаемся отбратно в закладку "Слой", открываем - "Параметры наложения" и добавляем к этому слою - "Градиент"
[показать]
[показать]
Создаем копию слоя, для этого нужно нажать Ctrl+J, открываем "Параметры наложения", можно просто в слое щелкнуть двойным щелчком по "Наложение градиента" и окошко откроется. И меняем угол наклона с 90 на тот, что вам понравится - смотрите по картинке - как у вас будет перемещаться градиент и учитывайте, что вам понадобиться создать несколько слоем
[показать]
Попробуйте сейчас включать и отключать глазки в панели слоев и посмотрите, что у вас получается
[показать]
Теперь создайте копию второго слоя - поменяйте угол наклона градиента ( градусы), из этого слоя - создайте еще одну копию и уже в ней - меняйте угол наклона. Я создала шесть слоев.
Соберем анимацию ( первый кадр - Слй "Фон" + слой " Картинка", второй кадр - слой "Фон" + слой " Картинка копия" и т.д., пока не соберете все слои.
И смотрим, что у нас получилось
[показать]
Я пустила градиент по кругу - меняя значения поворота градуса по кругу, можно менять угол поворота произвольно, задавая этим самым более интересные переливы. Можно между кадрами создать промежуточные слои и переливы градиетнта будут более плавными
Если то, что вы увидели - понравилось, то отключите глазок слоя "Фон" и сохраните анимацию на прозрачном слое в компе. Потом ее можно будет использовать в работах - видо изменять - поворачивать, уменьшать или увеличивать, деформировать и изменять ее перспективу. Так как мы с вами работаем с контуром, то такие работы лучше сначала создать, а потом уже готовую анимацию использовать в своих работах.
[показать]
Творческого вам вдохновения и красивых работ!
Урок для вас расписала - T-Abissinka
источник bestanimationgif.com/lessons/view?id=49
вверх^
к полной версии
понравилось!
в evernote
Это цитата сообщения R-Oksana Оригинальное сообщение
Анимация градиетном по контуру картинки
[показать]Картинок в .png на прозрачном слое в сети очень много, для работы старайтесь находить качественные, размер у таких картинок идет от 2000 пикселей по стороне и они чисто выполнены.
Создаем новый документ в фотошопе, размер 450х450 пискселей и заливаме его черным цветом. Черный цвет позволит нам увидеть все то, что мы делаем. Открываем найденую картинку, уменьшаем ее размер и перетаскиваем на слой с фоном
[показать]Слой с картинкой у нас активный - открыт глазок и он синего цвета. Зажимаем клавищу Ctrl и, удерживая ее, щелкаем по миниатюре на слое - "Картинка" - чтобы появилось выделение вокруг картинки
[показать]Не снимая выделения, переходим во вкладку - Контуры - и выбираем команду - "Образовать рабочий контур..", в выскочевшем окошке - нажмите -ОК. Если у вас нет такой закладки , то в горизонтальном меню инструментов в фотошое откройте - "Окно" и напротив - Контуры - поставте галочку, чтобы окошко появилось.
[показать]Возвращаемся отбратно в закладку "Слой", открываем - "Параметры наложения" и добавляем к этому слою - "Градиент"
[показать] [показать]Создаем копию слоя, для этого нужно нажать Ctrl+J, открываем "Параметры наложения", можно просто в слое щелкнуть двойным щелчком по "Наложение градиента" и окошко откроется. И меняем угол наклона с 90 на тот, что вам понравится - смотрите по картинке - как у вас будет перемещаться градиент и учитывайте, что вам понадобиться создать несколько слоем
[показать]Попробуйте сейчас включать и отключать глазки в панели слоев и посмотрите, что у вас получается
[показать]Теперь создайте копию второго слоя - поменяйте угол наклона градиента ( градусы), из этого слоя - создайте еще одну копию и уже в ней - меняйте угол наклона. Я создала шесть слоев.
Соберем анимацию ( первый кадр - Слй "Фон" + слой " Картинка", второй кадр - слой "Фон" + слой " Картинка копия" и т.д., пока не соберете все слои.
И смотрим, что у нас получилось
[показать]Я пустила градиент по кругу - меняя значения поворота градуса по кругу, можно менять угол поворота произвольно, задавая этим самым более интересные переливы. Можно между кадрами создать промежуточные слои и переливы градиетнта будут более плавными
Если то, что вы увидели - понравилось, то отключите глазок слоя "Фон" и сохраните анимацию на прозрачном слое в компе. Потом ее можно будет использовать в работах - видо изменять - поворачивать, уменьшать или увеличивать, деформировать и изменять ее перспективу. Так как мы с вами работаем с контуром, то такие работы лучше сначала создать, а потом уже готовую анимацию использовать в своих работах.
[показать]Творческого вам вдохновения и красивых работ!
Урок для вас расписала - T-Abissinka
источник bestanimationgif.com/lessons/view?id=49
Вы сейчас не можете прокомментировать это сообщение.
Дневник Анимация градиетном по контуру картинки | Таня_Зимина - Дневник Таня_Зимина |
Лента друзей Таня_Зимина
/ Полная версия
Добавить в друзья
Страницы:
раньше»