Как быстро превратить изображение в постер? — уроки фотошоп

Создаем в Фотошоп постер с потрясающими эффектами

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

Финальное изображение:

На всех шагах этого урока мы будем использовать простые базовые методы: маски, кисти, фильтры, коррекцию цвета и текстуры. В этом уроке используется Adobe Photoshop CC 2015, но вы можете использовать и ранние версии Adobe Photoshop.

Скачать архив с материалами к уроку

Шаг 1

Для начала, создайте новый документ 800 × 1000 px, Resolution (Разрешение) 72dpi, цвет RGB 8bits c темно-серым фоном #0f0f0f.

Добавьте новый слой (Ctrl + Shift + N), возьмите инструмент Brush(Кисть) (B), выберите кисти частицы и добавьте частицы, как показано ниже.

Затем уменьшите Opacity (Непрозрачность) до 1%.

Шаг 2

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

Измените ее режим наложения на SoftLight (Мягкий Свет).

Затем добавьте корректирующий слой Hue / Saturation (Цветовой тон / Насыщенность), через меню Layer> NewAdjustmentLayer> Hue и Saturation (Слой > Новый корректирующий слой > Цветовой тон/Насыщенность).

Шаг 3

Затем вставьте следующее изображение дыма в рабочий документ.

Измените режим наложения на Screen (Экран) и уменьшите Opacity (Непрозрачность) до 5%.

Удалите нижнюю часть изображения, чтобы скрыть контур

Затем продублируйте его.

Добавьте новый слой (Ctrl + Shift + N), возьмите Brush(Кисть) (B) размером 2 px и нарисуйте диагональные линии, как показано на изображении ниже.

(Чтобы нарисовать прямые линии с помощью кисти в Photoshop, нажмите и удерживайте клавишу Shift и кликните в точке A, а затем точке B).

Сделайте то же самое, добавив еще одну форму.

Затем возьмите инструмент Rectangular Marquee(Прямоугольная область выделения) (M) и сделайте прямоугольное выделение, возьмите инструмент Brush(Кисть) и нарисуйте за пределами выделенной формы сверху пятно, чтобы был виден только небольшой край фигуры.

Шаг 4

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

Теперь нарисуйте белый треугольник, используя инструмент CustomShapeTool(Произвольная фигура) (U) и форму треугольника.

Дублируйте треугольник дважды и расположите копии следующим образом

(Если вы суеверны, измените форму или поместите текст).

Шаг 5

Выделите четыре треугольника и поместите их в группу, перейдя в меню Layer > New > Group from Layers (Слой > Новый > Группа из слоев), а затем уменьшите Opacity (Непрозрачность) группы до 52%.

Дублируйте группу (Ctrl + J) и переместите ее немного вправо.

Выделите четыре треугольника, возьмите инструмент CustomShapeTool(Произвольная фигура) (U), измените цвет на черный.

Перейдите в «Группа 2» и примените следующие параметры наложения к группе.

Выберите обе группы и преобразуйте их в смарт-объект, для этого перейдите в меню Layer> SmartObject> ConverttoSmartObject (Слой > Смарт-объект > Конвертировать в смарт-объект).

Шаг 6

Затем добавьте новый слой и сделайте его обтравочной маской смарт-объекта, перейдя в меню Layer > Create Clipping Mask (Слой > Создать обтравочную маску).

Возьмите инструмент Brush(Кисть) (B) красного цвета и пройдитесь по контурам.

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

Затем уменьшите Opacity (Непрозрачность) до 8%.

Создайте еще один слой, с помощью кисти нарисуйте абстрактные фигуры (в исходных материалах).

Теперь возьмите инструмент Eraser(Ластик) (E) и сотрите нарисованные фигуры так, чтобы они смотрелись закрученными вокруг треугольника.

Шаг 7

Затем импортируйте изображение блика в свой документ и расположите его следующим образом.

Затем измените режим наложения на Screen (Экран).

Далее добавьте корректирующий слой Hue/Saturation (Цветовой тон/ Насыщенность), перейдя в меню Layer> NewAdjustmentLayer> Hue / Saturation (Слой > Новый корректирующий слой > Цветовой тон/Насыщенность). Затем сделайте его обтравочной маской слоя с бликом через меню Layer> CreateClippingMask (Слой > Создать обтравочную маску).

Затем добавьте корректирующий слой ColorLookup (Поиск цвета), перейдя в меню Layer> NewAdjustmentLayer> ColorLookup (Слой > Новый корректирующий слой > Поиск цвета).

И, наконец, измените режим наложения на Screen (Экран) и уменьшите Opacity (Непрозрачность) до 41%.

И вот окончательный результат.

20 уроков по созданию постеров и флаеров в Photoshop

Друзья, всем привет! Вот и прошел целый год с того момента, как я завел свою первую цель Освоение 30 видео-уроков по Adobe Illustrator. С тех пор произошло несколько событий:

• Во-первых, я завершил эту цель и нарисовал 70+ картинок (логотипов) за 6 месяцев, неплохо освоив при этом Adobe Illustrator.
• Во-вторых, в конце лета окончил годовой курс «Графический дизайн и реклама» в «Современной школе дизайна» (Москва). Получил диплом и много полезных навыков из разных областей дизайна.
• В-третьих, благодаря неплохому знанию графических редакторов устроился дизайнером (на самом деле скорее печатником) в типографию, в которой работаю до сих пор (уже более полугода).

Таковы скромные итоги моего 2017 года. Помимо всего вышеперечисленного я занимался (и занимаюсь!) дизайном некоторых интересных мне мероприятий (концертов и музыкальных фестивалей) — иногда бесплатно, но чаще за символические суммы.

Немного предыстории: в течение последних лет я был организатором концертов в клубах Москвы и мне часто приходилось делать афиши, баннеры, флаеры и прочие рекламные материалы. И вот совсем недавно ко мне пришло яркое осознание того, что это именно та сфера дизайна, которая получается у меня лучше всего. И при этом очень мне интересна!

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

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

Для этого (по своей проверенной схеме!) я отобрал 20 видео-уроков на Youtube. Старался выбирать наиболее разнообразные уроки, в которых отражены различные приемы и концепции дизайна плаката.

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

На завершение этой цели даю себе 4 месяца.

Глобальная цель: создание групп-портфолио ВК и Инстаграмм, с помощью которых начать систематично принимать заказы на дизайн плакатов (рекламы) и зарабатывать на любимом деле!)) Т.е. превратить свое хобби в стабильный заработок и получать от этого удовольствие! Работы предстоит много :)))

Создание 20 постеров (флаеров) по отобранным мной видео-урокам, а также 20 постеров в стиле каждого из уроков. Цель считаю завершенной при наличии 40 законченных постеров.

Adobe Photoshop CC, Youtube, терпение и усидчивость ?

Как сделать постер в Фотошопе

В этом уроке мы будем создавать летний постер в Фотошопе.

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

Итак, начнем. Для начала создаем новый документ, нажав Ctrl + N, высота (Height) 1800, ширина (Width) 1350 пикселей, разрешение 150 пикселей на дюйм (Pixels/Inch).

Шаг 2. Работаем с изображением девушки

В меню выберите Файл > Поместить встроенные (File > Place Embedded) и откройте изображение девушки. В режиме трансформации (для вызова нажмите Ctrl+T) немного увеличьте размер изображения, удерживая клавишу Shift, а затем поместите фото модели по центру рабочей области.

Шаг 3. Работаем с изображением девушки

Выберите Инструмент Волшебная палочка — Magic Wand Tool (W), установите параметр Допуск (Tolerance) на 10 и выделите фон. Используя этот же инструмент с зажатой клавишей Shift  добавьте к уже имеющемуся выделению белый фон. Далее с зажатой клавишей Alt кликните левой кнопкой мыши на иконку Добавить маску слоя (Add a layer mask) внизу панели слоев.

Шаг 4. Создание фона

Теперь создадим фон. Сначала добавим градиент. Кликните по иконке Создать новый корректирующий слой или заливку (Create new fill or adjustment layer) внизу панели слоев.

Выберите черно-белый градиент и настройте градиент из следующих цветов #fef4da > #f5ca6c > #ecad2a > #e39a0a > #dd9302, как показано на рисунке. Нажмите Ок.

Выставьте угол (Angle) градиента на 90 градусов, масштаб (Scale) на 100% и нажмите Ок. Этот слой должен находиться под слоем с моделью.

Шаг 5. Создание фона

В меню выберите Файл > Поместить встроенные (File > Place Embedded) и откройте изображение отеля. Трансформируйте (Ctrl +T) изображение так, как показано ниже. Далее правой кнопкой мыши в меню трансформирования выберите Перспектива (Perspective) и исправьте искажение изображения.

Шаг 6. Создание фона

Теперь измените режим наложения слоя с отелем на Замена светлым (Lighten). Продублируйте этот слой, нажав Ctrl + J и поменяйте режим наложения сдублированного слоя на Осветление (Screen). Сочетание двух этих режимов наложения дает в результате яркую светлую картинку.

Шаг 7. Создание фона

Теперь добавим текстуру к изображению. Горизонтальные линии придадут стиль постера изображению. Итак, создайте новый слой, кликнув по иконке Создать новый слой (Create a new layer) внизу панели слоев.

Установите основной и фоновый цвет по умолчанию, нажав клавишу D. В меню выберите Фильтр > Рендеринг > Облака (Filter > Render > Clouds). К этой текстуре примените Фильтр > Оформление > Меццо-тинто (Filter > Pixelate > Mezzotint).

В выпадающем меню фильтра выберите Длинные линии (Long Lines) и нажмите ОК.

Шаг 8. Работаем с изображением

Чтобы преобразовать текстуру в линии перейдите в Фильтр > Размытие > Размытие в движении (Filter > Blur > Motion Blur). Установите настройки: Угол (Angle) 45 градусов, Расстояние (Distance) 2000 пикселей.

Чтобы линии были равномерными на всем пространстве холста, примените фильтр еще раз, нажав Ctrl + F. Отлично! Вы можете также поэкспериментировать с настройкой угла размытия, чтобы получить другие интересные текстуры.

Шаг 9. Работаем с изображением

Теперь нажмите Ctrl + L, чтобы открыть окно Уровни (Levels). Выставьте такие настройки: черные (blacks) 90, средние тона (midtones) 1.30, белые (whites) 210. Это добавит контраста черным и белым линиям текстуры. Теперь скройте слой с моделью, кликнув на иконку глаза слева от миниатюры слоя.

Шаг 10. Работаем с изображением

Перейдите на вкладку Каналы (Channels) и удерживая клавишу Ctrl кликните левой кнопкой мыши на миниатюре  RGB, у вас должны были выделиться только белые линии.

Теперь перейдите на вкладку Слои (Layers), создайте новый слой (Ctrl + Shift + N) и залейте выделение белым цветом.

Для этого убедитесь, что основным цветом выбран белый, нажмите Shift + F5, затем ОК.

Шаг 11. Работаем с изображением

На панели слоев нажмите иконку Сохранять прозрачность пикселей (Lock transparent pixels) и используйте Инструмент Кисть — Brush Tool (B) большого размера, около 700 пикселей с Жесткостью (Hardness) 0% и Непрозрачностью (Opacity) около 50%.

Выбирайте разные цвета из панели Образцы (Swatсhes) и разукрашивайте линии (в уроке использованы следующие цвета #ff4c00, #ee00ff, #662d91, #00aeef). Затем поставьте режим наложения этого слоя на Перекрытие (Overlay).

Сгруппируйте все фоновые слои, кроме слоя с градиентом, нажав Ctrl + G.

Шаг 12. Работаем с изображением

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

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

У вас должно получиться так, как показано ниже:

Шаг 13. Работаем с изображением

Итак, займемся моделью. Скройте все слои, кроме слоя с моделью. В меню выберите Выделение > Цветовой диапазон (Select > Color Range), в выпадающем меню Выбор (Select) установите Тени (Shadows), Диапазон (Range) 10, Разброс (Fuzziness) 25%.

Шаг 14. Работаем с изображением

Сдублируйте выделенную область со слоя с моделью (Ctrl + J) и скройте этот слой. Вернитесь к слою с моделью, снова выберите Цветовой диапазон (Color Range) и установите эти настройки: Диапазон (Range) 0, Разброс (Fuzziness) 3%.

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

Не переживайте, что некоторые части изображения пропали. Это часть процесса стилизации.

Шаг 15. Работаем с изображением

Скройте оригинальный слой с моделью. Теперь мы поработаем с каждым из других слоев. Для темных слоев (тени/средние тона — (shadows/midtones) установите режим наложения на Перекрытие (Overlay). Для светлых слоев (светлые тона) – на Осветление (Screen).

Каждому из этих слоев установите Сохранять прозрачность пикселей (Lock transparent pixels). Затем возьмите Инструмент Кисть — Brush Tool (B) с настройками: размер (Size) 500 пикселей, жесткость (Hardness) 0, Непрозрачность (Opacity) 50%. Цвета можете выбрать такие: #0072bc, #92278f, #39b54a.

Красьте кистью только на слоях с режимом наложения Перекрытие (Overlay), чтобы сделать тонировку.

Шаг 16. Работаем с изображением

Чтобы создать блестящую текстуру платья поменяйте режим наложения слоя из Шага 13 на Разделение (Divide). Далее включите видимость оригинального слоя с моделью и установить его Непрозрачность (Opacity) на 73% и Заливку (Fill) на 40%.

Шаг 17. Работаем с изображением

Сгруппируйте все слои с моделью (Ctrl + G) и сдублируйте группу (Ctrl + J). Слейте слои в одной из групп в один слой, нажав сочетание клавиш Ctrl + E. Измените режим наложения получившегося слоя на Перекрытие (Overlay) и установите значение Заливки (Fill) на 70%. 

Шаг 18. Работаем с изображением

Продублируйте слитый слой с моделью два раза и преобразуйте каждый из них в смарт-объект, нажав правую кнопку мыши и выбрав в меню Преобразовать в смарт-объект (Convert to Smart Object). В меню выберите Фильтр > Другие > Цветовой контраст (Filter > Other > High Pass), установите радиус (Radius) в 10 пикселей. Этот слой повысит резкость и детализацию изображения.

Шаг 19. Работаем с изображением

К верхнему слою с моделью примените фильтр Свечение краев (Glowing Edges) из галереи фильтров, в меню Фильтр > Галерея фильтров > Стилизация > Свечение краев (Filter > Filter Gallery > Stylize > Glowing Edges) с такими настройками: Ширина краев (Edge Width) 1, Яркость краев  (Edge Brightness) 8, Смягчение (Smoothness) 5.

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

Похоже работает фильтр Выделение краев (Find Edges) – в меню Фильтр > Стилизация > Выделение краев (Filter > Stylize > Find Edges), только обводка в данном случае будет темной и вам нужно будет применить режим наложения Умножение (Multiply).

Шаг 20. Работаем с изображением

Добавим немного контраста изображению. В меню выберите Слой > Новый корректирующий слой > Уровни (Layer > New Adjustment Layer > Levels).

Выставьте значения: черные (Blacks) 99, средние тона (Midtones) 1.14, белые (Whites) 255. Измените режим наложения на Умножение (Multiply).

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

Шаг 21. Работаем с изображением

Теперь поэкспериментируем с тонировкой изображения. Разберем 3 разных варианта. Создайте новый корректирующий слой: Слой > Корректирующий слой > Карта градиента (Layer > New Adjustment Layer > Gradient Map) под группой с моделью. Выставьте градиент из следующих цветов: #030303 > #0c0b0b > #3a3732 > #77736a > #92b9cc > #cfe0e8 > #fcfcfc, как показано ниже.

Шаг 22. Работаем с изображением

Далее кликните на маску корректирующего слоя, в меню выберите Фильтр > Рендеринг > Облака (Filter > Render > Clouds). Чтобы сделать облака контрастнее нажмите Ctrl + L и выставьте значения: черные (blacks) 105, средние тона (midtones) 1, белые (whites) 120.

Шаг 23. Работаем с изображением

При выделенной маске слоя перейдите в Фильтр > Эскиз > Полутоновый узор (Filter > Sketch > Halftone Pattern). Настройте фильтр следующим образом: размер (Size): 2, контраст (Contrast) 25, тип узора (Pattern Type): Линии (Lines). Этот замечательный эффект еще больше подчеркивает стиль постера и придает изображению законченный вид.

Шаг 24. Работаем с изображением

Вернитесь к корректирующему слою. Если вы установите режим наложения этого слоя на Затемнение основы (Color Burn) цвета станут более богатыми и глубокими.

Но если вы выставите режим наложения Цветовой тон (Hue), вы получите красивые бирюзовые тени, гармонирующие с композицией.

Вы также можете поэкспериментировать с такими режимами наложения, как: Темнее (Darker Color), Осветление (Screen) и т.д.

Шаг 25. Работаем с изображением

Этот шаг можете выполнить по желанию. Можете добавить текст, в данном случае – это декоративный текст.

Выберите инструмент Текст — Horizontal Type Tool (T) и наберите любой текст на ваше усмотрение. Установите шрифт Brush Script Std Medium размером 205 пикселей цвета #fff200.

С помощью трансформирования (Ctrl +T) поверните текст. Поместите этот слой под слой с градиентом.

Шаг 26. Работаем с изображением

Можете добавить тексту стиль. Два раза кликните по слою с текстом и поставьте галочки в окошках Внутреннее свечение (Inner Glow), Наложение градиента (Gradient Overlay) и Внешнее свечение (Outer Glow).

Для стилей Внутреннее свечение и Внешнее свечение поставьте одинаковые настройки: режим наложения: Осветление (Screen), Непрозрачность (Opacity): 35%, размер (Size): 7px.

Для стиля Наложение градиента установите режим наложения Замена светлым (Lighten), Непрозрачность (Opacity): 75%, цвета градиента: #ff7102 > #ffff00 > #ff7102, тип (Style):  Линейный (Linear), угол (Angle): 127 и кликните ОК.

Шаг 27. Финальное изображение

Вот и все!

Ссылка на источник

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

Инструкция

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

Увеличьте масштаб изображения, чтобы отретушировать лицо на фото, используя для ретуши Spot Healing Brush Tool и Healing Brush Tool. Устраните дефекты кожи, а затем разгладьте ее, продублировав слой с человеческой фигурой, и применив к ней фильтр Surface Blur.

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

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

Добавьте два корректирующих слоя, активизировав опцию Use Previous Layer to Create Clipping Mask.
В меню Layer выберите вкладку New Adjustment Layer, а затем выберите Curves. Откорректируйте кривые. Затем сделайте то же самое в параметре Brightness and Contrast.Для оформления фона создайте новую кисть.

Создайте новый документ любого размера с черным фоном, выберите на панели инструментов Rectangle Tool, и на новом слое нарисуйте прямоугольник. Щелкните на нем правой клавишей мыши и выберите Stroke Path с опцией Pencil. Толщина обводки прямоугольника должна быть 1 пиксель, и он должен быть серого цвета.

В меню Inage выберите опцию Trim и настройте ее так, чтобы часть изображения вокруг прямоугольника исчезла. Фоновый слой скройте, после чего откройте меню Edit и с помощью опции Define Brush Preset сохраните кисть.

Перейдите к окну с заготовкой для постера. Создайте новый слой и разместите его под слоем с оригиналом фотографии. Установите для кисти параметры Shape Dynamics, Scattering, Smoothing. Произвольно работайте кистью, создавая прямоугольные формы вокруг фигуры на фото.

Создайте еще один слой и расположите его над слоем с прямоугольной кистью. С помощью Lasso Tool с параметром Feather в 20 пикселей нарисуйте плавное выделение вокруг фигуры и примените к нему фильтр Render>Clouds. Blending Mode слоя смените на Normal и несколько раз продублируйте слой с облаками.

Перейдите поочередно на каждый из дублированных слоев и примените к облакам функцию Free Transform>Warp. Добейтесь того, чтобы облака повторяли контур тела человека на фото. Осталось откорректировать постер – создайте новый корректирующий слой и смените его параметр наложения на Color.

Добавьте свечение, цветовые пятна и световые лучи с помощью фильтра Motion Blur с параметром наложения Screen. Те места рисунка, которые не должны светиться, сотрите ластиком.

Сюрреалистичный постер из фотографии, Уроки

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

Эта творческая идея возникла при изучении работы цифрового художника Роба Шилдса под названием «Keep me in the dark».

Белые штрихи и тонкие линии, использованные в работе, создают мистическое ощущение.

Попробуем повторить что-то подобное и мы. Желательно использование графического планшета для более детального подхода.

Превью финального изображения:

Шаг 1

Начнем с создания Нового документа (Ctrl+N) размером 1200х1600 рх. Если вы хотите в последующем распечатать свою работу, то используйте режим CMYK с большим разрешением, примерно 300 рх/дюйм.

Откройте (Ctrl+O) в Фотошоп гранжевую текстуру из ресурсов урока и вставьте в наш документ (Ctrl+A, затем Сtrl+C и Сtrl+V). Сделайте изображение черно-белым, нажав на клавиатуре Ctrl + Alt + Shift + B (Image-Adjustment-Black and White), затем поиграйте с настройками, чтобы сделать текстуру темнее.

Шаг 2

Дублируем (Ctrl+J) фоновое изображение и делаем текстуру еще более темной.

Создаем Маску слоя (Layer Mask) для дубликата (клик по иконке круга в квадрате внизу панели слоев) и выбираем инструмент Градиент (Gradient Tool) черно-белого цвета линейного стиля (Linear). Проводим градиентом сверху-вниз по маске, скрывая верхнюю часть дубликата.

Шаг 3

Открываем свою фотографию и вставляем ее в наш документ выше текстурных слоев.

Шаг 4

Используя инструмент Трансформирование (Ctrl+T) отразите фото по горизонтали (Edit-Transforme-Flip Horizontal) или оставьте его в первоначальном виде. Сделаем снимок также черно-белым. Переходим в меню Избражение-Коррекция-Черное и белое (Image-Adjustment-Black and White) и выполните настройки со скриншота ниже.

Шаг 5

Выберите инструмент Перо (Pen Tool (P)) и извлеките с фона только изображение мужчины. После того, как закроете контур, нажмите пр.кн.

мыши по нему и выберите из меню – Образовать выделенную область (Select Path). Далее, нажмите на иконку Маски внизу панели слоев, чтобы скрыть лишнее на ней.

Выберите мягкую Кисть (Brush) черного цвета и на маске проведите по краям волос на затылке, чтобы сгладить их.

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

Шаг 6

Дублируйте (Ctrl+J) слой с мужчиной на всякий случай. Если будет необходимо, мы им воспользуемся в случае ошибок на первом дубликате.

Выберите инструмент Затемнитель (Burn), а затем Осветлитель (Dodge), чтобы подчеркнуть участки тени и света на лице героя. На скриншоте ниже указаны стрелками зоны, где используются эти инструменты.

Шаг 7

Дублируем слой (Ctrl+J) с парнем снова и затемняем изображение при помощи коррекции «Уровни» (Image-Adjustment-Levels) или «Черное и белое» (Black and White). Добавьте драматизма портрету инструментом Затемнитель (Burn Tool (O)).

Шаг 8

Теперь, когда основа работы создана, выбираем Кисть (Brush Tool (B)) и, если есть, цифровой планшет. Добавляем детали на изображение. Создаем Новый слой (Ctrl+Shift+N) выше всех слоев и выбираем Кисть (Brush) размером 1-2 рх белого (ffffff) цвета.

Мы будем чередовать ее с черной кистью время от времени. Как видно на примере ниже, я добавил обводку по контуру губ и на волосах бородки. Штрихи должны напоминать мелкие линии карандаша. Кисть (Brush) не должна быть жесткой.
Если штрихи кажутся слишком яркими, снизьте непрозрачность (Opacity) слоя.

Шаг 9

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

Шаг 10

Далее, мы продолжим выполнять обводку тонкой Кистью (Brush), но сделаем это на волосах на Новом слое (Ctrl+Shift+N). Так они будут выглядеть более детально и выразительно. Внизу, на скриншоте серого цвета я показал, как выглядит слой со штриховкой волос при чередовании кисти черного и белого цветов.

Шаг 11

Создаем Новый слой (Ctrl+Shift+N) и на нем начинаем рисовать цветные абстракции произвольной формы вокруг лица. Они придадут изображению дополнительную фокусировку. Для линий используйте цвет Кисти (Brush) #ddad2f.

Желательно наличие планшета для качественного штриха, но если его у вас нет, то создайте линии при помощи Пера (Pen Tool), предварительно настроив Кисть (Brush) маленького размера 100% жесткости (hardness).

Закрыв линию контура, нажмите пр.кн.мыши по нему и выберите из меню пункт – Выполнить обводку контура (Stroke Path). В диалоговом окне укажите инструмент Кисть (Brush) с имитацией нажима (Simulate pressure).

Теперь ваша линия будет похожа на линию настоящего штриха.

Для эффекта смещенных линий футболки используйте инструмент «Полигональное Лассо», выделив им полосу (удерживая Shift для ровной линии) на футболке, затем дублируя ее (Ctrl+J) на отдельный слой.

Инструментом Перемещение (Move tool) сдвиньте вырезанную полоску немного вниз.

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

Шаг 12

Инструментом «Овальное выделение» (Ellips Marquee Tool), удерживая Shift, создайте окружность на новом слое (Ctrl+Shift+N) и заполните выделение (Shift+F5) таким же цветом, как в предыдущем шаге. Затем, снова создайте выделение внутри круга почти такого же размера и передвиньте его немного влево.

Нажмите Delete, удалив круг с лица, и оставив лишь края окружности справа на изображении. Загрузите выделение получившегося кольца (Ctrl+клик по иконке слоя) и пройдитесь по нему Затемнителем (Burn), чтобы создать интересные цветовые переходы.

Также, добавьте мелкие линии по направлению кольца Пером (Pen Tool), как в шаге 11, имитируя искры.

Шаг 13

Создайте Новый слой (Ctrl+Shift+N) выше всех слоев и Пером (Pen Tool) обведите стекла очков. Затем, создайте выделение контуров (клик пр.кн.

мыши и выбираем – Образовать выделенную область (Select Path)) и залейте (Edit-Fill или Shift+F5) их тем же цветом, как и раньше.

Измените режим смешивания этого слоя на Мягкий свет (Soft Light).

Шаг 14

Далее, создадим многоугольники с разной степенью непрозрачности (Opacity) вокруг парня. Используйте инструмент Перо (Pen Tool) и нарисуйте любые контуры фигур на отдельных слоях.

Заполните (Shift+F5) фигуры цветом #ddad2f и поиграйте с непрозрачностью каждого слоя, чтобы достигнуть эффекта, как на моем примере ниже. Я применял настройки непрозрачности в диапазоне от 25% – 40%.

Шаг 15

Теперь приступим к созданию каракулей. Используйте Кисть (Brush) размером в 1 рх белого цвета и нарисуйте мелкие фигурки домика, полумесяца, парашюта и т.д.

Вообщем, фантазируйте на свой вкус.

Подобные фигурки кистей с детскими каракулями «Baby-fanny-brushes» и «Baby-fanny-brushes 2»вы можете скачать с ресурса данного сайта и использовать в своей работе, они хорошо подходят по стилю.

Шаг 16

В финале, добавьте резкости детским фигуркам и мелким деталям композиции. Для этого, скопируйте все слои на один слой, нажав сочетание Ctrl+Shift+Alt+E, затем перейдите в меню Фильтр-Усиление резкости-Резкость (File > Sharp > Sharpen).

Вот такой эффект получился после усиления резкости.

Довольно стильно, не правда ли?

Используемые материалы:

Веб-разработка. Делаем простую афишу мероприятия в Photoshop

SONY DSC

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

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

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

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

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

Распишем каждый этап, чтобы разделить работу на несколько мини-заданий. Предположим, нам предстоит провести пивную вечеринку в баре под названием «Чердак»

Во-первых, background. Ищем подходящий фон

Во-вторых, основной текст. Lineup (при наличии Dj), дата, цена за вход.

В-третьих, элементы дизайна. Логотипы и иконки социальных медиа, спонсоров и т.д.

Фон

Рекомендуем не искать бэкгрануд для тематической вечеринки в гугл картинках. Лучше воспользоваться фото-банками, вроде Shutterstock. Плюс такого подхода в том, что вы можете выбирать качество изображения. Если вам нужен огромный постер на входе в клуб — покупаете, скажем 4183 x 4183.

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

 Мы нашли и использовали изображение из коллекции Rustic Stock Photo Pack, которое, как никак кстати, подойдет для нашей big party

Основной текст

Первым делом — логотип. У каждого, кто имеет отношение к дизайну клуба/бара должен быть логотип в .cdr .psd .png-форматах. У нас уже был готовый файл:

Чтобы сделать акцент на дате мероприятия, мы выделили цифры другим шрифтом и увеличили их размер:

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

Обратите внимание, чтобы цвета казались более теплыми и «ламповыми». Мы уменьшаем параметр Непрозрачность (Opacity) слоя до 80-90%, а прямоугольным фигурам и вовсе устанавливаем его в 33%:

Дополнительные элементы

Логотипы спонсоров или масс-медиа, обслуживающие мероприятие поместим, по традиции, в нижний ряд. Обратите внимание, если мы указываем возрастное ограничение и наличие дресс-кода и фейс-контроля на входе, то мы помещаем их в «контейнеры» с точно такими же эффектами для слоя. Проще всего это сделать продублировав слой (Duplicate Layer или Дублировать слой).

Осталось найти только логотипы. Окей, гугл. Здесь повторяется история с логотипом — нужен прозрачный фон. Для этого есть файлы с расширением PNG. Таким образом, если на предстоящем мероприятии будет вестись фото-отчет от портала Geometria, то наш запрос будет выглядеть следующим образом: geometria logo png. Нам остается лишь выбрать понравившийся результат из поиска.

С остальными логотипами — аналогично.

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

На разработку ушло: ~20 минут

Урок Photoshop: Создаем постер

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

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

Давайте создадим документ, фоновый цвет которого будет #080808, а размер 1600х2300 (при разрешении 300dpi). Мы будем работать при высоком разрешении, так как надо удерживать четкость изображения, подходящую для дальнейшей распечатки, если это понадобится.

Этап 2

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

Этап 3

Добавьте изображение тумана на новый слой поверх слоя с текстурой, поверните его и используйте данные параметры настройки цвета (Hue Saturation): 192, 26, 0.

Это должно придать синий оттенок, как показано на изображении. Теперь используйте инструмент создания масок (Mask Tool) для того, чтобы смешать изображение с фоном.

Только левая, правая и нижняя части должны быть замаскированы (смотрите на изображение).

Этап 4

Далее нам нужно добавить изображение горизонта. Как и в предыдущих этапах, сделайте изображение черно-белым и используйте режим смешивания мягкого свечения (soft light). Мы продублировали изображение, чтобы оно было более детализированным. Используйте инструмент заливки градацией для того, чтобы замаскировать изображение в верхней части. Нам нужна лишь гора/камни и небольшая часть неба.

Этап 5

Возьмите ручку и нарисуйте объект, а затем разместите его поверх тумана. Используйте мягкую кисточку с 30% плотности для того, чтобы сделать отмеченные области мягче, немного смешайте их с фоном. Нижнюю часть женщины следует убрать. Мы также применили инструмент пятна (smudge tool) на 30% мощности, чтобы немного подретушировать лицо и руку.

Этап 6

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

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

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

Этап 7

Давайте добавим немного детализации. На новом слое используйте мягкую белую кисть (20% уровня плотности) для того, чтобы выделенной области на красной окружности немного реалистичного эффекта. Это придаст глубины и объект будет будто светиться. Также добавите контур кисточкой, используя ручку, по верхней части фигуры.

Воспользуйтесь набором текстур поцарапанного металла для того, чтобы добавить фигуре немного царапин. Расположите текстуру на холсте, уберите цвет и вырежьте по размеру фигуры, как показано на изображении. Установите уровень плотности отображения где-то между 20-40%.

Этап 8

Теперь фигуре добавилось немного детализации за счет использованной текстуры поцарапанного металла. Создайте выделение компьютерных чипов и разместите их на фигуре (уровень плотности отображения 85%, режим смешивания: мягкое свечение). Используйте инструмент создания маски для того, чтобы замаскировать их в фигуре.

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

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

Этап 9

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

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

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

Этап 10

Если вы следовали этапам применения текстур и дополнения деталей, то у вас и у нас должно получиться нечто схожее, как видно на картинке. Для того, чтобы сделать персонаж более «супергеройским», мы добавили «искры» в глаза. Просто используйте радиальную градацию в верхней части глаз (цвет: #10bdee) и установить уровень плотности на 50%, а стиль слоя выставите на Screen.

Этап 11

Создайте папку под названием «color adjustments» и расположите её поверх всех остальных слоёв. Таким образом, эффект будет наложен на все слои сразу, как отображено ниже.

Заливка цветом:

Цвет: #020317, установите стиль слоя на Screen

Функция селективных цветов (Selective color):

Красные: +37, -10, -33. +30 Желтые: +25, 0, -15, 0 Нейтральные: +5, 0, +2, +2

Черные: +20, 0, 0, 0

Яркость/Контраст:

Яркость: 11
Контраст: 7

И, наконец, добавьте уровневый слой. Тут всё зависит от того, насколько тёмное или светлое изображение вам нужно.

Этап 12

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

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

Мы создали выделение и залили его цветом #705e53, а затем уже добавили внутреннюю тень.

Этап 13

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

Этап 14

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

Этап 15

Для завершения мы добавили немного текста. Мы использовали блики по всему тексту. Для того чтобы сделать это, просто скопируйте лучи на холст, разместите их поверх текста и установите режим смешивания на наложение (overlay). Мы использовали мягкую кисточку, чтобы немного сгладить текст. Используемый шрифт называется «The Sans».

В качестве финального штриха, для того чтобы изображение выглядело более четким, мы применили эффект резкости (filter -> sharpen). Установите показатель на 30%, но не переусердствуйте.

Готово!

Подборка уроков в Photoshop

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

Благодаря продвинутому инструментарию, Photoshop способен заменить многие, если не все, специализированные программы для работы с изображениями. Главное — уметь пользоваться всеми его возможностями и не зацикливаться только на ретушировании изображений.

Вот вы знали, что в Photoshop можно редактировать видео? А если установить разнообразные плагины, то работа станет не только эффективнее, но и быстрее!

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

Новичкам

Если вы только начали осваивать Photoshop, вот несколько уроков, которые объяснят основы.

Как добавить слои, текст, несложные эффекты.

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

Работа с инструментами

Вставить текст позади объекта

Как совместить кисти и текстуру

Как кадрировать с помощью инструмента выделения

Подробный гид по магнитному лассо

25 приемов, которые должен знать каждый, кто работает с Photoshop

Плагины

Инструменты Corel Painter для Photoshop.

Отличный плагин для изменения размера изображения без потери качества!

Фильтры, которые превратят ваши цветные изображения в монохромные.

Kubota Texture Tools Industrial

50 фильтров металлических оттенков.

Поможет «согнуть» изображение любой формы.

Отсортирует все слои, как вам нужно.

Конвертирует слои Photoshop в формат CSS3.

Большой выбор отличнейших текстур.

Удаляет ненужные провода с изображений.

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

Шаблоны для создания виджетов социальных сетей.

Сортируйте, ищите и просматривайте все ваши шрифты в одном месте.

Создание изображений и эффектов

Постер с леттерингом, неоновый текст, немного хипстерской типографики и «спортивный» шрифт.

Превратить фотографию в карикатуру

Нарисовать «огненный» рисунок

Создать фэнтези-изображение

Добавить текстуру на кожу

Сделать пиксельный фон

Превратить фотографию в векторное изображение

Эффект левитации

Создать Gif-изображение

Уроки для продвинутых

Как добавить немного концептуальности любому изображению

Как работать с видео в Photoshop

Сделать изображение из текста

Курсы

На сайте adobeknowhow есть много крутых онлайн-курсов, в том числе и для тех, кто только начинает работу с Photoshop.

Почти 13 часов бесплатных видеоуроков, которые научат всему, что нужно знать на первых порах!

Мало знать приемы и секреты работы в Photoshop.

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

Как и обещали, мы подобрали только самые полезные уроки, советы и плагины. Уверены, что каждый сможет добавить что-то еще, поэтому просим вас делиться своими ссылками в комментариях! Ну и поделитесь статьей в соцсетях — мы старались и честно заслужили лайки и репосты;)

05.11.10

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

И так…

Первым делом создаём новый документ,у меня он 1280х1024 пикселей.

Самое простое позади