Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#Руководства</a>

2 <ul><li>12 апр 2024</li>

3 <li>0</li>

4 </ul>Рассказываем о простых способах добавить 3D в дизайнерский проект.

5 Иллюстрация: Полина Честнова для Skillbox Media

6 Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.

7 3D в графическом дизайне становится очень популярным инструментом, который помогает сделать визуальную часть продукта уникальнее и интереснее для пользователя. Поэтому для профессионального роста вам понадобится Blender - бесплатная программа для моделирования, где можно быстро собрать красивую композицию.

8 В этой инструкции рассказываем, как сделать спиральную текстуру - на примере чёрной дыры.

9 Этот способ создания анимации придумал и показал Kammerbild. Оригинальная инструкция на английском языке -<a>на YouTube</a>.

10 1.Откройте Blender и удалите всё из сцены.

11 2.Нажмите Shift + A и перейдите в Mesh → UV Sphere. Нажмите на сферу правой кнопкой мыши и выберите Shade Smooth.

12 3.Выделите сферу и перейдите в настройки модификаторов , нажмите Add Modifier и в поиске выберите Subdivision Surface. В появившихся настройках укажите Levels Viewport 2.

13 4.Нажмите на верхней панели . Выделите плоскость, на рабочем пространстве зажмите край нижней панели и потяните его вверх. В правом углу нажмите Timeline и выберите вместо него Shader Editor.

14 5.Нажмите +New Material, чтобы добавить новый материал. Затем удалите Principled BSDF.

15 6.Нажмите Shift + A и в появившейся панели нажмите на строку поиска. Введите в ней Mix Shader и соедините его: Mix Shader (Shader) → (Surface)Material Output.

16 7.Через Shift + A добавьте Refraction BSDF и соедините его Refraction BSDF (BSDF) → (Shader)Mix Shader.

17 8.Через Shift + A добавьте Color Ramp и соедините его Color Ramp (Color) → (Fac)Mix Shader.

18 9.Через Shift + A добавьте Math, вместо Add укажите Power и соедините его Power (Value) → (IOR)Refraction BSDF.

19 10.Через Shift + A добавьте Layer Weight и соедините его Layer Weight (Facing) → (Base)Power и → (Fac)Color Ramp. В Layer Weight укажите Blend 0,96.

20 11.В Power укажите значение -1, а в Color Ramp настройте материал так, чтобы в шарике был один чёрный круг в центре и небольшая обводка вокруг него. Градиент в Blender меняется так же, как и в Figma.

21 Чтобы не запутаться, ориентируйтесь на эту схему материала:

22 Не забудьте, что в Layer Weight нужно указать Blend 0,96Изображение: Skillbox1.На рабочем пространстве с шаром нажмите Shift + A и перейдите Mesh → Circle. Выделите круг и затем последовательно нажмите эти сочетания клавиш: S → 5 → правый клик в любое место → Tab → Ctrl (⌘) + A → F → Tab. Контур круга должен стать плоскостью.

23 2.Нажмите на плоскость правой кнопкой мыши и выберите Shade Smooth. Перейдите в настройки модификаторов , нажмите Add Modifier и в поиске выберите Subdivision Surface. В появившихся настройках укажите Levels Viewport 2.

24 3.Перейдите в настройки материала в нижней части экрана, нажмите +New Material, чтобы добавить новый материал. Затем удалите Principled BSDF.

25 4.Через Shift + A добавьте Mix Shader и соедините его Mix Shader (Shader) → (Surface)Material Output.

26 5.Через Shift + A добавьте Clamp и соедините его Clamp (Result) → (Fac)Mix Shader.

27 6.Через Shift + A добавьте Transparant BSDF и соедините его Transparant BSDF → (Shader)Mix Shader.

28 7.Через Shift + A добавьте Emisson и соедините его Emission → (Shader)Mix Shader.

29 8.Через Shift + A добавьте Color Ramp и соедините его ColorRamp (Color) → (Value)Clamp.

30 9.Через Shift + A добавьте Mix Color и соедините его Mix Color → ColorRamp.

31 10.Укажите в Mix Factor 1, в ColorRamp сделайте так, чтобы белого цвета было больше чёрного, в Emission - 10 и сместите белый цвет чуть ближе к розовому.

32 Чтобы не запутаться, ориентируйтесь на эту схему материала:

33 Изображение: Skillbox1.Через Shift + A добавьте Musgrave Texture и соедините её Musgrave Texture (Height) → (A)Mix.

34 2.Выделите Musgrave Texture и нажмите Ctrl (⌘) + T - на пространстве появятся Mapping и Texture Coordinate. Затем через Shift + A добавьте Vector Math и поставьте его между Mapping и Texture Coordinate.

35 3.Через Shift + A добавьте Combine XYZ и соедините его Combine XYZ (Vector) → (Rotation)Mapping.

36 4.Через Shift + A добавьте Math, вместо Add выберите Multiply и укажите -7. Соедините его Multiply (Value) → (Z)Combine XYZ.

37 5.Через Shift + A добавьте Gradient Texture и соедините его Gradient Texture (Color) → (Value)Multiply.

38 6.Выделите Gradient Texture и нажмите Ctrl (⌘) + T переподключите появившиеся объекты, чтобы получилось Texture Coordinate (Object) → (Vector)Mapping.

39 7.Соедините Gradient Texture (Color) → (B)Mix - это соединение должно получиться очень длинным.

40 8.Поменяйте значения во всех нодах по списку:

41 Clamp: Max - 0,7;

42 Musgrave Texture: Scale - 14, Detail - 15, Dimension - 0;

43 Mapping (около Musgrave): X - 3,5, Y - -1, Z - 0,2;

44 Gradient Texture - Quadratic Sphere;

45 Mix (в самом начале) - Mix поменяйте на Multiply.

46 9.Нажмите на верхней панели . Вы увидите предварительную версию своего изображения.

47 10.При необходимости поправьте значения градиентов у плоскости и шара.

48 Чтобы не запутаться, ориентируйтесь на эту схему материала:

49 Изображение: SkillboxСхему материала в высоком разрешении можно посмотреть по <a>ссылке</a>.

50 1.В настройках пространства укажите чёрный цвет.

51 2.У Mapping (около Musgrave) укажите X 0, наведите на это значение курсор и нажмите I. На рабочем пространстве вместо Shader Editor выберите Timeline. Затем в меню View снимите чекбокс с Only Show Selected.

52 3.Переместите ползунок таймлайна на последний фрейм и вернитесь на Shader Editor. В Mapping укажите X 0,5 и нажмите I. Вернитесь в Timeline и проверьте анимацию. Если получилось слишком быстро или медленно, то уберите последнюю жёлтую точку на таймлайне и в Noise Texture укажите другое значение X.

53 4.Перейдите в настройки рендера и вместо Eevee выберите Cycles. Также в блоке Sampling в пункте View укажите Max Samples 10, а в Render - хотя бы 128. Подробнее о настройках рендера в Blender<a>читайте в отдельной инструкции</a>.

54 5.Нажмите Shift + A и добавьте камеру для рендера . Расположите основной вид на сцену, как вы бы хотели поставить эту камеру. Затем в верхнем меню выберите View → Align View → Align Active Camera to View - и объектив камеры автоматически направится туда, куда вы смотрите.

55 6.Если вам не нравится, как встала камера для рендера, нажмите кнопку G - вы сможете перемещать камеру по оси влево, вправо, вверх и вниз. А если за этим нажать колёсико мышки, то сможете приближать и отдалять.

56 Если во время редактирования сцены вы выйдете из просмотра из камеры для рендера, то в неё можно в любой момент вернуться с помощью клавиши 0 на нампаде.

57 7.С помощью Move и Rotate расположите чёрную дыру в камере так, как вам нравится. При необходимости поменяйте значения градиентов.

58 8.Перейдите Render → Render Animation.

59 ДРУГИЕ ИНСТРУКЦИИ ПО BLENDER ДЛЯ ДИЗАЙНЕРОВ

60 <a>Практический курс: "Blender.Design" Узнать про курс</a>