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

3D иконка

Шаг 1. Настройки
Для начала создайте документ со следующими параметрами.

Выберите инструмент Paint Bucket Tool (Заливка) и залейте фон цветом #626262. Создайте корректирующий слой Layer > New Adjustment Layer > Brightness/Contrast (Слой – Новый корректирующий слой - Яркость/Контраст). Установите параметры.

Шаг 2. Создание круга
Выберите инструмент Elliptical Marquee Tool (Овальное выделение) со следующими настройками.

Создайте круг и залейте выделение цветом #649ad2. Инструментом Eraser Tool (Ластик) с мягкими краями подотрите круг в некоторых местах.

Установите следующие стили слоя для него.

Круг должен быть таким.

Шаг 3. Создание 3D модели
Чтобы шар выглядел как 3D, необходимо правильно расставить свет. Для этого нужно подсветить и затемнить некоторые области. Ниже представлена схема расположения источников света.

Выберите инструмент Овальное выделение, установите Feather (Растушевка) 10pxи размер 200px на 200px. Существует много способов получения света/блеска и теней. Автор выбрал следующий путь.
Установите Blending Mode (Режим наложения слоев) на Multiply (Умножение).

Добавьте следующий стиль.

Тени создавать будет гораздо легче. Отдавайте предпочтение побольше свету, так как тени слишком заметные. На свой выбор можете установить любой Режим наложения слоев, например Soft Light (Мягкий свет), Overlay (Перекрытие) или оставить режим Normal(Нормальный).
Тени создавайте так же, как и свет. Лучше не приближать изображение при создании теней, так как вы не увидите, как тени смотрятся на общем фоне.

Шаг 4. Добавление деталей
В этом шаге создадим несколько линий. Выберите инструмент Pen Tool (Перо) с настройками.

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

Выберите инструмент Brush Tool (Кисть) размером 3px-5px. Затем кликните ПКМ на контуре и выберите Stroke Path (Обводка контура). В появившемся окне выберите Кисть. Там же есть два типа обводки Simulated Pressures (Имитировать нажим) и без имитирования нажима. Ниже приведен пример обоих.

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

Шаг 5. Проработка деталей
У вас должно быть несколько белых линий. Установите этим слоям Режим наложения на Мягкий свет или Перекрытие, можете понизить Opacity (Непрозрачность). Ластиком с мягкими краями пройдитесь по некоторым частям линий, чтобы добавить объёмность.
Выберите инструмент Овальное выделение и создайте маленькие выделения на линиях. Настройки инструмента смотрите ниже.

Залейте их белым цветом. Можно также применить стили слоя. В данном случае автор просто изменил непрозрачность слоя на 50%. Попробуйте применить Режим наложения слоев: Мягкий свет или Перекрытие и понизить непрозрачность.

Шаг 6. 3D пути
При помощи инструмента Ellipse Tool (Эллипс) в режиме контуров создайте фигуру, показанную ниже.
Инструментом Free Transform (Свободное трансформирование) наклоните фигуру. Затем кликните ПКМ  на контуре и выберите Обводка контура.

Создайте несколько фигур. Не забывайте использовать Режим наложения слоев: Мягкий свет или Перекрытие и понизить непрозрачность.

Шаг 7. Создание куба
Куб вы можете нарисовать сами, либо загрузить готовое изображение здесь http://d198kx3f8facmn.cloudfront.net/wp-content/uploads/2010/02/tracearound.png . Обведите стороны куба инструментом Перо, создавая каждую сторону на отдельном слое. Затем залейте каждую его сторону белым цветом (#ffffff). Добавьте к ним стили слоя.
Передних сторон установите Fill (Заливка) 15%, задних – 10%.

Шаг 8. Блик куба
Здесь используйте метод создания света при помощи заливки контура (рассматриваемый ранее). Начните с создания нового слоя, нарисуйте волнистый контур.

Сделайте из него свет, потом создайте выделение слоя со стороной, на которой создаётся этот свет, инвертируйте его Ctrl + Shift + I и нажмите Delete.

Шаг 9. Добавление деталей кубу
На нижних картинках видно, как создан свет на других сторонах. Подсвечивались грани куба в некоторых местах, и использовалась большая мягкая кисть для создания теней.

Шаг 10. Создание свечения
Выберите инструмент Airbrush Capabilities (Аэрограф) (примеч. найти его можно на панели настроек инструмента Кисть) размером 100px - 300px и пройдитесь белым цветом по кубу. Смотреться будет хорошо, если вы используете множество слоёв с непрозрачностью 5-10%, чем два-три слоя с непрозрачностью 40%.

Шаг 11. Заключительный этап
Создайте новый слой и разместите его под слоем с контрастом. Залейте черным цветом и установите Заливку 0%. Добавьте внутреннюю тень и внутреннее свечение при помощи стилей слоя.

Окончательный вариант можете посмотреть здесь.

Автор: Will G.
Перевод: Гаврыш Екатерина
Ссылка на источник 

           

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

3D иконка
Шаг 1. Создайте новый документ размером 500px на 400px с разрешением 72 dpi в режиме RGB.
3D иконка
Вот такой домик получится после данного урока
3D иконка
Шаг 1: Создание формы Создайте новый документ в Фотошоп, залейте его белым (#FFFFFF). Создайте new layer (новый слой) и используйте инструмент Pen (Перо), чтобы нарисовать фигуру бейсболки (вы можете использовать в качестве  ориентира изображение бейсболки или этот контур, представленный ниже). После чего нажмите Ctrl+Enter, чтобы трансформировать контур в выделение. Затем залейте его цветом #1c1812.
3D иконка
В этом уроке я покажу, как нарисовать красную сумку для покупок. В этом уроке будут приведены основные приёмы рисования, такие как создание фигур, затемнение, и добавление теней.
3D иконка
Шаг 1. Откройте Photoshop и создайте новый документ. Я использовал размер 2600x2600 пикселей. Залейте фоновый слой черным цветом с помощью инструмента Paint Bucket (Заливка)  (G).
3D иконка
Шаг 1. Создайте новый документ размером 900 на 790 px (пикселей) и залейте фон черным цветом. Создайте новый слой и назовите его "Создание формы". Выберите инструмент  Ellipse Tool (Эллипс) (U) на панели инструментов:
3D иконка
В этом уроке мы будем создавать женский образ робота. Посмотрите, что у вас получится после данного урока
3D иконка
В этом уроке мы будем создавать дизайн шаблона для автомобильного сайта в тёмных цветах.
3D иконка
В этом уроке я покажу вам, как сделать фотографию наиболее красивой, при помощи несложных действий.
3D иконка
Сегодня мы создадим симпатичную кнопку-переключатель, которую вы сможете использовать в своих работах. Для начала взглянем на финальное изображение.
3D иконка
В этом уроке мы совместим несколько фотографий, настроим цвета и воспользуемся техниками ретуши, чтобы создать тёмный портрет с девушкой в мистическом стиле.
3D иконка
Мой первый фантастический пейзаж, так что потерпите меня! Я хотел давно создать фантастический урок, но не было идей. Наконец я закончил с этим результатом. В действительности мне не нравится работа, но я надеюсь, что смогу получить хорошие советы и предложения по моим будущим урокам. Поможете мне?
3D иконка
В этом уроке мы научимся рисовать губную помаду. Вот, что у нас получится.
3D иконка
Сегодня я покажу вам один способ создания песчаных дюн в Фотошопе. Ничего тяжелого, всего в несколько простых шагов вы получите интересную текстуру. Давайте начнем!
3D иконка
Посмотрите на то, что у вас должно получиться.
3D иконка
К сожалению, крылья ангела из частной коллекции, но вы можете поискать их здесь