Создаем рекламу энергетика - Школа Photoshop
Уроки фотошоп социальная реклама Уроки фотошоп социальная реклама

Создаем рекламу энергетика

25.08.2008Категория урока: Рисование

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

Уроки фотошоп социальная реклама

Приблизительное время выполнения: 15 минут

Шаг 1

Сначала мы должны распланировать палитру цветов. Но для того, чтобы выбрать ваши цвета, вам нужно понять, как работает режим Difference Blending Mode. Он смотрит информацию о цветах в каждом канале и создает либо смешанный цвет из базового, либо базовый из смешанного. Это зависит от уровня яркости цвета.

Режим работает только при трансформации из темного в светлый, а не наоборот. Как бы то ни было, если вы примените любой тимп размытия к слою в таком режиме, у вас получатся красивые градиенты и динамическое освещение. Поскольку результат нам нужен темный, выберите яркие цвета, которые в сочетании с radial blur создадут градиенты от светлого к темному.

Начните с открытия нового документа в Photoshop размером 1600х1280. Залейте фон этим цветом: (#b1c900).

Уроки фотошоп социальная реклама

Шаг 2

Зайдите в меню Custom Shapes Menu и выберите Ray, как показано внизу. Вы можете найти его в папке Symbols. Затем нарисуйте первый прямо посередине, достаточно большой, чтобы выходить за границы документа. используйте этот цвет: (#bddc01).

Как только вы создадите первую фигуру, продублируйте её. Затем поверните копию так, чтобы она осталась в виде тонкой линии на фоне. Затем измените цвет на #d3eb45. Вы должны выровнять их так, чтобы они были похожи на рисунок внизу.

Урок создания рекламы

Шаг 3

На этом этапе начните рисовать при помощи Regular Circle разного размера. Поставьте Opacity кисти на 60%, измените цвет на #7a263e и раскрашивайте вручную, меняя размер и цвет каждого пятна. Создавая вручную все пятнышки, вы больше контролируете результат. Когда создадите первый набор пятен, добавьте ещё немного на отдельном слое такого цвета: #93133d.

Урок создания рекламы

Шаг 4

Далее создайте новый слой и добавьте маленькие пятнышки такого цвета #cdde67. Снова создайте слой и нарисуйте пятнышки ещё меньшего размера немного более темного цвета: #d9f14a.

Уроки фотошоп социальная реклама

Шаг 5

Теперь нужно добавить контраста, используя затемненную версию цвета, который мы использовали для первых пятен: #93133d

Уроки фотошоп социальная реклама

Шаг 6

Чтобы завершить эффект, создайте немного маленьких пятнышек, которые следуют за уже сделанными, и ещё пятнышки, которые заполнят неиспользованное пространство документа. Убедитесь, что они последовательно «затухают» в направлении к краю документа, чтобы затем не отвлекаться на исправление. В качестве финального штриха, добавьте новый цвет, который мы затем превратим в ярко-розовый: #7b2dc1.

Урок создания рекламы

Шаг 7

Как говорилось раньше, эффект radial blur играет главную роль в нашей работе. Выберите все фигуры, пятнышки и фоновые слои, а затем нажмите Ctrl+Shift+E, чтобы слить их вместе. После слияния продублируйте слой. Назовите этот новый слой «radial blur«. Зайдите в Filter > Blur > Radial Blur и установите такие настройки.

Урок создания рекламы

Шаг 8

У вас должно получиться два слоя: фоновый слой, который вы недавно сделали из тех слоев и продублированная версия, которую вы назвали «radial blur.» Выберите слой «radial blur» и измените его blending mode на Difference. У вас сейчас должен получиться темный рисунок с ярко-зелеными и голубыми цветами. Это не нужный нам оттенок, так что слейте (merge) слои. Зайдите в Image > Adjustments > Hue/Saturation, или нажмите Ctrl+U. Измените Hue на 73.

Уроки фотошоп социальная реклама

Шаг 9

В этом шаге мы добавим глубины изображению, которое привлечет внимание к центру работы. Войдите в Quickmask Mode (Q) и, используя Bucket Tool с цветным набором на черном, залейте весь документ. Теперь выберите Eraser Tool и добавьте неаккуратности изображению.

Теперь тяните ластик поперек изображения, фокусируя внимание на центре. Как только вы закончите, выйдите из Quickmask Mode (Q) и инвертируйте выделение, нажав Ctrl+Shift+I. Затем кликните на документе правой кнопкой при выбранном Marquee Tool. Затем выберите слой при помощи Copy. Скопировав выделенную область в новый слой, зайдите в Filter > Blur > Gaussian Blur, и размойте на 4 пикселя.

Уроки фотошоп социальная реклама

Шаг 10

На этом этапе мы добавим банку. Скачайте изображение. Then cut it out with the Pen Tool. Не беспокойтесь о нижней части, нам понадобится только верх. Сделав это, расположите её по центру и поверните на 45 градусов. Измените hue на 180. Используйте Burn Tool, чтобы затемнить нижнюю левую часть банки.

Урок создания рекламы

Шаг 11

Теперь нам понадобится спрятать часть банки, чтобы она красиво вписывалась в остальную часть фото. Нам поможет простая маска слоя. Зайдите снова в Quickmask Mode. Затем залейте весь документ черным. Сотрите часть, которая вам не нужна, мягким ластиком. Затем выйдите из Quickmask Mode. Зайдите в Layer > Layer Mask > Hide Selection. Вам также понадобится применить sharpen. Для этого зайдите в Filter > Sharpen > Sharpen.

Урок создания рекламы

Шаг 12

Теперь, если вы посмотрите близко на фотографию, вы заметите, что она слишком гладкая. Вместо добавлениЯ шума или гранджа, мы используем такую технику: Создание металлической поверхности в Photoshop. Сначала залейте область документа белым, затем зайдите в Filter > Pixelate > Mezzotint. Выберите Medium Dots и затем примените фильтр. Затем установите Blending Mode слоя на Color Burn.

Уроки фотошоп социальная реклама

Шаг 13

В последнем шаге мы добавим название в левой части документа. Я использовал шрифт под названием Incised901 NdIt BT, что является аббревиатурой от Incised 901 Nord Italic. После набора надписи, кликните на слое два раза и используйте layer style, показанный на рисунке внизу.

Уроки фотошоп социальная реклама

Результат

Урок создания рекламы

Источник: Create an Energy Drink Ad Design




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

Понравился урок? Поделитесь им в социальных сетях:



7 комментария(-ев) к уроку “Создаем рекламу энергетика”

  1. Зачетный пост, спасибо!

    arcda

  2. судя по всему никто не пробовал сделать этот урок, иначе возникли вопросы по уроку, так как такого шейпа в виде солнышка нету в CS1 по дефолту, ну или у всех есть в наличии или после cs1 этот шейп появился в дефолтных :???:

    Аниматор

  3. делайте в CS2 там по дефолту имееться такой шейп!

    Simple IS

  4. спасибо за подсказку, не знал что добавились шейпы после кс1

    Аниматор

  5. Молодца! Так держать! Подписываюсь!

    Kaij

  6. :smile: :wink: :smile: :wink: :smile: :wink: блин ппц))клев)

    Ляля Блонд

  7. Отлично, спасибо огромное

    Русланн

Прокомментировать урок

 


Rambler's Top100