Создаем сверкающую новогоднюю елку используя фотошоп. Анимация в фотошопе: зажигаем новогоднюю елку

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

Шаг 1. Создайте новый документ. Сделаем небольшой эскиз нашей ёлки на новом слое

Шаг 2 . Теперь настроим кисть, откройте палитру «Кисти», выберите кисть «Мел» (chalk), настройки ниже. Используйте оливковый цвет. Что Вы должны помнить - как только Вы изменяете цвет - создавайте новый слой

Шаг 4 . Хорошо всегда иметь под рукой изображение с настоящими оттенками, чтобы использовать в качестве цветовой палитры для нашей ёлки.

Шаг 5. Теперь у нас всё готово, приступим. Нарисуйте иголки для наших веток, не забудьте создать новый слой. Начинайте с темного, потом потихоньку переходите к светлому

Шаг 6. Ниже слоёв с ветвями и иглами создайте новый слой и нарисуйте ствол и большие ветви, измените немного настройки кисти, начнём добавлять структуру дереву. Кисть та же, но чуть увеличьте размер и рассеивание на обеих осях. Не забудьте помещать каждый цвет в его собственный слой.

Шаг 7 . Используйте ту же кисть, рассеянную на обеих осях, и только набросайте, выбирая цвета, время от времени. Главным образом используются три цвета.

Шаг 8. Теперь используем кисть «Брызги » (14 Spatter) и размазываем. Это было сделано, чтобы добавить несколько больше оттенков зеленого и заполнить промежутки

Шаг 9. Теперь дублируйте слой с размазанной ёлкой и отразите по горизонтали Редактирование\Трансформирование\Отразить по горизонтали (Edit\Transform\Flip Horizontal), поменяйте режим наложения (blending mode) для слоя на Умножение (Multiply), теперь кажется больше веток и меньше пустых мест, но нет хаотичности, как у настоящей ёлки.

Шаг 10. Теперь нам надо поработать над эффектом зеркала, пройдитесь кисточкой по ветвям, создайте хаотичность. Продолжайте добавлять оттенки зелёного, кисть «Мел» (chalk), помогает создавать рассеянные мазки

Шаг 11 . Всё, с ёлочкой закончили, будем украшать, рисуем мишуру. Выберите мягкую круглую кисть, создайте новый слой, назовите «мишура», нарисуйте мишуру, поменяйте режим наложения (blending mode) для слоя на Растворение (Dissolve). Теперь создайте ещё один слой над слоем «мишура», и слейте со слоем «мишура». Сейчас вы узнаете для чего всё это

Шаг 12. Теперь следуем в меню Фильтр\Искажение\Волна (Filter\Distort\Wave), параметры по умолчанию. Далее примените стиль слоя Внешнее свечение\ outer glow, параметры по умолчанию, только задайте цвет свечения от светло-жёлтого к белому

Шаг 13 . Добавим огоньков - это мягкая круглая кисть. Создайте три слоя для огоньков и для каждого примените стиль слоя Внешнее свечение \ outer glow, настройки разные. Для слоя с белыми огоньками - установите режим наложения (blending mode) Яркий свет (Vivid light), для слоя с синими - Жёсткий свет (hard light) и для красных - Затемнение основы (Color burn). Для создания фона примените градиент и в меню Фильтр\Шум\Добавить шум (Gaussian, monochromatic). Также вокруг ёлки создайте ореол свечения инструментом «Осветлитель » (Dodge tool), большая круглая мягкая кисть.

Как нарисовать огонь, пламя в фотошопе (Photoshop)?

    В фотошопе не сложно нарисовать огонь при помощи анимации - ряда рисунков пламенем в определенной последовательности кадр за кадром.

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

    Предлагаю посмотреть хороший урок, где делается огненная надпись Fire.

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

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

    Нарисовать огонь, пламя и дым с помощью программы Adobe Photoshop совсем не сложно. При всей кажущейся сложности, это совсем простые эффекты, правда требующие довольно кропотливой и тщательной работы. Чтобы огонь или дым получились реалистичными, придтся очень постараться.

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

    Описывать словами всю последовательность действий для создания эффекта огня, это занятие неблагодарное, в этом случае как раз лучше один раз увидеть, чем сто раз прочитать. Предлагаю посмотреть очень качественный и простой для восприятия видеоурок о том, как можно одним из способов создавать довольно реалистичные эффекты огня и дыма в программе Adobe Photoshop.

    Как сделать дым и огонь в Фотошопе

    Ещ один видеоурок о создании эффекта огня на изображениях.

    Ещ один способ создания эффекта пламени в программе Adobe Photoshop - это способ простого наложения, способ коллажа из нескольких изображений. Этот способ более простой, но при должном усердии, желании и умении, позволяет добиться довольно реалистичных результатов.

    Для этого придтся научиться работать с масками, но это совсем не сложно.

    Эффект пламени в Adobe Photoshop CS6

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

    Я порекомендую одну замечательную программу - AKVIS NatureArt . Эта программа может работать и самостоятельно и в качестве плагина, дополнения к Adobe Photoshop. В не встроено очень много различных эффектов для создания на фотографиях самых разных природных явлений, в том числе и эффектов огня.

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

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

Приступаем к работе

Подготовка изображения для анимации

Открываем фотографию — «Ctrl+O», выбираем на компьютере картинку и жмем «Открыть».

Заходим в палитру слоев «Layers», нажав клавишу F7.

В палитре первоначально находится только один слой с нашей картинкой.

Создаем новый слой — нажимаем горячие клавиши Crtl+Shift+N, либо щелкаем по значку нового слоя в палитре слоев.

На палитре инструментов слева находим инструмент кисть — Brush Tool(B).

В верхней панели выбираем загруженную кисть с огоньком,щелкнув по маленькой стрелочке, чтобы открыть панель кистей, она будет в списке последней. Я сделала оттиск кисти в отдельном документе, чтобы вы видели какую кисть я использовала. Диаметр кисти я выбрала 90 px, если хотите, можете выбрать диаметр поменьше, тогда огоньки будут мельче.

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

После того как выбрали цвет, рисуем огоньки на нашей елке в произвольных местах. Щелкаем несколько раз по одному месту, чтобы оттиск был ярче, потом переходим к другому. Рисуем одним цветом огни не по всей елке, а оставляем место для второго цвета.

Когда расставите все огоньки, создайте дубликат слоя нажав Ctrl+J (чтобы сделать огни еще ярче), затем объедините слои — выделите верхний слой и нажмите Ctrl+E (позволяет слить слой с нижним). Сразу переименуйте слой, дважды щелкнув по названию слоя в палитре слоев. Давайте всем слоям осмысленные названия, чтобы в дальнейшем упростить работу с ними. Я назвала свой слой «Розовые огоньки».

Создаем новый слой -Crtl+Shift+N, либо щелкаем по значку нового слоя в палитре слоев.

Меняем цвет, которым будет рисовать, опять щелкнув по квадратику внизу панели инструментов. Выбираем какой-нибудь другой, я выбрала голубой.

Рисуем опять огоньки уже в других местах. Называем слой «Голубые огоньки».

Теперь наша новогодняя елка горит огнями двух цветов.

Создадим еще один слой.

Уменьшаем немного диаметр кисти, выбираем белый цвет.

Рисуем поверх уже созданных огней белые светящиеся серединки.

Объединяем слои с розовыми и голубыми огоньками(выделяем слой c голубыми огнями в палитре, жмем Ctrl+E).

Теперь в палитре у нас три слоя: 1.фон, 2.слой с двумя видами огней и 3.слой с белыми серединками.

Выделяем слой с розовыми и голубыми огоньками, он находится в середине. Жмем Сtrl+J, чтобы создать дубликат слоя.

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

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

Нажимаем Ctrl+U, чтобы вызвать окно корректировки цветового тона и насыщенности «Hue/Saturation.

Передвигайте ползунок в строке Hue(Цветовой тон) для изменения цвета, остановитесь когда будете удовлетворены результатом. Можете также повысить насыщенность (Saturation), чтобы увеличить глубину цвета.

Поскольку у нас два цвета огоньков на одном слое они поменяются оба одновременно.

Скопируем слой с цветными огнями еще раз Ctrl+J. Отключим видимость предыдущего слоя, щелкнув по глазику.

Выделяем третий слой с огоньками опять меняем цвет Ctrl+U, двигаем ползунок Hue (Цветовой тон), жмем Ок.

Теперь у нас три разных есть слоя с цветными огоньками.

Делаем анимацию

Переходим к созданию анимации в фотошопе.

Заходим в меню «Window» — «Timeline» (Окно - Шкала времени).

Открылась шкала времени, в которой уже отображен первый кадр.

Текущие кадры на шкале времени содержат все видимые слои.

Таким образом на первом кадре у нас изображены те слои, видимость которых мы не скрывали: фон, третий слой с огоньками и слой с белыми серединками.

Всего у нас будет три кадра с разными расцветками огней. Первый кадр уже есть.

Создаем второй кадр — щелкаем по второй справа иконке внизу временной шкалы.

На втором кадре у нас пока находятся такие же слои как и на первом.

Теперь нам необходимо выключить третий слой с цветными огоньками и включить второй, чтобы на новом кадре елка загоралась уже другими цветами.

Создаем третий, последний кадр.

Отключаем в палитре слоев второй слой, включаем первый.

Все, ключевые кадры у нас готовы.

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

Выделяем первый кадр на временной шкале. Щелкаем по иконке с кружками.

В появившемся окне указываем необходимое количество дополнительных кадров. Я поставила 2.

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

Выделяем его, жмем кнопку добавления дополнительных кадров, также указываем 2 кадра.

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

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

Выделите первый кадр и начните воспроизведение анимации.

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

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

Шаг 1. Для этого урока творец использовал два фотоснимка, которые удовлетворяли задумке его урока. Первый – фотоснимок девушки, который можно загрузить по данной ссылке . Следующий – фотоснимок языков пламени, который можно обнаружить . Для написания данного урока писатель использовал программу Фотошоп CS3.

Продвижение 2. Откроем фотографию с девушкой и создадим ее дубликат документа Image Duplicate (Рисунок – Создать дубликат). Назовем дубликат “Огненная одержимость”. Оригинальный файл можно затворить. Далее будем работать с дубликатом.

Походка 3. Дублируйте слой “background” (обратный план)(Ctrl+ J) . Установите окраска переднего и заднего плана на черно-сивый (нажатие клавиши D на клавиатуре). Выберите кора “background” (задний план) и залейте его черным цветом (Alt+ Delete) . Смотрите рисунок ниже.

Шаг 4. Выберите “Layer 1” (Эндоплазма 1), Нажмите (Shift+ Ctrl + U) , чтобы применить команду Desaturate (Обесцветить). Пот инвертируйте цвет, нажав комбинацию клавиш (Ctrl+ I) . Ваше картинка должно стать похожим на фотонегатив.

Походка 5. Дублируйте “Layer 1” (Слой 1) и примените фильтр Filter – Stylized – Find Edges (Фильтр – Стилизация – Выделение краев). След инвертируйте цвет, нажав комбинацию клавиш (Ctrl+ I) и измените порядок наложения для слоя на Hard Light (Загрубевший свет). Контура изображения ныне отображается контрастной белой линией на сильно темном фоне.

Шаг 6. Чтобы сложить белой линии больше контраста, дублируйте эктоплазма “Layer 1 copy”
(Слой 1 копия) и измените регламент наложения для слоя на Screen (Осветление).

Продвижение 7. Теперь откройте второе рисунок и перетащите его на бумага “Огненная страсть” с помощью инструмента Move tool (Перемещение). В появившемся диалоговом окне нажмите OK , чтобы совершить выбор.

Шаг 8. Изображение огня сегодня будет иметь название слоя “Layer 2” (Эпидермис 2). Измените режим наложения для слоя на Screen (Осветление) – это скроет темнокожий цвет на слое “Layer 2” (Эндодерма 2). Если Вы сделали все верно, то ваше изображение будет будто тому, что на рисунке ниже.

Продвижение 9. Дублируйте слой “Layer 2” (Налет 2), нажав комбинацию клавиш (Ctrl+J) . Удостоверьтесь, что на новом слое установлен система наложения для слоя Screen (Осветление), таковой же, как на оригинальном слое “Layer 2” (Стратосфера 2). Затем, сделайте “Layer 2” (Фотосфера 2) невидимыми, скрыв его в панели слоев.

Продвижение 10. Выберите “Layer 2 copy” (Экзосфера 2), чтобы сделать его активным, потом используйте комбинацию клавиш (Ctrl+ T) чтобы раскатать и изменить размеры изображения, как показано ниже. Не забудьте придавитьклавишуENTER после того как закончите преобразование.

Походка 12. Если Вы считаете, что продукт не достаточно хорош, используйте фильтр Filter-Liquify (Фильтр – Пластика), чтобы устранить мелкие недостатки. Писатель использовал инструмент Forward Warp tool (Деформация)иTwirl Clockwise tool (Скручивание по караульный стрелке) – чтобы приобрести результат как на рисунке ниже.

Продвижение 13. Дублируйте слой “Layer 2 copy” (Стратосфера 2), затем используйте комбинацию клавиш (Ctrl+T), чтобы переменить размеры и вращать изображение огня в текущем слое. Преобразуйте и поместите покров приблизительно, так как на рисунке:

Походка 14. Повторите предыдущий процесс, чтобы укрыть все волосы огнем. Дублируйте и изменяйте эндодерма, пока не покроете все волосы огнем. Если необходимо, используйте фильтр Filter-Liquify (Фильтр – Пластика). Итог этого процесса должен иметься похож на изображение ниже.

Продвижение 15. Теперь выберите “Layer 2 copy” (Хромосфера 2) и сделайте его видимым вновь. Измените режим наложения для слоя на Vivid Light (Блестящий свет). Этот шаг необходим для колорирования белых линий нижнего слоя.

Походка 16. Используйте для слоя “Layer 2 copy” (Кора 2) комбинацию клавиш (Ctrl+T) , чтобы переменить размеры и вращать изображение огня, как показано на рисунке. Стремление шага состоит в том, чтобы укрыть тело и волосы девушки текстурой огня.

Продвижение 17. Теперь применим фильтр размытия для слое “Layer 2 copy” (Эндодерма 2). Для этого идем в станция меню Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Установите величину значимость размытия от 10 до 15 пикселей.

Продвижение 18. Теперь добавьте маску слоя к слою “Layer 2 copy” (Лакировка 2).Выберите мягкую круглую кисть с Opacity (Непрозрачность) 100 % . Установите мера кисти, какой вам необходимо и обрисуйте по маске слоя лишние элементы огня выходящие за пределы силуэта девушки. Смотрите развитие на рисунке ниже.

Походка 19. Теперь нам надо удалить белые линии, получившиеся у нас спустя работы с маской (отмеченные красными прямоугольниками на рисунке). Для этого создайте необычный слой и поместите его под слоем “Layer 2 copy” (Налет 2). Далее просто обрисуйте мягкой круглой кистью черного цвета белые участки.

Походка 20. Теперь выбираем самый наружный слой (у автора это “Layer 2 copy 6” (Ионосфера 2 (копии) 6)), добавляем двое корректируюших слоя.
Первый Hue/Saturation (Оттенком/Насыщенностью) и другой “Brightness/Contrast” (Яркость/Контрастность). Устанавливаем настройки, как показано на рисунке ниже.

Походка 21. Теперь создадим эффект искр. Это можно совершить с помощью кисти с настройками как на рисунке ниже. Творец использовал кисти из стандартного набора, но если у Вас жрать другие кисти, которые подойдут для этого эффекта, то Вы можете использовать их.

Продвижение 22. Теперь создадим новый хромосфера (под корректирующими слоями), на котором мы будем представлять искры кисточкой созданной в предыдущем шаге (у автора это “Layer 4” (хромосфера 4)). Выберем из палитры образцов колер 50% gray (50% серый) и приступим к рисованию искр. Чтоб искры не были монотонными, изменяйте формат кисти если нужно. Писатель сначала использовал кисть больше крупного размера, а потом уменьшал масштаб кисти (используйте клавиши “[” и “]” для быстрого изменения размера кисти).

Походка 23. Для того чтобы совершить наше творение еще побольше эффектным, создайте новый налет и измените режим наложения для слоя на Screen (Осветление). Выберите мягкую круглую кисть (не ту, которую мы изменили раньше), с Opacity 50 % (Непрозрачность). И обрисуйте части тела, шеи, и волосик как показано на рисунке.

Вывод
Вот что получилось у автора урока:

В данном уроке Фотошопа мы рассмотрим процесс создания сверкающей, анимированной новогодней елки.


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

Приступаем к уроку Фотошопа

Шаг 1.

Для начала найдите изображение елки, или дерева, которое вы хотите анимировать, и откройте его в программе Photoshop (File > Open (Файл > Открыть / Сочетание клавиш "Ctrl+O")).


Шаг 2.

Создайте новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")) и возьмите Brush Tool (Инструмент Кисть / Клавиша "B") размером 3 px. Поставьте несколько случайных точек по всему дереву. Из них у нас получатся огоньки.


Шаг 3.

Зайдите в настройки последнего слоя - Blending Options (Параметры наложения). Сделайте наложение красного цвета (Color Overlay (Наложение цвета)) и примените внешнее свечение (Outer Glow (Внешнее свечение)). Выберите красный цвет как цвет свечения и изменяйте настройки, пока не получите мягкое свечение с красным центром. В частности, для размаха свечения и размера я выбрал 10 .


Шаг 4.

Аналогично создаем огоньки других цветов. У меня, например, это зеленые и голубые.


Шаг 5.

Сохраните изображение как .psd и откройте его через Imadge Ready (или в Window > Animation (Окно > Анимация), или иначе в зависимости от версии). Далее действия будут выполнены в ImageReady , но некоторым людям удобнее использовать для этого Photoshop . Так что используйте ту программу, с которой вам удобнее работать.

Шаг 6.

Создайте 2 новых кадра с помощью кнопки на панели анимации.


Шаг 7.

Теперь щелкаем на первом кадре, чтобы выделить его. Делаем все слои невидимыми кроме слоя с красными огоньками.


Шаг 8.

Сделайте те же действия со вторым и третьим кадрами, только для второго оставляя видимыми слои с зелными огоньками, а для третьего - с голубыми огоньками.

Шаг 9.

Теперь осталось настроить время кадров. Я использовал 0.2 сек.