Как сделать блик анимацию в фотошопе
Автор: Ольга Максимчук (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, остальные настройки по вашему желанию – вы можете изменить размер, количество оттенков и т.п.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 27 июля 2021 . Категория: Уроки анимации в фотошопе.
Сегодня мы будем создавать анимацию в стиле фильма «Матрица».
Создавать мы ее будем не с нуля, а используя заготовку.
Киноэксперты утверждают, что культовый фильм «Матрица» навсегда изменил мир кино.
Визитной карточкой фильма является знаменитый эффект «падающего» программного кода, который мы сегодня добавим на изображение.
Сначала мы откроем изображение из папки с исходниками, создадим новый градиент и сольем слои с фото и градиентом в один.
Затем откроем анимацию из папки с исходниками, добавим в нее фотографию с мужчиной и подкорректируем картинку.
В завершение урока "Как сделать анимацию матрицы в фотошопе" мы сохраним анимацию.
Автор: Накрошаев Олег. Дата публикации: 16 июня 2021 . Категория: Уроки анимации в фотошопе.
Бесплатная программа для создания анимации (не фотошоп)
Анимация в фотошопе создается довольно просто.
Надо только немного терпения и усидчивости, чтобы разобраться во всех этих постоянных и промежуточных кадрах, эффектах, непрозрачности, переходах и т.п.
Как только во всем этом разберетесь, поверьте, это очень увлекательное дело!
Посмотрите, какие работы сделали участники моего тренинга под названием «Аниматор».
Автор: Ольга Максимчук (Princypessa). Дата публикации: 06 апреля 2021 . Категория: Уроки анимации в фотошопе.
Сегодня в уроке "Анимация помех в фотошопе" мы будем создавать анимацию помех на телевизоре.
При помехах в трансляции на экране телевизора возникает изображение, именуемое «белый шум».
Используя стандартные фильтры и инструменты программы фотошоп, мы всего за несколько несложных шагов нарисуем этот «белый шум» и анимируем его.
Сначала мы создадим новый документ, создадим новый слой и зальем этот слой белым цветом.
Затем 5 раз продублируем слой с заливкой белым цветом и применим ко всем слоям фильтр Шум с одинаковыми настройками.
После этого мы перейдем в панель анимации и «оживим» нашу картинку – образуем кадры со слоев, зададим время проигрывания кадров и сохраним анимацию.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 08 февраля 2021 . Категория: Уроки анимации в фотошопе.
Сегодня мы будем создавать анимацию мерцающего текста.
Анимация мерцающего текста очень простая, в ней будет всего 2 кадра, но выглядит такая анимашка довольно эффектно.
Сначала мы создадим новый документ и зальем фоновый слой черным цветом.
Затем установим шрифт из папки с исходниками, и при помощи инструмента Текст напишем текст.
Далее перейдем в панель анимации (шкалу времени) и, добавив еще один кадр, анимируем картинку.
В завершении урока "Анимация мерцания в фотошопе" мы сохраним анимацию.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 20 января 2021 . Категория: Уроки анимации в фотошопе.
Сегодня мы будем создавать анимацию дрожащего текста.
Такую анимацию можно использовать на сайтах, в блоге, на заставке на телефон и т.д.
Сначала мы создадим новый документ и зальем фоновый слой черным цветом.
Затем установим шрифт из папки с исходниками и напишем текст.
Далее растрируем текстовый слой, создадим несколько копий слоя с текстом, один из слоев оставим без изменений, а к остальным применим фильтр Рябь с разными настройками.
В завершение урока "Дрожащая анимация в фотошопе" мы перейдем в панель анимации и «оживим» нашу картинку.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 01 января 2021 . Категория: Уроки анимации в фотошопе.
Сегодня мы будем создавать анимацию свечения огоньков на елочке.
Огоньки на елке добавляют самому любимому празднику детей и взрослых, Новому Году, еще больше волшебства.
Мы попробуем погрузиться в атмосферу праздника с помощью фотошопа.
Сначала мы создадим фон – откроем изображения с елкой и текстурой из папки с исходниками, увеличим их и сольем слои в один.
Далее при помощи инструмента Кисть нарисуем огоньки на нескольких пустых слоях.
Затем мы перейдем в панель анимации (шкалу времени) и «оживим» нашу картинку.
В завершение урока "Анимация мигающие огоньки в фотошопе" мы сохраним получившуюся анимашку.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 31 августа 2020 . Категория: Уроки анимации в фотошопе.
Сегодня мы будем создавать анимацию фотографии, разрезанной на части.
С помощью анимированных картинок можно отлично дополнить какую-нибудь презентацию, поделиться эмоциями, да и просто разнообразить фотоколлекцию.
Сначала мы создадим новый документ и зальем фоновый слой светло-желтым цветом.
Затем поместим в документ изображение с розой из папки с исходниками, при помощи направляющих определим центр холста и «разрежем» слой на 4 равные части, которые будут располагаться на отдельных слоях.
Далее добавим к одному из слоев стили слоя Тень и Обводка, которые скопируем на все остальные слои с частями фото.
В завершение урока "Как в фотошопе сделать анимацию из фотографий" мы перейдем в панель анимации и добавим движения нашей картинке.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 06 августа 2020 . Категория: Уроки анимации в фотошопе.
Сегодня мы будем создавать анимацию движения.
Вы можете выполнить урок строго по описанию или же подкорректировать настройки на свое усмотрение.
Например, можно использовать другой оттенок для фонового слоя и/или поэкспериментировать с настройками стилей слоя.
Сначала мы создадим новый документ и зальем фоновый слой темно-синим цветом.
Затем применим к фоновому слою стили слоя, создадим три копии данного слоя и в двух копиях изменим настройки стилей слоя.
Затем откроем шкалу времени (панель анимации), образуем кадры из слоев, добавим промежуточные кадры для плавности переходов и в завершение урока "Как сделать анимацию движения в фотошопе" сохраним анимацию.
1. Открываем в PhotoShop изображение к которому нужно добавить блик.
2. Выделяем и копируем на новый слой ту часть на которой будет блик. В данном случае это ветровое стекло.
3. Двойным кликом по слою переходим в настройки стилей и выбираем Gradient Overlay. Устанавливаем градиент от белого к прозрачному. Blend Mode: Color Dodge, Opacity: 81%, Style:Reflected, Angle:62%. В общем как вы поняли это не паханое поле для различных комбинаций настройки бликов.
4. Получим вот что:
Теперь самое главное не закрывая окно Layer Style (подвинем его , если оно мешает) перемещаем мышкой наш блик максимум вправо чтобы он скрылся из виду. Замечу что в окне Layer Style по-прежнему выделен стиль Gradient Overlay.
Закрываем окно Layer Style. 5. Переходим в окно анимации и создаем новый кадр.
Опять открываем окно Layer Style и двигаем блик максимально влево. Опять чтобы он скрылся из виду. У меня видно край блика чисто для наглядности, так быть не должно.
6. Теперь создадим промежуточные кадры, для этого выделим оба кадра и нажмем кнопку Tween. Установим значение 15-20 кадров.
Для последнего (или первого) кадра установим время 2-5 секунд чтобы блики не мигали очень часто.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 10 марта 2020 . Категория: Уроки анимации в фотошопе.
Сегодня в уроке "Анимация блика" мы будем добавлять анимированный блик на фотографию.
Таким бликом можно «оживить» любое фото, на котором присутствует объект, имеющий свойство блестеть или бликовать. Эффект довольно прост в исполнении и будет прекрасно смотреться, например, на аватарке для социальных сетей.
Сначала мы откроем изображение из папки с исходниками, кадрируем (обрежем) его и изменим размер. Затем создадим 5 копий слоя, один слой оставим без изменений, к остальным применим фильтр Блик с разными настройками. Далее мы перейдем в панель анимации, «оживим» нашу картинку и сохраним анимацию.
Открываем в фотошоп (Ctrl+O) фотографию из папки с исходниками.
Активируем инструмент Рамка. В верхней панели настроек инструмента Рамка вводим настройки, как на рисунке ниже, чтобы получить в итоге квадратное изображение. Потянув за уголки рамки, уменьшаем рамку кадрирования. Для применения кадрирования нажимаем клавишу Enter на клавиатуре или жмем на «галочку» в верхней панели настроек инструмента Рамка.
Картинка в большом разрешении, что довольно хорошо для создания коллажей, но для анимации нам нежелателен такой большой размер. Лучше ограничиться размером 600-800 пикселей по длинной стороне.
Чтобы уменьшить изображение переходим в меню Изображение-Размер изображения и в появившемся окне вводим примерно такие значения, как на скриншоте ниже. Значок замка, отмеченный стрелочкой, должен быть активен – это позволит изменить размер пропорционально.
В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.
Переименовываем фоновый слой в «1». Чтобы переименовать слой, дважды щелкните по имени слоя в панели слоев, введите новое имя и нажмите клавишу Enter.
Создаем 5 копий слоя «1». Чтобы создать копию слоя, нажмите сочетание клавиш Ctrl+J. Переименовываем слои снизу вверх в «2», «3», «4», «5» и «6». На скриншоте вы можете это увидеть более наглядно.
В панели слоев отключаем видимость верхних слоев, нажав на «глазики» около слоев и активируем слой «2».
Переходим в меню Фильтр-Рендеринг-Блик. В открывшемся окне перетаскиваем «крестик» в ту область, где должен располагаться блик. Меняем значение яркости на 45%.
В панели слоев возвращаем видимость слою «3» и делаем его активным. Снова переходим в фильтр Блик (Фильтр-Рендеринг-Блик) и вводим настройки, как на рисунке ниже. Мы увеличили значение Яркости на 20%.
К слою «4» применяем фильтр Блик со следующими настройками.
Для слоя «5» используем настройки, как на картинке.
И к последнему слою «6» применяем фильтр Блик со следующими настройками. Значения для Яркости условные, вы можете как подобрать другие значения для этого параметра, так и поэкспериментировать, и выбрать другой тип блика. Главное, соблюдать одно правило – для каждого последующего слоя увеличивать значение Яркости, так блик будет постепенно «загораться». Если же нужно добиться затухания блика, то действуем с точностью до наоборот – уменьшаем значение Яркости.
Теперь нам предстоит самое интересное – придать блику динамики.
Переходим в меню Окно-Шкала времени.
Далее кликаем по кнопке «Создать шкалу времени для видео».
В завершение нажимаем на иконку, отмеченную ниже.
Появится окно анимации.
В окне анимации (шкале времени) кликаем по значку, отмеченному стрелочкой и выбираем «Образовать кадры из слоев». Появится 6 кадров, в той же последовательности, в которой они расположены в панели слоев (снизу вверх).
При помощи клавиши Shift выделяем все кадры в окне анимации, щелкаем по времени и в открывшемся меню выбираем время проигрывания кадра 0,1 секунды.
Затем кликаем по кнопке выбора параметров цикла проигрывания анимации и выбираем «Постоянно». Если оставить «Однократно», как указано по умолчанию, анимация проиграется один раз и остановится.
Нажимаем на кнопку проигрывания анимации, чтобы посмотреть, как будет выглядеть наша анимашка. На данном этапе можно подкорректировать анимацию, если видим в этом необходимость. Меня же все устраивает, можно переходить к сохранению.
Переходим в меню Файл-Сохранить для Web. В зависимости от версии фотошоп название этого пункта варьируется.
В строке формата обязательно выставляем gif, остальные настройки по вашему желанию – вы можете изменить размер, количество оттенков и т.п.
Читайте также: