Рубрика: Photoshop Уроки | Урок прочитали: 622
 (голосов: 0)

Делаем рекламный купон в Фотошоп

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

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

Шаг 1. Создайте новый документ в Фотошопе (Ctrl + N) с параметрами, указанными ниже.

Залейте фоновый слой цветом #8eb072 при помощи инструмента Заливка (Paint Bucket Tool) (G). Потом перейдите в меню Фильтр – Шум – Добавить шум (Filter > Noise > Add Noise).

Шаг 2. Инструментом Прямоугольная область (Rectangular Marquee Tool (M) создайте основу для купона и залейте её белым цветом.

Теперь нужно сделать вырезы на краях. Приблизьте изображение, выберите инструмент Овальная область (Elliptical Marquee Tool) (M) и создайте круглое выделение (чтобы выделение было круглым, удерживайте клавишу Shift, когда его создаёте). Расположите его у левого края, как показано ниже, и нажмите клавишу Delete.

Сдвиньте выделение вправо на небольшое расстояние от первой дырки и нажмите Delete опять. У Вас получится второй вырез на краю. Чтобы передвигать выделение, у Вас должен быть активен инструмент выделения. Повторяйте этот процесс, пока не создадите вырезы на всём краю.

Шаг 3. Теперь создадим узор для купона. Создайте новый документ (Ctrl + N) шириной 1 пиксель и высотой 5 пикселей, фон – прозрачный. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте маленькое квадратное выделение и залейте его чёрным цветом.
Перейдите в меню Редактирование – Определить узор (Edit > Define Pattern) и сохраните узор.

Вернитесь в наш документ, кликните дважды на слое с белым прямоугольником и у Вас откроется меню стилей слоя. Примените стиль Наложение узора (Pattern Overlay): Режим – Умножение, используйте сохранённый узор.

Шаг 4. Создайте новую группу слоёв: Слой – Новый – Группы (Layer > New > Group). Назовите эту группу “coupon”. Удерживая клавишу Ctrl, кликните левой кнопкой мыши на иконке слоя с основой купона, чтобы создать выделение. Потом выберите группу “coupon” и перейдите в меню Слой – Слой-маска – Показать выделение (Layer > Layer Mask > Reveal Selection).

Шаг 5. Выберите инструмент Эллипс (Ellipse Tool) (U) и нарисуйте маленький круг над слоем с основной купона. Примените стиль Обводка (Stroke) с параметрами, показанными ниже. Установите Заливку (Fill) этого слоя – 0%.

Сделайте копию слоя (Ctrl + J) и инструментом Свободное трансформирование (Ctrl + T) сделайте копию больше. Чтобы сохранить пропорции, удерживайте клавишу Shift, при увеличении.

Повторите этот шаг ещё 2 раза.

Выберите все слои с кругами и объедините их в группу (Ctrl + G). Сделайте копию группы и немного опустите, как показано ниже.

Повторите дублирование группы и расположение ниже каждой предыдущей, чтобы получить такую рамку.

Выберите все группы с кругами и объедините в одну (Ctrl + G). Назовите полученную группу “edge”. Установите Непрозрачность (Opacity) группы – 70%. Инструментом Прямоугольная область (Rectangular Marquee Tool) (M) создайте выделение, как показано ниже.

Примените маску слоя к группу “edge”: Слой – Слой-маска – Скрыть выделение (Layer > Layer Mask > Hide Selection).

Шаг 6. При помощи инструмента Прямоугольник с закруглёнными углами (Rounded Rectangle Tool) (U) со значением радиуса 15 пикселей создайте фигуру цветом #e2151c внутри узорной рамки.

Сделайте копию слоя с прямоугольником (Ctrl + J) и измените цвет на #17269b.

Инструментом Прямоугольная область (Rectangular Marquee Tool) (M) создайте такое выделение:

Перейдите в меню Слой – Слой-маска – Показать выделение (Layer > Layer Mask > Reveal Selection).

Шаг 7. Пора добавлять текст на купон. Я использовал  League Gothic. Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T), настройте шрифт, как показано ниже, и напишите то, что я написал.

Измените шрифт на Helvetica и допишите ещё пару строк.

Загрузите шрифт  Franchise Bold и напишите “Mr. Clean”.

Сделайте выделение слоя “Mr. Clean” (удерживая Ctrl, кликните на иконке слоя в палитре слоёв). Перейдите в меню Выделение – Модификация – Расширить (Select > Modify > Expand) и введите значение 2 пикселя.

Создайте новый слой (Ctrl + Shift + N) под слоем “Mr. Clean” и залейте выделение белым цветом.

Используя шрифт Helvetica, напишите “NEW!”.

Справа от слова “NEW!” напишите “all-purpose” шрифтом Lobster

Для последней строчки я снова использовал шрифт Helvetica.

К последней строке примените стиль Отбрасывание тени: Режим – Умножение.

Шаг 8. Инструментом Прямоугольник (Rectangle Tool) создайте фигуру красного цвета (#e2151c). Перейдите в меню Редактирование – Трансформирование контура – Наклон (Edit > Transform Path > Skew) и измените форму прямоугольника. Напишите на нём текст.     

Создайте ещё один прямоугольник, но белого цвета.

Примените к слою с этим прямоугольником стиль Обводка: Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет.

Напишите номер купона.

Вот, что у Вас должно быть сейчас:

Шаг 9. Отройте в Фотошопе  это изображение. Инструментом Перо (Pen Tool) в режиме контуров, нарисуйте то, что показано ниже. Это контур будущей этикетки.

Создайте новый слой (Ctrl + Shift + N) и назовите его “background”, залейте цветом #fbef4b. Выберите этот слой и нажмите Ctrl + G, чтобы поместить его в группу. Нажмите Ctrl + Enter, чтобы превратить контур в выделение и перейдите в меню Слой – Слой-маска – Показать выделение (Layer > Layer Mask > Reveal Selection). 

Инструментом Произвольная фигура (Custom Shape Tool) (U) создайте два синих (#17269b) треугольника, как показано ниже.

Рис.40

Откройте  логотип Mr. Clean  в Фотошопе. Инструментом Перо (Pen Tool) (P) извлеките человека и вставьте между треугольниками основного документа:

Сделайте копию слоя с логотипом и расположите её над слоями с треугольниками.

Выберите инструмент Перо (Pen Tool) (P) и нарисуйте контур, как показано ниже. Образуйте из него выделение (Ctrl + Enter) и перейдите в меню Слой – Слой-маска – Скрыть выделение (Layer > Layer Mask >Hide Selection). 

К этому же слою примените стиль Отбрасывание тени: Режим – Умножение.

Добавьте надписи. Настройки шрифтов показаны ниже:

Сделайте выделение слоя “Clean” и перейдите в меню Выделение – Модификация – Расширить (Select > Modify > Expand) и введите значение 4 пикселя. Создайте новый слой под слоем “Clean” и залейте его белым цветом.

К слою с белой заливкой примените стиль Тиснение: Стиль – Внутренний скос, Метод – Жёсткая огранка, Режим подсветки – Осветление, Режим тени – Умножение.

Потом примените стиль Обводка: Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет.

Проделайте то же самое со слоем “Mr.”.

Шаг 10. Инструментом Перо (Pen Tool) вырежьте объект из фона:

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

Сделайте выделение слоя с бутылочкой, создайте новый слой под ним и залейте чёрным цветом. Назовите слой “vaporizer shadow”. Уберите выделение (Ctrl + D). Немного сдвиньте слой влево.

Примените фильтр Размытие по гауссу: Фильтр – Размытие – Размытие по гауссу (Filter > Blur > Gaussian Blur). Значение радиуса – 5 пикселей.

Сделайте выделение слоя с красным закруглённым прямоугольником, выберите слой “vaporizer shadow” и перейдите в меню Слой – Слой-маска – Показать выделение (Layer > Layer Mask > Reveal Selection).

Шаг 11. Инструментом Овальная область (Elliptical Marquee Tool) создайте круглое выделение, создайте новый слой и залейте его белым цветом.

Сделайте копию слоя и уменьшите её инструментом Свободное трансформирование (Ctrl + T). Примените стиль Наложение цвета: #e2151c.

Добавьте цену:

Создайте ещё один такой круг с ценой в противоположном углу:

В верхнюю часть купона напишите текст:

Шаг 12. Перейдите в меню Слой – Новый корректирующий слой – Карта градиента (Layer > New Adjustment Layer > Gradient Map). Этот слой должен быть поверх всех остальных. Градиент: #480283 – #fbef4b. Режим наложения слоя – Умножение (Multiply) и Непрозрачность – 35%.

Сделайте выделение группы “coupon” и перейдите в меню Редактирование – Скопировать совмещенные данные (Edit > Copy Merged), потом Редактирование – Вставить (Edit > Paste). Новый слой должен быть над всеми остальными. Перейдите в меню Фильтр – Шум – Добавить шум (Filter > Noise > Add Noise).        

Режим наложения слоя – Умножение (Multiply) и Непрозрачность – 60%.

Шаг 13. Из  этого набора текстур вставьте файл Paper11 в наш документ. Перейдите в меню Изображение – Коррекции – Обесцветить (Image > Adjustments > Desaturate).

Потом перейдите в меню Изображение – Коррекции – Яркость/Контрастность (Image > Adjustments > Brigtness/Contrast).

Режим наложения слоя – Умножение (Multiply) и Непрозрачность – 50%.

Загрузите эту текстуру и вставьте в наш документ.

Режим наложения слоя – Мягкий свет (Soft Light) и Непрозрачность – 50%.

Шаг 14. Мы почти закончили. Нужно создать тень под купоном. Сделайте выделение группы “coupon”.

Создайте новый слой под группой “coupon” и залейте чёрным цветом. Скройте группу “coupon”, чтобы видеть нижний слой.

Примените фильтр Размытие по гауссу со значением 1,1 пикселя. Установите Непрозрачность слоя – 40%.

Сделайте копию слоя и примените фильтр Размытие по гауссу со значением 3 пикселя. Непрозрачность слоя – 30%.

Сделайте видимой группу “coupon”.

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

Вставьте какой-нибудь рисунок на фон, чтобы получить более интересную картинку:

Автор: Nicola Lazarevic
Перевод: Хегай Глеб
Ссылка на источник урока

           

Похожие файлы и публикации:

Делаем рекламный купон в Фотошоп
Постеры фильмов – хорошие источники вдохновения для дизайнеров. В этом уроке я расскажу, как воссоздать логотип фильма Пираты Карибского моря.
Делаем рекламный купон в Фотошоп
В этом уроке будет показано, как создать красивый текстовый эффект при помощи текстуры печенья и стилей слоя. Метод очень простой и не займёт больше 30 минут.
Делаем рекламный купон в Фотошоп
Ресурсы для урока: Фотография дерева Зимняя ветка Кора дерева Ворон Абстрактные кисти
Делаем рекламный купон в Фотошоп
Программа Photoshop – фантастическая программа, с помощью которой можно обрабатывать не только фотографии, но и создать реальные объекты. В сегодняшнем уроке, мы продемонстрируем, как создать изображение реалистичного ножа похожего на фотографию в программе Photoshop, используя векторные инструменты для рисования, стили слоя, текстуры, и эффекты.
Делаем рекламный купон в Фотошоп
В этом уроке мы будем создавать дизайн шаблона для автомобильного сайта в тёмных цветах.
Делаем рекламный купон в Фотошоп
В этом уроке мы будем создавать гламурный текст, украшенный бриллиантами.
Делаем рекламный купон в Фотошоп
Шаг 2. Создайте новый слой и назовите его “camera2”. Выделите содержимое слоя “camera1” (CTRL + клик по миниатюре слоя). Выполните команду “Select > Modify > Contract” (Выделение > Модификация > Сжать). Установите сжатие в 7 пикселей. Залейте выделение цветом.
Делаем рекламный купон в Фотошоп
Мы будем рисовать кнопки, как на приставке NGP.
Делаем рекламный купон в Фотошоп
Слейте изображения.  Layer – Merge Layers (Слой – слить слои). Примените автоматическую тоновую коррекцию (уровни). Image – Adjustments – Auto levels (Изображение – Коррекция – Автоматическая тоновая коррекция) (Shift + Ctrl + L). Перейдем к меню Channels (Каналы), которое  находится во вкладке рядом с панелью слоев,  Duplicate (дублируем) Blue(Синий) канал.
Делаем рекламный купон в Фотошоп
В данном уроке мы будем учиться создавать информационный блок для сайта.
Делаем рекламный купон в Фотошоп
Стиль Vintage – один из любимых источников вдохновения дизайнеров. Его можно встретить среди текстовых эффектов, иллюстраций и работ веб-дизайна. 1930 год – одна из моих любимых эр. Тогда было создано множество различных технологий и художественных стилей, которые ценятся и сегодня.
Делаем рекламный купон в Фотошоп
Шаг 1. Создайте новый документ 512x512 пикселей с белым или прозрачным фоновым слоем. Залейте фоновый слой серым (9D9D9D). Создайте вертикальную и горизонтальную направляющие для удобства.
Делаем рекламный купон в Фотошоп
Шаг 1. Создайте новый документ размером 500px на 400px с разрешением 72 dpi в режиме RGB.
Делаем рекламный купон в Фотошоп
Иногда, бывает нужно быстро применить какой-либо эффект и в этом на помощь придут экшены. Одним нажатием кнопки, Вы без труда воссоздадите нужный эффект.
Делаем рекламный купон в Фотошоп
В сегодняшнем уроке я покажу, как создать простую шапку сайта в виде ленточки.
Делаем рекламный купон в Фотошоп
Вот, что получится после данного урока