• Авторизация


Анимация снегопада в Фотошоп 14-08-2012 07:45 к комментариям - к полной версии - понравилось!

Это цитата сообщения lagrimosa Оригинальное сообщение

Анимация снегопада в Фотошоп

 


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

Нам понадобятся инструменты Перо (Pen Tool), Эллипс (Ellipse Tool) для создания снеговика и настройки Кисти (Brush) для рисования пушистого снега. Мы будем использовать множество корректирующих слоев для художественного оформления открытки и Маски слоя (Layer Mask) для индивидуальной коррекции элементов. А чтобы наш снег превратился в снегопад, мы воспользуемся панелью «Анимация» (Animation) и будем наслаждаться созданным результатом!

 

Начнем!

 

Предварительный просмотр анимации:


 

[450x488]

Шаг 1.

 

Создаем Новый документ (Ctrl+N) большого размера (1000х1200 рх) и прозрачным (Transparent) фоном. Инструментом Заливка ((Paint Bucket Tool) Shift+F5) заполняем фоновый слой голубым цветом # 89defd.

 

[показать]

 

Шаг 2.

 

Создаем Новый слой (Layer-New Layer или Ctrl+Shift+N) и инструментом Эллипс (Ellipse tool) в режиме Заливки пикселей (в верхнем меню значок квадрата) рисуем большой круг белого цвета (ffffff). Вообще-то ваш круг может быть не идеальной формы, но если хотите сделать ровный круг, удерживайте Shift при рисовании.

 

[показать]

 

Затем, создайте Новый слой (Ctrl+Shift+N) выше предыдущего и нарисуйте еще один круг меньше поверх большого. Если круг расположен неровно, инструментом «Перемещение» (Move Tool) выровняйте его положение относительно большого круга.

 

[показать]

 

Шаг 3.

 

Устанавливаем цвет переднего плана (Foreground) на серый (CCCCC). Создаем новый слой (Layer-New Layer) между двумя слоями с кругами и инструментом Эллипс (Ellipse Tool) в режиме Заливки пикселей делаем окружность чуть больше размера верхнего круга слева от него.

 

Переходим на слой с телом будущего снеговика (большой круг) и загружаем его выделение (Ctrl+клик по иконке слоя). Теперь, на слое с серым кругом нажимаем сочетание Ctrl+J, копируя часть серого круга на другой слой. Этот слой нам нужен для создания тени головы, а оригинал с серым кругом можно удалить (Delete).
На дубликате серой части переходим в меню Фильтр-Размытие-Размытие по Гауссу (Filter-Blur-Gaussan Blur) и ставим радиус опции на 3-4 рх. Тень головы готова.

 

[показать]

 

Шаг 4.

 

Загружаем выделение слоя с телом (Ctrl+клик по иконке этого слоя) и активируем инструмент Градиент с радиальным стилем (Gradient Tool radial gradient) черно-белого цвета. На Новом слое (Layer-New Layer) проводим линию из центра круга к его краю, заполняя градиентом. Затем снижаем непрозрачность (Opacity) слоя до 20%. Снимаем выделение (Ctrl+D).

 

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

 

[показать]

 

Шаг 5.

 

Теперь сделаем нашего снеговика более реальным, добавив ему текстуру снега. Создаем новый слой (Ctrl+Shift+N) выше всех слоев и устанавливаем цвета по умолчанию, нажав на клавиатуре «D». Выбираем инструмент Кисть (brush tool) размером 10-15 рх с жесткими краями (100% hardness) и открываем панель настроек инструмента (F5). В опции «Форма отпечатка кисти» (Tip Shape) настраиваем интервал на 20%. Находим параметр «Динамика формы» (Shape Dynamics) и все значения уравниваем до 0. Далее в опции «Рассеивание» (Scattering) изменяем значение рассеивания на 372%, счетчика (Count) 1%. Переходим к параметру «Другая динамика» (Other Dinamics) и настраиваем колебание непрозрачности (Opacity Jitter) на 100%.

 

Загружаем выделение слоя с головой (Ctrl+клик по иконке этого слоя). Проводим кистью по ее краям и немного в центре. Изменяем режим смешивания для слоя на Перекрытие (Overlay) и Непрозрачность (Opacity) снижаем до 35-40%. Повторяем рисование кистью на туловище снеговика, предварительно выделив его. Выполняем мазки кистью на отдельном слое. Изменяем режим смешивания на Перекрытие (Overlay) и снижаем непрозрачность до 35-40 %. Можете использовать Фильтр «Размытие по Гауссу» (Gaussan Blur) с небольшим радиусом, сглаживая мазки кисти.

 

[показать]

 

[показать]

 

Шаг 6.

 

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

 

[показать]

 

Внутреннее свечение (Inner Glow):

 

[показать]

 

Тиснение (Bevel and Emboss):

 

[показать]

 

Шаг 7.

 

На Новом слое (Ctrl+Shift+N) выше всех предыдущих, инструментом Перо (Pen Tool) в режиме контуров (Paths) создайте фигуру морковки, имитируя нос снеговика. После того, как вы закроете контур, нажмите по нему правой кнопкой мыши и выберите из меню – Выполнить заливку контура (Fill Path). В диалоговом окне заливки укажите оранжевый цвет # e37b19. Возьмите Осветлитель (Dodge Tool) и проведите им сверху и по правой части носа. Затемнителем (Burn) создайте тень внизу морковки.

 

[показать]

 

Шаг 8.

 

Теперь добавим тень от носа снеговика. Для этого, создадим Новый слой (Layer-New Layer) ниже слоя с носом. Кистью (Brush) черного цвета с жесткими краями размером больше головы делаем клик в основании морковки. Затем, переключаемся на Ластик (Eraser) такого же размера и удаляем лишнюю часть круга. Загружаем выделение головы (Ctrl+клик по иконке слоя) и нажимаем Ctrl+J на слое с кистью. Cнимаем выделение (Ctrl+D). Удаляем оригинал с кругом (delete) и на дубликате добавляем Маску слоя (Layer-Layer Mask или значок круга в квадрате внизу панели слоев). Мягкой черной кистью с низкой непрозрачностью смягчаем тень, делая ее светлее у края головы.

 

Если тень выглядит грубо, снизьте непрозрачность слоя (Opacity).

 

[показать]

 

Шаг 9.

 

Далее нарисуем рот. Выбираем инструмент Овальное выделение (Ellipse Marquee tool) и создаем окружность (удерживая Shift) на лице снеговика на Новом слое (Ctrl+Shift+N). Затем, нажимаем правой кнопкой мыши по выделению и выбираем из меню – Выполнить обводку (Stroke..). Указываем ширину в 4 рх черного цвета и нажимаем Ок.

 

Добавляем Маску (клик по ее значку внизу панели слоев) на этот слой и черной кистью (Brush) удаляем лишнее, оставляя только нижнюю часть обводки.

 

[показать]

 

На новом слое нарисуйте поперечные маленькие швы поверх рта снеговика Кистью (Brush) черного цвета, как на изображении ниже:

 

[показать]

 

Шаг 10.

 

Пером (Pen Tool ) рисуем меховой отворот шапки поверх головы. Образуем выделение после закрытия контура (клик правой кнопкой мыши) и заполняем его (Shift+F5) белым цветом (ffffff). Затемняем левую нижнюю часть отворота мягкой Кистью (Brush) темного цвета с низкой непрозрачностью. Снимаем выделение (Ctrl+D).

 

[показать]

 

Шаг 11.

 

Далее, сделаем форму шапки инструментом Перо (Pen Tool) на отдельном слое под слоем с мехом. Заполните (Shift+F5) контур красным цветом # a90505, предварительно загрузив его выделение. Завершив действие, снимите выделение (Ctrl+D).

 

[показать]

 

Откройте тканевую текстуру в Фотошоп и перенесите ее в наш документ. Расположите слой с текстурой над слоем шапки. Загрузите выделение шапки (Ctrl+клик по иконке слоя), затем инвертируйте его (Ctrl+Shift+I) и на текстурном слое нажмите Delete (удалить). Снимите выделение (Ctrl+D) и измените режим смешивания для этого слоя на Яркость/Свечение (Luminosity), снизьте непрозрачность (Opacity) до 20-25%.

 

[показать]

 

Шаг 12.

 

Добавьте тень на шапку снеговика, используя инструменты Затемнитель (Burn Tool) в нижней ее части и около мехового отворота, и объем, применяя Осветлитель(Dodge Tool ) наверху.

 

[показать]

 

Шаг 13.

 

Дополним образ снеговичка пуговицами на животе. Применим технику, как в шаге при создании глаз. На Новом слое (Ctrl+Shift+N) используем Кисть (Brush) черного цвета с жесткими краями маленького размера, делая пять точек вниз по линии живота. Дважды нажимаем на миниатюру слоя и открываем «Стили слоя» (Layer-Layer Style). Выполняем настройки со скриншота для параметров Тень (Drop Shadow) и Тиснение (Bevel and Emboss).

 

[показать]

 

Шаг 14.

 

Под слоем с шапкой создаем новый слой (Ctrl+Shift+N) для помпона. Инструментом «Овальное выделение» (Ellipse Marquee tool) рисуем круг на кончике шапки. Заливаем (Shift+F5) выделение белым цветом (ffffff). Создаем небольшую тень в центре помпона на месте соединения с шапкой при помощи мягкой кисти (Brush) темного цвета с низкой непрозрачностью.

 

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

 

[показать]

 

Шаг 15.

 

Теперь займемся созданием симпатичного шарфика. На Новом слое (Ctrl+Shift+N) Пером (Pen Tool) рисуем полукруглую фигуру по форме нижней части головы. Заполняем контур (Shift+F5) красным цветом # 8b0404, предварительно загрузив его выделение.

 

[показать]

 

Добавьте Пером (Pen Tool) края шарфа спереди и позади туловища снеговика, заполнив их контуры таким же цветом.

 

[показать]

 

Шаг 16.

 

Теперь нарисуйте поверх шарфа полоски Пером (Pen tool) в режиме Добавления к области контура на отдельном слое, затем создайте выделение полос и заполните их (Shift+F5) зеленым цветом # 0b6a16.


pen tool.jpg

[показать]

 

Добавьте объема шарфику при помощи Затемнителя и Осветлителя (Burn и Dodge Tool) в указанных местах, как на примере ниже:

 

[показать]

 

Создайте новый слой (Ctrl+Shift+N) под слоем с шарфом и нарисуйте тень Кистью (Brush) c мягкими краями темного цвета.

 

[показать]

 

Шаг 17.

 

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

 

[показать]

 

Шаг 18.

 

Применим несколько корректирующих слоев для художественной обработки снеговика, иначе он будет выглядеть, как обычная иконка для рабочего стола.
Для создания первой коррекции переходим в меню Слои-Новый корректирующий слой- Кривые (Layer-New Adjustment Layer-Curves или значок черно-белого круга внизу панели слоев) и изменяем значения в окне опции, следуя примеру ниже.

 

[показать]

 

Создаем дубликат всех слоев, предварительно выделив их (Ctrl+клик по миниатюрам слоев), затем нажимаем сочетание Ctrl+Shift+Alt+E. Теперь, на объединенном слое переходим во вкладку Фильтр-Имитация-Акварель (Filter > Filter Gallery > Watercolor) и выполняем настройки со скриншота. Создаем Маску слоя (Layer Mask) и Кистью (Brush) черного цвета с мягкими краями удаляем акварельный эффект с шарфа и шапки с помпоном. Снижаем непрозрачность (Opacity) слоя до 30%.

 

[показать]

 

Далее идем в меню Слой-Новый корректирующий слой- Фотофильтр (Layer-Adjustment Layers > Photo Filter) и выбираем теплый фильтр 50% (Warming Filter 50%). Плотность изменяем на 51%.

 

[показать]

 

Добавляем еще один корректирующий слой «Цветовой баланс» (Color Balance) и выполняем настройки со скриншота ниже. Затем, активируем маску этого слоя, щелкнув по ней, и инструментом Заливка (Paint Bucket Tool) заполняем ее черным цветом. Белой Кистью (Brush) рисуем на маске по шарфику снеговика, восстанавливая коррекцию на нем.

 

[показать]

 

Добавляем Корректирующий слой (Adjustment Layer) «Карта градиента» (Gradient Map). Нажимаем на Редактор градиентов в диалоговом окне (Gradient Editor) и вводим цветовые значения, как на изображении внизу. Заполняем Маску этого слоя черным цветом (000000), кликнув по холсту инструментом Заливка (Paint Bucket Tool), затем Кистью (Brush) белого цвета проводим по шарфику снеговика, чтобы градиент распространялся только на него.

 

[показать]

 

На маске этого слоя переходим в Фильтр-Размытие-Размытие по Гауссу (Filter > Blur > Gaussian Blur) и ставим радиус в 3 рх. Снижаем непрозрачность (Opacity) этого слоя до 30%.

 

[показать]

 

Далее, выделим все слои (клик по верхнему слою, затем, удерживая Shift, клик по нижнему) и скопируем их на один слой (Ctrl+Shift+Alt+E). Переходим в Фильтр-Штрихи-Акцент на краях (Filter > Filter Gallery > Accented Edges) и выполняем настройки для слоя:

 

[показать]

 

Добавляем Маску (Layer Mask) на этот слой и заполняем ее черным цветом. Кистью (Brush) белого цвета рисуем по шарфу.

 

Добавляем корректирующий слой «Цветовой баланс» (Layer-Adjustment Layer-Color Balance), вводим значения, а затем на маске слоя черной Кистью (Brush) закрашиваем снеговика и сугробы, удаляя коррекцию с них и воздействуя только на фон.

 

[показать]

 

И, наконец, создадим последний корректирующий слой «Кривые» (Curves). Вводим значения со скриншота:

 

[показать]

 

Объедините все слои документа в один слой (Ctrl+E).

 

Шаг 19.

 

Наша зимняя картина готова к анимации, не хватает только падающего снега. Создайте Новый документ (Ctrl+N) в два раза больше, чем документ со снеговиком. Используйте темный фон для удобства, потом мы его удалим. На новом слое активируйте Кисть (Brush) с мягкими краями белого цвета (ffffff) и настройте ее в палитре инструмента (F5) в параметрах: «Динамика формы», «Рассеивание» «Форма отпечатка кисти». Можете использовать свои кисти со снежинками или кисти из ресурсов данного сайта «Зимние» Winter. Нарисуйте по всему полотну снег. Затем, удалите фоновый слой, чтобы снежинки остались на прозрачном фоне.

 

[показать]

 

Шаг 20.

 

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

 

[показать]

 

Дублируйте этот слой (Ctrl+J) и назовите копию «Снежный кадр 2». Выключите его видимость (глазик напротив иконки слоя). Вернитесь на оригинал и, удерживая Shift, переместите снежный слой по диагонали вниз. Ваш снеговик теперь должен находиться в правом верхнем углу снежного слоя.

 

[показать]

 

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

 

[показать]

 

На слое «Снежный кадр 2» нажмите Ctrl+A, чтобы выделить весь холст, а затем дублируйте видимую выделенную часть снега (Ctrl+J) на другой слой.

 

[показать]

 

Выберите слой «Снежный кадр 2 копия» и «Снежный кадр 1» (Ctrl+ клик по миниатюрам слоев) и объедините их в один слой (Ctrl+E).

 

[показать]

 

Шаг 21.

 

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

 

[показать]

 

Шаг 22.

 

Перейдите в меню Окно-Анимация (Window > Animation), чтобы открыть рабочую панель. Там вы увидите первый кадр (Frame), соответствующий активному на данный момент слою.

 

[показать]

 

Шаг 23.

 

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

 

[показать]

 

Шаг 24.

 

Выставьте время отображения кадров в анимации на 0,2 секунды. Теперь, когда вы нажимаете на первый кадр, снежный слой должен быть расположен вверху, и, наоборот, если вы нажмете на второй кадр, снежный слой будет находиться ниже снеговика. Если при нажатии на кадры ничего не меняется, значит анимация выстроена неверно. В этом случае, удалите анимацию (нажмите на стрелку в правом углу панели и выберите опцию – Удалить анимацию) и внимательно сделайте все снова по инструкции.

 

[показать]

 

Шаг 25.

 

Далее, внизу панели анимации нажмите кнопку Промежуточных кадров (Tween) и в диалоговом окне укажите их число (25 в данном случае). Всего должно получиться 27 кадров, каждый из которых длится 0,2 сек.

 

[показать]

 

Теперь смело нажимайте кнопку Воспроизведения (треугольник) и наслаждайтесь настоящим новогодним снегопадом!

 

Шаг 26.

 

Чтобы сохранить сделанную анимацию, переходим в меню Файл-Сохранить для Веб и устройств (File > Save for Web & Devices). В диалоговом окне сверяем настройки: разрешение GIF, количество цветов 256 и нажимаем кнопку Сохранить (Save). Указываем любое место вашего компьютера, где будет храниться ваша анимация.

 

[показать]

 

Теперь вы можете просмотреть картинку вне программы Фотошоп. Успехов и с Новым годом!


 

[показать]

 

Используемые материалы:



Тканевая текстура

Урок взят с сайта [300x107]

 

1734256_kotoyonoks_lypoi (74x54, 14Kb)

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Анимация снегопада в Фотошоп | vladimir_vvp - Дневник vladimir_vvp | Лента друзей vladimir_vvp / Полная версия Добавить в друзья Страницы: раньше»