Дизайн космического постера в photoshop

  • 29 ноября 2011
  • 0
  • 5940

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

Конечный результат:


Дизайн космического постера в photoshop



Ресурсы урока:



Мятая бумага
Космическая туманность
Кисти полутонового узора
Фотография астронавта
Кисти звёзд

Шаг 1


Создайте новый документ (Ctrl + N) размером 600х700 пикселей. Залейте фоновый слой цветом #213a50 при помощи инструмента Заливка (Paint Bucket Tool) (G).

Дизайн космического постера в photoshop

Шаг 2


Вставьте текстуру мятой бумаги в наш документ и инструментом Свободное трансформирование (Ctrl + T) измените его размер под размер холста.

Дизайн космического постера в photoshop

Понизьте Непрозрачность (Opacity) слоя до 85% и установите Режим наложения (Blending Mode) на Умножение (Multiply).

Дизайн космического постера в photoshop

Шаг 3


Вставьте текстуру космической туманности в наш документ и измените её размер, чтобы она покрыла весь холст. Затем создайте корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation) (кликните на иконке чёрно-белого круга в нижней части палитры слоёв, чтобы получить список всех корректирующих слоёв).

Тон (Hue): 0
Насыщенность (Saturation): -100
Яркость (Lightness): 0

Нужно сделать так, чтобы этот корректирующий слой повлиял только на слой, расположенный ниже (слой с космической туманностью). Для этого создайте обтравочную маску: кликните правой кнопкой на корректирующем слое и выберите пункт Создать обтравочную маску (Create Clipping Mask), или воспользуйтесь сочетанием клавиш Ctrl + Alt + G.

Дизайн космического постера в photoshop

Установите Непрозрачность (Opacity) слоя на 70% и Режим наложения (Blending Mode) на Перекрытие (Overlay).

Дизайн космического постера в photoshop

Шаг 4


Создайте новый слой (Ctrl + Shift + N) и назовите его “background lighting”. Выберите инструмент Кисть (Brush Tool) (B) с мягкими краями и нарисуйте несколько белых пятен на холсте.

Дизайн космического постера в photoshop

Установите Режим наложения (Blending Mode) этого слоя на Перекрытие (Overlay).

Дизайн космического постера в photoshop

Шаг 5


Создайте новый слой (Ctrl + Shift + N) и назовите его “planet”. Инструментом Овальная область (Elliptical Marquee Tool) (M) создайте овальное выделение в нижней части холста. Выберите инструмент Градиент (Gradient Tool): Стиль (Style) – Линейный (Linear), От белого к прозрачному (White to Transparent). Сделайте заливку, как показано ниже. Это будет планетой.

Дизайн космического постера в photoshop

Добавьте маску слоя (Слой > Слой-маска > Показать все) (Layer > Layer Mask > Reveal All). Выберите инструмент Кисть (Brush Tool) (B) с мягкими краями и чёрным цветом обрисуйте центральную часть планеты. Затем понизьте Непрозрачность (Opacity) слоя до 35% и Заливку (Fill Opacity) до 30%.

Дизайн космического постера в photoshop

Кликните дважды на слое, чтобы открыть окно стилей. Примените стиль Внутренняя тень (Inner Shadow):

Дизайн космического постера в photoshop
Дизайн космического постера в photoshop

Шаг 6


Создайте новый слой (Ctrl + Shift + N) и назовите его “shape”. Инструментом Прямоугольная область (Rectangular Marquee Tool) (M) создайте прямоугольное выделение на всю ширину холста высотой 150 пикселей. Залейте его белым цветом.

Дизайн космического постера в photoshop

Перейдите в меню Редактирование > Трансформирование > Деформация (Edit > Transform > Warp). На панели настроек сверху выберите тип деформации - Флаг (Flag).

Дизайн космического постера в photoshop

Примените стиль Наложение градиента (Gradient Overlay) к этому слою.

Дизайн космического постера в photoshop

Сделайте копию деформированной полоски несколько раз и каждую копию сдвигайте вверх или вниз. Нужно заполнить полосками весь холст. Измените цвета градиента каждой полоски:

Пурпурный: #d855bf –#371a30
Синий: #0373b3 – #04124f
Зелёный: #a0de11 – #21550a
Жёлтый: #fdef06 – #cf7505
Оранжевый: #e86f1c – #870102
Красный: #d6292b – #790c07

Дизайн космического постера в photoshop

Шаг 7


Выберите все слои с полосками и объедините их в группу (Ctrl + G). Назовите группу “rainbow dodge”. Инструментом Свободное трансформирование (Ctrl + T) уменьшите размер всех полосок.

Дизайн космического постера в photoshop

Чтобы создать эффект глубины, примените к каждому слою с полоской стиль Внутренняя тень (Inner Shadow).

Дизайн космического постера в photoshop
Дизайн космического постера в photoshop

Шаг 8


Выберите группу с полосками и добавьте маску (Слой > Слой-маска > Показать все) (Layer > Layer Mask > Reveal All). Импортируйте кисти полутоновых узоров, предоставленные в начале урока. Кликните на маске, чтобы активировать её, и кистью обрисуйте полоски. Сконцентрируйтесь на краях полосок, чтобы они переходили к фону.

Дизайн космического постера в photoshop

Установите Режим наложения (Blending Mode) группы на Осветление основы (Color Dodge). Понизьте Непрозрачность (Opacity) слоя до 50%.

Дизайн космического постера в photoshop

Шаг 9


Создайте новый слой (Ctrl + Shift + N) и назовите его “light lines”. Инструментом Перо (Pen Tool) (P) в режиме Контуров (Paths) нарисуйте линию, как показано ниже.

Дизайн космического постера в photoshop

Выберите инструмент Кисть (Brush Tool) (B) и задайте ему размер в 2 пикселя и белый цвет. Перейдите в палитру контуров и кликните правой кнопкой на рабочем контуре и выберите пункт Выполнить обводку контура (Stroke Path). В появившемся окне выберите Кисть (Brush),

Дизайн космического постера в photoshop

Повторите этот процесс для создания ещё четырёх линий между полосками. После этого объедините все 2-пиксельные линии в один слой (Ctrl + E).

Дизайн космического постера в photoshop

Шаг 10


Установите Режим наложения (Blending Mode) слоя “light lines” на Перекрытие (Overlay). Добавьте маску слоя (Слой > Слой-маска > Показать все) (Layer > Layer Mask > Reveal All). Чёрной кистью с мягкими краями обрисуйте края линий на маске.

Дизайн космического постера в photoshop

Шаг 11


Кликните дважды на “light lines”, чтобы открыть окно стилей. Примените стиль Внешнее свечение (Outer Glow).

Дизайн космического постера в photoshop
Дизайн космического постера в photoshop

Шаг 12


Создайте новый слой (Ctrl + Shift + N) и назовите его “clouds”. Выберите инструмент Лассо (Lasso Tool) (L): Растушевка (Feather) – 30 пикселей. Создайте выделение поверх радужных полосок. Затем примените фильтр Облака (Фильтр > Рендеринг > Облака) (Filter > Render > Clouds): цвета должны быть установлены по умолчанию (D).

Дизайн космического постера в photoshop

Установите Режим наложения (Blending Mode) на Перекрытие (Overlay).

Дизайн космического постера в photoshop

Шаг 13


Создайте новый слой (Ctrl + Shift + N) и назовите его “lighting overlay”. Белой мягкой кистью нарисуйте несколько пятен, как показано ниже.

Дизайн космического постера в photoshop

Установите Режим наложения (Blending Mode) этого слоя на Перекрытие (Overlay) и понизьте Непрозрачность (Opacity) до 70%.

Дизайн космического постера в photoshop

Шаг 14


Повторите шаг 13, но на этот раз создайте слой “shadows” и используйте чёрную кисть.

Дизайн космического постера в photoshop

Установите Режим наложения (Blending Mode) этого слоя на Умножение (Multiply) и понизьте Непрозрачность (Opacity) до 40%.

Дизайн космического постера в photoshop

Шаг 15


Откройте фотографию астронавта в Фотошопе и инструментом Перемещение (Move Tool) (V) перетащите его в наш документ. Нужно извлечь астронавта из фона. Но не нужно делать это слишком точно. Достаточно будет добавить маску слоя (Слой > Слой-маска > Показать все) (Layer > Layer Mask > Reveal All) и чёрной кистью скрыть фон. Так как фон астронавта и нашей картины похожи, то не будет проблем с краями.

Дизайн космического постера в photoshop

Создайте два корректирующих слоя над астронавтом и для каждого создайте обтравочную маску.

Уровни (Levels): 23 / 1.00 / 241
Цветовой баланс:

Света (Highlights): -1 / +2 / +5
Средние тона (Midtones): -13 / +1 / +11
Тени (Shadows): -6 / +1 / +1

Дизайн космического постера в photoshop
Дизайн космического постера в photoshop

Шаг 16


Создайте новый слой (Ctrl + Shift + N) и назовите его “cloud trail”. Инструментом Лассо (Lasso Tool) (L) с Растушевкой (Feather) 30 пикселей создайте выделение вокруг радужного участка. Затем примените фильтр Облака (Фильтр > Рендеринг > Облака) (Filter > Render > Clouds)/

Дизайн космического постера в photoshop

Установите Режим наложения (Blending Mode) слоя с облаками на Осветление основы (Color Dodge).

Дизайн космического постера в photoshop

Сделайте копию слоя с последними облаками и измените её Режим наложения (Blending Mode) на Перекрытие (Overlay) и Непрозрачность (Opacity) на 40%.

Дизайн космического постера в photoshop

Шаг 17


Инструментом Горизонтальный текст (Horizontal Type Tool) (T) напишите что-нибудь в центре холста внизу.

Дизайн космического постера в photoshop

Примените стили из шага 12 этого урока.

Дизайн космического постера в photoshop

Текстовым инструментом напишите несколько точек тем же шрифтом и примените к ним те же стили, что и для текста.

Дизайн космического постера в photoshop

Нужно создать для текста дополнительное свечение. Для этого сделайте выделение текстового слоя (удерживая Ctrl, кликните на иконке слоя в палитре слоёв). Создайте новый слой (Ctrl + Shift + N) и назовите его “text highlights”. Сделайте радиальную градиентную заливку из центра текста от белого к прозрачному.

Дизайн космического постера в photoshop

Установите Режим наложения (Blending Mode) этого слоя на Перекрытие (Overlay) и понизьте Непрозрачность (Opacity) до 40%.

Дизайн космического постера в photoshop

Создайте новый слой (Ctrl + Shift + N) и назовите его “lens flare”. Залейте его чёрным цветом и перейдите в меню Фильтр > Преобразовать в смарт-фильтры (Filter > Convert to Smart Filters). Это позволит применять фильтры к этому слою без вреда пикселям слоя.
Примените фильтр Блик (Фильтр > Рендеринг > Блик) (Filter > Render > Lens Flare). Расположите свечение на шлеме астронавта.

Дизайн космического постера в photoshop

Установите Режим наложения (Blending Mode) на Осветление (Screen) и понизьте Непрозрачность (Opacity) до 70%. Данный режим наложения скроет чёрный цвет и оставит только свечение.

Дизайн космического постера в photoshop

Создайте корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation) с обтравочной маской.

Дизайн космического постера в photoshop

Шаг 19


Используя кисти звёзд, сделайте несколько мазков на холсте.

Дизайн космического постера в photoshop

Установите Режим наложения (Blending Mode) на Перекрытие (Overlay), чтобы эффект сияния стал менее интенсивным. Также можете добавить маску слоя и скрыть ненужные свечения.

Дизайн космического постера в photoshop

Шаг 20


Создайте пару корректирующих слоёв, чтобы сделать цвета всей картины более насыщенными. Обтравочную маску создавать не нужно.

Цветовой тон/Насыщенность (Hue/Saturation):

Тон (Hue): 0
Насыщенность (Saturation): +40
Яркость (Lightness): 0

Уровни (Levels): 11 / 1.09 / 235

Дизайн космического постера в photoshop

Конечный результат:



Дизайн космического постера в photoshop

Перевод: Глеб Хегай

Просмотрите остальные уроки фотошопа на нашем сайте, и вы не пожалеете.




Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.