Rivalry2

HTML Diff

1 added 1 removed

Original 2026-01-01

Modified 2026-02-21

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

2 <ul><li>29 мар 2024</li>

3 <li>0</li>

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

5 Иллюстрация: Аня Макарова для Skillbox Media

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

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

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

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

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

11 2. Нажмите Shift + A и перейдите в Mesh → Plane.

12 3. На рабочем пространстве зажмите край нижней панели и потяните его вверх. В правом углу нажмите Timeline и выберите вместо него Shader Editor. В верхней части окна нажмите кнопку +New - появятся базовые параметры процедурной геометрии. Удалите любой из стандартных узлов.

13 4. Нажмите Shift + A и в появившейся панели кликните на строку поиска. Введите в ней Instance on Points и соедините его с Geometry.

14 5. Через Shift + A добавьте Cylinder и соедините его с Instance on Points - Mesh → Instance.

15 6. Через Shift + A добавьте Grid и соедините его с Instance on Points - Mesh → Grid.

16 7. В Grid поменяйте значения Size X и Y на 10, Vertices X и Y - на 50. В Cylinder поменяйте Radius на 0,02, Depth - на 0,4.

17 8. Через Shift + A добавьте Noise Texture и Color Ramp. Затем соедините их Noise Texture (Color) → (Fac) Color Ramp.

18 9. Через Shift + A добавьте Align Euler to Vector и соедините его Color Ramp (Color) → (Factor) Align Euler to Vector.

19 10. Через Shift + A добавьте Math и соедините его Align Euler to Vector (Rotation) → (Value) Add (Value) → (Rotation) Instance on Points. В Add поменяйте Add на Multyply и укажите значение 8.

20 11. В Noise Texture поменяйте 3D на 4D, затем укажите Scale 0,1. Теперь при изменении W на плоскости будет меняться узор. Если вам не нравится результат, поменяйте значение Multyply или Scale в Noise Texture.

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

22 Изображение: Skillbox Media11. Через Shift + A добавьте Set Position и поставьте его между Grid и Instance on Points - нода соединится сама.

23 2. Через Shift + A добавьте ещё один Color Ramp и соедините его Noise Texture (Color) → (Fac) Color Ramp 2. Старую связь не обрывайте.

24 3. Через Shift + A добавьте Separate XYZ и соедините его Color Ramp 2 (Color) → (Vector) Separate XYZ.

25 4. Через Shift + A добавьте Math и ещё один Separate. Соедините их Separate XYZ (Vector) → (Value) Add (Value) → (Vector) Separate XYZ (Vector) → (Offset) Set Position.

26 5. В Add вместо Add укажите Multiply, поменяйте значение на 8,7, затем в Color Ramp 2 сместите цвета немного ближе друг к другу - форма вашей композиции поменяется.

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

28 Изображение: Skillbox Media21. Через Shift + A добавьте Set Material и поставьте его между Cylinder и Instance on Points. Затем перейдите в настройки материала на правой панели и нажмите +Add. Внутри Set Material выберите Material.001.

29 - 2. В Noise Texture укажите W - 1. Поставьте курсор над W и нажмите I. На рабочем пространстве вместо Shader Editor выберите Timeline. Затем в меню View снимите чекбокс с Only Show Selected.

29 + 2. В Noise Texture укажите W - 1. Поставьте курсор над W и нажмите I. На рабочем ��ространстве вместо Shader Editor выберите Timeline. Затем в меню View снимите чекбокс с Only Show Selected.

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

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

32 5. Нажмите Shift + A и перейдите в Light → Area. С помощью Move поставьте этот источник света над всем паттерном. Чтобы увеличить площадь света, нажмите S и тяните курсор вверх. На панели настроек справа выберите настройки объекта, в поле Power укажите 50 W.

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

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

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

36 3Результат:

37 Другиеинструкции по Blender для дизайнеров

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