Создаем электронное табло используя Фотошоп

| Категория: Уроки по созданию анимации в Фотошопе | Сложность урока: Средняя

В данном уроке мы рассмотрим, как можно создать электронное табло в Фотошопе.


Финальный результат

Создаем анимированное электронное табло используя Фотошоп

Приступаем к уроку Фотошопа


1. Начнем с создания нового документа размером 300х250 - File > New (Файл > Новый / Сочетание клавиш "Ctrl+N").


2. Создадим новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")). И назовите его table.


3. Возьмем инструмент Rounded Rectangle Tool Инструмент - Прямоугольник со скругленными углами (Инструмент "Прямоугольник со скругленными углами" / Клавиша "U"). Поставьте параметры как на изображении ниже. ↓


Создаем анимированное электронное табло используя Фотошоп

4. Далее нажмите D, чтобы поставить основной цвет черный. И нарисуйте что-то типа этого. ↓


Создаем анимированное электронное табло используя Фотошоп

5. Создайте слой ниже слоя table. Далее нажмите на слою table с зажатой клавишей Ctrl (для образования выделения данного слоя). Теперь активируйте слой под слоем table и нажмите Select > Modify > Expand (Выделение > Модификация > Расширить..) поставьте значение равное 3. И залейте выделенную область белым цветом или просто нажмите Ctrl+Delete. Не беспокойтесь Если не увидите залитую область так цвет фона белый.


6. Далее нажмем Layer > Layer Style > Blending Options (Слой > Стиль слоя > Параметры наложения)... И выставьте значения как на изображении ниже. ↓


Bevel and Emboss (Тиснение и рельеф): ↓

Создаем анимированное электронное табло используя Фотошоп

7. Дублируем слой table (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")). Нажимаем на слой с нажатой клавишей Ctrl, затем заливаем выделение белым цветом (нажимаем Ctrl+delete). Нажмем Ctrl+Alt+G если у вас Photoshop версии CS2 и выше, а если ниже Ctrl+G (этими действиями мы группируем слой table copy со слоем table).


Выбираем инструмент Move Tool Инструмент - Перемещение (Перемещение / Клавиша "V"). И двигаем слой table copy вверх.


Создаем анимированное электронное табло используя Фотошоп

8. Далее выбираем инструмент Rectangular Marquee Tool Инструмент - Прямоугольная область выделения (Прямоугольная область выделения / Клавиша "M") и выделяем как на изображении ниже: ↓


Создаем анимированное электронное табло используя Фотошоп

Нажмем Select > Feather (Выделение > Растушевка / Сочетание клавиш "Alt+Ctrl+D") и поставим 10. Удалим выбранное нажав Delete.


9. Создадим новый слой назовем его lampa. Выберем инструмент Elliptical Marquee Tools Инструмент - Овальная область выделения (Инструмент "Овальная область выделения" / Клавиша "M") и выставьте параметры как на изображении ниже. ↓


Создаем анимированное электронное табло используя Фотошоп

Выделим область, нажав на рабочей области у вас сразу появиться выделения окружности диаметром 7 px. Зальем выделение любым цветом.


Далее нажмем Layer > Layer Style > Blending Options (Слой > Стиль слоя > Параметры наложения)… И выставьте значения как на изображении ниже. ↓


Inner Shadow (Внутренняя тень): ↓

Создаем анимированное электронное табло используя Фотошоп

Outer Glow (Внешнее свечение): ↓

Создаем анимированное электронное табло используя Фотошоп

Bevel and Emboss (Тиснение и рельеф): ↓

Создаем анимированное электронное табло используя Фотошоп

Stroke (Обводка): ↓

Создаем анимированное электронное табло используя Фотошоп

Теперь нажмем Layer > Layer Style > Create Layers (Слой > Стиль слоя > Создать слой). Теперь уберем видимость у слоев table, table copy и у двух нижних слоев (для этого нажмем на глазик слева от слоя). И нажмем Layer > Merge Visible (Слой > Объединить видимые / Сочетание клавиш "Shift+Ctrl+E"). Сделаем обратно видимыми все слои.


Далее дублируем слой lampa 8 раз (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")). И переместим их инструментом Move Tool Инструмент - Перемещение (Перемещение / Клавиша "V") как на изображении ниже. ↓


Создаем анимированное электронное табло используя Фотошоп

Объединим все 8 слоев в один нажимая Layer > Merge down (Слой > Объединить слои / Сочетание клавиш "Ctrl+E").


Дублируем слой lampa 9 раз (Layer > Duplicate Layer (Слой > Дублировать Слой / Сочетание клавиш "Ctrl+J")) и перемещаем используя Move Tool Инструмент - Перемещение (Перемещение / Клавиша "V") как на изображении ниже. ↓


Создаем анимированное электронное табло используя Фотошоп

10. Для того чтобы написать на табло символы нужно выделить инструментом Polygonal Lasso Tool Инструмент - Многоугольное лассо (Инструмент Многоугольное лассо / Клавиша "L") область в виде нужного символа.


Создаем анимированное электронное табло используя Фотошоп

И нажимаем Image > Adjustments > Hue/Saturation (Изображение > Коррекция > Цветовой тон/Насыщенность - Сочетание клавиш "Ctrl+U") ставим параметры как на изображении ниже. ↓


Создаем анимированное электронное табло используя Фотошоп

Финальный результат без анимации

Создаем анимированное электронное табло используя Фотошоп

Таким же образом и создаем анимацию. Подробнее о создании анимации можно узнать из соседних уроков данного раздела.


Финальный результат

Создаем анимированное электронное табло используя Фотошоп

Автор: Lionman;

Текст доработан командой сайта PhotoshopPro.ru