Уроки Эффекты John Jackson 8 января 2010

Восьмидесятые возвращаются

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

Восьмидесятые возвращаются - их влияние ощущается всюду, от моды до музыки, но нигде больше чем в цифровом искусстве.

В этом уроке Fabio Sasso покажет некоторые приемы создания текста в стиле ретро и футуристических 80-х. Будем использовать классические цвета того времени - комбинирование неона и темных тонов, с добавлением космического пейзажа. И, конечно же, использование техник компоновки режимов наложения слоев и стилей слоев.
Некоторые изображения и текстуры автор платил, но есть бесплатные альтернативные варианты - такие порталы, как CG Textures или Stock Xchng, или ваши любимые коллекционные изображения.

Материалы для урока:

Архив

Шаг 1. Создайте новый документ с разрешением 1920х1200 пикселей в Photoshop и залейте задний фон радиальным градиентом от серого (#05080e) до темного синего (#182b46). Затем загрузите бетонную текстуру, режим наложения измените на Multiply (Умножение).

Шаг 2. Создайте новый слой сверху текстуры и добавьте фильтр Filter - Render - Clouds (Фильтр - Рендеринг - Облака), перед этим проверьте чтобы цвета заднего и переднего фона были по умолчанию (нажмите "D"). Режим наложения измените на Color Dodge (Осветление основы).

Шаг 3. Сейчас нам нужно создать линейный эффект, это легко сделать с помощью Photoshop. Создайте новый документ разрешением 100х4 пикселей, и создайте черный прямоугольник в высоту в два пикселя. Выберите через главное меню Edit - Define Pattern (Редактирование - Определить узор), назовите узор и сохраните его. Вернитесь в основной документ, создайте новый слой и залейте его узором (Shift+F5, затем залейте Узором).

Шаг 4. Выберите Eraser Tool (E) (Инструмент "Ластик"), кисть большая, очень мягкая, установите Жесткость на 0, затем зажмите Shift, начинайте стирать узор, делая линейные пробелы по всему документу.

Шаг 5. Теперь займемся текстом: автор использовал Goudy Sans, курсив, размер 50. Есть еще подходящие шрифты Amelia BT, Cooper, или Tango BT. Вы можете посетить портал бесплатных шрифтов dafont.com, и выбрать любой понравившийся материал. Расположите текст как показано на картинке, затем используйте стиль слоя Blending Options - Gradient Overlay (Параметры наложения - Наложение градиента), настройте градиент от розового к голубому.

Шаг 6. Дублируйте слой с текстом, измените заливку на 0%. Затем измените Стиль слоя Наложение градиента: угол - 90º, цвета - черный и белый. Поделите пополам градиент, на отметке 51% установите черный цвет. Белый цвет расположите на отметке 50%. Добавьте прозрачность 50%, а другие маркеры на 0%, для уточнения смотрите изображение. Таким образом, градиент будет выглядывать из центра, а затем угасать. Из середины вверх исходит белый цвет, и из середины вниз падает черный, это создает очень красивое отражение.

Шаг 7. Выделите второй текстовой слой и выберите в меню Layer - Smart Objects - Convert to Smart Objects (Слои - Смарт-объекты - Преобразовать в смарт-объект). Затем Layer - Layer Styles (Слои - Стили слоев). В меню Stroke (Обводка) установите размер - 1 пиксель, цвет белый. В меню Inner Shadow (Внутренняя тень) - прозрачность 50%, угол 120º, дистанция 3 пикселя, размер 3 пикселя.

Шаг 8. Дублируйте слой и переместите его на 2 пикселя вверх и влево. Повторите это 4-5 раз. Когда вы закончите, выделите копии и преобразуйте их в смарт-объекты. Объедините слои и назовите его "Text Effect".

Шаг 9. Дублируйте новый слой "Text Effect" и примените фильтр Filter - Blur - Gaussian blur (Фильтр - Размытие - Размытие по Гауссу), радиус 15 пикселей, режим наложения измените на Screen (Осветление).

Шаг 10. Снова дублируйте "Text Effect", на этот раз используйте Радиальное размытие Filter - Blur - Radial Bur (Фильтр - Размытие - Радиальное размытие). Степень 100, Метод Линейный, Качество Наилучшее.

Шаг 11. Теперь добавим другую текстуру: это должна быть текстура старой бумаги, расположенная сверху всех слоев. Вы можете купить такую из Shutterstock на tinyurl.com/nek9xh. или использовать свою. Вставьте текстуру в документ, измените размер, измените Режим наложения на Multiply (Умножение).

Шаг 12. Создать полосы света легко: создайте новый слой, выберите Rectangular Marquee Tool (M) (Инструмент "Прямоугольная область") для создания прямоугольного выделения, как показано на картинке. Затем выберите Gradient Tool (G) (Инструмент "Градиент") чтобы создать градиент от черного к белому, затем залейте градиентом выделение. Измените режим наложения на Color Dodge (Осветление основы), используя Eraser Tool (E) (Инструмент "Ластик"), кисть мягкая, большая, удалите углы свечения.

Шаг 13. Переместите полоску и дублируйте ее, затем поверните и перемещайте полосы используя Transform tool (Ctrl+T) - Свободная трансформация для создания Треугольника, как показано на картинке. Создайте новый слой сверху всех, но ниже слоя с текстурой бумаги, используя разные кисти в стиле гранж чтобы сделать грустное изображение (выберите кисти по ссылкам в архиве ).

Шаг 14. Последнее что можно добавить - звезды или космический фон. Автор использовал туманность из Shutterstock, но еще есть невероятные картинки сделанные NASA. Вставьте свое изображение поверх всех слоев и измените режим наложения под конец на Multiply (Умножение).

Автор: Fabio Sasso

Источник: www.digitalartsonline.co.uk

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

Спасибо!Масса вопросов по уроку, ну да ладно!Как-то вот так вот.

Правда так и не догнал как полоски делать(

Спасибо, пригодится

немного правда папотел))

Понравилось_)

первая моя работа вообще в фш

Часть шагов была мне непонятна.За урок спасибо.

Вау! Спасибо!

полосы решила не делать, какие-то они стремные

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

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

А мне больше нравится, когда картинка яркая))) Но урок классный, спасибо... ^_^

Неплохо.

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

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

Прикольные обои получились =) СПаисбо за урок!

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

Захотелось немного поярче....
спасибо!

очень интересное занятие!!!!!!!!!!!! Класссс!!!!!!!!!!!!!!

Вот и моя! Как всегда немного по своему)))

Эффект текста не очень получился, но вот

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

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

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

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


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

Предыдущая Следующая
Добавлена {{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-адрес, помогающих нам сделать его удобнее для вас. Подробнее