Как сделать мерцание в фотошопе
Автор: Ольга Максимчук (Princypessa). Дата публикации: 01 января 2021 . Категория: Уроки анимации в фотошопе.
Сегодня мы будем создавать анимацию свечения огоньков на елочке.
Огоньки на елке добавляют самому любимому празднику детей и взрослых, Новому Году, еще больше волшебства.
Мы попробуем погрузиться в атмосферу праздника с помощью фотошопа.
Сначала мы создадим фон – откроем изображения с елкой и текстурой из папки с исходниками, увеличим их и сольем слои в один.
Далее при помощи инструмента Кисть нарисуем огоньки на нескольких пустых слоях.
Затем мы перейдем в панель анимации (шкалу времени) и «оживим» нашу картинку.
В завершение урока "Анимация мигающие огоньки в фотошопе" мы сохраним получившуюся анимашку.
Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже. Вес будущей анимации напрямую зависит от размера изображения и количества кадров анимации, так что советую использовать небольшие значения для размера холста.
Помещаем в документ (Поместить встроенные) изображение «Елка» из папки с исходниками. Вызываем Свободное трансформирование (Ctrl+T), зажимаем клавишу Shift (для сохранения пропорций) и Alt (чтобы трансформирование происходило из центра) и тянем за уголки рамки наружу, чтобы увеличить изображение. В самых свежих версиях программы Adobe Photoshop для сохранения пропорций зажимать клавишу Shift не нужно.
Помещаем в документ изображение «Текстура» из папки с исходниками. При помощи Свободного трансформирования увеличиваем слой с текстурой и размещаем в панели слоев ниже слоя с елкой. С помощью инструмента Перемещение располагаем слой с текстурой, как на рисунке ниже.
В панели слоев при помощи клавиши Ctrl выделяем слои с елкой и текстурой и нажимаем сочетание клавиш Ctrl+E, чтобы слить слои в один. Переименовываем образовавшийся слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.
В панели слоев создаем 4 новых пустых слоя. Переименовываем их снизу вверх в «1», «2», «3» и «4».
Переходим в меню Изображение-Тримминг и вводим настройки, как на рисунке ниже. Это обрежет края слоя «Фон», выходящие за пределы холста.
Активируем инструмент Кисть и выбираем мягкую круглую кисть (чтобы вызвать меню выбора кисти, кликните ПКМ по холсту). Если на данный момент в программу не загружен набор с мягкими круглыми кистями, в меню выбора кисти нажмите на «шестеренку» справа и выберите «Основные кисти». Выбираем кисть, как на рисунке ниже. Приближаем холст (Ctrl и +). В панели слоев делаем активным слой «1» и берем образец цвета с одной из лампочек гирлянд. Для этого зажимаем клавишу Alt и кликаем по тому участку, с которого хотим взять образец цвета. Образец цвета установится в панели слоев в качестве цвета основного плана. Делаем два отпечатка кистью над тем участком, с которого брали образец.
В панели слоев меняем режим наложения слоя «1» на Экран. Также меняем режим наложения слоев «2», «3» и «4» на Экран.
На слое «1» «зажигаем» примерно ¼ часть гирлянд на елке.
Продолжаем подсвечивать гирлянды на слоях «2», «3» и «4». Вот этапы моей работы.
Теперь нам нужно анимировать наши огоньки.
Переходим в меню Окно-Шкала времени.
Далее кликаем по кнопке «Создать шкалу времени для видео».
В завершение нажимаем на иконку, отмеченную ниже.
Появится окно анимации.
При активном первом кадре анимации в панели анимации составляем видимым слой «Фон». Видимость остальных скрываем. Чтобы скрыть видимость слоя в панели слоев, нажмите на «глазик» около слоя.
Создаем новый кадр, нажав в панели анимации (шкале времени) на соответствующую иконку. В панели слоев оставляем видимыми слои «Фон» и «1».
Третий кадр. В панели слоев видимые слои «Фон», «1» и «2».
Создаем на шкале времени четвертый кадр и делаем в панели слоев видимыми слои «Фон», «1», «2» и «3».
Пятый кадр. В панели слоев видимые все слои – «Фон», «1», «2», «3» и «4».
Выделяем первые 4 кадра при помощи клавиши Ctrl, щелкаем по времени и в открывшемся меню выбираем время проигрывания кадра, например, 0,5 секунды. Последнему, пятому кадру анимации, устанавливаем длительность 1 секунда.
Далее кликаем по кнопке выбора параметров цикла проигрывания анимации и выбираем «Постоянно». Если оставить «Однократно», как указано по умолчанию, анимация проиграется один раз и остановится.
Нажав на кнопку проигрывания анимации, вы можете посмотреть, как будет выглядеть анимашка после сохранения и, при необходимости, подкорректировать ее.
Переходим в Файл-Сохранить для Web. В зависимости от версии фотошоп название этого пункта варьируется.
В строке формата обязательно выставляем gif, остальные настройки по вашему желанию – вы можете изменить размер, количество оттенков и т.п.
В этом уроке Федоткин Вячеслав расскажет как создать эффект мерцания в фотошопе.
В этом уроке Вячеслав Федоткин покажет вам как сделать рамку в фотошопе. Вместе вы создадите 20 различных видов рамок.
В этом уроке Федоткин Вячеслав расскажет как создать коллаж в фотошопе под названием Женщина-кошка.
В этом фотошоп видеоуроке Вячеслав Федоткин расскажет как сделать открытку в фотошопе.
В это видеоуроке вы будете создавать ледяной текст в фотошопе.
В этом фотошоп видеоуроке по работе с текстом вы будете учиться создавать текст, который как будто состоит из лавы.
С этом видеоуроке вы вместе с Вячеславом будете создавать очень интересный эффект с помощью программы фотошоп, который называется эффект разрушения.
В этом новом видеоуроке по фотошоп вместе с автором вы будете создавать акварельный рисунок из фотографии
Новый видеоурок о том как создать рисунок из фотографии автомобиля.
Интересный видеоурок от Вячеслава Федоткина о том как сделать gif-анимацию из видео с помощью программы Photoshop.
Очень интересный видеоурок по переносу графики и текста на махровое полотенце так, чтобы это выглядело реалистично.
В этом видео по фотошопу Вы будете создавать анимацию огня, а именно, анимацию пламя свечи.
В этом видеоуроке от Вячеслава Федоткина вы будете создавать поздравительную открытку ко Дню защитника Отечества.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 10 января 2021 . Категория: Уроки анимации в фотошопе.
Сегодня мы будем создавать анимацию мерцающего текста.
Анимация мерцающего текста очень простая, в ней будет всего 2 кадра, но выглядит такая анимашка довольно эффектно.
Сначала мы создадим новый документ и зальем фоновый слой черным цветом.
Затем установим шрифт из папки с исходниками, и при помощи инструмента Текст напишем текст.
Далее перейдем в панель анимации (шкалу времени) и, добавив еще один кадр, анимируем картинку.
В завершении урока "Анимация мерцания в фотошопе" мы сохраним анимацию.
Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже. Размер картинки напрямую влияет на вес будущей работы, так что советую создавать для анимации холст небольшого размера.
В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.
Переименовываем фоновый слой в «Фон». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.
Заливаем слой «Фон» черным цветом. Для этого переходим в меню Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем черный оттенок.
Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.
Теперь нам необходимо «оживить» нашу картинку.
Переходим в меню Окно-Шкала времени.
Далее кликаем по кнопке «Создать шкалу времени для видео».
В завершение нажимаем на иконку, отмеченную ниже.
Появится окно анимации.
При активном первом кадре анимации в панели слоев отключаем видимость текстового слоя, нажав на «глазик» около слоя.
В панели анимации создаем новый кадр, нажав на иконку, отмеченную ниже.
При активном втором кадре анимации в панели слоев делаем видимым текстовый слой.
В панели анимации выделяем два кадра при помощи клавиши Ctrl, щелкаем по времени и в открывшемся меню выбираем время проигрывания кадра, например, 0,1 секунды.
Далее кликаем по кнопке выбора параметров цикла проигрывания анимации и выбираем «Постоянно». Если оставить «Однократно», как указано по умолчанию, анимация проиграется один раз и остановится.
Нажав на кнопку проигрывания анимации, вы можете посмотреть, как будет выглядеть анимашка после сохранения и, при необходимости, подкорректировать ее.
Если все устраивает, сохраняем анимацию. Переходим в меню Файл-Сохранить для Web. В зависимости от версии фотошоп название этого пункта варьируется.
В строке формата обязательно выставляем gif, остальные настройки по вашему желанию – вы можете изменить размер, количество оттенков и т.п.
Анимация мерцающего текста готова! Урок "Анимация мерцания в фотошопе" завершен.
- урок по работе с фотошопом "Создаём слайд-шоу с переходами"
- урок по работе с фотошопом "Создаём слайд-шоу"
Создадим новый документ подходящих для Вашего замысла размеров - Ctrl+N.
Установим в качестве цвета переднего плана чёрный цвет и зальём наш документ этим цветом - Alt+Backspace.
Выберем инструмент "Текст" с подходящими Вам параметрами.
Напишем какое-нибудь слово.
В палитре у нас получилось два слоя: основной слой, залитый чёрным цветом и текстовый слой. Щёлкаем по верхнему слою два раза левой кнопкой мыши.
Появляется окно "Стиль слоя", применим какие-нибудь эффекты для нашей буквы. Я выбрал "Наложение цвета", "Внутреннее свечение", "Внешнее свечение", причём никаких параметров на этих вкладках я не менял, всё оставил по умолчанию, просто проставил галочки в соответствующих полях.
Вот такая буковка у нас получилась.
Откроем окно "Анимация" - "Окно - Анимация".
Вы увидите там один кадр. Создадим его копию, нажав на вторую справа пиктограмму в палитре "Анимация".
Второй кадр стал у нас активным, не снимая его выделения, убираем эффект у текстового слоя (щёлкаем по "глазику").
Сделаем активным основной слой и опять выберем инструмент "Текст". Напишем ещё одно слово.
Опять два раза щёлкаем по новому текстовому слою и в окне "Стиль слоя" выбираем эффекты для нашего нового слоя. Я оставил всё так же, как и у первого слова, только изменил цвет с красного на зелёный.
Опять создадим копию второго кадра (вторая кнопка справа в палитре "Анимация") и, не снимая его выделения, снимем видимость эффектов для второго текстового слоя.
Напишем ещё одно слово: делаем активным основной слой, пишем слово, два раза щёлкаем по новому текстовому слою и в окне "Стиль слоя" подбираем параметры, я опять всё оставил без изменения, только изменил цвет на жёлтый.
Опять создаём копию кадра в палитре "Анимация" и выключаем видимость эффектов.
Теперь подбираем скорость анимации - щёлкаем по чёрной стрелочке в нижнем правом углу кадра (рядом с параметром "0 сек") и выбираем подходящий параметр.
Теперь мы можем выбрать, как будет проигрываться наша анимация: всегда, один раз или можно подобрать другой параметр. Для этого щёлкаем по чёрной стрелочке, находящейся под первым кадром справа (под стрелочкой рядом с параметром "0 сек"). Наша анимация готова. Нажимаем на "Play" и любуемся своей работой.
Осталось правильно сохранить анимацию. Нажимаем сочетание клавиш Shift+Ctrl+Alt+S (Сохранить для Web и устройств. ) и в появившемся окне выбираем тип файла GIF, нажимаем "Сохранить", наша анимация готова.
Комментарии
Олег, здравствуйте.
У меня анимация работает, но почему-то буквы не только мигают, но и прыгают, т.е. не на одном уровне в разных кадрах. Как сделать, чтобы буквы стояли на одном месте?
Хочу, что бы и вы знали, как можно сделать простое и красивое медленное мигание отдельных фрагментов. Есть два способа сделать это, тут мною описывается первый, и самый простой:
Берём нужную нам картинку, я взяла недавно сделанный мною аватар.
Аккуратно выделяем нужный нам фрагмент (с помощью маски, лассо, волшебной палочки - разницы нет)
И нажимаем Ctrl+J , что бы сдублировать этот фрагмент. В окне слоев (F7) появился новый слой:
Дальше работаем с уровнями. Нажимаем на появившийся слой и выбираем
Image-Adjustments-Levels
Изображение-Регулировки-Уровни (Ctrl+L):
Выставляем нужные нам параметры, делая светлее или темнее (по своему усмотрению):
Результат на данный момент:
Потом, нажав ОК, дублируем слой желаемое количество раз ( Ctrl+J ) - чем больше слоёв, тем плавнее получится мигание. И выставляем прозрачность. На первый дубликат допустим 35%.
На второй примерно 60%:
А на третий 85%. (Это можно делать по своему усмотрению, но прозрачность должна быть очерёдной!)
Теперь идём в Image Ready (Shift+Ctrl+M).
Создаём в окне анимации слои, нажимая на иконку создания слоя. Создаём в два раза больше слоев, чем у нас имеется (у меня их десять):
Выбираем на каждый кадр два слоя, оставляя видимым самый нижний слой и соответствующий слой-дубликат. Остальные слои должны быть невидимы (убираем у них иконку глаза). При переходе к следующему кадру делаем для него видимым самый нижний слой и следующий слой-дубликат, расположенный выше.
Дойдя до середины каждый, скорей всего, остановится с мыслью "А что ставить на оставшиеся пять кадров??" Ставим то же самое, только в обратном порядке. То бишь, если середина - самый яркий свет, то дальше он должен быть тусклее и тусклее.
Наконец, справившись со столь сложным заданием как подбирание картинок, мы приступаем к следующему, наверное не менее сложному)) - выставлению времени. Нажимаем внизу на слое на самой маленькой стрелочке, у нас появляется такая картинка:
Выставляем нужное нам время (у меня 0,1 секунды). Я не советую выставлять больше чем секунду на "левых" фрагментах. Так как, если выставить больше, будет резко и видно кадры. Поставим лишь на первом кадре самое большое время (0,5 секунды).
Наконец, благополучно закончив нашу, едва возможную задачу сохраняем рисунок. Надеюсь, все это умеют? ;) (На всякий случай покажу)):
Ну вот и всё, результат должен получится таким:
Желаю побыстрей научиться работать с Фотошопом. Все действия, по идее, можно выполнять в любой версии Photoshop. Можете экспериментировать, меняя местами слои и выставляя другое время.
Читайте также: