На главную страницу сайта Уроки | Лента событий | Галерея | Лента активности | Форум
Я забыл пароль | Регистрация
Анимация | Базовые | Дизайн | Работа с фото | Текстовые эффекты | Эффекты
Добавить виджет на гравную страницу Яндекса
 
Просмотров: 2892
Средней сложности Размещено: 24.03.2011 г.

Футуристический ретро-постер


В этом уроке Фотошоп вы узнаете, как создать яркий футуристический плакат в ретро- стиле. Для творчества нам понадобятся некоторые стоковые изображения, навыки работы с фильтрами и панелью «Каналы» (Channels) в Фотошоп. Следуя этапам урока, мы создадим эффектный и стильный результат.

Предварительный просмотр финального результата:


Футуристический ретро-постер


Шаг 1.


Прежде всего, создаем новый документ (Ctrl+N) в Adobe Photoshop формата А4 (21х29,7 см или 8,26х11,69 см) с разрешением 300рх/дюйм и белым фоном. Сразу установим линейки, нажав на клавиатуре Ctrl+R. Установите единицы измерения документа в сантиметрах (см), нажав пр.кн.мыши по линейке и выбрав нужное. Теперь, инструментом «Перемещение» (Move Tool) вытяните горизонтальные и вертикальные направляющие из линеек и установите их на расстоянии 1 см (2,54 дюйма) от краев документа, обозначив границы.


Далее, выберите инструмент «Прямоугольное выделение» (Rectangle Marquee Tool) и создайте область внутри ограничительных направляющих. На новом слое (Ctrl+Shift+N) заполните (Shift+F5) прямоугольное выделение светло-зеленым цветом.


Футуристический ретро-постер


Добавляем Маску слоя (Layer-Layer Mask-Reveal All или клик по иконке круга в квадрате внизу панели слоев) на слой с зеленым прямоугольником и используем на маске Градиент с линейным стилем (Gradient Tool (G)) черно-белого цвета внизу прямоугольника. Проводим линию градиента снизу вверх, скрывая низ прямоугольника. Cнимаем выделение (Ctrl+D).


Футуристический ретро-постер


Устанавливаем цвета переднего и заднего планов на светло-зеленый (#b3ff68) и белый (#ffffff), открыв цветовую палитру.


Футуристический ретро-постер


Создаем новый слой (Ctrl+Shift+N) выше предыдущего и переходим в меню Фильтр-Рендеринг-Облака (Filter > Render > Clouds).


Футуристический ретро-постер


Футуристический ретро-постер


Футуристический ретро-постер


Изменяем режим смешивания (Blend Mode) для слоя с облаками на Затемнение основы (Color Burn) и получаем следующий эффект:


Футуристический ретро-постер


Создаем новый слой (Ctrl+Shift+N) и повторяем шаг с созданием облаков, но после этого применяем к слою фильтр «Волокна» (Filter > Render > Fibers). Устанавливаем вибрацию на 8, а интенсивность (strength) на 64.


Футуристический ретро-постер


Футуристический ретро-постер


Футуристический ретро-постер


Изменяем режим смешивания слоя с волокнами на Затемнение основы (Color Burn).


Футуристический ретро-постер


Повторяем снова процесс создания облаков, но уже используем черный (#000000) и белый (#ffffff) цвета для переднего и заднего планов. Cоздаем новый слой (Ctrl+Shift+N) и добавляем фильтр «Облака с наложением» (Filter > Render > Difference clouds), затем применяем данный фильтр еще 6 раз, нажав сочетание Ctrl+F.


Футуристический ретро-постер


Футуристический ретро-постер


Снижаем непрозрачность (Opacity) этого слоя до 25% и изменяем режим его смешивания на Мягкий свет (Soft Light).


Футуристический ретро-постер


Чтобы не путаться в работе, сгруппируйте слои с фоном, предварительно выделив их в панели слоев (Ctrl+клик по миниатюрам слоев, затем Ctrl+G). Проверьте последовательность слоев, используя скриншот ниже.


Футуристический ретро-постер


Шаг 2.


Теперь добавим на плакат горный пейзаж, скачав его из ресурсов урока. Открываем изображение в фотошоп и обесцвечиваем его (Ctrl+Shift+U).


Футуристический ретро-постер


Футуристический ретро-постер


Копируем (Ctrl+A, Ctrl+C), затем вставляем (Ctrl+V) горы в наш документ выше всех слоев. Загружаем выделение слоя с зеленым прямоугольником (Ctrl+клик по иконке слоя) и на слое с горами обрезаем изображение по границам прямоугольника, нажав Ctrl+J.


Футуристический ретро-постер


Футуристический ретро-постер


Изменяем режим смешивания слоя с горами на Линейный свет (Linear light).


Футуристический ретро-постер


Футуристический ретро-постер


Дублируем слой с горами (Ctrl+J) и переходим на дубликате в меню Фильтр-Другие-Цветовой контраст (Filter > Other > High Pass), установив радиус на 9,9 рх. Изменяем режим смешивания для дубликата гор на Перекрытие (Overlay).


Футуристический ретро-постер


Футуристический ретро-постер


Футуристический ретро-постер


Шаг 3.


Открываем изображение звездной ночи, скачав его из ресурсов урока. Применяем к звездам тот же прием с фильтром «Цветовой контраст» (Filter-Other-High Pass), как на изображении с горами.


Футуристический ретро-постер


Футуристический ретро-постер


Футуристический ретро-постер


Повысим насыщенность звездного неба путем дублирования этого слоя (Ctrl+J) и изменим режим смешивания дубликата на Перекрытие (Overlay).


Далее обесцвечиваем его (Ctrl+Shift+U) и делаем контрастнее при помощи коррекции «Уровни» (Image-Adjustment-Levels). Выполните настройки значение опции со скриншота ниже.


Футуристический ретро-постер


Футуристический ретро-постер


Футуристический ретро-постер


Копируем (Ctrl+A, Сtrl+C), затем вставляем (Ctrl+V) полученное изображение звезд в наш основной документ и изменяем режим смешивания этого слоя на Линейный свет (Linear Light). Добавляем на этот слой Маску (Layer-Layer Mask-Reveal All) и, используя черно-белый линейный Градиент (Gradient) или мягкую Кисть (Brush) черного цвета, удаляем звезды с области гор.


Футуристический ретро-постер


Футуристический ретро-постер


Футуристический ретро-постер


Загружаем выделение зеленого прямоугольника (Ctrl+клик по иконке этого слоя) и создаем новый слой (Ctrl+Shift+N). Выбираем инструмент Градиент (Gradient) черно-белого цвета и проводим им по выделению сверху вниз. Устанавливаем режим смешивания этого слоя на Мягкий свет (Soft Light) и снижаем непрозрачность (Opacity) до 70%.


Футуристический ретро-постер


Футуристический ретро-постер


Футуристический ретро-постер


Шаг 4.


Теперь, создадим сетку на нашем фоне. Сначала, увеличьте масштаб изображения, нажав Ctrl+ или используя инструмент Zoom и установите единицы измерения документа в пикселях (рх), нажав пр.кн.мыши по линейкам и выбрав из списка нужное. Выбираем инструмент «Прямоугольное выделение» (Restangle Marquee Tool) и создаем узкую полосу шириной в 1,5 рх. Заполняем ее (Edit-Fill) белым цветом. Если необходимо, используйте Трансформирование для полосы (Ctrl+T), выравнивая ее до нужного размера.


Футуристический ретро-постер


Продублируйте полосу множество раз, выбрав инструмент «Перемещение» (Move Tool (V)) и, удерживая Alt, сдвигая копии на расстоянии друг от друга.


Футуристический ретро-постер


После дублирования полос мы должны распределить их равномерно по холсту. Многие из вас, наверное, уже знакомы с функцией «Распределение центров» (Distribute center), которая необходима при выравнивании объектов в документе. Применим эту опцию для наших полосок, предварительно выделив слои с ними в панели слоев (Ctrl+клик по миниатюрам слоев). Активируя инструмент «Перемещение» (Move Tool), нажимаем в верхнем меню пиктограмму «Распределение центров по-горизонтали» (Distribute horizontal center). Ваши полоски должны равномерно заполнить холст. Объедините слои с полосами вместе (Ctrl+E).


Футуристический ретро-постер


Футуристический ретро-постер


Теперь, чтобы создать сетку, дублируем слой с линиями (Ctrl+J) и поворачиваем его на 180° (Edit-Transform-Rotate 180).


Футуристический ретро-постер


Сгруппируйте слои с горизонтальными и вертикальными линиями (Ctrl+G) или объедините их в один слой (Ctrl+E). Добавьте Маску (Layer-Layer Mask-Reveal All) на полученный слой и выберите Зеркальный градиент (Reflection Gradient) черно-белого цвета. Используйте его на маске по-диагонали (черный цвет посередине), чтобы скрыть сетку в области гор.


Футуристический ретро-постер


Футуристический ретро-постер


Шаг 5.


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


Футуристический ретро-постер


Мы будем извлекать парня с фото при помощи панели «Каналы» (Channels). На слое с изображением переходим в панель каналов, активируем красный канал (Red) и дублируем его (клик пр.кн.мыши по миниатюре канала и выбираем – Create Dublicat Cannal). На копии красного канала переходим в меню Изображение-Коррекция-Уровни (Image-Adjuatment-Levels) и делаем фон совершенно белым, регулируя ползунки опции.


Футуристический ретро-постер


Футуристический ретро-постер


Футуристический ретро-постер


Еще раз применяем коррекцию «Уровни» (Ctrl+L), передвигая серый ползунок вправо. Изображение мужчины должно стать почти черным. Можете закрасить черной Кистью (Brush) оставшиеся светлые участки на фигуре мужчины, чтобы было легче отделить его от фона.


Выбираем инструмент «Волшебная палочка» (Magic Wand Tool) и нажимаем по изображению мужчины, выделив его. Активируем канал RGB и возвращаемся в панель «Слои». Инвертируем выделение (Ctrl+Shift+I) и удаляем фон клавишей Delete.


Футуристический ретро-постер


Футуристический ретро-постер


Теперь, удалим голову при помощи инструмента Лассо (Lasso Tool (L)). Будьте осторожны, создавая выделение около пальца, не вырежьте его.


Футуристический ретро-постер


Футуристический ретро-постер


Повторяем процесс с использованием фильтра «Цветовой контраст» (High Pass), как мы делали это с другими элементами плаката. Дублируем слой с мужчиной (Ctrl+J), переходим в меню Фильтр-Другие-Цветовой контраст (Filter-Other-High Pass), затем изменяем режим смешивания этого слоя на Перекрытие (Overlay).


Копируем (Ctrl+A, Ctrl+C), затем вставляем (Ctrl+V) мужчину в наш плакат выше всех слоев.


Футуристический ретро-постер


Футуристический ретро-постер


Футуристический ретро-постер


Создаем новый слой (Ctrl+Shift+N) выше слоя с мужчиной и загружаем выделение парня (Ctrl+клик по иконке слоя). Активируем инструмент Заливка (paint bucket tool (G)) и заполняем выделение зеленым цветом. Снимаем выделение (Ctrl+D). Изменяем режим смешивания этого слоя на Затемнение основы (Color Burn).


Футуристический ретро-постер


Футуристический ретро-постер


Объединяем все слои с мужчиной в группу, предварительно выделив их в панели слоев (Ctrl+клик по миниатюрам слоев, затем Ctrl+G). Создаем маску (Layer Mask) на миниатюре группы (клик по иконке круга в квадрате внизу панели слоев). Выбираем Линейный градиент (Gradient Tool) черно-белого цвета и проводим им на маске снизу-вверх, скрывая нижнюю часть изображения.


Футуристический ретро-постер


Футуристический ретро-постер


Шаг 6.


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


Футуристический ретро-постер


Открываем изображение птицы. Разблокировав фон двойным кликом по его миниатюре, отражаем изображение по-горизонтали (Edit-Transform-Flip to Horizontally).

Помещаем слой с птицей в группу, перетянув его на иконку папки внизу панели слоев.


Футуристический ретро-постер


Футуристический ретро-постер


Я решил извлечь голову орла с фона, используя предыдущий способ с мужчиной при помощи палитры «Каналы» (Channels), но без дублирования канала. Переходим в панель каналов и выбираем синий канал (Blue), активируя его.


Футуристический ретро-постер


Выбираем инструмент «Волшебная палочка» (Magic Wand tool) и кликаем им по черному фону. Появилось выделение черного фона вокруг орлиной головы. Нажав канал RGB, возвращаемся в панель «Cлои» (Layers) и удаляем фон клавишей Delete.


Футуристический ретро-постер


Футуристический ретро-постер


Далее, дублируем голову орла (Ctrl+J) и на дубликате переходим в меню Фильтр-Другие-Цветовой контраст (Filter-Other-High Pass) c радиусом в 9,9 рх. Изменяем режим смешивания этого слоя на Перекрытие (Overlay).


Футуристический ретро-постер


Возвращаемся на оригинал с головой и дублируем слой (Ctrl+J), перетягиваем дубликат выше слоя с «цветовым контрастом» и изменяем режим его смешивания на Мягкий свет (Soft Light).


Футуристический ретро-постер


Выше всех слоев с головой создаем корректирующий слой «Уровни» (Layer-New Adjustment Layer-Levels) и выполняем настройки опции, регулируя контраст на изображении. Вставляем группу с головой в основной документ выше всех слоев в панели (сделайте видимыми в рабочем пространстве два документа (с орлом и плакатом) и инструментом «Перемещение» (Move Tool) перетащите группу с орлом в файл с плакатом). При помощи Трансформирования (Ctrl+T) уменьшите размер головы, чтобы она соответствовала размерам тела мужчины.


Футуристический ретро-постер


Футуристический ретро-постер


Создаем новый слой (Ctrl+Shift+N) выше всех предыдущих слоев в группе с головой и загружаем выделение оригинала с головой (Ctrl+клик по иконке этого слоя). Заливаем (Edit-Fill) выделение зеленым цветом и изменяем режим смешивания этого слоя на Затемнение основы (Color Burn).


Футуристический ретро-постер


Футуристический ретро-постер


Футуристический ретро-постер


Создаем Маску (Layer-Layer Mask-Reveal All) на миниатюре группы с головой и Кистью (Brush Tool) черного цвета удаляем часть перьев орла, открыв указательный палец.


Футуристический ретро-постер


Ваш порядок слоев должен выглядеть следующим образом:


Футуристический ретро-постер


Шаг 7.


Пришло время добавить слоган на наш постер. Скачайте из ресурсов урока шрифт «Walkway» или любой другой на ваше усмотрение и загрузите его в Фотошоп через меню вашего компьютера (Пуск-Панель управления-Шрифты). Выберите инструмент «Горизонтальный текст» (Type Tool) и напишите сначала верхнюю часть фразы «Let It». Нажмите галочку в верхнем меню для завершения написания. Затем напишите более мелким шрифтом слова «Just» и «Happen» на отдельных слоях, а затем инструментом Перемещение (Move Tool) передвиньте эти cлова, как на примере ниже. Если необходимо, используйте для настроек шрифта панель инструмента «Текст» (Window-Character).


Футуристический ретро-постер


Футуристический ретро-постер


Футуристический ретро-постер


Далее, создаем новый слой (Ctrl+Shift+N) и загружаем выделение слоев с текстом (Ctrl+Shift+клик по иконкам данных слоев). Выбираем линейный Градиент (Gradient) черно-белого цвета и заполняем им выделение снизу-вверх так, чтобы нижняя часть слогана была затемненной.


Футуристический ретро-постер


На слой с градиентом добавляем эффект «Тень» (Drop shadow), открыв окно «Стилей слоя» (Layer Style) двойным кликом по миниатюре слоя. Выполняем настройки со скриншота ниже.


Футуристический ретро-постер


Снижаем непрозрачность (opacity) градиентного слоя до 50%.


Футуристический ретро-постер


Шаг 8.


Теперь, оформим плакат остроконечными полосами, как бы осколками. Выбираем инструмент «Прямоугольник» (Rectangle Tool (U)) и в режиме слой-фигуры (первая иконка в верхнем меню) рисуем горизонтальный белый прямоугольник. Используя Трансформирование (Ctrl+T) и Искажение (клик пр.кн.мыши по рамке и выбираем Distort) изменяем форму прямоугольника, создавая острые края.


Футуристический ретро-постер


Футуристический ретро-постер


Изменяем режим смешивания фигуры на Мягкий свет (Soft Light).


Футуристический ретро-постер


Поворачиваем осколок диагонально (Ctrl+T), затем дублируем его (Ctrl+J) дважды, распределяем дубликаты по плакату инструментом «Перемещение» (Move Tool), наслаивая их друг на друга и объединяем вместе (Ctrl+клик по слоям с фигурами, затем Ctrl+E).


Футуристический ретро-постер


Футуристический ретро-постер


Дублируем объединенный слой (Ctrl+J) и отражаем копию по горизонтали (Edit-Transform-Flip Horizontally). Размещаем дублированные осколки напротив оригиналов и объединяем оригинал и дубликат в группу (Ctrl+клик по миниатюрам данных слоев, затем Ctrl+G).


Футуристический ретро-постер


Я добавил Маску слоя (Layer-Layer Mask-Reveal All) на группу с осколками и при помощи Градиента (Gradient) черно-белого цвета с зеркальным стилем (Reflection) создал интересный эффект. Проведите градиентом по маске справа-налево (белый цвет градиента посередине), скрыв края осколков. Дублируйте несколько раз группу с осколками и распределите дубликаты в виде пирамиды над героем.


Футуристический ретро-постер


Футуристический ретро-постер


Шаг 9.


Наконец, добавим последний световой эффект в виде лучей. Выбираем инструмент «Эллипс» (Elliptical Tool) и рисуем вертикальный узкий овал белого цвета. При помощи Трансформирования (Ctrl+T) сплющиваем овал по-вертикали еще больше и добавляем к нему фильтр «Размытие в движении» (Filter> Blur> Motion Blur). Устанавливаем угол (angle) на 82°, а смещение (distance) на 998 рх. Изменяем режим смешивания для слоя с овалом на Перекрытие (Overlay) и дублируем его несколько раз (Ctrl+J). Распределяем копии по холсту параллельно друг другу.


Футуристический ретро-постер


Футуристический ретро-постер


Футуристический ретро-постер


Футуристический ретро-постер


Футуристический ретро-постер


B вот как выглядит мой финальный результат, исполненный в двух вариантах:


Футуристический ретро-постер


исходный размер финального изображения

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


Футуристический ретро-постер


исходный размер финального изображения

Используемые материалы:


Звездное небо
Горы
Мужчина
Орел
Шрифт «Walkway»
PSD файл урока

Обсудить урок на форуме




Категория: Уроки Фотошопа
Автор (переводчик): marcos333/Анастасия Суркова
Источник: Ссылка на источник скачиваний/переходов: 7




Рейтинг популярности: 2.5/5 (Всего оценок: 27)

Скачивание материала, добавление комментариев и общение на форуме доступно только для зарегистрированных пользователей