Главная Контакты Карта сайта
» » » Как сделать блик на картинке?

Как сделать блик на картинке?

Каледарь 24-10-2019 Посетители Просмотров: 2153

Недавно пришел заказ - надо было сделать анимированную картинку сантехника для какой-то  презентации по профориентированию.


Недавно пришел заказ - надо было сделать анимированную картинку сантехника для какой-то  презентации по профориентированию.

Кстати, если у вас есть необходимость в услугах сантехника, здесь http://santech-uslugi.ru можете найти только самых лучших специалистов в Санкт-Петербурге.

Анимашку сделала, но возникло желание написать небольшой урок о том, как сделать бегущий блик на картинке.

Чтобы не откладывать в долгий ящик, пишу.

Итак. Нам понадобятся две картинки - сам сантехник и фон, но котором он будет размещен.

У меня они вот такие:

Это супер-сантехник

Сантехник

 Это фоновая картинка

Как сделать блик на картинке?

Открываем фотошоп.
Размещаем на нижнем слое - фоновую картинку, на верхнем - нашего героя.

Блик у нас будет "бежать" по гаечному ключу.
Поэтому, копируем гаечный ключ отдельно на новый слой.
С помощью инструментов выделения обводим ключ и даем команды Ctrl+C и Ctrl+V.

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

Как сделать блик на картинке?

Проводим градиент чуть ниже ключа.
Должно получится как-то так:

Как сделать блик на картинке?

Переходим непосредственно к анимации.
Даем команду "Окно - Анимация". Выбираем покадровую анимацию.

Как сделать блик на картинке?

У нас пока только один кадр.
Копируем его 

Как сделать блик на картинке?

На новом кадре инструментом "Перемещение" (черная стрелочка) перетаскиваем блик вверх, устанавливаем сверху от ключа.

Как сделать блик на картинке?

У нас уже есть первый и последний кадры анимации.
Добавляем промежуточные кадры с помощью специально кнопки. Кадров делаем штук 10-15.

Как сделать блик на картинке?

Запускаем анимацию.

Получается вот так:


блик бежит, но по всему рисунку, а нам надо по ключу.

Выбираем на панели слоев слой с бликом. щелкаем правой кнопкой мыши и в появившемся меню выбираем пункт - "создать обтравочную маску"

После этого верхний слой будет связан с нижним и показываться только в пределах нижнего слоя. А там у нас ключ.

 

Как сделать блик на картинке?

Поверяем результат.

 

 

Красота!

 

Можно еще добавить блеск на зубах.

Но это уже самостоятельно.

 


 


Добавление комментария

Ваше Имя:*
Ваш E-Mail:*
Введите код
с картинки:*

Последние статьи:

Фотобудка — это компактная автоматизированная фотостудия, предназначенная для быстрого создания серии снимков (обычно 3-4 фото за сеанс).


Парк «Зарядье» в Москве действительно стал одной из важных и интересных площадок для выставок современного искусства


Веб-дизайн — это творческая и востребованная профессия, которую действительно можно освоить дистанционно. Вот пошаговый план, что нужно и как действовать.


массажСПА (SPA) — это понятие, которое восходит к латинской фразе "Sanus Per Aquam" или "Salus Per Aquam", что означает "Здоровье через воду" или "Здоровье с помощью воды"


шрифтышрифтыШрифты — это не просто буквы, это голос бренда, инструмент коммуникации и мощный элемент дизайна.


робот художникробот художник Шедеврум - нейросеть, которая позволяет создавать оригинальные изображения на основе текстовых описаний. Вы можете описать любой объект, сцену или идею, а «Шедеврум» превратит ваше описание в уникальное произведение искусства.


Термин "айдентика" происходит от английского "identity" – идентичность, и в более широком понимании охватывает не только визуальную, но и концептуальную составляющие идентификации компании.


«    Февраль 2026    »
ПнВтСрЧтПтСбВс
 1
2345678
9101112131415
16171819202122
232425262728 
Личный кабинет Обратная связь