Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

185 057 чел. 380 010 работ 4 023 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Легкая

Рисуем новогоднюю гирлянду в Фотошоп

В этом уроке программы Photoshop, вы узнаете, как создать ёлочку со светящимися Рождественскими огнями.

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

Скачать архив с материалами к уроку

Итоговый результат:

Шаг 1

Создайте новый документ 600 x 500 px, далее идём Просмотр – Показать – Сетку (View > Show > Grid) для активации сетки, а затем идём Просмотр – Привязать к – Линиям сетки (View > Snap To > Grid), чтобы привязать к сетке. Нажмите клавиши (Ctrl + K), чтобы появилось окно Установки (Preferences), далее, выберите настройку Направляющие, сетка и др. (Guides, Grid & Slices) и установите настройки, которые указаны на скриншоте ниже. В течение всего урока, я буду отключать видимость сетки (Ctrl + ‘), чтобы вам было лучше видно. Сетка облегчит вам работу при создании фигур.

Шаг 2

В палитре слоёв, выберите слой с Задним фоном (Background layer). Далее, щёлкните по значку с замочком, чтобы разблокировать слой.

Перейдите в панель инструментов, установите цвет переднего плана на #1F1D1E. Выберите инструмент Заливка (Paint Bucket Tool), чтобы залить холст выбранным оттенком.

Шаг 3

Выберите инструмент Перо (Pen Tool), в настройках данного инструмента установите режим Контуры (Path). Нарисуйте фигуру ёлочки.

Шаг 4

Выберите инструмент Угол (Convert Point Tool), сфокусируйтесь на опорных точках, щёлкните по выбранной точке, а затем потяните её, как показано на скриншотах ниже.

Примечание переводчика: в разных версиях программы Photoshop, инструмент Угол (Convert Point Tool) представлен, как инструмент Преобразовать точку или Конвертировать опорную точку.

Шаг 5

Установите цвет переднего плана на #477216, выберите инструмент Кисть ( Brush Tool), установите размер (Size) кисти 5 px, жёсткость (Hardness) кисти на 100%. 
В панели слоёв создайте новый слой. Теперь, перейдите в закладку Контуры (Paths), если закладка не активна, то идём Окно – Контуры (Window > Paths), щёлкните на значок в правой верхнем углу и в появившемся меню, выберите опцию Выполнить обводку контура (Stroke Path), установите кисть в качестве инструмента обводки, а затем нажмите клавишу ‘Enter’.

Примечание переводчика: если вы работаете в ранних версиях Photoshop, то просто щёлкните правой кнопкой мыши по созданному контуру и в появившемся окне выберите опцию Выполнить обводку контура (Stroke Path).

Шаг 6

К слою, который мы создали в предыдущем шаге, примените стили слоя. Установите настройки для стилей слоя, которые указаны на скриншотах ниже.

Шаг 7

Поменяйте цвет переднего плана на #5c5996, выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool), щёлкните по изображению, чтобы появилось окно настроек инструмента Прямоугольник со скруглёнными углами (Create Rounded Rectangle).

Примечание переводчика: настраивать размеры фигуры со скруглёнными углами можно в версии программы Photoshop CC.

Примените настройки, которые указаны на скриншоте ниже, а затем нажмите кнопку OК. 
К созданной фигуре, примените стили слоя. Установите настройки для стилей слоя, которые указаны на скриншотах ниже.

Шаг 8

Установите цвет переднего плана на #E12F2F, выберите инструмент Эллипс (Ellipse Tool). Создайте векторную фигуру 4x14 px.
Убедитесь, что вы всё ещё находитесь на слое с нарисованной векторной фигурой. Расположите фигуру так, как показано на втором скриншоте ниже.

Шаг 9

К созданной фигуре, которую мы создали в предыдущем шаге, примените стили слоя. Установите настройки для стилей слоя, которые указаны на скриншотах ниже.

Шаг 10

Чтобы поменять цвет Рождественских огней, просто щёлкните по миниатюре слоя с красной фигурой и в окне палитры цветов укажите цвета, которые указаны на скриншоте ниже.

Шаг 11

Теперь просто продублируйте Рождественские огни (Ctrl+J). Расположите огоньки вдоль контура ёлочки, как показано на скриншоте ниже.

Шаг 12

Выберите инструмент Горизонтальный текст (Horizontal Type Tool), установите шрифт Mystery Quest.

Добавьте текст С Рождеством (Merry Christmas), размер шрифта 60 px, цвет (Color) шрифта #FFFFFF.

Шаг 13

К слою с текстом, примените стили слоя. Установите настройки для стилей слоя, которые указаны на скриншотах ниже.

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

Итоговый результат:

Автор: Razvan Gabriel

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

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Новогодний петух!

Какая симпатичная открытка получилась!

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

Спасибо за урок! Возни много, но в итоге не плохо.

Благодарю вас за отличный опыт и впечатления от работы!!!

Понравилось исполнение!

Спасибо! Приятный урок!

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

Спасибо за урок!
С наступающими праздниками!

А вот моя ёлочка красавица!

"Готовлю сани с лета":) Нарисовала новогоднюю аватарку для группы, спасибо за чудесный урок!

Спасибо, интересный урок!

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

Добавить комментарий / работу
Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} Жалоба

Оставить комментарий

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Добавить комментарий / работу
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

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

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

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

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

Комментарий

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


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

{{text}}

Исходник:

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

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

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

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

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

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

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

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

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

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

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

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules