ФотошопСундучок photoshopsunduchok
Начните свой путь в мир ФОТОШОПА сейчас!

 

 

 

БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

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

Меценаты

Присоединяйтесь в

Вход на сайт

Профиль

Кто на сайте

Сейчас на сайте 127 гостей и 4 пользователя

  • fotoslaid03@yandex.ru
  • vshivtseva.aleksandra
  • zaletOK

 

 

 

 

 

 

Последние комментарии

Яндекс.Метрика

Анимация мигающие огоньки в фотошопе

Анимация мигающие огоньки

в фотошопе

 

Всем привет!

Сегодня мы будем создавать анимацию свечения огоньков на елочке.

Огоньки на елке добавляют самому любимому празднику детей и взрослых, Новому Году, еще больше волшебства.

Мы попробуем погрузиться в атмосферу праздника с помощью фотошопа.

Сначала мы создадим фон – откроем изображения с елкой и текстурой из папки с исходниками, увеличим их и сольем слои в один.

Далее при помощи инструмента Кисть нарисуем огоньки на нескольких пустых слоях.

Затем мы перейдем в панель анимации (шкалу времени) и «оживим» нашу картинку.

В завершение урока "Анимация мигающие огоньки в фотошопе" мы сохраним получившуюся анимашку.

 

Анимация мигающие огоньки в фотошопе

 

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже. Вес будущей анимации напрямую зависит от размера изображения и количества кадров анимации, так что советую использовать небольшие значения для размера холста.

1

Помещаем в документ (Поместить встроенные) изображение «Елка» из папки с исходниками. Вызываем Свободное трансформирование (Ctrl+T), зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) и тянем за уголки рамки наружу, чтобы увеличить изображение. В самых свежих версиях программы Adobe Photoshop для сохранения пропорций зажимать клавишу Shift не нужно. 

2

3

4

Помещаем в документ изображение «Текстура» из папки с исходниками. При помощи Свободного трансформирования увеличиваем слой с текстурой и размещаем в панели слоев ниже слоя с елкой. С помощью инструмента Перемещение располагаем слой с текстурой, как на рисунке ниже.

5

6

7

8

В панели слоев при помощи клавиши Ctrl выделяем слои с елкой и текстурой и нажимаем сочетание клавиш Ctrl+E, чтобы слить слои в один. Переименовываем образовавшийся слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.

9

10

В панели слоев создаем 4 новых пустых слоя. Переименовываем их снизу вверх в «1», «2», «3» и «4».

11

12

Переходим в меню Изображение-Тримминг и вводим настройки, как на рисунке ниже. Это обрежет края слоя «Фон», выходящие за пределы холста.

13

14

Активируем инструмент Кисть и выбираем мягкую круглую кисть (чтобы вызвать меню выбора кисти, кликните ПКМ по холсту). Если на данный момент в программу не загружен набор с мягкими круглыми кистями, в меню выбора кисти нажмите на «шестеренку» справа и выберите «Основные кисти». Выбираем кисть, как на рисунке ниже. Приближаем холст (Ctrl и +). В панели слоев делаем активным слой «1» и берем образец цвета с одной из лампочек гирлянд. Для этого зажимаем клавишу Alt и кликаем по тому участку, с которого хотим взять образец цвета. Образец цвета установится в панели слоев в качестве цвета основного плана. Делаем два отпечатка кистью над тем участком, с которого брали образец.

15

16

17

18

19

20

В панели слоев меняем режим наложения слоя «1» на Экран. Также меняем режим наложения слоев «2», «3» и «4» на Экран.

21

22

23

На слое «1» «зажигаем» примерно ¼ часть гирлянд на елке.

24

Продолжаем подсвечивать гирлянды на слоях «2», «3» и «4». Вот этапы моей работы.

25

26

27

Теперь нам нужно анимировать наши огоньки.

Переходим в меню Окно-Шкала времени.

28

Далее кликаем по кнопке «Создать шкалу времени для видео».

29

В завершение нажимаем на иконку, отмеченную ниже.

30

Появится окно анимации.

31

При активном первом кадре анимации в панели анимации составляем видимым слой «Фон». Видимость остальных скрываем. Чтобы скрыть видимость слоя в панели слоев, нажмите на «глазик» около слоя.

32

33

Создаем новый кадр, нажав в панели анимации (шкале времени) на соответствующую иконку. В панели слоев оставляем видимыми слои «Фон» и «1».

34

35

36

Третий кадр. В панели слоев видимые слои «Фон», «1» и «2».

37

38

Создаем на шкале времени четвертый кадр и делаем в панели слоев видимыми слои «Фон», «1», «2» и «3».

39

40

Пятый кадр. В панели слоев видимые все слои – «Фон», «1», «2», «3» и «4».

41

42

Выделяем первые 4 кадра при помощи клавиши Ctrl, щелкаем по времени и в открывшемся меню выбираем время проигрывания кадра, например, 0,5 секунды. Последнему, пятому кадру анимации, устанавливаем длительность 1 секунда.

43

44

Далее кликаем по кнопке выбора параметров цикла проигрывания анимации и выбираем «Постоянно». Если оставить «Однократно», как указано по умолчанию, анимация проиграется один раз и остановится.

45

Нажав на кнопку проигрывания анимации, вы можете посмотреть, как будет выглядеть анимашка после сохранения и, при необходимости, подкорректировать ее.

46

Переходим в Файл-Сохранить для Web. В зависимости от версии фотошоп название этого пункта варьируется.

47

В строке формата обязательно выставляем gif, остальные настройки по вашему желанию – вы можете изменить размер, количество оттенков и т.п.

48

Вот мы и создали анимацию сверкающих огоньков на елке!

Урок "Анимация мигающие огоньки в фотошопе" завершен.

финальный результат

Праздничного настроения и творческих успехов!

 

 

 БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 

          

 

 

Если Вы не хотите пропустить интересные уроки по анимации в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.


 

Печать

Комментарии  

Анатолий
0 # Анатолий 13.01.2021 17:48
Спасибо большое! Интересный урок!
Ответить | Ответить с цитатой | Цитировать

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

Добавить комментарий

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты!
После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Для отображения Аватара (вашей картинки) необходимо на ту же почту иметь аккаунт на - Gravatar, это бесплатно.


Прикрепить фотографии

Популярные уроки сайта:

Prev Next

Как нарисовать планет…

Уроки рисования в фотошопе

  Как нарисовать планету с кольцом в фотошопе   Всем привет! Сегодня мы будем рисовать кольца планеты. Урок достаточно простой, по приемы, показанные в нем, помогут вам создавать сказочные коллажи на тему космоса. Сначала мы создадим новый...

Читать далее

Две частые ошибки при …

Видеоуроки

  Видео урок Две частые ошибки при создании фотомонтажа В этом уроке я Вам покажу две ошибки, которые часто допускают начинающие фотошоп мастера, когда они делают фотомонтаж. Разберем эти ошибки. Первая ошибка заключается...

Читать далее

Дрожащая анимация в ф…

Уроки анимации в фотошопе

Дрожащая анимация в фотошопе   Всем привет! Сегодня мы будем создавать анимацию дрожащего текста. Сначала мы создадим новый документ и зальем фоновый слой черным цветом. Затем установим шрифт из папки с исходниками и напишем текст...

Читать далее

Как перенести тень вм…

Видеоуроки

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

Читать далее

Фотомонтаж в Photoshop. Ва…

Обработка фотографий в фотошопе

  Фотомонтаж в Photoshop. Вариант №1 Как качественно отделить сложный объект от фона, перенести его на новую картинку и грамотно вписать в новое окружение   Этот мини-курс посвящен фотомонтажу. Мы с Вами объединим две картинки. Но...

Читать далее

Создание масок из кан…

Видеоуроки

  Видео урок Создание масок из каналов и их объединение Когда мы создаем коллаж или делаем фотомонтаж, то очень частой операцией является выделение объекта и перенос его на другой фон. Выделение объекта можно...

Читать далее

Как сделать стекающий…

Уроки фотошопа текст

Как сделать стекающий текст в фотошопе   Всем привет! Сегодня мы будем создавать стекающий текст. Стекающий текст выглядит довольно необычно. Эффект стекающего текста вы сможете использовать в своих работах как с материалами из папки...

Читать далее

Как улучшить картинку…

Видеоуроки

  Видео урок Как улучшить картинку формата Jpeg Когда мы создаем коллаж или делаем какой-либо монтаж, довольно большой проблемой является подбор необходимых картинок. Для того чтобы выбрать нужные снимки, мы часто заходим на...

Читать далее

Яркий логотип в фотош…

Уроки рисования в фотошопе

  Яркий логотип в фотошопе   Всем привет! Сегодня мы будем рисовать яркий логотип. Используя приемы, показанные в уроке, вы сможете создать не только логотип, а и, например, афишу, визитку или даже обои для рабочего стола. Сначала...

Читать далее

Как сделать светящийс…

Уроки фотошопа текст

Как сделать светящийся текст в фотошопе   Всем привет! Сегодня мы будем создавать светящийся текст. Эффект светящегося текста не сложен в исполнении, но выглядит очень стильно. Сначала мы создадим новый документ и зальем фоновый слой...

Читать далее

Коррекция контровых ф…

Обработка фотографий в фотошопе

Коррекция контровых фотографий в фотошопе. Метод №1 Контровая фотография – это такой момент съёмки, когда источник света находится позади снимаемого объекта. В результате можем получить проработанный передний план и «убитый» задний, или наоборот. В целом...

Читать далее

Коррекция контровых ф…

Обработка фотографий в фотошопе

Коррекция контровых фотографий в фотошопе. Метод №2 Продолжаем тему работы с тенями и светами, применительно к коррекции контровых фотографий. Первый урок здесь: https://www.photoshopsunduchok.ru/uroki/fotograf/5427-kontrovykh-fotografij Мы с Вами остановились на том, что выяснили, что метод, изложенный в 1-м...

Читать далее

Рождественская откры…

Уроки рисования в фотошопе

  Рождественская открытка для фотошопа   Всем привет! Сегодня мы будем рисовать открытку к Рождеству. Рождество – светлый семейный праздник, которого с нетерпением ждут и дети, и взрослые. Существует много прекрасных традиций, приуроченных к этому...

Читать далее

Новогодние пресеты дл…

Обработка фотографий в фотошопе

  Новогодние пресеты для фотошопа У нас продолжается Новогодняя неделя и вскоре мы будем праздновать Старый Новый год! :-) В связи с этим решил подарить Вам 8 пресетов (стилей, 3D лутов) для раскрашивания...

Читать далее

Мини-курс «Обработка …

Обработка фотографий в фотошопе

Мини-курс «Обработка контровой фотографии» Продолжаю серию мини-курсов по обработке фотографий. Напомню, что мы с Вами рассмотрели различные варианты работы с яркой солнечной фотографией: разбитой на темную и светлую половину пейзажной пейзажной с большим количеством водных...

Читать далее

Анимация мигающие ого…

Уроки анимации в фотошопе

Анимация мигающие огоньки в фотошопе   Всем привет! Сегодня мы будем создавать анимацию свечения огоньков на елочке. Огоньки на елке добавляют самому любимому празднику детей и взрослых, Новому Году, еще больше волшебства. Мы попробуем погрузиться...

Читать далее

Подготовка темного фо…

Видеоуроки

  Видео урок Подготовка темного фото кобработке в фотошопе  Практически любая обработка фотографии, будь то методика Дэна Маргулиса или просто классическая обработка снимка, должна начинаться с устранения посторонних проблемных цветов с изображения. Но, если...

Читать далее

Команда «Выделение и …

Видеоуроки

  Видео урок Команда «Выделение и маска» в фотошопе В этом уроке применим возможности команды «Выделение и маска» для того, чтобы вырезать нужный объект на фотографии. Заодно рассмотрим какие новые функции появились у этой...

Читать далее

Обои со снежинками в ф…

Уроки рисования в фотошопе

  Обои со снежинками в фотошопе   Всем привет! Сегодня мы будем рисовать новогодние обои для рабочего стола – со снежинками. Вот и наступила зима! Какой она будет – морозной и снежной или теплой и мягкой?...

Читать далее

Замена неба в фотошоп…

Видеоуроки

  Видео урок Замена неба в фотошопе В последних версиях фотошопа появились отдельные интересные функции по выделению объектов. В частности, мне понравилось, как работает команда «Замена неба». Поэтому записал два урока. В первом уроке рассмотрим эту...

Читать далее

Новогодняя открытка в…

Уроки рисования в фотошопе

  Новогодняя открытка в фотошопе   Всем привет! Сегодня мы будем рисовать новогоднюю открытку. В преддверии самого сказочного и любимого праздника в году мы будем создавать себе праздничное настроение, рисуя новогоднюю открытку. Такой открыткой вы можете...

Читать далее

Инструмент Быстрая ма…

Обработка фотографий в фотошопе

  Инструмент Быстрая маска в фотошопе   Всем привет! Зима, холодно, а хочется тепла, моря и романтики. В сегодняшнем нашем уроке "Инструмент Быстрая маска в фотошопе" мы с вами создадим красивую романтичную картинку...

Читать далее

Как сделать новогодни…

Уроки рисования в фотошопе

  Как сделать новогодние обои с елочкой в фотошопе   Всем привет! Сегодня мы будем рисовать новогодние обои с елочкой из снежинок. Такие обои будут создавать вам праздничное настроение! Сначала мы создадим новый документ, зальем фоновый слой красным...

Читать далее

Инструмент трассиров…

Обработка фотографий в фотошопе

  Инструмент трассировка в фотошопе   Всем привет! Продолжаем рассматривать новые возможности программы Adobe Photoshop (версия 22.0). В этой версии программы появилась интересная возможность обычным пользователям наравне с бета-тестировщиками испробовать новые инструменты. Давайте...

Читать далее

Как нарисовать штрих-…

Уроки рисования в фотошопе

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

Читать далее

Текст пунктиром в фот…

Уроки фотошопа текст

Текст пунктиром в фотошопе   Всем привет! Сегодня мы будем создавать текст с пунктирными линиями. Такой текст украсит ваши работы, например, визитки, плакаты, афиши, логотипы или открытки. Сначала мы создадим новый документ с белым фоном, установим...

Читать далее

Как сделать текстуру …

Уроки рисования в фотошопе

  Как сделать текстуру камня в фотошопе   Всем привет! Сегодня в уроке "Как сделать текстуру камня в фотошопе" мы будем рисовать текстуру камня. В уроке мы рассмотрим два способа создания текстуры камня. Оба способа очень простые...

Читать далее

Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2020