Создаем креативный постер в Photoshop. Проектирование типографской афиши в фотошопе

• Вы размышляете о новом домашнем декоре? Хотите что-то необычное и недорогое? А возможно думаете, как раскрыть вашу творческую сторону? Вы наверно будете немного удивленны следующему решению: камни. Да, те камни, которые вы видите везде, в речке, парке, на пляже, возможно даже такие вещи хранятся у Вас дома. Эти камни могут сделать ваше жилище немного вычурным и оригинальным. Многие люди предпочитают искать камни уникальной формы или цвета. Но на следующих фотографиях, Вы убедитесь, что плоские камни могут стать более привлекательными в качестве дизайна Вашего дома. Если Вы когда-то коллекционировали белые камушки и теперь не знаете, что с ними делать, нарисуйте на них контрастные деревья. Смотрится чудесно, к тому-же радует глаза Персонажи с мультфильма Totoro. Нарисованные портреты достойны собственной выставки. Хотите отличный подарок для семьи? Здесь можно позаимствовать идею и создать кого-то из членов семьи. Любите маленькие города? Всего несколько камней покрашенных в домики и вы владелиц целого мини городка. Вам не нужно обладать большим талантом в рисование, для того, чтобы создать потрясающую картину. Иногда достаточно начать с одной черной точки, чтобы воображения включилось. Красивые лесные существа. Фауна для вашего декора. Камни превращаются в котиков. Для любителей кед. Эти красивые и милые камни определенно могут быть подарком для ваших друзей. Конечно, это

• Вашему вниманию предлагаются профессиональные фотографии красивых девушек на пляже с применением легкой HDR – обработки. Интересное наблюдения у автора работ, в портфолио на ранних этапах карьеры было много снимков спортивных мероприятий, но как видно вдохновение и известность пришло в fashion фото, в котором главные объекты море, пляж и барышни. 00

• Как рассказывает мама четырехлетней модницы, в один из дней она предложила своей дочери создать одежду из бумаги. Девочки очень понравилась идея, и они начали создавать платья. Мода для детей Изначально идея моделирования была 50 на 50, но с каждой последующей разработки дизайна, Майхем, как называет ее мама, больше прилаживает усилий в создании своей бумажной коллекции. Они используют много плотной бумаги, иногда бумажных салфеток, оберток, подарочных пакетов. Также в создание одежде девочки используется шелковые шарфы, тюль и алюминиевая фольга. В принципе, все, что можно найти в доме является частью одежды юной модельерши. Иногда изображения для разработки модных плетей Майхем и ее мама находили в сети: +10

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

Сегодня мы с Вами создадим свой плакат в очень интересной технике.

Первым делом подберем персонажа для нашего будущего плаката.

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

Создаем копию слоя с персонажем (CTRL+J ) и обесцвечиваем ее (CTRL+SHIFT+U ).

Затем идем в меню «Фильтр – Галерея фильтров» .

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

Нажимаем ОК .

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

Затем применяем еще один корректирующий слой под названием «Постеризация» . Значение выбираем такое, чтобы на оттенках было как можно меньше шума. У меня это 7 .

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

Применяем еще один корректирующий слой. На этот раз «Карту градиента» .

В окне настроек кликаем по окошку с градиентом. Откроется окно настроек.

Кликаем по первой контрольной точке, затем по окошку с цветом и выбираем темно-синий цвет. Жмем ОК .

Затем подводим курсор к шкале градиента (курсор превратится в «палец» и появится подсказка) и кликаем, создавая новую контрольную точку. Позицию выставляем в 25%, цвет красный.

Следующую точку создаем на позиции 50% со светло-синим цветом.

Еще одна точка должна расположиться на позиции 75% и иметь светло-бежевый цвет. Числовое значение данного цвета необходимо скопировать.

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

По завершению жмем ОК .

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

Желательно, чтобы на изображении не осталось промежуточных тонов.

Продолжаем.

Снова переходим на слой с персонажем и выбираем инструмент «Волшебная палочка» .

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

Затем создаем новый слой и создаем для него маску.

Кликом активируем слой (не маску!) и нажимаем сочетание клавиш SHIFT+F5 . В списке выбираем заливку 50% серого и нажимаем ОК .

Затем идем в Галерею фильтров и, в разделе «Эскиз» , выбираем «Полутоновой узор» .

Тип узора – линия, размер 1, контрастность – «на глаз», но имейте в виду, что Карта градиента может воспринять узор как темный оттенок и изменить его цвет. Поэкспериментируйте с контрастом.

Переходим к заключительной стадии.

Снимаем видимость с самого нижнего слоя, переходим на самый верхний, и нажимаем сочетание клавиш CTRL+SHIFT+ALT+E .

Затем объединяем в группу нижние слои (выделяем все с зажатым CTRL и нажимаем CTRL+G ). С группы также снимаем видимость.

Создаем новый слой под верхним и заливаем его тем красным, что и на постере. Для этого берем инструмент «Заливка» , зажимаем ALT и кликаем по красному цвету на персонаже. Заливаем простым кликом по холсту.

Скачиваем картинку, устанавливаем шрифт и приступаем к работе!

Создаем новый документ

Шаг 1

В программе Photoshop переходим File – New (Файл – Новый), чтобы создать новый документ. В открывшемся окне вводим название «Постер». Устанавливаем Width (Ширина) на 1270 пикселей, Height (Высота) – на 1600 пикселей и Resolution (Разрешение) – на 72 пикселя/дюйм. Жмем ОК.

Шаг 2

На панели Window – Layers (Окно – Слои) в нижней части нажимаем на кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Solid Color (Цвет) или переходим Layer – New Fill Layer – Solid Color (Слой – Новый слой-заливка – Цвет). В открывшемся окне Color Picker (Выбор цвета) выбираем черный цвет (#000000) и жмем ОК.

Шаг 3

Жмем сочетание клавиш Ctrl+R, чтобы активировать линейки по бокам документа. Затем в верхнем меню переходим View – New Guide (Просмотр – Новая направляющая). В окне New Guide (Новая направляющая) выбираем Horizontal (Горизонтальная) и устанавливаем положение на 50 пикселей. Жмем ОК.

Создаем такие же направляющие по всем сторонам документа, отступив от края 50 пикселей. Чтобы скрыть/показать направляющие, используем комбинацию клавиш Ctrl+;.

Вставляем картинку с чернилами

Шаг 1

Перетаскиваем файл с чернилами в Photoshop.

Шаг 2

С помощью комбинации клавиш Ctrl+T активируем свободную трансформацию и корректируем размер изображения. Для этого на верхней панели параметров между шириной и высотой жмем на кнопку Maintain Aspect Ratio (Сохранять пропорции). Затем устанавливаем Width (Ширина) на 300%. При этом Height (Высота) изменится автоматически. Закончив, жмем Enter.

Шаг 3

С помощью Move Tool (V) (Перемещение) размещаем чернила по центру. Они должны быть направлены сверху вниз, поэтому размещаем картинку вплотную к верхнему краю документа.

Шаг 4

На панели слоев выбираем слой с чернилами. Кликаем по нему правой кнопкой и применяем Rasterize Layer (Растрировать слой). Затем дублируем слой комбинацией клавиш Ctrl+J.

Шаг 5

Чтобы создать эффект погружения текста в чернила, нам нужно воспользоваться маской. На панели слоев выбираем верхнюю копию слоя с чернилами и в нижней части жмем на кнопку Add layer mask (Добавить слой-маску).

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

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

Шаг 1

Text Tool (T) (Текст).

Кликаем в любом месте документа и пишем слово «DER». Чтобы настроить внешний вид текста, открываем панель Type – Panels – Character Panel (Текст – Панели – Панель символов). Здесь мы выбираем шрифт Bw Nista International c жирным начертанием и устанавливаем размер на 265 пт.

Шаг 2

Тем же инструментом добавляем остальные слова «KLANG VON MUSIK». Каждое слово должно находиться на отдельном слое.

Шаг 3

Давайте красиво распределим текст.

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

Главное, следите, чтобы ни одна строка текста не касалась боковых направляющих.

Шаг 4

С зажатой клавишей Ctrl на панели слоев выбираем все четыре текстовых слоя, затем на верхней панели нажимаем на кнопку Distribute Vertical Center (Распределение центров по вертикали) (при этом должен быть активен инструмент Move Tool (V) (Перемещение)). Это позволит выровнять расстояние между строками текста.

Шаг 5

Теперь мы должны разместить текстовые слои между двумя копиями чернил. Выбираем все четыре текстовых слоя и жмем Ctrl+G, чтобы объединить их в группу, или перетаскиваем мышкой на кнопку в нижней части панели Create a new group (Создать новую группу). Размещаем группу между двумя слоями с чернилами. Очень важно распределить слои именно в таком порядке. Мы оставим видимыми только некоторые детали верхнего слоя с чернилами, чтобы они частично перекрывать текст.

Объединяем текст и чернила

Шаг 1

На панели слоев выбираем маску верхнего слоя с чернилами. Жмем Ctrl+I, чтобы инвертировать ее цвет с белого на черный. Это скроет все содержимое данного слоя.

Шаг 2

На панели инструментов выбираем Brush Tool (B) (Кисть). Устанавливаем цвет переднего плана на белый, а заднего – на черный. Чтобы переключаться между этими цветами, используем клавишу Х. Это пригодится чуть позже.

Кликаем правой кнопкой по документу и настраиваем кисточку. Устанавливаем Size (Размер) на 80 пикселей. Для быстрого изменения диаметра кисти во время работы используйте клавиши [ и ]. Также устанавливаем Hardness (Жесткость) на 100%.

Шаг 3

Убедитесь, что у вас все еще выбрана маска слоя с чернилами.

С помощью настроенной кисточки проводим по слою, чтобы восстановить нужные части чернил поверх текста. Если вы сделали лишний штрих, то переключите цвет на черный (клавиша Х) и доработайте нужное место.

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

Шаг 4

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

Шаг 5

Закончив со словами, мы должны добавить тени, чтобы усилить эффект. Жмем комбинацию клавиш Shift+Ctrl+N, чтобы создать новый слой. В открывшемся окне пишем название слоя «Тень». Жмем ОК.

Размещаем этот слой над группой с текстом.

Шаг 6

Берем Brush Tool (B) (Кисть). Кликаем правой кнопкой по документу и настраиваем кисточку. Устанавливаем Size (Размер) на 80 пикселей и Hardness (Жесткость) – на 0%. На верхней панели уменьшаем Opacity (Непрозрачность) до 20%.

Шаг 7

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

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

Шаг 8

Создаем новый слой (Shift+Ctrl+N). В открывшемся окне пишем название «Внешняя обводка» и жмем ОК. Также проверяем, чтобы этот слой находился выше группы с текстом.

Шаг 9

Включаем направляющие нажатием клавиш Ctrl+;. На панели инструментов активируем Rectangle Tool (U) (Прямоугольник). По внутренней стороне синих направляющих рисуем прямоугольник.

Шаг 10

На верхней панели отключаем заливку и устанавливаем цвет обводки на белый, а ширину – на 25 пт. Жмем Enter.

Шаг 11

Выбираем маску верхнего слоя с чернилами и активируем Brush Tool (B) (Кисть). Повторяем те же действия, что для текста, и восстанавливаем часть чернил.

Диаметр кисти – 80 пикселей, жесткость – 100%, непрозрачность – 100%. Закрашиваем верхнюю часть обводки, чтобы скрыть ее под чернилами.

Добавляем финальные детали

Давайте добавим последние детали на постере. Берем Text Tool (T) (Текст) и открываем панель Characters (Символ). Если она закрыта, переходим Type – Panel – Characters Panel (Текст – Панели – Панель символов).

• 18.06 – 20.06.2018 (BW Nista International, Size (Размер) – 54 пт, Leading
• AUSBURG KUNST UND KULTUR AKUKCOM (BW Nista International, Size (Размер) – 30 пт, Leading (Интерлиньяж) – 32 пт, начертание Thin)
• ALTE KONGRESSHALLE ALEXANDERPLATZ U5 (BW Nista International, Size (Размер) – 54 пт, Leading (Интерлиньяж) – 57 пт, начертание Bold)

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

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

Чтобы сохранить в формате JPEG для веба, переходим File – Save for Web (Файл – Сохранить для веба) или используем комбинацию клавиш Shift+Alt+Ctrl+S. В открывшемся окне выбираем формат файла – в моем случае JPEG – и устанавливаем Quality (Качество) на 100. Ниже в меню Image Size (Размер изображения) можете подкорректировать размер в пикселях, если на сайте, куда вы собираетесь загружать работу, есть какие-либо ограничения по размеру.

Поздравляю! Мы закончили!

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

• Использовать маски чтобы скрывать/восстанавливать участки изображения.
• Добавлять тень для создания эффекта глубины.
• Грамотно распределять элементы композиции, чтобы создать иллюзию объема.

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

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

Чаще всего для этой цели пользуются программой Adobe Photoshop. В настоящее время в Интернете можно найти много видеуроков о том, как пользоваться этой программой или пройти курсы в специализированных школах.

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

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

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

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

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

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

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

Выводы о том, как сделать афишу

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

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

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

А еще оба варианта можно комбинировать. Например, полностью оформив афишу в фотошопе, на уже распечатанном плакате разместить какие-то предметы, сделанные вручную. Если есть такая задумка изначально.

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

Предварительный просмотр:

Материалы для урока:
Фото профессиональный киллер на улице.

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

Шаг 2.
Щелкните правой кнопкой мыши по слою с изображением и выберите Преобразовать в Смарт-объект, чтобы мы смогли легко манипулировать нашим изображением.

Шаг 3.
Прежде чем мы начнем, добавим черный слой. Перейдите в Слои-Новый слой заливка-Цвет. Выберите черный цвет и нажмите ОК.

Шаг 4.
На панели слоев вы можете увидеть наш слой заливку. Переименуйте слой с фотографии в Фото, а слой с черным цветом в Задний фон. Чтобы переименовать слой, нужно щелкнуть дважды по нему. Вот как должна выглядеть наша панель слоев:

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

Вот, как теперь выглядит наше изображение:

Шаг 7.
Корректирующие слои в результате полностью испортили освещение, теперь мы не видим детали и задний фон в целом. Нам это не нужно, поэтому мы будем исправлять это с помощью инструмента Тени/Света, перейдите в Изображение-Коррекция-Тени/Света. Настройте эффект теней около 35%, а эффект света около 15%, нажмите ОК.

Шаг 8.
Далее, мы добавим немного шума с помощью специального фильтра. Убедитесь, что у вас выделен слой с фотографией, перейдите в Фильтр-Шум-Добавить шум. Поставьте галочку Монохромный, чтобы получить эффект, как показано ниже. Нажмите ОК.

Шаг 9.
Теперь мы собираемся кадрировать изображение. Выберите инструмент Кадрирование (C), снимите галочку с опции Удалить отсечённые пиксели, это позволит нам внести коррективы в любое время нашей работы.

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

Шаг 10.
Теперь добавьте нужный текст на ваше изображение. Мы делаем это в начале работы, чтобы далее знать, куда нужно добавлять полосы для нашего эффект. Выберите Инструмент текст, и создавайте по строке на каждом новом слое. Шрифт, который я использовал, Arial.

шаг 11.
Объедините слои с текстов в одну группу и назовите ее Текст.

Шаг 12.
Также сгруппируйте слои, который связаны с фотографией, само изображение и все корректирующие слои. Назовите группу «Фото».

Шаг 13.
Теперь мы собираемся добавлять линии. Это очень легко, все, что нам нужно, Инструмент Прямоугольная область. Выберите этот инструмент, сверьте все опции с моими (они показаны ниже). Не забудьте выбрать «Добавить в выделение» (два квадратика, вторые слева).

Рисуйте линии, как показано ниже. Начните рисовать около текста, глаз. Если вы сделали ошибку, нажмите Ctrl+Z, чтобы отменить последнее действие. Хотите начать сначала? Нажмите Ctrl+D.

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

Вот, как теперь должна выглядеть фотография:

Шаг 15.
Мы почти закончили! Выберите инструмент Прямоугольное выделение и создайте выделение вокруг текста. Удостоверьтесь, что цвета переднего и заднего плана установлены на черный и белый. Для этого нужно нажать D. Нажмите Delete, чтобы залить выделенную область черным цветом. Нажмите Ctrl+D, чтобы снять выделение.

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