Простой постер с текстом

3 декабря 2011 · Глеб Х. · «Мир Фотошопа»

Конечный результат:

Ресурсы урока:

Шаг 1: Создание нового документа

Создайте новый документ (Ctrl + N) с параметрами, указанными ниже на скриншоте. Если постер будет печататься, используйте Resolution не менее 300dpi и Color Mode — CMYK.

Шаг 2: Создание градиентного фона

Кликните дважды на фоновом слое, чтобы разблокировать его. Выберите инструмент Gradient Tool (G) и настройте градиент, как показано ниже. Цвета: #229EB7 и #186978.

Сделайте заливку фона из левого верхнего угла к правому нижнему.

Кликните дважды на слое, чтобы открыть окно стилей. Примените Inner Shadow.

Создайте новый слой (Ctrl + Shift + N) и назовите его “Blue”. Выберите инструмент Gradient Tool (G) и настройте градиент, как показано ниже. Цвета: #2F5E9E и #5792D1.

Сделайте заливку холста так же, как и в первый раз.

Установите Blending Mode слоя на Soft Light.

Шаг 3: Добавление текстуры на фон

Откройте гранжевую текстуру в Фотошопе. Инструментом Move Tool (V) перетащите её в основной документ, назовите слой с ней “Texture”. Инструментом Free Transform (Ctrl + T) измените ширину и высоту текстуры до 31% от оригинала, чтобы текстура соответствовала холсту. Значение в процентах можно ввести на панели параметров сверху.

Загрузите библиотеку повторяющихся узоров и импортируйте их. Выберите инструмент Paint Bucket Tool (G) и на панели параметров установите значение Pattern, выберите узор “pixelpattern2”. Создайте новый слой (Ctrl + Shift + N) и назовите его “Pattern”. Залейте его выбранным узором. Установите Opacity слоя с узором на 10%.

В палитре слоёв выберите все 4 слоя и поместите их в группу (Ctrl + G). Назовите созданную группу “Background”.

Шаг 4: Добавление направляющих

Работая над созданием шаблонов, особенно если там много текстовых блоков, используйте направляющие. Нужно отвести 4 направляющие:

  • Две вертикальные на отметках: 70 и 730 пикселей.
  • Две горизонтальные на отметках: 70 и 1030 пикселей.

Чтобы создать направляющие, перейдите в меню View → New Guide.

Шаг 5: Добавление текста на постер

Создайте новую группу (Layer → New → Group) и назовите её "Typography". В ней будут все текстовые слои. Шрифты, которыми мы будем пользоваться, предоставлены в начале урока. Но Вы можете использовать и другие, на своё усмотрение.

Установите цвет заливки на #FFFFFF. Выберите инструмент Horizontal Type Tool (T), выберите шрифт “Cicle (Fina)” размером 160pt и напишите “DOING”. Перейдите в меню Window > Character и введите значение Tracking: -25. Этот параметр отвечает за расстояние между буквами.

Выберите шрифт “Bebas Neue (Regular)” размером 160pt и напишите “SOME”.

Выберите инструмент Rectangle Tool (U) и создайте прямоугольник высотой 15 пикселей. Используйте вертикальные направляющие для определения ширины. Расположите прямоугольник на расстоянии 30 пикселей ниже от текста.

Сделайте копию прямоугольника (Ctrl + J) и опустите его на 10 пикселей.

Выберите инструмент Horizontal Type Tool (T) снова и шрифтом “Franchise” размером 142pt напишите “DESIGN INSTRUCT” под двумя белыми полосками. Установите значение параметра Tracking: -10.

Расположите этот текстовый слой на 30 пикселей ниже белой полоски.

Позже мы добавим остальной текст, а сейчас создадим ещё несколько элементов дизайна.

Шаг 6: Создание кругов

Инструментом Ellipse Tool (U) создайте круг чёрного цвета (удерживайте клавишу Shift, чтобы получить круг). Размер круга — 165х165 пикселей. Выровняйте круг по центру между направляющими и расположите под надписью “DESIGN INSTRUCT” на 35 пикселей ниже.

Сделайте копию слоя с кругом 4 раза (Ctrl + J). В результате должно быть 5 кругов. При помощи инструмента Free Transform (Ctrl + T) уменьшите размер четырёх копий до 70%. Затем уменьшите размер двух из четырёх копий до 70% ещё раз. Расположите круги, как показано ниже.

Понизьте Opacity слоёв с кругами до 30%.

Инструментом Custom Shape Tool (U) создайте белую звезду размером 30х30 пикселей. Расположите её внутри круга.

Создайте звезду большего размера и расположите на другом круге.

Сделайте копии двух звёзд и расположите их на правой стороне.

Шаг 7: Добавление текста

Выберите инструмент Horizontal Type Tool (T), шрифт “Aller (Bold Italic)” размером 72pt и напишите “DI”. Расположите этот текстовый слой в центре большого круга.

Выберите шрифт “Aller (Display)” и настройте, как показано ниже. Напишите “TUTORIALS” и расположите на расстоянии 30 пикселей от большого круга.

Переключитесь на шрифт “Cicle (Fina Italic)” и напишите “ARE REALLY”. Расположите этот слой под словом “TUTORIALS” на 30 пикселей ниже.

Сделайте пару копий белой линии и расположите их, как показано ниже. Верхняя полоска должна быть на расстоянии 30 пикселей от последней текстовой строчки.

Выберите шрифт “ChunkFive” и напишите “FUN”. Расположите этот слой между двумя белыми полосками.

Сделайте две копии слоя со звездой, которую мы создавали ранее. Расположите звёзды между буквами.

Шаг 8: Добавление тени

К звёздам между буквами слова “FUN” примените стиль Drop Shadow (Layer → Layer Style → Drop Shadow).

В палитре слоёв кликните правой кнопкой на этом стиле и выберите пункт Copy Layer Style. К каждому текстовому слою и звёздам примените этот стиль. Для этого кликните правой кнопкой на слое и выберите пункт Paste Layer Style. Этот стиль не нужно копировать на слои с кругами.

Конечный результат:

PSD файл

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

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

Переведено с сайта designinstruct.com, автор перевода указан в начале урока.