Дополнения

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

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

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

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

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

Делаем открытку ко Дню влюблённых в Фотошоп

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


(нажмите на изображение, чтобы увеличить)

Так же в этом уроке вы научитесь создавать объёмную коробку и применять к ней узор в разных ракурсах.

Шаг 1. Создайте  новый документ  с таким размером: 800 х 800 пикселей. Установите цвет Переднего плана (foreground color) на # f40003 и Фоновый цвет (background color) # 550000. С  инструментом Градиент (Gradient Tool) добавим радиальный  градиент над фоновым слоем.

Получим такой результат.

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

Шаг 2. Создадим  форму с помощью инструмента Перо (Pen Tool) . Для этой формы используем такой  цвет: # 7c0101.

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

Шаг 3. После этого создадим другой документ  следующих размеров: 33 × 33 пикс. Выберем инструмент Произвольная фигура ( Custom Shape Tool), и  возьмём стандартную  фигуру сердца. Добавим сердце на этот небольшой документ.

Как вы можете видеть из  предыдущего скриншота, автор добавил Обводку (Stroke) в 1 пикс. Вот настройки:

Теперь идём в меню Редактирование – Определить узор (Edit - Define pattern).  Впишите название этого узора и нажмите ОК.

Прим. переводчика: документ  этот пока не закрывайте, он ещё пригодится.

Шаг 4. Вернёмся к документу с открыткой. С помощью инструмента Перо (Pen Tool) нарисуем левую часть 3д коробки.

Теперь добавим следующие стили слоя.

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

Шаг 5. Теперь дублируйте левую сторону и поверните её в меню Редактирование – Трансформирование – Отразить по горизонтали (Edit - Transform - Flip Horizontal). Передвиньте дубликат вправо.  Конечно, вы заметили, что узор выглядит не должным образом и это нужно исправить.

Шаг 6. В этом шаге мы исправим небольшую проблемку с узором на правой стороне, используя нехитрый трюк. Вернёмся к маленькому документу, в котором мы создавали сердце и перейдём в меню Редактирование – Трансформирование – Отразить по горизонтали (Edit - Transform - Flip Horizontal).

Из этого документа снова создадим узор  в меню Редактирование – Определить узор (Edit - Define pattern).  Впишите название этого узора и нажмите ОК. И теперь применим этот узор к правой части коробки.

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

Когда вы исправите узор, всё будет выглядеть так, как нужно.

Шаг 7. Займёмся отражением для коробки.
Обратите внимание, что вам нужно создать еще два узора на маленьком документе с сердцем.  На этот раз, переверните сердце вертикально, и после этого вы можете отразить его по горизонтали. На скриншоте ниже видно,  какие узоры нужно подготовить.

Вот как будет выглядеть отражение.

Прим. переводчика: Для отражения вам нужно дублировать слои с левой и правой стороной коробки, отразить их по вертикали и применить нужный узор к каждой из них (третий и четвёртый из тех, что вы создавали).

Шаг 8. Выберите оба слоя с отражением и нажмите на CTRL + E.  Эта комбинация клавиш объединит слои в один и в то же время растрирует полученный слой.
Возьмите инструмент Ластик (Eraser Tool) с круглой, мягкой кисточкой и сотрите нижнюю часть отражения.

Шаг 9. С помощью инструмента Перо (Pen Tool) сделаем  верхние части коробки.

Добавим стили слоя.

Получим такой результат.

Ниже этих двух слоёв, создадим ещё два и нарисуем на них фигуры. Они нам будут служить для тени. Залейте их тёмным цветом и понизьте Непрозрачность (Opacity) до 20%

Шаг 10. Выберите инструмент Перо (Pen Tool) и создайте контур как на скриншоте.

Убедитесь, что у вас открыта палитра Контуров (window - paths). Щелкните правой кнопкой мыши и выберите Дублировать контур (duplicate Path). Нажмите  Ctrl + T, а затем перейдите в меню Редактирование – Трансформирование контура – Отразить по горизонтали (Edit- Transform Path- Flip Horizontal). Переместить контур к правой стороне, чтобы получилось  сердце.

Прим. переводчика: у меня почему то неактивна опция Дублировать контур в палитре контуров. Я выбрала инструмент Чёрная стрелка, зажала клавишу Alt и потащила продублированный контур.

Шаг 11. В этом шаге у автора своя кисть для обводки контура. Вам нужно или подобрать подобную, или выбрать другую, по вашему мнению,  более подходящую.
Убедитесь что в панели контуров, выделен тот контур, который вам сейчас нужен. Создайте новый слой (Ctrl + Shift + Alt + N) или просто нажмите иконку внизу палитры слоёв. Выберите инструмент Кисть (Brush)  и внесите для неё некоторые изменения, как на скриншоте ниже.

После того как вы внесли настройки кисти, нажмите на кнопку Выполнить обводку контура кистью (Stroke path with brush) в панели контуров. Цвет кисти должен быть белым.

Вот результат.

Выберите другой контур и проделайте те же действия, что и с первым.

Шаг 12. Теперь необходимо внести некоторые изменения в палитре кистей. В настройке Рассеивание (Scattering)  отметьте Обе оси (Both axis).

Прим. переводчика: настройки подобной кисти есть в этом уроке в шаге 5.

Выберите каждый контур и нажмите на кнопку Выполнить обводку контура кистью (Stroke path with brush) в панели контуров. Цвет кисти должен быть белым.

Шаг 13. На новом слое ещё поработаем кисточкой. Чтобы заполнить нижнюю часть коробки звёздочками.

Шаг 14. С помощью инструмента Перо (Pen Tool) создадим ещё один контур.

Выберите этот контур и нажмите на кнопку Выполнить обводку контура кистью (Stroke path with brush) в панели контуров. Цвет кисти должен быть белым.

Шаг 15. Теперь используем кисти с сердечками. Их можно скачать, можно сделать самим. Из фигуры сердца определить кисть.
Создайте новый слой выше фонового слоя и сделайте несколько случайных рисунков с сердцем. Вы можете использовать свои собственные настройки Рассеивания (Scattering)  и Динамики формы (shape dynamics).

А так же проведите кисточкой по краям открытки.
Ну, вот мы и подошли к концу урока, и приготовили открытки своим дорогим и любимым!


 (нажмите на изображение, чтобы увеличить)

Автор: Razvan
Переводчик: Рыбка
Ссылка на источник

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

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

Ну, в принципе, вот:

Большое спасибо за урок)

Жалко кисточки, как у автора нет!

рисовал ещё в 2011 :)

Интересненько!!! Спасибо.

Вот так получилось, и насчет кисточек согласен.

Спасибо за урок! Ох, и намучалась я с этими кистями

Решила тоже нарисовать валентинку (хоть и не особо их люблю:) )

Спасибо..класный урок))

вот и моя валентинка)) Рыбка спасибо за урок!

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

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

1 вариант...

2 вариант...жалко что качество теряется.....

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

Спасбо, Урок замечательнвй. И с Праздником всех! Эту открытку я посвящаю ВАМ!

Урок очень понравился!

Спасибо! Здорово получается!

Спастбо за урок)))) вот и моя валентинка)))

ВОТ валентинка моя и признание)))

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

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
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