Одним из направлений в работе графического дизайнера является создание рекламной продукции той или иной компании. Творческий подход, профессиональные навыки в работе с инструментами Фотошоп, правильный подбор архивных изображений и умение создавать интересные композиции по определенной тематике гарантируют качественный результат выполненной работы. Сегодня вы узнаете, как сделать рекламный плакат с элементами природы для компании, занимающейся производством графических планшетов «Wacom Bamboo». Приступаем!

Предварительный просмотр финального изображения:

Шаг 1.

Создаем в Фотошоп новый документ (Ctrl+N) размером 3000х2000 рх.
Открываем изображение графического планшета из ресурсов урока. Используя Перо (Pen tool) в режиме контуров (иконка пера в рамке в верхнем меню), извлекаем планшет с фона. Закрыв контур, загружаем его выделение (Ctrl+Enter), затем копируем (Ctrl+C), переходим в наш созданный документ и вставляем (Ctrl+V) в него планшет. Помещаем его внизу холста в горизонтальном положении по центру.

Создаем новый слой (Ctrl+Shift+N) и выбираем инструмент Овальное выделение (Elliptical marquee tool). Рисуем круг, удерживая Shift, затем заполняем выделение (клик пр.кн.мыши по выделению и выбираем «Выполнить заливку» (Fill)) красным цветом. Снижаем непрозрачность (Opacity) этого слоя до 8%. Затем, выбираем мягкий Ластик (Eraser Tool) большого размера (300 рх) и смягчаем цвет в нижней части круга, имитируя восход солнца.

Далее, открываем изображения симпатичных медвежат панды и извлекаем их с фона любым удобным для вас способом, например Пером (Pen Tool) или Лассо (Lasso Tool). Я использовал платные изображения, но вы можете найти подобные на бесплатных фотостоках. Копируем (Сtrl+C) выделенных панд и вставляем (Ctrl+V) их в наш основной документ поверх слоя с солнцем. Уменьшаем размер животных при помощи трансформирования (Ctrl+T) и распределяем их по поверхности планшета, сохраняя правило перспективы: чем дальше объект от камеры, тем он меньше и наоборот, чем ближе - тем он больше. На самом деле вы можете проявить свою фантазию и вместо панд использовать других экзотических животных, например обезьян. Вообщем, экспериментируйте.

Медвежата довольно милые, но все-таки немного скучновато и плакатно выглядят. Попробуем оживить их, добавив несколько штрихов к меховому покрову при помощи жесткой кисти (Brush) маленького размера. Не нужно закрашивать всего медведя, освежаем короткими штрихами лишь его мех. Имейте ввиду, что шерсть панд состоит не только из чисто черного и белого цветов, присутствует множество оттенков этих цветов. Так что смешивайте между собой мазки близких оттенков, чтобы получить натуральный результат.

Результат раскраски шерсти:

Теперь, когда наш панда выглядит ярче, добавляем тень под ним. Создаем новый слой (Ctrl+Shift+N) под слоем с пандой и мягкой Кистью (Brush) размером 45 рх и непрозрачностью (Opacity) 20% проводим рядом с лапами медведя.

Поскольку планшет имеет глянцевую поверхность, логично сделать отражение панды на нем. Дублируем слой с пандой (Ctrl+J) и отражаем дубликат по вертикали (Edit-Transform-Flip Vertical). Затем, переходим в меню Фильтр-Размытие-Размытие по Гауссу (Filter-Blur-Gaussian Blur) и устанавливаем радиус размытия на 8 рх. Выбираем мягкий Ластик (Eraser) большого размера и стираем края отражения. Снижаем непрозрачность (Opacity) слоя с отражением до 20% и еще раз его корректируем Ластиком (Eraser), чтобы отражение оставалось только на планшете, а не выходило за его пределы.

Повторяем весь процесс с коррекцией меха, созданием тени и отражения для остальных медвежат нашей композиции.

Шаг 2. Растительность.

Пришло время для создания травы на поверхности планшета вокруг мишек. Создаем новый слой (Ctrl+Shift+N) выше слоя с пандами. Сначала определяем размер пространства с будущей травой. Выбираем жесткую Кисть (Brush) маленького размера (3 рх), которую мы использовали для рисования меха в предыдущем шаге. Устанавливаем темно-зеленый цвет и выполняем несколько редких штрихов около лап панды, имитируя траву. Затем, изменяем цвет Кисти (Brush) на светло-зеленый, и выполняем штрихи помельче, но гуще поверх предыдущих, делая короткие ростки травы.

Чтобы хорошо смешать траву разного оттенка, еще раз используем Кисть (Brush) темно-зеленого цвета поверх уже нарисованной травы.

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

Для полноты восприятия добавляем небольшую тень на планшете от газонов с очень низкой непрозрачностью (opacity) по принципу создания тени для мишек. Используем Кисть (Brush) с мягкими краями темного цвета.

Повторяем создание тени для всех газонов композиции.

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

Извлекаем бонсай с фона Пером (Pen Tool) или любым другим способом и вставляем в наш документ (Ctrl+C, Ctrl+V) ниже слоя с травой. Также, как и раньше с медведями, добавляем тень деревцу и отражение (см. шаг 1).

Далее, выбираем изогнутое дерево и также изолируем его с фона, затем вставляем в композицию.

Помещаем бонсай на газон в правом верхнем углу планшета.

Вот, что должно получиться у вас на данном этапе (здесь без слоя с солнцем):

Компания, для которой мы делаем дизайн планшета называется «Wacom Bamboo», поэтому дополним композицию стеблями бамбука, тем более, что это любимое лакомство панд.
Открываем изображения разных стеблей бамбука и извлекаем их с фона. Если растения находятся на белом фоне, то очень удобно извлечь их с фона при помощи функции «Цветовой диапазон» (Select-Color Range) или Волшебной палочки (Magic Wand Tool).

Выделив, копируем стебли в нашу работу (Ctrl+C, Ctrl+V). Некоторые изображения бамбука, предоставленные мной, содержат лишние элементы, которые нужно удалить, например золоченую ленту на стеблях. Удалите ленту со стеблей, используя инструмент Штамп (Stamp Clone Tool).

Размещаем ветки бамбука по планшету рядом с мишками.

Размещаем бамбук позади слоев с травой и создаем тень и отражение стеблей на планшете.

Открываем изображение верхушек бамбука и извлекаем их с фона. Переносим ветки в композицию и размещаем их в левой части планшета.

Дублируем слой с верхушками (Ctrl+J) и переносим (Move Tool) дубликат на правый край планшета.

Шаг 3. Дополнительные детали.

Открываем изображение китайского дома из материалов урока и извлекаем изображение с фона. Вставляем в основной файл, уменьшаем размер (Edit-Transform или Ctrl+T) и размещаем его на любом из газонов рядом с деревом.

Также, как и с остальными элементами композиции, создаем отражение дома на планшете (дублируем слой (Ctrl+J), отражаем его по вертикали (Edit-Transform-Flip to Vertical), применяем Размытие по Гауссу (Filter-Blur-Gaussian Blur), удаляем мягким Ластиком (eraser) лишнее и снижаем непрозрачность (opacity) cлоя с отражением до 20%).

Теперь добавим красного оттенка на сам планшет и его перо. Создаем новый слой (Ctrl+Shift+N) с непрозрачностью (opacity) около 45% и выбираем жесткую Кисть (Brush) маленького размера. Устанавливаем красный цвет для кисти, который мы использовали для создания солнца, и закрашиваем логотип планшета и элементы пера (ободок, стержень и кнопку).

Вот что у нас получилось на этом этапе:

Иллюстрация почти готова, но не хватает птиц в небе на фоне восходящего солнца. Открываем изображение с птицами и извлекаем любые три с фона, вставляем птиц в картину, уменьшаем размер (Ctrl+T) и размещаем их на фоне круга солнца между деревьями.

Теперь немного разнообразим окружающий фон, добавив к нему радиальный градиент (Radial Gradient) цветом от белого к светло-серому. Это слой должен быть под слоем с планшетом.

Ну и, наконец, вставляем в наш рекламный плакат логотип компании и размещаем его внизу холста. Режим смешивания (Blend Mode) обоих слоев с логотипом изменяем на Умножение (Multiply).

Вот и все! В своей работе я еще использовал несколько иероглифов, вы же можете на этом закончить.

Вот так просто и креативно можно создавать рекламный продукт, имея в своем творческом арсенале интересные идеи. Удачи!

Используемые материалы:

у автора урока платные изображения, взятые с сайта «Shutterstock», но я предоставила похожие бесплатные материалы

Панда
Панда 2
Панда 3
Панда 4
Бонсай 1
Бонсай 2
Тонкий стебель бамбука
Куст из бамбука
Изогнутый бамбук 1
Изогнутый бамбук 2
Верхушки бамбука
Китайский дом
Чайки
Логотип 1