Lumpics lumpics.ru

Создание плакатов в Adobe Photoshop

Способ 1: Плакат из геометрических фигур

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

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

Шаг 1: Создание нового проекта

Начать стоит с создания нового проекта, поскольку часто плакат должен быть определенного размера, чтобы упростить подготовку к печати или публикацию в сети. Обычно это стандартный формат А4 или A3, поэтому не придется вручную вводить параметры, а понадобится только выбрать готовый шаблон в Adobe Photoshop.

  1. Запустите Фотошоп, разверните меню «Файл» и выберите первый же пункт «Создать». Необходимое окно можно вызвать и сочетанием клавиш Ctrl + N.
  2. Создание нового документа для рисования плаката в программе Adobe Photoshop
  3. В появившейся форме ничего есть возможность вручную задать параметр ширины, высоты, разрешения и настроить цветовой режим, если это надо.
  4. Ручной ввод параметров нового документа для плаката в Adobe Photoshop
  5. При работе со стандартными типами документов укажите вариант «Междунар. формат бумаги» и в поле «Размер» определите подходящий формат.
  6. Создание документа для плаката в Adobe Photoshop по заготовленным шаблонам
  7. Лист добавится в качестве фона, что вы видите на следующем скриншоте, а это значит, что можно переходить к формированию самого плаката.
  8. Успешное создание документа для плаката в Adobe Photoshop по заготовленным шаблонам

Шаг 2: Работа с геометрическими фигурами

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

  1. Взгляните на панель слева, где расположено сразу четыре разные геометрические фигуры. Решите, какие из них стоит использовать для формирования основного изображения. В этом случае мы создаем подобие планеты, поэтому выбираем «Эллипс».
  2. Выбор фигуры для рисования плаката в программе Adobe Photoshop
  3. Если вы тоже рисуете ровный круг, расширяйте его или уменьшайте с зажатой клавише Shift для соблюдения пропорций.
  4. Создание эллипса для плаката и расположение его на холсте в Adobe Photoshop
  5. После создания нажмите Ctrl + T, чтобы вызвать инструмент редактирования. Тогда над фигурой появятся точки и линии, которые можно применять для изменения размеров.
  6. Редактирование размера эллипса при его расположении на плакате в Adobe Photoshop
  7. На панели справа найдите вкладку «Свойства», чтобы поменять цвет фигуры.
  8. Изменение цвета фигуры при ее расположении на плакате в Adobe Photoshop
  9. Стандартным инструментом «Перемещение» расположите объект на проекте в подходящем месте. У нас он только частично перекрывает фон.
  10. Выбор места для фигуры на холсте при создании плаката в Adobe Photoshop
  11. Немного поработаем с цветом, придав фигуре подобие градиента и свечения. Для этого создайте ее копию через комбинацию клавиш Ctrl + J.
  12. Создание дубликата слоя фигуры для градиента при работе с плакатом в Adobe Photoshop
  13. Поменяйте цвет нового слоя на входящий в градиент.
  14. Изменение цвета нового слоя фигуры при создании градиента в Adobe Photoshop
  15. Нажмите Ctrl + T для вызова инструмента редактирования и измените ширину и высоту до 90% на панели сверху.
  16. Изменение размера фигуры для создания плаката в Adobe Photoshop
  17. Для создания плавного перехода градиента на вкладке «Свойства» откройте «Маски» и выкрутите «Растушевку» на приемлемое количество пикселей, что в нашем случае будет 300.
  18. Использование инструмента Растушевка для создания градиента на плакате в Adobe Photoshop
  19. Как видно, растушевка позволила полностью избавиться от видимых краев двух фигур, однако могла появиться проблема с наложением одного градиента поверх нижнего слоя.
  20. Успешное создание градиента на плакате в Adobe Photoshop
  21. Для исправления этого зажмите клавишу Alt, наведите курсор на копию слоя до появления нового указателя и сделайте клик левой кнопкой мыши. Так вы присвоите маску основному слою.
  22. Создание маски для слоя при работе с градиентом в Adobe Photoshop
  23. Ничего не мешает добавить еще элементов для градиента, копируя слои и так же помещая их под основной для достижения желаемого эффекта.
  24. Добавление слоев градиента при работе с плакатом в Adobe Photoshop
  25. Кстати, не забывайте и про сам фон, если он не должен быть белым. Используйте «Заливку» для изменения цвета.
  26. Изменение цвета фона при работе с плакатом в Adobe Photoshop
  27. Завершим работу над фигурой добавлением свечения, для чего создайте еще одну копию, но на этот раз не помещайте ее в качестве маски основного слоя, а примените растушевку на одну треть меньше предыдущей.
  28. Добавление свечения для фигуры при создании плаката в Adobe Photoshop

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

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

Подробнее: Инструменты для создания фигур в Фотошопе

Шаг 3: Добавление изображений

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

  1. Для этого в том же разделе «Файл» выберите «Открыть».
  2. Открытие готового изображения при работе с плакатом в Adobe Photoshop
  3. В окне «Проводника» найдите и дважды кликните по необходимому изображению.
  4. Выбор изображения для добавления его на плакат в Adobe Photoshop
  5. Оно отобразится в новой вкладке, поэтому при помощи инструмента перемещения перетяните его на проект плаката.
  6. Перемещение изображения для добавления его на плакат в Adobe Photoshop
  7. Настройте размер и расположение добавленной картинки и произведите то же самое с другими, если он тоже должны присутствовать на плакате.
  8. Редактирование изображения после добавления его на плакат в Adobe Photoshop

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

Подробнее:
Цветокоррекция в Фотошопе
Как сделать инверсию в Фотошопе
Выполняем обрезку фото в Фотошопе
Меняем цвет объектов в Фотошопе

Шаг 4: Работа с текстом

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

  1. Для начала работы с надписями активируйте инструмент «Текст» на панели слева.
  2. Выбор инструмента для добавления надписи на плакат в Adobe Photoshop
  3. Настройте параметры шрифта сверху, предварительно установив собственные варианты оформления или используя уже доступные.
  4. Изменение параметров текста при добавлении его на плакат в Adobe Photoshop
  5. Сразу же можно заменить и цвет, чтобы потом не менять его.
  6. Изменение цвета текста при добавлении его на плакат в Adobe Photoshop
  7. Кликните по подходящему месту на плакате и добавьте надпись. Создайте новый слой и сделайте то же самое со всеми следующими надписями, если они должны присутствовать в проекте.
  8. Добавление надписи на плакат в Adobe Photoshop
  9. Если текст нужно повернуть на определенное количество градусов, при его редактировании используйте инструмент «Поворот».
  10. Изменение угла поворота для надписи на плакате в Adobe Photoshop
  11. Мы сделали его под 90% и поместили в левой части плаката.
  12. Успешное добавление надписи на плакат в Adobe Photoshop

Дополнительную информацию о том, как работать с текстом в Фотошопе вы найдете в другой статье на нашем сайте.

Подробнее: Создаем и редактируем текст в Фотошопе

Шаг 5: Сохранение проекта

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

  1. Для начала через Shift выделите все существующие слои плаката, щелкните ПКМ и в контекстном меню выберите «Объединить слои». Так вы создадите одну группу плаката, чтобы быстрее перемещать его или производить дальнейшее редактирование.
  2. Объединение слоев перед сохранением плаката в Adobe Photoshop
  3. После через меню «Файл» вызовите «Сохранить» или используйте горячую клавишу Ctrl + S.
  4. Переход к сохранению проекта с плакатом в Adobe Photoshop
  5. Сейчас мы сохраняем проект в формате PSD, чтобы его можно было открыть через Фотошоп для изменения. В появившемся окне «Проводника» просто поменяйте имя файла и выберите для него подходящее место.
  6. Выбор названия для проекта с постером при его сохранении в Adobe Photoshop
  7. Если нужно сохранить плакат как изображение, используйте «Сохранить как» или «Экспортировать».
  8. Экспорт плаката в Adobe Photoshop как изображение

Способ 2: Плакат с обработкой фото

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

Шаг 1: Создание холста

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

Создание нового проекта для формирования постера по фотографии в Adobe Photoshop

Шаг 2: Добавление базовых фигур

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

  1. Выберите инструмент «Прямоугольник» на панели слева и растяните его на весь холст, создав тем самым новый слой. Мы зададим ему серый цвет, а вы можете использовать любой другой оттенок.
  2. Добавление первой базовой фигуры для создания постера по фотографии в Adobe Photoshop
  3. Создадим еще один слой с прямоугольником в горизонтальном положении так, как это показано на следующем скриншоте.
  4. Добавление второй базовой фигуры для создания постера по фотографии в Adobe Photoshop
  5. Разверните меню инструмента «Перо» и переключитесь на «Угол».
  6. Выбор инструмента для редактирования расположения второй базовой фигуры постера в Adobe Photoshop
  7. Кликните по правой части второго прямоугольника и перетащите ее в верхний угол.
  8. Редактирование расположения второй базовой фигуры в постере Adobe Photoshop
  9. То же самое сделайте со второй частью, создав диагональное пересечение.
  10. Успешное редактирование расположения второй базовой фигуры в постере Adobe Photoshop

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

Шаг 3: Добавление фотографии

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

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

Подготовка фотографии для ее добавления к постеру в Adobe Photoshop

Затем используйте функцию «Открыть» (Ctrl + O), чтобы добавить готовое изображение поверх базовых фигур.

Добавление фотографии на проект к постеру для дальнейшей обработки в Adobe Photoshop

Шаг 4: Обработка фотографии

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

  1. Нажмите клавишу Ctrl и щелкните по слою со вторым прямоугольником, чтобы выделить его.
  2. Выделение базовой фигуры для создания из нее маски для фотографии в Adobe Photoshop
  3. Сразу же кликните по слою с фотографией и добавьте маску, которая повторит форму геометрической фигуры.
  4. Создание маски для фотографии из базовой фигуры в Adobe Photoshop
  5. Выделите новую маску и при дальнейшем редактировании следите за тем, чтобы она всегда была активной.
  6. Выбор маски фотографии постера для дальнейшего редактирования в Adobe Photoshop
  7. Многие пользователи предпочитают дополнительные наборы кистей для создания необычных эффектов, а в статьях ниже вы найдете руководства об их установке и использованию. Так вы сможете подобрать подходящий инструмент редактирования.

    Подробнее:
    Инструмент «Кисть» в Фотошопе
    Установка и взаимодействие с кистями в Фотошопе

  8. Выбор инструмента Кисть для редактирования фона постера в Adobe Photoshop
  9. После его активации щелкните в любом месте на холсте ПКМ и в меню выбора определитесь с тем, какой тип кисти хотите применить.
  10. Выбор кисти для обработки постера в Adobe Photoshop
  11. Начните рисовать по маске, добиваясь эффекта разводов, дымки или любых других в зависимости от того, для чего предназначены установленные кисти.
  12. Рисование на фоне постера для его обработки в Adobe Photoshop
  13. Далее создайте корректирующий слой, нажав по отмеченной на следующем скриншоте кнопке.
  14. Открытие инструмента для коррекции цвета постера в Adobe Photoshop
  15. В появившемся меню выберите «Черно-белое».
  16. Выбор варианта черно-белое для редактирования цвета постера в Adobe Photoshop
  17. Активируйте функцию отсечения слоя, чтобы эффект коррекции цвета не затрагивал другие объекты проекта.
  18. Отключение функции привязки к слоям при редактировании цвета постера в Adobe Photoshop
  19. После этого снова выделите маску фотографии.
  20. Выбор маски слоя фотографии постера для дальнейшего редактирования в Adobe Photoshop
  21. Разверните выпадающее меню «Обычные».
  22. Открытие меню для настройки цвета маски фотографии в Adobe Photoshop
  23. В нем ознакомьтесь с доступными эффектами и подберите тот, который вам понравится, чтобы выполнить переход из черно-белого в цветное отображение.
  24. Выбор цвета маски фотографии постера в Adobe Photoshop

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

Шаг 5: Работа с деталями

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

  1. Обязательно создайте новый слой перед тем, как переходить к добавлению других элементов, если только используемый далее инструмент не сделает этого самостоятельно.
  2. Создание нового слоя для рисования линий на постере в Adobe Photoshop
  3. Выберите инструмент «Линия», настройте ее цвет, толщину и обводку, а затем приступайте к рисованию.
  4. Выбор инструмента Линия для рисовании на постере в Adobe Photoshop
  5. Мы поместили несколько линий по краям; отметим, что ничего не помешает поменять их форму, добавить пунктир или срезать углы.
  6. Успешное добавление линий на постер в Adobe Photoshop

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

Читайте также:
Инструменты для создания фигур в Фотошопе
Рисуем линии в Фотошопе

Шаг 6: Завершающие действия

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

Читайте также:
Устанавливаем шрифты в Фотошоп
Стилизация шрифта в Фотошопе
Как сделать обводку текста в Фотошопе
Как сделать объемные буквы в Фотошопе
Как сделать красивую надпись в Фотошопе
Создаем горящую надпись в Фотошопе
Создаем золотую надпись в Фотошопе

Завершающий этап создания постера по фотографии в Adobe Photoshop
Обсудить в TelegramНаш Telegram каналТолько полезная информация
Автор статьи Вы на сайте: Статья обновлена: . Автор: Виктор Бухтеев

Вам помогли мои советы?

Получить ответ на Email
Уведомить о

2 ответов
По рейтингу
Новые Старые
Межтекстовые Отзывы
Посмотреть все комментарии
Iowa
9 декабря 2016 17:43

Хоть я Хованского и не люблю, но вот урок действительно хороший. Вот только я одного момента не понял. Дошел до момента где нужно деать заливку, но что бы я не кликал куда бы не нажимал и что бы не выбирал у меня не появляется это окошко. Можно по подробней написать как эту 50%оттенков серого заливку сделать?

Катерина Тараскина
10 декабря 2016 12:06
Ответить на  Iowa

Если, прежде чем нажать указанное сочетание, вы выделили именно слой, а не маску, то окошко «Заполнить» должно отобразиться.

Задать вопрос