y-game.ru

Как в фотошопе сделать красивое объявление


Сегодня мы окунемся в мир предпечатной подготовки и попытаемся сделать рекламный баннер, соблюдая также основы маркетинга хороших брендов, используя приложения Photoshop и Illustrator. Мы также будем использовать ресурсы и методы, которые точно будут полезны вам в дальнейшем, если вы работаете или собираетесь работать в данной отрасли. А другие могут просто посмотреть, каково это – работать в дизайн-фирме. Вы ознакомитесь не только с самим процессом работы непосредственно, но и также поймете некоторые принципы маркетинга, которые стоит применять при разработке рекламной печатной продукции.

Мир печатной рекламной продукции

Хотя многие новички в дизайне и склоняются к веб-дизайну, стоит отметить, что печатная индустрия не менее прибыльна. Несмотря на понижение уровня продаж журналов и газет, печатная продукция (вывески, баннеры и т.д.) никуда не денется в ближайшее время. Во всяком случае, в этой отрасли до сих пор стараются брать на работу талантливых дизайнеров нового поколения, чтобы те могли внести нечто свежее и необычное в проект.

Магазинный маркетинг 101

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

Что это из себя представляет? Допустим, у нас есть розничный торговец (например Wal-Mart, который заключает партнерское соглашение с брендом (допустим Coke), за счет этого в магазине проводятся различные рекламные компании, раздаются купоны, проходят демонстрации новой продукции и так далее. Правда, для вас, как для дизайнера, есть один минус в этом. Он заключается в том, что теперь вы можете быть уверены, что у вас два босса, которым нужно угождать.

У каждого серьезного бренда есть сформированный фирменный стиль, с которым вам придется работать. Бренд уже давно работает с определенными типами сообщений, направленных на определенную аудиторию, а также бренд имеет узнаваемую внешнюю семантику, которая включает в себя конкретный шрифт, заготовленную графику, фотографии и так далее. Возвращаясь к примеру, приведенному выше, Coke – это один из самых известных брендов в мире, и компания очень требовательна к тому, как ее преподносят публике. Также и Wal-Mart является одним из самых известных и крупных розничных продавцов на планете и, независимо от того, что говорят рекламные менеджеры в компании Coke, Wal-Mart тоже должен быть представлен публике в определенном виде и форме.

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

Работа

Представьте, что сейчас вы сидите за своим столом в ультрамодном офисе рекламной компании в Лос-Анджелесе. Обычная задача – указать продукт, продавца, условия продажи и так далее. На сей момент у вас есть только эта информация:

Продукт: OangeSoda, оригинальный вкус, 0.3л
Продавец: BuyLots
Спецпредложение: Купите три штуки и сохраните доллар (использовав купон)
Спецификации: рекламный вкладыш (флаер) - Valassis full-page free-standing insert (FSI)

Используя данный список, мы уже владеем хорошим объемом информации для продолжения. Давайте ознакомимся с информацией.

1. Собираем ресурсы

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

Снимки продуктов

Один из лучших ресурсов в сети, где вы можете бесплатно достать одобренные производителем снимки продуктов в высоком качестве – это Kwikee (от MultiAd). Этот веб-сайт можно считать Святой Граалью для дизайнеров печатной продукции, которые работают с узнаваемыми брендами. Сайт исключает процесс поиска контактов с организацией для получения набора снимков.

Создаем рекламное печатное объявление в Photoshop и Illustrator
Kwikee – бесплатные снимки продуктов.

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

Логотипы

С логотипами та же история, что и со снимками продуктов. Иногда случается так, что они уже есть у вас в руках, но в большинстве случаев это вряд ли. Хотя на Kwikee есть достаточно много логотипов, первое место по логотипам мы отдадим, все же, сайту Brands of the World.

Создаем рекламное печатное объявление в Photoshop и Illustrator
Brands of the World – бесплатные векторные логотипы

Как и Kwikee, Brands of the World представляет собой простую поисковую систему. Вы можете качать абсолютно бесплатно, и все логотипы, в основном в форматах EPS или AI (хотя вам придется немного попрыгать по ссылкам, прежде чем вы сможете скачать логотип). Качество логотипов может сильно варьироваться, так как они закачиваются простыми пользователями и не были официально одобрены компаниями. Но в большинстве случаев, логотипы очень даже годные к применению. Порой вам придется редактировать некоторые из них, но это все же лучше, чем рисовать логотип с нуля.

Спецификации рекламы

Выше в требованиях был указан вкладыш Valassis (Valassis – это известный производитель такого типа рекламного полотна). Для того, чтобы познакомиться с требованиями такого рекламного хода, вы можете просто посетить их веб-сайт и посмотреть шаблоны продукции.

Создаем рекламное печатное объявление в Photoshop и Illustrator
Требования страниц для Valassis, популярного поставщика рекламных материалов.

В данном случае, нам нужно отыскать шаблон «Super Page». Кликнув на шаблон, вы получите его характеристики. Из полученного PDF мы видим, что размеры должны быть 7″ x 10.25″. А рабочая область 6.75″ x 10″.

Если вы запутались, то другими словами – сам вкладыш должен быть немного больше размером, чтобы материал рекламы не был расположен слишком близко к краю. Мы можем просто скачать шаблон и воспользоваться им, но лучше будет, если мы сделаем все с нуля.

Различные ресурсы брендирования

Теперь, когда мы уже собрали почти все, что нам нужно для начала, самое время подружиться с брендом, над рекламой которого мы будем работать, а точнее – с его семантикой (цвета, персонажи и так далее).

У многих популярных брендов есть даже своя «библия бренда», которая может очень помочь дизайнерам. Обычно она представляет собой PDF или презентацию в PowerPoint, в которой рассказывается о том, чего не стоит делать и о том, чем стоит руководствоваться. Если у вас нет такого документа, просмотрите веб-сайт бренда и обратите внимание на уже существующие рекламные материалы.

Говоря о нашем проекте, по требованию «OangeSoda» снимок продукта и должен быть «главным героем» рекламы. Он должен быть размещен по центру объявления на черном фоне. Посыл рекламы должен быть связан с ингредиентами напитка и написан специальным шрифтом бренда – ChunkFive. Точно также нужно учитывать требования продавца – должен быть отображен логотип магазина и небольшое сообщение шрифтом Helvetica, написанное официальным красным цветом бренда BuyLots (24, 100, 92, 20).

Как видно, перед нами уже появляется небольшое несоответствие, так как оба бренда требуют использовать их шрифт (да и цвета тоже могут вызвать несоответствие). Мы должны брать это во внимание, так как мы разрабатываем рекламное объявление, и мы обязаны угодить обеим сторонам.

2. Раскладываем рекламный материал

Когда вы работаете по конкретным условиям, процесс разработки печатной рекламы становится не очень то и простым. Различные мелочи и подборка тематических ресурсов – это очень важно, но об этом очень часто забывают. Но мы уже прошли эти этапы, и полностью готовы к тому, чтобы начать процесс разработки рекламы.

Индивидуальная последовательность выполнения

Описанные ниже процессы строго индивидуальны. Многие дизайнеры печатной продукции предпочитают использовать InDesign, но сегодня мы воспользуемся приложением Illustrator. Эти приложения хороши по-своему, и имеют недостатки, но выбор между ними стоит конкретно за каждым разработчиком.

InDesign отлично подойдет для проектов, если вам нужно разработать 10 или более листов. Рабочий процесс сразу с несколькими страницами может вызвать неудобство в Illustrator, а в InDesign таких неудобств не возникает. К счастью, сегодня мы работаем всего над одним листом, так что лучше будет воспользоваться Illustrator.

Профессионалы своего дела часто предпочитают хранить все документы в отдельных файлах, чтобы облегчить процесс внедрения того или иного документа в рабочую область текущего проекта. Например, у них есть документ с продуктом bottle.psd, файл логотипа logo.eps, фоновый слой background.psd и так далее. Хотя это упрощает рабочий процесс, такой метод может вызвать проблемы при печати, потому что иногда возникает потребность в том, чтобы заново указать все пути для внешних примененных документов.

Хотя это и стандартный ход событий, это немного небрежно, согласитесь. Сегодня мы будем разрабатывать отдельный документ Photoshop, который мы используем как внешний документ в проекте Illustrator. Наш метод может немного смутить профессиональных дизайнеров, но зато печатники будут очень счастливы.

Разрабатываем шаблон в Illustrator

Откройте приложение и создайте новый документ 7″ x 10.25″ с рабочей областью в 6.75″ x 10″.

Создаем рекламное печатное объявление в Photoshop и Illustrator
Создаем рабочий документ в Illustrator.

Заметьте, что в примере также проведена граница на 1/8 дюйма. В большинстве случаев, при разработке рекламного вкладыша, такая граница не нужна, но раз уж мы решили делать все основательно…

Теперь, перейдите на палитру слоев и установите три слоя: Text&Art, Guides и PSD. Если вы привыкли работать в Photoshop, то вам должно быть понятно, что гораздо удобнее работать, если все расположено на отдельных слоях. Но это не совсем применимо при работе с вектором. Группируя все элементы в несколько слоев, становится проще работать.

Создаем рекламное печатное объявление в Photoshop и Illustrator
Создайте три слоя.

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

Создаем рекламное печатное объявление в Photoshop и Illustrator
Создаем прямоугольник как рабочую область.

Центрируйте этот прямоугольник на странице и конвертируйте его в линейку с помощью сочетания CTRL+5.

Создаем рекламное печатное объявление в Photoshop и Illustrator
Центрируем прямоугольник.

Финальный этап в установке шаблона заключается в создании небольшой информационной сноски, которая будет помогать всем, кто откроет документ. Разместите её где-нибудь за пределами рабочей области.

Создаем рекламное печатное объявление в Photoshop и Illustrator
Создаем небольшую сноску с параметрами документа.

Здесь почти все говорит само за себя. Включая основную информацию о файле, размер, требования и текущую дату. Указатель «4/0 CMYK» говорит печатнику о том, что объявление будет напечатано в режиме CMYK на одной стороне (т.е. 4 цвета на одной стороне и 0 на другой). Теперь сохраните файл и откройте Photoshop.

Разрабатываем шаблон в Photoshop

Откройте приложение и создайте документ такого размера, чтобы туда уместить наш рабочий файл – в данном случае документ размером 7.25″ x 10.5″. Не забудьте также установить режим CMYK и 300dpi – это стандарт предпечатной подготовки (если речь не идет о больших проектах; тогда нужно ставить DPI ближе к 150).

Создаем рекламное печатное объявление в Photoshop и Illustrator
Создаем PSD.

Также не забудьте про линейки, которыми стоит обозначить холст и рабочую область, чтобы не выходить за рамки. После того, как вы установили линейки, залейте фон черным цветом (например, 75, 68, 67, 90), а затем сохраните файл.

Переносим PSD в рабочее окно Illustrator

Теперь давайте вернемся в Illustrator, выберем слой PSD, а далее перейдите в меню File > Place. Дойдите до папки, в которой вы сохранили PSD, и разместите его по центру холста в Illustrator. Не забудьте также указать ссылку на файл, чтобы в Illustrator появлялись все изменения, которые мы позже будет делать в Photoshop.

Создаем рекламное печатное объявление в Photoshop и Illustrator
Размещаем PSD в рабочем документе Illustrator.

Illustrator vs. Photoshop

Как вам известно, Photoshop используют для работы с растром, а Illustrator для того, чтобы работать с векторной графикой. Это, как раз, определяет то, что мы будем делать в каждой из программ. Мы будем использовать Illustrator для текста и векторных фигур, а снимки продуктов держать в Photoshop.

Тем не менее, эти две стороны должны пересекаться в некоторых моментах, особенно когда наш снимок из Photoshop должен быть поверх проекта в векторе. В таких случаях, мы будем делать элемент в Illustrator, а затем импортировать его в Photoshop в виде Smart Object. Это будет иметь значение чуть позже.

Создаем область купона

Далее, в Illustrator создайте белый прямоугольник, который будет немного уже, чем рабочая область и в высоту 2.45″. Далее примените к нему черное пунктирное обрамление.

Создаем рекламное печатное объявление в Photoshop и Illustrator
Создаем пунктирный прямоугольник.

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

Создаем рекламное печатное объявление в Photoshop и Illustrator
Размещаем стандартные элементы купона

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

Создаем рекламное печатное объявление в Photoshop и Illustrator
Вставляем блок купона в Photoshop в форме Smart Object.

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

Добавляем снимок продукта

Далее нам нужно поместить снимок с Kwikee на купон. Не забывайте о том, что по требованию клиента, продукт должен быть «героем» данной листовки, и он должен быть максимально большим, насколько это возможно. Ниже в примере вы можете увидеть подделанную бутылку OangeSoda, взятую с Flickr.

Создаем рекламное печатное объявление в Photoshop и Illustrator
(источник изображения)

Заметьте, что в примере продукт достаточно большой, но и остается место для остальных элементов.

Добавим немного стиля

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

Создаем рекламное печатное объявление в Photoshop и Illustrator
Создаем фигуру и перетаскиваем ее на палитру кистей.

Теперь, ухватите этот элемент и перетащите его на палитру кистей, а затем примените следующие параметры:

Создаем рекламное печатное объявление в Photoshop и Illustrator
Создаем фигуру и перетаскиваем ее на палитру кистей.

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

Создаем рекламное печатное объявление в Photoshop и Illustrator
Используйте данные параметры для кисти.

Теперь откройте Photoshop и разместите эти веточки позади изображения бутылки в виде smart objects. Это позволит нам сохранить качества вектора, и даст возможность совмещать элемент с изображением из Photoshop. Используйте эффекты заливки цветом и внутренние тени, чтобы придать элементу более мрачный и темный вид.

Создаем рекламное печатное объявление в Photoshop и Illustrator
Размещаем веточки позади бутылки и применяем эффекты слоя.

3. Добавляем текст

Почти закончили! Далее, откройте Illustrator и внесите немного текста в наш слой Text&Art. Для начала, пройдите на сайт FontSquirrel и скачайте шрифт ChunkFive, этот именно тот шрифт, который указан в требованиях.

Для того чтобы угодить обеим сторонам, мы разместим каждую из направленностей в наиболее подходящих областях баннера. Для оформления купона мы будем использовать шрифт, цвет и логотип BuyLots, потому что здесь важен конкретно аспект продавца. А вот для брендирования (над которым мы уже поработали выше), мы будем использовать семантику бренда OangeSoda.

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

Создаем рекламное печатное объявление в Photoshop и Illustrator
Расположите текст сверху и снизу бутылки.

Наконец, добавьте посыл предложения и логотип продавца в купон (не забывайте, что нужно использовать шрифт Helvetica и красный BuyLots).

Создаем рекламное печатное объявление в Photoshop и Illustrator
Добавляем сообщение и логотип.

Изображение продукта на купоне

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

Создаем рекламное печатное объявление в Photoshop и Illustrator
Заканчиваем работу над купоном.

Сохраните файл Photoshop и посмотрите в Illustrator на результат. Учтите, что в примере умышленно оставили немного места. Это одно из исключений, когда можно нарушить правила, если это умышленно и ведет к положительному результату. То, что бутылки выходят за края купона, наоборот, привлекает внимание, а именно это нам и нужно.

Финальное изображение

Создаем рекламное печатное объявление в Photoshop и Illustrator
Готовый продукт.

Теперь наш проект закончен. Ниже вы видите визуальный путеводитель по тому, что мы сделали в Illustrator и что в Photoshop, а также то, как мы совместили все это вместе.

Создаем рекламное печатное объявление в Photoshop и Illustrator
Illustrator vs. Photoshop

Трюк заключается в том, что мы совместили несколько противоположных вещей, и получили в итоге нечто привлекательное и креативное, используя всего 2 файла (и шрифты).

4. Подготовка к выпуску

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

Готовый к печати PDF

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

Для того чтобы создать готовый к печати PDF в Illustrator, пройдите в меню «Сохранить как…» и выберите там тип файла PDF. Затем нажмите «Сохранить». Далее перед вами появится окно с настройками относительно качества PDF. К счастью, Illustrator снабжен готовыми отличными пресетами для сохранения в PDF. Просто выберите пункт качества из выпадающего меню в самом верху и нажмите на сохранение. Этот файл PSD уже можно отправлять на печать, без дополнительных файлов шрифтов, ссылок на файлы и так далее.

Файлы со слоями

Так как разработчики в Adobe не верят в то, что многие дизайнеры используют Illustrator для разметки страниц, в приложении отсутствует функция сбора файлов для экспорта, которая есть в InDesign. Вы можете вручную подготовить все нужные файлы за несколько минут, но если вам хочется чего-то более удобного, и вы используете Mac, вы можете ознакомиться с Art Files от Code-Line. Это приложение позволит вам просто перетащить все нужные файлы в открытое окно, и оно автоматически перенастроит все шрифты и изображения.

Создаем рекламное печатное объявление в Photoshop и Illustrator
Art Files – спасательный круг для Illustrator.

Заметьте, что готовая подборка очень проста. Когда принтер или другой дизайнер откроют архив, они увидят один документ Illustrator, один документ Photoshop, и несколько шрифтов. Тут даже не о чем говорить.

Создаем рекламное печатное объявление в Photoshop и Illustrator
Простая и понятная иерархия файлов.

Тут работает тот же принцип, что и у веб-дизайнеров, которые придерживаются чистого и аккуратного кода, который будет легко доступен последующим разработчикам. Дизайнеры печатной продукции тоже должны поступать также со своими проектами как в Illustrator, так и в Photoshop (давать имена слоям и группам, расставлять все по полочкам). Чем аккуратнее разработан проект, тем меньше времени у вас уйдет на решение непредвиденных проблем и вопросов от тех, кто будет работать с вашим проектом в дальнейшем.

В заключение

Мы немного ознакомились с миром предпечатной подготовки в покупательском маркетинге. Мы увидели, что дизайнерам данной области приходится сталкиваться с некоторыми сложностями, включая сбор предварительной информации и материалов. И наконец, мы ознакомились с основами разработки печатной продукции, а также научились уникальному способу совмещения файлов разных приложений. Надеемся, что вы извлечете хоть какой-нибудь опыт в области разработки печатной продукции.


Источник: http://www.coolwebmasters.com/tutorials/725-design-a-print-ready-promotional-ad-using-photoshop-and-illustrator.html



Рекомендуем посмотреть ещё:


Закрыть ... [X]

Как сделать объявление в фотошопе - уроки по фотошопу Photoshop - work Как сделать сервер не через хамачи

Как в фотошопе сделать красивое объявление Как в фотошопе сделать красивое объявление Как в фотошопе сделать красивое объявление Как в фотошопе сделать красивое объявление Как в фотошопе сделать красивое объявление Как в фотошопе сделать красивое объявление

ШОКИРУЮЩИЕ НОВОСТИ