Постер в фотошопе. Делаем модный постер в фотошоп. Объединяем текст и чернила

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

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

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

В Photoshop можно не только обрабатывать фото, но и создать афишу. Алгоритм создания афиш, плакатов и постеров одинаков, поэтому для примера возьмём создание Афиши концерта:

Инструкцию можно посмотреть на видео.

Как сделать плакат или афишу онлайн – лучшие сайты

Саnva

Можно создать плакат с чистого листа или из шаблона.
Для начала устанавливаем направление работы.
Затем можно задать размер или выбрать из предложенных форматов.
Открываем изображения , которые должны быть на плакате.
Загруженное изображение можно перетащить на лист , удалить или сделать фоном.
Выбираем «сделать фоном » и появляется панель работы. Если всё утраивает, жмём «применить ».
Затем добавляем текст , который можно не только перемещать, но и редактировать в верхней панели.
Можно добавить клипарт.
Выбираем из списка понравившийся клипарт.
Менять размер или местоположение можно, если навести курсор на картинку.
Поверх легко поместить текст , переставив его на клипарт.
Можно сохранить свой проект или макет и в будущем использовать его снова.

Fotojet

переходим на сайт, нажимаем «Начать работу »;
откроется окно для работы с пустым листом и макетами слева;
понравившийся постер можно взять, как макет для будущей метрики;
далее можно убрать всё с постера и вписать текст, который требуется. Для этого находим раздел работы с текстом – буква «Т» на панели слева;
увеличить или уменьшить текст можно потянув за углы рамки;
чтобы изменить цвет – наведите курсор на символ «А» и кликните на подходящий цвет;
для самостоятельного выбора стиля оформления текста – наведите курсор на голубую кнопку в левом верхнем углу «Add a text box »;
появится небольшая полоска текста. Используя панель, которая находится над постером отрегулируйте размер;
выберите цвет и стиль;
для сохранения итога работы наведите курсор на значок «стрелка вниз »;
и нажмите «Download » — скачать. Выскочит окошко обработки готового проекта;
затем указываете, куда сохранить.

Как сделать газету на компьютере

Создание газеты в Word

В любой газете главное – это её наполнение, следует:

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

Создание газеты в Publisher

Инструкция по созданию газеты в программе Publisher:

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

Как сделать стенгазету в Word

Стенгазету можно создать во многих онлайн приложениях и программах, но если нет доступа к интернету и возможности скачать специализированную программу, то на помощь придёт Microsoft Word:

Откройте программу и установите альбомную ориентацию страницы.
Нажимаем кнопку «Вставка » и добавляем WordArt надпись с заголовком стенгазеты.
При помощи фигур в Word можно выделить написанное . Для этого выбираем «вставка » — «фигуры » и выбираем нужное.
Открываем изображение, которое требуется поместить в газету и, кликнув на него правой кнопкой мыши нажимаем «копировать ». Затем наводим курсив на место, в которое планируется поместить изображение и нажимаем «вставить » либо комбинацию клавиш ctrl+V.
Когда текст и фото добавлены, можно отправлять на печать.

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

Вот что мы постараемся сделать.

Нравиться? Тогда начнем!

Для этой работы нужно взять такие исходники:
Картинка с изображением гитары
Из текстур - Бумага
Кисти: Круги, Цветочные узоры, Крылья

Вы нашли или у вас уже есть все необходимое? Начнем урок!

Шаг 1

Зайдите Файл – Новый документ (File>New) и задайте создание нового документа размером 1000px на 2000px.

Шаг 2

Из исходника мышкой перетащите в новый документ текстуру бумаги.

Шаг 3

Создайте еще один слой. Для этого идём в меню Слой - Новый слой (Layer> New Layer).

Затем на панели инструментов выбираем Кисть (Brush), на верхней панели выбираем вид кисти. Нам нужна круглая мягкая кисть. Наносим кистью произвольные абстрактные мазки, используя разные цвета (Color). Для выбора цвета нужно только кликнуть по нижнему окошку на панели инструментов, там видны цветные квадратики с предыдущим и новым цветами.

Шаг 4

Теперь созданную абстракцию нужно размыть. Для этого последуем по маршруту на верхней панели Фильтр – Размытие (Filter> Blur). Выбираем Размытие по Гауссу (Gaussian Blur).

Шаг 6

Снова создайте новый слой как указано в действии 3. На панели инструментов возьмите Прямолинейное Лассо (Polygonal lasso) и выделите прямоугольную часть под углом, чтобы получилась длинная полоска.

Шаг 7

С помощью Заливки (Fill) закрасьте полоску понравившимся вам оттенком. Для этого кликните курсором сначала на инструмент, выберите цвет на панели инструментов внизу (нижнее окошко) и затем кликните по полоске.

Шаг 8

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

Шаг 9

Теперь следует поменять режим наложения. Для этого идем Слой – Стиль слоя – Параметры наложения (Layer> Layer Style> Blend Mode). Выбираем режим Перекрытие (Overlay), а также уменьшаем Непрозрачность (Opacity) до 75%.

Шаг 10

Откройте картинку с изображением гитары и выделите гитару. Для этого можно использовать быстрое выделение (Quick selection) или прямолинейное лассо (Polygonal lasso). Когда выделение готово, нажимайте Редактирование – копировать (Edit>Copy), а потом на наш документ Редактирование - Вклеить (Edit>Paste). Можно просто перетянуть гитару на наш документ курсором. Слой с гитарой должен располагаться над остальными слоями.

Если же у вас есть картинка с гитарой в png. или рsd. форматах, достаточно просто перетащить гитару на свой документ поверх остальных слоев.

Шаг 11

Мы хотим, чтоб гитара выглядела правдоподобно, поэтому сделаем ей тень. Для этого жмем Слой – Стиль слоя – Тень (Layer> Layer style> Drop shadow).

Шаг 12

На еще одном вновь созданном слое снова выбираем не жесткую круглую кисть (Brush). Теперь поработайте кистью с оттенком # d5652c.

Шаг 13

Следует изменить режим наложения для полученного слоя по пути: Слой- Стиль слоя - Параметры наложения (Layer> Layer Style> Blend Mode). Потом выбираем Цветность (Color).

Шаг 14

Далее предстоит работа с кистями. Для каждой кисти нужно создать отдельный слой. Выбираем кисть Крылья, установив цвет # ffffff . Применяем эту кисть над гитарой, затем меняем режим наложения слоя: Слой - Стиль слоя - Параметры наложения (Layer> Layer Style> Blend Mode). Там в режиме вібираем Мягкий цвет (Soft light).

Шаг 15

Пришло время использовать кисть Цветочные узоры. Применяем произвольно их к гитаре, подойдут цвета #ffffff , # 000000 и # ba9b6f .

Шаг 16

Теперь почистим поверх гитары круглой кистью цвета # 000000 , установив непрозрачность на уровне 20%. Выбираем инструмент Ластик (Eraser) и чуть подчищаем им поверх гитары.

Шаг 17

Сделайте то же самое с использованием кистей Круги в различных цветовых оттенках. Слои с кругами расположите под слоем с гитарой. Для удобства все слои с кругами можно сгруппировать. Для этого идем по пути Слой – Сгруппировать слои (Layer> Group with previous).

Шаг 18

Теперь добавим текст. Возьмите на панели инструментов Текст (Text), выставьте желаемые параметры – шрифт, высота шрифта, цвет. Кликните по документу, проследив, чтоб слой с текстом был над остальными слоями. Напечатайте желаемую фразу, выставив в настройках текста цвет # 604f34 .

Шаг 19

Давайте сделаем текст более красивым при помощи стилей. Идем Слой – Стили слоя – Обводка (layer> Layer style> Stroke). Выбираем желаемый цвет и толщину обводки в настройках.

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

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

Шаг 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, используя типографику и картинку с чернилами. Вы научились:

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

В данном уроке Фотошопа мы рассмотрим как можно создать интересный плакат с различными элементами.
ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.

Финальный результат

Приступаем к уроку Фотошопа

↓ Материалы к уроку:

Шаг 1.

Создаем документ размерами 595x842 px (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")). Открываем текстуру. И располагаем на нашем документе.

Создаем Layer > New adjustment layer > levels (Слой > Новый корректирующий слой > Уровни) выше слоя с текстурой, и настройки: 0 , 0.19 , 255 .

Шаг 2.

Открываем картинку с одеждой. Удаляем в местах головы, ног, и рук, так чтобы одежда была просто пустой. Используйте Pen Tool (Инструмент Перо / Клавиша "P").

Открываем брызги в Photoshop.

Следуем во вкладку Channels (Каналы), и выбираем Blue (Синий). Удерживая CTRL кликаем по слою Blue/Синий (появится выделение). Далее следуем на вкладку слои, создаем новый слой, и заливаем его белым цветом.

Вот мы и получили всплеск без всякого фона.

Перемещаем на наш холст, наш всплеск.

Следуем Edit > Transform > Distort (Редактирование > Трансформация > Искажение). Подгоняем наш всплеск, по воротничку рубашки, и все не нужные части удаляем ластиком (Eraser Tool (Инструмет Ластик / Клавиша "E")).

Открываем картинки с водой и с каплей. И добавляем в нашу композицию.

Шаг 3.

Открываем картинку с одеждой 2. В местах рук, ног, головы, живота убираем фон.

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

Открываем картинку огня. Следуем во вкладку Channels (Каналы). Удерживаем CTRL и кликаем по Red/Красный каналу. Белые области выделятся.

С выделением, возвращаемся на слои. Перетаскиваем наш огонь с помощью инструмента Move Tool (Перемещение / Клавиша "V"). И располагаем как показано на рисунке.

Ластиком с установленой кистью Airbrush (Аэрограф), размеры 200 рх . Пройдемся по слою с огнем, кусками, сотрем пожар, тем самым показав немного одежды.

Добавляем больше огня, в местах рук, ног, головы.

Создаем новый слой под слоем с одеждой. Используем Brush Tool (Инструмент Кисть / Клавиша "B"), с типом Airbrush (Аэрограф) и 300px . Рисуем большие капли цветом #FF6A10 . Режим смешивания ставим на Linear Dodge (Линейный осветлитель), прозрачность на 40% .

Следуем в Outer Glow (Внешнее свечение), цвет #F7B12F , и во вкладку Inner Glow (Внутреннее свечение), цвет #FB6D08 . Остальные настройки ниже.

Шаг 4.

Открываем картинку с одеждой 3. В местах рук, ног, туловища удаляем фон.

Открываем песок. И помещаем его в наш документ, располагаем как на картинке ниже.

В местах ног, подтираем слегка ластиком.

В этот раз будем использовать руки, ноги, и голову. Помещаем все эти части между слоем с песком и слоем с одеждой 3. Режим слоя песка на Multiply (Умножение). И ластиком подтираем ненужные элементы.

Используя Eraser Tool (Инструмет Ластик / Клавиша "E") в режиме Chalk (Мел), удалим часть лица, имитируем разрушенность.

Тоже самое проделываем с ногами и руками.