Как сделать афишу в фотошопе: Создаём в Photoshop афишу с рекламой спортивного мероприятия / Creativo.one
Создаём в Photoshop афишу с рекламой спортивного мероприятия / Creativo.one
Скорее всего, большинство из вас видели афиши, рекламирующие различные боевые искусства: бокс, смешанные боевые искусства (MMA), рестлинг. В этом уроке я покажу вам, как создать похожий постер в Photoshop, используя фотоманипуляцию, ретуширование и типографию. Начнем!
Скачать архив с материалами к уроку
Примечание: В источнике урока отсутствуют некоторые изображения. В архиве вы найдёте альтернативный вариант материалов для выполнения урока.
1. Подготавливаем бойцов
Шаг 1
Для данной работы мы будем использовать размер А3. Поэтому создаем новый документ размером 3508 х 4961 (29,7 х 42 в сантиметрах) пикселей с разрешением 300 точек/дюйм. Конечно, вы можете использовать другие значения, если планируете печатать постер большего или меньшего размера.
Активируем
Нижнюю часть тела бойца аккуратно удаляем с помощью Eraser Tool (E) (Ластик), чтобы получился плавный переход к фону.
Шаг 2
Повторяем процесс со вторым бойцом. Будет лучше, если мы сразу разместим всех персонажей постера, а затем займемся ретушированием, чтобы не делать лишних действий и работать только с теми областями, которые не видны зрителю.
Шаг 3
Так как боец на заднем плане является боксером, а в этом виде спорта немного другие перчатки, мы должны их доработать, чтобы они были менее похожи на боксерские. Берем Lasso Tool (L) (Лассо) и выделяем фрагмент перчатки без швов. Копируем и вставляем выделенную часть, чтобы закрыть белую деталь на перчатке.
Шаг 4
С помощью Clone Stamp Tool (S) (Штамп) ретушируем края и не забываем добавить швы. Сильно не старайтесь, главное, чтобы издалека это смотрелось реалистично и аккуратно. Объединяем вырезанный кусок перчатки со слоем с бойцом (Ctrl+E).
Шаг 5
Снова берем Lasso Tool (L) (Лассо) и в этот раз выделяем всю перчатку. Убедитесь, что вы не захватили руку модели.
Шаг 6
Жмем Ctrl+U, чтобы открыть Hue/Saturation (Цветовой тон/Насыщенность) и вводим параметры, показанные ниже. У вас должен получиться приятный темный оттенок на перчатке.
Шаг 7
Шаг 8
У бойца на заднем плане слишком высокая контрастность, поэтому прежде чем продолжать ретушь, мы должны ее уменьшить. Переходим Image – Adjustments – Selective Color (Изображение – Коррекция – Выборочная коррекция цвета) и настраиваем каналы
Шаг 9
Теперь над бойцом добавляем новый слой и жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания нового слоя на Overlay (Перекрытие). Затем мягкой кисточкой (В) белого цвета закрашиваем отмеченные ниже участки. Мы должны немного высветлить эти места.
Должен получиться такой результат:
Шаг 10
Находясь на том же слое, переключаемся на черный цвет и слегка закрашиваем темные участки кожи и волос, отмеченные ниже на скриншоте.
Шаг 11
Создаем новый слой и жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания этого слоя на Soft Light (Мягкий свет) и мягкой белой кистью рисуем блики. В этот раз нам просто нужно сделать немного ярче уже имеющиеся блики, а также осветлить правый контур тела.
Шаг 12
Создаем еще один новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Меняем режим смешивания этого слоя на Soft Light (Мягкий свет) и берем мягкую кисть (В). Устанавливаем цвет на коричневый (#583325) и слегка проводим в отмеченных зонах. Мы должны сделать цвет на спине чуть теплее, поэтому не переусердствуйте. Если не получается добиться желаемого эффекта, возьмите другой оттенок либо пропустите этот шаг.
Шаг 13
В нижней части панели слоев жмем кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Gradient Map (Карта градиента). Из стандартного набора выбираем фиолетово-оранжевый градиент и уменьшаем
Шаг 14
Добавляем следующий слой – Color Balance (Цветовой баланс). Настраиваем его, как показано ниже.
Далее с помощью Hue/Saturation (Цветовой тон/Насыщенность) добавляем немного света на бойце.
Далее применяем
Шаг 15
Теперь переходим к бойцу на переднем плане. Выше него добавляем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Меняем режим смешивания этого слоя на Overlay (Перекрытие) и берем мягкую белую кисть (В) (Hardness (Жесткость) – 0%, Flow (Нажим) – примерно 5%). Закрашиваем в местах, отмеченных зеленым ниже на скриншоте, чтобы улучшить освещение бойца. Также не забываем про глаза.
Не забывайте трансформировать в обтравочную маску каждый новый слой, который мы будем применять к этому бойцу.
Шаг 16
Освещение на теле бойца не очень хорошо работает с режимом смешивания Overlay (Перекрытие), поэтому далее мы будем использовать ту же самую технику ретуширования, только с режимом смешивания Soft Light (Мягкий свет).
На том же слое белой кисточкой добавляем свет по левому контуру бойца (как мы делали это с предыдущим бойцом).
На данном этапе эффект от добавления света не так заметен, но, когда мы добавим источник света на заднем плане, вы увидите большую разницу и поймете зачем мы осветляли контуры бойцов. Но это чуть позже.
Шаг 17
Переходим на панель слоев и добавляем новый корректирующий слой Selective Colors (Выборочная коррекция цвета). Настраиваем, как показано ниже.
Шаг 18
Слой Selective Colors (Выборочная коррекция цвета) должен немного сбалансировать контрастность, но, если вам кажется, что некоторые детали бойца слишком яркие, отредактируйте маску корректирующего слоя, чтобы уменьшить интенсивность эффекта, или просто уменьшите непрозрачность слоя.
Шаг 19
Далее добавляем следующий корректирующий слой – Curves (Кривые), используя его в качестве обтравочной маски. Тянем кривую вниз и вправо, затем инвертируем маску слоя (кликаем по ней и жмем Ctrl+I).
Берем мягкую белую кисточку (В) и проводим по маске корректирующего слоя, чтобы улучшить тени. Эффект от корректирующего слоя должен быть только на определенных участках бойца. Для начала попытайтесь улучшить только ключевые области, особенно те, которые находятся рядом с бликами.
На скриншоте ниже синим цветом отмечены области, которые необходимо закрасить. Также добавляем тень в правой части бойца, чтобы он гармоничнее смотрелся на темном фоне.
У вас должен получиться следующий результат.
Шаг 20
Продолжаем дальше и создаем следующий корректирующий слой – Gradient Map (Карта градиента) (фиолетово-оранжевый). Уменьшаем непрозрачность слоя до 10%.
Далее выполняем цветокоррекцию бойца с помощью Color Balance (Цветовой баланс), используя следующие настройки:
Корректируем контрастность с помощью Hue/Saturation (Цветовой тон/Насыщенность):
Наконец, добавляем последний корректирующий слой Gradient Map (Карта градиента) (черно-белый), устанавливаем режим смешивания слоя на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 30-40%. Перед тем, как продолжить, посмотрите на бойцов. Наша цель – добиться эффекта, как будто оба человека запечатлены на одном фото, а не собраны из разных картинок.
2. Работаем с фоном и освещением
Шаг 1
Под всеми предыдущими слоями создаем новый слой. Мягкой кисточкой по центру ставим пятно, используя темно-синий цвет (#0a1331). Пятно должно быть еле заметным.
Выше добавляем новый слой, меняем его режим смешивания на Overlay (Перекрытие) и мягкой кистью рисуем по центру белое пятно. Чтобы увеличить яркость эффекта, можете дублировать (Ctrl+J) этот слой.
Берем кисточку (В), зажимаем клавишу Alt и кликаем по темно-синему участку, чтобы взять пробу цвета. Создаем новый слой и распределяем этот цвет по рабочему полотну.
Шаг 2
Теперь белым цветом закрашиваем центр документа. Старайтесь, чтобы пятно не было слишком большим и располагалось четко по центру.
Шаг 3
Выше создаем еще один новый слой, меняем его режим смешивания на Soft Light (Мягкий свет) и светло-зеленым цветом (#d4ff27) добавляем зеленоватую тонировку в центре полотна.
Корректируем цвета, используя корректирующий слой Color Balance (Цветовой баланс).
Затем выше создаем еще один новый слой в режиме смешивания Soft Light (Мягкий свет) и вокруг центрального светлого пятна добавляем светло-синюю тонировку (#5089a6). Это необязательный шаг, но, мне кажется, небольшая коррекция цвета не помешает.
Постарайтесь добиться результата, как на картинке ниже. Если по вашему усмотрению где-то не хватает цвета, зажмите клавишу Alt, чтобы взять пробу, и добавьте его в нужных местах.
Шаг 4
Теперь перемещаемся к бойцу на заднем плане и дорабатываем освещение. Для начала добавляем корректирующий слой Color Balance (Цветовой баланс) и трансформируем его в обтравочную маску для слоя с бойцом.
Кликаем по маске корректирующего слоя Color Balance (Цветовой баланс) и жмем Ctrl+I, чтобы инвертировать ее. Затем берем мягкую белую кисть (В) и проводим по маске в тех местах, которые отмечены ниже на скриншоте, чтобы проявить эффект корректирующего слоя. Убедитесь, что синяя тонировка есть только на спине этого бойца.
Теперь создаем новый слой, жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания на Vivid Light (Яркий свет). Затем берем мягкую кисть и цвет #0ea494. Проводим кистью в тех же местах, что и выше. Это улучшит эффект синей тонировки на спине.
Далее добавляем корректирующий слой Gradient Map (Карта градиента) и трансформируем его в обтравочную маску. Используем цвета, показанные ниже, и устанавливаем режим смешивания слоя на Soft Light (Мягкий свет).
Шаг 5
Чтобы работа смотрелась гармоничнее, мы должны увеличить насыщенность контурного света. Для этого создаем два новых слоя, первый в режиме смешивания Normal (Нормальный), а второй – Overlay (Перекрытие). Белой кистью на обоих слоях проводим по контуру бойца, как показано ниже.
Слой в режиме смешивания Normal (Нормальный) будет отвечать за направленный белый свет, поэтому его мы добавляем совсем немного по краю спины. Слой в режиме смешивания Overlay (Перекрытие) нужен для создания насыщенного перехода между светом и кожей. При необходимости, можете добавить больше света и распределить его дальше по спине.
Закончив, получаем вот такой результат:
Шаг 6
Переходим к бойцу на переднем плане и повторяем процесс, показанный в 4 и 5 шагах. Повторяем все действия в том же порядке. Начинаем с корректирующего слоя Color Balance (Цветовой баланс) в шаге 4 и работаем с его маской. Проводим кистью в отмеченных на скриншоте местах.
Выше создаем новый слой, жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания слоя на Vivid Light (Яркий свет), берем Brush Tool (B) (Кисть) и устанавливаем цвет на #0ea494. Проводим кистью в тех же местах, что и выше, чтобы добавить голубоватую тонировку.
Затем добавляем корректирующий слой Gradient Map (Карта градиента), используя цвета, показанные на скриншоте ниже. Меняем режим смешивания градиентного слоя на Soft Light (Мягкий свет). Уменьшаем непрозрачность слоя, если получился слишком насыщенный эффект.
Шаг 7
Теперь выбираем все слои с бойцом на переднем плане (основной слой и все обтравочные маски) и дублируем их (Ctrl+J). Не снимая выделения с дубликатов, сразу жмем Ctrl+E, чтобы объединить их в один слой. В результате на одном слое у нас появится копия бойца. Обесцвечиваем его командой Ctrl+Shift+U и применяем Levels (Уровни) (Ctrl+L).
Постарайтесь получить примерно такой же результат, как на скриншоте ниже:
Далее меняем режим смешивания копии на Screen (Осветление) и переходим Layer – Layer Mask – Hide All (Слой – Слой-маска – Скрыть все). Применив маску, берем мягкую белую кисть (В) и проводим в отмеченных красным областях.
Должен получиться красивый эффект блика, практически похожий на мокрую кожу.
Мы должны постараться сделать так, чтобы боец на переднем плане был максимально похож на бойца на заднем плане. У бойца на заднем плане есть очень яркие блики и похоже, что для фотосессии его кожу специально намочили. Поэтому мы должны попытаться создать похожий эффект на втором бойце.
Шаг 8
Далее выше обоих бойцов создаем новый слой. Меняем его режим смешивания на Soft Light (Мягкий свет) и светло-синим цветом (#2bd1f5) проводим по коже вокруг источника света. Убедитесь, что эффект виден на обоих бойцах.
Закончив с освещением, у вас должен получиться такой результат:
3. Создаем клетку и предметы окружения
Шаг 1
Открываем фото сетки. Благодаря тому, что изображение сетки бесшовное, мы можем создать отличную большую текстуру, которая подойдет для нашего постера. Используя Magic Wand Tool (W) (Волшебная палочка) вырезаем сетку и переносим на рабочий документ.
Дублируем (Ctrl+J) кусочек сетки много раз и распределяем копии по рабочему полотну, чтобы получилось одно цельное плотно. Закончив, все части сетки объединяем в один слой (Ctrl+E).
Дважды дублируем сетку и, используя свободную трансформацию (Ctrl+T) (после активации жмем правой кнопкой и выбираем режим Distort (Искажение)), создаем две боковые стенки, чтобы сформировать часть восьмиугольной клетки.
Шаг 2
Объединяем все копии сетки вместе (Ctrl+E) и называем слой «Клетка».
На скриншоте ниже показано в каких местах мы должны доработать освещение, чтобы сетка выглядела реалистично. Направление источника света показано зелеными стрелками, а теней – красными.
Для начала над слоем с сеткой добавляем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Меняем режим смешивания слоя на Overlay (Перекрытие). Далее с помощью мягкой белой кисточки наносим блики на верхней левой стороне каждой ячейки. Также для этих целей можете воспользоваться графическим планшетом, чтобы результат получился более точным и качественным.
Повторяем процесс, только в этот раз рисуем тени на нижней правой стороне каждой ячейки. Работаем на новом слое в режиме смешивания Multiply (Умножение) и используем мягкую черную кисть.
Сетка – всего лишь элемент фона, поэтому слишком не зацикливайтесь на ее проработке. Постарайтесь закончить работу как можно быстрее. Конечный результат не должен быть идеальным, так как при отдалении светотени все равно не будут особо заметны, но все же добавят реалистичности.
Далее создаем общее затенение по бокам сетки в виде виньетки. Для этого используем мягкую черную кисточку и обычный слой. Проводим инструментом в отмеченных красными стрелками местах.
Шаг 3
В качестве финального штриха мы создадим верхнюю раму для клетки. Активируем Pen Tool (P) (Перо) и на верхней панели с параметрами инструмента переключаем режим на Shape (Фигура). Затем по верхнему контуру сетки рисуем полоску в виде части восьмиугольника. Для заливки фигуры используем темно-серый цвет.
Далее переходим на панель слоев, кликаем правой кнопкой мыши по слою с фигурой и выбираем Blending Options (Параметры наложения). Применяем стиль слоя Bevel & Emboss (Тиснение).
Выше создаем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Берем Brush Tool (B) (Кисть), зажимаем клавишу Alt, чтобы переключиться в режим пипетки. Берем пробу фонового цвета, ближе к источнику света, и аккуратно проводим по нижней границе рамы, чтобы создать красивый контурный свет.
Шаг 4
Открываем изображение с концертным залом, перетаскиваем его на рабочий документ выше всех предыдущих слоев и меняем режим смешивания на Screen (Осветление).
С помощью маски или Eraser Tool (E) (Ластик) удаляем верхнюю часть изображения. Убедитесь, чтобы все лучи света в верхней части фото с концертным залом заканчивались под животом бойца.
Корректируем освещение концертного зала. Переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и вводим настройки, показанные ниже на скриншоте. Нам необходимо, чтобы оттенки зала соответствовали цветовой схеме постера. Я намеренно не использую параметр Colorize (Тонирование), потому что он дает 100%-ный монохромный эффект, а нам нужно, чтобы цвета выглядели натурально.
Продолжаем дальше и применяем Image – Adjustments – Color Balance (Изображение – Коррекция – Цветовой баланс), чтобы улучшить глубину цвета.
В итоге мы получаем приятные сине-зеленые оттенки, которые подходят для нашей работы.
Шаг 5
Теперь активируем мягкую кисть (Hardness (Жесткость) – 0%, Flow (Нажим) – очень низкий). Зажимаем клавишу Alt и берем пробу синего цвета на концертном зале, затем удлиняем лучи света в направлении, показанном на скриншоте ниже. Стараемся добиться такого эффекта, как будто концертный зал больше, чем оригинальное изображение на самом деле.
Шаг 6
Открываем фото с фейерверком и перетаскиваем его на рабочий документ.
На данном фото нас больше интересует дым, а не искры. Поэтому с помощью маски или ластика скрываем все, что находится за пределами области в красной окружности (на скриншоте ниже).
Перемещаем слой с фейерверком почти в самый низ панели слоев, чтобы он был на заднем плане. Меняем режим смешивания слоя на Screen (Осветление). Затем переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и настраиваем цвета, как показано ниже.
Дублируем (Ctrl+J) слой с дымом и заполняем им все рабочее пространство (особенно, по бокам), чтобы придать атмосферности работе. Описанный выше способ обработки изображения вы можете с легкостью применить к любому фото с фейерверком из набора на cgtextures.com. Проявите фантазию и воспользуйтесь сразу несколькими картинками, чтобы получить более интересный результат. Но также не перестарайтесь с этим эффектом и сохраните баланс.
Шаг 7
Из-за дыма фоновый цвет стал ярче, в основном, из-за режима смешивания. В связи с этим нам необходимо подкорректировать освещение рамы клетки.
Добавляем новый обтравочный слой для рамы и мягкой кисточкой аккуратно проводим светло-синим цветом (#c4fcfd), как показано ниже стрелками.
Добавляем еще один слой, меняем его режим смешивания на Overlay (Перекрытие) и рисуем узкую полоску света на раме, используя белый цвет.
Шаг 8
Теперь берем Pen Tool (P) (Перо) и проверяем, чтобы на верхней панели режим был установлен на Shape (Фигура). Рисуем треугольник в верхней части афиши. Используем цвет #dfffff.
Устанавливаем режим смешивания слоя на Soft Light (Мягкий свет) и в окне Window – Properties (Окно – Свойства) настраиваем фигуру, как показано ниже. В результате мы получили эффект светового луча.
Несколько раз дублируем (Ctrl+J) световой луч и с помощью свободной трансформации (Ctrl+T) поворачиваем каждую копию, как показано ниже. Убедитесь, чтобы расположение лучей примерно повторяло очертание окружности.
Шаг 9
Далее мы создадим частицы пыли. В самом верху панели слоев добавляем новый слой и заливаем его серым цветом (#7e7e7e). Затем применяем Filter – Noise – Add Noise (Фильтр – Шум – Добавить шум). Настраиваем фильтр, как показано ниже.
Меняем режим смешивания слоя с шумом на Screen (Осветление), затем жмем Ctrl+L и применяем Levels (Уровни). Постарайтесь получить такой результат, чтобы большая часть фона исчезла и остались белые частицы.
Дважды дублируем этот слой (Ctrl+J), чтобы в итоге получить три слоя с частицами. Объединяем их в один слой (Ctrl+E) и снова устанавливаем режим смешивания на Screen (Осветление). В результате частицы стали более контрастными и четкими.
Далее с помощью Lasso Tool (L) (Лассо) рисуем выделение любой формы. Затем жмем Ctrl+T, чтобы активировать трансформацию, кликаем правой кнопкой мыши по выделению и выбираем Warp (Деформация). Хаотично искажаем выделение, форма нам не важна. Вы даже можете увеличить размер.
Можете проделать эти действия по всему рабочему полотну несколько раз. Постарайтесь сделать так, чтобы частицы летели в разных направлениях и варьировались в размерах.
Затем переходим Layer – Layer Mask – Hide All (Слой – Слой-маска – Скрыть все). Постарайтесь запомнить, в каких местах вы добавляли частицы, затем белой жесткой кисточкой маленького диаметра хаотично проводим в этих местах, чтобы вернуть частицы и создать эффект пыли.
Если вы хотите добавить глубины эффекту с частицами, то дублируем слой с частицами, удаляем маску и применяем размытие. Для этого переходим Filter – Blur – Lens Blur (Фильтр – Размытие – Размытие при малой глубине резкости). Настраиваем фильтр, как показано ниже.
И снова используем ту же технику (Layer – Layer Mask – Hide All (Слой – Слой-маска – Скрыть все)) и хаотично проводим по частицам белой кистью, чтобы создать эффект глубины. Не переусердствуйте с этим, так как нам не нужно месиво из разных эффектов. Постарайтесь соблюдать баланс между красотой и реалистичностью.
4. Добавляем текст
Шаг 1
И, наконец, переходим к работе с текстом. Вы, возможно, заметили, что я оставил пустые области снизу и сверху афиши. Именно в этих местах мы будем добавлять всю необходимую информацию. Лучше всего начать с подбора подходящего шрифта. Для обычного информационного текста я буду использовать шрифт Eagle Light.
Примечание: подходящий шрифт вы можете найти на нашем сайте в Дополнениях в разделе Шрифты.
Как правило, белый текст смотрится достаточно хорошо и лаконично, но легкие эффекты сделают работу более профессиональной. Поэтому мы применим к тексту стили слоя, а финальный эффект вы можете увидеть на скриншоте выше.
Если ваш результат отличается от моего, то, скорее всего, вы использовали другой размер текста. Настройки стилей слоя строго подобраны под определенный размер текста. В моем случае это 77 pt.
Шаг 2
Для чисел используем шрифт Helvetica Neue Pro.
И применяем стили слоя.
Шаг 3
Если у вас есть какие-либо логотипы, то лучше всего скомбинировать их с обычным текстом. Попробуйте залить их тем же цветом, что и цифры, но без использования стилей слоя. Весь дополнительный мелкий текст (который не так важен) мы заливаем темно-коричневым цветом (#b5a879).
Переключаемся на верхнюю часть постера. Пишем имена бойцов (в уроке использованы вымышленные имена). Здесь мы руководствуемся теми же принципами. А чтобы сэкономить время, просто копируем стили слоя с предыдущего текста, который мы добавляли в нижней части афиши. Для этого кликаем по тексту и выбираем Copy Layer Style (Скопировать стиль слоя), затем кликаем по второму текстовому слою и выбираем Paste Layer Style (Вставить стиль слоя).
5. Создаем логотип
Шаг 1
Теперь переходим к основному логотипу. Подбираем подходящий «спортивный» шрифт (в данном уроке использован SFS Sports Night.
Примечание: подходящий вариант шрифта вы можете найти на нашем сайте в Дополнениях в разделе Шрифты.
Размещаем текст по центру и увеличиваем логотип так, чтобы он был достаточно большим для постера. Затем кликаем правой кнопкой по тексту и выбираем Convert to Shape (Преобразовать в кривые). После этого меняем цвет фигуры на #8e7c32. Называем слой «Центральный логотип».
Дублируем слой «Центральный логотип», размещаем его под оригиналом и немного уменьшаем (Ctrl+T). Называем слой «Задняя часть логотипа».
Меняем цвет задней части логотипа на #372e07. Затем берем Pen Tool (P) (Перо) (в режиме Shape (Фигура)) и соединяем углы обеих копий логотипа, используя цвет задней копии. Это придаст 3D-эффект нашему логотипа. Закончив, объединяем все слои с углами со слоем «Задняя часть логотипа» (слой «Центральный логотип» оставляем отдельно).
Теперь зажимаем клавишу Ctrl и кликаем по миниатюре слоя «Центральный логотип», чтобы загрузить его выделение. Переходим Select – Modify – Contract (Выделение – Модификация – Сжать) и сжимаем выделение примерно на 10 пикселей (значение зависит от размера вашего текста). Затем выше создаем новый слой и заливаем его более темным оттенком логотипа. Снимаем выделение (Ctrl+D) и называем слой «Передняя часть логотипа».
Активируем Move Tool (V) (Перемещение) и на клавишах со стрелками жмем по несколько раз вниз и вправо, чтобы слегка сместить верхний слой логотипа. Берем жесткую круглую кисть (все параметры кисти должны быть установлены на 100%), добавляем маску на слой и черным цветом кисточки закругляем углы верхнего слоя, как показано ниже.
У вас должен получиться результат примерно такой же, как на скриншоте ниже. Закончив, выключаем видимость верхнего слоя логотипа, пока что он нам не нужен.
Шаг 2
Переходим на слой «Задняя часть логотипа». Выше него добавляем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Берем мягкую кисточку (Hardness (Жесткость) – 0%, Flow (Нажим) – 2-5%). Осветляем заднюю часть логотипа в местах, отмеченных зелеными линиями. Затем в местах, отмеченных красными стрелками, рисуем блики, используя цвет #8e7c32.
Стараемся наложить светотени с двух разных углов – сзади и слева, чтобы создать эффект нескольких источников света.
Чтобы усилить освещение, создаем еще один слой и меняем его режим смешивания на Overlay (Перекрытие) (также не забываем трансформировать в обтравочную маску). Мягкой белой кистью усиливаем блики в отмеченных на скриншоте местах. В этот раз блики должны быть яркими и насыщенными.
Шаг 3
Для создания эффекта золота мы должны подобрать фото предмета с гладкой и глянцевой текстурой. А для этого мы заранее подготовили снимок с прибором.
Открываем изображение и перетаскиваем его на рабочий документ. Размещаем прибор над первой буквой. Обесцвечиваем картинку (Ctrl+Shift+U) и применяем Levels (Уровни) (Ctrl+L).
Меняем режим смешивания слоя с прибором на Overlay (Перекрытие) и трансформируем его в обтравочную маску (Ctrl+Alt+G). Затем добавляем маску и мягкой черной кистью скрываем отмеченные стрелками области.
Перед редактированием вы можете повернуть фото с прибором, и, возможно, с другим углом наклона эффект будет выглядеть лучше. Основная цель состоит в том, чтобы подобрать такое расположение прибора, которое будет создавать нужный эффект на задней части логотипа.
Удаляем только те области, которые совершенно не подходят или перенасыщают цвет.
Я удалил практически 70% прибора, но зато у меня получилось добиться нужного эффекта. Помните о балансе, иногда чем меньше – тем лучше.
Чтобы эффект выглядел реалистичнее, поворачиваем прибор до тех пор, пока не подберем идеальное расположение. Постарайтесь найти такие места, в которых есть несколько прямых линий и расположить прибор так, чтобы эти линии были параллельны букве. Этот создаст красивый глянцевый эффект.
Если у вас возникли проблемы с выполнением этого шага, откройте заново изображение с прибором и сразу же поверните его примерно на -80 градусов. Это будет подходящий угол для логотипа, и вы с легкостью найдете нужные прямые линии.
Применяем фильтр Gaussian Blur (Размытие по Гауссу) или Motion Blur (Размытие в движении) с совсем небольшим радиусом, чтобы слегка размыть созданный эффект. Также несколько раз дублируем слой с прибором, чтобы создать подобный эффект на других буквах. Обратите внимание, чтобы все линии на каждой букве были направлены в одну сторону.
Добавляем теплые оттенки на задней части логотипа, используя корректирующий слой Color Balance (Цветовой баланс) (трансформируем слой в обтравочную маску).
Шаг 4
Теперь переходим к слою «Центральный логотип». На панели слоев кликаем правой кнопкой по слою и выбираем Blending Options (Параметры наложения). Применяем стили слоя, чтобы стилизовать края логотипа.
Шаг 5
Возвращаем видимость верхнего слоя логотипа. На панели слоев добавляем новый корректирующий слой Solid Color (Цвет). Выбираем цвет #937539 и жмем Ctrl+Alt+G, чтобы трансформировать цветовую заливку в обтравочную маску.
Чтобы получить нужный эффект, все следующие слои, которые мы будем добавлять, не забываем трансформировать в обтравочные маски.
Создаем новый слой, устанавливаем его режим смешивания на Overlay (Перекрытие) и мягкой белой кистью проводим в отмеченных стрелками местах.
Повторяем процесс – новый слой, режим Overlay (Перекрытие), мягкая белая кисточка. Но в этот раз при работе с кистью зажимаем клавишу Shift, чтобы нарисовать ровную прямую линию.
Точками на скриншоте отмечено, в каком месте нужно начинать и заканчивать линию, зажав клавишу Shift. Это позволит нарисовать идеально прямые линии.
Далее добавляем корректирующий слой Curves (Кривые). Настраиваем его, как показано ниже. Затем выделяем его маску и жмем Ctrl+I, чтобы инвертировать ее в черный цвет. Теперь берем мягкую белую кисть и в местах, отмеченных красными стрелками, проводим для создания затенения.
Шаг 6
Открываем фото с деревянной коробкой и поворачиваем его, как показано ниже. Угол наклона должен соответствовать направлению бликов, которые мы добавляли в предыдущем шаге.
Непрозрачность коробки уменьшена для наглядности, чтобы вы видели правильный угол наклона.
Меняем режим смешивания слоя на Soft Light (Мягкий свет) и применяем Filter – Blur – Motion Blur (Фильтр – Размытие – Размытие в движении). Настраиваем фильтр, как показано ниже.
Объединяем все слои с логотипом (заднюю, центральную и переднюю части) и выше добавляем несколько корректирующих слоев, трансформировав их в обтравочные маски.
- Первый Gradient Map (Карта градиента) – цвета #4c3606 и #efd16b – режим Normal (Нормальный).
- Второй Gradient Map (Карта градиента) – черно-белый – режим Overlay (Перекрытие).
- Третий Gradient Map (Карта градиента) – черно-белый – режим Overlay (Перекрытие) (непрозрачность примерно 30-40%).
Шаг 7
У вас должен получиться вот такой результат:
Логотип почти готов, но, чтобы он идеально вписывался в постер, давайте добавим еще пару корректирующих слоев:
- Hue/Saturation (Цветовой тон/Насыщенность), настраиваем канал Yellows (Желтые), чтобы добавить белый цвет
- Selective Color (Выборочная коррекция цвет), корректируем общую цветовую гамму
И в качестве финального штриха еще два корректирующих слоя:
- Brightness/Contrast (Яркость/Контрастность) для создания свечения
- Color Balance (Цветовой баланс) для финальной цветокоррекции
Шаг 8
Выше всех предыдущих слоев создаем новый слой (в обтравочную маску не трансформируем), меняем режим смешивания слоя на Linear Dodge (Линейный осветлитель). Берем мягкую кисть бледно-зеленого цвета (#a1a575) и добавляем свечение с левой стороны букв там, где отмечено стрелками. Это не только добавит интересный эффект, но также объединит логотип с фоном.
Завершение
В этом уроке вы научились создавать афишу с рекламой мероприятия ММА в Photoshop. Изученные приемы можно применить для создания работ, посвященных другим видам искусств. В процессе работы вы узнали, как подготавливать фотографии, добавлять текст и рисовать логотип с металлическим эффектом. Надеюсь, изученные навыки вам пригодятся и вы воспользуетесь ими для создания своих собственных работ.
Автор: Wojciech Pijecki
Источник: design.tutsplus.com
Как сделать постер в фотошопе. Создаем постер из вашей фотографии в фотошоп
В этом уроке вы узнаете, как, используя стоковое фото с изображением чернил в воде и нескольких текстовых слоев, создать креативный постер в Photoshop. Данный эффект лучше всего смотрится на однотонном фоне. Стоковую картинку вы можете найти в Интернете или скачать на сайте Envato Elements.
Перед началом загружаем все необходимые материалы:
- программа Adobe Photoshop (пробную версию можно скачать на сайте Adobe
- Чернила в воде
- Шрифт Bw Nista International
Оригинальная картинка из урока платная, но в архиве вы найдете бесплатные альтернативные версии исходников. Также на сайте Google Fonts можно подобрать подходящий для вашей работы бесплатный шрифт, например, Roboto или Lato. Об установке шрифтов можете почитать в этом уроке.
Скачиваем картинку, устанавливаем шрифт и приступаем к работе!
Добавляем финальные детали
Давайте добавим последние детали на постере. Берем Text Tool (T) (Текст) и открываем панель Characters (Символ). Если она закрыта, переходим Type – Panel – Characters Panel (Текст – Панели – Панель символов).
Ниже текст, который я добавила, с размерами, начертанием и межстрочным интервалом.
- 18.06 – 20.06.2018 (BW Nista International, Size (Размер) – 54 пт, Leading (Интерлиньяж) – 57 пт, начертание Bold)
- 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)
Обратите внимание, что каждый слой я разместила в разные углы документа. Это необходимо для того, чтобы дополнить основные элементы композиции и сбалансировать дизайн.
Вставляем картинку с чернилами
Шаг 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 (Добавить слой-маску).
Как сохранить файл для веба
Чтобы сохранить в формате JPEG для веба, переходим File – Save for Web
(Файл – Сохранить для веба) или используем комбинацию клавиш Shift+Alt+Ctrl+S. В открывшемся окне выбираем формат файла – в моем случае JPEG – и устанавливаем
Quality
(Качество) на 100. Ниже в меню
Image Size
(Размер изображения) можете подкорректировать размер в пикселях, если на сайте, куда вы собираетесь загружать работу, есть какие-либо ограничения по размеру.
Поздравляю! Мы закончили!
В этом уроке вы узнали, как создать креативный постер в Photoshop, используя типографику и картинку с чернилами. Вы научились:
- Использовать маски чтобы скрывать/восстанавливать участки изображения.
- Добавлять тень для создания эффекта глубины.
- Грамотно распределять элементы композиции, чтобы создать иллюзию объема.
Во многих небольших клубах часто встречается ситуация, когда один человек выполняет функции и администратора, и арт-директора, и до кучи дизайнера. Еще чаще — эта затея не приносит ничего хорошего и в новостях мы видим ужасные, коряво сделанные на коленке тикеты, афишы, пригласительные, флаера. Чтобы исправить эту оплошность, мы написали наглядный урок, как быстро и просто сделать мини-постер в фотошопе.
Любой дизайн-проект требует если не отличного умения, то хотя бы опыта владения соответствующими инструментами. Нужно понимать, что данный тип услуг — почти всегда дорого. Но стоит ли экономить на качестве? Полный список преимуществ профессиональной разработки сайта можно почитать тут. Если вы всё же решили сэкономить, то, для начала, стоит подготовиться — составим план, по которому мы будем работать. Распишем каждый этап, чтобы разделить работу на несколько мини-заданий. Предположим, нам предстоит провести пивную вечеринку в баре под названием «Чердак»
Во-первых, background.
Ищем подходящий фон
Во-вторых, основной текст.
Lineup (при наличии Dj), дата, цена за вход.
В-третьих, элементы дизайна.
Логотипы и иконки социальных медиа, спонсоров и т.д.
Дополнительные элементы
Логотипы спонсоров или масс-медиа, обслуживающие мероприятие поместим, по традиции, в нижний ряд. Обратите внимание, если мы указываем возрастное ограничение и наличие дресс-кода и фейс-контроля на входе, то мы помещаем их в «контейнеры» с точно такими же эффектами для слоя. Проще всего это сделать продублировав слой (Duplicate Layer или Дублировать слой)
.
Осталось найти только логотипы. Окей, гугл. Здесь повторяется история с логотипом — нужен прозрачный фон. Для этого есть файлы с расширением PNG. Таким образом, если на предстоящем мероприятии будет вестись фото-отчет от портала Geometria, то наш запрос будет выглядеть следующим образом: geometria logo png.
Нам остается лишь выбрать понравившийся результат из поиска.
С остальными логотипами — аналогично.
В фотошопе или своими руками? Какой метод использовать? Мы подробно рассмотрим оба варианта, и тогда каждый сможет выбрать подходящий ему.
Создаем новый документ
Шаг 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+;.
Создание плаката/флаера в Photoshop-е
Используем тот же шрифт «Century Gothic»
голубого цвета и вставляем те же стили слоя, которые у меня указаны здесь:
Используя ту же технику, добавляем дату:
Шаг 6
Этот Шаг немного сложнее. Мы будем добавлять волны внизу плаката. Создаем новый слой. Берем инструмент Pen tool
и создаем фигуру, похожую на эту:
После того, как фигура создана, переходим в настройки кистей Brush panel
и выбираем кисть
Chalk Brush
, которая входит в набор
Adobe Photoshop
:
Возвращаемся к инструменту Pen Tool
(опять выделяем
Pen Tool
на панели инструментов), нажимаем правой кнопкой на рабочей области и выбираем пункт
Stroke Path
.
Вот, что у Вас должно получиться:
Шаг 7
Нам снова нужно вставить стили слоя с одного из текстовых слоев на слой с волнами и отключить один из стилей: Bevel and Emboss
.
Вот как оно должно выглядеть:
Шаг 8
Дублируем слой дважды, размещаем их один под другим и используем разные цвета. Также добавляем логотип клуба и спонсоров. И на этом мы заканчиваем урок, наши поздравления!
Не забудьте оставить своё мнение, или поделиться результатом.
Перевод для сайта https://photoshoplove.ru сделан besty Автор урока: psdartist.comПосетители, находящиеся в группе Гости
, не могут оставлять комментарии к данной публикации.
В данном уроке Фотошопа мы рассмотрим процесс создания красочного плаката который будет состоять из фотографий и векторов. ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.
Финальный результат
Приступаем к уроку Фотошопа
↓ Материалы использованные в уроке:
Фотография пистолета; Фотография гранаты;
Шаг 1.
Открываем наше изображение пистолета, увеличиваем его размер на 300% (Zoom Tool (Инструмент Лупа / Клавиша ‘Z’)) и выбираем Pen Tool (Инструмент Перо / Клавиша ‘P’). Убедитесь, что выбран Paths (Контуры) и Add to path area (+) (Добавить к контуру), затем начинайте обводить пистолет. Потяните Anchor Point (Опорные точки) так, чтобы он вытянулся прямо вдоль границы: ↓
Шаг 2.
На стыке кривой и прямой линии добавим ещё один Anchor Point (Опорные точки). Берем Direct Selection Tool (Редактирование контура) (белая стрелка) и тянем за чёрную точку. Скоро вы поймёте, как передвигать Anchor Point (Опорные точки), чтобы кривая принимала нужную форму: ↓
Шаг 3.
Снова берём Pen Tool (Инструмент Перо / Клавиша ‘P’), зажав Alt кликаем по Anchor Point (Опорные точки) на конце кривой. Появится чёрная точка, с помощью которой подгоняем нашу линию по контуру изображения: ↓
Шаг 4.
Заканчиваем выделение изображения. Ниже приводится пример по управлению Anchor Point (Опорные точки) при создании сложных кривых. Смысл в том, чтобы создавая линии использовать как можно меньше точек.
Шаг 5.
Создайте новый документ (File > New (Файл > Новый / Сочетание клавиш ‘Ctrl+N’)) (формат A5, 300dpi), куда скопируйте и вставьте изображение пистолета. Возьмите Pen Tool (Инструмент Перо / Клавиша ‘P’) и вместо Paths (Контуры) поставьте Shape Layers (Слой фигуры). Выберите цвет, я взял 100%Magenta (Пурпурный), по ходу работы цвет можно поменять. Теперь рисуем струйки краски, вытекающие из ствола: ↓
Шаг 6.
Используем свою фантазию и законы физики: ↓
Шаг 7.
Нежелательные Anchor Points (Опорные точки) удаляем с помощью инструмента Direct Selection Tool (Редактирование контура): ↓
Шаг 8.
Наступило время придать нашей векторной слизи глубины. Выбираем слой с изображение слизи, заходим в меню Layer > Layer Style > Blending Options (Слой > Стиль слоя > Параметры наложения) и задаём следующие настройки; цвета подбираете на свой вкус: ↓
Шаг 9.
Нарисуйте побольше слизи, вылетающей из дула пистолета. Измените толщину и направление струи, попробуйте их немного увеличить. Рисуя мелкие брызги, представьте их движение относительно больших. Выбрав слой со слизью, заходите в меню Layer > Layer Style > Copy Layer Style (Слой > Стиль слоя > Скопировать стиль слоя).
Как сделать афишу в фотошопе
Чаще всего для этой цели пользуются программой Adobe Photoshop. В настоящее время в Интернете можно найти много видеуроков о том, как пользоваться этой программой или пройти курсы в специализированных школах.
Создать афишу в фотошопе очень легко, необходима только заготовка и ваша фантазия. Для начала выберите фотографию или картинку, которая станет основой вашей будущей афиши. Это может быть логотип магазина или фото известного исполнителя, или что-то другое. Далее загрузите ее в программу фотошопа для последующей обработки. Можно изменить фон, добавить надписи или еще какие-то элементы эскиза. Здесь все ограничено только вашими задумками или желаниями заказчика. Помните: если вам нужна афиша для привлечения всеобщего внимания, она должна быть яркой. Когда все будет готово, вам останется ее только распечатать на бумаге подходящего размера.
Мы рассмотрели самую популярную программу для создания афиш и обработки изображений, но вы можете выбрать любую удобную для себя.
Добавляем текст
Сперва нам нужно наметить расположение текста. Также он должен находиться на отдельных слоях. Это даст нам возможность свободно двигать элементы постера, пока мы не получим нужный результат.
Шаг 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 (Создать новую группу). Размещаем группу между двумя слоями с чернилами. Очень важно распределить слои именно в таком порядке. Мы оставим видимыми только некоторые детали верхнего слоя с чернилами, чтобы они частично перекрывать текст.
Как сделать афишу своими руками
Еще один способ — как сделать афишу — заключается в том, что вы можете ее полностью нарисовать сами. Но это лучше делать, если у вас действительно есть способности к рисованию.
Для этого вам понадобится лист бумаги размера будущей афиши, а также всевозможные краски, кисти, карандаши, фломастеры и другие принадлежности. До начала работ необходимо узнать, где будет висеть будущая афиша. Если это будет улица, то лучше всего в процессе творения использовать водостойкие краски на случай дождя (снега) или в конце произвести ламинирование афиши.
Также в создании афиши можно использовать какие-то готовые материалы. Например, это могут быть различные вырезки, открытки, фотографии и даже какие-то предметы.
В процессе создания афиши всегда могут участвовать несколько человек, каждый из которых будет отвечать за свою область. Например, один рисует, другой — пишет тексты для будущей афиши..
Фон
Рекомендуем не искать бэкгрануд для тематической вечеринки в гугл картинках. Лучше воспользоваться фото-банками, вроде Shutterstock.
Плюс такого подхода в том, что вы можете выбирать качество изображения. Если вам нужен огромный постер на входе в клуб — покупаете, скажем 4183 x 4183. Если нужно залить картинку во встречу ВК — платите за минимальное разрешение. Покупать ли их вообще или качать с торрент-трекеров — другая история. В любом случае, выбор таких источников обезопасит вас от заезженных в сети вариантов оформления. Мы нашли и использовали изображение из коллекции
Rustic Stock Photo Pack,
которое, как никак кстати, подойдет для нашей big party
Как сделать афишу в фотошопе и своими руками. Как сделать плакат в фотошопе
Благодаря общедоступности компьютера сделать афишу, плакат, а также метрику и газету стало проще и любой желающий может научиться это делать в программах или онлайн-сервисах. Поэтому навык по работе с графическими программами пригодится многим, если не каждому.
Хочется отметить, что при создании, лучше всего делать и обрабатывать фотографии самостоятельно . Тогда уникальность материала повысит качество. Если пользователь впервые делает подобный материал, то сначала лучше попробовать сделать его при помощи макетов на онлайн-сервисах, это поможет понять, какие функции пригодятся в использовании и исходя из этого знания будет проще определиться с программой в будущем.
Как сделать плакат или афишу в Photoshop
В Photoshop можно не только обрабатывать фото, но и создать афишу. Алгоритм создания афиш, плакатов и постеров одинаков, поэтому для примера возьмём создание Афиши концерта:
Инструкцию можно посмотреть на видео.
Как сделать плакат или афишу онлайн – лучшие сайты
Саnva
- Можно создать плакат с чистого листа или из шаблона.
- Для начала устанавливаем направление работы.
- Затем можно задать размер или выбрать из предложенных форматов.
- Открываем изображения , которые должны быть на плакате.
- Загруженное изображение можно перетащить на лист , удалить или сделать фоном.
- Выбираем «сделать фоном » и появляется панель работы. Если всё утраивает, жмём «применить ».
- Затем добавляем текст , который можно не только перемещать, но и редактировать в верхней панели.
- Можно добавить клипарт.
- Выбираем из списка понравившийся клипарт.
- Менять размер или местоположение можно, если навести курсор на картинку.
- Поверх легко поместить текст , переставив его на клипарт.
- Можно сохранить свой проект или макет и в будущем использовать его снова.
Fotojet
Как сделать газету на компьютере
Создание газеты в Word
В любой газете главное – это её наполнение, следует:
- продумать концепцию газеты , написать статьи с интересными заголовками и сделать фотокарточки, либо подобрать картинки;
- открыть Word и создать в нём новый документ ;
- обозначить название газеты . Надпись можно выделить при помощи функции WordArt;
- выполнить разметку страницы . Для этого необходимо нажать на кнопку «разметка страницы» и выбрать количество колонок, в которых будут статьи будущей газеты. Нажмите «применить », после указания количества колонок;
- заполнить колонки статьями;
- поместить в документ фотокарточки ;
- выделить весь текст и сделать его одного . Подобрать шрифт и размер можно в верхней панели;
- сохранить «файл» — «сохранить как » или сразу распечатать «файл — печать».
Создание газеты в Publisher
Инструкция по созданию газеты в программе Publisher:
- В закладке «Макет страницы » выбираем «Направляющие сетки и опорные направляющие » и делаем вспомогательные линии – это требуется для того, чтобы было проще распределить текст и выровнять его.
- В закладке «Направляющие разметки » указываем количество строк и столбцов, а также расстояние между столбцами – это будущие колонки газеты.
- В закладке «Вставка » находим функцию, которая позволит нарисовать блоковую сетку для будущих текстов на листе.
- Создаём блочную связь , выделив раздел текста и перенаправив её на закладку с именем «формат надписей ».
- Заполняем блоки статьями и фотографиями.
- Отправляем в печать
Как сделать стенгазету в Word
Стенгазету можно создать во многих онлайн приложениях и программах, но если нет доступа к интернету и возможности скачать специализированную программу, то на помощь придёт Microsoft Word:
- Откройте программу и установите альбомную ориентацию страницы.
- Нажимаем кнопку «Вставка » и добавляем WordArt надпись с заголовком стенгазеты.
- При помощи фигур в Word можно выделить написанное . Для этого выбираем «вставка » — «фигуры » и выбираем нужное.
- Открываем изображение, которое требуется поместить в газету и, кликнув на него правой кнопкой мыши нажимаем «копировать ». Затем наводим курсив на место, в которое планируется поместить изображение и нажимаем «вставить » либо комбинацию клавиш ctrl+V.
- Когда текст и фото добавлены, можно отправлять на печать.
Создание постера в стиле киноафиши к фильму Эволюция Борна/The Bourne Legacy (2012) в Photoshop CS6. Это — простое учебное руководство, подходящее для новичков, и поэтапно рассказывающее о методе создания афиши, используя базовые методики редактирования.
Конечный результат
Шаг 1
Открываем фотографию, над которой будем работать в Photoshop. Для этого проделываем нехитрые File -> Open. Рекомендуется использование фотографии с высоким разрешением, т.к. в ходе урока над исходным файлом будет проведена операция кропа (обрезки).
Шаг 2
Щелчок правой кнопкой мыши на слое и выбираем ‘Преобразовать в смарт-объект’ (Convert to Smart Object). Данная операция позволит нам, при необходимости, применить методы обратимого редактирования над рабочим слоем.
Шаг 3
Прежде чем начать манипуляции нам необходимо добавить слой и разместить его ниже ‘рабочей’ фотографии. Для этого необходимо совершить следующие действия: перейдите в меню Слои -> Новый слой заливка -> Цвет (Layer -> New Fill Layer -> Solid Color), выбрать черный цвет, затем нажмите кнопку ОК.Шаг 4
В панели слоев (Window -> Layers), перетащите слой с заливкой под рабочий и задайте имя каждому, при желании, как это показано на рисунке ниже.Шаг 5
Для начала мы добавим эффект песка (зернистости) фото при помощи корректирующих слоев и фильтров.
Начнем с добавления черно-белого корректирующего слоя Слои -> Новый корректирующий слой -> Черно-белое (Layer -> New Adjustment Layer -> Black & White), укажем режим наложения для данного слоя на Перекрытие (Overlay). При этом не стесняйтесь, поиграйте с настройками в панели свойств (Window -> Properties).
Шаг 6
Затем добавим слой Вибрация (Vibrance) регулировки Слои -> Новый корректирующий слой -> Вибрация (Layer -> New Adjustment Layer -> Vibrance). Уменьшим значение вибрации, дабы получить необходимый оттенок.
После проделанных манипуляций изображение выглядит следующим образом.
Шаг 7
Корректирующие слои выполнили свою работу) и на исходной фотографии получился эффект плохого освещения, что скрывает детали и делает фон темным. При этом у нас не стоит задача сделать изображение объекта слишком темной, ввиду того, что он может слиться с общим фоном и сделать полосы едва заметными.
Чтобы исправить эту ситуацию, мы применим регулировки Тени/Света (Shadows / Highlights). В панели слоев, выберите слой с фотографией, затем переходим по пути Изображение -> Коррекция -> Тени/Света (Image -> Adjustments -> Shadows / Highlights. Установить тени около 35%, а свет до 15% нажмите кнопку ОК.
Если мы обратим внимание на панель слоев, мы увидим, что корректировка была применена в качества смарт-фильтра. Это обусловлено действиями, которые мы с Вами провели во втором шаге данного руководства Преимущество использования смарт-фильтров в том, что мы можете изменить настройки в любое время без отмены огромного числа проделанных операций.
Шаг 8
Далее мы добавим немного песка нашему изображению, при этом воспользуемся фильтром добавления шума, применяя его в качестве смарт-фильтра, как и предыдущем шаге.
Убедитесь в том, что у Вас выбран слой с фотографией и откройте в верхнем меню Фильтр -> Шум -> Добавить (Filter -> Noise -> Add Noise). Устанавливаем чекбокс напротив “Монохромный” и выбираем параметры таки образом, чтобы получилось нечто похожее на изображение ниже. Нажмите кнопку ОК, чтобы завершить операцию.
Шаг 9
Теперь перед нами стоит задача обрезать и повернуть изображения.
Выберите инструмент Рамка (Crop (C)), и на панели параметров, отключить опцию «Удалить обрезанные пиксели» (Delete Cropped Pixel) вариант, что позволит нам в любой момент внести коррективы. Обрезаем изображение, как показано на рисунке ниже.
Так же нам необходимо повернуть изображение таким образом, чтобы, что глаза героя были выровнены по горизонтали. Это очень важно, и позже невыполнение этого нехитрого действия будет бросаться в глаза.
Шаг 10
Что же пришло время добавить текст, да покричащеJ к нашему изображению. Это процедуру необходимо провести до добавления полос по понятным причинам… а иначе, как вы узнает, куда поместить полоску позже. Далее в панели слоев выбираем верхний слой для того, чтобы, при добавлении текста он всегда появлялся над ним, пустячок, а приятно. Выбираем инструмент Текст и тут у Вас простор для творчества, в плане выбора размера и начертания шрифта, в данной работе Arial. Стоит заметить, что каждое слово — отдельный слой.
Шаг 11
Выбираем все текстовые слои (зажав CTRL) и объединяем их в группу (Слои -> Сгруппировать слои или Ctrl+G), чтобы глаза не мозолили. Переименовываем при необходимости.Шаг 12
Ту же операцию проделываем и для слоев, связанных непосредственно с фотографией (Вибрация, Черно-белое, и фотография героя) и даем ей имя ‘Фотография’.
Шаг 13
Теперь мы собираемся добавить полосы. Это очень легко сделать инструментом инструмент ‘Выделение прямоугольной рамкой’ (Rectangular Marquee Tool). Выбираем его в панели параметров устанавливаем режим «Добавить к выделенному» (Add to Selection) — 2 пиктограмма слева. Так же, убедитесь, что размер пера установлен в 0px. Нарисуйте прямоугольник, как показано на изображении ниже.
Начните с рисования прямоугольника вокруг текста и глаз, остальные добавите позже, затем добавить еще позже. Если вы допустили ошибку, просто нажмите Ctrl + Z, чтобы отменить. Хотите начать все сначала? Нажмите сочетание клавиш Ctrl + D, чтобы снять выделение и начать заново.
Шаг 14
В панели слоев, выбираем группу ‘Фотография’ и нажимаем кнопку Добавить маску слоя. Это создаст маску слоя от выделенных областей, сделанных в предыдущем шаге.
А выглядит это все никак иначе, как следующим образом.
Шаг 15
Мы почти закончили! Выбираем инструмент ‘Выделение прямоугольной рамкой’ и создаем выделение вокруг текста. Прежде убедитесь, что цвета переднего / заднего плана цвета установлены по умолчанию (белый, / черный), если это не так нажмите D, чтобы сбросить цвета. Нажмите клавишу Delete, чтобы заполнить выделенную область черным цветом. Нажмите сочетание клавиш Ctrl + D, чтобы снять выделение.
Когда вы закончите, установите режим выделения обратно в Новое выделение (как показано на рисунке).
Шаг 16
В палитре слоев щелкните на слое маски группы ‘Фотография’ — убедитесь, что вы нажали на миниатюру, так что вы редактируете маску слоя.Нажмите D на клавиатуре, чтобы сбросить цвета фона и затем нажмите кнопку Delete на клавиатуре. Это позволит заполнить выделенную область черным цветом. Нажмите сочетание клавиш Ctrl + D, чтобы снять выделение, когда вы закончите. Вот то, что мы имеем на данный момент.
Шаг 17
Выше мы вели речь о полезных свойствах Smart Filters. Вот пример ситуации, где вы сможете использовать. Фотография героя на данном фоне кажется, слишком неестественно темной для исправления ситуации щелчок по регулировкам Тени/Света. Без Smart Filters, вам бы пришлось отменить многого операций.
Уменьшим тени и увеличим свет для более реалистичного вида. Нажмите кнопку ОК, после того, как вы отрегулировали настройки.
Шаг 18
Завершая работу, добавим небольшой градиент к тексту. Щелкните правой кнопкой мыши на любом из текстовых слоев выберите Параметры наложения (Blending Options).Чекбокс напротив Наложение градиента (Gradient Overlay) затем установите параметры, указанные ниже. Нажмите кнопку ОК, когда закончите.
Во многих небольших клубах часто встречается ситуация, когда один человек выполняет функции и администратора, и арт-директора, и до кучи дизайнера. Еще чаще — эта затея не приносит ничего хорошего и в новостях мы видим ужасные, коряво сделанные на коленке тикеты, афишы, пригласительные, флаера. Чтобы исправить эту оплошность, мы написали наглядный урок, как быстро и просто сделать мини-постер в фотошопе.
Любой дизайн-проект требует если не отличного умения, то хотя бы опыта владения соответствующими инструментами. Нужно понимать, что данный тип услуг — почти всегда дорого. Но стоит ли экономить на качестве? Полный список преимуществ профессиональной разработки сайта можно почитать тут. Если вы всё же решили сэкономить, то, для начала, стоит подготовиться — составим план, по которому мы будем работать. Распишем каждый этап, чтобы разделить работу на несколько мини-заданий. Предположим, нам предстоит провести пивную вечеринку в баре под названием «Чердак»
Во-первых, 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. Нам остается лишь выбрать понравившийся результат из поиска.
С остальными логотипами — аналогично.
В фотошопе или своими руками? Какой метод использовать? Мы подробно рассмотрим оба варианта, и тогда каждый сможет выбрать подходящий ему.
Как сделать афишу в фотошопе
Чаще всего для этой цели пользуются программой Adobe Photoshop. В настоящее время в Интернете можно найти много видеуроков о том, как пользоваться этой программой или пройти курсы в специализированных школах.
Создать афишу в фотошопе очень легко, необходима только заготовка и ваша фантазия. Для начала выберите фотографию или картинку, которая станет основой вашей будущей афиши. Это может быть логотип магазина или фото известного исполнителя, или что-то другое. Далее загрузите ее в программу фотошопа для последующей обработки. Можно изменить фон, добавить надписи или еще какие-то элементы эскиза. Здесь все ограничено только вашими задумками или желаниями заказчика. Помните: если вам нужна афиша для привлечения всеобщего внимания, она должна быть яркой. Когда все будет готово, вам останется ее только распечатать на бумаге подходящего размера.
Мы рассмотрели самую популярную программу для создания афиш и обработки изображений, но вы можете выбрать любую удобную для себя.
Как сделать афишу своими руками
Еще один способ — как сделать афишу — заключается в том, что вы можете ее полностью нарисовать сами. Но это лучше делать, если у вас действительно есть способности к рисованию.
Для этого вам понадобится лист бумаги размера будущей афиши, а также всевозможные краски, кисти, карандаши, фломастеры и другие принадлежности. До начала работ необходимо узнать, где будет висеть будущая афиша. Если это будет улица, то лучше всего в процессе творения использовать водостойкие краски на случай дождя (снега) или в конце произвести ламинирование афиши.
Также в создании афиши можно использовать какие-то готовые материалы. Например, это могут быть различные вырезки, открытки, фотографии и даже какие-то предметы.
В процессе создания афиши всегда могут участвовать несколько человек, каждый из которых будет отвечать за свою область. Например, один рисует, другой — пишет тексты для будущей афиши..
Выводы о том, как сделать афишу
Оба варианта, которые мы рассмотрели в этой статье хорошие и имеют свои плюсы. Во-первых, они оба бюджетные. Для работы вы никого не нанимаете, следовательно, никому ничего не платите. Вся работа выполняется самостоятельно.
В случае фотошопа вам нужны доступ к самой программе и принтеру, а в случае рисования — набор необходимых инструментов.
В обоих случаях вы затратите время и, скорее всего, немалое, на создание будущей афиши. Это нужно учесть.
Какой из вариантов выбрать — решать только вам или вашему заказчику. Чаще всего выбор зависит от концепции мероприятия, для которого оформляется афиша, и от бюджета ее создания. Если это работа для себя, то лучше выбрать то, в чем вы более талантливы.
А еще оба варианта можно комбинировать. Например, полностью оформив афишу в фотошопе, на уже распечатанном плакате разместить какие-то предметы, сделанные вручную. Если есть такая задумка изначально.
1. Для начала создаем новый документ 768 px на 1024 px.
2. В примере мы используем 2 старинные текстуры. Найди их можно .
Вы же можете использовать любые другие, которые больше вам подходят.
3. В этом шаге вы раставляете выбранные вами текстуры так, как вам удобней.
Режим наложения для слоев выставляем (Умножение).
4. Теперь мы импортируем изображение печатной машинки , предварительно вырезав белый фон, при помощи инструмента () или (), как удобнее. Назовем этот слой «Typewriter ».
5. Для слоя «Typewriter » ставим режим наложения: (Умножение) и (Непрозрачность): 90% .
7. Потом вам нужно написать любой текст используя инструмент (). Шрифт, который использован в примере — «Arial ». Просто напишите свой текст белым, а также поместите его поверх всех слоёв, затем преобразуйте текст, так как вы желаете. Также, установите настройки к слою: режим наложения (Мягкий свет) and (Непрозрачность): 50% .
8. Этот шаг является самым трудоёмким, ибо занимает очень много времени. Вам придётся написать множество слов в слово, которое вы сделали в 7 шаге. Вы можете свободно помещать и преобразовывать слова. Для этих слов в примере используется шрифт «American Typewriter ». Для удобства можно перенести эти слова в папку «Алфавит ».
В примере раскрашены некоторые из слов красным цветом. Это сделано, чтобы выделить цитату о чём либо. Также, чтобы предоставить большее столкновение эффекту, если посмотреть в низ слова, слова, кажется, падают. Это добавляет больше движения к составу.
9. Пока проделанная работа должна походить на изображение ниже.
10. Сейчас вам нужно добавить несколько больше текста. На сей раз Вы получите эффект выскакивания слов из пишущей машинки. Не создавайте полные слова, только буквы. Например, в примере начинаем с буквы «a », и дублируем её пару раз, затем преобразовываем каждый слой, пока это не будет соответствовать представлению. Потом, печатаем «b », и так далее. В конечном итоге переместите все слои на папку под названием «Текст ».
11. Вы должны будете повторить пункт «10 », но на сей раз добавить меньше букв и сделать их меньше. Затем растрируйте их, и используете через меню (Фильтр — Размытие — Размытие по Гауссу) с Radius (Радиус) 1.0 px. Это создаст иллюзию, что буквы где-то вдали.
12. Создайте еще пару букв (в примере их 6). Сделайте их больше остальных. Потом преобразуйте их, используя инструмент (). Потом растрируйте примерно 50% от кол-ва букв. И примените для них через меню (Фильтр — Размытие — Размытие по Гауссу), используя различный радиус для каждой из букв. Это даст иллюзию, что эти буквы более близки.
13. Чтобы придать эффект высоты вот примерно находим облака, вырезаем их. Вытавляем поверх всех слоёв. Затем добавлям для красоты трещины при помощи кистей, а также внизу добавляем еще букв.
Ну вот и всё. Вся сложность рисунка в том, что надо постоянно создавать большое кол-во букв.
Финальный результат
Адаптация текста: Даниил Богданов
Создаем креативный постер в Photoshop. Как сделать афишу в фотошопе
Шамони-Монблан или, более привычно, Шамони — город и коммуна на востоке Франции, в департаменте Верхняя Савойя был местом Олимпийских Игр Зимы 1924 года, первых Зимних Олимпийских Игр. В этом пошаговом уроке, с помощью программы Фотошоп, я покажу Вам, как создать плакат лыжника в старинном стиля. По ходу урока Мы будем объединять исходные фотографии, текстуры и кисти с методами, в которых будем применять режимы смешивания, фильтры, пока не достигнем желаемого результата.
Предварительный просмотр
Для начала, посмотрите на изображение, которое мы будем создавать.
Шаг 1
Откройте Adobe Photoshop и создайте документ со своими желаемыми размерами плаката. Заполните документ белым цветом. Не забудьте использовать высокое DPI (между 150-300 точками на дюйм) и Режим Цвета CMYK, если Вы планируете посылать Вашу работу в прессу. Для этого урока я создал документ с размерами 842×1190 пикселей, Цвет RGB в 72 точках на дюйм для веб-использования.
Шаг 2
Скачайте и импортируйте на наш холст фото «гора Монблан». Для этого используйте ссылку, которая расположена ниже.
Добавьте Слой-маску (Layer Mask) для этого перейдите Слой > Слой маска > Показать все (Layer > Layer Mask > Reveal All), активируйте Градиент (Gradient Tool) (G), убедитесь, что цвет переднего плана черный (# 000000), в настройках инструмента установите градиент От основного к прозрачному (Foreground to Transparent). Сделайте несколько градиентных заливок из нижней части холста к верхней. Это поможет создать плавный переход от белого фона в нижней части холста к снегу на фотографии.
Шаг 3
Небо слишком простое, чтобы это исправить, мы добавим облака. Скачайте и импортируйте на наш холст фотографию «Облачное небо». Измените его размер при помощи инструмента Свободное трансформирование (Free Transform) (Ctrl+T), как показано ниже.
Обесцветьте наше небо (Ctrl + Shift + U).
Измените режим наложения на Перекрытие (Overlay),
Как и в предыдущем шаге, используйте слой-маску и градиент, чтобы смягчить края неба для прекрасного сочетания с фоном.
Шаг 4
Скачайте фото «Сноубордист 1», откройте его в Фотошоп, после чего вырежьте сноубордиста с использованием Пера (Pen Tool) (P).
Скопируйте и вставьте сноубордиста на наш холст. Уменьшите его размер и расположите на холсте так, как показано ниже.
Шаг 5
Скачайте бесплатные Кисти брызг , затем смените цвет переднего плана на белый (#FFFFFF), создайте новый слой поверх предыдущего и используйте кисти брызг, которые Вы только что скачали, чтобы создать снег вокруг сноубордиста и ниже его.
Добавьте к слою Маску, и мягкой круглой кистью, используя черный цвет, уберите некоторые части брызг, которые, по вашему мнению, не подходят к нашему изображению.
Шаг 6
Выберите все слои и сгруппируйте (Cmd / Ctrl + G). Создайте дубликат этой группы, а затем объедините их (правой кнопкой мыши на группе и выберите (Объединить группу) (Merge Group)). После чего, спрячьте Группу 1.
Сделайте две копии верхнего слоя. Скройте верхнюю копию и выберите нижнюю. Примените к ней фильтр Размытие по гауссу (Фильтр > Размытие > Размытие по гауссу) (Filter > Blur > Gaussian Blur) со значением Радиуса – 5 пикселей.
Установите режим смешивания на Умножение (Multiply).
Сделайте видимым верхний слой и обесцветьте его (Ctrl + Shift + U).
Примените фильтр Цветовой Контраст. Для этого перейдите: Фильтр > Другие > Цветовой Котраст (Filter> Other> High Pass). Радиус установите на 10px.
Установите режим наложения на Мягкий свет (Soft Light).
Шаг 7
Снова выделите те 3 слоя, дублируйте их и объедините их. Добавьте к этому слою Размытие по Гауусу, радиус 6 пикс.
Добавьте маску к этому слою, выберите Инструмент Кисть (Brush), и используя Большую мягкую кисть с непрозрачностью 40%, кликните пару раз на сноубордисте.
Снизьте непрозрачность слоя до 70%.
Шаг 8
Время добавить текст в нашу композицию. Вам нужно скачать этот шрифт, и если вы еще его не установили, установите его. Давайте начнем с первой части текста “CHAMONIX-MONT BLANC”. Режим наложения слоя с текстом установите на Линейный затемнитель (Linear Burn).
Далее скачайте Гранжевую кисть , добавьте маску к слою с текстом, выберите любую кисть из скаченного файла, удостоверьтесь, что цвет переднего плана – черный, понизьте непрозрачность до 40% и рисуйте на маске слоя.
Добавляем следующий текст:
Установите режим наложения на Линейный затемнитель (Linear Burn), непрозрачность до 70%, добавьте маску слоя, и снова используйте кисти с предыдущего файла, чтобы рисовать на маске слоя.
Поместите изображение логотипа олимпийских игр, как показано ниже. Установите режим наложения для слоев с текстом и логотипом на Экран (Screen). Текст, который я использовал, показан ниже.
Добавьте логотип авиакомпании.
Шаг 9
Скачайте и добавьте в наш документ эту текстуру . Уменьшите его, чтобы он соответствовал размерам нашего холста и измените режим наложения на Умножение (Multiply).
Используйте Инструмент Эллипс (Ellipse Tool (U)) и нарисуйте посередине холста круг красным цветом (#810000).
Измените режим наложения на Перекрытие (Overlay) и понизьте непрозрачность до 40%.
Вставьте в наш документ металлическую текстуру , уменьшите ее, установите режим смешивания на Мягкий свет (Soft Light) и непрозрачность слоя – 40%.
Скачиваем картинку, устанавливаем шрифт и приступаем к работе!
Создаем новый документ
Шаг 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, используя типографику и картинку с чернилами. Вы научились:
- Использовать маски чтобы скрывать/восстанавливать участки изображения.
- Добавлять тень для создания эффекта глубины.
- Грамотно распределять элементы композиции, чтобы создать иллюзию объема.
Во многих небольших клубах часто встречается ситуация, когда один человек выполняет функции и администратора, и арт-директора, и до кучи дизайнера. Еще чаще — эта затея не приносит ничего хорошего и в новостях мы видим ужасные, коряво сделанные на коленке тикеты, афишы, пригласительные, флаера. Чтобы исправить эту оплошность, мы написали наглядный урок, как быстро и просто сделать мини-постер в фотошопе.
Любой дизайн-проект требует если не отличного умения, то хотя бы опыта владения соответствующими инструментами. Нужно понимать, что данный тип услуг — почти всегда дорого. Но стоит ли экономить на качестве? Полный список преимуществ профессиональной разработки сайта можно почитать тут. Если вы всё же решили сэкономить, то, для начала, стоит подготовиться — составим план, по которому мы будем работать. Распишем каждый этап, чтобы разделить работу на несколько мини-заданий. Предположим, нам предстоит провести пивную вечеринку в баре под названием «Чердак»
Во-первых, 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. Нам остается лишь выбрать понравившийся результат из поиска.
С остальными логотипами — аналогично.
Видео уроки
Популярные уроки
Наш опрос
- Besty
- 4 ноябрь 2011
- 17:58:00
- 21196
Adobe Photoshop
Шаг 1
300 мм x 400 мм и разрешение 300 DPI , цветовая модель CMYK 600800 px .
Free Transform tool
Шаг 2
Layer-Duplicate layer
Filter-Blur-Motion blur и добавляем угол -90 и расстояние 90 px .
Устанавливаем режим смешения Linear Light :
Шаг 3
Теперь давайте добавим текст. Название вечеринки будет «Euphoria Party». Выбираем любой понравившийся шрифт. Я использовал шрифт «Bickham Script»
Drop Shadow :
Inner Shadow :
Inner Glow :
Bevel and Emboss :
Gradient Overlay :
Шаг 4
Copy Layer Style Paste Layer Style .
Шаг 5
«Century Gothic»
Теперь давайте добавим непосредственно имена гостей.
Создание плаката/флаера в Photoshop-е
Используем тот же шрифт «Century Gothic»
Шаг 6
Pen tool
Brush panel и выбираем кисть Chalk Brush , которая входит в набор Adobe Photoshop :
Возвращаемся к инструменту Pen Tool (опять выделяем Pen Tool Stroke Path .
Шаг 7
Bevel and Emboss .
Вот как оно должно выглядеть:
Шаг 8
Гости
Финальный результат
Приступаем к уроку Фотошопа
Фотография пистолета;
Фотография гранаты;
Шаг 1.
300% (Zoom Tool Pen Tool Paths (Контуры) и Add to path area Anchor Point
Шаг 2.
Anchor Point (Опорные точки). Берем Direct Selection Tool Anchor Point
Шаг 3.
Снова берём Pen Tool Alt кликаем по Anchor Point
Шаг 4.
Anchor Point
Шаг 5.
Создайте новый документ (File > New (Файл > A5 , 300dpi Pen Tool Paths (Контуры) поставьте Shape Layers 100% Magenta
Шаг 6.
Шаг 7.
Нежелательные Anchor Points Direct Selection Tool (Редактирование контура): ↓
Шаг 8.
Layer > Layer Style > Blending Options (Слой > Стиль слоя >
Шаг 9.
Layer > Layer Style > Copy Layer Style (Слой > Стиль слоя > Скопировать стиль слоя).
как сделать афишу в фотошопе
Выберите слой назначения и зайдите в меню Layer > Layer Style > Paste Layer style (Слой > Стиль слоя > Вклеить стиль слоя).
Шаг 10.
Настройки Layer Style Layer style
Шаг 11.
Шаг 12.
Layer Styles Move Tool Alt Ctrl+T
Шаг 13.
Eyedropper Tool Multiply (Умножение).
Шаг 14.
Ctrl+T
Шаг 15.
Инструментом Pen Tool
Шаг 17.
Pen Tool
Шаг 18.
Layer Styles
Шаг 19.
Paths Anchor Points
Шаг 20.
Brush Tool 7 pixels , твёрдость 100% . Выберите Path (Контур) на палитре Paths (Контуры), затем Stroke Path
Шаг 21.
Blending mode (Режимы наложения) — Multiply (Умножение). Ctrl+
Ctrl+ Ctrl+Shift+I ). Берём инструмент Brush Tool Ctrl+Н 45 pixel brush на 20 pixel.
Шаг 22.
Ctrl+ Polygonal Lasso Tool
Шаг 23.
Filter > Blur > Lens Blur (Фильтр > Размытие > Filter > Blur > Box Blur (Фильтр > Размытие > Размытие по рамке).
Шаг 24.
Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) в 0.6
Шаг 25.
Думаю нужно увеличить контраст. Сделаем это с помощью кривых. Заходим в Layer > New Adjustment Layer > Curves (Слой > Новый корректирующий слой >
Шаг 26.
Background ‘ (Фон) и заходим в меню Filter > Artistic > Film Grain (Фильтр > Имитация > Opacity (Непрозрачность) слоя до 55% . Теперь можно подправить Image > Adjustments > Hue/Saturation (Изображение > Коррекция >
Всё! Наша работа готова.
Финальный результат
Оригинал;
Уроки фотошопа
Свежие уроки
Видео уроки
Популярные уроки
Наш опрос
Какие уроки вам больше нравятся?
- Besty
- 4 ноябрь 2011
- 17:58:00
- 21196
Учимся создавать готовый к печати плакат для вечеринки в клубе в Adobe Photoshop , используя фотографии из хранилища изображений, стили слоя, текстовые эффекты, режимы смешения, кисти и карандаш. Этот урок содержит очень эффективные методы, и по нему легко следовать шаг за шагом.
Шаг 1
Создаем новый документ. Если Вы будете использовать результат для печати, выбирайте размеры 300 мм x 400 мм и разрешение 300 DPI , цветовая модель CMYK , если нет – выбирайте размер 600800 px .
В качестве фона мы будем использовать изображение дерева из хранилища SXC.HU. Открываем это изображение в Photoshop и копируем его в документ с нашим плакатом. Используем инструмент Free Transform tool , который автоматически выбирается при вставке изображения, и подгоняем размеры изображения под размеры документа.
Шаг 2
Теперь мы должны дублировать слой с деревом, поэтому переходим в меню Layer-Duplicate layer . Вот как должен выглядеть теперь Ваш список слоев:
Выделяем дублированный слой, переходим в фильтр Filter-Blur-Motion blur и добавляем угол -90 и расстояние 90 px .
Устанавливаем режим смешения Linear Light :
Шаг 3
Теперь давайте добавим текст. Название вечеринки будет «Euphoria Party».
Веб-разработка. Делаем простую афишу мероприятия в Photoshop
Выбираем любой понравившийся шрифт. Я использовал шрифт «Bickham Script» . Сначала добавляем слово «Euphoria».
Теперь давайте добавим следующие стили слоя к слою со словом «Euphoria» на панели слоев:
Drop Shadow :
Inner Shadow :
Inner Glow :
Bevel and Emboss :
Gradient Overlay :
Вот так должен выглядеть после этого Ваш текст:
Шаг 4
Добавляем слово «party», переходим на панель слоев, нажимаем правой кнопкой на слое «Euphoria» и выбираем пункт Copy Layer Style . Затем выделяем слой со словом «party», нажимаем на нём правой кнопкой и выбираем Paste Layer Style .
Вот как должен выглядеть Ваш плакат теперь:
Шаг 5
Теперь давайте добавим текст «Guest list:» другим шрифтом. Я использовал шрифт «Century Gothic» . Вставляем те же стили слоя на этот слой, но сначала делаем текст белым.
Теперь давайте добавим непосредственно имена гостей. Используем тот же шрифт «Century Gothic» голубого цвета и вставляем те же стили слоя, которые у меня указаны здесь:
Используя ту же технику, добавляем дату:
Шаг 6
Этот Шаг немного сложнее. Мы будем добавлять волны внизу плаката. Создаем новый слой. Берем инструмент Pen tool и создаем фигуру, похожую на эту:
После того, как фигура создана, переходим в настройки кистей Brush panel и выбираем кисть Chalk Brush , которая входит в набор Adobe Photoshop :
Возвращаемся к инструменту Pen Tool (опять выделяем Pen Tool на панели инструментов), нажимаем правой кнопкой на рабочей области и выбираем пункт Stroke Path .
Вот, что у Вас должно получиться:
Шаг 7
Нам снова нужно вставить стили слоя с одного из текстовых слоев на слой с волнами и отключить один из стилей: Bevel and Emboss .
Вот как оно должно выглядеть:
Шаг 8
Дублируем слой дважды, размещаем их один под другим и используем разные цвета. Также добавляем логотип клуба и спонсоров. И на этом мы заканчиваем урок, наши поздравления!
Перевод для сайта http://photoshoplove.ru сделан besty
Автор урока: psdartist.comПосетители, находящиеся в группе Гости , не могут оставлять комментарии к данной публикации.
В данном уроке Фотошопа мы рассмотрим процесс создания красочного плаката который будет состоять из фотографий и векторов.
ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.
Финальный результат
Приступаем к уроку Фотошопа
↓ Материалы использованные в уроке:
Фотография пистолета;
Фотография гранаты;
Шаг 1.
Открываем наше изображение пистолета, увеличиваем его размер на 300% (Zoom Tool (Инструмент Лупа / Клавиша ‘Z’)) и выбираем Pen Tool (Инструмент Перо / Клавиша ‘P’). Убедитесь, что выбран Paths (Контуры) и Add to path area (+) (Добавить к контуру), затем начинайте обводить пистолет. Потяните Anchor Point (Опорные точки) так, чтобы он вытянулся прямо вдоль границы: ↓
Шаг 2.
На стыке кривой и прямой линии добавим ещё один Anchor Point (Опорные точки). Берем Direct Selection Tool (Редактирование контура) (белая стрелка) и тянем за чёрную точку. Скоро вы поймёте, как передвигать Anchor Point (Опорные точки), чтобы кривая принимала нужную форму: ↓
Шаг 3.
Снова берём Pen Tool (Инструмент Перо / Клавиша ‘P’), зажав Alt кликаем по Anchor Point (Опорные точки) на конце кривой. Появится чёрная точка, с помощью которой подгоняем нашу линию по контуру изображения: ↓
Шаг 4.
Заканчиваем выделение изображения. Ниже приводится пример по управлению Anchor Point (Опорные точки) при создании сложных кривых. Смысл в том, чтобы создавая линии использовать как можно меньше точек.
Шаг 5.
Создайте новый документ (File > New (Файл > Новый / Сочетание клавиш ‘Ctrl+N’)) (формат A5 , 300dpi ), куда скопируйте и вставьте изображение пистолета. Возьмите Pen Tool (Инструмент Перо / Клавиша ‘P’) и вместо Paths (Контуры) поставьте Shape Layers (Слой фигуры). Выберите цвет, я взял 100% Magenta (Пурпурный), по ходу работы цвет можно поменять. Теперь рисуем струйки краски, вытекающие из ствола: ↓
Шаг 6.
Используем свою фантазию и законы физики: ↓
Шаг 7.
Нежелательные Anchor Points (Опорные точки) удаляем с помощью инструмента Direct Selection Tool (Редактирование контура): ↓
Шаг 8.
Наступило время придать нашей векторной слизи глубины. Выбираем слой с изображение слизи, заходим в меню Layer > Layer Style > Blending Options (Слой > Стиль слоя > Параметры наложения) и задаём следующие настройки; цвета подбираете на свой вкус: ↓
Шаг 9.
Нарисуйте побольше слизи, вылетающей из дула пистолета. Измените толщину и направление струи, попробуйте их немного увеличить. Рисуя мелкие брызги, представьте их движение относительно больших. Выбрав слой со слизью, заходите в меню Layer > Layer Style > Copy Layer Style (Слой > Стиль слоя > Скопировать стиль слоя). Выберите слой назначения и зайдите в меню Layer > Layer Style > Paste Layer style (Слой > Стиль слоя > Вклеить стиль слоя).
Шаг 10.
Настройки Layer Style (Стиля слоя) для мелких брызг несколько отличаются, поэтому кликните по иконке Layer style (Стиль слоя) (буква ‘f’ в черном кружке) и примените следующие настройки: ↓
Шаг 11.
Рисуйте струйки, пока не добьётесь нужного результата. Можно добавить пару капель, вылетающих из дула пистолета: ↓
Шаг 12.
Нарисуйте немного мелких капель и, чтобы они были похожи на остальные, примените к ним Layer Styles (Стиль слоя). С помощью инструмента Move Tool (Перемещение / Клавиша ‘V’), держа клавишу Alt , потяните мышкой за изображение, копируя наши капли. Нажмите Ctrl+T и поменяйте размер и положение капли. Повторяйте это, пока не добьётесь нужного вам результата. Поэкспериментируйте с глубиной, меняя расположение слоёв.
Шаг 13.
Нарисуем на дуле пистолета тени от капель: инструмент пипетка (Eyedropper Tool (Пипетка / Клавиша ‘I’)), новый слой, мягкая кисть, выделение пистолета, маска слоя, рисование теней и режим наложения Multiply (Умножение).
Шаг 14.
Открываем изображение гранаты, вырезаем его, импортируем в документ, затем нажимаем комбинацию клавиш Ctrl+T и меняем размеры и положение изображения: ↓
Шаг 15.
Инструментом Pen Tool (Инструмент Перо / Клавиша ‘P’) создадим выделение гранаты, вырежем её и вставим на новый слой. Продолжим вырезать части гранаты, пока не получим несколько кусков, по желанию. Как только вы разделите гранату, сместите части, словно их сдуло ветром.
Шаг 17.
Чтобы нарисовать дым, возьмите Pen Tool (Инструмент Перо / Клавиша ‘P’) и воспользуйтесь той же техникой, что и ранее. Для дыма я использовал различные цвета.
Шаг 18.
Чтобы дым не выглядел плоским, придадим ему глубину и свет (что мы делали со слизью). См. скриншоты. Скопируйте и вставьте Layer Styles (Стиль слоя) на все слои дыма.
Шаг 19.
Сделаем мультяшные наброски вокруг дыма. Вы можете сделать это вручную или выбрать слой с формой дыма, где видна дорожка (path/путь/контур), затем скопируйте её. На панели Paths (Контуры) создайте новый слой и вставьте туда дорожку. С помощью выделения индивидуальных Anchor Points (Опорные точки), удалите ненужные части. Дорисуйте детали и, если нужно, продолжите линии.
Шаг 20.
Создайте новый слой, используйте его для нарисованного вами контура. Выберите инструмент Brush Tool (Инструмент Кисть / Клавиша ‘B’), 7 pixels , твёрдость 100% . Выберите Path (Контур) на палитре Paths (Контуры), затем Stroke Path (Обводка контура) из контекстного меню (небольшая стрелка в кружке в верхнем правом углу палитры). Затем я изменил размер всех слоев с изображением гранат (включая слой с дымом и т.д.) для придания эффекта присутствия.
Шаг 21.
Теперь немного повозимся. Создадим новый слой, Blending mode (Режимы наложения) — Multiply (Умножение). Ctrl+ клик на всех маленьких окошках слоёв (в палитре слоев) с изображением гранат, выделив их, добавим маску слоя (белый кружок в чёрном квадрате).
Теперь (работаем с новым слоем, а не с маской) нажимаем Ctrl+ клик по верхнему куску гранаты и инвертируем выделение (Ctrl+Shift+I ). Берём инструмент Brush Tool (Инструмент Кисть / Клавиша ‘B’), мягкую кисть и рисуем на тени, я использовал тёмно-серый. Нажимаем Ctrl+Н , чтобы спрятать выделение. Продолжаем в том же духе. Меняем кисть с 45 pixel brush на 20 pixel.
Шаг 22.
Нарисуем побольше слизи, как на пистолете. Переместите слой со слизью между дымом и гранатой. Примените маску к слою с тенью (Ctrl+ клик по всем слоям с гранатой и слизью и их маскировка на слое с тенью). Возможно вам придётся создавать выделение вручную, с помощью инструмента Polygonal Lasso Tool (Инструмент Многоугольное лассо / Клавиша ‘L’).
Шаг 23.
Скопируем все слои с гранатой на один слой. Перетащите новый слой с гранатой на самый верх и измените придав перспективу. Идите в Filter > Blur > Lens Blur (Фильтр > Размытие > Размытие при малой глубине резкости) и сделайте настройки как на скриншоте. Затем размоем границы гранаты с помощью инструмента Filter > Blur > Box Blur (Фильтр > Размытие > Размытие по рамке).
Шаг 24.
Объединим в один все розовые слои со слизью из дула пистолета, и применим размытие → Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) в 0.6 Pixel. То же самое сделайте со слизью на гранате. Затем скопируйте всё в один слой.
Шаг 25.
Думаю нужно увеличить контраст.
Как создать плакат в фотошопе cs6: видео
Сделаем это с помощью кривых. Заходим в Layer > New Adjustment Layer > Curves (Слой > Новый корректирующий слой > Кривые) и настраиваем следующим образом: ↓
Шаг 26.
В заключение, дублируем слой ‘Background ‘ (Фон) и заходим в меню Filter > Artistic > Film Grain (Фильтр > Имитация > Зернистость фотопленки). Настраиваем по скриншоту. Снижаем Opacity (Непрозрачность) слоя до 55% . Теперь можно подправить Image > Adjustments > Hue/Saturation (Изображение > Коррекция > Цветовой тон/Насыщенность — Сочетание клавиш ‘Ctrl+U’): ↓
Всё! Наша работа готова.
Финальный результат
Оригинал;
Текст доработан командой сайта PhotoshopPro.ru
В этом уроке Фотошопа мы будем создавать плакат к одному из фильмов ужасов.
ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.
Финальный результат
Приступаем к уроку Фотошопа
↓ Материалы использованные в уроке:
Гранджевый фон;
Девушка;
Силуэт с вытянутой рукой;
Классический кухонный нож;
Шрифт Chiller;
И так для начала как обычно создаем новый документ (File > New (Файл > Новый / Сочетание клавиш ‘Ctrl+N’)). Я не буду указывать размеры, пусть каждый их определяет сам. И так для начала заливаем слой вот этим цветом #211f1f .
Теперь нам понадобиться какой нибудь гранжевый фон, я буду использован фон который можно скачать → здесь.
Я не хочу навязывать вам свою текстуру, кроме нее вы можете также использовать поверхность кирпичей, старого древа или любую другую старую текстуру, нам просто нужно что-то, чтобы оно находилось на фоне.
Вставляем выбранный фон в проект, возможно вам придется изменять размеры. Вобщем когда вы окончательно вставили наш фон, то меняем режим смешивания слоев на Overlay (Перекрытие). В итоге мы получили что то такое: ↓
После того как фон вставлен, мы будем добавлять некоторые эфекты, конечно если есть желание то можно поменять цвет фона при помощи Layer > New Adjustment Layer > Hue/Saturation (Слой > Новый корректирующий слой > Цветовой тон/Насыщенность), но вообще то это не сильно важно, так как в итоге у нас все будет черно-белое.
Сейчас добавим вот такой отпечаток пальца. Вставляем его в проект меняем размеры и размещаем его немного выше середины.
Меняем режим смешивания слоев на Darker Color (Темнее) и снижаем непрозрачность (Opacity) до 80% . В итоге получаем что-то подобное: ↓
Теперь нам понадобиться модель для основного образа. Здесь вы можете использовать абсолютно любое фото какое вам понравиться.
Как сделать афишу в фотошопе?
Я буду использовать фото девушки которое можно скачать → здесь.
Открываем наше изображение в ФШ, если оно слишком темное то его надо осветлить, так на финальном результате в противном случае мы не сможем видеть лицо девушки. Для этого идем в Image > Adjustments > Shadow/Highlight (Изображение > Коррекция > Света/Тени) и ставим там следующие параметры: ↓
Сейчас переходим в Layer > New Adjustment Layer > Gradient Map (Слой > Новый корректирующий слой > Карта градиента) выбираем черно-белый градиент, благодаря этому мы получили правильное черно-белое изображение, благодаря предыдущему шагу, если у вас получились какие-то не такие цвета, то жмем Ctrl+I для инвертирования цветов. ↓
Мы хотим что бы фото хорошо сливалось с фоном для этого меняем режим смешивания на Overlay (Перекрытие). Теперь берем ластик с мягкими краями и стираем те отпечатки пальцев которые попали на лицо девушки.
Сейчас нам понадобиться хорошее фото дороги которое подойдет по атмосфере к нашему проекту (подберите данное фото самостоятельно). Вставляем его над фоновым слоем и меняем режим смешивания на Luminosity (Свечение).
Пока мы получили вот что. Учтите что при использовании других фотографий у вас будет результат или темнее или светлее, так же он будет отличаться по контрасту. Плакат будет выглядеть еще лучше когда мы добавим к нему еще несколько слоев.
Затем нам понадобиться классический элемент фильмов ужасов, в даном случае это силуэт с вытянутой рукой, которое находиться → здесь.
Вставляем его в проект, так как оно не большого размера, то жмем Ctrl+T и при зажатом Shift для сохранения пропорций, изменяем размеры фото.
Понижаем непрозрачность до 80% . Помещаем силуэт над дорогой. Ниже показано что мы имеем. Слои у нас распалагаются в следующем порядке: Темной слой > слой с бумагой > дорога > силуэт с тенью > отпечатки пальцев > Девушка .
На данном этапе нам понадобиться классический кухонный нож взять можно → здесь. Вставляем нож в нижний угол, для удобства фон можно удалить при помощи волшебной палочки (Magic Wand Tool (Инструмент ‘Волшебная палочка’ / Клавиша ‘W’)).
Пришло время добавить название. Перед этим я беру мягкую черную кисть и рисую круг где будет сама надпись.
Для придания некоего готичного стиля я использую один из траблов которые используют в тату.
Используем еще одну подобную форму более светлого цвета и помещаем ее над черным облаком.
Финальным шагом будет добавление самой надписи, делаем надпись белым цветом над черным облаком.
Идем в → Layer > Layer Style > Gradient Overlay (Слой > Стиль слоя > Наложение градиента) и настраиваем градиент как на картинке ниже, так же пожеланию можете добавить тень.
Пишим красным цветом второе слово, для большей похожести используем шрифт Chiller . Добавим к нему также как и в предыдущем шаге градиент белого цвета для придание глубины.
Вот и все, надеюсь что вам понравилось и вы вдохновленные этим уроком сделаете что свое.
Финальный результат
Создание постера в стиле киноафиши в Photoshop
Создание постера в стиле киноафиши к фильму Эволюция Борна/The Bourne Legacy (2012) в Photoshop CS6. Это — простое учебное руководство, подходящее для новичков, и поэтапно рассказывающее о методе создания афиши, используя базовые методики редактирования.
Конечный результат
Шаг 1
Открываем фотографию, над которой будем работать в Photoshop. Для этого проделываем нехитрые File -> Open. Рекомендуется использование фотографии с высоким разрешением, т.к. в ходе урока над исходным файлом будет проведена операция кропа (обрезки).
Шаг 2
Щелчок правой кнопкой мыши на слое и выбираем ‘Преобразовать в смарт-объект’ (Convert to Smart Object). Данная операция позволит нам, при необходимости, применить методы обратимого редактирования над рабочим слоем.
Шаг 3
Прежде чем начать манипуляции нам необходимо добавить слой и разместить его ниже ‘рабочей’ фотографии. Для этого необходимо совершить следующие действия: перейдите в меню Слои -> Новый слой заливка -> Цвет (Layer -> New Fill Layer -> Solid Color), выбрать черный цвет, затем нажмите кнопку ОК.
Шаг 4
В панели слоев (Window -> Layers), перетащите слой с заливкой под рабочий и задайте имя каждому, при желании, как это показано на рисунке ниже.
Шаг 5
Для начала мы добавим эффект песка (зернистости) фото при помощи корректирующих слоев и фильтров.
Начнем с добавления черно-белого корректирующего слоя Слои -> Новый корректирующий слой -> Черно-белое (Layer -> New Adjustment Layer -> Black & White), укажем режим наложения для данного слоя на Перекрытие (Overlay). При этом не стесняйтесь, поиграйте с настройками в панели свойств (Window -> Properties).
Шаг 6
Затем добавим слой Вибрация (Vibrance) регулировки Слои -> Новый корректирующий слой -> Вибрация (Layer -> New Adjustment Layer -> Vibrance). Уменьшим значение вибрации, дабы получить необходимый оттенок.
После проделанных манипуляций изображение выглядит следующим образом.
Шаг 7
Корректирующие слои выполнили свою работу) и на исходной фотографии получился эффект плохого освещения, что скрывает детали и делает фон темным. При этом у нас не стоит задача сделать изображение объекта слишком темной, ввиду того, что он может слиться с общим фоном и сделать полосы едва заметными.
Чтобы исправить эту ситуацию, мы применим регулировки Тени/Света (Shadows / Highlights). В панели слоев, выберите слой с фотографией, затем переходим по пути Изображение -> Коррекция -> Тени/Света (Image -> Adjustments -> Shadows / Highlights. Установить тени около 35%, а свет до 15% нажмите кнопку ОК.
Если мы обратим внимание на панель слоев, мы увидим, что корректировка была применена в качества смарт-фильтра. Это обусловлено действиями, которые мы с Вами провели во втором шаге данного руководства Преимущество использования смарт-фильтров в том, что мы можете изменить настройки в любое время без отмены огромного числа проделанных операций.
Шаг 8
Далее мы добавим немного песка нашему изображению, при этом воспользуемся фильтром добавления шума, применяя его в качестве смарт-фильтра, как и предыдущем шаге.
Убедитесь в том, что у Вас выбран слой с фотографией и откройте в верхнем меню Фильтр -> Шум -> Добавить ( Filter -> Noise -> Add Noise). Устанавливаем чекбокс напротив “Монохромный” и выбираем параметры таки образом, чтобы получилось нечто похожее на изображение ниже. Нажмите кнопку ОК, чтобы завершить операцию.
Шаг 9
Теперь перед нами стоит задача обрезать и повернуть изображения.
Выберите инструмент Рамка (Crop (C)), и на панели параметров, отключить опцию «Удалить обрезанные пиксели» (Delete Cropped Pixel) вариант, что позволит нам в любой момент внести коррективы. Обрезаем изображение, как показано на рисунке ниже.
Так же нам необходимо повернуть изображение таким образом, чтобы, что глаза героя были выровнены по горизонтали. Это очень важно, и позже невыполнение этого нехитрого действия будет бросаться в глаза.
Шаг 10
Что же пришло время добавить текст, да покричащеJ к нашему изображению. Это процедуру необходимо провести до добавления полос по понятным причинам… а иначе, как вы узнает, куда поместить полоску позже. Далее в панели слоев выбираем верхний слой для того, чтобы, при добавлении текста он всегда появлялся над ним, пустячок, а приятно. Выбираем инструмент Текст и тут у Вас простор для творчества, в плане выбора размера и начертания шрифта, в данной работе Arial. Стоит заметить, что каждое слово – отдельный слой.
Шаг 11
Выбираем все текстовые слои (зажав CTRL) и объединяем их в группу (Слои -> Сгруппировать слои или Ctrl+G), чтобы глаза не мозолили. Переименовываем при необходимости.
Шаг 12
Ту же операцию проделываем и для слоев, связанных непосредственно с фотографией (Вибрация, Черно-белое, и фотография героя) и даем ей имя ‘Фотография’.
Шаг 13
Теперь мы собираемся добавить полосы. Это очень легко сделать инструментом инструмент ‘Выделение прямоугольной рамкой’ (Rectangular Marquee Tool). Выбираем его в панели параметров устанавливаем режим «Добавить к выделенному» (Add to Selection) — 2 пиктограмма слева. Так же, убедитесь, что размер пера установлен в 0px. Нарисуйте прямоугольник, как показано на изображении ниже.
Начните с рисования прямоугольника вокруг текста и глаз, остальные добавите позже, затем добавить еще позже. Если вы допустили ошибку, просто нажмите Ctrl + Z, чтобы отменить. Хотите начать все сначала? Нажмите сочетание клавиш Ctrl + D, чтобы снять выделение и начать заново.
Шаг 14
В панели слоев, выбираем группу ‘Фотография’ и нажимаем кнопку Добавить маску слоя. Это создаст маску слоя от выделенных областей, сделанных в предыдущем шаге.
А выглядит это все никак иначе, как следующим образом.
Шаг 15
Мы почти закончили! Выбираем инструмент ‘Выделение прямоугольной рамкой’ и создаем выделение вокруг текста. Прежде убедитесь, что цвета переднего / заднего плана цвета установлены по умолчанию (белый, / черный), если это не так нажмите D, чтобы сбросить цвета. Нажмите клавишу Delete, чтобы заполнить выделенную область черным цветом. Нажмите сочетание клавиш Ctrl + D, чтобы снять выделение.
Когда вы закончите, установите режим выделения обратно в Новое выделение (как показано на рисунке).
Шаг 16
В палитре слоев щелкните на слое маски группы ‘Фотография’ — убедитесь, что вы нажали на миниатюру, так что вы редактируете маску слоя.
Нажмите D на клавиатуре, чтобы сбросить цвета фона и затем нажмите кнопку Delete на клавиатуре. Это позволит заполнить выделенную область черным цветом. Нажмите сочетание клавиш Ctrl + D, чтобы снять выделение, когда вы закончите. Вот то, что мы имеем на данный момент.
Шаг 17
Выше мы вели речь о полезных свойствах Smart Filters. Вот пример ситуации, где вы сможете использовать. Фотография героя на данном фоне кажется, слишком неестественно темной для исправления ситуации щелчок по регулировкам Тени/Света. Без Smart Filters, вам бы пришлось отменить многого операций.
Уменьшим тени и увеличим свет для более реалистичного вида. Нажмите кнопку ОК, после того, как вы отрегулировали настройки.
Шаг 18
Завершая работу, добавим небольшой градиент к тексту. Щелкните правой кнопкой мыши на любом из текстовых слоев выберите Параметры наложения (Blending Options).Чекбокс напротив Наложение градиента (Gradient Overlay) затем установите параметры, указанные ниже. Нажмите кнопку ОК, когда закончите.
Конечный результат
Copyright by TakeFoto.ru
Как в фотошопе создать афишу
Создаем афишу для мероприятия в Фотошопе
Небольшие мероприятия с ограниченным бюджетом частенько заставляют нас брать на себя обязанности как администратора, так и дизайнера. Создание афиши может влететь в копеечку, поэтому приходится самостоятельно рисовать и печатать такую полиграфию.
В этом уроке создадим простенькую афишу в Фотошопе.
Скачать последнюю версию PhotoshopДля начала необходимо определиться с фоном будущей афиши. Фон должен подходить по тематике к предстоящему мероприятию.
К примеру, вот такой:
Затем создадим центральную информационную часть афиши.
Возьмем инструмент «Прямоугольник» и нарисуем фигуру во всю ширину холста. Сместим ее немного вниз.
Цвет выберем черный и выставим непрозрачность на 40%.
Затем создаем еще два прямоугольника. Первый – темно красного цвета с непрозрачностью 60%.
Второй – темно-серого цвета и также с непрозрачностью 60%.
Добавим привлекающий внимание флажок в левый верхний угол и логотип будущего мероприятия в правый верхний.
Основные элементы мы расположили на холсте, далее займемся типографикой. Здесь объяснять нечего.
Подбирайте шрифт по душе и пишите.
Блоки надписей:
— Основная надпись с названием мероприятия и слоганом; — Список участников;
— Стоимость билета, время начала, адрес проведения.
Создаём в Photoshop афишу с рекламой спортивного мероприятия
Скорее всего, большинство из вас видели афиши, рекламирующие различные боевые искусства: бокс, смешанные боевые искусства (MMA), рестлинг. В этом уроке я покажу вам, как создать похожий постер в Photoshop, используя фотоманипуляцию, ретуширование и типографию. Начнем!
Скачать архив с материалами к уроку
Примечание: В источнике урока отсутствуют некоторые изображения. В архиве вы найдёте альтернативный вариант материалов для выполнения урока.
1. Подготавливаем бойцов
Шаг 1
Для данной работы мы будем использовать размер А3. Поэтому создаем новый документ размером 3508 х 4961 (29,7 х 42 в сантиметрах) пикселей с разрешением 300 точек/дюйм. Конечно, вы можете использовать другие значения, если планируете печатать постер большего или меньшего размера.
Активируем Paint Bucket Tool (G) (Заливка) и заливаем рабочее полотно темно-фиолетовым цветом (#08080a). Затем открываем первое фото с бойцом и с помощью Pen Tool (P) (Перо) вырезаем его. Закончив, переносим бойца на документ с фиолетовым фоном и называем слой «Боец 2».
Нижнюю часть тела бойца аккуратно удаляем с помощью Eraser Tool (E) (Ластик), чтобы получился плавный переход к фону.
Шаг 2
Повторяем процесс со вторым бойцом. Будет лучше, если мы сразу разместим всех персонажей постера, а затем займемся ретушированием, чтобы не делать лишних действий и работать только с теми областями, которые не видны зрителю.
Шаг 3
Так как боец на заднем плане является боксером, а в этом виде спорта немного другие перчатки, мы должны их доработать, чтобы они были менее похожи на боксерские. Берем Lasso Tool (L) (Лассо) и выделяем фрагмент перчатки без швов. Копируем и вставляем выделенную часть, чтобы закрыть белую деталь на перчатке.
Шаг 4
С помощью Clone Stamp Tool (S) (Штамп) ретушируем края и не забываем добавить швы. Сильно не старайтесь, главное, чтобы издалека это смотрелось реалистично и аккуратно. Объединяем вырезанный кусок перчатки со слоем с бойцом (Ctrl+E).
Шаг 5
Снова берем Lasso Tool (L) (Лассо) и в этот раз выделяем всю перчатку. Убедитесь, что вы не захватили руку модели.
Шаг 6
Жмем Ctrl+U, чтобы открыть Hue/Saturation (Цветовой тон/Насыщенность) и вводим параметры, показанные ниже. У вас должен получиться приятный темный оттенок на перчатке.
Шаг 7
Повторяем предыдущий шаг, ничего не выделяя. Применяем Hue/Saturation (Цветовой тон/Насыщенность) ко всему бойцу. Настраиваем только каналы Reds (Красные) и Yellows (Желтые), как показано ниже. Это уберет перенасыщенность цвета кожи.
Шаг 8
У бойца на заднем плане слишком высокая контрастность, поэтому прежде чем продолжать ретушь, мы должны ее уменьшить. Переходим Image – Adjustments – Selective Color (Изображение – Коррекция – Выборочная коррекция цвета) и настраиваем каналы Whites (Белые), Neutrals (Нейтральные) и Blacks (Черные).
Шаг 9
Теперь над бойцом добавляем новый слой и жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания нового слоя на Overlay (Перекрытие). Затем мягкой кисточкой (В) белого цвета закрашиваем отмеченные ниже участки. Мы должны немного высветлить эти места.
Должен получиться такой результат:
Шаг 10
Находясь на том же слое, переключаемся на черный цвет и слегка закрашиваем темные участки кожи и волос, отмеченные ниже на скриншоте.
Шаг 11
Создаем новый слой и жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания этого слоя на Soft Light (Мягкий свет) и мягкой белой кистью рисуем блики. В этот раз нам просто нужно сделать немного ярче уже имеющиеся блики, а также осветлить правый контур тела.
Шаг 12
Создаем еще один новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Меняем режим смешивания этого слоя на Soft Light (Мягкий свет) и берем мягкую кисть (В). Устанавливаем цвет на коричневый (#583325) и слегка проводим в отмеченных зонах. Мы должны сделать цвет на спине чуть теплее, поэтому не переусердствуйте. Если не получается добиться желаемого эффекта, возьмите другой оттенок либо пропустите этот шаг.
Шаг 13
В нижней части панели слоев жмем кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Gradient Map (Карта градиента). Из стандартного набора выбираем фиолетово-оранжевый градиент и уменьшаем Opacity (Непрозрачность) корректирующего слоя до 10%. Убедитесь, что градиентный слой и все последующие корректирующие слои, которые мы будем добавлять, трансформированы в обтравочную маску для бойца на заднем плане.
Шаг 14
Добавляем следующий слой – Color Balance (Цветовой баланс). Настраиваем его, как показано ниже.
Далее с помощью Hue/Saturation (Цветовой тон/Насыщенность) добавляем немного света на бойце.
Далее применяем Gradient Map (Карта градиента) (черно-белый). Устанавливаем режим смешивания этого градиентного слоя на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 30-40%.
Шаг 15
Теперь переходим к бойцу на переднем плане. Выше него добавляем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Меняем режим смешивания этого слоя на Overlay (Перекрытие) и берем мягкую белую кисть (В) (Hardness (Жесткость) – 0%, Flow (Нажим) – примерно 5%). Закрашиваем в местах, отмеченных зеленым ниже на скриншоте, чтобы улучшить освещение бойца. Также не забываем про глаза.
Не забывайте трансформировать в обтравочную маску каждый новый слой, который мы будем применять к этому бойцу.
Шаг 16
Освещение на теле бойца не очень хорошо работает с режимом смешивания Overlay (Перекрытие), поэтому далее мы будем использовать ту же самую технику ретуширования, только с режимом смешивания Soft Light (Мягкий свет).
На том же слое белой кисточкой добавляем свет по левому контуру бойца (как мы делали это с предыдущим бойцом).
На данном этапе эффект от добавления света не так заметен, но, когда мы добавим источник света на заднем плане, вы увидите большую разницу и поймете зачем мы осветляли контуры бойцов. Но это чуть позже.
Шаг 17
Переходим на панель слоев и добавляем новый корректирующий слой Selective Colors (Выборочная коррекция цвета). Настраиваем, как показано ниже.
Шаг 18
Слой Selective Colors (Выборочная коррекция цвета) должен немного сбалансировать контрастность, но, если вам кажется, что некоторые детали бойца слишком яркие, отредактируйте маску корректирующего слоя, чтобы уменьшить интенсивность эффекта, или просто уменьшите непрозрачность слоя.
Шаг 19
Далее добавляем следующий корректирующий слой – Curves (Кривые), используя его в качестве обтравочной маски. Тянем кривую вниз и вправо, затем инвертируем маску слоя (кликаем по ней и жмем Ctrl+I).
Берем мягкую белую кисточку (В) и проводим по маске корректирующего слоя, чтобы улучшить тени. Эффект от корректирующего слоя должен быть только на определенных участках бойца. Для начала попытайтесь улучшить только ключевые области, особенно те, которые находятся рядом с бликами.
На скриншоте ниже синим цветом отмечены области, которые необходимо закрасить. Также добавляем тень в правой части бойца, чтобы он гармоничнее смотрелся на темном фоне.
У вас должен получиться следующий результат.
Шаг 20
Продолжаем дальше и создаем следующий корректирующий слой – Gradient Map (Карта градиента) (фиолетово-оранжевый). Уменьшаем непрозрачность слоя до 10%.
Далее выполняем цветокоррекцию бойца с помощью Color Balance (Цветовой баланс), используя следующие настройки:
Корректируем контрастность с помощью Hue/Saturation (Цветовой тон/Насыщенность):
Наконец, добавляем последний корректирующий слой Gradient Map (Карта градиента) (черно-белый), устанавливаем режим смешивания слоя на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 30-40%. Перед тем, как продолжить, посмотрите на бойцов. Наша цель – добиться эффекта, как будто оба человека запечатлены на одном фото, а не собраны из разных картинок.
2. Работаем с фоном и освещением
Шаг 1
Под всеми предыдущими слоями создаем новый слой. Мягкой кисточкой по центру ставим пятно, используя темно-синий цвет (#0a1331). Пятно должно быть еле заметным.
Выше добавляем новый слой, меняем его режим смешивания на Overlay (Перекрытие) и мягкой кистью рисуем по центру белое пятно. Чтобы увеличить яркость эффекта, можете дублировать (Ctrl+J) этот слой.
Берем кисточку (В), зажимаем клавишу Alt и кликаем по темно-синему участку, чтобы взять пробу цвета. Создаем новый слой и распределяем этот цвет по рабочему полотну.
Шаг 2
Теперь белым цветом закрашиваем центр документа. Старайтесь, чтобы пятно не было слишком большим и располагалось четко по центру.
Шаг 3
Выше создаем еще один новый слой, меняем его режим смешивания на Soft Light (Мягкий свет) и светло-зеленым цветом (#d4ff27) добавляем зеленоватую тонировку в центре полотна.
Корректируем цвета, используя корректирующий слой Color Balance (Цветовой баланс).
Затем выше создаем еще один новый слой в режиме смешивания Soft Light (Мягкий свет) и вокруг центрального светлого пятна добавляем светло-синюю тонировку (#5089a6). Это необязательный шаг, но, мне кажется, небольшая коррекция цвета не помешает.
Постарайтесь добиться результата, как на картинке ниже. Если по вашему усмотрению где-то не хватает цвета, зажмите клавишу Alt, чтобы взять пробу, и добавьте его в нужных местах.
Шаг 4
Теперь перемещаемся к бойцу на заднем плане и дорабатываем освещение. Для начала добавляем корректирующий слой Color Balance (Цветовой баланс) и трансформируем его в обтравочную маску для слоя с бойцом.
Кликаем по маске корректирующего слоя Color Balance (Цветовой баланс) и жмем Ctrl+I, чтобы инвертировать ее. Затем берем мягкую белую кисть (В) и проводим по маске в тех местах, которые отмечены ниже на скриншоте, чтобы проявить эффект корректирующего слоя. Убедитесь, что синяя тонировка есть только на спине этого бойца.
Теперь создаем новый слой, жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания на Vivid Light (Яркий свет). Затем берем мягкую кисть и цвет #0ea494. Проводим кистью в тех же местах, что и выше. Это улучшит эффект синей тонировки на спине.
Далее добавляем корректирующий слой Gradient Map (Карта градиента) и трансформируем его в обтравочную маску. Используем цвета, показанные ниже, и устанавливаем режим смешивания слоя на Soft Light (Мягкий свет).
Шаг 5
Чтобы работа смотрелась гармоничнее, мы должны увеличить насыщенность контурного света. Для этого создаем два новых слоя, первый в режиме смешивания Normal (Нормальный), а второй – Overlay (Перекрытие). Белой кистью на обоих слоях проводим по контуру бойца, как показано ниже.
Слой в режиме смешивания Normal (Нормальный) будет отвечать за направленный белый свет, поэтому его мы добавляем совсем немного по краю спины. Слой в режиме смешивания Overlay (Перекрытие) нужен для создания насыщенного перехода между светом и кожей. При необходимости, можете добавить больше света и распределить его дальше по спине.
Закончив, получаем вот такой результат:
Шаг 6
Переходим к бойцу на переднем плане и повторяем процесс, показанный в 4 и 5 шагах. Повторяем все действия в том же порядке. Начинаем с корректирующего слоя Color Balance (Цветовой баланс) в шаге 4 и работаем с его маской. Проводим кистью в отмеченных на скриншоте местах.
Выше создаем новый слой, жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания слоя на Vivid Light (Яркий свет), берем Brush Tool (B) (Кисть) и устанавливаем цвет на #0ea494. Проводим кистью в тех же местах, что и выше, чтобы добавить голубоватую тонировку.
Затем добавляем корректирующий слой Gradient Map (Карта градиента), используя цвета, показанные на скриншоте ниже. Меняем режим смешивания градиентного слоя на Soft Light (Мягкий свет). Уменьшаем непрозрачность слоя, если получился слишком насыщенный эффект.
Шаг 7
Теперь выбираем все слои с бойцом на переднем плане (основной слой и все обтравочные маски) и дублируем их (Ctrl+J). Не снимая выделения с дубликатов, сразу жмем Ctrl+E, чтобы объединить их в один слой. В результате на одном слое у нас появится копия бойца. Обесцвечиваем его командой Ctrl+Shift+U и применяем Levels (Уровни) (Ctrl+L).
Постарайтесь получить примерно такой же результат, как на скриншоте ниже:
Далее меняем режим смешивания копии на Screen (Осветление) и переходим Layer – Layer Mask – Hide All (Слой – Слой-маска – Скрыть все). Применив маску, берем мягкую белую кисть (В) и проводим в отмеченных красным областях.
Должен получиться красивый эффект блика, практически похожий на мокрую кожу.
Мы должны постараться сделать так, чтобы боец на переднем плане был максимально похож на бойца на заднем плане. У бойца на заднем плане есть очень яркие блики и похоже, что для фотосессии его кожу специально намочили. Поэтому мы должны попытаться создать похожий эффект на втором бойце.
Шаг 8
Далее выше обоих бойцов создаем новый слой. Меняем его режим смешивания на Soft Light (Мягкий свет) и светло-синим цветом (#2bd1f5) проводим по коже вокруг источника света. Убедитесь, что эффект виден на обоих бойцах.
Закончив с освещением, у вас должен получиться такой результат:
3. Создаем клетку и предметы окружения
Шаг 1
Открываем фото сетки. Благодаря тому, что изображение сетки бесшовное, мы можем создать отличную большую текстуру, которая подойдет для нашего постера. Используя Magic Wand Tool (W) (Волшебная палочка) вырезаем сетку и переносим на рабочий документ.
Дублируем (Ctrl+J) кусочек сетки много раз и распределяем копии по рабочему полотну, чтобы получилось одно цельное плотно. Закончив, все части сетки объединяем в один слой (Ctrl+E).
Дважды дублируем сетку и, используя свободную трансформацию (Ctrl+T) (после активации жмем правой кнопкой и выбираем режим Distort (Искажение)), создаем две боковые стенки, чтобы сформировать часть восьмиугольной клетки.
Шаг 2
Объединяем все копии сетки вместе (Ctrl+E) и называем слой «Клетка».
На скриншоте ниже показано в каких местах мы должны доработать освещение, чтобы сетка выглядела реалистично. Направление источника света показано зелеными стрелками, а теней – красными.
Для начала над слоем с сеткой добавляем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Меняем режим смешивания слоя на Overlay (Перекрытие). Далее с помощью мягкой белой кисточки наносим блики на верхней левой стороне каждой ячейки. Также для этих целей можете воспользоваться графическим планшетом, чтобы результат получился более точным и качественным.
Повторяем процесс, только в этот раз рисуем тени на нижней правой стороне каждой ячейки. Работаем на новом слое в режиме смешивания Multiply (Умножение) и используем мягкую черную кисть.
Сетка – всего лишь элемент фона, поэтому слишком не зацикливайтесь на ее проработке. Постарайтесь закончить работу как можно быстрее. Конечный результат не должен быть идеальным, так как при отдалении светотени все равно не будут особо заметны, но все же добавят реалистичности.
Далее создаем общее затенение по бокам сетки в виде виньетки. Для этого используем мягкую черную кисточку и обычный слой. Проводим инструментом в отмеченных красными стрелками местах.
Шаг 3
В качестве финального штриха мы создадим верхнюю раму для клетки. Активируем Pen Tool (P) (Перо) и на верхней панели с параметрами инструмента переключаем режим на Shape (Фигура). Затем по верхнему контуру сетки рисуем полоску в виде части восьмиугольника. Для заливки фигуры используем темно-серый цвет.
Далее переходим на панель слоев, кликаем правой кнопкой мыши по слою с фигурой и выбираем Blending Options (Параметры наложения). Применяем стиль слоя Bevel & Emboss (Тиснение).
Выше создаем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Берем Brush Tool (B) (Кисть), зажимаем клавишу Alt, чтобы переключиться в режим пипетки. Берем пробу фонового цвета, ближе к источнику света, и аккуратно проводим по нижней границе рамы, чтобы создать красивый контурный свет.
Шаг 4
Открываем изображение с концертным залом, перетаскиваем его на рабочий документ выше всех предыдущих слоев и меняем режим смешивания на Screen (Осветление).
С помощью маски или Eraser Tool (E) (Ластик) удаляем верхнюю часть изображения. Убедитесь, чтобы все лучи света в верхней части фото с концертным залом заканчивались под животом бойца.
Корректируем освещение концертного зала. Переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и вводим настройки, показанные ниже на скриншоте. Нам необходимо, чтобы оттенки зала соответствовали цветовой схеме постера. Я намеренно не использую параметр Colorize (Тонирование), потому что он дает 100%-ный монохромный эффект, а нам нужно, чтобы цвета выглядели натурально.
Продолжаем дальше и применяем Image – Adjustments – Color Balance (Изображение – Коррекция – Цветовой баланс), чтобы улучшить глубину цвета.
В итоге мы получаем приятные сине-зеленые оттенки, которые подходят для нашей работы.
Шаг 5
Теперь активируем мягкую кисть (Hardness (Жесткость) – 0%, Flow (Нажим) – очень низкий). Зажимаем клавишу Alt и берем пробу синего цвета на концертном зале, затем удлиняем лучи света в направлении, показанном на скриншоте ниже. Стараемся добиться такого эффекта, как будто концертный зал больше, чем оригинальное изображение на самом деле.
Шаг 6
Открываем фото с фейерверком и перетаскиваем его на рабочий документ.
На данном фото нас больше интересует дым, а не искры. Поэтому с помощью маски или ластика скрываем все, что находится за пределами области в красной окружности (на скриншоте ниже).
Перемещаем слой с фейерверком почти в самый низ панели слоев, чтобы он был на заднем плане. Меняем режим смешивания слоя на Screen (Осветление). Затем переходим Image – Adjustments – Hue/Saturation (Изображение – Коррекция – Цветовой тон/Насыщенность) и настраиваем цвета, как показано ниже.
Дублируем (Ctrl+J) слой с дымом и заполняем им все рабочее пространство (особенно, по бокам), чтобы придать атмосферности работе. Описанный выше способ обработки изображения вы можете с легкостью применить к любому фото с фейерверком из набора на cgtextures.com. Проявите фантазию и воспользуйтесь сразу несколькими картинками, чтобы получить более интересный результат. Но также не перестарайтесь с этим эффектом и сохраните баланс.
Шаг 7
Из-за дыма фоновый цвет стал ярче, в основном, из-за режима смешивания. В связи с этим нам необходимо подкорректировать освещение рамы клетки.
Добавляем новый обтравочный слой для рамы и мягкой кисточкой аккуратно проводим светло-синим цветом (#c4fcfd), как показано ниже стрелками.
Добавляем еще один слой, меняем его режим смешивания на Overlay (Перекрытие) и рисуем узкую полоску света на раме, используя белый цвет.
Шаг 8
Теперь берем Pen Tool (P) (Перо) и проверяем, чтобы на верхней панели режим был установлен на Shape (Фигура). Рисуем треугольник в верхней части афиши. Используем цвет #dfffff.
Устанавливаем режим смешивания слоя на Soft Light (Мягкий свет) и в окне Window – Properties (Окно – Свойства) настраиваем фигуру, как показано ниже. В результате мы получили эффект светового луча.
Несколько раз дублируем (Ctrl+J) световой луч и с помощью свободной трансформации (Ctrl+T) поворачиваем каждую копию, как показано ниже. Убедитесь, чтобы расположение лучей примерно повторяло очертание окружности.
Шаг 9
Далее мы создадим частицы пыли. В самом верху панели слоев добавляем новый слой и заливаем его серым цветом (#7e7e7e). Затем применяем Filter – Noise – Add Noise (Фильтр – Шум – Добавить шум). Настраиваем фильтр, как показано ниже.
Меняем режим смешивания слоя с шумом на Screen (Осветление), затем жмем Ctrl+L и применяем Levels (Уровни). Постарайтесь получить такой результат, чтобы большая часть фона исчезла и остались белые частицы.
Дважды дублируем этот слой (Ctrl+J), чтобы в итоге получить три слоя с частицами. Объединяем их в один слой (Ctrl+E) и снова устанавливаем режим смешивания на Screen (Осветление). В результате частицы стали более контрастными и четкими.
Далее с помощью Lasso Tool (L) (Лассо) рисуем выделение любой формы. Затем жмем Ctrl+T, чтобы активировать трансформацию, кликаем правой кнопкой мыши по выделению и выбираем Warp (Деформация). Хаотично искажаем выделение, форма нам не важна. Вы даже можете увеличить размер.
Можете проделать эти действия по всему рабочему полотну несколько раз. Постарайтесь сделать так, чтобы частицы летели в разных направлениях и варьировались в размерах.
Затем переходим Layer – Layer Mask – Hide All (Слой – Слой-маска – Скрыть все). Постарайтесь запомнить, в каких местах вы добавляли частицы, затем белой жесткой кисточкой маленького диаметра хаотично проводим в этих местах, чтобы вернуть частицы и создать эффект пыли.
Если вы хотите добавить глубины эффекту с частицами, то дублируем слой с частицами, удаляем маску и применяем размытие. Для этого переходим Filter – Blur – Lens Blur (Фильтр – Размытие – Размытие при малой глубине резкости). Настраиваем фильтр, как показано ниже.
И снова используем ту же технику (Layer – Layer Mask – Hide All (Слой – Слой-маска – Скрыть все)) и хаотично проводим по частицам белой кистью, чтобы создать эффект глубины. Не переусердствуйте с этим, так как нам не нужно месиво из разных эффектов. Постарайтесь соблюдать баланс между красотой и реалистичностью.
4. Добавляем текст
Шаг 1
И, наконец, переходим к работе с текстом. Вы, возможно, заметили, что я оставил пустые области снизу и сверху афиши. Именно в этих местах мы будем добавлять всю необходимую информацию. Лучше всего начать с подбора подходящего шрифта. Для обычного информационного текста я буду использовать шрифт Eagle Light.
Примечание: подходящий шрифт вы можете найти на нашем сайте в Дополнениях в разделе Шрифты.
Как правило, белый текст смотрится достаточно хорошо и лаконично, но легкие эффекты сделают работу более профессиональной. Поэтому мы применим к тексту стили слоя, а финальный эффект вы можете увидеть на скриншоте выше.
Если ваш результат отличается от моего, то, скорее всего, вы использовали другой размер текста. Настройки стилей слоя строго подобраны под определенный размер текста. В моем случае это 77 pt.
Шаг 2
Для чисел используем шрифт Helvetica Neue Pro.
И применяем стили слоя.
Шаг 3
Если у вас есть какие-либо логотипы, то лучше всего скомбинировать их с обычным текстом. Попробуйте залить их тем же цветом, что и цифры, но без использования стилей слоя. Весь дополнительный мелкий текст (который не так важен) мы заливаем темно-коричневым цветом (#b5a879).
Переключаемся на верхнюю часть постера. Пишем имена бойцов (в уроке использованы вымышленные имена). Здесь мы руководствуемся теми же принципами. А чтобы сэкономить время, просто копируем стили слоя с предыдущего текста, который мы добавляли в нижней части афиши. Для этого кликаем по тексту и выбираем Copy Layer Style (Скопировать стиль слоя), затем кликаем по второму текстовому слою и выбираем Paste Layer Style (Вставить стиль слоя).
5. Создаем логотип
Шаг 1
Теперь переходим к основному логотипу. Подбираем подходящий «спортивный» шрифт (в данном уроке использован SFS Sports Night.
Примечание: подходящий вариант шрифта вы можете найти на нашем сайте в Дополнениях в разделе Шрифты.
Размещаем текст по центру и увеличиваем логотип так, чтобы он был достаточно большим для постера. Затем кликаем правой кнопкой по тексту и выбираем Convert to Shape (Преобразовать в кривые). После этого меняем цвет фигуры на #8e7c32. Называем слой «Центральный логотип».
Дублируем слой «Центральный логотип», размещаем его под оригиналом и немного уменьшаем (Ctrl+T). Называем слой «Задняя часть логотипа».
Меняем цвет задней части логотипа на #372e07. Затем берем Pen Tool (P) (Перо) (в режиме Shape (Фигура)) и соединяем углы обеих копий логотипа, используя цвет задней копии. Это придаст 3D-эффект нашему логотипа. Закончив, объединяем все слои с углами со слоем «Задняя часть логотипа» (слой «Центральный логотип» оставляем отдельно).
Теперь зажимаем клавишу Ctrl и кликаем по миниатюре слоя «Центральный логотип», чтобы загрузить его выделение. Переходим Select – Modify – Contract (Выделение – Модификация – Сжать) и сжимаем выделение примерно на 10 пикселей (значение зависит от размера вашего текста). Затем выше создаем новый слой и заливаем его более темным оттенком логотипа. Снимаем выделение (Ctrl+D) и называем слой «Передняя часть логотипа».
Активируем Move Tool (V) (Перемещение) и на клавишах со стрелками жмем по несколько раз вниз и вправо, чтобы слегка сместить верхний слой логотипа. Берем жесткую круглую кисть (все параметры кисти должны быть установлены на 100%), добавляем маску на слой и черным цветом кисточки закругляем углы верхнего слоя, как показано ниже.
У вас должен получиться результат примерно такой же, как на скриншоте ниже. Закончив, выключаем видимость верхнего слоя логотипа, пока что он нам не нужен.
Шаг 2
Переходим на слой «Задняя часть логотипа». Выше него добавляем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Берем мягкую кисточку (Hardness (Жесткость) – 0%, Flow (Нажим) – 2-5%). Осветляем заднюю часть логотипа в местах, отмеченных зелеными линиями. Затем в местах, отмеченных красными стрелками, рисуем блики, используя цвет #8e7c32.
Стараемся наложить светотени с двух разных углов – сзади и слева, чтобы создать эффект нескольких источников света.
Чтобы усилить освещение, создаем еще один слой и меняем его режим смешивания на Overlay (Перекрытие) (также не забываем трансформировать в обтравочную маску). Мягкой белой кистью усиливаем блики в отмеченных на скриншоте местах. В этот раз блики должны быть яркими и насыщенными.
Шаг 3
Для создания эффекта золота мы должны подобрать фото предмета с гладкой и глянцевой текстурой. А для этого мы заранее подготовили снимок с прибором.
Открываем изображение и перетаскиваем его на рабочий документ. Размещаем прибор над первой буквой. Обесцвечиваем картинку (Ctrl+Shift+U) и применяем Levels (Уровни) (Ctrl+L).
Меняем режим смешивания слоя с прибором на Overlay (Перекрытие) и трансформируем его в обтравочную маску (Ctrl+Alt+G). Затем добавляем маску и мягкой черной кистью скрываем отмеченные стрелками области.
Перед редактированием вы можете повернуть фото с прибором, и, возможно, с другим углом наклона эффект будет выглядеть лучше. Основная цель состоит в том, чтобы подобрать такое расположение прибора, которое будет создавать нужный эффект на задней части логотипа.
Удаляем только те области, которые совершенно не подходят или перенасыщают цвет.
Я удалил практически 70% прибора, но зато у меня получилось добиться нужного эффекта. Помните о балансе, иногда чем меньше – тем лучше.
Чтобы эффект выглядел реалистичнее, поворачиваем прибор до тех пор, пока не подберем идеальное расположение. Постарайтесь найти такие места, в которых есть несколько прямых линий и расположить прибор так, чтобы эти линии были параллельны букве. Этот создаст красивый глянцевый эффект.
Если у вас возникли проблемы с выполнением этого шага, откройте заново изображение с прибором и сразу же поверните его примерно на -80 градусов. Это будет подходящий угол для логотипа, и вы с легкостью найдете нужные прямые линии.
Применяем фильтр Gaussian Blur (Размытие по Гауссу) или Motion Blur (Размытие в движении) с совсем небольшим радиусом, чтобы слегка размыть созданный эффект. Также несколько раз дублируем слой с прибором, чтобы создать подобный эффект на других буквах. Обратите внимание, чтобы все линии на каждой букве были направлены в одну сторону.
Добавляем теплые оттенки на задней части логотипа, используя корректирующий слой Color Balance (Цветовой баланс) (трансформируем слой в обтравочную маску).
Шаг 4
Теперь переходим к слою «Центральный логотип». На панели слоев кликаем правой кнопкой по слою и выбираем Blending Options (Параметры наложения). Применяем стили слоя, чтобы стилизовать края логотипа.
Шаг 5
Возвращаем видимость верхнего слоя логотипа. На панели слоев добавляем новый корректирующий слой Solid Color (Цвет). Выбираем цвет #937539 и жмем Ctrl+Alt+G, чтобы трансформировать цветовую заливку в обтравочную маску.
Чтобы получить нужный эффект, все следующие слои, которые мы будем добавлять, не забываем трансформировать в обтравочные маски.
Создаем новый слой, устанавливаем его режим смешивания на Overlay (Перекрытие) и мягкой белой кистью проводим в отмеченных стрелками местах.
Повторяем процесс – новый слой, режим Overlay (Перекрытие), мягкая белая кисточка. Но в этот раз при работе с кистью зажимаем клавишу Shift, чтобы нарисовать ровную прямую линию.
Точками на скриншоте отмечено, в каком месте нужно начинать и заканчивать линию, зажав клавишу Shift. Это позволит нарисовать идеально прямые линии.
Далее добавляем корректирующий слой Curves (Кривые). Настраиваем его, как показано ниже. Затем выделяем его маску и жмем Ctrl+I, чтобы инвертировать ее в черный цвет. Теперь берем мягкую белую кисть и в местах, отмеченных красными стрелками, проводим для создания затенения.
Шаг 6
Открываем фото с деревянной коробкой и поворачиваем его, как показано ниже. Угол наклона должен соответствовать направлению бликов, которые мы добавляли в предыдущем шаге.
Непрозрачность коробки уменьшена для наглядности, чтобы вы видели правильный угол наклона.
Меняем режим смешивания слоя на Soft Light (Мягкий свет) и применяем Filter – Blur – Motion Blur (Фильтр – Размытие – Размытие в движении). Настраиваем фильтр, как показано ниже.
Объединяем все слои с логотипом (заднюю, центральную и переднюю части) и выше добавляем несколько корректирующих слоев, трансформировав их в обтравочные маски.
- Первый Gradient Map (Карта градиента) – цвета #4c3606 и #efd16b – режим Normal (Нормальный).
- Второй Gradient Map (Карта градиента) – черно-белый – режим Overlay (Перекрытие).
- Третий Gradient Map (Карта градиента) – черно-белый – режим Overlay (Перекрытие) (непрозрачность примерно 30-40%).
Шаг 7
У вас должен получиться вот такой результат:
Логотип почти готов, но, чтобы он идеально вписывался в постер, давайте добавим еще пару корректирующих слоев:
- Hue/Saturation (Цветовой тон/Насыщенность), настраиваем канал Yellows (Желтые), чтобы добавить белый цвет
- Selective Color (Выборочная коррекция цвет), корректируем общую цветовую гамму
И в качестве финального штриха еще два корректирующих слоя:
- Brightness/Contrast (Яркость/Контрастность) для создания свечения
- Color Balance (Цветовой баланс) для финальной цветокоррекции
Шаг 8
Выше всех предыдущих слоев создаем новый слой (в обтравочную маску не трансформируем), меняем режим смешивания слоя на Linear Dodge (Линейный осветлитель). Берем мягкую кисть бледно-зеленого цвета (#a1a575) и добавляем свечение с левой стороны букв там, где отмечено стрелками. Это не только добавит интересный эффект, но также объединит логотип с фоном.
Завершение
В этом уроке вы научились создавать афишу с рекламой мероприятия ММА в Photoshop. Изученные приемы можно применить для создания работ, посвященных другим видам искусств. В процессе работы вы узнали, как подготавливать фотографии, добавлять текст и рисовать логотип с металлическим эффектом. Надеюсь, изученные навыки вам пригодятся и вы воспользуетесь ими для создания своих собственных работ.
Автор: Wojciech Pijecki
Как сделать афишу в фотошопе и своими руками
Как сделать афишу в фотошопе или своими руками? Какой метод использовать? Мы подробно рассмотрим оба варианта, и тогда каждый сможет выбрать подходящий ему.
Как сделать афишу в фотошопе
Чаще всего для этой цели пользуются программой Adobe Photoshop. В настоящее время в Интернете можно найти много видеуроков о том, как пользоваться этой программой или пройти курсы в специализированных школах.
Создать афишу в фотошопе очень легко, необходима только заготовка и ваша фантазия. Для начала выберите фотографию или картинку, которая станет основой вашей будущей афиши. Это может быть логотип магазина или фото известного исполнителя, или что-то другое. Далее загрузите ее в программу фотошопа для последующей обработки. Можно изменить фон, добавить надписи или еще какие-то элементы эскиза. Здесь все ограничено только вашими задумками или желаниями заказчика. Помните: если вам нужна афиша для привлечения всеобщего внимания, она должна быть яркой. Когда все будет готово, вам останется ее только распечатать на бумаге подходящего размера.
Мы рассмотрели самую популярную программу для создания афиш и обработки изображений, но вы можете выбрать любую удобную для себя.
Как сделать афишу своими руками
Еще один способ — как сделать афишу — заключается в том, что вы можете ее полностью нарисовать сами. Но это лучше делать, если у вас действительно есть способности к рисованию.
Для этого вам понадобится лист бумаги размера будущей афиши, а также всевозможные краски, кисти, карандаши, фломастеры и другие принадлежности. До начала работ необходимо узнать, где будет висеть будущая афиша. Если это будет улица, то лучше всего в процессе творения использовать водостойкие краски на случай дождя (снега) или в конце произвести ламинирование афиши.
Также в создании афиши можно использовать какие-то готовые материалы. Например, это могут быть различные вырезки, открытки, фотографии и даже какие-то предметы.
В процессе создания афиши всегда могут участвовать несколько человек, каждый из которых будет отвечать за свою область. Например, один рисует, другой — пишет тексты для будущей афиши..
Выводы о том, как сделать афишу
Оба варианта, которые мы рассмотрели в этой статье хорошие и имеют свои плюсы. Во-первых, они оба бюджетные. Для работы вы никого не нанимаете, следовательно, никому ничего не платите. Вся работа выполняется самостоятельно. В случае фотошопа вам нужны доступ к самой программе и принтеру, а в случае рисования — набор необходимых инструментов.
В обоих случаях вы затратите время и, скорее всего, немалое, на создание будущей афиши. Это нужно учесть.
Какой из вариантов выбрать — решать только вам или вашему заказчику. Чаще всего выбор зависит от концепции мероприятия, для которого оформляется афиша, и от бюджета ее создания. Если это работа для себя, то лучше выбрать то, в чем вы более талантливы.
А еще оба варианта можно комбинировать. Например, полностью оформив афишу в фотошопе, на уже распечатанном плакате разместить какие-то предметы, сделанные вручную. Если есть такая задумка изначально.
Как сделать афишу в фотошопе
Уроки фотошопа Свежие уроки Видео уроки Популярные уроки Наш опросКакие уроки вам больше нравятся?
- Besty
- 4 ноябрь 2011
- 17:58:00
- 21196
Учимся создавать готовый к печати плакат для вечеринки в клубе в Adobe Photoshop, используя фотографии из хранилища изображений, стили слоя, текстовые эффекты, режимы смешения, кисти и карандаш. Этот урок содержит очень эффективные методы, и по нему легко следовать шаг за шагом.
Шаг 1
Создаем новый документ. Если Вы будете использовать результат для печати, выбирайте размеры 300 мм x 400 мм и разрешение 300 DPI, цветовая модель CMYK, если нет – выбирайте размер 600800 px.В качестве фона мы будем использовать изображение дерева из хранилища SXC.HU. Открываем это изображение в Photoshop и копируем его в документ с нашим плакатом. Используем инструмент Free Transform tool, который автоматически выбирается при вставке изображения, и подгоняем размеры изображения под размеры документа.
Шаг 2
Теперь мы должны дублировать слой с деревом, поэтому переходим в меню Layer-Duplicate layer. Вот как должен выглядеть теперь Ваш список слоев:
Выделяем дублированный слой, переходим в фильтр Filter-Blur-Motion blur и добавляем угол -90 и расстояние 90 px.
Устанавливаем режим смешения Linear Light:
Шаг 3
Теперь давайте добавим текст. Название вечеринки будет «Euphoria Party». Выбираем любой понравившийся шрифт. Я использовал шрифт «Bickham Script». Сначала добавляем слово «Euphoria».
Теперь давайте добавим следующие стили слоя к слою со словом «Euphoria» на панели слоев:Drop Shadow:
Inner Shadow:
Inner Glow:
Bevel and Emboss:
Gradient Overlay:
Вот так должен выглядеть после этого Ваш текст:
Шаг 4
Добавляем слово «party», переходим на панель слоев, нажимаем правой кнопкой на слое «Euphoria» и выбираем пункт Copy Layer Style. Затем выделяем слой со словом «party», нажимаем на нём правой кнопкой и выбираем Paste Layer Style.
Вот как должен выглядеть Ваш плакат теперь:
Шаг 5
Теперь давайте добавим текст «Guest list:» другим шрифтом. Я использовал шрифт «Century Gothic». Вставляем те же стили слоя на этот слой, но сначала делаем текст белым.
Теперь давайте добавим непосредственно имена гостей.
Создание плаката/флаера в Photoshop-е
Используем тот же шрифт «Century Gothic» голубого цвета и вставляем те же стили слоя, которые у меня указаны здесь:
Используя ту же технику, добавляем дату:
Шаг 6
Этот Шаг немного сложнее. Мы будем добавлять волны внизу плаката. Создаем новый слой. Берем инструмент Pen tool и создаем фигуру, похожую на эту:
После того, как фигура создана, переходим в настройки кистей Brush panel и выбираем кисть Chalk Brush, которая входит в набор Adobe Photoshop:
Возвращаемся к инструменту Pen Tool (опять выделяем Pen Tool на панели инструментов), нажимаем правой кнопкой на рабочей области и выбираем пункт Stroke Path.
Вот, что у Вас должно получиться:
Шаг 7
Нам снова нужно вставить стили слоя с одного из текстовых слоев на слой с волнами и отключить один из стилей: Bevel and Emboss.
Вот как оно должно выглядеть:
Шаг 8
Дублируем слой дважды, размещаем их один под другим и используем разные цвета. Также добавляем логотип клуба и спонсоров. И на этом мы заканчиваем урок, наши поздравления!
Не забудьте оставить своё мнение, задать вопрос или поделиться результатом.
Перевод для сайта http://photoshoplove.ru сделан bestyАвтор урока: psdartist.comПосетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
В данном уроке Фотошопа мы рассмотрим процесс создания красочного плаката который будет состоять из фотографий и векторов.ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.
Финальный результат
Приступаем к уроку Фотошопа
↓ Материалы использованные в уроке:
Фотография пистолета;Фотография гранаты;
Шаг 1.
Открываем наше изображение пистолета, увеличиваем его размер на 300% (Zoom Tool (Инструмент Лупа / Клавиша ‘Z’)) и выбираем Pen Tool (Инструмент Перо / Клавиша ‘P’). Убедитесь, что выбран Paths (Контуры) и Add to path area (+) (Добавить к контуру), затем начинайте обводить пистолет. Потяните Anchor Point (Опорные точки) так, чтобы он вытянулся прямо вдоль границы: ↓
Шаг 2.
На стыке кривой и прямой линии добавим ещё один Anchor Point (Опорные точки). Берем Direct Selection Tool (Редактирование контура) (белая стрелка) и тянем за чёрную точку. Скоро вы поймёте, как передвигать Anchor Point (Опорные точки), чтобы кривая принимала нужную форму: ↓
Шаг 3.
Снова берём Pen Tool (Инструмент Перо / Клавиша ‘P’), зажав Alt кликаем по Anchor Point (Опорные точки) на конце кривой. Появится чёрная точка, с помощью которой подгоняем нашу линию по контуру изображения: ↓
Шаг 4.
Заканчиваем выделение изображения. Ниже приводится пример по управлению Anchor Point (Опорные точки) при создании сложных кривых. Смысл в том, чтобы создавая линии использовать как можно меньше точек.
Шаг 5.
Создайте новый документ (File > New (Файл > Новый / Сочетание клавиш ‘Ctrl+N’)) (формат A5, 300dpi), куда скопируйте и вставьте изображение пистолета. Возьмите Pen Tool (Инструмент Перо / Клавиша ‘P’) и вместо Paths (Контуры) поставьте Shape Layers (Слой фигуры). Выберите цвет, я взял 100%Magenta (Пурпурный), по ходу работы цвет можно поменять. Теперь рисуем струйки краски, вытекающие из ствола: ↓
Шаг 6.
Используем свою фантазию и законы физики: ↓
Шаг 7.
Нежелательные Anchor Points (Опорные точки) удаляем с помощью инструмента Direct Selection Tool (Редактирование контура): ↓
Шаг 8.
Наступило время придать нашей векторной слизи глубины. Выбираем слой с изображение слизи, заходим в меню Layer > Layer Style > Blending Options (Слой > Стиль слоя > Параметры наложения) и задаём следующие настройки; цвета подбираете на свой вкус: ↓
Шаг 9.
Нарисуйте побольше слизи, вылетающей из дула пистолета. Измените толщину и направление струи, попробуйте их немного увеличить. Рисуя мелкие брызги, представьте их движение относительно больших. Выбрав слой со слизью, заходите в меню Layer > Layer Style > Copy Layer Style (Слой > Стиль слоя > Скопировать стиль слоя).
как сделать афишу в фотошопе
Выберите слой назначения и зайдите в меню Layer > Layer Style > Paste Layer style (Слой > Стиль слоя > Вклеить стиль слоя).
Шаг 10.
Настройки Layer Style (Стиля слоя) для мелких брызг несколько отличаются, поэтому кликните по иконке Layer style (Стиль слоя) (буква ‘f’ в черном кружке) и примените следующие настройки: ↓
Шаг 11.
Рисуйте струйки, пока не добьётесь нужного результата. Можно добавить пару капель, вылетающих из дула пистолета: ↓
Шаг 12.
Нарисуйте немного мелких капель и, чтобы они были похожи на остальные, примените к ним Layer Styles (Стиль слоя). С помощью инструмента Move Tool (Перемещение / Клавиша ‘V’), держа клавишу Alt, потяните мышкой за изображение, копируя наши капли. Нажмите Ctrl+T и поменяйте размер и положение капли. Повторяйте это, пока не добьётесь нужного вам результата. Поэкспериментируйте с глубиной, меняя расположение слоёв.
Шаг 13.
Нарисуем на дуле пистолета тени от капель: инструмент пипетка (Eyedropper Tool (Пипетка / Клавиша ‘I’)), новый слой, мягкая кисть, выделение пистолета, маска слоя, рисование теней и режим наложения Multiply (Умножение).
Шаг 14.
Открываем изображение гранаты, вырезаем его, импортируем в документ, затем нажимаем комбинацию клавиш Ctrl+T и меняем размеры и положение изображения: ↓
Шаг 15.
Инструментом Pen Tool (Инструмент Перо / Клавиша ‘P’) создадим выделение гранаты, вырежем её и вставим на новый слой. Продолжим вырезать части гранаты, пока не получим несколько кусков, по желанию. Как только вы разделите гранату, сместите части, словно их сдуло ветром.
Шаг 17.
Чтобы нарисовать дым, возьмите Pen Tool (Инструмент Перо / Клавиша ‘P’) и воспользуйтесь той же техникой, что и ранее. Для дыма я использовал различные цвета.
Шаг 18.
Чтобы дым не выглядел плоским, придадим ему глубину и свет (что мы делали со слизью). См. скриншоты. Скопируйте и вставьте Layer Styles (Стиль слоя) на все слои дыма.
Шаг 19.
Сделаем мультяшные наброски вокруг дыма. Вы можете сделать это вручную или выбрать слой с формой дыма, где видна дорожка (path/путь/контур), затем скопируйте её. На панели Paths (Контуры) создайте новый слой и вставьте туда дорожку. С помощью выделения индивидуальных Anchor Points (Опорные точки), удалите ненужные части. Дорисуйте детали и, если нужно, продолжите линии.
Шаг 20.
Создайте новый слой, используйте его для нарисованного вами контура. Выберите инструмент Brush Tool (Инструмент Кисть / Клавиша ‘B’), 7 pixels, твёрдость 100%. Выберите Path (Контур) на палитре Paths (Контуры), затем Stroke Path (Обводка контура) из контекстного меню (небольшая стрелка в кружке в верхнем правом углу палитры). Затем я изменил размер всех слоев с изображением гранат (включая слой с дымом и т.д.) для придания эффекта присутствия.
Шаг 21.
Теперь немного повозимся. Создадим новый слой, Blending mode (Режимы наложения) — Multiply (Умножение). Ctrl+ клик на всех маленьких окошках слоёв (в палитре слоев) с изображением гранат, выделив их, добавим маску слоя (белый кружок в чёрном квадрате).
Теперь (работаем с новым слоем, а не с маской) нажимаем Ctrl+ клик по верхнему куску гранаты и инвертируем выделение (Ctrl+Shift+I). Берём инструмент Brush Tool (Инструмент Кисть / Клавиша ‘B’), мягкую кисть и рисуем на тени, я использовал тёмно-серый. Нажимаем Ctrl+Н, чтобы спрятать выделение. Продолжаем в том же духе. Меняем кисть с 45 pixel brush на 20 pixel.
Шаг 22.
Нарисуем побольше слизи, как на пистолете. Переместите слой со слизью между дымом и гранатой. Примените маску к слою с тенью (Ctrl+ клик по всем слоям с гранатой и слизью и их маскировка на слое с тенью). Возможно вам придётся создавать выделение вручную, с помощью инструмента Polygonal Lasso Tool (Инструмент Многоугольное лассо / Клавиша ‘L’).
Шаг 23.
Скопируем все слои с гранатой на один слой. Перетащите новый слой с гранатой на самый верх и измените придав перспективу. Идите в Filter > Blur > Lens Blur (Фильтр > Размытие > Размытие при малой глубине резкости) и сделайте настройки как на скриншоте. Затем размоем границы гранаты с помощью инструмента Filter > Blur > Box Blur (Фильтр > Размытие > Размытие по рамке).
Шаг 24.
Объединим в один все розовые слои со слизью из дула пистолета, и применим размытие → Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) в 0.6 Pixel. То же самое сделайте со слизью на гранате. Затем скопируйте всё в один слой.
Шаг 25.
Думаю нужно увеличить контраст. Сделаем это с помощью кривых. Заходим в Layer > New Adjustment Layer > Curves (Слой > Новый корректирующий слой > Кривые) и настраиваем следующим образом: ↓
Шаг 26.
В заключение, дублируем слой ‘Background‘ (Фон) и заходим в меню Filter > Artistic > Film Grain (Фильтр > Имитация > Зернистость фотопленки). Настраиваем по скриншоту. Снижаем Opacity (Непрозрачность) слоя до 55%. Теперь можно подправить Image > Adjustments > Hue/Saturation (Изображение > Коррекция > Цветовой тон/Насыщенность — Сочетание клавиш ‘Ctrl+U’): ↓
Всё! Наша работа готова.
Финальный результат
Оригинал;Текст доработан командой сайта PhotoshopPro.ru
Уроки фотошопа Свежие уроки Видео уроки Популярные уроки Наш опросКакие уроки вам больше нравятся?
- Besty
- 4 ноябрь 2011
- 17:58:00
- 21196
Учимся создавать готовый к печати плакат для вечеринки в клубе в Adobe Photoshop, используя фотографии из хранилища изображений, стили слоя, текстовые эффекты, режимы смешения, кисти и карандаш. Этот урок содержит очень эффективные методы, и по нему легко следовать шаг за шагом.
Шаг 1
Создаем новый документ. Если Вы будете использовать результат для печати, выбирайте размеры 300 мм x 400 мм и разрешение 300 DPI, цветовая модель CMYK, если нет – выбирайте размер 600800 px.В качестве фона мы будем использовать изображение дерева из хранилища SXC.HU. Открываем это изображение в Photoshop и копируем его в документ с нашим плакатом. Используем инструмент Free Transform tool, который автоматически выбирается при вставке изображения, и подгоняем размеры изображения под размеры документа.
Шаг 2
Теперь мы должны дублировать слой с деревом, поэтому переходим в меню Layer-Duplicate layer. Вот как должен выглядеть теперь Ваш список слоев:
Выделяем дублированный слой, переходим в фильтр Filter-Blur-Motion blur и добавляем угол -90 и расстояние 90 px.
Устанавливаем режим смешения Linear Light:
Шаг 3
Теперь давайте добавим текст. Название вечеринки будет «Euphoria Party».
Веб-разработка. Делаем простую афишу мероприятия в Photoshop
Выбираем любой понравившийся шрифт. Я использовал шрифт «Bickham Script». Сначала добавляем слово «Euphoria».
Теперь давайте добавим следующие стили слоя к слою со словом «Euphoria» на панели слоев:Drop Shadow:
Inner Shadow:
Inner Glow:
Bevel and Emboss:
Gradient Overlay:
Вот так должен выглядеть после этого Ваш текст:
Шаг 4
Добавляем слово «party», переходим на панель слоев, нажимаем правой кнопкой на слое «Euphoria» и выбираем пункт Copy Layer Style. Затем выделяем слой со словом «party», нажимаем на нём правой кнопкой и выбираем Paste Layer Style.
Вот как должен выглядеть Ваш плакат теперь:
Шаг 5
Теперь давайте добавим текст «Guest list:» другим шрифтом. Я использовал шрифт «Century Gothic». Вставляем те же стили слоя на этот слой, но сначала делаем текст белым.
Теперь давайте добавим непосредственно имена гостей. Используем тот же шрифт «Century Gothic» голубого цвета и вставляем те же стили слоя, которые у меня указаны здесь:
Используя ту же технику, добавляем дату:
Шаг 6
Этот Шаг немного сложнее. Мы будем добавлять волны внизу плаката. Создаем новый слой. Берем инструмент Pen tool и создаем фигуру, похожую на эту:
После того, как фигура создана, переходим в настройки кистей Brush panel и выбираем кисть Chalk Brush, которая входит в набор Adobe Photoshop:
Возвращаемся к инструменту Pen Tool (опять выделяем Pen Tool на панели инструментов), нажимаем правой кнопкой на рабочей области и выбираем пункт Stroke Path.
Вот, что у Вас должно получиться:
Шаг 7
Нам снова нужно вставить стили слоя с одного из текстовых слоев на слой с волнами и отключить один из стилей: Bevel and Emboss.
Вот как оно должно выглядеть:
Шаг 8
Дублируем слой дважды, размещаем их один под другим и используем разные цвета. Также добавляем логотип клуба и спонсоров. И на этом мы заканчиваем урок, наши поздравления!
Не забудьте оставить своё мнение, задать вопрос или поделиться результатом.
Перевод для сайта http://photoshoplove.ru сделан bestyАвтор урока: psdartist.comПосетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
В данном уроке Фотошопа мы рассмотрим процесс создания красочного плаката который будет состоять из фотографий и векторов.ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.
Финальный результат
Приступаем к уроку Фотошопа
↓ Материалы использованные в уроке:
Фотография пистолета;Фотография гранаты;
Шаг 1.
Открываем наше изображение пистолета, увеличиваем его размер на 300% (Zoom Tool (Инструмент Лупа / Клавиша ‘Z’)) и выбираем Pen Tool (Инструмент Перо / Клавиша ‘P’). Убедитесь, что выбран Paths (Контуры) и Add to path area (+) (Добавить к контуру), затем начинайте обводить пистолет. Потяните Anchor Point (Опорные точки) так, чтобы он вытянулся прямо вдоль границы: ↓
Шаг 2.
На стыке кривой и прямой линии добавим ещё один Anchor Point (Опорные точки). Берем Direct Selection Tool (Редактирование контура) (белая стрелка) и тянем за чёрную точку. Скоро вы поймёте, как передвигать Anchor Point (Опорные точки), чтобы кривая принимала нужную форму: ↓
Шаг 3.
Снова берём Pen Tool (Инструмент Перо / Клавиша ‘P’), зажав Alt кликаем по Anchor Point (Опорные точки) на конце кривой. Появится чёрная точка, с помощью которой подгоняем нашу линию по контуру изображения: ↓
Шаг 4.
Заканчиваем выделение изображения. Ниже приводится пример по управлению Anchor Point (Опорные точки) при создании сложных кривых. Смысл в том, чтобы создавая линии использовать как можно меньше точек.
Шаг 5.
Создайте новый документ (File > New (Файл > Новый / Сочетание клавиш ‘Ctrl+N’)) (формат A5, 300dpi), куда скопируйте и вставьте изображение пистолета. Возьмите Pen Tool (Инструмент Перо / Клавиша ‘P’) и вместо Paths (Контуры) поставьте Shape Layers (Слой фигуры). Выберите цвет, я взял 100%Magenta (Пурпурный), по ходу работы цвет можно поменять. Теперь рисуем струйки краски, вытекающие из ствола: ↓
Шаг 6.
Используем свою фантазию и законы физики: ↓
Шаг 7.
Нежелательные Anchor Points (Опорные точки) удаляем с помощью инструмента Direct Selection Tool (Редактирование контура): ↓
Шаг 8.
Наступило время придать нашей векторной слизи глубины. Выбираем слой с изображение слизи, заходим в меню Layer > Layer Style > Blending Options (Слой > Стиль слоя > Параметры наложения) и задаём следующие настройки; цвета подбираете на свой вкус: ↓
Шаг 9.
Нарисуйте побольше слизи, вылетающей из дула пистолета. Измените толщину и направление струи, попробуйте их немного увеличить. Рисуя мелкие брызги, представьте их движение относительно больших. Выбрав слой со слизью, заходите в меню Layer > Layer Style > Copy Layer Style (Слой > Стиль слоя > Скопировать стиль слоя). Выберите слой назначения и зайдите в меню Layer > Layer Style > Paste Layer style (Слой > Стиль слоя > Вклеить стиль слоя).
Шаг 10.
Настройки Layer Style (Стиля слоя) для мелких брызг несколько отличаются, поэтому кликните по иконке Layer style (Стиль слоя) (буква ‘f’ в черном кружке) и примените следующие настройки: ↓
Шаг 11.
Рисуйте струйки, пока не добьётесь нужного результата. Можно добавить пару капель, вылетающих из дула пистолета: ↓
Шаг 12.
Нарисуйте немного мелких капель и, чтобы они были похожи на остальные, примените к ним Layer Styles (Стиль слоя). С помощью инструмента Move Tool (Перемещение / Клавиша ‘V’), держа клавишу Alt, потяните мышкой за изображение, копируя наши капли. Нажмите Ctrl+T и поменяйте размер и положение капли. Повторяйте это, пока не добьётесь нужного вам результата. Поэкспериментируйте с глубиной, меняя расположение слоёв.
Шаг 13.
Нарисуем на дуле пистолета тени от капель: инструмент пипетка (Eyedropper Tool (Пипетка / Клавиша ‘I’)), новый слой, мягкая кисть, выделение пистолета, маска слоя, рисование теней и режим наложения Multiply (Умножение).
Шаг 14.
Открываем изображение гранаты, вырезаем его, импортируем в документ, затем нажимаем комбинацию клавиш Ctrl+T и меняем размеры и положение изображения: ↓
Шаг 15.
Инструментом Pen Tool (Инструмент Перо / Клавиша ‘P’) создадим выделение гранаты, вырежем её и вставим на новый слой. Продолжим вырезать части гранаты, пока не получим несколько кусков, по желанию. Как только вы разделите гранату, сместите части, словно их сдуло ветром.
Шаг 17.
Чтобы нарисовать дым, возьмите Pen Tool (Инструмент Перо / Клавиша ‘P’) и воспользуйтесь той же техникой, что и ранее. Для дыма я использовал различные цвета.
Шаг 18.
Чтобы дым не выглядел плоским, придадим ему глубину и свет (что мы делали со слизью). См. скриншоты. Скопируйте и вставьте Layer Styles (Стиль слоя) на все слои дыма.
Шаг 19.
Сделаем мультяшные наброски вокруг дыма. Вы можете сделать это вручную или выбрать слой с формой дыма, где видна дорожка (path/путь/контур), затем скопируйте её. На панели Paths (Контуры) создайте новый слой и вставьте туда дорожку. С помощью выделения индивидуальных Anchor Points (Опорные точки), удалите ненужные части. Дорисуйте детали и, если нужно, продолжите линии.
Шаг 20.
Создайте новый слой, используйте его для нарисованного вами контура. Выберите инструмент Brush Tool (Инструмент Кисть / Клавиша ‘B’), 7 pixels, твёрдость 100%. Выберите Path (Контур) на палитре Paths (Контуры), затем Stroke Path (Обводка контура) из контекстного меню (небольшая стрелка в кружке в верхнем правом углу палитры). Затем я изменил размер всех слоев с изображением гранат (включая слой с дымом и т.д.) для придания эффекта присутствия.
Шаг 21.
Теперь немного повозимся. Создадим новый слой, Blending mode (Режимы наложения) — Multiply (Умножение). Ctrl+ клик на всех маленьких окошках слоёв (в палитре слоев) с изображением гранат, выделив их, добавим маску слоя (белый кружок в чёрном квадрате).
Теперь (работаем с новым слоем, а не с маской) нажимаем Ctrl+ клик по верхнему куску гранаты и инвертируем выделение (Ctrl+Shift+I). Берём инструмент Brush Tool (Инструмент Кисть / Клавиша ‘B’), мягкую кисть и рисуем на тени, я использовал тёмно-серый. Нажимаем Ctrl+Н, чтобы спрятать выделение. Продолжаем в том же духе. Меняем кисть с 45 pixel brush на 20 pixel.
Шаг 22.
Нарисуем побольше слизи, как на пистолете. Переместите слой со слизью между дымом и гранатой. Примените маску к слою с тенью (Ctrl+ клик по всем слоям с гранатой и слизью и их маскировка на слое с тенью). Возможно вам придётся создавать выделение вручную, с помощью инструмента Polygonal Lasso Tool (Инструмент Многоугольное лассо / Клавиша ‘L’).
Шаг 23.
Скопируем все слои с гранатой на один слой. Перетащите новый слой с гранатой на самый верх и измените придав перспективу. Идите в Filter > Blur > Lens Blur (Фильтр > Размытие > Размытие при малой глубине резкости) и сделайте настройки как на скриншоте. Затем размоем границы гранаты с помощью инструмента Filter > Blur > Box Blur (Фильтр > Размытие > Размытие по рамке).
Шаг 24.
Объединим в один все розовые слои со слизью из дула пистолета, и применим размытие → Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) в 0.6 Pixel. То же самое сделайте со слизью на гранате. Затем скопируйте всё в один слой.
Шаг 25.
Думаю нужно увеличить контраст.
Как создать плакат в фотошопе cs6: видео
Сделаем это с помощью кривых. Заходим в Layer > New Adjustment Layer > Curves (Слой > Новый корректирующий слой > Кривые) и настраиваем следующим образом: ↓
Шаг 26.
В заключение, дублируем слой ‘Background‘ (Фон) и заходим в меню Filter > Artistic > Film Grain (Фильтр > Имитация > Зернистость фотопленки). Настраиваем по скриншоту. Снижаем Opacity (Непрозрачность) слоя до 55%. Теперь можно подправить Image > Adjustments > Hue/Saturation (Изображение > Коррекция > Цветовой тон/Насыщенность — Сочетание клавиш ‘Ctrl+U’): ↓
Всё! Наша работа готова.
Финальный результат
Оригинал;Текст доработан командой сайта PhotoshopPro.ru
В этом уроке Фотошопа мы будем создавать плакат к одному из фильмов ужасов.ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.
Финальный результат
Приступаем к уроку Фотошопа
↓ Материалы использованные в уроке:
Гранджевый фон;Девушка;Силуэт с вытянутой рукой;Классический кухонный нож;
Шрифт Chiller;
Узнаем как изготовить афишу в фотошопе и своими руками
Как сделать афишу в фотошопе или своими руками? Какой метод использовать? Мы подробно рассмотрим оба варианта, и тогда каждый сможет выбрать подходящий ему.
Как сделать афишу в фотошопе
Чаще всего для этой цели пользуются программой Adobe Photoshop. В настоящее время в Интернете можно найти много видеуроков о том, как пользоваться этой программой или пройти курсы в специализированных школах.
Создать афишу в фотошопе очень легко, необходима только заготовка и ваша фантазия. Для начала выберите фотографию или картинку, которая станет основой вашей будущей афиши. Это может быть логотип магазина или фото известного исполнителя, или что-то другое. Далее загрузите ее в программу фотошопа для последующей обработки. Можно изменить фон, добавить надписи или еще какие-то элементы эскиза. Здесь все ограничено только вашими задумками или желаниями заказчика. Помните: если вам нужна афиша для привлечения всеобщего внимания, она должна быть яркой. Когда все будет готово, вам останется ее только распечатать на бумаге подходящего размера.
Мы рассмотрели самую популярную программу для создания афиш и обработки изображений, но вы можете выбрать любую удобную для себя.
Как сделать афишу своими руками
Еще один способ — как сделать афишу — заключается в том, что вы можете ее полностью нарисовать сами. Но это лучше делать, если у вас действительно есть способности к рисованию.
Для этого вам понадобится лист бумаги размера будущей афиши, а также всевозможные краски, кисти, карандаши, фломастеры и другие принадлежности. До начала работ необходимо узнать, где будет висеть будущая афиша. Если это будет улица, то лучше всего в процессе творения использовать водостойкие краски на случай дождя (снега) или в конце произвести ламинирование афиши.
Также в создании афиши можно использовать какие-то готовые материалы. Например, это могут быть различные вырезки, открытки, фотографии и даже какие-то предметы.
В процессе создания афиши всегда могут участвовать несколько человек, каждый из которых будет отвечать за свою область. Например, один рисует, другой — пишет тексты для будущей афиши..
Выводы о том, как сделать афишу
Оба варианта, которые мы рассмотрели в этой статье хорошие и имеют свои плюсы. Во-первых, они оба бюджетные. Для работы вы никого не нанимаете, следовательно, никому ничего не платите. Вся работа выполняется самостоятельно.
В случае фотошопа вам нужны доступ к самой программе и принтеру, а в случае рисования — набор необходимых инструментов.
В обоих случаях вы затратите время и, скорее всего, немалое, на создание будущей афиши. Это нужно учесть.
Какой из вариантов выбрать — решать только вам или вашему заказчику. Чаще всего выбор зависит от концепции мероприятия, для которого оформляется афиша, и от бюджета ее создания. Если это работа для себя, то лучше выбрать то, в чем вы более талантливы.
А еще оба варианта можно комбинировать. Например, полностью оформив афишу в фотошопе, на уже распечатанном плакате разместить какие-то предметы, сделанные вручную. Если есть такая задумка изначально.
20 руководств по созданию плакатов с помощью Photoshop
Этот обзор Photoshop представляет собой 20 лучших руководств по созданию плакатов с помощью Photoshop. Обзор включает в себя коллекцию лучших руководств по дизайну, которые помогут вам создать собственный плакат. Существует ряд руководств на любой уровень подготовки, будь то новичок в Photoshop или мастер Photoshop.
Надеюсь, вам понравился обзор, и я хотел бы услышать ваши мысли в разделе комментариев ниже.
Мы будем учиться создавать постеры фильма в Adobe Photoshop в паре с конструктором постеров Placeit!
Если вы хотите научиться делать плакат к фильму, неплохо попытаться воспроизвести работу профессионала. Таким образом, вы можете узнать о тенденциях и методах с четкой целью. В этом руководстве
Узнайте, как создать потрясающий музыкальный постер с разделенным изображением. В этом уроке мы будем использовать набор основных инструментов Photoshop, которые позволят нам добиться визуально сильного плаката.
Узнайте, как создать эффект винтажного шрифта, используя советы Криса!
Узнайте, как создать эффект винтажного шрифта, используя советы Криса!
6. Как создать красочный ретро постер за несколько простых шагов
Узнайте, как создать обои в ретро-стиле с помощью этого урока Photoshop! Из этого туториала Вы узнаете, как создать обои с блестящими текстурами, множеством бликов и ярких цветов.
7. Как создать потрясающий плакат из смешанной техники в Photoshop
Узнайте, как создать эту творческую композицию с использованием различных графических элементов.Из этого туториала Вы узнаете, как легко создавать футуристические формы с помощью инструментов «Путь» и комбинировать их с фотографиями и кистями для создания этого плаката в смешанной технике.
8. Создайте красочный ретро постер в Photoshop и Illustrator
Сделайте снимок и превратите его в это удивительное произведение искусства в стиле ретро с помощью Photoshop и Illustrator.
9. Создайте плакат, вдохновленный фильмом «Наследие Борна»
Создайте плакат с полосой-маской, как на плакате фильма «Наследие Борна» в Photoshop CS6.Это простое руководство, подходящее для новичков, покажет вам, как создать этот плакат, используя только методы неразрушающего редактирования.
Создайте плакат с маской с полосатым узором, как на плакате фильма «Наследие Борна» в Photoshop CS6. Это простое руководство, подходящее для новичков, покажет вам, как создать этот плакат, используя только методы неразрушающего редактирования.
В этом уроке вы узнаете, как использовать основные приемы дизайна для создания яркого дизайна плаката в Adobe Photoshop.
Гигантские плакаты — отличное развлечение для дизайнера. Обычно для вдохновения у вас есть музыка группы, да и вообще все, что угодно. Эти плакаты часто абстрактны и часто могут быть невероятным выражением искусства. Но чаще всего вы работаете с ограниченным бюджетом и ограниченным временем. Значит нужно создать что-то невероятное, быстро и недорого.
Гигантские плакаты — отличное развлечение для дизайнера. Обычно для вдохновения у вас есть музыка группы, да и вообще все, что угодно.Эти плакаты часто абстрактны и часто могут быть невероятным выражением искусства. Но чаще всего вы работаете с ограниченным бюджетом и ограниченным временем. Значит нужно создать что-то невероятное, быстро и недорого.
Гигантские плакаты — отличное развлечение для дизайнера. Обычно для вдохновения у вас есть музыка группы, да и вообще все, что угодно. Эти плакаты часто абстрактны и часто могут быть невероятным выражением искусства. Но чаще всего вы работаете с ограниченным бюджетом и ограниченным временем.Значит нужно создать что-то невероятное, быстро и недорого.
В этом руководстве я также объясню, как создавать другие украшения, такие как полутона, трехмерные звезды, пузыри и ленты.
Галактические космические сцены — популярная тема для цифрового искусства, они наполнены текстурой и яркими цветами, которые являются двумя составляющими потрясающего дизайна! Используя режимы наложения Photoshop, а также сочетание текстур и кистей, давайте заблудимся в космосе и создадим абстрактный дизайн плаката с космосом.
Галактические космические сцены — популярная тема для цифрового искусства, они наполнены текстурой и яркими цветами, которые являются двумя составляющими потрясающего дизайна! Используя режимы наложения Photoshop, а также сочетание текстур и кистей, давайте заблудимся в космосе и создадим абстрактный дизайн плаката с космосом.
Для этого урока ypu создаст вдохновляющий плакат, используя типографику, вплетенную в цветы с помощью инструмента Layer Mask в Adobe Photoshop.
19.Создание плаката в стиле ретро в Photoshop
В этом уроке вы научитесь создавать классный плакат с помощью Photoshop и Illustrator. В этом уроке демонстрируются некоторые полезные приемы, сочетающие Illustrator и Photoshop для выполнения работы.
В этом уроке мы создадим фанатский постер фильма, проницательно названный Goodzilla в Adobe Photoshop.
Создание исследовательского плаката в Photoshop
На что следует обратить внимание перед началом:
Photoshop — хороший инструмент для создания исследовательских плакатов.Легко перетаскивать, изменять размер и вращать изображения на холсте, накладывать и выстраивать объекты, такие как изображения, цветные поля и текст, для создания сложной презентации.
Однако, если вы совершенно не знакомы с Photoshop, открытие пустого документа может показаться сложной задачей. Чтобы получить помощь, обратитесь к технологу-инструктору по телефону x4848, пн-чт 8: 30-7, пт 8: 30-4: 30.
Каждый семестр LTS предлагает студенческие семинары, и Photoshop является одним из самых популярных. Проверьте календарь студенческих семинаров, чтобы узнать, скоро ли будет предложен сеанс Photoshop!
Если вы не думаете, что у вас будет возможность вовремя изучить Photoshop, рассмотрите возможность использования PowerPoint для создания плаката.Помните, что PowerPoint не может создавать слайды размером более 56 дюймов.
Создайте новый файл плаката:
- Откройте Photoshop.
- Перейти к Файл -> Новый
- Установить Ширина от до 46,5 и Высота от до 33
- Установите разрешение с на 300 точек на дюйм
- Установить цветовой режим на 16-бит CMYK Цвет
- Нажмите ОК .
Создайте свой плакат, используя следующие советы:
- Сконцентрируйтесь на основных моментах. Слишком много текста заставит вас сделать шрифт слишком мелким и, следовательно, трудным для чтения.
- Используйте для плаката изображения большого размера или высокого разрешения
- , если вы получаете изображения из поиска Google, обязательно включите инструменты поиска и установите для размера изображения, которое вы ищете, значение «Большой»
- Следуйте правилам C.РЭП. чтобы сделать ваш плакат визуально более эффектным и более удобным для чтения.
C — цвет и контраст (создают значительный контраст между цветами фона и текстом)
R — повторение (положительный результат — используйте хорошо подобранную палитру из нескольких цветов (максимум 3-4), шрифты (2–3, включая выделение полужирным и курсивом) и размеры шрифта (не более 2–3) по всему документу; отрицательные — избегайте избыточности)
A — выравнивание (выберите сильное выравнивание — создайте визуальную целостность, порядок вне хаоса !)
P — близость и размещение (примите во внимание расстояние и расположение элементов — расположение и расстояние элементов показывают их отношение друг к другу)
После создания плаката в Photoshop:
Настоятельно рекомендуется сохранить копию в формате PDF.
Если вы используете специальный шрифт или ваш проект содержит сложное форматирование с большим количеством многослойных изображений, перемещение исходного файла с одного компьютера на другой или с одной операционной системы на другой может привести к перемещению включенного вами носителя. Шрифты также могут быть заменены, если исходный шрифт, используемый в проекте, недоступен на компьютере, с которого вы печатаете. При сохранении в формате PDF сохраняются шрифты и форматирование.
Как создать плакат 24 X 36 в Photoshop Elements
i Jupiterimages / Brand X Pictures / Getty Images
Большинство фотоателье предлагают распечатки большого размера, что позволяет каждому напечатать свои собственные изображения фотографического качества.Однако перед печатью изображение необходимо правильно подготовить. Для создания плаката необходимо изменить размер большинства изображений и сохранить их с правильным разрешением. Это может быть выполнено с помощью некоторых базовых знаний о размерах и разрешении изображения и нескольких простых шагов для их правильной настройки.
Создание плаката размером 24 x 36 дюймов в Photoshop Elements
Step 1
Выберите «Файл»> «Открыть» или «Control + O» и найдите изображение, которое хотите превратить в плакат.
Шаг 2
Определите текущие размеры изображения.Он находится в нижней части рабочего пространства вашего изображения. Там вы увидите процентное значение, которое сообщает вам, какой процент всего изображения отображается в вашем рабочем пространстве. Рядом с ним находится раскрывающийся список, в котором отображается различная информация о вашем изображении. Если размеры не отображаются, откройте раскрывающийся список и установите флажок «Размеры документа». Теперь вы увидите размер вашего изображения и его текущее разрешение. Плакат 24 x 36 дюймов должен иметь разрешение не менее 240, хотя разрешение 300 обеспечит более высокое качество отпечатанного изображения.Если ваше изображение такого размера, вы готовы отправить его на принтер.
Step 3
Измените размер изображения, выбрав «Изображение> Изменить размер> Размер изображения» или нажав «Control + Alt + I.» В диалоговом окне вы увидите два поля — Размеры в пикселях и Размер документа. Размеры в пикселях обычно настраиваются для компьютерных изображений, а размер документа — для изображений для печати. В раскрывающихся списках с правой стороны поля «Размер документа» есть несколько вариантов измерения размера изображения.Выберите «Дюймы». Установите ширину 24 дюйма и высоту 36. Пока не нажимайте «ОК».
Step 4
Отрегулируйте разрешение вашего изображения. Если разрешение меньше 240, вам нужно будет пересчитать изображение. В раскрывающемся списке рядом с «Resample Image» (убедитесь, что он отмечен) выберите «Bicubic Smooth». Установите разрешение 300 и нажмите «ОК».
Шаг 5
Выберите «Файл> Сохранить как». В диалоговом окне назовите свое изображение и выберите JPEG в качестве типа файла.Щелкните «ОК». Теперь вы готовы распечатать свою фотографию.
30 лучших руководств по дизайну плакатов для Adobe Photoshop
Концепция плаката использовалась на протяжении многих веков, в годы традиционного искусства дизайн плаката был относительно новым. Только за последние 100 лет дизайн плаката был вознесен и признан как вид искусства и приобрел такую популярность, с которой не может соперничать ни одна другая категория дизайна.
Ниже мы собрали наши любимые уроки по дизайну плакатов в Photoshop, от постеров к фильмам, рекламы и мероприятий в различных стилях.
Узнайте, как создавать различные декоративные элементы в Illustrator, а затем как объединять, компоновать, улучшать и текстурировать их в Photoshop.
Узнайте, как создать абстрактный плакат с яркими, но простыми формами и яркими цветами с помощью Photoshop и Illustrator.
Узнайте, как создать динамический плакат с природой, используя стандартные изображения, векторы и кисти в Adobe Photoshop.
Смешайте исходное изображение с формами и узором, а затем добавьте легкости и цвета, чтобы создать красивый ретро-постер — и все это в Photoshop.
Узнайте, как создать плакат «Разыскивается» на Диком Западе (также известном как Старый Запад), используя некоторые удивительные техники Photoshop.
Узнайте, как создать плакат-тизер фильма. Он покажет вам, как нарисовать маску для вашего персонажа с помощью инструмента «Перо», режимов наложения и текстур.
В этом уроке вам покажут, как создать потрясающий и эффектный постер в ретро-стиле, не похожий на этот мир.
Узнайте, как создать свой собственный яркий и красочный ретро-футуристический постер с помощью Photoshop, используя динамические линии, яркие градиенты и грубые текстуры.
Узнайте, как создавать музыку в стиле гранж, используя множество инновационных техник Photoshop.
Узнайте, как создать изношенную винтажную пляжную рекламу с низкой насыщенностью цвета в Photoshop, используя приемы для начинающих и среднего уровня.
Этот учебник проведет вас через простой процесс создания эффекта увеличения вашим иллюстрациям.
В этом уроке вы создадите подарочную ленту, состоящую из различных значков приложений, обернутую вокруг iPhone.
Из этого туториала Вы узнаете, как создать эффект сияния на плакатах Мстителей. Он использует стили слоя и инструмент «Кисть».
Из этого урока Photoshop вы узнаете, как создать постер фильма ужасов в олдскульном стиле.
Из этого туториала Вы узнаете, как создать плакат фильма «Супермен, человек из стали», используя инструмент «Перо» и текстуры.
Узнайте, как создать дизайн значка судьи Дредда.Создавайте детали в Illustrator, а затем в Photoshop, чтобы придать им вид металла.
Из этого туториала Вы узнаете, как создать трафарет Dark Knight Rises и эффект распыления с помощью фильтров и кистей.
Из этого урока вы узнаете, как создать несколько отличных приемов Photoshop, чтобы воссоздать этот стилизованный плакат прошлой эпохи.
В этом уроке вам покажут, как создать очень крутой ретро постер всего за 10 шагов.
Узнайте, как создать винтажный плакат, используя различные кисти, режим наложения, корректирующие слои и несколько очень простых фильтров в Photoshop.
Как создать плакат Soul Rebel
В этом уроке вы воссоздадите потрясающую иллюстрацию, которую можно распечатать как плакат и повесить на стену.
Узнайте, как создать потрясающую рекламу кроссовок, используя различные световые эффекты, вдохновленные невероятными работами Питера Яворовского.
Как создать эпический дизайн плаката фильма в Photoshop
В этом уроке мы создадим кинематографический дизайн плаката фильма в Photoshop. Для этого мы будем использовать один стиль гарнитуры «Versus» от Latinotype, который является частью The Essential, Versatile Font Collection. Шрифты в этом наборе тщательно созданы вручную, поэтому, независимо от того, работаете ли вы над дизайном веб-сайтов, брендингом, социальными сетями или проектом плаката, эта коллекция поможет вам.В дополнение к этому шрифту мы также будем работать с несколькими бесплатными стоковыми фотографиями от Unsplash и бесплатным шаблоном кредитов для постеров фильмов от Studio Binder. Затем мы соберем все эти элементы вместе и составим наше изображение, чтобы создать «Ультра» крутой постер. Итак, если вы готовы побить рекорды кассовых сборов, давайте приступим к созданию нашего плаката к художественному фильму в Photoshop!
ВЫ ВИДЕЛИ НАШ КАНАЛ YOUTUBE?
Посмотрите видеоинструкцию ниже и подпишитесь на наш канал YouTube, чтобы получать регулярные обновления прямо в свой почтовый ящик.
Вот что мы будем создавать:
Следуйте инструкциям по этому руководству:
Загрузите бесплатные файлыЭтот бесплатный пакет — лишь небольшой образец того, что вы можете ожидать от The Essential, Versatile Font Collection всего за 29 долларов! Как и все наши комплекты, эти шрифты поставляются с нашей расширенной лицензией и с ошеломляющей скидкой 98%, только в течение ограниченного времени!
Шаг 1. Ультра дизайн плаката с фильмом
Для начала создайте новый документ и дайте файлу имя — я буду называть этот файл «дизайн плаката ультра-кино».Теперь давайте сделаем это 11 дюймов шириной и 17 дюймов высотой с «Цветовым режимом» RGB и «Разрешение» «300». Пока нам не нужно беспокоиться о других настройках, поэтому после того, как вы их внесете, нажмите кнопку «Создать» в правом нижнем углу, чтобы создать новый документ.
После создания файла у вас должен быть один слой «Фон» с маленьким значком замка рядом с ним. Для начала мы хотим сначала щелкнуть значок корректирующего слоя в нижней части палитры слоев, а затем выбрать опцию «Сплошной цвет…» в появившемся меню.
В качестве цвета заливки мы будем использовать сплошной черный цвет — «# 000000», а затем нажмите «Return» или «OK», чтобы применить изменения и продолжить.
Шаг 2: бордовый фон
После создания первого корректирующего слоя «Сплошной цвет…» щелкните и перетащите слой «Фон» по умолчанию в корзину, так как этот слой нам больше не нужен. Как только вы это сделаете, вернитесь к значку корректирующего слоя еще раз, а затем снова выберите «Сплошной цвет…».
На этот раз мы будем использовать шестнадцатеричное значение «# 3A0B18», которое имеет приятный темно-бордовый цвет. После этого нажмите «OK» или нажмите клавишу «Return», чтобы применить изменения цвета.
Шаг 3: виньетка
Затем перейдите в меню «Просмотр» и выберите «Линейки» или используйте сочетание клавиш Command / Ctrl + R.
После их включения вернитесь в меню View и убедитесь, что флажок «Snap» отключен, как показано здесь:
Нажмите «D» на клавиатуре, чтобы сбросить цвета по умолчанию, а затем убедитесь, что цвет переднего плана установлен на сплошной черный.После этого нажмите «G», чтобы переключиться на инструмент «Градиент» и убедитесь, что у вас выбран радиальный градиент от твердого до прозрачного, а затем установите флажок «Обратный», как показано на изображении ниже:
Отсюда щелкните и перетащите направляющую от верхней линейки вниз, чтобы она защелкнулась в середине. Повторите то же самое для линейки слева, чтобы сделать направляющую для вертикального центра холста. После того, как вы это сделаете, выберите маску слоя, прикрепленную к бордовому корректирующему слою, и щелкните и перетащите наружу от центра, пока ваш инструмент градиента все еще выбран.Это создаст градиент в маске, так что темно-красный цвет будет блекнуть от центра к краям, создавая красивый эффект виньетки по углам. Это очень полезный прием, который можно применять в любое время, когда вы хотите сохранить фокус в центре дизайна, но его также можно использовать для углов.
Шаг 4: В центре внимания
Добавьте новый слой в верхнюю часть палитры слоев и нажмите клавишу «X» на клавиатуре. Поскольку на предыдущем шаге вы сбросили цвета по умолчанию и выбрали черный цвет в качестве цвета переднего плана, нажатие клавиши «X» будет переключать эти цвета, в результате чего белый цвет будет вашим новым цветом переднего плана.Как только белый будет установлен в качестве цвета переднего плана, нажмите «G», чтобы снова переключиться на инструмент «Градиент». Теперь у вас должен получиться радиальный градиент от сплошного к прозрачному, переходящий от белого к прозрачному. Прежде чем мы продолжим, давайте просто снимем здесь галочку с опции «Reverse», чтобы у нас был обычный тип градиента.
Затем щелкните и перетащите из центра холста наружу, чтобы создать белый градиент среднего размера, как показано здесь:
После создания белого градиента в центре холста нажмите «3» на клавиатуре, чтобы уменьшить «Непрозрачность» слоя до «30%», а затем измените режим наложения с «Нормальный» на «Наложение».Это создаст красивый прожектор в середине изображения, что также является еще одним отличным способом добавить контраста и помочь направить взгляд зрителя в центр дизайна.
Шаг 5: Дополнительная контрастность
Теперь мы можем на время отключить наши руководства, перейдя в меню «Просмотр» и отключив «Дополнительно». Теперь давайте сделаем фон темнее всего одним касанием, вернувшись к значку корректирующего слоя в нижней части палитры слоев и выбрав опцию «Уровни…» в раскрывающемся меню.
Убедитесь, что корректирующий слой уровней находится наверху вашей палитры слоев, а затем нажмите и перетащите темно-серый ползунок слева внутрь по направлению к центру, пока он не будет установлен примерно на «15», чтобы повысить контраст темных цветов. .
Щелкните верхний слой в палитре слоев (это должны быть уровни), затем, удерживая клавишу Shift, выберите самый нижний слой (это должен быть сплошной черный корректирующий слой), чтобы все ваши слои были выделены одновременно.
Не снимая выделения со всех слоев, нажмите Command / Ctrl + G, чтобы поместить их в новую папку, и дважды щелкните текст «Группа 1», чтобы переименовать папку в «ФОН» или «BG» и т. Д. Мы можем вернуться к этому Папка позже в уроке, чтобы добавить еще несколько атмосферных элементов, но пока наш фон достаточно проработан, чтобы продолжить.
Шаг 6: Выстрел в голову
Зайдите на Unsplash, загрузите первое бесплатное изображение и сохраните его.Как только вы это сделаете, перейдите в меню «Файл» и выберите «Поместить встроенный…» в раскрывающемся меню.
Затем перейдите в папку, в которой вы сохранили свое первое стоковое изображение. На изображении ниже показана моя папка, в которой я сохранил стоковую фотографию для учебника. После того, как вы выбрали свой, выберите «Поместить» в правом нижнем углу, чтобы перенести его в свой документ.
После размещения изображения щелкните и перетащите наружу от любого из четырех углов ограничивающей рамки, удерживая клавиши Alt / Option + Shift, чтобы увеличить его пропорционально от центра.Используйте изображение ниже как приблизительное руководство по размеру и размещению изображения, прежде чем нажимать «Return» на клавиатуре, чтобы применить преобразование.
Шаг 7: Сделайте свой выбор
Нажмите «W» на клавиатуре, чтобы выбрать инструмент «Волшебная палочка», а затем измените настройку «Tolerance» на верхней панели инструментов на «12», как показано здесь:
Щелкните область фона, чтобы сделать первый выбор, а затем, удерживая клавишу Shift, продолжайте выделять области фона, пока не получите красивое выделение, подобное этому:
После того, как вы выбрали фон, перейдите в меню «Выбор» и выберите «Инверсия», чтобы инвертировать выделение.
Отсюда просто щелкните значок «Добавить маску слоя» в нижней части палитры слоев, и у вас должен остаться изолированный портрет без фона.
Шаг 8: тени и блики
Выбрав изолированное портретное изображение в палитре слоев, нажмите Command / Ctrl + J на клавиатуре, чтобы продублировать слой. Выделите эту новую копию, затем перейдите в меню «Изображение» и выберите «Коррекция> Тени / Света…» в меню.
Примените следующие настройки при появлении запроса в диалоговом окне «Тени / блики», а затем нажмите «Return» или «OK», чтобы продолжить.
После применения этих настроек вы должны заметить, что теперь у вас есть больше деталей на этой верхней копии портрета. Отсюда выберите верхнюю копию, удерживайте клавишу Shift, а затем выберите исходную копию ниже, чтобы оба были выделены вместе.
Выделив обе копии портрета, нажмите Command / Ctrl + G, чтобы поместить их в новую папку, и дважды щелкните текст «Группа 1», чтобы переименовать эту папку в «ПОРТРЕТ».Как только вы это сделаете, измените режим наложения всей папки на «Светлее», как показано на изображении ниже:
Шаг 9: пасмурные дни
Зайдите на Unsplash, загрузите второе бесплатное изображение и сохраните его в той же папке, что и портрет, который мы использовали ранее. Как только вы это сделаете, вернитесь в меню «Файл» в Photoshop и снова выберите «Поместить встроенное…».
Перейдите в папку и выберите изображение облака, а затем выберите «Поместить» в правом нижнем углу, чтобы импортировать изображение в документ.
После добавления изображения увеличьте его и разместите следующим образом:
Шаг 10: Настройка черно-белого облака
Выберите слой с изображением облака, затем, удерживая клавишу Alt / Option, щелкните значок корректирующего слоя в нижней части палитры слоев, прежде чем выбрать «Черно-белый…» в раскрывающемся списке.
Когда появится диалоговое окно «Новый слой», отметьте галочкой параметр «Использовать предыдущий слой для создания обтравочной маски», а затем нажмите «ОК», чтобы продолжить.
Шаг 11: Уровни облачности
Теперь, когда у нас есть черно-белый корректирующий слой с примененной к нему обтравочной маской, давайте снова выберем слой с облаками, а затем вернемся к значку корректирующего слоя в нижней части палитры слоев. Однако на этот раз мы хотим выбрать вариант «Уровни…» из раскрывающегося списка. Обратите внимание, что на этот раз нам не нужно удерживать клавишу Alt / Option при нажатии на значок корректирующего слоя, поскольку при следующей настройке автоматически будет применена обтравочная маска, поскольку она будет помещена между нашим слоем и существующей обтравочной маской.
На панели «Свойства» переместим темно-серый ползунок слева к центру, чтобы установить его на ’43’, а затем переместим ползунок света справа к центру, пока он не будет установлен на «219», как показано ниже:
Шаг 12: Облачная группа
Выберите верхний корректирующий слой «Черно-белый», затем, удерживая клавишу Shift, выберите изображение облака, чтобы все три ваших верхних слоя были выделены одновременно.
Нажмите Command / Ctrl + G, чтобы поместить эти слои в новую папку, и дважды щелкните текст «Группа 1», чтобы переименовать папку «ОБЛАКА 1».После этого измените режим наложения всей папки на «Color Dodge», а затем поместите его в папку «BACKGROUND», чуть ниже слоя «Levels 1», например:
Шаг 13: Маска облаков
Выбрав папку «CLOUDS 1», удерживайте клавишу Alt / Option и щелкните значок «Добавить маску слоя», чтобы применить инвертированную маску. Это приведет к исчезновению всего изображения, но мы вернем его части туда, где хотим.
Нажмите клавишу «B» на клавиатуре, чтобы выбрать инструмент «Кисть», а затем, удерживая клавишу Shift и клавиши левой скобки, измените его на кисть с мягкими краями.Давайте также сделаем размер кисти около «600 пикселей», а затем нажмем цифру «2», чтобы уменьшить «Непрозрачность» до «20%», чтобы мы могли постепенно вернуть некоторые облака.
Выберите инвертированную маску слоя в папке «CLOUDS 1» и затем начните использовать большую белую кисть, чтобы вернуть некоторые облака вокруг рта, подбородка и шеи, как показано ниже:
Экономно используйте кисть, чтобы затем добавить дополнительные облака к макушке и затылку, например:
Шаг 14: Очень облачно
Выберите папку «ОБЛАКА 1» и нажмите Command / Ctrl + J, чтобы скопировать ее.Как только вы это сделаете, удерживайте клавишу Control и щелкните маску, прикрепленную к вновь скопированной папке, чтобы открыть раскрывающееся меню. В этом меню выберите опцию «Удалить маску слоя», чтобы удалить маску.
Дважды щелкните текст «CLOUDS 1» и переименуйте эту папку в «CLOUDS 2».
Раскройте папку «ОБЛАКА 2» и переместите основное изображение облаков вверх следующим образом:
Примените новую перевернутую маску к этой папке, а затем с помощью той же большой мягкой белой кисти нарисуйте облака вдоль верхней части изображения, как показано на изображении ниже:
Шаг 15: Выцветание
Выберите основную папку «ПОРТРЕТ» и затем щелкните значок «Добавить маску слоя» в нижней части палитры слоев, чтобы применить обычную маску.
Нажмите «G», чтобы переключиться на инструмент «Градиент» и выберите линейный градиент от сплошного к прозрачному, переходящий от черного к прозрачному.
Выбрав маску на слое «ПОРТРЕТ», щелкните и перетащите с помощью инструмента «Градиент» от нижней части изображения немного вверх, чтобы затемнить нижний край снимка в голову.
Шаг 16: Регулировка уровней
Разверните содержимое папки «BACKGROUND» и выберите вверху корректирующий слой «Levels 1» перед нажатием цифры «2», чтобы уменьшить «Opacity» слоя до «20%», чтобы сделать контраст немного светлее. на заднем плане.
Шаг 17: Электрический город
Затем перейдите на Unsplash, чтобы взять следующее бесплатное изображение и сохранить его вместе с другими фотографиями. Как только вы это сделаете, вернитесь в меню «Файл» и выберите «Поместить встроенное…» из списка.
Перейдите в папку, в которой вы сохранили стоковые изображения, и выберите изображение города, которое мы только что загрузили, прежде чем выбрать «Место» в правом нижнем углу.
После импорта изображения масштабируйте и размещайте изображение следующим образом:
Шаг 18: Городская стирка
Выберите изображение города, затем, удерживая клавишу Alt / Option, щелкните значок корректирующего слоя в нижней части палитры слоев.Отсюда выберите из списка вариант «Черно-белое…».
Установите флажок «Использовать предыдущий слой для создания обтравочной маски» и затем нажмите «ОК» или нажмите «Return» на клавиатуре, чтобы продолжить.
Шаг 19: Уровни города
Снова выберите изображение города и щелкните значок корректирующего слоя, на этот раз выбрав «Уровни…» в меню.
Переместите левый серый ползунок к центру, пока он не будет установлен примерно на 39, чтобы увеличить контраст изображения.
Шаг 20: Городская группа
Отсюда выберите верхний слой «Black & White 2», удерживая клавишу Shift, нажмите на изображение основного города, чтобы выбрать все три слоя одновременно.
Нажмите Command / Ctrl + G, чтобы поместить эти слои в новую папку, а затем дважды щелкните текст «Группа 1», чтобы изменить имя папки на «CITY». Как только вы это сделаете, давайте также изменим режим наложения всей папки на «Color Dodge», как показано здесь:
Шаг 21: Большое открытие
Выберите папку «CITY», затем, удерживая клавишу Alt / Option, щелкните значок «Добавить маску слоя», чтобы добавить инвертированную маску, аналогичную той, что мы делали ранее с облаками.
Нажмите «B», чтобы переключиться на инструмент «Кисть» и убедитесь, что у вас выбрана большая мягкая белая кисть с непрозрачностью около «20%» и сплошным белым цветом заливки.
Выбрав перевернутую маску, начните прорисовывать внутреннюю часть головы человека, чтобы раскрыть изображение города. Начните с легкой чистки снаружи, а затем еще несколько раз пройдитесь по тем частям, которые вы хотите выделить больше всего. Здесь я хочу показать знак и человека, стоящего на переднем плане.Если вы испортили или снова захотите затемнить части изображения, просто измените цвет переднего плана на черный и закрасьте его той же кистью.
После того, как вы довольны отображаемыми частями изображения города, вы можете немного осветлить некоторые пятна, чтобы усилить эффект «неонового» типа, который мы имеем. Для этого перейдите в папку «BACKGROUND», выберите слой «OVERLAY 30%» и продублируйте его, нажав Command / Ctrl + J на клавиатуре. После этого используйте Free Transform, чтобы масштабировать и соответствующим образом изменить положение выделения.Здесь я немного уменьшил масштаб и поместил на знак, чтобы сделать его ярче и увеличить контраст, но вы можете экспериментировать с этими методами самостоятельно.
Шаг 22: Общие уровни
Выберите папку «CITY», затем выберите значок корректирующего слоя в нижней части палитры слоев и затем выберите «Levels…» в раскрывающемся меню.
На панели «Свойства» переместите левый ползунок к центру, пока он не станет равным «4», и переместите правый ползунок по направлению к центру, пока он не станет равным «248».
Шаг 23: Общий оттенок / насыщенность
Выберите слой «Уровни 4», затем щелкните значок корректирующего слоя в нижней части палитры слоев и выберите «Оттенок / Насыщенность…» в раскрывающемся меню.
Затем установите ползунок «Оттенок» на «-180» и «Насыщенность» на «+12», как показано ниже:
Шаг 24: Отображение градиента
Выберите верхний слой «Hue / Saturation 1», а затем еще раз щелкните значок корректирующего слоя.На этот раз выберите «Градиентная карта…» из раскрывающегося меню.
После добавления карты градиента в верхнюю часть палитры слоев щелкните полосу градиента от черного к белому на панели свойств, чтобы изменить цвета.
Отсюда дважды щелкните маленький черный прямоугольник в нижнем левом углу цветной полосы.
Для шестнадцатеричного значения введите «# 0A00B2», а затем нажмите «OK», чтобы применить изменения.
Затем дважды щелкните маленькую белую рамку в нижней правой части цветной полосы.
Здесь мы введем шестнадцатеричное значение «# 00FF84», а затем снова нажмем «OK», чтобы применить изменения цвета.
В главном окне редактора градиентов нажмите «OK» или нажмите «Return» на клавиатуре, чтобы применить изменения и вернуться к основному документу. Отсюда измените режим наложения слоя Gradient Map на «Pin Light», а затем нажмите цифру «4», чтобы уменьшить «Opacity» до «40%», как показано ниже:
Шаг 25: Глобальные корректировки
Выберите верхний слой «Градиентная карта 1», затем, удерживая клавишу Shift, выберите слой «Уровни 4», чтобы все три верхних корректирующих слоя были выбраны одновременно.
Не снимая выделения с этих трех слоев, нажмите Command / Ctrl + G, чтобы поместить их в новую папку, а затем дважды щелкните текст «Группа 1» и переименуйте папку «ГЛОБАЛЬНЫЕ НАСТРОЙКИ», поскольку это корректирующие слои, которые будут влиять на все, что ниже них.
Шаг 26: Сравнение с Typface
Создайте новый слой и нажмите «T» на клавиатуре, чтобы переключиться на инструмент «Текст». Щелкните курсором в нижней части холста под основным изображением головы и введите слово «ULTRA» заглавными буквами.Откройте панель «Символ» в меню «Окно», а затем измените шрифт на бесплатный для этого урока, который представляет собой стиль «Ultra» шрифта «Versus» от Latinotype. Для целей этого макета мы будем работать только с этим единственным стилем, но полный комплект содержит несколько других весов. После того, как вы изменили шрифт, давайте увеличим размер примерно до «164 pt» с настройкой отслеживания «-20» и оставим цвет заливки на сплошной белый.
Шаг 27: Песчаные улицы
Зайдите на Unsplash и загрузите четвертую бесплатную стоковую фотографию, а затем обязательно сохраните ее вместе с тремя другими изображениями, которые мы использовали.После этого перейдите в меню «Файл» и выберите «Поместить внедренное…», чтобы выбрать изображение и перенести его в свой документ.
После добавления стандартной фотографии поместите ее в верхнюю часть палитры слоев. Отсюда, удерживая клавишу Alt / Option, щелкните значок корректирующего слоя в нижней части палитры слоев, прежде чем выбрать «Черно-белый…» в раскрывающемся раскрывающемся списке.
Затем установите флажок «Использовать предыдущий слой для создания обтравочной маски» и нажмите «Return» или нажмите «OK», чтобы продолжить.
После применения корректирующего слоя с обтравочной маской, выберите слой «Black & White 3», удерживайте клавишу Shift, а затем выберите изображение ниже, чтобы они оба были выделены одновременно.
Выделив оба слоя, нажмите Command / Ctrl + E, чтобы объединить их вместе, а затем дважды щелкните имя слоя и переименуйте его в «MERGED», как показано ниже:
Шаг 28: Извлечение текстур
Теперь, когда у нас есть объединенное черно-белое изображение, мы можем начать извлекать его части для использования в качестве отдельной текстуры.Для этого мы хотим вернуться к инструменту Magic Wand Tool (W) и изменить настройку «Допуск» примерно на «24». Отсюда щелкните где-нибудь в нижней части улицы на фотографии, чтобы выбрать какую-нибудь серьезную текстуру.
После того, как вы сделали свой первоначальный выбор, перейдите в меню «Выбрать» и выберите «Подобный» в меню. В результате будут выбраны другие пиксели изображения с такими же или похожими значениями.
Вернитесь в меню «Выбор» и на этот раз выберите «Инверсия» из раскрывающегося списка, чтобы инвертировать выбор.
Затем отключите видимость слоя «MERGED» и создайте новый пустой слой над ним. Когда ваш выбор все еще активен, убедитесь, что у вас есть сплошной черный цвет переднего плана, а затем нажмите Alt / Option + Delete на клавиатуре, чтобы заполнить ваш выбор сплошным черным цветом.
Теперь у вас должна быть текстура на отдельном слое, поэтому давайте переименуем этот слой в «ТЕКСТУРА». После этого, удерживая клавишу Control, щелкните слой перед тем, как выбрать «Преобразовать в смарт-объект» в появившемся меню.Это позволит нам трансформировать и изменять размер текстуры без потери качества.
Чтобы убедиться, что у нас есть резервная копия, прежде чем двигаться дальше, выберите слой смарт-объекта «ТЕКСТУРА» и нажмите Command / Ctrl + J, чтобы сделать его копию, прежде чем отключать видимость исходного слоя под ним.
Шаг 29: Ультрамаскирование
Теперь мы собираемся использовать слой «TEXTURE copy», чтобы увидеть, какие части текстуры мы хотим отобразить внутри белого текста внизу плаката.Здесь вы можете видеть, что я переместил текстуру над буквами «U» и «L», чтобы получить более мелкие зернистые части текстуры, перекрывающие буквы.
Когда вы будете довольны размером и расположением текстуры над буквами, удерживайте клавишу Command / Ctrl и щелкните значок миниатюры слоя «Копия текстуры», чтобы активировать выделение вокруг текстуры.
Отключите видимость слоя «TEXTURE copy», а затем выберите слой «ULTRA» с вашим текстом.
При активном выделении и выделенном текстовом слое щелкните значок «Добавить маску слоя» в нижней части палитры слоев, чтобы выбить текстуру из букв.
Шаг 30: промыть и повторить
Снова включите видимость слоя «TEXTURE copy» и немного переместите его. Поэкспериментируйте с размером и расположением слоя, чтобы получить более интересные части текстуры, перекрывающие оставшиеся буквы.
Опять же, как только вы будете довольны тем, как текстура выглядит на следующих нескольких буквах, удерживайте клавишу Command / Ctrl и щелкните значок миниатюры слоя «Копия текстуры», чтобы активировать выделение.После этого не забудьте отключить видимость слоя «Текстовая копия», чтобы скрыть его.
Теперь, поскольку у нас уже есть маска, примененная к текстовому слою, мы просто хотим выбрать маску, убедитесь, что у нас есть сплошной черный цвет переднего плана, а затем снова используйте сочетание клавиш Alt / Option + Delete, чтобы заполнить выделение сплошного черного цвета, тем самым выбивая фактуру из шрифта.
Повторяйте этот процесс для последних нескольких букв, пока не будете довольны тем, как выглядит текст.После одного или двух проходов вот мой результат:
Шаг 31: Обработка заголовка
Выберите верхний слой «TEXTURE copy», удерживая клавишу Shift, выберите слой типа «ULTRA».
Выделив эти четыре верхних слоя, нажмите Command / Ctrl + G, чтобы поместить их в папку, а затем дважды щелкните текст «Группа 1» и переименуйте этот «TT» в «Обработка заголовка», как показано ниже:
Шаг 32: Кредиты на постер фильма
Зайдите в Studio Binder и загрузите бесплатный шаблон плаката, прежде чем двигаться дальше.После загрузки файла вы захотите установить обе бесплатные гарнитуры, включенные в папку «Fonts», как показано ниже:
После того, как эти гарнитуры будут установлены, давайте продолжим и откроем файл Movie Poster Template.psd.
Внутри файла мы начнем с отключения верхней папки «Черный текст на белом фоне» и вместо этого включим видимость папки «Белый текст на темном фоне». После этого перейдите в подпапку «Content to Edit», возьмите папку «Billing Block» и перетащите ее в свой основной документ.Давайте воспользуемся свободным преобразованием (Command / Ctrl + T), чтобы увеличить его, перетащив наружу из любого из четырех углов ограничивающей рамки, удерживая клавиши Alt / Option + Shift, а затем поместим его в нижней части макета, просто под заголовком.
После переноса этой папки в свой файл разверните содержимое папки «Billing Block» и удалите первые три выделенных здесь слоя:
Удерживая нажатой клавишу Control, нажмите на глазок для папки «Billing Block», а затем выберите «No Color», чтобы удалить метку зеленого цвета.
После удаления цветовой метки я просто переименую папку заглавными буквами для единообразия и переместу ее под папку «TT», чтобы она была в том порядке, в котором она отображается в нашем макете.
Шаг 33: Модификация строки
На этом этапе мы просто немного настроим верхнюю строку, добавив «Design Cuts», «DC Studios», ваше имя и название фильма.
Шаг 34: Кредитный цвет
Дважды щелкните папку «BILLING BLOCK», чтобы открыть диалоговое окно «Стиль слоя», а затем отметьте опцию «Color Overlay».
Для заливки воспользуемся шестнадцатеричным значением «# 0EC897», а затем нажмите «ОК» или дважды нажмите «Return» на клавиатуре, чтобы применить изменения и закрыть оба диалоговых окна.
Шаг 35: Приведение имен
Создайте новый слой и переключитесь на инструмент «Текст» (T), а затем в верхней части макета введите имя «ALEXIS» заглавными буквами, нажмите «Return», чтобы сделать разрыв строки, а затем введите « Vanderbilt ‘строчными буквами. Для этого мы будем использовать шрифт «Высокий темный и красивый» на «30».Размер 56 pt ’с установкой междустрочного интервала» 31,41 pt «и отслеживанием’ 68 ’. Также откройте панель «Абзац» (находится в меню «Окно») и убедитесь, что текст выровнен по центру.
Нажмите Command / Ctrl + J, чтобы продублировать слой, затем переместите его вправо и замените текст названием «CASSI» и второй строкой «Lopez». Здесь строчная версия по-прежнему остается заглавной, но ее размер меньше, чем в первой строке. Сделайте это еще два раза, чтобы создать последние два имени и равномерно распределить их следующим образом:
После того, как вы наберете все имена, выберите первое, удерживайте клавишу Shift, а затем выберите четвертое имя, чтобы все они были выделены вместе.
Нажмите Command / Ctrl + G, чтобы поместить имена в новую папку, и дважды щелкните текст «Группа 1», чтобы переименовать эту папку в «CAST», прежде чем переместить ее в верхнюю часть палитры слоев.
Затем, удерживая клавишу Alt / Option, щелкните и перетащите маленький значок «fx» из папки «BILLING BLOCK» в папку «CAST», чтобы применить такое же наложение цвета.
Шаг 36: Cast Fade
Выберите папку «CAST» и затем щелкните значок «Добавить маску слоя» в нижней части палитры слоев, чтобы применить маску к группе.
Нажмите «G», чтобы переключиться на инструмент «Градиент» и выберите линейный градиент, переходящий от сплошного черного к прозрачному, как показано здесь:
Когда маска папки «CAST» все еще активна, щелкните и перетащите немного под названиями вверх, чтобы создать приятный эффект затухания. У вас должно получиться что-то вроде этого:
Шаг 37: Собираем все вместе
На этом этапе давайте выберем нашу самую верхнюю папку в палитре слоев, удержим клавишу Shift, а затем нажмем на самый нижний слой «ФОН», чтобы все папки и группы были выделены вместе.
Когда все еще выделено, нажмите Command / Ctrl + G, чтобы поместить все элементы в одну папку, и дважды щелкните текст «Группа 1», чтобы переименовать эту папку «ВСЕ СЛОИ».
Мы завершили разработку нашего ультрасовременного постера в программе Photoshop! Для создания нашего постера к фильму мы использовали один вес из шрифта Versus, любезно предоставленного Latinotype из The Essential, Versatile Font Collection, который мы объединили с различными стоковыми фотографиями, чтобы создать эпический кинематографический дизайн, использующий текстуры и забавный стиль. эффект двойной экспозиции.Помните, что шрифт «Versus», который мы использовали в руководстве, был лишь одним из многих стилей, доступных в полном наборе, и это лишь часть того, что вы можете ожидать найти в этом совершенно новом наборе дизайна! Этот сборник сэкономит вам много времени и денег благодаря удивительному выбору красивых, качественных, универсальных и готовых к использованию шрифтов!
Помните, что независимо от того, является ли это результатом вашего урока или что-то новое, что вы создали, мы будем рады видеть ваши проекты на нашей странице в Facebook.
Пожалуйста, оставьте комментарий, если у вас есть вопросы или предложения. Я всегда с нетерпением жду вашего ответа!
Еще есть время посмотреть The Essential, Versatile Font Collection с участием многих ведущих шрифтовых литейных и дизайнеров в мире, таких как Make Media Co., Laura Worthington, Tobias Saul, Latinotype и многих других по непревзойденной цене всего в 29 долларов. !
Как создать типографский плакат в Photoshop
Сделать типографский плакат в Photoshop проще, чем кажется, и выглядит довольно шикарно.Следуя этим простым шагам и применяя эти принципы, вы можете создать практически любой плакат, открытку, инфографику или печать, какую только можете себе представить. Все, что вам нужно для этого урока, — это копия Photoshop или аналогичного программного обеспечения для редактирования (вы также можете сделать это с помощью Adobe Illustrator), большой кусок текста, который вам нравится, и какое-то интересное векторное изображение.
Создайте новое изображение, красивое и объемное, я выбрал ширину 1200 x 800, однако, в зависимости от того, какого размера вы хотите напечатать изображение, планируйте соответственно.
Создайте текстовое поле, которое покрывает весь холст и немного выходит за края. Убедитесь, что текст доходит до края, это выглядит странно, если у вас есть фоновое пространство рядом с краями.
Оставив текст нависающим над холстом, вы можете наклонить его, как вам нравится. Поиграйте здесь с расположением, углами и непрозрачностью слов (достаточно тяжелыми для чтения, достаточно светлыми, чтобы не быть слишком черными и доминирующими). В идеале вы хотите, чтобы ваш текст был удобочитаемым, но вы также хотите, чтобы он слегка рассеивался на заднем плане.
Выберите цвет фона и используйте ведро с краской, чтобы заполнить фоновый слой. Пока вы на этом этапе, найдите время, чтобы выбрать всю цветовую палитру. Лучше планировать заранее — поэтому спросите себя, какого цвета вы хотите, чтобы векторное изображение было, или, если вы предпочитаете изменить текст, сделайте это сейчас. Вы можете открыть другое изображение и поиграть с палитрой, чтобы убедиться, что оно на самом деле.
Я вставил его как смарт-объект и сразу же изменил размер.Пришло время подобрать нужный масштаб, размер и угол. Я сделал векторное изображение немного смещенным по центру, как фоновый текст. Дайте волю своему творчеству и делайте то, что подходит вашему проекту. Пока это выглядит асом.
Когда ваш векторный смарт-объект будет на месте, нажмите «Command» (на Apple) и щелкните слой в меню слоев справа. Вы обнаружите, что ваше векторное изображение выглядит так, будто по нему ползают муравьи, это хорошо. Скройте свой смарт-объект, перейдите в меню «Слой» и выберите «Растровый слой».Затем нажмите «Вырезать», затем «Вставить». Вы увидите, что вырезали смарт-объект и текст, который был внутри ползучих линий муравьев. Переместите слой так, чтобы он совпадал с фоновым текстом.
Теперь вы можете щелкнуть значок слоя в меню слоев справа, чтобы открыть меню «Стиль слоя». Вы можете настроить цвет текста на смарт-объекте, чтобы он отличался от фонового текста. В нашем примере мы сделали текст в смарт-объекте намного светлее — он стал пыльно-серым, поэтому он выступает из фонового текста.
Чтобы закончить изображение, сделайте тонкую виньетку вокруг изображения. Есть много разных способов сделать это, но я выбрал старый, выбрав инструмент «Эллиптическая область» и сделав большой овал посередине изображения, который я хочу оставить без виньетирования. Затем щелкните правой кнопкой мыши «Control» и выберите «Select Inverse». Вы должны увидеть уродливую, пугающую, черную виньетку, которая очень неуловима. Просто выберите «Фильтр» и «Размытие по Гауссу» и отрегулируйте ползунок в соответствии с выбранным диапазоном виньетки.Вы можете настроить эти уровни виньетки, а также любые другие уровни непрозрачности, чтобы получить наилучшее возможное изображение.
Удалось ли вам создать типографский плакат? Есть ли у вас какие-нибудь любимые изображения RB, в которых используется много замечательных многословных слов? Пожалуйста, поделитесь своей работой и работой других в комментариях ниже.
20+ лучших уроков Photoshop для создания плакатов и флаеров
Что отличает отличный дизайн плаката? Часто это сочетание творчества и элементов дизайна, обладающих определенным достоинством.
Дизайн плакатов и листовок может быть очень интересным, потому что вы часто можете напрячь свои дизайнерские мускулы и попробовать то, чего не стали бы делать для других проектов. Это возможность сделать что-то уникальное и привлекающее внимание!
Имея в виду эту идею, вот двадцать различных руководств по плакатам / флаерам, которые вы можете попробовать. Кроме того, у вас будет возможность опробовать некоторые новые дизайнерские приемы!
1. Красочный ретро постер
Забавный и забавный вид этого плаката идеально подходит для тех, кто ищет что-то, что привлечет внимание.Вы поверите, что все начинается с реальной фотографии? В учебное пособие включены пошаговые инструкции по созданию иллюстраций в Adobe Photoshop и Illustrator. Он также включает в себя загружаемые элементы для работы.
2. Ретро боксерский плакат
Возможно, это самый классический и узнаваемый стиль плаката в мире. Этот классический дизайн боксерского плаката можно применить практически к любому формату матчапов. В руководстве показано все, от создания фона до добавления красочных элементов и типографики.
3. Дизайн плаката с векторным рисунком
Имея 30-минутный видеоурок и набор векторных узоров, вы можете создать плакат в стиле фанк практически для любого события. Документация также включает письменные инструкции, которым легко следовать. (Это дизайн на основе Illustrator, но вы можете легко выполнить аналогичные шаги в Photoshop.)
4. Афиша психоделического концерта 60-х годов
Афиша концертов 60-х — еще одна классика, которую часто копируют.Этот урок упрощает задачу и является отличным уроком о том, как максимально эффективно использовать инструмент деформации в Photoshop.
5. Adobe Helpx: создание плаката
УAdobe есть отличный видеоурок с загружаемыми файлами, который поможет вам освоиться с элементами дизайна плаката. Вы научитесь использовать разные монтажные области и элементы для создания серии с похожим внешним видом.
6. Плавающий цветочный плакат
В этом руководстве по дизайну плаката иллюстрированные элементы используются для создания стиля плаката, который оставляет достаточно места для текстовых элементов любого типа.В учебном пособии основное внимание уделяется фоновой области дизайна и способам создания отдельных элементов. (Это довольно сложный процесс, поэтому уделите себе немного времени.)
7. Постер с концерта инди-рок
Это руководство будет очень простым, если у вас есть изображение для начала. (Всего пять шагов!) В результате получился супер классный дизайн с приятным ощущением. Этот стиль может работать с множеством различных типов контента и обладает потрясающей эстетикой.
8. Плакат в стиле «Ходячие мертвецы»
Для поклонников телешоу этот дизайн плаката идеален.В нем представлены изображения в стиле зомби с видеороликами, в которых показано, как шаг за шагом создавать дизайн в Photoshop. Есть много элементов, над которыми нужно работать, но результат того стоит.
9. Сюрреалистический дизайн плаката
В этом красочном и креативном дизайне используются различные инструменты Photoshop для создания потрясающего финального плаката. Учебник поставляется с активами, чтобы вы могли проверить свои навыки при создании версии дизайна.
10. Смешанные фотографии Постер фильма
Если вы когда-нибудь хотели объединить фотографии в одно изображение для дизайна плаката или флаера, добавьте этот урок в закладки.Он поможет вам использовать маски слоев и цвет, чтобы объединить два изображения в единый дизайн.
11. Плакат с инструментом для разжижения
В этом уроке основное внимание уделяется использованию инструмента сжижения для создания красивого дизайна плаката. Если вам не нравится этот инструмент, это прекрасная возможность поиграть с ним. Учебник проведет вас через все, от извлечения изображения с фотографии до создания эффекта расплавленной жидкости.
12. Плакат о розыске
Хотя это руководство может быть немного устаревшим — некоторые инструменты стали более продвинутыми, но он все еще остается хорошим.Учебное пособие проведет вас через создание объявления о розыске в старом стиле. Просто вставьте фотографию любимого человека, которого вы разыскиваете, и все готово.
13. Рейв-плакат 90-х
Wild color снова в тренде, и этот рейв-постер 90-х годов — хороший способ включить эту дизайнерскую тенденцию во что-то новое. В руководстве показано все, от создания забавного фона до редактирования изображения, чтобы оно соответствовало ретро-сцене, и добавления необычных эффектов типографики.
14. Плакат, вдохновленный «Борном»
Распространенная просьба — воспроизвести стили постеров из крупных кино-блокбастеров.Вы хотите уловить ощущение или отсылку к поп-культуре в этом типе дизайна. Для дизайна, который выглядит сложным, этот учебник довольно прост — всего 11 шагов — но он помогает уже иметь определенный уровень комфорта с инструментами Photoshop, прежде чем вы начнете.
15. Городской ретро постер
В этом дизайне плаката используются текстуры и фотография для создания индивидуального дизайна плаката. Используйте включенные активы или добавьте свои собственные. Обратите внимание, что это старый, но полезный учебник, и многие диалоговые окна Photoshop выглядят по-другому, хотя работают одинаково.
16. Постер научно-фантастического фильма
Космос и научно-фантастические темы никогда не выходят из моды. Они также являются общими элементами, когда дело доходит до дизайна плакатов. Этому руководству легко следовать — он идеально подходит для начинающих — и он поможет вам смешать фоновый и передний слои с текстовыми элементами для получения полного эффекта.
17. Листовка с высокой контрастностью
Этот потрясающий дизайн с темным фоном, яркими пятнами и классными изображениями. Это в тренде, и его даже не так сложно воспроизвести благодаря этому руководству.Вы будете использовать маски слоев, инструмент разжижения и кисти, чтобы создать этот дизайн.
18. Плакат с элементами рисованной
Возьмите несколько своих лучших набросков и превратите их в плакат с помощью этого урока. В этом руководстве не только показано, как соединить все элементы вместе, но также объясняется процесс мышления для рисования отдельных элементов, чтобы вы получили целостный дизайн.
19. Красивый плакат лунного света
Нет ничего более впечатляющего, чем красивый дизайн.В этой концепции плаката используются великолепные изображения и эффекты, чтобы создать что-то потрясающее. Все активы включены, и руководство достаточно практично, чтобы применять их к вашим собственным активам.
20. Типографский плакат
Для создания классного плаката с типографикой в качестве основного эффекта не требуется много опыта или дизайнерских ресурсов. В этом руководстве показано, как это сделать с помощью изображения и текста. Для завершения этого дизайна не так много шагов, в основном используя слои и текстовый инструмент.