В этом уроке я предлагаю создать вам простой красивый поздравительный баннер, используя программу Photoshop.
Текстовый баннер это очень простая и одновременно функциональная картинка. Вы всегда можете персонализировать данное изображение, либо внеся небольшие изменения и создать поздравительную открытку к любому празднику!
Так что в результате урока мы получим качественную заготовку, которую каждый сможет использовать в различных проектах.
Начнем!
Для выполнения урока мы будем использовать:
- программа: Photoshop СС;
- затраченное время: 30 - 90 минут;
Исходники:
Шаг 1
Создайте новый документ:
- размер: 10 х 11 см;
- разрешение : 300 пикс\дюйм;
- цветовой режим: CMYK
Настройте линейку в рабочем пространстве: Просмотр - Линейка (View - Rulers (Ctrl/Cmd + R)).Затем нужно добавить привязку: Просмотр - Привязать к - Направляющим (View - Snap To - Guides).
Для того что бы установить единицы измерения линейки, сделайте щелчок правой клавишей мыши по вертикальной либо горизонтальной шкале линейки и в появившемся списке определите нужную единицу измерения. В данном уроке я буду использовать сантиметры (см).
Давайте разместим направляющие! Зажмите левую клавишу мыши - наведите ее на границу вертикальной линейки и протащите первую направляющую. Разместите ее на расстоянии 1 см от левого края холста.
Используя аналогичную схему работы, добавьте вертикальные и горизонтальные направляющие как показано в примере ниже.
Примечание переводчика: рисуем в режиме слой-фигура
Используя опорные точки треугольника перетащите верхние углы в точки пересечения направляющих.
Вершину треугольника, разместите на пересечении центральной и нижней горизонтальной направляющей. Таким образом, вы получили фигуру расположенную четко по центру холста.
Шаг 2
Сделайте двойной щелчок левой клавишей мыши по слою с треугольником. Таким образом вы перейдете к меню Стиль слоя. В данном меню перейдите к настройкам Наложение узора (Pattern Overlay).
Используйте для своего треугольника любой понравившийся узор из набора «Цветная бумага». После того как вы определитесь с видом узора, можно подкорректировать Масштаб (Scale) текстуры, в данном примере, я использую значение масштаба равное 70%.
Вы так же можете изменить расположение узора. Для этого просто наведите курсор на рабочий холст с узором, зажмите левую клавишу мыши и перетаскивайте узор.
Если вы не используете предложенный набор «Цветная бумага», можно украсить треугольник иначе. Выберите изображение которое хотите разместить на треугольнике. Перетащите его в основной рабочий холст и разместите над слоем с треугольником. Примените данное изображение как обтравочную маску (сlipping мask ) к слою с треугольником.
Зажмите клавишу Shift, наведите курсор мыши на центральную направляющую и нарисуйте круг внутри треугольника. Размер круга вы можете выбрать произвольно, а в дальнейшем, при необходимости, откорректировать его.
Обратитесь к панели настроек фигуры круг. Добавьте обводку по контуру круга, цвет обводки - # 59c2aa, размер обводки (size) - 3 pt, положение обводки - снаружи (outside).Так же измените цвет заливки (fill) самой фигуры на # fef5e0.
Если вы используете другой узор или текстуру для вашего треугольника, то можете поэкспериментировать с другими цветами обводки и заливки круга.
Примечание переводчика: если вы используете другую версию программы Photoshop, то можете добавить обводку для вашего круга перейдя к меню Стиль слоя. В данном меню перейдите к настройкам «Обводка» и введите необходимые значения. Для того что бы изменить цвет заливки самой фигуры, сделайте двойной щелчок по миниатюре цвета фигуры круг и выберете новый оттенок.
Дублируйте слой с кругом. Затем перейдите к Редактирование — Трансформирование контура — Масштабирование (Edit — Transform Path — Scale).
Теперь уменьшим размер фигуры-копии. Для того, что бы не потерять пропорции и производить трансформацию от центра круга, зажмите и удерживайте при масштабировании комбинацию клавиш Shift + Alt. Когда вы получите желаемый размер круга-копии, нажмите клавишу Enter, для того что бы применить изменения.
Не забывайте, что при работе с фигурами вы можете корректировать их настройки и внешний вид. К примеру, для новой фигуры можем изменить вид обводки, выбрав в панели настроек тип обводки - точечная.
Шаг 3
Перейдите к слою с треугольником и создайте копию данного слоя.
Стоя на слое-копии с треугольником, перейдите к Редактирование — Свободное трансформирование (Edit — Free Transform). На панели настроек задайте точку преобразования, как показано на изображении ниже.
Затем снова перейдите к Редактирование — Трансформирование — Отразиь по вертикали (Edit — Transform — Flip Vertical). Нажмите Enter, чтобы внести изменения.
Нажмите на значок «Операции с контуром»и выберети действие «Объединить компоненты» (Merge Shape Components).
Уменьшите заливку (fill) слоя с трапецией до 0%, а затем в настройках добавьте обводку: тип обводки — пунктирная; положение — внутри; размер — 1 pt.
Теперь у вас получилась хорошая заготовка для праздничного флажка, которую вы можете распечатать. Благодаря тому, что мы создали корешок обведенный пунктирной линией, флажок можно легко повесить на ленту, согнув и подклеив корешок!
Шаг 4
Объедините все слои (кроме фонового) в единую группу. Дублируйте данную группу. Теперь вы можете развернуть группу-копию и внести необходимые изменения: заменить букву, выбрать другой узор из набора «Цветная бумага», и тд...
Таким же образом вы можете создать необходимое количество флажков с различными символами.
На данном этапе вы уже можете использовать полученный результат для печати!
Кроме этого, можно применить нашу работу для различных коллажей.
Шаг 5
Стоя на слое с деревянной текстурой, перейдите к Изображение — Коррекция — Уровни ( Image - Adjustments — Levels). Измените значение ползунка светлых тонов до 245.
Теперь мы разместим на нитке наши праздничные флажки.
Для того что бы это сделать, вернитесь к документу с флажками, и выделите все группы. Затем перейдите к Слой — Дубликат слоев (Layer - Duplicate Layers). Переместите копии групп в документ с деревянной текстурой.
Для того что бы сделать работу комфортнее, объединим каждую группу в единый слой. Для этого встаньте на одну из групп с флажком и перейдите к Слой — Объединить слои (Layer - Merge Group (Ctrl / Cmd + E)). Повторите объединение для каждой группы.
Когда вместо групп вы получите слои, выделите все слои с флажками и масштабируйте их (Редактирование — Свободное трансформирование (Edit - Free Transform (Ctrl/Cmd + T)). Размер флажков измените по собственному вкусу. Для того что бы применить трансформацию нажмите Enter.
Затем вам нужно повернуть каждый флажок и разместить его на нитке. Для этого так же используйте трансформацию (Ctrl/Cmd + T)).
Шаг 6
Добавим немного объема. Для этого мы воспользуемся меню Стиль слоя. Встаньте на слой с первым флажком и дважды щелкните по нему левой клавишей мыши. Введите настройки, которые показаны ниже:
Внутреннее свечение (Inner Glow)
Тень (Drop Shadow)
Теперь край флажка смотрится лучше:
Щелкните правой клавишей мыши по слою к которому мы только что применили стили слоя. В появившемся подменю воспользуйтесь функцией «Скопировать стиль слоя» (Copy Layer Style). Затем выберите все оставшиеся слои с флажками, еще раз сделайте щелчок правой клавишей мыши по ним и в подменю выберите функцию «Вклеить стиль слоя» (Paste Layer Style).
Используя меню Стиль слоя (Layer Style), добавьте тень падающую от нитки.
Объедините все слои с флажками в единую группу «Флажки».
Шаг 7
Нажмите на иконку «Создать новый корректирующий слой» в нижней части панели слоев и добавьте корректирующий слой Карта градиента (Gradient Map).
В настройках градиента установите цвета #bbb07 и #ffffff. Режим наложения (вlend мode) корректирующего слоя Карта градиента (Gradient Map) измените на Умножение (Multiply), а непрозрачность (оpacity) понизьте до 20 %.
Добавим еще один корректирующий слой под названием Градиент (Gradient).В настройках установите тип градиента — радиальный, масштаб — 300, угол — 90, цвет перехода от прозрачного - к # a7a297 - к # b3a78c.
Режим наложения второго корректирующего слоя установите на Линейный затемнитель (Linear Burn), а непрозрачность (оpacity) — 20%.
Шаг 8
Зажмите комбинацию Ctrl / Cmd + клик по миниатюре слоя с флажком, чтобы создать выделение по контуру треугольника.
Теперь зажмите комбинацию клавиш Ctrl + Shift + клик по следующей миниатюре слоя с флажком, для того что бы добавить еще одно выделение к уже существующему.
Используя комбинацию Ctrl + Shift + клик по миниатюре слоя создайте выделение по контуру всех флажков.
Создайте новую группу внутри группы "Флажки" (Pennants) и назовите ее "Наложение текстуры" (Texture Overlay). Затем щелкните по иконке "Добавить слой-маску". В итоге к группе будет добавлена слой-маска залитая черным цветом, а выделенная ранее область с флажками будет отображаться белым цветом.
Откройте изображение "Бумага" и разместите текстуру внутри группы "Наложение текстуры". По мере необходимости, масштабируйте текстуру так, что бы она покрыла все флажки. Режим наложения слоя с бумагой измените на Замена светлым (Lighten), а непрозрачность (оpacity) понизьте до 50%.
Добавим над слоем с бумагой корректирующий слой Уровни (Levels).
В настройках уровня средних тонов, понизьте значение до 0.7, это сделает изображение более насыщенным.
На этом мой урок окончен! Надеюсь он вам пригодится!
Поделиться своей работой и задать вопрос можно на странице урока сайта photoshop-master.ru