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

В этом уроке я продемонстрирую работу над LG KE800 Chocolate Platinum.

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

Шаг 1. Вырезаем телефон

Мы вырежем из фона только телефон, используя векторную маску. Эта техника работает с большинством объектов, поскольку получаются ровные края.

Выберите pen tool, нажав “P” или Pen Tool в панели инструментов. Убедитесь, что у вас выбран режим  “Paths” прежде, чем вы начнете. Эта опция расположена в Options Panel наверху экрана (так мы создадим векторный путь, но без штрихов и заливки).

Теперь добавьте пометки вдоль контура вашего объекта. Обведенный телефон должен выглядеть так:

Теперь зайдите в Layer > Vector Mask > Current Path. Это создаст векторную маску из пути, который мы обвели. Теперь у нас есть вырезанный телефон.

Шаг 2. Располагаем телефон

Теперь наш телефон готов для вставки в документ. Мы подготовим его для использования в Web и создадим документ такого размера:

Продолжайте, вставьте документ в ваш новый лист и увеличьте его немного (Edit > Transform > Scale). Когда делается дизайн продукции, обычно акцентируется внимание на товаре. Если вы пытаетесь увеличить объект, и телефон не меняется, но меняется его маска, вам нужно снять выделение с маски и убедиться, что выбран сам объект – телефон. (Руководствуйтесь картинками внизу)

Шаг 3. Делаем фон

Кликните на фон дважды и нажмите OK, чтобы разблокировать его. Теперь снова кликните на слое два раза и откройте панель Layer Blending Options. Мы добавим градиент, который мягко переходит от черного к красному. Используя eyedropper tool, вы можете выбрать цвета из вашего изображения. Это поможет держать все в одном тональном диапазоне. После выбора красного из кнопки я немного затемнил его.

Шаг 4. Делаем повторяющийся круг

В этом шаге мы используем shape blend tool в Adobe Illustrator, чтобы создать на фоне интересные фигуры.

Давайте переместимся в Adobe Illustrator, чтобы нарисовать немного векторной графики. Создайте два круга, один меньше другого. Раскрасьте внутренний круг черным, а внешний – синим. Убедитесь, что они находятся по центру. Далее, нажмите “W”, чтобы  выбрать blend tool, либо нажмите кнопку на панели инструментов. Кликните на paths кругов, начиняя с внутреннего.

У вас должно получиться несколько кругов, смешивающихся цветами и формой. Если вы два раза кликните на Shape Blend tool в панели инструментов, и вы увидите диалоговое окно. Измените spacing на specified steps, а цифры на 8-12.

Теперь выберите объект и скопируйте его. Переключитесь на Photoshop и вставьте его. Вы можете не закрывать Illustrator, мы скоро к нему вернемся. Когда вы увидите диаголовое окно Paste, выберите smart object и нажмите ok. Это оставит объект векторным и вам будет удобней с ним работать. Поиграйте с расположением объекта, его размером и придумайте фон для него. Вот что придумал я:

Шаг 5. Добавляем цветки

Именно. Поскольку мы работаем в творческом направлении, мы можем позволить себе быть оригинальными. Я бы на вашем месте не использовал кисти, созданные другими людьми, но всегда полезно использовать навыки, приобретенные другими.  Этом уроке мы создадим свою кисть.

Выберите  Brush tool и измените форму Brush tip на маленькую мягкую кисть. Откройте настройки кисти и измените их на такие:

Теперь выберите Pen Tool и нарисуйте размашистые линии вокруг телефона, как внизу. Убедитесь, что вы добавили новый слой прежде, чем продолжать работу.

Кликните правой кнопкой на path с все ещё выбранным Pen tool и выберите Stroke Path. Убедитесь, что включен simulate brush pressure и нажмите OK.

Кликните на слой, к которому вы применили stroke, два раза, чтобы зайти в Blending options. Добавьте такой градиент:

Далее добавьте glow:

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

Шаг 6. Делаем свою кисть

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

Найдите хорошую фотографию цветка и откройте его в Photoshop. Далее вырежьте цветок, используя технику, показанную в начале урока.

У вас должно получиться что-то вроде этого:

Вырежьте аккуратно и нажмите Edit > Define Brush Preset.

Теперь, сохранив цветок как кисть, мы потратим меньше времени на рисование. Рисуйте теперь. Вот что получилось у меня:

(Я использовал symbol sprayer в Illustrator. Вам понадобится поиграть с цветами, если вы продолжите работать в Photoshop.)

Чтобы закончить работу, давайте наберем какой-нибудь текст и добавим освещения. Используя  Dodge and Burn tools, вы можете добавим тени и свет разным слоям и дальше контролировать внимание зрителя.

Шаг 7. Результаты

Вот мой конечный результат.