Как сделать снеговика в фотошопе
В этой статье я расскажу о том, что такое анимация в фотошопе. Мы с вами посмотрим, как работает анимация в фотошопе на примере создания новогоднего баннера.
Я буду работать в Adobe Photoshop CS6. Интерфейс у меня русский, поскольку я пишу с работы.
Дома у меня стоит английская версия, и вам я советую учиться на английской версии, вот почему:
- Вы легко сможете ориентироваться в программе на любом языке (после английского на русском вы легко сможете находить инструменты, ведь это ваш родной язык, а после русской могут возникнуть проблемы с адаптацией).
- Большинство хороших уроков написаны именно на английском.
- Локализации программы часто отличаются друг от друга, качество перевода интерфейса иногда оставляет желать лучшего. Некорректный перевод инструментов может запутать начинающего изучать программу человека.
Приступаем к созданию анимации в фотошопе CS6
Создаем новый документ File -New (Ctrl+N).
В открывшемся окне задаем размеры баннера: 600 х 120, назовем его «Новогодний баннер» -> «Ок».
Создаем фон
Я заранее подбираю материалы, которые буду использовать в работе(фоны, шрифты и т.п.).
Открываем палитру слоев «Layers» — F7.
Выделяем окно с текстурой, перетаскиваем слой из палитры слоев на слой с баннером.
Если текстура оказалась слишком маленькой или очень большой по сравнению с баннером, откорректируйте ее размер при помощи трансформации «Ctrl+T».
В уголках изображения появятся маленькие квадратные маркеры. Зажмите Shift, чтобы сохранить пропорции сторон при изменении размера, потяните за угловой маркер по диагонали, уменьшая или увеличивая размер изображения, пока фоном не будет заполнена вся поверхность баннера.
После того, как подогнали текстуру по размеру баннера, переходим к ее цветокоррекции.
Заходим в меню «Image» — «Adjustsments» — «Hue/Saturation» (Изображение — Коррекция — Цветовой тон/Насыщенность).
Я выставила такие настройки, чтобы добиться яркого, насыщенного цвета:
Пишем текст
Создаем новый слой (Ctrl+Shift+N) либо щелкаем по иконке нового слоя в палитре слоев.
Выбираем инструмент «Horizontal Type Tool» (T).
Выбираем шрифт. Я выбрала Lobster (нажмите, чтобы скачать). Как добавить шрифт в фотошоп. Пишем любой текст. Я выбрала размер шрифта 72pt.
Я немного разрядила текст, в окне «Character»(Символ), установив значение +25.
Открыть эту панель вы можете из меню «Type» — «Panels» — «Character panel» («Шрифт» — «Панели» — «Панель символов»).
Добавляем блеск тексту
Создаем новый слой (Ctrl+Shift+N).
Выбираем инструмент Brush Tool (B).
Загружаем и устанавливаем кисти со звездочками. Как установить кисти читайте здесь.
На новом слое рисуем звездочки в произвольных местах. Чтобы звезды получились поярче, кликаем по несколько раз в одном месте. Вот что получилось у меня:
Делаем дубликат слоя (Ctrl+J). Щелкаем на иконку глаза в палитре слоев, чтобы скрыть видимость предыдущего слоя.
Выделите верхний слой с копией звезд. На панели слева выберите инструмент «Lasso Tool(L)».
Выделяем каждую звезду по очереди, нажимаем «V»(инструмент Move Tool) и переносим на любое другое место, таким образом у нас в разных кадрах звездочки будут на разных местах, благодаря чему создастся эффект мерцания.
После того, как передвинете все звезды на другое место, создайте дубликат слоя, на котором работали (Ctrl+J), скройте предыдущий слой в палитре слоев, щелкнув на глазик, и снова повторите операцию по перемещению звезд на новые места, вы также можете дорисовать несколько новых звезд.
Таким образом, у нас получится 3 слоя со звездами, в каждом из которых звезды будут находиться на разных позициях.
Переходим к созданию анимации в фотошопе
Открываем временную шкалу. Заходим в меню «Window» — «Timeline» (Окно — Шкала времени).
В появившейся панели шкала времени находим кнопку посередине «Create Video Timeline» (Создать временную шкалу для видео).
После этого шкала изменит вид. Теперь тыкаем в левый нижний угол окна по иконке с тремя квадратиками, чтобы создать в покадровую анимацию.
У нас открылась панель покадровой анимации. Сейчас в ней только один кадр, в котором показаны все видимые слои (содержание выделенного кадра показывается в основном окне на мониторе).
Переходим в палитру слоев — F7. Нам необходимо сейчас отключить два верхних слоя со звездами(щелкните по глазу), оставив видимым только один. Это будет первым кадром.
Далее создаем второй кадр, щелкнув на соответствующем значке внизу временной шкалы.
Перейдите в палитру слоев. Отключите первый слой со звездами, включите второй. Таким образом, во втором кадре у нас будут показываться звезды уже в других местах.
Опять кликаем на значок нового кадра. Выключаем второй слой со звездами, включаем третий.
Обратите внимание на время под каждым кадром, это продолжительность показа кадра. 5 сек, которые стоят по умолчанию, для нас очень много — анимация будет тормозить, щелкнем на стрелочку и установим длительность каждого кадра по 0,1 сек.
Для того, чтобы кадры менялись плавно нам нужно создать промежуточные кадры между ключевыми. Для этого, находясь на первом кадре, щелкаем на значок с несколькими кружками внизу на временной панели.
В появившемся окне указываем сколько промежуточных кадров мы хотим создать. Я поставлю 2. Для всех кадров, кроме последнего, ставим «Следующий кадр».
Между первым и вторым ключевыми кадрами у вас появилось 2 промежуточных.
Теперь встаем на 2ой ключевой кадр( теперь он 4ый по счету), опять нажимаем на значок с кружками и создаем еще 2 промежуточных кадра. Теперь нам осталось замкнуть последний и первый кадр для получения плавной анимации.
Выделяем последний кадр в шкале времени. Нажимаем на кружки. В появившемся окне, в строке «Промежуточные кадры» выбираем «Первый кадр», кадров добавляем все так же 2.
Теперь под кадрами внизу слева указываем количество повторов воспроизведения анимации «Постоянно».
Выделяем первый кадр, нажимаем треугольничек вправо «Play», чтобы посмотреть что получилось.
Чтобы сохранить анимацию, созданную в фотошопе, заходим в меню «File» — «Save For Web & Devices» («Файл» — «Сохранить для Web»).
Выбираем формат файла для сохранения GIF, нажимаем «Сохранить…», выбираем директорию, куда будем сохранять, жмем опять «Сохранить».
В этом простом уроке вы узнаете, как нарисовать снеговика и создать анимацию падающего снега.
Просмотреть анимацию в хорошем качестве вы можете здесь.
Материалы для урока:
Шаг 2. Создаем новый слой. Выбираем Ellipse Tool (Эллипс) (U) и рисуем большую окружность. Создаем новый слой и рисуем еще одну окружность, но в этот раз немного меньшего размера. Окружности не должны быть идеальной формы. Заливаем их белым цветом. Располагаем меньшую фигуру над большой.
Шаг 4. Переходим на слой с телом и загружаем его выделение. Активируем Gradient Tool (Градиент) (G) и заливаем слой градиентом от центра к краю окружности. Устанавливаем Opacity (Непрозрачность) примерно на 20%. Проделываем эти же действия для головы.
Шаг 5. В этом шаге мы будем создавать текстуру для снеговика. Активируем Brush Tool (Кисть) (B) с жесткими краями, жмем F5, чтобы вызвать окно настроек кисти:
Shape Dynamics (Динамика формы) - все значения на 0%,
Scattering (Рассеивание) - 372%, 1%, 0%,
Other Dynamics (Другая динамика) - 100%, 0%.
Теперь маленькой кистью рисуем текстуру, интенсивно работаем по краям и совсем немного в центре. Устанавливаем режим смешивания слоя на Multiply (Умножение) и Opacity (Непрозрачность) примерно на 35-40%.
Шаг 6. Активируем Brush Tool (Кисть) (B) с жесткими краями без тех настроек, которые мы делали в предыдущем шаге, и рисуем два черных глаза. Переходим к Layer - Layer Style (Слой - Стиль слоя) и применяем такие параметры:
Шаг 8. В этом шаге мы нарисуем тень от носа снеговика. Берем круглую кисть (B) черного цвета с жесткими краями и рисуем окружность, как на изображении ниже, затем жмем CTRL+J. Создаем слой маску для этого слоя (кнопка Add layer mask (Добавить слой-маску) находится внизу панели слоев). Если тень слишком темная, уменьшаем уровень Opacity (Непрозрачность).
Шаг 9. Теперь создадим рот. Активируем Ellipse Tool (Эллипс) (U) и на новом слое рисуем окружность. Жмем по выделению правой кнопкой мыши и выбираем Stroke (Обводка). В появившемся окне выбираем необходимые параметры и жмем OK. После этого удаляем верхнюю часть окружности с помощью слой-маски.
Шаг 10. С помощью Pen Tool (Перо) (P) рисуем фигуру, как на скриншоте ниже. Это будет отворотом для шапки. Заливаем фигуру белым цветом. С помощью кисти делаем левую часть темнее.
Шаг 12. Добавляем эффекта глубины с помощью Burn Tool (Затемнитель) (O) для теней и Dodge Tool (Осветлитель) (O) для света.
Шаг 13. Теперь нарисуем пуговицы. Используем ту же технику, что и для глаз. Активируем Brush Tool (Кисть) (B) с жесткими краями и рисуем несколько маленьких окружностей. Делаем коррекцию с помощью Layer - Layer Style (Слой - Стиль слоя), как на изображении ниже.
Шаг 14. Активируем Ellipse Tool (Эллипс) (U) и рисуем небольшую окружность под слоем с шапкой. Заливаем ее белым цветом и создаем тень. Теперь берем кисть (B) с параметрами из Шага 5 и рисуем белый мех.
Создаем новый слой под шарфом и кистью (B) добавляем теней.
Шаг 16. Кистью добавим снега.
Шаг 17. Это длинный шаг, так как сейчас мы будем создавать корректирующие слои, чтобы снеговик не выглядел как иконка на рабочем столе.
Добавляем Layer - New Adjustment Layer - Curves (Изображение - Коррекция - Кривые)
Переходим Filter - Filter Gallery - Watercolor (Фильтр - Галерея фильтров - Акварель) и устанавливаем параметры, как на изображении ниже. Opacity (Непрозрачность) примерно 30%.
Layer - New Adjustment Layer - Photo Filter (Слой - Новый корректирующий слой - Фотофильтр) и выбираем Warming Filter 50% (Согревающий фильтр 50%).
Корректирующий слой Color Balance (Цветовой баланс) - +20, -1, -29.
Корректирующий слой Gradient Map (Карта градиента).
Filter - Blur - Gaussian Blur (Фильтр - Размытие - Размытие по Гауссу) 3 px, Opacity (Непрозрачность) 30%.
Далее переходим Filter - Filter Gallery - Accented Edges (Фильтр - Галерея фильтров - Акцент на краях). Используем этот фильтр только для шарфа.
Корректирующий слой Clor Balance (Цветовой баланс) - +38, +31, -41. Используем коррекцию для фона, чтобы создать теплую атмосферу.
Также используем Curves (Кривые).
Шаг 18. Создаем новый документ, который по размеру должен быть больше документа со снеговиком. Заполняем фон белыми пятнами с помощью мягкой кисти , регулируя ее размер. Я также добавил снежинок. Очень важно, чтобы документ со снегом был больше, так как это понадобится для анимации снегопада.
Я использовал голубой фон просто для демонстрации, но вы должны использовать прозрачный фон.
Шаг 19. Перетаскиваем созданный в Шаге 18 снег на документ со снеговиком. Располагаем его, как показано ниже. Снег не должен быть полностью виден. Называем слой "снежная рамка 1".
Дублируем (CTRL+J) этот слой, называем копию "снежная рамка 2" и скрываем. Затем переходим на оригинал, зажимаем клавишу SHIFT, перемещаем снег вниз и влево, как показано ниже.
Снова делаем видимым слой "снежная рамка 2" и получаем то, что вы видите ниже на скриншоте. Чтобы анимация выглядела натурально и не прерывалась, а повторялась ровно по кругу, последний кадр должен быть таким же как первый.
Жмем CTRL+A, чтобы выделить все изображение, затем переходим на слой "снежная рамка 2" и жмем CTRL+J, чтобы дублировать только его видимую часть.
Выбираем слой "снежная рамка 2 копия" и "снежная рамка 1", затем жмем CTRL+E.
Шаг 20. Располагаем снег, как показано ниже.
Шаг 21. Переходим Window - Animation (Окно - Анимация). Внизу экрана должна появиться новая панель.
Шаг 22. На панели анимации жмем на кнопку создания нового слоя. Затем перемещаем слой "снежная рамка 2 копия", как показано ниже.
Шаг 23. Теперь, когда вы активируете второй кадр на панели анимации, будет виден слой "снежная рамка 2 копия", а когда активирован первый кадр, положение снега будет уже другим.
Шаг 24. На панели анимации жмем на кнопку Tween (Промежуточные кадры), вводим параметры, как на скриншоте ниже и жмем OK. У нас теперь имеется 27 кадров.
Шаг 25. Сохраняем анимацию File - Save for Web & Devices (Файл - Сохранить для веб и устройств). Убеждаемся, что в появившемся окне параметры соответствую тем, что на скриншоте ниже и жмем Save (Сохранить).
В преддверии Новогодних праздников, когда хочется порадовать родных и близких самодельной открыткой, предлагаем вам урок, как самостоятельно за несколько минут нарсовать в Фотошоп своего уникального снеговика.
3. Теперь для того же слоя с полученным снежным шаром применим фильтр: Фильтр Шум Добавить шум (Filter > Noise > Add Noise). Установите Количество (amount) 2, Распределение По Гауссу (distribution to Gaussian), и установите галочку Монохромный (Monochromatic). И нажмите Да (Ок).
4. Теперь создайте новый слой и назовите его “Голова снеговика”. Можно повторить Шаги 2 и 3, только создать выделением меньшую окружность. (А можно создать дубликат слоя “основание снеговика”, немного уменьшить его и переместить на место “головы”).
5. Создайте новый слой и назовите его “шарф”. Используя инструмент Перо создайте контур шарфа.
6. Теперь перейдите на палитру “Контуры” (Paths), выберите слой с только что нарисованным контуром.
Нажмите клавишу “Образовать выделенную область” (Load path as Selection).
8. Повторите шаг 7 еще несколько раз на этом же слое.
11. Теперь нарисуем нос. Создайте новый слой и назовите его “Нос”. Использую Перо, нарисуйте конус. Так же вам могут понадобится инструменты для корректировки формы “носа”.
13. Теперь нарисуем меховые шарики. Выберите кисть “Песчаная Трава” в одном из стандартных наборов. Откройте Палитру кистей и установите параметры показанные на картинках.
15. Продублируйте полученный слой трижды. Измените размеры и разместите их как на картинке.
18. Вот и получился снеговичек. Я добавил немного снега на заднем плане для завершения рисунка.
В этом уроке мы посмотрим как нарисовать снеговика в фотошопе. Я покажу как нарисовать снеговика быстро и легко с помощью Adobe Photoshop СS5.
Урок рассчитан на людей, которые уже неплохо ориентируются в программе. Работать мы будем в основном с векторными формами, уметь рисовать не обязательно.
По своему опыту знаю, что во время новогоднего завала заказами часто требуются простые быстрые художественные решения. Этого снеговичка я нарисовала за 10-15минут.
Как нарисовать снеговика
Создаем документ размерами 400 х 600 px (Ctrl+N).
Добавляем фон
Открываем текстуру со снежинками для фона (Ctrl+O) и вставляем в новый документ, перетащив ее из панели слоев (F7).
Рисуем основу снеговика
Создаем новый слой (Ctrl+Shift+N).
Берем инструмент «Elipse Tool»(U). Ставим курсор в центр, зажимаем Shift и Alt и рисуем круг. Это будет основание снеговика, самый большой ком.
В панели слоев щелкаем по слою правой кнопкой, выбираем «Rasterize Layer». Блокируем прозрачные пиксели слоя, нажав на значок вверху панели слоев.
Выбираем инструмент «Gradient Tool» (G), щелкаем по значку радиального градиента, настраиваем цвета градиента таким образом, чтобы на снежном коме появился объем, т.е. появились тень, свет, рефлекс,блик.
Тянем градиент таким образом, чтобы круг стал шаром. Это делается только опытным путем. Вот что примерно у вас получиться.
Теперь делаем дубликат слоя. Я решила, что мой снеговичок будет состоять только из двух комов снега.
Сдвигаем ком на верхнем слое вверх удерживая нажатой клавишу Shift чтобы верхний ком был ровно над нижним.
Уменьшаем верхний ком при помощи свободной трансформации Ctrl+T с зажатым Shift и Alt для сохранения пропорций и для того, чтобы уменьшение происходило из центра.
Далее дважды щелкаем по верхнему слою, чтобы добавить тень. В появившемся окне выбираем «Drop Shadow», щелкаем по строке. Делаем такие настройки:
Отлично, основа снеговика готова.
Рисуем лицо
Глазки
Создаем новый слой (Ctrl+Shift+N).
Снова берем инструмент «Elipse Tool»(U). Ставим курсор в центр, зажимаем Shift и Alt и рисуем маленький черный круг. При помощи свободной трансформации немного его растягиваем по вертикали. (Можете сразу нарисовать овал, тогда не нужно зажимать Shift и Alt).
Сделаем наши глаз объемным. Дважды щелкаем по слою в панели слоев. В появившемся окне ставим такие настройки.
Для «Drop Shadow»:
Для «Bevel and Emboss»:
Теперь нужно скопировать глаз, и поставить его рядом с первым. Для этого выбираем инструмент «Move Tool»(V), нажимаем Alt (курсор превратится в двойную стрелку), двигаем мышкой вправо или влево и создаем копию глаза рядом с оригиналом, можете зажать Shift , чтобы перемещать объект по прямой линии.
Рисуем нос
Я решила упростить задачу и не рисовать стандартную морковку. Пусть у нашего снеговика будет большой красный нос 🙂
Создаем новый слой (Ctrl+Shift+N).
Снова берем инструмент «Elipse Tool»(U). Ставим курсор в центр, зажимаем Shift и Alt и рисуем красный круг. Растрируем слой. Блокируем прозрачные пиксели в панели слоев.
Выбираем инструмент «Gradient Tool» (G), тип — радиальный градиент, настраиваем цвета градиента таким образом:
Заполните нос градиентом, чтобы получился объемный шар.
Сделаем падающую тень под носом. В палитре слоев щелкните дважды по слою с носом.
В открывшемся окне выберите «Drop Shadow». Поставьте такие настройки:
Вот что получилось у меня на данном этапе:
Рисуем рот
Я хочу, чтобы снеговик улыбался:)
Снова берем инструмент «Elipse Tool»(U).
На новом слое ставим курсор в центр, зажимаем Shift и Alt и рисуем маленькую черную бусинку.
Дважды щелкаем про слою с бусинкой, чтобы сделать ее объемной. Выставляем настройки.
Ставим галочку напротив «Drop Shadow»:
Ставим галочку напротив «Bevel and Emboss»:
Бусинка стала объемной:
Теперь необходимо несколько раз продублировать бусинку, чтобы получился рот. Зажмите Alt и перетащите бусинку вправо, копируя ее на другое место. Повторите еще 3 раза. Расположите точки в форме улыбки. В итоге должно получиться примерно следующее:
Рисуем руки-веточки
Берем инструмент «Rounded Rectangle Tool» (U) -прямоугольник с закругленными краями. Ставим радиус закругления 10px. Рисуем тонкую закругленную палочку — будущую ручку.
При помощи инструмента Свободное трансформирование «Ctrl+T» поверните веточку под острым углом к телу. Растрируйте слой.
На новом слое нарисуйте еще одну палочку поменьше тем же инструментом, при помощи Ctrl+T приставьте ее под острым углом к первой палочке. Растрируйте слой.
Сделайте дубликат слоя со второй палочкой. Нажмите Ctrl+T, расположите третью веточку с другой стороны от первой.
Выделите верхний слой. Нажмите два раза Ctrl+E(объединяет слой с нижним), чтобы объединить три верхних слоя с веточками в один.
Сделайте дубликат получившегося слоя. Нажмите Ctrl+T, щелкните правой кнопкой по выделению, в выпадающем меню выберите «Flip to Horizontal»(Отразить по горизонтали), чтобы сделать вторую такую же веточку с другой стороны.
Переместите веточку в нужное место на другой стороне снеговика. С помощью стирательной резинки Eraser Tool (E) немного подтираем нижний край веточки по форме снежного кома.
Объедините слои с веточками, выделив верхний слой и нажав Ctrl+E.
Теперь нужно сделать веточки объемными. Щелкаем дважды по объединенному слою, ставим галочки напротив «Bevel and Emboss». Выставляем настройки:
Честно говоря, я очень редко пользуюсь «Bevel and Emboss» в своей практике, обычно я расставляю тени и блики вручную, рисуя примитивы, а потом размывая их, при этом использую различные режимы наложения. Этот метод подходит для людей, которые обладают некоторыми знаниями в области академического рисунка, и, хотя бы примерно, знают матчасть. Результат в этом случае получается более осмысленный и четкий.
В этом же уроке я хочу вам показать как можно быстро нарисовать снеговика, обладая минимальными техническими знаниями.
Вернем к нашему снеговику. Сейчас он у нас висит в воздухе, поскольку под ним нет падающей тени, нам нужно снеговика поставить на землю.
Рисуем тень от снеговика
Открываем палитру слоев(если не открыта) — F7, создаем новый пустой слой под слоем с нижним комом-основанием.
Берем инструмент «Elliptical Marquee Tool (M). Делаем круглое выделение под снеговиком, заливаем темно-синим цветом. Тень не бывает абсолютно черной.
Чтобы смягчить тень, заходим в меню «Filter — «Blur «- «Gaussian Blur». Ставим радиус размытия 5px.
Трансформируем тень (Ctrl+T), подгоняем под снеговика.
Дорабатываем детали
Поработаем еще немного над ручками. Уберем резинкой лишние края веточки и добавим шума. С текстурой объекты смотрятся эффектнее.
Растрируйте слой с веточками, а потом зайдите в меню Filter- Noise — Add Noise. Amount я поставила 2.
На этом этапе я, пожалуй, остановлюсь. Но вы можете дорисовать вашему снеговичку новогоднюю шапочку, шарф, пуговички и варежки — в общем все, на что хватит вашей фантазии.
Итак, сегодня я рассказала вам как нарисовать снеговика в фотошопе. Надеюсь урок вам понравился.
Дизайнеру про Photoshop и о многом другом полезном!
Рисуем снеговика в Фотошопе
Шаг 3. Создаем новый слой, называем его Snow Head и повторяем для него предыдущие шаги с шаром, только круг делаем чуть меньше (см. рисунок).
Шаг 7. Создаем новый слой и называем его Eyes. Рисуем два кружка и заливаем их черным. После этого идем в Стили Слоя (Layer Styles), а там в Drop Shadow (Тень) и задаем: Opacity (непрозрачность) — 30%, Distance (смещение) — 3, Size (размер) — 0, остальные параметры пусть будут, как были «по-умолчанию».
Шаг 9. Теперь, давайте нарисуем прикольные меховые шарики. Для этого, для начала, подготовим Кисть (Brush). Выбираем Кисть Dune Grass (Осока) из набора кистей «по-умолчанию» и в Палитре Brushes (Кисти (F5)) задаем следующие параметры:
Шаг 12. Ну вот и всё! Можно ещё добавить снежики, но это уже по желанию.
Читайте также: