Курсы на DVD Контакты Гостевая Регистрация Партнерская программа

Вход

Уроки фотошопа
Уроки по сложности

Фотошоп дополнения
Векторные клипарты
Растровые клипарты
PSD исходники
Текстуры (фоны)
Стили для фотошоп

Информация

Реклама

Опрос
Какие дополнения Photoshop вы чаще всего скачиваете из интернета?

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




DesignNavigator.RU » Уроки фотошопа » Сложность: Тяжелая » Создаем композицию уличного бойца в фотошопе.

Создаем композицию уличного бойца в фотошопе.

Сложность: Тяжелая, Графика и дизайн
Версия для печати

Создаем композицию уличного бойца в фотошопе.


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

Шаг 1.
Создайте новый документ в Photoshop, размером1920×1200, чтобы потом можно было использовать коллаж в качестве обоев. Залейте холст серым цветом (#b8b8b8).

Создаем композицию уличного бойца в фотошопе.


Шаг 2.
Создайте новый слой и заполните его черным. Сбросьте цвета переднего и заднего плана на черный и белый, нажав клавишу D, затем пройдите в меню: Фильтр > Рендеринг > Облака (Filter > Render > Clouds). После этого пройдем в меню: Фильтр > Размытие > Размытие в движении (Filter > Blur > Motion blur) и введите расстояние (Distance) 999px, а угол - 0. Режим наложения меняем на Умножение (multiply) с непрозрачностью 60 %.

Создаем композицию уличного бойца в фотошопе.


Создаем композицию уличного бойца в фотошопе.


Шаг 3.
Загрузите металлическую текстуру и вставьте ее на холст. Уменьшите непрозрачность до 35 %.

Создаем композицию уличного бойца в фотошопе.


Можно заметить, что левая область является более темной чем правая. Поэтому возьмите инструмент Затемнитель (Burn Tool) (O) и пройдитесь им по краям правой части, чтобы придать больше светового баланса текстуре.

Создаем композицию уличного бойца в фотошопе.


Наконец создайте новый слой, возьмите черную мягкую кисть (твердость 0 %) и красьте по краям холста. Уменьшите непрозрачность приблизительно до 15 %. Мы поместим текст в центр. Делая более темные края, мы будем делать акцент на середине композиции.

Создаем композицию уличного бойца в фотошопе.


Шаг 4.
Теперь придадим объема нашему фону. Для этого добавим 3 корректирующих слоя. Начнем с карты градиента: Слой > Новый корректирующий слой > Карта Градиента (Layer > New Adjustment Layers > Gradient Map), установим черно-белый градиент, режим наложения изменим на Перекрытие (Overlay) с непрозрачностью 70%.

Создаем композицию уличного бойца в фотошопе.


Следующий слой: Яркость контраст: Слой > Новый корректирующий слой > Яркость/Контраст (Layer > New Adjustment Layer > Brightness/Contrasts). Установите яркость на -18, а контраст на + 80.

Создаем композицию уличного бойца в фотошопе.


В завершении добавим еще одну карту градиента, но на сей раз используйте как цвета темно-синий (#082a75) и оранжевый (#ffba00). Установите режим наложения этого слоя на Перекрытие (Overlay) с непрозрачностью 40 %.

Создаем композицию уличного бойца в фотошопе.


Шаг 5.
Начнем создавать логотип в виде знака «+» и надписи «Psdtuts». Используйте инструмент Прямоугольник (Rectangle Tool) (U), чтобы создать первую форму, затем копируйте это, нажав Ctrl+J, и поверните ее на 90 градусов.

Создаем композицию уличного бойца в фотошопе.


Шаг 6.
Создайте новый слой, возьмите кисти со сломанными краями и рисуйте ими по краям знака "+".

Создаем композицию уличного бойца в фотошопе.


Шаг 7.
Выделите три слоя: два слоя знака "+" и один слой с кистями, затем нажмите Ctrl + Alt + E, чтобы объединить их в новый слой. Можно теперь скрыть видимость исходных 3 слоев, так как с этого времени мы будем использовать только объединенный.

Дважды щелкните по объединенному слою, чтобы вызвать опции наложения. Во-первых, добавьте Наложение цвета (color overlay) (#630707).

Создаем композицию уличного бойца в фотошопе.


Во-вторых, добавьте внутреннюю тень (inner shadow), чтобы создать выгравированный эффект. Помните, что эти значения зависят от размеров прямоугольников, так, в случае, если вы не удовлетворены результатом, поэкспериментируйте с настройками ползунков.

Создаем композицию уличного бойца в фотошопе.


Наконец добавьте Тень (drop shadow) белого цвета в режиме наложения Линейный свет (linear dodge):

Создаем композицию уличного бойца в фотошопе.


Шаг 8.
Теперь мы должны также добавить поцарапанный металлический эффект тексту. Загрузите текстуру поцарапанного металла (бесплатный образец подойдет хорошо). Поместите текстуру в холст, измените размеры (Ctrl + T) и установите режим наложения на Перекрытие (Overlay). Имейте в виду, что этот эффект будет применен только на знак "+", поэтому перемещайте текстуру, пока Вы не убедитесь, что результат в этой области будет удовлетворительным.

Создаем композицию уличного бойца в фотошопе.


Шаг 9.
На активном слое с текстурой, удерживая клавишу CTRL, кликните по иконке этого слоя в палитре слоев. Загрузится выделение. После этого добавьте маску слоя. Таким образом поцарапанный эффект будет влиять только на знак плюс. Уменьшите непрозрачность до 60 %.

Создаем композицию уличного бойца в фотошопе.


Шаг 10.
Я думаю, что эффект выглядел бы более реалистичным с объединением белых и черных царапин. Копируйте текстуру и удалите маску уровня. Переместите текстуру так, чтобы белые царапины не перекрыли черные. Нажмите Ctrl + I, чтобы инвертировать цвета текстуры и установитt режим наложения на Экран (Screen). Снова примените маску, как в предыдущем шаге.

Если Вы устанавливаете непрозрачность на 100 %, можно заметить небольшую проблему: белые царапины сверху внутренней тени. Не волнуйтесь, мы исправим эту ошибку в следующем шаге.

Создаем композицию уличного бойца в фотошопе.


Шаг 11.
Чтобы переместить белые царапины ниже внутренней тени, мы должны поместить каждый стиль в один слой. К счастью, это возможно в Photoshop. Щелкните правой кнопкой по стилям (в окне слоя), и из списка выберите опцию Образовать слой (Create layers).

Создаем композицию уличного бойца в фотошопе.


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

Создаем композицию уличного бойца в фотошопе.


Шаг 12.
В этом шаге мы просто напишем надпись “TUTPLUS” (используемым шрифтом является Edistys). Используйте тот же самый метод, описанный в предыдущих шагах, чтобы добиться такого же эффекта.

Создаем композицию уличного бойца в фотошопе.


Шаг 13.
Немного осветлим центр холста. Для этого создайте новую группу и переключите режим наложения на Осветление основы (color dodge). Создайте слой в группе, возьмите большую мягкую круглую белую кисть кликните ей одни раз в центре холста. Уменьшите непрозрачность приблизительно до 45 %. Теперь логотип более видим и ярок.

Создаем композицию уличного бойца в фотошопе.


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

Создаем композицию уличного бойца в фотошопе.


Шаг 14.
Нажмите Ctrl+Alt+E, чтобы сделать объединенную копию всех слоев. Видимость всех остальных можно скрыть, в дальнейшем мы будем использовать только этот слой.

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

Создаем композицию уличного бойца в фотошопе.


Пол не соответствует металлической текстуре. Обесцветьте изображение замка, нажав Shift+Ctrl+U. Затем скопируйте карту сине-ораньжевого градиента, которую мы применяли к фону, для этого удержите Alt и перетащите карту градиента сразу выше слоя с замком.

Создаем композицию уличного бойца в фотошопе.


Шаг 15.
Теперь, когда фон закончен, мы можем сосредоточить наше внимание на молодом человеке и световых эффектах. Первое, что нужно сделать состоит в том, чтобы извлечь мальчика из фона и вставить его в основной холст. Затем копируйте слой мальчика и установите режим наложения дубликата на Перекрытие (Overlay) с непрозрачностью 70%; копируйте снова, но на сей раз пройдите на вкладку: Фильтр > Усиление резкости > Умная резкость (Filter > Sharpen > Smart Sharpen), чтобы создать вид грязного эффекта и улучшить детали. Наконец копируйте еще раз и пройдите на вкладку Фильтр > Другой > Цветовой контраст (Filter > Other > High pass). Режим наложения всех слоев ставим на Перекрытие (Overlay).

Создаем композицию уличного бойца в фотошопе.


Шаг 16.
Инструментом Затемнитель (Burn tool) (O), затемните левую область человека. Имейте в виду, что от рук мальчика выйдет световые эффекты, таким образом, его спина будет темной.

Создаем композицию уличного бойца в фотошопе.


Шаг 17.
Наш супергерой слишком насыщен цветами. Выделите все слои мальчика в палитре слоев и объедините их в новый слой (Ctrl+Alt+E). Нажмите Ctrl + U, чтобы открыть окно Цветового тона/Насыщенности (Hue/Saturation) и уменьшить насыщенность до -30.

Создаем композицию уличного бойца в фотошопе.


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

Создаем композицию уличного бойца в фотошопе.


Шаг 19.
Приступим к созданию шрамов. Откроем палитру кистей, нажав F5 и произведем нужные настройки. Радиус примерно 5 пикселей и темно-красный цвет. Если вы используете планшет, то в динамике формы (Shape dynamic) установите нажим пера (Pen pressure), если нет – то Переход.


Создаем композицию уличного бойца в фотошопе.


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

Создаем композицию уличного бойца в фотошопе.


Шаг 20.
Теперь займемся эффектами. Создайте новую группу слоев. Создайте слой в группе и возьмите кисти Дыма. Выберем подходящую кисть из этого набора и нарисуем ей эффект, идущий из рук, как на картинке.

Создаем композицию уличного бойца в фотошопе.


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

Создаем композицию уличного бойца в фотошопе.


Используйте инструмент Ластик (eraser tool) (E) или маску слоя, чтобы устранить ненужные области дыма.

Создаем композицию уличного бойца в фотошопе.


Шаг 21.
Применим к слою с дымом стиль Наложение градиента (gradient overlay), идущий от легкой лазури (#cffeff) к светло-желтому (#fffeeb).

Создаем композицию уличного бойца в фотошопе.


Шаг 22.
Используя тот же самый метод, создайте вторую полосу света.

Создаем композицию уличного бойца в фотошопе.


Шаг 23.
Чтобы создать форму тигра из дыма, возьмем это изображение. Откройте изображение в Photoshop. Используя инструмент Перо (pen tool) или Лассо (lasso tool), вырежьте голову животного и вставьте в наш основной документ. Поместите голову туда, где Вы хотите создать световой эффект.

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

Создаем композицию уличного бойца в фотошопе.


Шаг 24.
Создайте новый слой и кликните один раз, используя кисти дыма.

Создаем композицию уличного бойца в фотошопе.


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

Создаем композицию уличного бойца в фотошопе.


Переместите дым в нужное место:

Создаем композицию уличного бойца в фотошопе.


Сотрите все, кроме зуба.

Создаем композицию уличного бойца в фотошопе.


Шаг 25.
Повторяя этот же самый процесс, воссоздайте другие части тигра из дыма. В тех местах, где требуется усилить эффект, просто дублируйте слой.

Создаем композицию уличного бойца в фотошопе.


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

Создаем композицию уличного бойца в фотошопе.


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

Создаем композицию уличного бойца в фотошопе.


Шаг 28.
Создайте новую группу и и смените режим наложения на Осветление основы (color dodge). Как можно предположить, мы будем использовать эту группу, чтобы добавить заключительные легкие блики к нашей работе. Создайте слой в группе, возьмите мягкую большую белую кисть и начните красить ей по световым эффектам. Уменьшите непрозрачность слоя, если эффект слишком силен.

Создаем композицию уличного бойца в фотошопе.


Вот такой эффект должен получиться:

Создаем композицию уличного бойца в фотошопе.


Финальный результат:

Создаем композицию уличного бойца в фотошопе.


На этом создание композиции уличного бойца завершено. Творческих вам успехов. До новых встреч на DesignNavigator.RU

Автор перевода: DeMoN
Ссылка на источник

Хочешь первым узнавать о новом уроке на сайте? Тогда подпишись на RSS рассылку новых уроков на http://designnavigator.ru

Смотрите также:

  • Создаем эффект карандашного рисунка в фотошопе. - В этом уроке мы будем учиться создавать эффект карандашного рисунка в фотошопе.
  • Создаем эффект ярких бликов на фото в фотошопе. - В этом уроке мы будем создавать эффект ярких бликов на фото в фотошопе.
  • Абстрактный круг с эффектом дыма - В этом учебном руководстве я покажу Вам, как можно создать абстрактный золотой круг с эффектом дыма в фотошопе.
  • Красочный коллаж в фотошопе - В этом уроки вы научитесь создавать интересный красочный коллаж в фотошопе. В этом уроке применяется множество различных тезник и приемов, так что вы недаром потратите время!

  • Голосов: 0

    Просмотров: 6662 Автор: DeMoN 31-10-2011 Комментариев: (0)


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

    Фотошоп CS5 от А до Я

    RSS подписка

    Мы в Контакте



    Яндекс.Метрика