Рубрика: Photoshop Уроки | Урок прочитали: 212
 (голосов: 0)

Рисуем кислородную сферу в Фотошоп

Любителям научной фантастики посвящается!  В  этом уроке, с помощью программы Photoshop вы научитесь создавать фантастическую кислородную сферу. Урок обещает быть длинным, хотя  самые простые шаги были опущены, рассчитывая на аудиторию с уже определёнными навыками в фотошопе. Если новички не испугались моего вступления, а матёрые фотошоперы готовы найти для себя что-нибудь эдакое, то предлагаю посмотреть работу, ради которой и затевалась вся эта сказка.

И так, к делу!
Создайте новый документ в Photoshop размером  360x580 пикс. и залейте его темно-серым градиентом.

Нам нужно создать основание для шара. Для этого используйте инструмент  Прямоугольник (Rectangle Tool) и Прямоугольник со скругленными углами (Rounded Rectangle Tool) с радиусом скругления углов 35 пикс. Цвет для фигуры используйте # dedede.  Вот что вы должны получить:

Добавим стили слоя.

Примечание:
Drop Shadow - тень
Inner Shadow - внутренняя тень
Outer Glow - внешнее свечение
Inner Glow - внутреннее свечение
Bevel and Emboss - тиснение
Satin - глянец
Color Overlay - наложение цвета
Gradient Overlay - наложение градиента
Pattern Overlay - перекрытие узора
Stroke - обводка

Настройки для опции Градиент (Gradient Tool)

Конечно,  если Вы хотите придать фигуре алюминиевый вид,  или что-то «по-легче», то настройки легко изменить и отредактировать на свой вкус :) А если вы сделали так как предложено в уроке, то у вас должно получится как на скриншоте.

Теперь как раз время для создания шара. Начнём с обычного скучного круга с размерами 215х215 пикс.

Ок, давайте применим к кругу стили слоя.

Всё сделали? У вас должен получиться вот такой круг.

Вид пока конечно не супер, но мы продолжаем. Сделайте ещё один круг с размерами 192x192 пикс.  Вы должны увидеть вот что:

Добавим стили слоя второму кругу.

Градиент должен иметь следующие значения:

А также настройте Обводку (Stroke)

Настройте градиент для обводки с такими значениями:

Вот что вы получите после настройки стилей.

Теперь добавим детали.

Вы можете создать отступы, пользуясь инструментом Карандаш (Pencil Tool), манипулируя немного с непрозрачностью слоя, или воспользоваться инструментом Пипетка (Eyedropper)на увеличенном участке этого изображения, отобрав нужный цвет для создания отступа.
Вот как должен теперь выглядеть наш научно-фантастический шар.

Создайте ещё один круг с цветом # 242424 и установите этому слою Непрозрачность (Opacity) на 50%. Вырежьте его середину. Для изменения размеров круга пользуйтесь комбинацией клавиш  Alt + Shift .

Давайте добавим еще один круг поверх остальных.  Используйте для круга размеры 203x203пикс. и цвет # 070707.

Измените этому кругу режим наложения на Разницу (Difference), но учтите, больших изменений вы не увидите .

Создайте ещё один круг с цветом # 070707 и с вырезами внизу. Для того чтобы удобней было
сделать вырезы, на время уменьшите непрозрачность слоя на 50%.

Измените этому кругу режим наложения на Разницу (Difference) и вот что у вас должно получиться.

Для достижения максимального эффекта, давайте дублируем слой 2 – 3 раза. На новом слое добавьте некоторые знаки технологий, пользуясь стандартными кистями Photoshop или на ваш вкус.

Теперь пришло время добавить свечение в шар. Создайте новый слой и сделайте выделение как на скриншоте.

Для градиента используйте красный цвет (# ff0000) до красного, с позицией 1 при 100% непрозрачности для одного цвета и позицией 100 при 0% непрозрачности для другого цвета градиента. Градиент  установите в радиальном режиме, и перетащите его  в следующем направлении, указанном ниже.

У вас должно получиться как на скриншоте.

Теперь к этому слою с градиентом добавим стили слоя, в которых так же используем опцию Наложение градиента (Gradient Overlay). Настройки смотрите ниже на скриншоте.

Теперь, давайте установим Непрозрачность (Opacity)  слоя до 50%, а режим наложения изменим на Перекрытие (Overlay).  У вас должен получиться "световой" эффект внутри шара как здесь.

Свечение создаёт настроение для любых световых и огненных эффектов, и мы сделаем так же. Создайте новый слой, сделайте такое же выделение как прошлый раз и залейте его радиальным градиентом ярко-оранжевых оттенков, что-то вроде # fd7100. Вот как это должно выглядеть.

А так же настроим стили слоя для этого свечения.

Теперь, давайте установим Непрозрачность (Opacity)  слоя до 77%.

Теперь мы можем добавить значок пламени внутри.  Пусть этот значок будет похож на источник света, поэтому в стилях слоя мы добавим Внешнее свечение (Outer Glow), цвет белый (# FFFFFF), размер 35пикс, а главное, измените режим наложения на Перекрытие (Overlay).  Настройте по
вкусу.

Добавим ещё некоторые эффекты освещения. Создайте выделение, как вы это делали для предыдущих градиентов, и используйте те же настройки как для ярко-оранжевого градиента. Проведите его в нижней левой части шара и добавьте стили слоя.

Теперь, давайте установим Непрозрачность (Opacity)  слоя до 40%. Должно получиться так.

Обратите внимание, все эффекты освещения добавляются внутри шара и не выходят за его пределы.
Добавим несколько "стеклянных" кругов  внутри шара. Используйте ту же технику для создания кругов, что и раньше. Создайте круг, вырежьте его середину, цвет поставьте светло-серый цвет (# 736868), а затем настройте Непрозрачность (Opacity) . Как вариант, Вы можете также использовать круг, настроив в стилях слоя Обводку (Stroke) и  воссоздать этот эффект.

Теперь пришло время для того чтобы добавить детали на рамке шара.  Вот как можно создать красивый темный участок в верхней части рамки.

Помните маленькие отверстия, которые  мы сделали в наружной рамке шара чуть раньше? Так
вот, теперь добавим детали.  Сделайте отверстия и расположите их соответственно.

Применим некоторые стили слоя для этих отверстий.

Вот результат.

Для акцента эффекта дублируйте слой с отверстиями и уменьшите Непрозрачность (Opacity)  копии до 60%.

Теперь создадим ещё один элемент для внешней части рамки шара.

Элемент можно создать с помощью редактирования фигуры с помощью инструмента Выделение контура (Рath tool), но если это не ваша сильная сторона, то воспользуйтесь  сочетанием инструментов прямоугольник и круг.
Настроим стили слоя для данного элемента.

Вот результат.

Помните отверстия, которые вы делали самый первый раз? Так вот, сделайте подобные в верхней части рамки. Используйте для этого удобные для вас инструменты.

Измените этой фигуре режим наложения на Разницу (Difference) и дублируйте этот слой трижды, затем или слейте эти слои, или объедините в группу.

Пять отверстий на этой фигуре означает, что нам нужно добавить пять чёрных кружков.

А теперь добавим стили слоя для кружков. Настройки ниже.

Наконец то мы можем  почувствовать прогресс в нашей работе, потому что  шар уже выглядит довольно стильно!

Теперь пришло время сосредоточить наше внимание на основании шара, то есть на панели, на которой он находится. Давайте создадим новый слой и сделаем следующую форму.

Ну и, конечно же, применим стили слоя для новой фигуры.

Вот результат.

Добавьте на созданную панель изображение электронной платы. Загрузите выделение фигуры, кликнув по миниатюре слоя с помощью комбинации клавиш Ctrl + Click, инвертируйте выделение Ctrl + Shift + I и удалите части платы, выходящие за пределы фигуры. Если ваше изображение в цвете, то обесцветьте его Ctrl + Shift + U. После того как вы сделали всё это, установите режим наложения для слоя с платой на Мягкий свет (Soft Light).

Активируйте слой с фигурой, который находится ниже платы, дублируйте его и разместите выше платы. Вы можете нажать Alt и перетащить слой, чтобы дублировать его.  После этого, установите режим наложения слоя на Насыщенность (Saturation) и уменьшите Непрозрачность (Opacity)  на 50%.  А теперь настроим стили слоя.

На скриншоте ниже результат наших действий.

Теперь добавим разъём. Создайте такую фигуру на новом слое.

И, конечно же, настрои стили слоя для этого разъёма.

Установите Непрозрачность (Opacity)  на 80%.  Неплохой маленький разъем у нас естьJ.

Давайте сделаем второй разъём.

Настройте для него стили слоя.

Для третьего разъёма, мы будем использовать небольшой трюк. Дублируйте первый разъём. Создайте новый слой, выберите оба слоя и нажмите Ctrl + E. Это заставит слой потерять все  стили, сохраняя при этом тот же дизайн и внешний вид. Теперь нужно придать этому разъёму оттенки серого.  Для этого можно воспользоваться корректирующим слоем Черно-Белое (Black & White), в окне настроек нажмите кнопку Авто (Auto). Не забудьте слить корректирующий слой и слой с третьим разъёмом, иначе весь ваш дизайн будет черным и белым.

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

Настройте стили слоя для выхлопных труб.

Вот результат.

Давайте добавим некоторые детали к трубе. Воспользуйтесь инструментом Перо (PenTool) и создайте контур.

После того как вы сделали это, убедитесь, что цвета установлены по умолчанию (черный и белый).  Далее, выберите инструмент Кисть (Brush) мягкую и размером в 1 пиксель. Затем выберите инструмент Перо (PenTool) еще раз, нажмите правой кнопкой мыши и выберите опцию Выполнить обводку контура (Stroke Path). Так же убедитесь, что опция Имитировать нажим (Simulate Preasure) не выбрана. Как только вы применили обводку контура, щелкните правой кнопкой мыши на контуре с активным инструментом  Перо (PenTool) и удалите контур.
Вот результат.

Теперь дублируйте этот слой и переместите его на один пиксел вниз. Вы можете сделать это быстро - при активном инструменте Перемещение (Move) зажмите клавишу ALT и щелкните вниз стрелкой на клавиатуре. Придайте копии белый цвет, например, заблокировав прозрачные пикселы для этого слоя в панели слоёв и закрасив кисточкой линию белым цветом.

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

Для завершения 3D вида выхлопной трубы, мы также должны закончить вверх.  Создайте новую форму, как на скриншоте ниже.  Можно воспользоваться инструментом Перо (PenTool), или инструментом эллипс (если вы переместите форму под выхлопную трубу).

Для тени создайте новую форму с цветом # 4c4c4c.

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

Вот таким будет результат.

Объедините все слои, которые относятся к выхлопной трубе в один.  Мы их дублируем и
придадим нужные свойства.
И так, скопируйте оригинал трубы, дублируйте два раза и разместите  копии, как показано ниже на скриншоте.

Теперь чтобы цвет выхлопных труб соответствовал цвету разъёмов, мы воспользуемся корректирующими слоями Цветовой тон/Насыщенность (HUE/Saturation). В окне настроек корректирующего слоя отметьте опцию Тонирование (Colorize). Слейте корректирующий слой со слоем с трубой, чтобы его воздействие не распространялось на всё изображение. И так, у нас будет красная труба, голубая, а вот трубу для серого разъёма мы просто подкорректируем корректирующим слоем Яркость/Контрастность (Brightness/Contrast).

Прим. переводчика: для того чтобы воздействие корректирующего слоя не распространялось на всё изображение, можно просто добавить обтравочную маску (CreateClippingMask).

Внизу каждой трубы создайте круг. На новом слое создайте круглое выделение и залейте его
цветом # 303433.

Теперь создадим шланги, идущие от разъёмов к выхлопным трубам. Настройте жесткую кисть размером в 4 пикс. и затем с помощью инструмента Перо (PenTool) создайте желаемый контур. Для каждого шланга используйте новый слой и новый контур, чтобы можно было применить разные настройки. Затем нажмите правой кнопкой мыши и выберите опцию Выполнить обводку контура (Stroke Path). Так же убедитесь, что опция Имитировать нажим (Simulate Preasure) не выбрана.

Применим настройки стилей слоя для первого шланга.

Вот результат.

Применим настройки стилей слоя для синего шланга.

И вот сделан второй провод.

Для последнего шланга можно просто перетащить стили слоя в панели слоёв,  просто зажав клавишу ALT, и потащив значок f на нужный слой, в данном случае серый шланг. Для того чтобы шланг стал серым, воспользуйтесь как и раньше корректирующим слоем Черно-Белое (Black & White). Так же можно добавить корректирующий слой Яркость/Контрастность (Brightness/Contrast).

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

Ну, вот и всё, урок окончен. Думаю, новички узнали новые приёмы программы Photoshop, а бывалые отточили свои навыки.
Успехов вам и до встречи!

Автор: graphisutra.com
Переводчик: Рыбка
Ссылка на источник

           

Похожие файлы и публикации:

Рисуем кислородную сферу в Фотошоп
Заключительный результат:
Рисуем кислородную сферу в Фотошоп
В этом уроке вы научитесь создавать в программе Photoshop обои с очень стильными и пушистыми облаками. Идея у автора появилась после того, как его друг поинтересовался, возможно ли создать стиль для облаков.
Рисуем кислородную сферу в Фотошоп
Нам понадобятся для урока такие материалы: Пальмовый лист Шрифт
Рисуем кислородную сферу в Фотошоп
Изображение - существенный элемент в наборе любого дизайнера. Независимо от того - простой Ваш проект или что-то эксклюзивное, хорошее изображение будет всегда кстати. В этом уроке продемонстрированы способы того, чтобы помочь Вам создать своё собственное глянцевое изображение.
Рисуем кислородную сферу в Фотошоп
Шаг 1. Создайте новый документ размером 900 на 790 px (пикселей) и залейте фон черным цветом. Создайте новый слой и назовите его "Создание формы". Выберите инструмент  Ellipse Tool (Эллипс) (U) на панели инструментов:
Рисуем кислородную сферу в Фотошоп
От автора: Этот урок является доказательством того, что я страсть как люблю цветные световые эффекты, и чем их больше, тем лучше. Я покажу вам, как можно сделать сильное освещение, применяя, например, стили слоя. Вам не нужны будут для этого специальные кисти, всё сделаем с помощью нескольких изображений.
Рисуем кислородную сферу в Фотошоп
В этом уроке Вы научитесь создавать оригинальные веб - кнопки для сайта.
Рисуем кислородную сферу в Фотошоп
В этом уроке  Вы научитесь создавать интересный огненный эффект с помощью программы  Фотошоп  и  использовать  его  для художественного оформления своих  работ.
Рисуем кислородную сферу в Фотошоп
В этом уроке Вы узнаете, как создать шляпу фокусника в Photoshop. Урок показывает простое использование  инструментов Pen Tool и Shape Tools, а также использование различных режимов. Создание теней также объяснено в уроке. Давайте начнем! Что получится у вас в конце урока.
Рисуем кислородную сферу в Фотошоп
В этом уроке автор покажет вам, как сделать картонную коробку, которую можно использовать для различных целей, например для иконок или для других дизайнерский идей.
Рисуем кислородную сферу в Фотошоп
В этом уроке Вы научитесь создавать эффект волшебного освещения. В конце урока у Вас получится вот такая работа.
Рисуем кислородную сферу в Фотошоп
В этом уроке автор научит вас, как создать простую фотоманипуляцию в стиле ретро с помощью Photoshop.  Вы узнаете, как использовать различные настройки кисти, чтобы разнообразить вашу работу, а также научитесь работать с режимами наложения, используя различные изображения. 
Рисуем кислородную сферу в Фотошоп
В этом уроке вы узнаете, как создать цветной абстрактный постер с эффектом старины и световыми спецэффектами. Для этого будем использовать текстуры и корректирующие слои.
Рисуем кислородную сферу в Фотошоп
В этом уроке вы научитесь делать открытку ко Дню святого Валентина. Наверное, каждый фотошопер, должен подарить подарок, сделанный собственными руками и, конечно  же, в программе Photoshop! С уверенностью можно сказать, что  кто то будет счастлив, получить такой подарок. Сегодня мы будем делать вот такую красочную открытку.
Рисуем кислородную сферу в Фотошоп
В этом уроке мы будем создавать вот такой стильный постер для ночного клуба.
Рисуем кислородную сферу в Фотошоп
В этом уроке, мы узнаем, как создать красивый абстрактный коллаж используя программу  Adobe Photoshop. В уроке мы будем использовать корректирующие слои, приемы маскирования частей изображения, а так же работать с освещением.
Рисуем кислородную сферу в Фотошоп
В этом уроке Вы узнаете, как создать иконку в виде дома. Вот так будет выглядеть иконка в конце этого урока:
Рисуем кислородную сферу в Фотошоп
Шаг 1. Откройте Photoshop и создайте новый документ. Я использовал размер 2600x2600 пикселей. Залейте фоновый слой черным цветом с помощью инструмента Paint Bucket (Заливка)  (G).