Уроки Дизайн Оксана Суходол 7 декабря 2009

Готовим открытку для друзей в Фотошоп

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

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

Для начала создадим Новый Документ размером 800 на 500 пикселей. После чего выберем несколько подходящих цветов, например цвет #449224, #b5f716 и применим Радиальный Градиент (Radial Gradient) с плавным переходом, как на картинке ниже.

После чего автор предлагает добавить к фону Произвольную Фигуру (Сustom Shape Tool) из стандартной галереи фигур фотошопа. Посмотрите на картинку ниже:

Поместите фигуру на вашем холсте как показано ниже, затем установите прозрачность для этого слоя на 70%.

Сейчас будем делать маленький акцент в центре открытки. Для этого создайте Новый Слой (Shift+Ctrl+N), выберите Инструмент «Овальная область» (Еlliptical Мarquee Тool) и создайте круговое выделение как на картинке ниже и заполните его цветом #d7ff00.

Cнимите выделение с помощью команды Выделение - Отменить выделение (Select-Deselect), или сочетанием клавиш Ctrl+D и примените Фильтр – Размытие - Размытие по Гауссу (Filter-Blur-Gaussian Blur) со значением 30.

Хорошо, сейчас мы получили вот такой эффект:

Пришло время добавлять цифры. Выберите Инструмент «Горизонтальный Текст» (Horizontal Type Tool) и установите цвет переднего плана #c32b01. Напишите цифру 2, используя шрифт AvantGarde.

Растрируйте текстовый слой Слой – Растрировать - Текст (Layer-Rasterize-Type)  и примените Редактирование - Свободная Трансформация (Edit-Transform-Free Transform) или Ctrl+T, чтобы сдвинуть цифру. Затем примените Редактирование – Трансформация - Искажение (Edit-Transform-Distort) и приведите цифру в такую же проекцию, как на картинке ниже:

Дублируйте слой, нажав Ctrl+J , сдвиньте нижний слой немного вниз и вправо.

Теперь используйте Инструмент «Полигональное Лассо» (Polygonal Lasso Tool), чтобы соединить верхнюю часть цифры с ее проекцией. После этого заливаем выделенную площадь цветом #c32b01.

В стиле слоя применяем «Наложение Цвета» к данному слою.

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

Сейчас мы начнем создавать объем на цифре. Возьмите Инструмент «Полигональное Лассо» (Polygonal Lasso Tool) и создайте выделение как на картинке ниже. Затем используйте Инструмент «Затемнитель» (Burn Tool) – кисть установите 150 пикс., диапазон - тени, экспозиция 20%.

Поменяйте «Осветлитель» (Dodge Too) на Инструмент «Затемнитель» (Burn Tool) – установите кисть 150 пикс., диапазон – света, экспозиция – 50%. Добавьте немного яркого блика в выбранной области.

Теперь создайте еще одно выделение и используйте на нем Инструменты «Затемнитель» и «Осветлитель», чтобы добиться такого же эффекта, как в прошлый раз. Обработайте все стороны числа.

Снимаем выделение – Ctrl+D, перемещаемся на слой выше и используем Инструмент «Осветлитель» (Burn Tool) устанавливаем кисть 150 пикс, диапазон – тени, экспозиция – 20%, чтобы добавить небольшой градиент верхнему слою.

И одна последняя вещь, необходимая нам для добавления блика числу. Используем Выделение - Загрузить выделение (Select-Load Selection), появится выделение текущего слоя, затем нажимаем Alt+Shift и отсекаем ненужную часть при помощи Инструмента «Овальная Область» (Elliptical Marquee Tool). К выделенной площади применяем Линейный Градиент от белого к прозрачному.

Снимаем выделение, нажав Ctrl+D, и объединяем все слои, относящиеся первой цифре. Затем к новому слою применяем Cтиль Cлоя - «Внешнее Свечение».

Видите теперь различие?

Теперь добавляем остальные цифры, повторяя все проделанные шаги. Автор предлагает для каждой цифры использовать разный цвет.

Потом немного уменьшите цифры при помощи Редактирование - Свободное Трансформирование (Edit-Free Transform).

Хорошо, мы удовлетворены цифрами. Перейдем к следующему шагу. Выберите Инструмент «Горизонтальный Текст» (Horizontal Type Tool) и напишите текст белым цветом внизу холста, как на картинке ниже. Автор использовал шрифт Annabelle.

Примените к этому слою Стиль Слоя - «Наложение Градиента» (Gradient Overlay).

Дублируем этот слой, нажав Ctrl+J, и нижнюю копию перемещаем на два пикселя вниз. После этого применяем Стиль Слоя - «Внешнее Свечение».

В завершении этого туториала автор предлагает добавить немного декоративных элементов. Ему приглянулись вот эти шары. Открываем картинку и копируем их на основной холст.

Ну вот, ваша великолепная открытка готова!

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

Перевод: Суходол Оксана.
Ссылка на источник

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

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

С приближающимся Новым годом – СВИНЬИ!!!

Ответить Ссылка

С наступающим Новым годом!
Вариация на тему урока.

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка

Отличный урок!Веселый.Интересный.Спасибо!

Ответить Ссылка

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

Ответить Ссылка

Урок отличный.Интересный и праздничный.Спасибо.С наступающим годом лошади!

Ответить Ссылка

Спасибо большое за урок. А ведь и не очень сложный способ создания таких 3d букв...

Ответить Ссылка

Отличный урок! =)) Спасибо

Ответить Ссылка

Поделитесь пожалуйста работой в формате .psd (у кого есть). Вот мыло: fktrctq0321@яндекс.ru
Прошу именно формат фотошопа, потому что не понимаю как делать, а работа понравилась...

Ответить Ссылка 0 0

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

Ответить Ссылка

Спасибо! ^_^

Ответить Ссылка

Хороший урок. Спасибо!

Ответить Ссылка

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

Ответить Ссылка

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

Ответить Ссылка

Спасибо! Давно сделала, но забыла загрузить. Теперь выставляюсь...

Ответить Ссылка

спасибо автору

Ответить Ссылка 0 0

Класный урок, очень яркий и красивый эффект. Спасибо автору. :)

Ответить Ссылка

Спасибо! Полезно и интересно!

Ответить Ссылка

Отличный урок, спасибо!

Ответить Ссылка

Чего-то я не все поняла, но вот что сделала.

Ответить Ссылка

спасибо за урок. только с цифрами сделала по своему.

Ответить Ссылка

Нарядно получается. Спасибо!

Ответить Ссылка

Мне очень понравился данный урок! Спасибо!

Ответить Ссылка
Еще 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

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

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

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

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

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

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


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

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

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