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

Содержание

Как сделать рекламу в фотошопе

Как сделать рекламный баннер в фотошопе

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

Мне пишут люди о том, чтоб как-то подробнее все описать и показать, (я хочу сделать баннер для сайта). Так вот сегодня именно так и будет ! Я в подробностях покажу что и как делается.

В статье «Как сделать баннер для сайта самому» я говорил что в данной программе «swishMax3» можно делать также неплохие баннера, но есть небольшое НО. При сохранение баннера, в формате gif, программа swich сохраняет в очень большом размере, что для сайта не очень хорошо, так как будет баннер долго грузится. В данной программке можно создавать красивые фреш баннера.

Как сделать рекламный баннер в фотошопе

Я буду показывать на примере «Adobe Photoshop cs6» вы можете использовать и 5, но я рекомендую версию по новее. На сайте, бесплатные легальные программы для компьютера на русском http://programmybesplatno.com можно скачать любую программу,

Заходим в программу, создаем новый файл, я буду создавать обычный баннер с размером 468×68, это стандартный размер. Для начала покажу вам, какой баннер я буду делать :

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

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

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

Всем спасибо за внимание, жду ваших комментариев.

Напоследок новость

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

Создание рекламы с помощью стилей слоя

Автор: Евгения Тучкевич. Дата публикации: 09 сентября 2013 . Категория: Уроки фотошопа коллажи.

Создание рекламы

с помощью стилей слоя

В этом уроке по работе с фотошопом будет показан пример создания рекламы с помощью простейших слоевых эффектов. Мы всего лишь разделим изображение на несколько фрагментов и придадим им стили слоя.

Урок сделан в версии фотошопа CS3 , но может быть легко выполнен и других версиях фотошопа.

Откроем исходное изображение.

Выберем инструмент «Прямоугольная область» ( М ) и создадим первое выделение.

Скопируем его на новый слой — Ctrl+J .

Два раза левой клавишей мыши щёлкаем по верхнему слою.

Откроется окно » Стиль слоя «, в котором делаем активной вкладку » Тень » и устанавливаем такие параметры, которые Вы видите на скриншоте ниже.

Получаем вот такую картинку. Так же выделяем второй фрагмент изображения. Делаем активным фоновый (основной) слой (слой » Задний план «) и копируем выделение на новый слой — Ctrl+J .

В палитре » Слои » получилось три слоя. Чтобы скопировать уже созданный ранее стиль слоя на вновь созданный слой — Слой 2 , удерживаем клавишу Alt , щёлкаем по значку Fx на Слое 1 (этот знак обозначает, что к слою применён какой-то стиль) и перетаскиваем этот знак на Слой 2 .

Такую же работу делаем и третьим выделением.

В палитре » Слои » образуется 4 слоя.

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

Создаём ещё одно выделение.

На передний план устанавливаем белый цвет и заливаем белым цветом созданное выделение — Alt+Delete . Снимаем выделение — Ctrl+D .

Так как я забыл перейти на фоновый слой перед заливкой выделения, то белый прямоугольник у меня создался на Слое 3 , который был активен перед заливкой белым цветом. В связи с тем, что к Слою 3 уже применён стиль слоя, то к вновь созданному прямоугольнику автоматически применился тот же стиль.

Точно так же я создал и прямоугольник поменьше, но на этот раз, находясь на фоновом слое, скопировал выделение на новый слой — Ctrl+J , залил его белым цветом — Alt+Delete и применил тот же стиль слоя точно таким же способом, как и описано выше. Обратите внимание, что слой с маленьким прямоугольником должен быть выше слоя с большим прямоугольником.

Вот так у нас выглядит палитра » Слои » на данном этапе.

Теперь сделаем что-то типа логотипа. Выберем инструмент » Произвольная фигура » ( U )в режиме слой-фигура. Щёлкнем по чёрной стрелочке и в раскрывшемся списке выберем фигуру под названием » Волны «. Удерживая клавишу Shift для соблюдения пропорций, растянем выбранную фигуру на маленьком белом прямоугольнике. Так как у меня на переднем плане установлен бордовый цвет, то соответственно фигура получилась бордового цвета.

Выберем инструмент » Горизонтальный текст » ( Т ) с параметрами, которые Вы видите на скришоте ниже, и что-нибудь подходящее напишем.

Таким образом, мы сделали простейшее создание рекламы в фотошопе.

Чтобы усилить эффект, можно создать новый слой над фоновым слоем и установить ему непрозрачность 50-60% .

Вот тогда наша картинка будет выглядеть более эффектно.

Скачать исходный файл можно здесь

Чтобы получить интересные уроки на свой адрес, введите свои данные в форму подписки ниже:

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

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

Нам потребуется новый документ, размер 1000 на 1500.

И новый слой, который мы заливаем белым цветом при помощи инструмента «заливка».

Ознакомимся с инструментом текст, располагающимся на панели инструментов. Продумайте текст объявления заранее. Необходимо привлечь внимание людей. Задействуйте в тексте ключевые слова: «продам», «требуется», «работа», «куплю» и так далее.

Ставим курсор на рабочую область и пишем.

Расположим текст в середине документа и разнесем его на разные строки. Для этого задействуйте инструмент «Перемещение». Выбираем инструмент, помещаем курсор на текст и двигаем его.

Разнесем фразы на разные строки. Задействуйте инструмент «Текст». Поместите курсор в начало фразы, которую вы хотите опустить ниже и нажмите enter на клавиатуре.

Сделать так, чтобы фразы располагались по центру, вы можете, нажав пиктограмму «Выключка текста по центру».

Вот, что у нас получилось. Мы расположили слова в центральной части на глаз. Как же найти цент документа? Довольно просто. У нас имеется пустой слой. Выбираем инструмент «Перемещение» и кликаем по слою.

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

Найдите линейку рядом с боковой панелью, поставьте курсор на нее и тяните. Устанавливаем линию на метке середины документа.

Теперь с помощью инструмента «Перемещение» ищем середину текстового блока и располагаем его в центре. Метки центра и вспомогательной линии должны сойтись.

Отредактируем текст. Давайте увеличим размеры слова « требуется». Выбираем инструмент «Текст» и проводим по слову «требуется», выделяя его.

Задаем кегль на верхней панели. Увеличиваем слово до 100 пикселей.

Таким же образом меняем размеры остальных фраз. «Рабочие для работы» — 60 пикселей. «Оплата деньгами» — 36 пикселей. «Выплаты регулярные» — 72 пикселя.

Теперь сделаем расстояние между строками больше. В этом нам поможет окно «Текст». Задаем интерлиньяж 95 пикселей.

Давайте хотя бы чуть-чуть украсим наше объявление. Для этого мы проведем горизонтальные линии сверху и снизу, задействуйте инструмент «Линия». Все настройки появятся на верхней панели, после того, как вы выберете инструмент. Предлагаю воспользоваться моими.

Нарисовать линию крайне просто. Проведите курсором по рабочей области. Советую зажать кнопку shift. Так ваши линии будут строго горизонтальными.

В окне слоев выбираем слой с нашими фигурами и растрируем.

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

Создаем новый слой. А затем выделенную область.

И рисуем прямоугольник ограниченный серединой документа и линией. Заливаем его каким-либо цветом, отличным от белого.

Нажимаем ctr+d. Выделение снято. Вспоминаем о инструменте «Перемещение» и ищем середину нашего прямоугольника. Не забываем устанавливать вспомогательную линию. Мы разделили половину рабочей области на 2 равных половинки.

Теперь опять берем инструмент «перемещение» и уменьшаем прямоугольник в два раза, просто потянув за боковую линию. Ставим вспомогательную линию.

Опять уменьшаем прямоугольник. Проделываем тот же маневр.

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

Теперь переходим к окну слоев, выбираем наш слой с прямоугольником и кликом по левой клавиши мыши вызываем список с командами. Нас интересуют «Параметры наложения».

В появившемся диалоговом окне выбираем вкладку «обводка». Выбираем следующие настройки.

А теперь убираем направляющую, кликнув по инструменту «Перемещение», оттаскивая ее к линейке.

Заготовка для первого отрывного листочка готова. Теперь нам следует разместить на нем телефон и какую-нибудь фразу. Нам требуется расположить текст по вертикали. Пишем.

Развернем его. Инструмент «Перемещение», кликаем по тексту и переворачиваем, потянув за появившийся уголок.

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

Вот они появились.

Не отпуская клавишу ctrl с помощью инструмента «перемещение» оттаскиваем их вбок.

Наше объявление готово!

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

Как создать рекламную листовку в Photoshop

What You’ll Be Creating

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

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

Ресурсы урока

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

Здесь применяются шрифты Proxima Nova Font Family, взятые из Typekit или по подписке Adobe Creative Cloud. Шрифты можно синхронизировать с вашим приложением или использовать аналогичные свои.

Создание документа с направляющими


Шаг 1

Сначала создайте документ нужного размера с настройками для печати. Размеры нового документа Photoshop установим 216×154 mm. Это размер бумаги A5 с отступом в 3 мм на край. Поскольку мы создаём документ для печати, задайте цветовой режим CMYK и разрешение 300 Pixels/Inch.

Шаг 2

Создадим направляющие, чтобы видеть края отступа В приложениях Illustrator и InDesign эта опция встроена, а в Photoshop сделаем сами. С помощью Move Tool (V) и клавиши Shift перетащите горизонтальную направляющую из верхней линейки. Убедитесь, что направляющая расположена в 3 мм по оси Y.

Шаг 3

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

Создание заднего фона

Шаг 1

Нажмите комбинацию Shift-Cmd-N для создания нового слоя. Залейте фон белым цветом (Alt-Backspace). Убедитесь, что в настройках стоят цвета CMYK Sliders, поскольку вы создаёте документ для печати.

Шаг 2

Создайте новый корректирующий слой Gradient Overlay. В панели Layer Style Panel выберите Gradient. Установите значение белого цвета Location на 30%. Значение чёрного цвета измените на Pale Yellow (C=9 M=6 Y=14 K=0).

Добавьте наложение градиента по кнопке fx на панели слоёв. . настройте градиент. . в соответствии с цветами для документа

Шаг 3

С помощью инструмента Rectangle Tool (U) создайте прямоугольник. Его размер 216 mm на 56 mm.

Шаг 4

Выровняйте прямоугольник по верхнему левому краю документа. Залейте цветом Dark Brown (C=49 M=74 Y=80 K=70).

Шаг 5

Инструментом перо Pen Tool (P) добавьте точку на нижней грани прямоугольника.

Шаг 6

С помощью Direct Selection Tool (A) поиграйте ручками опорной точки для создания кривой Bezier.

Шаг 7

Выполните те же шаги с верхней гранью для придания прямоугольнику нужной формы.

Шаг 8

Пройдя по File > Place Embedded. , выберите people-1.jpg картинку из Resource Pack.

Шаг 9

Пользуясь инструментом Move Tool (V) переместите фото на документ. Расположите в верхнем углу, как показано на рисунке.

Шаг 10

Сделайте ещё один прямоугольник с помощью Rectangle Tool (U). Задайте ему размер 216 mm на 100 mm.

Шаг 11

Инструментом Direct Selection Tool (A) поместите прямоугольник точно над фото в верхнем левом углу.

Шаг 12

В верхней панели опций Rectangle Tool Panel нажмите Mask. Этим вы добавите векторную маску для слоя с фото.

Шаг 13

Возьмите Pen Tool (P) и поставьте опорную точку на маске. Сделайте кривую с помощью Direct Selection Tool (A).

Шаг 14

Уже знакомыми инструментами Pen Tool и Direct Selection Tool попытайтесь придать маске форму, как показано ниже. Обращайте внимание на положение опорных точек и простоту формы. Чем меньше опорных точек, тем плавнее получатся очертания маски.

Шаг 15

Пройдите в Filter > Blur > Gaussian Blur. Назначьте Radius на 6.

Шаг 16

Выберите Smart Filters. Инструментом Gradient Tool (G) направляйте осветление к правому краю.

Направление градиента для размытия картинки направо.

Шаг 17

Добавьте маску слоя Layer Mask. Инструментом Brush Tool (B) нарисуйте штрихами плавный переход. Действуйте по своему вкусу и ощущениям.

Шаг 18

Создайте слой Brightness/Contrast Adjustment Layer, кликнув по значку sun на панели выбора настроек. Установите Brightness на 40 и Contrast на 10.

Шаг 19

Щелчком правой кнопки по Adjustment Layer назначьте Create Clipping Mask. Это позволит применить новые настройки яркости только к нижнему снимку.

Шаг 20

Создайте слой Solid Color. Подберите цвет Brown (C=30 M=80 Y=100 K=30).

Шаг 21

Кликните по векторной маске на слое с фото. Зажмите клавишу Alt и перетащите её на коричневый Color Fill. Маска будет скопирована.

Шаг 22

Инструментом Direct Selection Tool (A) переместите опорную точку в правый верхний угол.

Шаг 23

Кистью Brush Tool (B) смешайте некоторые детали фото с коричневым слоем. Прозрачность слоя Layer Opacity задайте 75%.

Шаг 24

Нарисуйте ещё один прямоугольник Rectangle Tool (U).

Шаг 25

Залейте его цветом Light Brown Color (C=10 M=65 Y=100 K=0).

Шаг 26

Расположите этот слой под слоем с тёмно-коричневым прямоугольником.

Шаг 27

С помощью инструментов Pen Tool (P) и Direct Selection Tool (A) сделайте кривую, как на нижнем рисунке.

Добавление текста и логотипа

Шаг 1

Нарисуйте фигуру Ellipse (U). С габаритами 248 px на 248 px. Залейте цветом Brown Color (C=30 M=80 Y=100 K=30).

Шаг 2

Добавим эффект тени Drop Shadow. Прозрачность 14%, расстояние 5 px и размер 15 px.

Добавление эффекта тени для слоя с помощью кнопки fx в панели слоёв. Меняем настройки эффекта тени с помощью ползунков.

Шаг 3

Сделаем ещё один Ellipse (U). С размерами 400 px на 400 px. Зальём Dark Blue Color (C=100 M=80 Y=45 K=50).

Шаг 4

Применим к нему тот же эффект тени Drop Shadow. Можно настроить тень ещё раз вручную или, кликнув правой кнопкой, выбрать из списка Copy Layer Style и скопировать готовый эффект на новый слой. Круг синего цвета помещаем под слоем с коричневым.

Шаг 5

Добавляем текст инструментом Type Tool (T). В этом уроке применяются шрифты семейства Proxima Nova. Размер заголовка Top Title Size is 17 pt. Добавляйте строки текста, каждый на отдельном слое. Перемещайте их с Move Tool (V) на нужные места, как показано ниже.

Шаг 6

То же самое повторите для нового текста. Размер size первой строки 31 pt.

Шаг 7

Создаём новый заголовок инструментом Type Tool (T). Возьмите шрифт Proxima Nova Light и размером в 18 pt.

Шаг 8

Тем же инструментом Type Tool (T), добавьте подзаголовок. Его размер на 36 pt. Поправьте Character Tracking до -10.

Шаг 9

Выберите оба слоя с текстом. Зажмите клавишу Alt и переместите drag строки вниз.

Шаг 10

Ещё раз, с помощью Type Tool (T) перепишите текст, как показано ниже. Расположите его инструментом Move Tool (V).

Шаг 11

Зайдите в File > Place Embedded и переместите в документ векторную картинку с логотипом acme-travel-logo. ai.

Шаг 12

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

Шаг 13

Назначим ему эффект Drop Shadow. В панели стилей слоя Layer Style Panel, установим Opacity на 11%, Distance на 3 px, and Size на 16 px.

Добавление нижних снимков

Шаг 1

Создаём новый прямоугольник Rectangle (U). Его размеры size to 60 px на 28 px.

Шаг 2

Инструментом Direct Selection Tool (A) выделим линии прямоугольника. В панели выравнивания выберем выравнивание Horizontal по центрам.

Шаг 3

Идём в File > Place Embedded и перемещаем people-11.jpg photo из Resource Pack.

Шаг 4

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

Шаг 5

Активируйте инструмент Rectangle Tool (U), а в панели опций нажмите Mask. Из прямоугольника будет создана векторная маска для снимка.

Шаг 6

Находясь на слое с фото, нажмите Alt-Shift и переместите для создания копии.

Шаг 7

Зайдите на File > Place Embedded. Найдите city-5.jpg photo на Resource Pack и добавьте его в документ

Шаг 8

Подогнав фото по размеру, поставьте его над копией снимка с девушкой.

Шаг 9

Схватите маску копии фото с девушкой и поместите в новую картинку, затем удалите слой people-11-copy.

Шаг 10

Повторите шаги с 7 по 9 для добавления скриншота карты.

Шаг 11

Выделим слой map-screenshot и добавим ему эффект Stroke.

Шаг 12

Ширина обводки Stroke Size будет 2 px. Задайте Position на Inside цвет Color на Brown (C=30 M=80 Y=100 K=30).

Добавление текста внизу

Шаг 1

Задайте новые параметры текста с помощью Type Tool (T). Его размер 11 pt и цвет Color будет Light Brown (C=10 M=65 Y=100 K=0).

Шаг 2

Добавим ещё строки. Назначим Size на 9 pt, их Leading до 13 pt и поменяем Color на Gray (K=90).

Шаг 3

Новые блоки с текстом сделайте таким же способом. Поместите их под фото с девушкой и скриншотом карты.

Шаг 4

Пройдите по File > Place Embedded. выделите icons.ai для импорта в документ. Появится новое окно контекста. Выделите иконку Calendar Icon и кликните OK.

Шаг 5

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

Шаг 6

Повторите процедуру с другими иконками, каждую для своей строчки.

Шаг 7

Возьмём Type Tool (T) и добавим текст. Поставьте его на скрин с картой. Размер Size на 13 pt, Leading на 11 pt и цвет Color на Light Brown (C=10 M=65 Y=100 K=0).

Шаг 8

Повторите эти действия для создания новых строк текста с адресом. Их размер Size на 9 pt и цвет Color на Gray (K=90).

Шаг 9

Из File > Place Embedded. , выберите icons.ai и импортируйте Globe Vector Icon в документ.

Шаг 10

Подгоните по размеру и поместите перед web адресом.

Шаг 11

Активируйте Pen Tool (P), чтобы нарисовать линию направления по карте.

Шаг 12

Меняем в Options Panel со сплошной линии Stroke на Dashed и Color на Light Brown (C=10 M=65 Y=100 K=0). Ширина Stroke Width на 1,5 pt.

Шаг 13

Зайдите в Stroke Options > More Options. , и задайте Caps на Round и Dashed Line: Dash на 3 и Gap на 3.

Шаг 14

Создадим ещё Ellipse (U). Назначим Color на Brown (C=30 M=80 Y=100 K=30).

Шаг 15

Активируем Pen Tool (P). Зажимаем клавишу Alt и кликаем по нижней опорной точке. Этим превращая её из плавной в угловую.

Шаг 16

Инструментом Direct Selection Tool (A) сдвигаем точку вниз.

Шаг 17

Добавим эффект тени Drop Shadow. Примените указанные внизу настройки, чтобы сделать её лёгкой.

Шаг 18

Снова делаем Ellipse (U) и заливаем Fill Color цветом White. Помещаем его в центр указателя. Это будет конечной точкой нашего дизайна листовки.

Заключение

Поздравляю! Если вы дошли до этого места, то получили отличный дизайн готовой рекламной листовки.

Помните: для подготовки дизайна в печать надо настраивать цвета CMYK с целью добиться лучшего результата для восприятия. Не забудьте добавить отступ на холсте (по крайней мере 3 мм от каждого края). Если вы не знаете некоторых технических тонкостей, будет полезно обратиться за консультацией в типографию, чтобы избежать ненужных ошибок и сложностей.

В следующем уроке этой серии мы рассмотрим, как поместить эту листовку в InDesign и подготовить на печать в формате PDF. А сейчас, если возникли вопросы по печати в Photoshop, оставляйте комментарии ниже и мы будем рады вам помочь.

Создаем рекламное объявление для видеостудии · Мир Фотошопа

Конечный результат:

Ресурсы урока:

  • Фон цветочный
  • Букет цветов
  • Видеокамера
  • Кисти «Завитки»
  • Фото с березами
  • Портрет
  • Свадебное фото
  • Фото в Загсе

Шаг 1

Создайте новый документ размером 7х9 см, фон белый, цветовой режим CMYK, разрешение 300 пикселов:

По правилам полиграфии, по краям макета нужно оставлять отступы приблизительно по 3 мм. В моем случае, отступы составляют 2 мм. Для разметки отступов я применила направляющие. Направляющие можно «вытащить» из линеек. Чтобы включить линейки, войдите в меню View ? Rulers (Просмотр ? Линейки). После того, как линейки включены, активизируйте инструмент Перемещение (стрелка), нажмите и удерживайте нажатой левую кнопку мыши, и вытащите направляющую из верхней горизонтальной линейки. Это будет горизонтальная направляющая. Таким же способом, из левой вертикальной линейки вытащите вертикальную направляющую.

Шаг 2

Откройте фон цветочный, перенесите его в только что созданный чистый документ и увеличьте во весь размер документа. Для увеличения воспользуйтесь командой Scale (Масштабирование) из меню Edit ? Transform ? Scale (Редактирование ? Трансформирование ? Масштабирование).

Шаг 3

Для дальнейшей работы нам потребуются 4 свадебные фотографии. Фото с березами разместим на фоне в левом верхнем углу. Откройте фото с березами, перенесите его на наш фон, уменьшите его и немного поверните влево:

Для того, чтобы фотография не выглядела плоской, нужно добавить объема при помощи стиля слоя Тень:

Шаг 4

Сделаем акцент на этом фото при помощи белой прямоугольной подложки, которую поместим под слой с фото. Для того, чтобы нарисовать подложку, создайте новый слой, активизируйте инструмент Rectangular Marquee Tool (Прямоугольное выделение) (M), нарисуйте узкий прямоугольник, а затем инструментом Заливка, заполните его белым цветом. Этот прямоугольник нужно немного повернуть вправо:

Вот так выглядит фото вместе с подложкой:

Шаг 5

Продолжим оформлять макет объявления оставшимися фотографиями. Теперь откройте фотографию «Портрет» и перенесите ее в наш макет. Фото уменьшите, немного поверните влево и расположите его так, чтобы оно наезжало на правую сторону основного фото с белой подложкой:

К этому слою с фото добавим стили слоя Drop Shadow (Тень) и Stroke (Обводка).

Тень:

Обводка:

Вот так выглядит фото после применения стилей слоя:

Шаг 6

По такому же принципу поместите на фон оставшиеся две свадебные фотографии. К ним нужно добавить те же стили слоя Drop Shadow (Тень) и Strokу (Обводка), что и к фото «Портрет». Перейдите на слой с фото Портрет, кликните правой кнопкой мыши по стилям слоя, которые к этому слою добавлены и выберите Copy Layer Style (Скопировать стили слоя). Теперь добавьте скопированные стили слоя к слоям с двумя свадебными фото, кликнув по каждому из них правой кнопкой мыши и выбрав Paste Layer Style (Вклеить стили слоя).

Шаг 7

Теперь оформим нижнюю часть макета: слева поместим букет цветов, а справа — видеокамеру. Откройте изображение «Букет цветов», перенесите его в наш макет, при необходимости, уменьшите или увеличьте и поместите его в нижней левой части макета:

К слою с букетом цветов добавьте стиль слоя Outer Glow (Внешнее свечение) для придания объема:

Шаг 8

Откройте изображение «Видеокамера», перенесите видеокамеру в макет и поместите в нижней правой части макета.

К слою с видеокамерой добавьте стиль слоя Drop Shadow (Тень):

Благодаря тому, что мы добавили тень, видеокамера выглядит объемнее:

Шаг 9

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

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

Шаг 10

Мы почти закончили работу над рекламным макетом, осталось только добавить слоган, немного информации о видеостудии и номера телефонов.

Начнем со слогана. Слоган видеостудии звучит так: Кадры решают все! Активизируйте инструмент текст, шрифт выберите на свое усмотрение и напишите слоган, используя темно-красный цвет со значением #b6181f:

Для того, чтобы сакцентировать внимание на слогане, давайте его выделим при помощи стиля слоя Обводка:

Шаг 11

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

Напишите еще одну строчку: Постановка свадебного танца.

Обратите внимание на то, что эти две строчки с текстом должны располагаться на отдельных слоях. Для того, чтобы зрительно отделить одну строчку текста от другой, инструментом Line Tool (Линия) (U) нарисуйте тонкую горизонтальную линию.

Шаг 12

В нижнюю часть макета добавьте номера телефонов:

Шаг 13

Осталось добавить название видеостудии. В верхней части макета напишите слово «Видеостудия» и добавьте к этому текстовому слою стиль слоя Stroke (Обводка):

Слово «Видеостудия» немного должно находить на основное фото с березами.

Шаг 14

Под словом «Видеостудия» напишите ее название: «Фотокадр». Макет рекламного объявления готов!

Конечный результат:

В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».

Создайте потрясающую рекламу в Photoshop

Я большой поклонник Питера Яворовски, также известного как The Hejz, я даже написал учебник для PSDTUTS, показывающий эффект, вдохновленный одной из удивительных работ Питера. Затем на прошлой неделе Кэмерон и Бобби дали мне несколько советов о том, как создать эти световые полосы, и именно этим я поделюсь с вами в этом посте.

Этот урок — просто упражнение, которое я проделал с моим другом Кэмероном, пытаясь создать рекламу Nike, это не коммерческое предложение, это просто потому, что нам нравятся некоторые из их рекламных объявлений, и мы хотели бы иметь возможность разработать их, может быть, когда-нибудь. Итак, в этом уроке мы будем использовать несколько изображений и поэкспериментировать с режимами наложения и настройками цвета, чтобы создать действительно крутую рекламу Nike в Photoshop.

Шаг 1

Откройте Photoshop и создайте новый документ. Я использовал 1920×1200 . После этого выберите фоновый слой и перейдите в Layer>

Layer Style>Grandient Overlay . Используйте #150b06 и #321c0f для цветов градиента, Radial для стиля и Normal для режима наложения .

Шаг 2

Создайте новый слой и перейдите к Filter>Render>Clouds . Убедитесь, что цвета были черными и белыми для переднего плана и фона.

Шаг 3

Измените режим наложения слоя с облаками на Color Dodge.

Шаг 4

Выберите Инструмент «Ластик» (E) . Используйте обычную кисть. Измените Hardness на 0% и используйте большой размер. Теперь сотрите некоторые области, просто оставьте центр, как показано ниже.

Шаг 5

Поместите логотип и выровняйте его по центру документа. Перейдите в Слой > Стили слоя > Внешнее свечение 9.0010 . Используйте #fffde2 f или цвет Color Dodge для режима наложения, 80% непрозрачности, 18% для распространения и 18 пикселей для размера

. Это создаст красивый светящийся логотип.

Шаг 6

Этот совет был от моего друга Кэмерона, он прислал мне это изображение и сказал, что это хороший способ создать некоторые эффекты, такие как работа Hejz. Скачать изображение можно здесь.

Шаг 7

Вырежьте область изображения и вставьте ее в документ. Поверните и измените размер, чтобы он соответствовал символу. После этого измените Режим наложения на экран.

Шаг 8

Теперь перейдите к Image>Adjustments>Levels . Увеличьте черный и немного белый цвет изображения. Это необходимо, чтобы цвета изображения соответствовали фону.

Шаг 9

Перейдите к Edit>Transform>Scale, уменьшите размер полос. Затем перейдите к Edit>Transform>Warp . Переместите сетку, чтобы полосы следовали за символом.

Шаг 10

Перейдите к Image>Adjustments>Hue and Saturation . Увеличьте насыщенность и оттенок. Уменьшите легкость.

Шаг 11

Дублируйте слой с искрами. Перейдите к Edit>Transform>Flip Vertical. Затем измените размер и отрегулируйте положение, как показано на рисунке ниже.

Шаг 12

Скопируйте другую обложку исходной фотографии и вставьте ее в документ. Повторите шаги 8, 9и 10.

Шаг 13

Повторите шаги 8, 9 и 10, чтобы создать конец символа, как показано на рисунке ниже.

Шаг 14

Теперь давайте создадим несколько звезд, я объяснял это в других уроках, так что не буду тратить слишком много времени. Просто создайте новый слой и залейте его черным цветом. Убедитесь, что у вас есть черный и белый цвета для фона и переднего плана. Затем перейдите к Filter>Noise>Add Noise . Используйте

Gaussian for, 15% Amout и Monochromatic . Затем измените режим наложения слоя на Screen и перейдите в Image>Adjustments>Levels . Увеличивайте уровни черного и белого, пока не получите красивые звезды. Затем просто повторите те же действия еще раз в этом же слое.

Шаг 15

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

Шаг 16

Поместите игрока в гольф на изображение и выровняйте его по нижнему краю страницы. Также выберите инструмент Brush Tool , используйте #d88c4d для цвета и большой мягкой кистью создайте свет позади игрока. Используйте 25% непрозрачности.

Заключение

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


Нажмите на изображение для полного предварительного просмотра

Загрузите PSD-файл

Нажмите здесь, чтобы загрузить файл Photoshop для этого урока.

25 учебных пособий по Photoshop для создания креативной рекламы продуктов

учебные пособия по Photoshop

Стивен Снелл Опубликовано

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

Рекламные объявления часто демонстрируют творческий подход к дизайну. Ведь они должны привлекать внимание зрителей. Photoshop — отличный инструмент для разработки рекламы, и, к счастью, существует ряд учебных пособий, которые показывают, как создавать потрясающие рекламные дизайны.

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

НЕОГРАНИЧЕННАЯ ЗАГРУЗКА: более 50 миллионов надстроек и элементов дизайна


Учебное пособие по дизайну рекламы энергетических напитков

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

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

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

Этот текстовый учебник проведет вас через процесс создания рекламы обуви с эффектом брызг.

Создание рекламного плаката обуви с использованием цветочных элементов

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

Создайте потрясающую рекламу кроссовок

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

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

Социальные платформы, такие как Facebook, Instagram и Pinterest, являются одними из лучших мест для рекламы с высокой рентабельностью инвестиций. В этом руководстве показано, как создать простую, но красивую рекламу в социальных сетях.

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

Создайте элегантный рекламный плакат с бриллиантами

Этот рекламный плакат с бриллиантами выглядит элегантно и легко, если следовать этому руководству. Обязательно ознакомьтесь с нашей коллекцией уроков по дизайну постеров в Photoshop, где вы найдете больше идей.

Как сделать рекламный плакат для автомобиля

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

Создайте рекламу свежеиспеченного кафе

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

Эта красочная реклама мороженого выглядит так же, как в социальных сетях или в почтовом ящике.

Узнайте, как создать рекламу пиццерии, следуя этому видео.

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

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

Дизайн рекламы ледяного напитка

Этот дизайн ледяного напитка выглядит так, будто вы нашли его в журнале.

Дизайн рекламного плаката с клубничным соком

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

Как создать рекламу в Instagram с помощью эффекта градиента

Градиенты часто используются в рекламе. В этом видео показано, как создать красивую рекламу с градиентным фоном. Процесс довольно прост, но конечным результатом является высококачественная социальная реклама.

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

Дизайн рекламного плаката с апельсиновым соком

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

Создайте рекламу смартфона

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

Создайте рекламу шампуня в Photoshop

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

Эта реклама одеколона довольно проста, но высокая контрастность определенно помогает ее заметить.

Высококонтрастная черно-белая реклама

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

Заключительные мысли

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *