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

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

Здесь ещё один интересный урок о том, как создать интересное стильное объявление всего за несколько этапов.

Начнём с создания нового документа с размерами 700×500рх, разрешением (DPI) 72рх и зальем его линейным градиентом, используя цвета #0582ae и #0ab7db.

После этого найдём красивую подходящую фотографию, с которой и будем работать. Для этого Вам нужно использовать один из сайтов-хранилищ фотографий. Также Вы можете использовать мою картинку. Открываем картинку и копируем её на основной холст. После этого берем инструмент Rectangular Marquee Tool и создаём выделение, как на моей картинке ниже.

Инвертируем выделение с помощью Select > Inverse или сочетанием клавиш Crtl+Shift+I и очищаем выделенную область с помощью кнопки Delete.

Снимаем выделение, используя меню Select > Deselect и продолжаем урок. Применяем следующие настройки Blending Options к текущему слою:

  • Inner Glow
  • Stroke

Смотрим результат ниже:

Затем создаем новый слой ниже фотографии, выбираем инструмент Polygonal Lasso Tool и создаем выделение, как показано у меня, которое затем заливаем черным цветом.

Снимите выделение с выделенной области с помощью Select > Deselect (или нажав Ctrl+D) и применяем фильтр Filter > Blur > Gaussian Blur со следующими настройками:

После этого меняем непрозрачность слоя на 35%.

Нажимаем Ctrl+J, чтобы скопировать слой, затем используем меню Edit > Transform > Flip Horizontal, чтобы отразить скопированный слой по горизонтали, и перемещаем его к правому нижнему углу фотографии.

Теперь, перейдём к следующему шагу. Берем инструмент Pen Tool и рисуем фигуру, похожую на ленту с цветом #aa2041 вверху правого угла. В будущем мы поместим сюда рекламный текст.

Применяем следующие настройки стиля слоя:

  • Drop Shadow
  • Inner Glow
  • Gradient Overlay

Теперь у нас получился следующий результат:

Читать еще:  Как сделать cmd файл

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

Создаем новое выделение, теперь берем инструмент Dodge Tool (Brush: 65 px, Range: Highlights, Exposure: 50%), чтобы сделать ярче часть ленты.

Снимаем выделение с помощью Select > Deselect. Снова берем инструмент Dodge Tool, но обратите внимание, что нам нужно поменять некоторые установки: Brush: 7 px, Range: Midtones, Exposure: 50%.

Теперь время добавить текст. Используем инструмент Horizontal Type Tool и печатаем что-то вроде «Best Choice!» белым цветом шрифта. Применяем Edit > Transform > Free Transform и поворачиваем текст.

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

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

Три способа поместить фото в узор с помощью Photoshop

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

1.Использование расширенного смешивания: «Смешать если..»

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

Шаг 2

Поместите фотографию выше узора в новый слой.

Шаг 3

При выбранном слое изображения (1) нажмите иконку fx (2) в палитре « Слои» и выберите в раскрывающемся меню пункт «Параметры наложения» . Перетащите ползунок параметра « Подлежащий слой » (4) влево.

Края будут выглядеть неровными. Удерживая нажатой клавишу Alt, перетащите правый ползунок слайдера вправо. Теперь края будут четкими. Нажмите « ОК» .

Способ 2: Вставить в. Техника маски слоя

Хорошо подходит для плоской фигуры.

Шаг 1

Выделите содержимое слоя фигуры (размещенного выше узора), нажав Ctrl + A. Нажмите Ctrl + C, чтобы скопировать фотографию в буфер обмена.

Шаг 2

Скройте слой изображения и выберите слой фигуры. Перейдите в меню Выделение> Цветовой диапазон. В выпадающем списке « Выбрать » установите значение « Тени» .

Читать еще:  Как сделать две диаграммы на одном рисунке

Шаг 3

Нажмите кнопку « ОК» , чтобы выделить узор. Перейдите в меню Редактирование> Специальная вставка> Вставить в .

После этого вы увидите изображение в узоре. На самом деле узор расположен в маске слоя. Если вы перетащите изображение, оно сместится относительно фигуры.

Способ 3: Обтравочная группа в Photoshop

Шаг 1

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

Шаг 2

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

Теперь вы можете перетащить верхний слой, чтобы изменить его размер или переместить его внутри фигуры. Это называется обтравочной группой.

С ее помощью я добавил текстурированный фон и небольшую внутреннюю тень.

Надеюсь, вам понравилось это руководство.

Данная публикация представляет собой перевод статьи « HOW TO FILL A SHAPE WITH A PHOTO IN PHOTOSHOP, 3 WAYS » , подготовленной дружной командой проекта Интернет-технологии.ру

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

Автор: Евгения Тучкевич. Дата публикации: 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% .

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

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

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

Источники:

http://www.4webmaster.ru/lessons/1069/

http://www.internet-technologies.ru/articles/tri-sposoba-pomestit-foto-v-uzor-s-photoshop.html

http://www.photoshopsunduchok.ru/photomontag/2478-sozdanie-reklamy

Ссылка на основную публикацию
Статьи на тему:

Adblock
detector