Как нарисовать 3d куб в фотошопе?

 

В этом уроке я научу вас как нарисовать 3d куб в photoshop. Для начало представим себе как он будет изображен, т.к. это можно сделать по разному. Например, давайте сделаем так, что бы куб был изображен к нам ребром (причем одна грань больше повернута к нам, чем другая) и вид немного сверху.

Конечное изображение

как нарисовать куб 3d в photoshop

 

1. Создаем новое изображение «File -> New» (Файл -> Новый) или Ctrl+N. Вводим размеры 500×500 пикселей и нажимаем «ОК».

как нарисовать 3d куб в фотошопе

2. Для того чтобы наш куб получился ровным и красивым добавим направляющие. Для этого переключитесь на инструмент Move Tool (перемещение) [V] и методом перетаскивания расставьте направляющие как на скриншоте. Для этого нажмите левой кнопкой мыши на линейке (если не включена, то «View -> Rulers» (Вид -> Линейка) [Ctrl+R]) и не отпуская кнопку ведите необходимого места, выровните и отпустите кнопку.

как рисовать 3d куб в photoshop

3. Переключитесь на инструмент «Rectagle Tool» (Прямоугольник) [U]. Создайте квадрат размером в 4×4 квадратика (200×200 пикселей) как показано на скриншоте. Создайте 2 копии квадрата (правой кнопкой по слою с квадратом «Duplicate Layer» (Дублировать слой)), переименуйте их и отключите (нажмите на глазик рядом со слоем).

3д куб в фотошоп

4. Далее я буду пользоваться 50% прозрачностью слоев, для удобства. Вы можете тоже, это на ваше усмотрение. Теперь установите выделение на 1м слое и далее «Edit -> Free Transform» (Редактирование -> Свободное трансформатирование) [Ctrl+T]. Переместите слой в левый нижний угол, оставив по 1 полосе слева и снизу. Не применяя трансформатирование кликните правой кнопкой по любой точке в уголку или на кружочек в центре, выберите «Distort» (Искажение). Ухватитесь за точку в середине левого ребра и поднимите это ребро вверх на 1 квадратик (50 пикселей), а правое на пол квадратика влево (25 пикселей). Примените трансформатирование нажав «Enter».

как сделать куб в photoshop

5. Включите 2й слой и пристыкуйте его ребро в ребро с первым слоем. Через «Искажение» измените фигуру как на скриншоте. Т.е. правое ребро сметите вверх на 1 квадратик и влево на 1,5 квадратика.

6. Включите 3й слой. Переместите его вверх и сравняйте его правый нижний угол с острым углом соприкосновения 2х нижних слоев. Тем же методом искажения подгоните его нижнее ребро под верхнее ребро первого слоя. Для этого перетащите за серединную точку левого ребра на 1 квадратик вверх и на пол квадратика вправо. Далее не отменяя редактирование «ухватитесь» за верхнюю серединную точку и опускайте ее вниз и вправо. Опускайте до тех пор, пока правое ребро не сравняется с верхним ребром 2го слоя.

куб в фотошопе

7. Не применяя трансфарматирование ухватитесь за верхний уголок и опустите его на пол квадратика вниз. Примените трансформатирование нажав «Enter».

как сделать 3d куб в фотошопе

8. Теперь можете отключить отображение направляющих «Edit -> Show -> Guides» (Редактирование -> Установки -> Направляющие) [Ctrl+;]. Верните каждому слою 100%-ю прозрачность, если вы следую мне поставили 50%. Создайте дубликат всех 3х слоев, а также еще один дубликат «крышки». Для этого выделите их и щелкнув правой кнопкой по любому из них, выберите «Duplicate Layer» (Дублировать слой). Отключите пока что дубликаты.

9. Теперь двойным щелчком по 1му слою откройте «Layer style» (Стиль слоя), либо правой кнопкой по слою и выбрать «Layer style» (Стиль слоя). Включаем настройку «Color Overlay» (Наложение цвета) и ставим цвет «#aeff00». Тоже самое делаем со 2м и 3м. Только цвет для 2го — «#ffa200», а для 3го — «#00d2ff». Если вы все правильно сделали, то должно получиться следующее:

куб в photoshop

10. Неплохо, но это еще не все. Сейчас у вас должно быть 3 видимых слоя («background» не в счет) и 4 невидимых (по одному дубликату левой и правой граней и 2 дубликата верхней грани). Включите по 3 дубликата (4й — с крышкой не вкл. пока что).

11. Откройте «Стиль слоя» дубликата 1го слоя. Значение «Fill opacity» (непрозрачность заполнения) сделайте нулевым. Перейдите на «Gradient overlay» (Наложение градиента). Примените следующие настройки: «Gradient» (градиент) от черного к белому, «Opacity» (прозрачность) 25% , угол 45 градусов, все остальное по умолчанию. Теперь на «Stroke» (обводка). Настройки: «Position» Inside (Позиция внутрь),  «Color» (цвет) #d4d4d4. Нажмите «ОК».

12. Теперь скопируйте стиль слоя щелкнув по нему правой кнопкой и выбрав «Copy Layer Style» (Скопировать стиль слоя). Теперь выделите 2 оставшихся дубликата и, нажав на один из них правой кнопкой, выберите «Paste Layer Style» (Вставить стиль слоя). К ним примениться стиль как и к 1му дубликату. Однако следует изменить в «Layer Style» (Стиль слоя) в свойстве «Gradient» (градиент) угол. Для 2го слоя (правая грань) выставьте угол 135 градусов, а для 3го (крышка) выставьте -90 градусов.

как нарисовать куб в фотошопе

13. Создам блики. Выберите инструмент «Elliptical Marquee Tool» (Овально выделение) [M] и удерживая «Ctrl» кликните по изображению фигуры в слое (2й правый квадратик), появится выделение. Удерживая «Alt» выделите часть фигуры. Создайте новый слой и выбрав заливку залейте белым цветом. Поставьте прозрачность 15%. Проделайте это с оставшимися 2мя частями.

14. Помните я просил оставить 1 «лишний» слой с верхушкой? Так вот, включите его, разместите ниже всех слоев и опустите на 7 пикселей ниже чем нижняя грань (если представить что мы ее видим). Цвет этой фигуры должен быть черным (если иначе, то в стилевых свойствах выставьте черный цвет  соедините с новым чистым слоем, предварительно растрировав фигуру- правой кнопкой по слою «Rasterize layer» «Растрировать»). Теперь «Filter -> Blur -> Gaussian Blur» (Фильтр -> Размытие -> Размытие по Гауссу) выставьте значение 3px. Далее для этого слоя выставьте Opacity (Прозрачность) 25%.

куб в photoshop

15. Создайте чистый слой. Залейте его с помощью заливки черным цветом. Применим фильтр «Filter -> Render -> Lens Flayer». Настройки: Lens Type (Тип) — 105mm Prime, Brightness (Яркость) — 100%. Вот что должно получиться

16. Теперь установите способ наложения «Overlay» (Перекрытие). Переместите с помощью инструмента Move Tool (перемещение) [V] центр свечения на уголок куба. Теперь верните режим наложения «Normal» (Нормальный), вы увидите что часть не закрашена черным, с помощью заливки залейте эту часть и верните «Overlay» (Перекрытие). Уменьшите «Opacity» (Прозрачность) до 75%.

как нарисовать куб 3d в фотошопе

17. Последний штрих. С помощью инструмента «Eraser Tool» (Ластик) с прозрачностью 10% и мягкими краями сотрите немного удаленные участи бликов. Верхний можно не трогать. Важны левая и правая части. Кто умеет работать с маской, примените к каждому слою маску и с помощью градиента «Черно-белый» с 75%-ю прозрачностью проведите от ближнего ребра к дальнему, крайнему. Зажав Ctrl щелкните по 3м слоям, которые являются основой. Инвертируйте выделение, щелкнув правой клавишей мыши по выделению «Select Inverse» (Инвертировать выделение). Нажмите клавишу Backspace, снимите выделение нажав Ctrl+D. Готово!

Вот что получилось.

 как нарисовать куб 3d в photoshop

Жду ваших отзывов по данному уроку. 🙂

  1. 5 лет назад
    • 5 лет назад
  2. 5 лет назад
    • 5 лет назад
  3. 2 года назад
  4. 1 год назад
  5. 3 дня назад

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *