Отправляет email-рассылки с помощью сервиса Sendsay

Photoshop Zona

  Все выпуски  

Photoshop Zona Создание векторных обоев рабочего стола (Часть2)


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

Заключительный результат.

Создание векторных обоев рабочего стола (Часть2)


Шаг 1. Откройте PSD файл, который был создан в части 1 данного урока. Теперь мы собираемся добавить траву на нашей поляне. Выберите Перо Создание векторных обоев рабочего стола (Часть2) (Pen Tool) и создайте форму, как на картинке ниже.

Создание векторных обоев рабочего стола (Часть2)


Шаг 2. Создадим выделение этой формы (щелчок правой кнопкой мышки, Образовать выделенную область (Make Selection)). Заливаем выделенную область линейным градиентом от зеленого #89f00b к прозрачному на новом слое с помощью инструмента Градиент Создание векторных обоев рабочего стола (Часть2) (Gradient Tool).

Создание векторных обоев рабочего стола (Часть2)


Создание векторных обоев рабочего стола (Часть2)


Шаг 3. Снимите выделение Выделение-> Отменить выделение (Select > Deselect). Дублируйте этот слой несколько раз Ctrl + J и распределите на всей области луга.

Создание
векторных обоев рабочего стола (Часть2)


Шаг 4. Котенок, последнее, что нам нужно создать. Создайте новый слой, выберите инструмент Эллипс Создание векторных обоев рабочего стола (Часть2) (Elliptical Marque Tool), чтобы создать выделение как на картинке ниже и залейте его цветом # ffc000 (оранжевый).

Создание векторных обоев рабочего стола (Часть2)


Шаг 5. Создайте новый слой и инструментом Эллипс Создание векторных обоев рабочего стола (Часть2) (Elliptical Marque Tool) создайте котенку глаза, залейте цветом # FFFFFF (белый).

Создание векторных обоев рабочего стола (Часть2)


Шаг 6. Добавим стиль слоя:

Обводка (Stroke):

Создание векторных обоев рабочего стола (Часть2)


Создание векторных обоев рабочего стола (Часть2)


Шаг 7. Создайте новое выделение и заполните его черным цветом #000000.

Создание векторных обоев рабочего стола (Часть2)


Шаг 8. Дублируйте этот слой с помощью Ctrl + J, затем переместите его немного, влево и поверните, перейдя в Редактирование-> Трансформирование-> Поворот (Edit-> Transform-> Rotate). Мы создали глаза.

Создание векторных обоев рабочего стола (Часть2)


Шаг 9. Теперь нам нужно добавить уши. Выберите инструмент Перо Создание векторных обоев рабочего стола (Часть2) (Pen Tool), затем перейдите на слой с оранжевым элипсом и создайте форму, как на картинке ниже. Создайте выделение этой формы (щелчок правой кнопкой мышки, Образовать выделенную область (Make Selection)). На новом слое залейте выделение цветом #ffc000.

Создание векторных обоев рабочего стола (Часть2)


Шаг 10. Дублируйте его с помощью Ctrl + J, а затем примените Редактирование-> Трансфомирование-> Отразить по горизонтали (Edit-> Transform-> Flip Horizontal), скопированный слой переместите влево.

Создание векторных обоев рабочего стола (Часть2)


Шаг 11. Теперь остановимся на создании носа котенку. Создайте новый слой. На этом слое создайте выделение инструментом Эллипс Создание векторных обоев рабочего стола (Часть2) (Elliptical Marque Tool) и залейте его черным цветом.

Создание векторных обоев рабочего стола (Часть2)


Шаг 12. Создайте новое выделение инструментом Эллипс Создание векторных обоев рабочего стола (Часть2) (Elliptical Marque Tool) на том же слое и залейте его белым, прозрачным градиентом. Таким образом, мы создаем блики на носу котенка.

Создание векторных обоев рабочего стола (Часть2)


Создание векторных обоев рабочего
стола (Часть2)


Шаг 13. Снимаем выделение с помощью Ctrl + D. Теперь придадим правильную форму с помощью инструмента Перо Создание векторных обоев рабочего стола (Часть2) (Pen Tool). Создайте такую же форму как на картинке ниже.

Создание векторных обоев рабочего стола (Часть2)


Щелкните правой кнопкой мыши на форме и выберите Образовать выделенную область (Make Selection). После этого нажмите на кнопку Удалить (Delete), чтобы очистить выделение. Примените Выделение-> Отменить выделение (Select-> Deselect), чтобы снять выделение.

Шаг 14. Используйте инструмент Перо Создание векторных обоев рабочего стола (Часть2) (Pen Tool), чтобы создать котенку рот. Щелкните правой кнопкой мыши на форме и выберите Образовать выделенную область (Make Selection). Заполните выделение цветом #000000 (черный).

Создание векторных обоев рабочего стола (Часть2)


Шаг 15. Чтобы закончить с лицом котенка, применим Кисть Создание векторных обоев рабочего стола (Часть2) (Brush Tool), жесткую, круглую с маленьким размером, чтобы добавить несколько точек черным цветом.

Создание векторных обоев рабочего стола (Часть2)


Шаг 16. Мы продолжаем работать с инструментом Перо Создание векторных
обоев рабочего стола (Часть2) (Pen Tool). Создайте новый слой для создания ушной раковины черным цветом, как на изображении ниже. Начните с создания формы, затем щелкнув правой кнопкой мыши на форме и выберите Образовать выделенную область (Make Selection). Наконец заполните его черным цветом (#000000).

Создание векторных обоев рабочего стола (Часть2)


Шаг 17. Дублируйте этот слой, затем перейдите Редактирование-> Трансформирование-> Отразить по горизонтали (Edit-> Transform-> Flip Horizontal) и переместите его, чтобы создать вторую ушную раковину.

Создание векторных обоев рабочего стола (Часть2)


Шаг 18. Создайте новый слой и, используя инструмент Кисть Создание векторных обоев рабочего стола (Часть2) (Brush Tool) (жесткую, круглую10px), создадим брови. Удерживайте клавишу Shift, чтобы сделать прямую линию черным цветом.

Создание векторных обоев рабочего стола (Часть2)


Создание векторных обоев рабочего стола (Часть2)


Шаг 19. Для слоя с бровями примените Редактирование-> Трансформирование-> Деформация (Edit-> Transform-> Warp), чтобы согнуть линию, как на изображении ниже.

Создание векторных обоев рабочего стола (Часть2)


Дублируйте слой и переместите новую бровь над другим глазом.

Шаг 20. Теперь мы создадим котенку тело. Создайте новый слой. Используйте инструмент Прямоугольная область Создание векторных обоев рабочего стола (Часть2) (Rectangular Marquee Tool), чтобы создать прямоугольное выделение и залейте его оранжевым цветом (#ffc000).

Создание векторных обоев рабочего стола (Часть2)


Шаг 21. Теперь перейдите в меню Редактирование-> Трансформирование-> Деформация (Edit-> Transform-> Distort) и сделайте, как на изображении ниже.

Создание векторных обоев рабочего стола (Часть2)


Шаг 22. После этого перейдите Редактирование-> Трансформирование-> Деформация (Edit-> Transform-> Distort) и измените его снова.

Создание векторных обоев рабочего стола (Часть2)


Шаг 23. Создайте новый слой. Для создания руки и, используя инструмент Прямоугольная область Создание векторных обоев рабочего стола (Часть2) (Rectangular Marquee Tool), создайте прямоугольное выделение для первой руки и, залейте его оранжевым цветом (#ffc000). После этого перейдите Редактирование-> Трансформирование-> Деформация (Edit-> Transform-> Distort)и трансформируйте ее.

Создание векторных обоев рабочего стола (Часть2)


Шаг 24. Продолжаем создавать руку, используйте инструмент Элипс Создание векторных обоев рабочего стола (Часть2) (Elliptical Marquee Tool), на новом слое чтобы создать только один палец. Заполните его оранжевым цветом.

Создание векторных обоев
рабочего стола (Часть2)


Шаг 25. Затем дублируйте и переместите копии, чтобы получить дополнительные пальцы.

Создание векторных обоев рабочего стола (Часть2)


Шаг 26. Объедините слои пальцев и рук. Дублируйте слой и перейдите в Редактирование-> Трансформирование-> Отразить по горизонтали (Edit-> Transform-> Flip Horizontal). Переместите вторую руку на нужную позицию.

Создание векторных обоев рабочего стола (Часть2)


Шаг 27. Еще раз активируем инструмент Эллипс Создание векторных обоев рабочего стола (Часть2) (Elliptical Marquee Tool), чтобы создать первую ногу на новом слое, и залейте ее оранжевым цветом.

Создание векторных обоев рабочего стола (Часть2)


Шаг 28. Дублируйте слой и перейдите в Редактирование-> Трансформирование-> Отразить по горизонтали (Edit-> Transform-> Flip Horizontal). Переместите вторую ногу придав ей правильное положение.

Создание векторных обоев рабочего стола (Часть2)


Шаг 29. Между ногами, используйте инструмент Прямоугольная область Создание векторных обоев рабочего стола (Часть2) (Rectangular Marquee Tool) и залейте выделение черным цветом (#000000).

Создание векторных обоев рабочего стола (Часть2)


Шаг 30. Создайте хвост на новом слое с помощью инструмента Эллипс Создание векторных обоев рабочего стола (Часть2) (Elliptical Marquee Tool) и измените его форму с помощью Редактирование-> Трансформирование-> Деформация (Edit-> Transform-> Warp). После создания хвоста, объединить все слои с частями тела котенка вместе, кроме слоя с глазами. Наконец создадим новый слой и добавим черные полосы на нем, инструментом Эллипс Создание векторных обоев рабочего стола (Часть2) (Elliptical Marquee Tool)

Создание векторных обоев рабочего стола (Часть2)


Шаг 31. Продолжайте добавлять черные полосы, как на картинке ниже. После создания всех полос, выберите содержимое слоя, с телом котенка (Ctrl + клик по иконке слоя на палитре слоев), инвертировать выделение Shift + Ctrl + I (или перейдите в Выделение-> Инверсия (Select-> Inverse)) и очистим выделенную область нажав Удалить (Delete).

Создание векторных обоев рабочего стола (Часть2)


Шаг 32. Снимаем выделение с помощью Ctrl + D и объединим слои котенка и полосы в один слой (помните, что у вас должны быть слой котенка и слой с глазами отдельно). Выберите содержимого слоя с котенком снова, создайте новый слой и перейдите Выделение-> Модификация-> Расширение (Select-> Modify-> Expand). Нам нужно расширить выделение на 3 пикселя и, наконец, заполнить выделение черным цветом (#000000) на новом слое.

Создание векторных обоев рабочего стола (Часть2)


Шаг 33. Чтобы закончить этот урок, создайте новый слой под слоем с котенком, для тени, и создайте выделение с помощью инструмента Эллипс Создание векторных обоев рабочего стола (Часть2) (Elliptical Marquee Tool).

Создание
векторных обоев рабочего стола (Часть2)


Шаг 34. Заливаем выделенную область цветом #33b301. Снимаем выделение с помощью Ctrl + D и применяем Фильтр-> Размытие-> Размытие по Гауссу (Filter-> Blur-> Gaussian Blur) с такими настройками:

Создание
векторных обоев рабочего стола (Часть2)


Заключительное изображение!

Вот и все! Мы создали векторные обои для рабочего стола. Надеюсь, что этот урок было полезен для вас!

Создание векторных обоев рабочего стола (Часть2)


Автор: Photoshopstar

Автор/Переводчик: Артеменко Любовь

Сложность: Средняя

Ссылка на источник

Урок подготовлен для Вас командой сайта photoshop-zona.ru

В избранное