На главную страницу сайта Уроки | Лента событий | Галерея | Лента активности | Форум
Я забыл пароль | Регистрация
Анимация | Базовые | Дизайн | Работа с фото | Текстовые эффекты | Эффекты
Добавить виджет на гравную страницу Яндекса
 
Просмотров: 8416
Сложный урок Размещено: 12.12.2010 г.

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


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

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


Начнем!


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




Создаем анимацию снегопада в Фотошоп»


Шаг 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). Указываем любое место вашего компьютера, где будет храниться ваша анимация.


Создаем анимацию снегопада в Фотошоп»


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




Создаем анимацию снегопада в Фотошоп»


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



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

Обсудить урок на форуме




Категория: Уроки ФотошопаИсточник: Ссылка на источник скачиваний/переходов: 23




Рейтинг популярности: 2.2/5 (Всего оценок: 49)

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



В галерею
01.11.2014 01.11.2014  Владимир Носков

Спасибо за урок! Только автор забыл предупредить о том что при создании анимации снега,после дублирования первого кадра надо переместить слой со снежинками в нижнюю позицию именно инструментом move tool.А не посредством команды Ctrl+T(Free t


В галерею
26.02.2013 26.02.2013  kolcinamarkc

Спасибо!!!


В галерею
10.07.2011 10.07.2011  мандаринка

Чудесный урок! Можно теперь друзей поздравлять с Новым годом авторской открыткой. Спасибо!


В галерею
03.02.2011 03.02.2011  monster3d

Выполнил весь урок,понравилось.Только автор забыл предупредить о том что при создании анимации снега,после дублирования первого кадра надо переместить слой со снежинками в нижнюю позицию именно инструментом move tool.А не посредством команды Ctrl+T(Free t


В галерею
15.12.2010 15.12.2010 

Все так здорово получилось, умеючи!!! А попробуй запомни все это! ;-))