Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

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

2 <ul><li>28 июл 2023</li>

3 <li>0</li>

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

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

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

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

8 В этой инструкции рассказываем, как быстро сделать стеклянные цветы.

9 Differential Growth - плагин, который сам генерирует органические 3D-модели из простых фигур. Он вам понадобится, чтобы сделать главную фигуру.

10 1.<a>Скачайте Zip-архив с GitHub</a>и сохраните его на рабочем столе - чтобы у вас был к нему быстрый доступ.

11 2. Откройте Blender, нажмите F4 и в появившемся меню кликните Preferences.

12 3. В появившемся окне перейдите в Addons и нажмите кнопку Install. В новом окне перейдите на рабочий стол и выберите архив, который вы скачали с GitHub.

13 4. Когда плагин установится, Blender сразу отобразит его в общем списке - поставьте напротив него галочку, и плагин активируется. Чтобы убедиться, что всё работает, выделите куб на стандартной сцене и на правой панели нажмите оранжевую . Если вы увидели в появившемся списке вкладку Differential Growth, значит, всё работает.

14 1. Удалите из сцены все объекты. Нажмите Shift + A и перейдите в Mesh → Plane.

15 2. Выделите круг, нажмите Tab и затем клавишу 1, чтобы перейти в режим редактирования вершин. Затем по очереди нажмите E → S → клавиша 0 → правый клик по фигуре. У вас получится плоский серый круг.

16 3. В центре вашего круга должны быть выделены вершины. Если это не так, то в верхнем правом углу нажмите , чтобы увидеть полигональную сетку. Затем выделите центр круга.

17 4. При выделенных вершинах в центре нажмите клавишу M и выберите At Center - все ваши выделенные вершины объединятся в одну.

18 5. Нажмите Ctrl (⌘) + I, чтобы инвертировать выделение. Зажмите E и Shift и тяните курсор вверх, чтобы у круга появились стенки, как у цилиндра. Затем нажмите S и тяните курсор так, чтобы стенки цилиндра раздвигались. Сейчас ваша фигура должна быть похожа на блюдце.

19 6. Убедитесь, что у вас всё ещё выделены крайние вершины фигуры - на краях "блюдца". На правой панели выберите , в появившемся меню в блоке Vertex Groups нажмите плюсик и затем Assign.

20 7. Нажмите Tab, чтобы выйти из режима редактирования. На правой панели нажмите , в самом конце блока Differential Growth нажимайте кнопку Diff Growth Step - при каждом нажатии на эту кнопку форма вашего блюдца будет меняться. Нажать нужно примерно 60-70 раз - пока не получится достаточно выразительная основа.

21 Если не хотите кликать так часто, в блоке Basics увеличьте значение Step Size. При каждом нажатии на Diff Growth Step проверяйте фигуру, чтобы на ней не было неприятных пересечений.

22 8. В блоке Basics уменьшите Split Radius до 0,25, а Repulsion Radius - до 0,5. Затем нажмите кнопку Diff Growth Step ещё примерно 10-15 раз.

23 9. В блоке Basics уменьшите Split Radius до 0,10, а Repulsion Radius - до 0,25. Затем нажмите кнопку Diff Growth Step ещё примерно пять раз.

24 10. Нажмите правой кнопкой мыши по получившейся фигуре и выберите Shade Smooth.

25 11. Выделите получившуюся фигуру, на правой панели откройте настройки модификаторов , нажмите Add Modifier и в списке выберите Solidify. В поле Thickness укажите 0,02.

26 12. Нажмите Add Modifier и в списке выберите Subdivision Surface. В поле Render укажите 2.

27 13. Проверьте фигуру, чтобы внутри неё не было явных пересечений геометрии, которые могут потом испортить изображение. Если такие есть, попробуйте изменить значения в Solidify и Subdivision Surface.

28 1. Выделите фигуру, на правой панели перейдите в настройки материала и нажмите +New. На рабочем пространстве зажмите край нижней панели и потяните его вверх. В правом углу нажмите Timeline и выберите вместо него Shader Editor. Из появившейся панели ничего не удаляйте - вам это понадобится.

29 2. Нажмите Shift + A и в появившейся панели нажмите на строку поиска. Введите в ней ColorRamp и соедините его с Principled BSDF через Color.

30 3. Нажмите Ctrl (⌘) + T - у вас автоматически появятся Texture Coordinate, Mapping и Image Texture. Автоматическое соединение между ними нужно изменить, должно быть так - Texture Coordinate (Generated) → (Vector) Mapping. Image Texture просто удалите.

31 4. Через Shift + A добавьте Noise Texture и соедините Mapping (Vector) → (Vector) Noise Texture (Fac) → (Fac) ColorRamp.

32 5. В ColorRamp постройте градиент из 3-4 цветов.

33 6. В Noise Texture укажите Scale 5, Detail 0, Roughness 0, Distortion 2,2.

34 7. В Principled BSDF укажите Subsurface 0,150, внутри Subsurface Radius 6, 0,3, 0,1, Roughness 0,4, Metallic 0,2.

35 8. Через Shift + A добавьте Bump и Noise Texture. Соедините их: Noise Texture (Fac) → (Height) Bump (Normal) → (Normal) Principled BSDF.

36 9. В Bump укажите Strength и Distance 1.

37 10. В новом Noise Texture укажите Scale 110, Detail 7, Roughness 1, Distortion 15.

38 Сейчас у вас должна получиться вот такая схема материала:

39 Скриншот: Skillbox MediaНа этом этапе уже можно остановиться, если не хотите добавлять стекло в ваш материал.

40 1. Через Shift + A добавьте Mix Shader и поставьте его между Principled BSDF и Material Output - он сам встанет сразу куда нужно.

41 2. Через Shift + A добавьте Glass BSDF и ColorRamp и соедините ColorRamp (Color) → (Color) Glass BSDF (BSDF) → (Shader) Mix Shader.

42 3. В ColorRamp поменяйте первый цвет градиента - это будет цвет вашего стекла.

43 4. Скопируйте из предыдущего материала Texture Coordinate, Mapping, Noise Texture и ColorRamp и поместите эту конструкцию над конструкцией с цветом стекла. Сделайте ColorRamp из этой копии чёрно-белым и соедините ColorRamp (Color) → (Fac) Mix Shader.

44 5. Укажите Noise Texture Scale 2, Detail 0, Roughness 0, Distortion 2. В ColorRamp измените положение чёрного и белого так, чтобы вам понравилось расположение стекла и основного материала на фигуре. Сейчас стекло выглядит как что-то зелёное - это нормально.

45 Часть материала со стеклом должна получиться такой:

46 Скриншот: Skillbox MediaА весь материал будет выглядеть вот так:

47 <a>В большом разрешении</a>Скриншот: Skillbox Media1. Нажмите Shift + A и перейдите в Mesh → Cube. Выделите куб, нажмите S и увеличьте его. Затем нажмите Tab, нажмите клавишу 3, выделите фронтальный, верхний и боковые полигоны и нажмите Delete, а в появившемся меню выберите Faces - полигоны удалятся.

48 2. С помощью инструмента увеличьте вашу сцену по осям X и Y. Затем нажмите Tab, чтобы перейти в режим редактирования, нажмите 1, выделите 2 вершины верхнего полигона и с помощью тяните их вверх по оси Z.

49 3. В режиме редактирования нажмите 2, выделите угол сгиба вашей фигуры, нажмите Ctrl (⌘) + B и тяните курсор вниз, чтобы угол скосился. Затем прокрутите колёсико мыши 10-11, чтобы у вас получилось хорошее скругление на сцене.

50 4. Выйдите из режима редактирования, нажмите правой кнопкой мыши по сцене и выберите Shade Smooth.

51 5. Выделите фигуру, на правой панели перейдите в настройки материала и нажмите +New. На рабочем пространстве зажмите край нижней панели и потяните его вверх. В правом углу нажмите Timeline и выберите вместо него Shader Editor. Из появившейся панели ничего не удаляйте - вам это понадобится.

52 6. Нажмите Shift + A и в появившейся панели нажмите на строку поиска. Введите в ней ColorRamp и соедините его с Principled BSDF через Color.

53 7. Нажмите Ctrl (⌘) + T - у вас автоматически появятся Texture Coordinate, Mapping и Image Texture. Автоматическое соединение между ними нужно изменить, должно быть так - Texture Coordinate (Generated) → (Vector) Mapping (Vector) → (Fac) ColorRamp. Image Texture просто удалите.

54 8. Поменяйте цвета в ColorRamp - это будет цвет вашего фона. Поменяйте в нём Linear на B-Spline, чтобы вам было удобнее редактировать положение градиента.

55 9. В Mapping поменяйте положение градиента так, как вам нравится. Также его положение можно менять через ColorRamp.

56 Схема материала сцены будет выглядеть так:

57 Скриншот: Skillbox Media10. Нажмите Shift + A и перейдите в Light → Area. С помощью Move поставьте этот источник света над основной фигурой. Чтобы увеличить площадь света, нажмите S и тяните курсор вверх. На панели настроек справа выберите настройки объекта , в поле Power укажите 12 000 W. Сделайте ещё одну копию света и поставьте её перед основной фигурой.

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

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

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

61 Также при необходимости переместите основную фигуру. Клавиша S - чтобы увеличить, R - чтобы вращать.

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

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

64 Когда всё будет готово, на верхней панели перейдите в Render → Render Image и дождитесь готовой картинки.

65 Результат:

66 Скриншот: Skillbox MediaДругие инструкции по Blender для дизайнеров

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