На главную страницу сайта Уроки | Лента событий | Галерея | Лента активности | Форум
Я забыл пароль | Регистрация
Анимация | Базовые | Дизайн | Работа с фото | Текстовые эффекты | Эффекты
Добавить виджет на гравную страницу Яндекса
 
Просмотров: 6615
Средней сложности Размещено: 06.06.2011 г.

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


Одним из направлений в работе графического дизайнера является создание рекламной продукции той или иной компании. Творческий подход, профессиональные навыки в работе с инструментами Фотошоп, правильный подбор архивных изображений и умение создавать интересные композиции по определенной тематике гарантируют качественный результат выполненной работы. Сегодня вы узнаете, как сделать рекламный плакат с элементами природы для компании, занимающейся производством графических планшетов «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

Обсудить урок на форуме




Категория: Уроки Фотошопа
Автор (переводчик): Joe Moore/Анастасия Суркова
Источник: Ссылка на источник скачиваний/переходов: 40




Рейтинг популярности: 2.8/5 (Всего оценок: 37)

Скачивание материала, добавление комментариев и общение на форуме доступно только для зарегистрированных пользователей



В галерею
13.12.2012 13.12.2012  cobrastar

Замечательный урок, спасибо Вам большое!


В галерею
19.11.2012 19.11.2012  cobrastar

Почему в уроке нет скриншотов?


В галерею
11.06.2011 11.06.2011  servagln

Спасибо Вам за красивый урок !!


В галерею
09.06.2011 09.06.2011  ladynatalya

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


В галерею
09.06.2011 09.06.2011  ladynatalya

Урок великолепный. Технически выполняется не быстро,много мелких деталей. Но так увлекательно.
Спасибо за исходники.


В галерею
06.06.2011 06.06.2011  Eriniya

спасибо за очаровательный и очень полезный урок! :)