-Рубрики

 -Метки

online-letters Маски аглая датешидзе анимация анимация блики анимация градиентом аудиокниги видео выкройки выпечка вязание вязание крючком вязание на спицах генератор надписей глиттеры декор джемпер джемпер спицами дизайн блога донбасс живопись заготовки здоровье интернет интерьер картинка из фото картинка-ссылка клипарт книги книги слушать и читать коллаж комментарии компьютер компьютерная грамотность лиру лнр музыка музыка для блога народные рецепты настроение новороссия новый год овощные блюда огурцы малосольные одуванчик от гипертонии пироги пирожки плееры про любовь программы пуловер рамки для фотошоп рамочка рамочки расширения для браузера рецепты рождество рукоделие рутубе рыба рыбные котлетки своими руками скачать музыку скрап-набор скрап-набор зимний создание кликабельной картинки стихи схемы схемы для дневника тесто урок фотошоп уроки фотошоп фильмы фитотерапия фоны фото фотошоп футажи холестерин цвет шарлотка шитьё шитье яблочные пироги

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

Поиск сообщений в Таня_Зимина

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

 


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

Среда, 19 Июля 2023 г. 15:54 + в цитатник
Цитата сообщения R-Oksana

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


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


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

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

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


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

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

Теперь создайте копию второго слоя - поменяйте угол наклона градиента ( градусы), из этого слоя - создайте еще одну копию и уже в ней - меняйте угол наклона. Я создала шесть слоев.
Соберем анимацию ( первый кадр - Слй "Фон" + слой " Картинка", второй кадр - слой "Фон" + слой " Картинка копия" и т.д., пока не соберете все слои.
И смотрим, что у нас получилось

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

Творческого вам вдохновения и красивых работ!
Урок для вас расписала - T-Abissinka

источник bestanimationgif.com/lessons/view?id=49
Рубрики:  Уроки фотошоп
Метки:  

 

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

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

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

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