Фотошоп для фотографа 2013

Рисуем стильный техно макет используя Фотошоп

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

В данном уроке Фотошопа мы рассмотрим - как можно нарисовать стильный техно макет.


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

Рисуем стильный техно макет используя Фотошоп

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


Открываем новый документ. Размер: 760 x 770 пикселей (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")).

Цвет фона: #222222.


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


Рисуем стильный техно макет используя Фотошоп

Продублируйте большую фигуру (чтобы продублировать фигуру, сначала вам необходимо выделить слой на вашей палитре слоев, а затем нажать Ctrl+J).


Расположите ваш слой так, как у меня (Move Tool Инструмент - Перемещение (Перемещение / Клавиша "V")): ↓


Рисуем стильный техно макет используя Фотошоп

Для этих больших фигур добавьте следующие стили слоя - Blending Options (Параметры наложения): ↓


Drop Shadow (Тень): ↓

Рисуем стильный техно макет используя Фотошоп

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

Рисуем стильный техно макет используя Фотошоп

Параметры градиента: ↓

Рисуем стильный техно макет используя Фотошоп

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

Рисуем стильный техно макет используя Фотошоп

Вот мой результат: ↓

Рисуем стильный техно макет используя Фотошоп

Выберите Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша "U") и создайте 4 круга.


Рисуем стильный техно макет используя Фотошоп

Затем добавьте следующие стили слоя.


Drop Shadow (Тень): ↓

Рисуем стильный техно макет используя Фотошоп


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

Рисуем стильный техно макет используя Фотошоп

Параметры градиента: ↓

Рисуем стильный техно макет используя Фотошоп

Вот мой результат: ↓

Рисуем стильный техно макет используя Фотошоп

С помощью того же инструмента (Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша "U")) создайте новые круги и расположите их сверху предыдущих кругов как на следующей картинке. Я создам эти фигуры другим цветом, чтобы вы могли лучше видеть, что я делаю.


Рисуем стильный техно макет используя Фотошоп

Для этих голубых фигур, добавьте следующие стили слоя: ↓


Drop Shadow (Тень): ↓

Рисуем стильный техно макет используя Фотошоп

Inner Glow (Внутреннее свечение): ↓

Рисуем стильный техно макет используя Фотошоп

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

Рисуем стильный техно макет используя Фотошоп

Contour (Контур): ↓

Рисуем стильный техно макет используя Фотошоп

Satin (Глянец): ↓

Рисуем стильный техно макет используя Фотошоп

Color Overlay (Наложение цвета): ↓

Рисуем стильный техно макет используя Фотошоп

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

Рисуем стильный техно макет используя Фотошоп

Параметры градиента: ↓

Рисуем стильный техно макет используя Фотошоп

Вот мой результат: ↓

Рисуем стильный техно макет используя Фотошоп

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

Подбираем кисть-сетку (см. изображение) на свой вкус из сети.

Выбираем её, жмем один раз на слое с помощью кисти (Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B")): ↓


Рисуем стильный техно макет используя Фотошоп

Создайте копию этого слоя с точками и расположите скопированый слой как я.


Рисуем стильный техно макет используя Фотошоп

Выделите все слои с точками и перетащите их под слои с голубыми кругами.


Рисуем стильный техно макет используя Фотошоп

Продублируйте эти слои с точками и расположите их под каждым кругом.


Рисуем стильный техно макет используя Фотошоп

Теперь для маленькой фигуры сверху нашего макета добавьте следующие стили слоя: ↓


Drop Shadow (Тень): ↓

Рисуем стильный техно макет используя Фотошоп

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

Рисуем стильный техно макет используя Фотошоп

Параметры градиента: ↓

Рисуем стильный техно макет используя Фотошоп

Вот мой результат: ↓

Рисуем стильный техно макет используя Фотошоп

Создайте новую фигуру поверх этой.


Рисуем стильный техно макет используя Фотошоп

И добавьте следующие стили слоя (Blending Options (Параметры наложения)) как и раньше: ↓


Drop Shadow (Тень): ↓

Рисуем стильный техно макет используя Фотошоп

Inner Glow (Внутреннее свечение): ↓

Рисуем стильный техно макет используя Фотошоп

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

Рисуем стильный техно макет используя Фотошоп

Counter (Контур): ↓

Рисуем стильный техно макет используя Фотошоп

Satin (Глянец): ↓

Рисуем стильный техно макет используя Фотошоп

Color Overlay (Наложение цвета): ↓

Рисуем стильный техно макет используя Фотошоп

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

Рисуем стильный техно макет используя Фотошоп

Параметры градиента: ↓

Рисуем стильный техно макет используя Фотошоп

Вот мой результат: ↓

Рисуем стильный техно макет используя Фотошоп

Теперь добавьте текст - Horizontal Type Tool Инструмент - Горизонтальный текст (Инструмент "Горизонтальный текст" / Клавиша "T").


Рисуем стильный техно макет используя Фотошоп

Выберите Ellipse Tool Инструмент - Овальная форма (Инструмент Овальная форма / Клавиша "U") и начните создавать маленькие круги.


Рисуем стильный техно макет используя Фотошоп

Для этих фигур добавьте следующие стили слоя (Blending Options (Параметры наложения)): ↓


Drop Shadow (Тень): ↓

Рисуем стильный техно макет используя Фотошоп

Color Overlay (Наложение цвета): ↓

Рисуем стильный техно макет используя Фотошоп

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

Рисуем стильный техно макет используя Фотошоп

Параметры градиента: ↓

Рисуем стильный техно макет используя Фотошоп

Вот мой результат: ↓

Рисуем стильный техно макет используя Фотошоп

Выберите Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P").


Используйте следующие настройки.


Рисуем стильный техно макет используя Фотошоп

И начните создавать контуры.


Рисуем стильный техно макет используя Фотошоп

Выберите трехпиксельную кисть (Hard mechanical 3 pixels) Создайте новый слой (New Layer (Новый слой / Сочетание клавиш "Ctrl+Shift+N")).


Убедитесь, что у вас выбрана Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B").


Затем перейдите на Path Tab (вкладка Контуры) и нажмите на кнопку "Stroke path with Brush" ("Выполнить обводку контура кистью"): ↓


Рисуем стильный техно макет используя Фотошоп

Вот мой результат: ↓

Рисуем стильный техно макет используя Фотошоп

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


Рисуем стильный техно макет используя Фотошоп

Теперь для всех этих линий добавьте следующие стили слоя (Blending Options (Параметры наложения)): ↓


Drop Shadow (Тень): ↓

Рисуем стильный техно макет используя Фотошоп

Inner Glow (Внутреннее свечение): ↓

Рисуем стильный техно макет используя Фотошоп

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

Рисуем стильный техно макет используя Фотошоп

Countor (Контур): ↓

Рисуем стильный техно макет используя Фотошоп

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

Рисуем стильный техно макет используя Фотошоп

Вот и все.


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

Рисуем стильный техно макет используя Фотошоп

Урок подготовлен для Вас командой сайта PhotoshopPro.ru