—»     —»   Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop
  Раздел: Обработка изображений   Нет комментариев  

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

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

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

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

Этап 1

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

Ширина: 8.5 дюймов
Высота: 5.5 дюймов
Разрешение: 300 ppi
Режим цвета: CMYK

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 2

Как только откроете новый документ, вам нужно будет добавить несколько направляющих. Направляющие помогут вам расставлять элементы дизайна таким образом, чтобы они не попадали на край документа. Включите линейки (CTRL+R). Зажмите левую кнопку мыши на линейке и проносите их к нужному расположению. Так как наш документ разрабатывается для того, чтобы быть напечатанным на лист размеры которого составляют примерно половину конверта, то нам понадобятся только поля (все остальные форматы требуют установки специальных краев). Просто отсчитайте 0.25 дюйма от края документа, чтобы у вас был запас.

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 3

Теперь, для начала создайте фон. Создайте новый слой, нажав CTRL+SHIFT+N. Назовите этот слой «Color Bars Layer».

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 4

Теперь, используя инструмент создания прямоугольного выделения (rectangular Marquee tool) создайте большую вертикальную полоску на одной стороне слоя. Выделив прямоугольную вертикальную область, залейте ее одним из цветов схемы. Используйте обычную заливку, чтобы ускорить процесс. Вы можете найти множество сочетаемых цветовых схем на colourlovers.com. В нашем примере мы создали синюю строку.

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 5

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

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 6

Отлично! Теперь, так как этот постер относится к музыке, а точнее – к рок-музыке, недостаточно иметь просто вертикальные линии. Выберите слой с цветными столбиками и нажмите CTRL+T для того, чтобы начать трансформацию. Затем мы немного повернем слой по углу, чтобы создать небольшой эффект искажения.

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 7

Перед тем, как продолжить, сохраните этот документ. Теперь нам нужно создать карту смещения. Для этого потребуется отдельный документ. Создайте новый документ при помощи сочетания клавиш CTRL+N. Сделайте его достаточно большим, например, 1024х768 пикселей или выше.

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 8

Как только документ будет открыт, вы сможете добавить текстуру смещения. Теперь, что касается нашего примера, то нам нужно сделать нечто более грубое. Так что давайте скопируем и вставим изображение в стиле гранджа, взятое с morguefile, в документ. Но вообще, вы можете использовать стандартные текстуры из Adobe Photoshop. Тем не менее, самый простой способ – это найти хорошую картинку или уже готовую текстуру смещения в интернете и просто вставить её.

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 9

Нажмите CTRL+SHIFT+U, чтобы убрать насыщенность цвета с данного слоя. Затем, пройдите в меню Image -> Adjustments -> Levels. Измените три значения под гистограммой таким образом, чтобы получить более грубую черно-белую текстуру. Вы можете начать с предложенных нами значений, а затем изменить их на свои (80,0.01,180)

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 10

Как закончите, сохраните документ в формате PSD. Просто нажмите CTRL+S или File -> Save As… используйте описательное название, чтобы вы без труда смогли затем найти эту текстуру. Используйте формат PSD для сохранения.

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 11

Отлично! Теперь вернитесь к дизайну, над которым мы работаем. Выберите слой с цветными полосами. Затем пройдите в меню Filter -> distort -> Displace. Как только откроется окно Displace, вставьте значение 20 как в вертикальную, так и в горизонтальную шкалы. Вы также должны выставить параметр на растягивание (stretch), чтобы всё подходило и повторяло края пикселями.

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 12

Затем вам будет предложено выбрать карту смещения. Просто обратитесь к тому документу, который мы только что создали, и нажимайте ОК.

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 13

Сейчас вы должны увидеть, как приятный гранджевый эффект был применен ко всему слою. Если вам не нравится то, что получилось, нажмите CTRL+Z и попробуйте еще раз с другими настройками смещения или другой картой смещения. Хотя наш эффект нам нравится, и поэтому мы его оставим.

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 14

Теперь мы готовы вставить наше основное изображение рок-звезды. В нашем примере мы будем использовать привлекательное изображение. Перед тем, как вставлять его в дизайн, мы обработаем изображение, исключив фон. Вы можете воспользоваться инструментом волшебное лассо (Magnetic lasso), либо волшебной палочкой (magic wand), чтобы без труда выделить фон изображения, а затем стереть его при помощи ластика.

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 15

Затем мы можем просто поместить персонаж на дизайн нашего флаера. Аккуратно расположите его, нажав CTRL+T, а затем, удерживая клавишу Shift, кликайте по уголкам выделения и регулируйте размер.

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 16

Далее, продублируйте слой с рок-звездой. Вы можете быстро сделать это, нажав CTRL+J. Этот новый слой должен появиться поверх вашего оригинального слоя. Перетащите этот слой в самый низ. Затем опять пройдите в меню Filter -> Distort -> Displacement. На этот раз используйте значение 30 для обеих шкал. Снова используйте вашу карту смещения. Теперь вы можете на фоне увидеть красивый эффект смещения, хотя основное изображение все равно будет выглядеть хорошо.

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 17

Теперь, используя инструмент создания прямоугольника (Rectangle tool), добавьте в дизайн несколько темных блоков. Здесь будет размещен текст флаера. Как только расположите прямоугольники, нажмите CTRL+T, удерживая выделение этих слоев, и немного наклоните их. Примерно так же, как мы делали с фоновым слоем.

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 18

Дальше мы скачали несколько кистей в виде городских пейзажей для Adobe Photoshop с этого сайта. Затем, загрузили их в меню кистей: это можно сделать, выбрав инструмент кисть (brush tool), а затем кликом правой мыши по холсту, после чего открывается список опций. Выбирайте «загрузить кисти» (load brushes), и загружайте кисти, которые вы только что скачали.

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 19

Создайте новый слой, нажав CTRL+SHIFT+N. Затем, используя тот же цвет, что и у многоугольника, сделайте 1 или 2 области кистью, которую только что скачали.

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 20

Наконец, что касается добавленного эффекта. Возьмите инструмент создания произвольной фигуры (custom shape tool) и выделите опцию registration target 2. Это фигура с распространяющимися лучами. Добавьте ее в дизайн, сразу за персонажем. Сделайте ее достаточно большой, чтобы были видны только лучи. Расположите её таким образом, чтобы лучи исходили, будто из нашего персонажа. Для этой фигуры используйте черный цвет.

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 21

Затем измените режим смешивания (blending mode) слоя с лучами на наложение (overlay). А также измените значение непрозрачности (opacity) на 50%.

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 22

Наконец, вы можем добавить и текст. Воспользуйтесь инструментом создания текста (Text Tool), и впишите заголовок и другие детали. Просто сделайте так, чтобы текст совпадал с темными блоками. Измените размер и стиль текста так, чтобы появилось отличие между заголовком и другим текстом.

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop

Этап 23

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

Уроки Photoshop: Разрабатываем простой флаер на тему рок-музыки в Photoshop
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: Photoshop
Опубликовал Design FactoRy   Прочитано (раз): 15848   |   Нет комментариев
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц February по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Спонсоры проекта
Баннер в сайдбаре 1 (сквозной)
Баннер в сайдбаре 2 (сквозной)
Спонсоры проекта
Баннер в сайдбаре 3 (сквозной)
Баннер в сайдбаре 4 (сквозной)
Популярные публикации







Свежие шаблоны сайтов каждый день
С миру по нитке
«    Март 2024    »
ПнВтСрЧтПтСбВс
 123
45678910
11121314151617
18192021222324
25262728293031