Понедельник
29.04.2024, 9.31.34
GRAFPOLIT
| RSS
Главная Графика
Меню

Разделы
Мои статьи [3]
статьи [43]
советы [33]
статьи по фотошоп [93]
уроки-видеоуроки [67]
уроки все [1021]
уроки-основа [216]
уроки-рисование [170]
уроки-техника [573]
уроки-обработка фото [226]
уроки-редактирование [126]
уроки-техника,эффекты [482]
уроки-фотомонтаж,коллаж [189]
урок-текст [131]
уроки-анимация текст [16]
уроки-анимация [117]
уроки фотошоп 3D [89]
уроки-логотип,кнопки [38]
уроки-шаблоны для сайта,шаблоны [28]
уроки,графика для сайта [37]
уроки без перевода [15]
уроки без перевода [41]
книги по фотошоп. [0]
фотошоп скачать [0]
Adobe Production скачать [0]
учебник по фотошоп [6]
работы по фотошоп. [1]
плагины,фильтры [8]

Фотошоп онлайн

Онлайн самоучитель по Photoshop с илюстрациями 1 часть

Онлайн самоучитель по Photoshop с илюстрациями 2 часть


Наш баннер

Поиск

Онлан сервисы

Cтатистика

Cтатистика

Поделиться

Статистика
Яндекс.Метрика

Главная » Статьи » ФОТОШОП » уроки все

Создание векторных обоев рабочего стола

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

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

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


Шаг 1. Создайте новый документ с разрешением 1900×1200, с белым фоном. Выберите инструмент Градиент Создание векторных обоев рабочего стола (Часть1) (Gradient Tool (G)) и перетащите градиент на холсте, как на изображении ниже.

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


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


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

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


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


Шаг 3. При по-прежнему активном выделении, применим Стиль слоя е этому слою.

Внутренняя тень (Inner Shadow):

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


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


Шаг 4. Держите выделение активным. Создайте новый слой и поместите его под текущий слой и залейте белым цветом. Теперь снимаем выделение с помощью Выделение-> Отменить (Ctrl + D) (Select-> Deselect) и примените Фильтр-> Размытие-> Размытие по Гауссу (Filter-> Blur-> Gaussian Blur) со следующими настройками:

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


Установите Непрозрачность (Opacity) слоя до 53%

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


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

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


Шаг 6. Снимаем выделение с помощью Ctrl + D. Дублируйте этот слой с помощью Ctrl + J два раза и сдвиньте дубликаты, как на изображении ниже. Для изображения справа, щелкните по слою, чтобы выделить его, а затем уменьшить размер с помощью Редактирование->Трансфомирование (Edit-> Free Transform).

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


Шаг 7. Объедините все три слоя в один. Используйте инструмент Перо Создание векторных обоев рабочего стола (Часть1) (Pen Tool), чтобы создать форму, близкую к форме на картинке ниже. Если вы желаете Вы можете использовать другие инструменты, например Лассо Создание векторных обоев рабочего стола (Часть1) (Lasso Tool).

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


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

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


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


Шаг 9. Теперь изменим цвет нашего облака, для этого перейдите Выделение-> Загузить выделение (Select-> Load Selection) и заполните выделенную область линейным Градиентом Создание векторных обоев рабочего стола (Часть1) (Gradient) цвет #e7f6fd, #b5e4fd.

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


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


Шаг 10. Снимаем выделение с помощью Ctrl + D. После этого примените Стиль слоя к этому слою.

Внутренняя тень (Inner Shadow):

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


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


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

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


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

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


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


Шаг 13. Снимаем выделение с помощью Ctrl + D и добавим стиля слоя для текущего слоя.

Тень (Drop Shadow):

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


Шаг 14. Дублируйте этот слой с помощью Ctrl + J несколько раз. После этого примените Ctrl + T, чтобы повернуть каждый слой и поместите их как на картинке ниже. Теперь у нас есть лепестки ромашки.

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


Шаг 015. Теперь мы должны сформировать середину цветка. Создайте новый слой и, используя инструмент Эллипс Создание векторных обоев рабочего стола (Часть1) (Ellipse Tool) создайте круглую форму, цвет # ffa200. После этого примените стили слоя:

Тень (Drop Shadow):


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


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

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


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


Шаг 16. Создаем новый слой, где мы создадим стебель и листья цветку, цветом # 9cfe15 с помощью инструмента Перо Создание векторных обоев рабочего стола (Часть1) (Pen Tool). И проделайте аналогичные шаги, используемые для создания облака (загрузить выделение, а затем заполнить его цветом).

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


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

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

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

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

Создание векторных обоев рабочего стола (Часть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



Источник: http://photoshop-zona.ru/uroki/4/108-sozdanie-vektornyh-oboev-rabochego-stola-chast1.html
Категория: уроки все | Добавил: yana (28.11.2011)
Просмотров: 1853 | Теги: создание векторных обоев | Рейтинг: 0.0/0 |
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Наш баннер

Наш журнал

Поиск

Графика
 3D MAX 
MAYA 

Фотошоп
Призрак
Montures
Рисунок из фото в фотошопе
Cross Processing (эффект кросс-процесса в фотошопе)
Создаём эффектные узоры в Фотошоп- 2
Волнующее море в Фотошоп
Анимация дождя в Фотошоп
Ты-звезда!
Создаём постер с гейшей в Фотошоп
Создай граффити текст в Фотошоп
Рисуем зонтик в Фотошоп
Создаём анимированный баннер в Фотошоп
Превращаем фото-портрет в картину используя Фотошоп
Удаляем трещины с старой Фотографии используя Фотошоп
Основы тех. дизайна
Рассеянный фотоэффект в Фотошопе
Придаем эффект гламура Фотографии в Фотошопе
Омоложение в Фотошопе, Делаем человека моложе обработав его фотографию
Создаем эффект старого фото
Ретуширование скучного снимка в синих , голубых тонах


Copyright MyCorp © 2024