Уроки Photoshop в понедельник
С радостью хочу представить новый раздел "Photoshop в понедельник". Поскольку на выходных мы отдохнули, то в понедельник можно чуть и поучиться. Представляю на ваше суждение перевод Урока по созданию постера.
Что нам потребуется к уроку:
1.Стоковая фотография: Маттерхорн
2.Текстура: Grunge texture
3.Логотип: Swissair
4.Шрифт Helvetica
Шаг #1: Создаем новый файл Photoshop
Откройте Photoshop и создайте документ (File>New) с параметрами ниже. Если вы будете отправлять на печать постер, то лучше использовать более высокое значение DPI (150-300 dpi) и CMYK Color Mode.
Поскольку свою работу буду использовать только для Веб, то я создам документ со следующими параметрами : 800х1135 px, RGB Color b 72 dpi.
Добавьте 2 вертикальные направляющие (View -> New Guide) на расстоянии от края 15px и 785px.
Шаг #2: Добавляем основной фон
Выделите основной фон(слой с Горами) и нажмите Cmd/Ctrl + U для открытия окна Hue/Saturation. Поставьте галочку на “Colorize” и настройте ползунки как на изображении ниже:
Добавьте одну или несколько Горизонтальных направляющих (View -> New Guide), на расстоянии 878px. Сделайте выделение с помощью инструмента Rectangular Marquee Tool (M),
после перейдите Layer -> Layer Mask -> Reveal Selection для добавления маски слоя.
Шаг #3: Добавляем основную надпись
Берем Horizontal Type Tool (T), выбираем шрифт Helvetica и пишем “MATTERHORN”
Уменьшаем прозрачность текстового слоя до 60%.
Но, как вы видите сами, при наложении на основной фон, текст читается плохо. Поэтому мы это сейчас устраним. Создайте новый слой (Cmd/Ctrl + Shift + N) ниже текстового,
Cmd/Ctrl + клик на маску слоя основного фона для выделения,
настройте цвет (Foreground color) на #204660, выберите градиент Gradient Tool (G) и в окне Gradient Editor найдите Foreground to Transparent preset,
протяните Градиент, в направлении стрелки находясь в только что созданном Новом слое. Результат: Текст виден намного лучше.
Шаг #4: Добавляем второстепенный текст
В этом шаге мы добавим текстовые колонки, но перед этим нам надо установить направляющие.
Колонок у нас будет 5: 4 текстовых и 1 со Швейцарским флагом. Для колонок мы приготовили 770px (между нашими, ранее установленными, вертикальными направляющими 15px и 785px), поэтому на каждую колонку 154px, между колонками оставим по 10px в итоге: получим расстояние 144px. View -> New Guide
Добавьте еще горизонтальную направляющую на расстоянии 893px
Вот теперь мы можем добавлять текст. Создайте текстовый блок Horizontal Type Tool (T)
Наберите нужный текст. Я воспользовался немецкими заметками о Маттерхорне в Википедии
Также продублируйте текст в остальных колонках, только на французском, итальянском и английском.
Шаг #5: Создаем флаг Швейцарии
С помощью инструмента Rectangle Tool (U) создаем красный (#d52b1e) квадрат, размером 108x108px в свободной колонке.
С помощью Line Tool (U), толщиной в 20px, создаем вертикальную белую(#ffffff) линию.
Дублируем этот слой (Cmd/Ctrl + J), и поворачиваем на 90 градусов Edit -> Transform -> Rotate 90 CW.
Шаг #6: Добавляем еще текст
Выносим горизонтальную направляющую на 1120px. Набираем текст “Schweiz”, шрифт Helvetica Bold, цвет #3d6989. По такому принципу добавляем оставшийся текст.
Шаг #7: Логотип Swissair
Логотип скачиваем в Википедии. Конвертируем в Smart Object (после этого сможем масштабировать без изменения качества ). Выбираем Free Transform Tool (Cmd/Ctrl + T) и масштабируем до нужного размера. Ставим прозрачность Opacity на 75%
Вот такую картинку мы должны были получить
Шаг #8: Красный круг
Берем Ellipse Tool (U), удерживая Cmd/Ctrl + Shift рисуем красный (#d25934) круг.
Изменим режим наложения (Blend Mode) на Color Burn и установим прозрачность Opacity на 70%
Шаг #9: Создаем и добавляем к рисунку диагональные линии
Создайте новый документ с размерами 10х10px c прозрачным фоном. Установите фон( Foreground Color ) #02152a и с помощью инструмента Line Tool (U) нарисуйте линию по диагонали, как на рисунке ниже:
Идем в Edit -> Define Pattern и называем наш паттерн Dline (ну или как захотите). Возвращаемся к нашим Горам, создаем новый слой поверх остальных и заливаем его белым. Открываем стили слоя Layer Style (двойной щелчок на слое ) и выбираем Pattern Overlay. В окне Pattern выбираем наш паттерн Dline.
В том же окне Layer Style выбираем Blending Options:Custom и убираем Fill Opacity на 0%. Этим мы уберем белую заливку но оставим наш паттерн видимым.
С помощью Rectangular Marquee Tool создаем выделение по контуру нашей картинки и создаем маску Layer -> Layer Mask -> Reveal Selection
Ну вот в принципе и все, на этом этапе можно остановиться. Мы сделали хороший, чистый и современный плакат.
В следующих 2 шагах я покажу вам как преобразовать этот плакат в ретро плакат.
Шаг #10: Добавляем текстуру
Импортируем Grunge texture и помещаем ниже слоя с красным кругом.
Меняем режим наложения Blend Mode на Hard Light и устанавливаем прозрачность Opacity на 30%
Шаг #11: Заключительный
Используем корректировочный слой для подправки цветов композиции. Во-первых добавим слой
Layer -> New Adjustment Layer -> Gradient Map поверх всех остальных.
Настроим градиент, с темного пурпурного(#640270), до темного желтого (# dcb201). Затем выставьте прозрачность корректировочного слоя 40%.
Финальный результат
Оригинал на англицком можно посмотреть здесь
Любая критика по поводу перевода и урока принимается и поощряется.
Что нам потребуется к уроку:
1.Стоковая фотография: Маттерхорн
2.Текстура: Grunge texture
3.Логотип: Swissair
4.Шрифт Helvetica
Шаг #1: Создаем новый файл Photoshop
Откройте Photoshop и создайте документ (File>New) с параметрами ниже. Если вы будете отправлять на печать постер, то лучше использовать более высокое значение DPI (150-300 dpi) и CMYK Color Mode.
Поскольку свою работу буду использовать только для Веб, то я создам документ со следующими параметрами : 800х1135 px, RGB Color b 72 dpi.
Добавьте 2 вертикальные направляющие (View -> New Guide) на расстоянии от края 15px и 785px.
Шаг #2: Добавляем основной фон
Выделите основной фон(слой с Горами) и нажмите Cmd/Ctrl + U для открытия окна Hue/Saturation. Поставьте галочку на “Colorize” и настройте ползунки как на изображении ниже:
Добавьте одну или несколько Горизонтальных направляющих (View -> New Guide), на расстоянии 878px. Сделайте выделение с помощью инструмента Rectangular Marquee Tool (M),
после перейдите Layer -> Layer Mask -> Reveal Selection для добавления маски слоя.
Шаг #3: Добавляем основную надпись
Берем Horizontal Type Tool (T), выбираем шрифт Helvetica и пишем “MATTERHORN”
Уменьшаем прозрачность текстового слоя до 60%.
Но, как вы видите сами, при наложении на основной фон, текст читается плохо. Поэтому мы это сейчас устраним. Создайте новый слой (Cmd/Ctrl + Shift + N) ниже текстового,
Cmd/Ctrl + клик на маску слоя основного фона для выделения,
настройте цвет (Foreground color) на #204660, выберите градиент Gradient Tool (G) и в окне Gradient Editor найдите Foreground to Transparent preset,
протяните Градиент, в направлении стрелки находясь в только что созданном Новом слое. Результат: Текст виден намного лучше.
Шаг #4: Добавляем второстепенный текст
В этом шаге мы добавим текстовые колонки, но перед этим нам надо установить направляющие.
Колонок у нас будет 5: 4 текстовых и 1 со Швейцарским флагом. Для колонок мы приготовили 770px (между нашими, ранее установленными, вертикальными направляющими 15px и 785px), поэтому на каждую колонку 154px, между колонками оставим по 10px в итоге: получим расстояние 144px. View -> New Guide
Добавьте еще горизонтальную направляющую на расстоянии 893px
Вот теперь мы можем добавлять текст. Создайте текстовый блок Horizontal Type Tool (T)
Наберите нужный текст. Я воспользовался немецкими заметками о Маттерхорне в Википедии
Также продублируйте текст в остальных колонках, только на французском, итальянском и английском.
Шаг #5: Создаем флаг Швейцарии
С помощью инструмента Rectangle Tool (U) создаем красный (#d52b1e) квадрат, размером 108x108px в свободной колонке.
С помощью Line Tool (U), толщиной в 20px, создаем вертикальную белую(#ffffff) линию.
Дублируем этот слой (Cmd/Ctrl + J), и поворачиваем на 90 градусов Edit -> Transform -> Rotate 90 CW.
Шаг #6: Добавляем еще текст
Выносим горизонтальную направляющую на 1120px. Набираем текст “Schweiz”, шрифт Helvetica Bold, цвет #3d6989. По такому принципу добавляем оставшийся текст.
Шаг #7: Логотип Swissair
Логотип скачиваем в Википедии. Конвертируем в Smart Object (после этого сможем масштабировать без изменения качества ). Выбираем Free Transform Tool (Cmd/Ctrl + T) и масштабируем до нужного размера. Ставим прозрачность Opacity на 75%
Вот такую картинку мы должны были получить
Шаг #8: Красный круг
Берем Ellipse Tool (U), удерживая Cmd/Ctrl + Shift рисуем красный (#d25934) круг.
Изменим режим наложения (Blend Mode) на Color Burn и установим прозрачность Opacity на 70%
Шаг #9: Создаем и добавляем к рисунку диагональные линии
Создайте новый документ с размерами 10х10px c прозрачным фоном. Установите фон( Foreground Color ) #02152a и с помощью инструмента Line Tool (U) нарисуйте линию по диагонали, как на рисунке ниже:
Идем в Edit -> Define Pattern и называем наш паттерн Dline (ну или как захотите). Возвращаемся к нашим Горам, создаем новый слой поверх остальных и заливаем его белым. Открываем стили слоя Layer Style (двойной щелчок на слое ) и выбираем Pattern Overlay. В окне Pattern выбираем наш паттерн Dline.
В том же окне Layer Style выбираем Blending Options:Custom и убираем Fill Opacity на 0%. Этим мы уберем белую заливку но оставим наш паттерн видимым.
С помощью Rectangular Marquee Tool создаем выделение по контуру нашей картинки и создаем маску Layer -> Layer Mask -> Reveal Selection
Ну вот в принципе и все, на этом этапе можно остановиться. Мы сделали хороший, чистый и современный плакат.
В следующих 2 шагах я покажу вам как преобразовать этот плакат в ретро плакат.
Шаг #10: Добавляем текстуру
Импортируем Grunge texture и помещаем ниже слоя с красным кругом.
Меняем режим наложения Blend Mode на Hard Light и устанавливаем прозрачность Opacity на 30%
Шаг #11: Заключительный
Используем корректировочный слой для подправки цветов композиции. Во-первых добавим слой
Layer -> New Adjustment Layer -> Gradient Map поверх всех остальных.
Настроим градиент, с темного пурпурного(#640270), до темного желтого (# dcb201). Затем выставьте прозрачность корректировочного слоя 40%.
Финальный результат
Оригинал на англицком можно посмотреть здесь
Любая критика по поводу перевода и урока принимается и поощряется.