Уроки Все для дизайнера *Helen* 8 декабря 2010

Рисуем новогодние обои с ёлочными шарами в Фотошоп

Сложность урока: Средний

Если вы хотите узнать, как создать открытку к новогодним праздникам, то этот замечательный урок для вас. Вы научитесь создавать абстрактный фон, используя кисти и инструмент Pen Tool (Перо), а также новогодние шары с помощью инструмента Ellipse Tool (Эллипс) и добавляя различные стили слоя.

Финальный результат:

Начнем работу с создания нового документа (Ctrl+N) в Photoshop размером 1280 на 1024 пикселей, цветовой режим RGB, разрешение 72 пикс/дюйм. Создайте новый слой для фона, и заполните его цветом #446828, используя инструмент Paint Bucket Tool (G) (Заливка).

Теперь будем украшать наш фон. Возьмите инструмент Pen Tool (P) (Перо), установите на панели его параметров режим Shape Layers (Слой-фигура) и нарисуйте фигуру, как показано ниже. Используйте цвет переднего плана #830C0C.

Кликните по иконке Add a layer style (Добавить стиль слоя) внизу палитры слоев и выберите стиль Drop Shadow (Тень).

Добавьте стиль слоя Gradient Overlay (Наложение градиента):

Кликните по цветной полосе, чтобы открыть GradientEditor (Редактор градиентов) и установите следующие цвета. Нажмите OK.

Добавьте стиль слоя Stroke (Обводка) с такими настройками:

Получится такой результат:

Сделайте копию последнего созданного слоя, примените команду FreeTransform (Ctrl+T) (Свободное трансформирование), чтобы передвинуть скопированный слой немного ниже. Возьмите инструмент  Direct Selection Tool (A) (Стрелка/Редактирование контура) и передвиньте немного вниз указанную опорную точку. Для этого слоя используйте цвет #CA1515.

Кликните по иконке Add a layers tyle (Добавить стиль слоя) внизу палитры слоев и выберите стиль Inner Shadow (Внутренняя тень).

Добавьте стиль слоя Gradient Overlay (Наложение градиента):

Откройте Gradient Editor (Редактор градиентов), установите такие параметры, нажмите OK.

Добавьте стиль слоя Stroke (Обводка) с такими настройками:

Получится такой результат:

Теперь загрузите набор кистей для Photoshop с названием c130_splatter.
Создайте новый слой, установите цвет переднего плана #302517 и выберите следующие кисти из данного набора:

Рисуйте указанными кистями на новом слое, понизьте Opacity (Непрозрачность) слоя, чтобы получить следующий результат. Поместите этот слой под слоями с красными фигурами.

Поставьте этому слою режим наложения Overlay (Перекрытие).

Добавьте маску слоя, кликнув по иконке Add layer mask (Добавить слой-маску) внизу палитры слоев, выберите мягкую кисть черного цвета (поставьте в настройках Opacity (Непрозрачность) 30%).

Находясь в режиме маски, сотрите следующие области этого слоя:

Дублируйте последний созданный слой:

Создайте новый слой и выберите кисть Flat Curve Thin Stiff (Плоская тонкая изогнутая с жесткой щетиной), установите белый цвет переднего плана.
Примечание переводчика. Данная кисть появилась в PhotoshopCS5, если у вас другая версия Photoshop, найдите похожую текстурную кисть.

Нарисуйте указанной кистью царапины на созданном новом слое, расположите этот слой под слоями с красными фигурами.

Установите Fill (Заливку) этого слояна 43% и поменяйте режим наложения на Overlay (Перекрытие). Кликните по иконке Add alayer style (Добавить стиль слоя) внизу палитры слоев и выберите стиль Drop Shadow (Тень).

Получится такой результат:

Добавьте маску слоя, кликнув по иконке Add layer mask (Добавить слой-маску) внизу палитры слоев, выберите мягкую кисть черного цвета (поставьте в настройках Opacity (Непрозрачность) 20%). Рисуйте по маске слоя, чтобы изменить видимость царапин, как показано ниже.

Дублируйте последний созданный слой, удалите с копии маску слоя (правый клик по маске слоя, выберите Delete Layer Mask – Удалить слой-маску). Добавьте новую маску к этому слою, кликнув по иконке Add layer mask (Добавить слой-маску) внизу палитры слоев, выберите мягкую кисть черного цвета (поставьте в настройках Opacity (Непрозрачность) 10%). Рисуйте по маске слоя, чтобы получить следующий результат для царапин:

Создайте новый слой, возьмите мягкую кисть белого цвета, непрозрачность 15%.

Рисуйте этой кистью на созданном новом слое по изображению, чтобы получить такой результат:

Измените режим наложения этого слоя на Overlay (Перекрытие).

Теперь будем создавать новогодний шар. Возьмите инструмент Ellipse Tool  (U) (Эллипс) и нарисуйте такой круг.

Примечание переводчика. Установите режим Слой-фигура, цвет выберите любой, для получения ровного круга удерживайте Shift.

Установите Fill (Заливку) слоя на 0%, кликните по иконке Add alayer style (Добавить стиль слоя) внизу палитры слоев и выберите стиль Drop Shadow (Тень).

Добавьте стиль слоя Gradient Overlay (Наложение градиента):

Откройте Gradient Editor (Редактор градиентов), установите такие параметры, нажмите OK.

Получится следующий результат:

Теперь добавим световые блики внутри шарика, снова используйте инструмент Ellipse Tool (U) (Эллипс).

Установите Fill (Заливку) слоя на 0%, кликните по иконке Add alayer style (Добавить стиль слоя) внизу палитры слоев и выберите стиль Gradient Overlay (Наложение градиента).

Откройте Gradient Editor (Редактор градиентов), установите такие параметры, нажмите OK.

У нас получится такой результат:

Теперь добавим световой блик на нижнюю часть шарика. Используйте инструмент EllipseTool (U) (Эллипс), чтобы нарисовать первый эллипс, цвет #D12622. Удерживая клавишу Alt или выбрав наверху на панели настроек инструмента опцию Subtract from shape area (Вычесть из области фигуры), нарисуйте второй эллипс, чтобы вырезать часть из первого, как показано ниже.

Поставьте Fill (Заливку) этого слоя 50%.

Снова используйте этот же инструмент, нарисуйте блик наверху шарика, цвет #E5282E.

Теперь будем создавать держатель для шарика. Возьмите инструмент Rectangle Tool (U) (Прямоугольник) и нарисуйте прямоугольник, как показано ниже. Затем добавьте дополнительную опорную точку посередине нижней части прямоугольника, используйте для этого инструмент Add Anchor Point Tool (Перо + (Добавить опорную точку)). Подкорректируйте форму нижней дуги при помощи инструмента Convert Point Tool (Угол/Преобразовать точку).

Установите Fill (Заливку) этого слоя на 0%, кликните по иконке Add a layer style (Добавить стиль слоя) внизу палитры слоев и выберите стиль Gradient Overlay (Наложение градиента).

Откройте Gradient Editor (Редактор градиентов), установите указанные параметры, нажмите OK.

Получится следующий результат:

Используя инструмент Ellipse Tool (U) (Эллипс), нарисуйте следующий элемент держателя шарика.

Кликните по иконке Add a layers tyle (Добавить стиль слоя) внизу палитры слоев и выберите стиль Gradient Overlay (Наложение градиента).

Откройте Gradient Editor (Редактор градиентов), установите указанные параметры, нажмите OK.

У нас получится следующий результат:

Теперь будем создавать еще один элемент держателя шарика, используйте все тот же инструмент EllipseTool (U) (Эллипс), цвет #241A0F.

Создадим петлю для держателя шарика, будем использовать для этого инструменты EllipseTool (U) (Эллипс) и Rectangle Tool (U) (Прямоугольник). Сначала возьмите инструмент EllipseTool (U) (Эллипс) и нарисуйте эллипс, как показано ниже, затем, удерживая клавишу Alt, возьмите инструмент Rectangle Tool (U) (Прямоугольник) и нарисуйте прямоугольник, чтобы отрезать лишнюю нижнюю часть эллипса. Поставьте Fill (Заливку) этого слоя на 0%.

Кликните по иконке Add a layer style (Добавить стиль слоя) внизу палитры слоев и выберите стиль Stroke (Обводка).

Получится такой результат:

На этом этапе наша открытка выглядит так:

Создайте группу слоев и поместите в нее все слои, относящиеся к шарику (выделите нужные слои на палитре слоев и, удерживая левую клавишу мыши, перетащите их на иконку Create a new group (Создать новую группу) внизу палитры слоев). Создайте копию новой группы слоев и примените трансформацию Free Transform (Ctrl+T) (Свободное трансформирование), чтобы уменьшить размер второго шарика, поместите его как показано ниже.

Теперь давайте добавим маленькие звезды в работу. Возьмите инструмент Custom Shape Tool (U) (Произвольная фигура), откройте меню выбора фигур и выберите там фигуру 5 Point Star (5-конечная звезда).

Нарисуйте звезды на изображении, используйте для этого цвета #FBF1B7 и  #2A361C.

Теперь создайте новый документ размером 1 на 3 пикселя, режим RGB, разрешение 72 пикс/дюйм с прозрачным фоном. Возьмите инструмент  Pencil Tool (B) (Карандаш), поставьте размер кисти 1 пикс и нарисуйте две точки белого цвета на изображении, как показано ниже. Выберите в меню Edit > Define Pattern (Редактирование-Определить узор). Введите название для узора в соответствующем диалоговом окне.

Вернитесь в вашу основную работу. Возьмите инструмент Pen Tool (P) (Перо), установите в его настройках режим Shape Layers (Слой-фигура) и нарисуйте нить для шарика, как показано ниже.

Поставьте Fill (Заливку) этого слоя 0% и откройте окно стилей слоя. На вкладке Blending Options (Параметры наложения) поставьте галочку на опции Layer Mask Hides Effects (Слой-маска скрывает эффекты).

Выберите теперь стиль слоя Stroke (Обводка). Укажите Fill TypePattern (Тип обводки – Узор), выберите созданный вами узор и нажмите ОК.

У нас получился такой результат:

Добавьте маску к этому слою и выберите мягкую черную кисть.

Рисуйте по маске этой кистью, чтобы скрыть лишнюю часть нити в районе держателя шарика, как показано ниже.

Используя ту же методику, нарисуйте нить для второго шарика.

Кликните по иконке Create new fill or adjustment layer (Добавить новый корректирующий слой или слой-заливку) внизу палитры слоев, выберите Curves (Кривые) и установите следующие настройки для небольшой коррекции цвета.

У нас получится такой результат:

Счастливого вам Рождества и Нового года!

Здесь можно посмотреть полный размер работы.

Автор: ART-D
Переводчик: Виноградова Елена
Ссылка на источник

Источник: www.adobetutorialz.com

50 тыс. 158
Печать Жалоба

Комментарии 158

Спасибо за урок!

Хорошо сделали урок!

симпатичный урок) спс

Спасибо за урок и перевод.

Благодарю за урок

Спасибо за яркий урок!

Спасибо за урок.

Спасибо за урок!

Замечательный урок ! Много интересных приёмов.

Спасибо за урок! Очень понравился урок

Спасибо за урок!

Пробовола в прошлом году сделать эту обоину - не получилось. Сейчас вроде сносно

Спасибо за урок.:)

класный урок мне понравилось

Очень полезный урок:)

для самых неуёмных поздравляторов.

спасибо автору за урок!

Счастливого Рождества!

Спасибо ,у меня вот что вышло.

Всех С Новым Годом!!!

Спасибо за урок!) очень познавательно!

Спасибо большое, обалденный урок!!!

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее