В нашем сегодняшнем руководстве мы хотим рассказать вам о процессе разработки простенького флаера на тему рок-музыки в Adobe Photoshop. Вам не понадобятся какие-либо серьезные навыки или сноровка.
Вам просто потребуется Photoshop, несколько бесплатных источников, а также ваше собственное работающее воображение. Просто следуйте по этапам, приведенным ниже, и у вас получится создать уникальный дизайн.
Этап 1
Наш первый этап, конечно же, заключается в том, чтобы выставить спецификации документа. Сегодня существует несколько разных форматов флаеров, и вы даже можете придумывать собственные размеры, если захотите. Тем не менее, большинство печатных компаний предпочитают работать со стандартными дизайнами флаеров. Для того чтобы начать, используйте размеры флаера, представленные ниже. Используйте их как основу и для последующих дизайнов.
Ширина: 8.5 дюймов
Высота: 5.5 дюймов
Разрешение: 300 ppi
Режим цвета: CMYK
Этап 2
Как только откроете новый документ, вам нужно будет добавить несколько направляющих. Направляющие помогут вам расставлять элементы дизайна таким образом, чтобы они не попадали на край документа. Включите линейки (CTRL+R). Зажмите левую кнопку мыши на линейке и проносите их к нужному расположению. Так как наш документ разрабатывается для того, чтобы быть напечатанным на лист размеры которого составляют примерно половину конверта, то нам понадобятся только поля (все остальные форматы требуют установки специальных краев). Просто отсчитайте 0.25 дюйма от края документа, чтобы у вас был запас.
Этап 3
Теперь, для начала создайте фон. Создайте новый слой, нажав CTRL+SHIFT+N. Назовите этот слой «Color Bars Layer».
Этап 4
Теперь, используя инструмент создания прямоугольного выделения (rectangular Marquee tool) создайте большую вертикальную полоску на одной стороне слоя. Выделив прямоугольную вертикальную область, залейте ее одним из цветов схемы. Используйте обычную заливку, чтобы ускорить процесс. Вы можете найти множество сочетаемых цветовых схем на colourlovers.com. В нашем примере мы создали синюю строку.
Этап 5
Продолжайте создавать вертикальные линии до тех пор, пока не заполните весь слой. Конечно же, не забывайте варьировать ширину вертикальных полос, а также меняйте цвета. Не забудьте также для пущего эффекта добавить несколько тонких темных линий, разбросанных по всему документу.
Этап 6
Отлично! Теперь, так как этот постер относится к музыке, а точнее – к рок-музыке, недостаточно иметь просто вертикальные линии. Выберите слой с цветными столбиками и нажмите CTRL+T для того, чтобы начать трансформацию. Затем мы немного повернем слой по углу, чтобы создать небольшой эффект искажения.
Этап 7
Перед тем, как продолжить, сохраните этот документ. Теперь нам нужно создать карту смещения. Для этого потребуется отдельный документ. Создайте новый документ при помощи сочетания клавиш CTRL+N. Сделайте его достаточно большим, например, 1024х768 пикселей или выше.
Этап 8
Как только документ будет открыт, вы сможете добавить текстуру смещения. Теперь, что касается нашего примера, то нам нужно сделать нечто более грубое. Так что давайте скопируем и вставим изображение в стиле гранджа, взятое с morguefile, в документ. Но вообще, вы можете использовать стандартные текстуры из Adobe Photoshop. Тем не менее, самый простой способ – это найти хорошую картинку или уже готовую текстуру смещения в интернете и просто вставить её.
Этап 9
Нажмите CTRL+SHIFT+U, чтобы убрать насыщенность цвета с данного слоя. Затем, пройдите в меню Image -> Adjustments -> Levels. Измените три значения под гистограммой таким образом, чтобы получить более грубую черно-белую текстуру. Вы можете начать с предложенных нами значений, а затем изменить их на свои (80,0.01,180)
Этап 10
Как закончите, сохраните документ в формате PSD. Просто нажмите CTRL+S или File -> Save As… используйте описательное название, чтобы вы без труда смогли затем найти эту текстуру. Используйте формат PSD для сохранения.
Этап 11
Отлично! Теперь вернитесь к дизайну, над которым мы работаем. Выберите слой с цветными полосами. Затем пройдите в меню Filter -> distort -> Displace. Как только откроется окно Displace, вставьте значение 20 как в вертикальную, так и в горизонтальную шкалы. Вы также должны выставить параметр на растягивание (stretch), чтобы всё подходило и повторяло края пикселями.
Этап 12
Затем вам будет предложено выбрать карту смещения. Просто обратитесь к тому документу, который мы только что создали, и нажимайте ОК.
Этап 13
Сейчас вы должны увидеть, как приятный гранджевый эффект был применен ко всему слою. Если вам не нравится то, что получилось, нажмите CTRL+Z и попробуйте еще раз с другими настройками смещения или другой картой смещения. Хотя наш эффект нам нравится, и поэтому мы его оставим.
Этап 14
Теперь мы готовы вставить наше основное изображение рок-звезды. В нашем примере мы будем использовать привлекательное изображение. Перед тем, как вставлять его в дизайн, мы обработаем изображение, исключив фон. Вы можете воспользоваться инструментом волшебное лассо (Magnetic lasso), либо волшебной палочкой (magic wand), чтобы без труда выделить фон изображения, а затем стереть его при помощи ластика.
Этап 15
Затем мы можем просто поместить персонаж на дизайн нашего флаера. Аккуратно расположите его, нажав CTRL+T, а затем, удерживая клавишу Shift, кликайте по уголкам выделения и регулируйте размер.
Этап 16
Далее, продублируйте слой с рок-звездой. Вы можете быстро сделать это, нажав CTRL+J. Этот новый слой должен появиться поверх вашего оригинального слоя. Перетащите этот слой в самый низ. Затем опять пройдите в меню Filter -> Distort -> Displacement. На этот раз используйте значение 30 для обеих шкал. Снова используйте вашу карту смещения. Теперь вы можете на фоне увидеть красивый эффект смещения, хотя основное изображение все равно будет выглядеть хорошо.
Этап 17
Теперь, используя инструмент создания прямоугольника (Rectangle tool), добавьте в дизайн несколько темных блоков. Здесь будет размещен текст флаера. Как только расположите прямоугольники, нажмите CTRL+T, удерживая выделение этих слоев, и немного наклоните их. Примерно так же, как мы делали с фоновым слоем.
Этап 18
Дальше мы скачали несколько кистей в виде городских пейзажей для Adobe Photoshop с этого сайта. Затем, загрузили их в меню кистей: это можно сделать, выбрав инструмент кисть (brush tool), а затем кликом правой мыши по холсту, после чего открывается список опций. Выбирайте «загрузить кисти» (load brushes), и загружайте кисти, которые вы только что скачали.
Этап 19
Создайте новый слой, нажав CTRL+SHIFT+N. Затем, используя тот же цвет, что и у многоугольника, сделайте 1 или 2 области кистью, которую только что скачали.
Этап 20
Наконец, что касается добавленного эффекта. Возьмите инструмент создания произвольной фигуры (custom shape tool) и выделите опцию registration target 2. Это фигура с распространяющимися лучами. Добавьте ее в дизайн, сразу за персонажем. Сделайте ее достаточно большой, чтобы были видны только лучи. Расположите её таким образом, чтобы лучи исходили, будто из нашего персонажа. Для этой фигуры используйте черный цвет.
Этап 21
Затем измените режим смешивания (blending mode) слоя с лучами на наложение (overlay). А также измените значение непрозрачности (opacity) на 50%.
Этап 22
Наконец, вы можем добавить и текст. Воспользуйтесь инструментом создания текста (Text Tool), и впишите заголовок и другие детали. Просто сделайте так, чтобы текст совпадал с темными блоками. Измените размер и стиль текста так, чтобы появилось отличие между заголовком и другим текстом.
Этап 23
Отлично! На этом наш флаер готов! Теперь вы можете самостоятельно поработать над эффектами, или продумать, какие этапы процесса разработки данного примера следует изменить, чтобы улучшить его!
Раздел: Обработка изображений Нет комментариев
Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Подробности здесь
Опубликовал Design FactoRy Прочитано (раз): 15848 | Нет комментариев
Источник материала / оригинал статьи Распечатать
Источник материала / оригинал статьи Распечатать