Как сделать табло в фотошопе

11 июня 2013 | Опубликовано в Уроки | 5 Комментариев »

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

splitflap final

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

Создаем новый документ размерами 1200x600px.

splitflap 01

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

Теперь нужно заполнить фоновый слой серым цветом ( # 666666 ).

Далее будем использовать текстуру царапин, чтобы изменить текстуру нашего фона. Помещаем текстуру в документ Photoshop над фоновым слоем. В панели слоев измените режим наложения слоя с текстурой на Soft Light (мягкий свет ) и уменьшите непрозрачность до 10%.

splitflap 02

Шаг 3: Создание текста

splitflap 03

Шаг 4

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

splitflap 04

В дальнейшем мы будем дублировать первую форму для остальных букв.

После того как вы нарисовали первую форму будущего табло, убедиться, что слой с формой активный и разместите его в группу, нажавLayer > Group Layers.

Переименуйте слой в группе на «Flap 1».

Шаг 5

Gradient Overlay (наложение градиента)

Выбирете слой с формой табло и перейдите в Layer> Layer Style> Gradient Overlay.

В окне наложения Gradient Overlay измените опцию на Reflected (Зеркальный).

Затем откройте редактор градиентов.

splitflap 05

В окне редактора градиента, выберите черный и белый градиент.

splitflap 05b

Drop Shadow (Тень)

Теперь к нашему слою будем добавлять эффект тени. Для этого перейдите в Layer> Layer Style> Drop Shadow.

splitflap 06

Stroke (Обводка)

Наконец, добавим обводку размерами в 4px. Для этого перейдите в Layer > Layer Style > Stroke.

splitflap 07

Шаг 6: Создание внутренней части табло

Чтобы облегчит работу, растрируем нашу форму, перейдя в Layer> Rasterize> Shape.

Затем убедитесь, что слой с формой активный и перейдите в Select> Load Selection. Это создаст область выделения вокруг формы.

Будем уменьшать область выделения с помощью команды Select> Modify> Contract. В диалоговом окне установите размер 5px.

Затем создайте новый слой, выбрав Layer>New> Layer.

В новый слое залейте (Edit> Fill) выделение черным цветом ( # 000000 ).

splitflap 08

Шаг 7

Чтобы создать видимость того, что табло делится на две части, нужно дублировать верхнюю часть внутренней части табло и определить для него другие стили слоя.

Во-первых, нужно найти центр нашей формы.П ростой способ определить центр: К Edit> Free Transform и создайте горизонтальную направляющую в центре формы.

splitflap 09b

Используя Rectangular Marquee Tool (M) (прямоугольная область), создайте область выделения вокруг верхней половины формы табло. После перейдите в Layer> New> Layer via Copy (слой как копия). Это позволит автоматически создать новый слой с частью настроек предыдущего слоя.

Шаг 8

Убедитесь, что активный слой с верхеней формой нашего табло и перейдите в Layer> Layer Style> Gradient Overlay.

splitflap 09

Шаг 9

Используя Free Transform Tool (Edit> Free Transform), настраиваем края так прямоугольника, чтобы он был размещен внутри таблички.

splitflap 10

Шаг 10: Создание Петли

Теперь нужно сделать петли, к которым будут прикрепляться таблички. Во-первых, создайте новый слой. На новом слое с помощью Rectangular Marquee Tool (M) создайте прямоугольник размерами 6x25px и залейте (Edit> Fill) его черным цветом. Теперь накладываем градиент:

splitflap 05

splitflap 05b

Дублируем слой, который только-что создали (Layer> Duplicate Layer) и перемещаем его вправо.

В панели слоев выбираем линию разрыва табличек (серую горизонтальную линию в середине нашего табло) и два слоя с петлей. Поместите эти три слоя в группу, выбрав Layer > New > Group from Layers и назовите новую группу «Split 1».

splitflap 11

Шаг 11: Дублируем таблички для других букв

Теперь копируем группу «Flap 1». Изменяем имена групп. Все буквы размещаем поверх группы.

splitflap 12

Шаг 12

splitflap 13

Шаг 13: добавляем эффект свечения

Установите в качестве основного цвета белый ( # FFFFFF ).

splitflap 14b

Выберите на панели инструментов Gradient Tool (G). Выберите радиальный градиент и открываем редактор градиентов.

splitflap 14c

Выберите градиент Foreground to Transparent (от переднего плана к прозрачному).

splitflap 14d

Наши Gradient Tool теперь готов к работе.

Поверх всех остальных слоев создайте новый слой.Примерно с центра создаем наш градиент. Далее, используя Free Transform Tool (Edit> Free Transform) редактируем градиент, чтобы создать эффект свечения. Затем измените режим наложения свечения слоя Soft Light (Мягкий свет).

splitflap 14

Шаг 14

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

Выбираем инструмент Rectangular Marquee Tool (M). В настройках в поле Feather (растушевка) вводим 50px.

Разместите выделенную область вокруг всего холста, выбрав Layer> Select All (Выделить все).

Мы хотим, чтобы область выделения была размещена по краям, поэтому нажимаем Select> Inverse.

Залейте выделение черным.

splitflap 15

Шаг 15: добавляем цвет

Это последний шаг. В этом шаге мы собираемся добавить к нашей табличке немного цвета.

В панели слоев выберите самый верхний слой. После этого перейдите в Layer>New Adjustment Layer > Gradient Map.

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

Измените режим наложения корректирующего слоя карты градиентов на Color и уменьшите прозрачность до 50%.

Источник

Создаем текстовое перекидное табло в Photoshop

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

Создаем новый документ размерами 1200x600px.

33340 46865831

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

Теперь нужно заполнить фоновый слой серым цветом ( # 666666 ).

Далее будем использовать текстуру царапин, чтобы изменить текстуру нашего фона. Помещаем текстуру в документ Photoshop над фоновым слоем. В панели слоев измените режим наложения слоя с текстурой на Soft Light (мягкий свет ) и уменьшите непрозрачность до 10%.

33340 46865832

Шаг 3: Создание текста

33340 46865833

Шаг 4

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

33340 46865834

В дальнейшем мы будем дублировать первую форму для остальных букв.

После того как вы нарисовали первую форму будущего табло, убедиться, что слой с формой активный и разместите его в группу, нажавLayer > Group Layers.

Переименуйте слой в группе на «Flap 1».

Шаг 5

Gradient Overlay (наложение градиента)

Выбирете слой с формой табло и перейдите в Layer> Layer Style> Gradient Overlay.

В окне наложения Gradient Overlay измените опцию на Reflected (Зеркальный).

Затем откройте редактор градиентов.

33340 46865835

В окне редактора градиента, выберите черный и белый градиент.

33340 46865836

Теперь к нашему слою будем добавлять эффект тени. Для этого перейдите в Layer> Layer Style> Drop Shadow.

33340 46865837

Наконец, добавим обводку размерами в 4px. Для этого перейдите в Layer > Layer Style > Stroke.

33340 46865838

Шаг 6: Создание внутренней части табло

Чтобы облегчит работу, растрируем нашу форму, перейдя в Layer> Rasterize> Shape.

Затем убедитесь, что слой с формой активный и перейдите в Select> Load Selection. Это создаст область выделения вокруг формы.

Будем уменьшать область выделения с помощью команды Select> Modify> Contract. В диалоговом окне установите размер 5px.

Затем создайте новый слой, выбрав Layer>New> Layer.

В новый слое залейте (Edit> Fill) выделение черным цветом ( # 000000 ).

33340 46865839

Шаг 7

Чтобы создать видимость того, что табло делится на две части, нужно дублировать верхнюю часть внутренней части табло и определить для него другие стили слоя.

Во-первых, нужно найти центр нашей формы.Простой способ определить центр: К Edit> Free Transform и создайте горизонтальную направляющую в центре формы.

33340 46865840

Используя Rectangular Marquee Tool (M) (прямоугольная область), создайте область выделения вокруг верхней половины формы табло. После перейдите в Layer> New> Layer via Copy (слой как копия). Это позволит автоматически создать новый слой с частью настроек предыдущего слоя.

Шаг 8

Убедитесь, что активный слой с верхеней формой нашего табло и перейдите в Layer> Layer Style> Gradient Overlay.

33340 46865841

Шаг 9

Используя Free Transform Tool (Edit> Free Transform), настраиваем края так прямоугольника, чтобы он был размещен внутри таблички.

33340 46865842

Шаг 10: Создание Петли

Теперь нужно сделать петли, к которым будут прикрепляться таблички. Во-первых, создайте новый слой. На новом слое с помощью Rectangular Marquee Tool (M) создайте прямоугольник размерами 6x25px и залейте (Edit> Fill) его черным цветом. Теперь накладываем градиент:

33340 46865843

33340 46865844

Дублируем слой, который только-что создали (Layer> Duplicate Layer) и перемещаем его вправо.

В панели слоев выбираем линию разрыва табличек (серую горизонтальную линию в середине нашего табло) и два слоя с петлей. Поместите эти три слоя в группу, выбрав Layer > New > Group from Layers и назовите новую группу «Split 1».

33340 46865845

Шаг 11: Дублируем таблички для других букв

Теперь копируем группу «Flap 1». Изменяем имена групп. Все буквы размещаем поверх группы.

33340 46865846

Шаг 12

33340 46865847

Шаг 13: добавляем эффект свечения

Установите в качестве основного цвета белый ( # FFFFFF ).

33340 46865848

Выберите на панели инструментов Gradient Tool (G). Выберите радиальный градиент и открываем редактор градиентов.

33340 46865849

Выберите градиент Foreground to Transparent (от переднего плана к прозрачному).

33340 46865850

Наши Gradient Tool теперь готов к работе.

Поверх всех остальных слоев создайте новый слой.Примерно с центра создаем наш градиент. Далее, используя Free Transform Tool (Edit> Free Transform) редактируем градиент, чтобы создать эффект свечения. Затем измените режим наложения свечения слоя Soft Light (Мягкий свет).

33340 46865851

Шаг 14

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

Выбираем инструмент Rectangular Marquee Tool (M). В настройках в поле Feather (растушевка) вводим 50px.

Разместите выделенную область вокруг всего холста, выбрав Layer> Select All (Выделить все).

Мы хотим, чтобы область выделения была размещена по краям, поэтому нажимаем Select> Inverse.

Залейте выделение черным.

33340 46865852

Шаг 15: добавляем цвет

Это последний шаг. В этом шаге мы собираемся добавить к нашей табличке немного цвета.

В панели слоев выберите самый верхний слой. После этого перейдите в Layer>New Adjustment Layer > Gradient Map.

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

Измените режим наложения корректирующего слоя карты градиентов на Color и уменьшите прозрачность до 50%.

33340 46865853

Ссылки по теме

Помощь
Задать вопрос
программы
обучение
экзамены
компьютеры
ICQ-консультанты
Skype-консультанты
Общая справка
Как оформить заказ
Тарифы доставки
Способы оплаты
Прайс-лист
Карта сайта

О нас
Интернет-магазин ITShop.ru предлагает широкий спектр услуг информационных технологий и ПО.

На протяжении многих лет интернет-магазин предлагает товары и услуги, ориентированные на бизнес-пользователей и специалистов по информационным технологиям.

Хорошие отзывы постоянных клиентов и высокий уровень специалистов позволяет получить наивысший результат при совместной работе.

Источник

Adblock
detector