DISEÑAR un FONDO ABSTRACTO en Adobe Illustrator | Adobe Illustrator para PRINCIPIANTES | Tutorial

How to Design an Abstract Wave Background in Adobe Illustrator

Introduction to the Tutorial

• Renzo from ND Studio introduces the tutorial on designing an abstract wave background using Adobe Illustrator.

• Viewers are advised to download editable files linked in the video description for a successful lesson.

Setting Up the Artboard

• The tutorial begins with opening the downloaded file and ensuring "Smart Guides" is activated in the View menu.

• The Layers Panel is displayed, confirming that Layer 1 is selected before using the Rectangle Tool.

• A rectangle of dimensions 1940 pixels width and 1100 pixels height is created at the center of the artboard.

Modifying Rectangle Appearance

• The Color Panel is opened to change rectangle fill color (BF, 98, 25) and stroke set to None.

• A gradient mesh is created by navigating through Object > Create Gradient Mesh with specified rows, columns, and appearance settings.

Working with Lines and Waves

• After deselecting current selections, the Direct Selection Tool allows modification of anchor points' colors.

• A line segment of length 1000 pixels at a 0° angle is drawn; its stroke color changes to FF, 7F, 3F with thickness set to 8 points.

• The line segment transforms into waves via Effect > Distort & Transform > Zig Zag with specific size and ridges per segment settings.

Scaling and Copying Paths

• Dimensions and angles of waves are adjusted through Effect > Distort & Transform > Transform options before copying paths for further editing.

• Paths are converted into editable vectors using Object > Expand Appearance; opacity adjustments are made in Transparency Panel.

Merging Objects for Final Design

• Selected waves are merged using Object > Blend options where spacing steps are defined for blending effects.

• Further transformations include scaling and moving paths across different layers while maintaining design consistency.

Final Adjustments

• Additional copies of paths undergo similar processes: expanding appearances, adjusting opacities, transforming scales, and merging objects again for a cohesive look.

• Gradients applied include black-and-white radial types with specific color values set for initial regulators.

Creating Editable Vectors and Transformations in Design Software

Path Manipulation and Vector Editing

• The process begins with adjusting the vertical position of a path by 7 pixels and rotating it at an angle of -9°.

• The selected path is copied, followed by converting its appearance into an editable vector using "Object, Expand Appearance".

• The Transparency Panel is opened to set the opacity to 0%, preparing for further modifications.

• The copied path is pasted in place, ensuring it retains its original position within the design.

Scaling and Merging Paths

• Horizontal scaling is set to 300% while vertical scaling is adjusted to 220%, with specific movements applied (-460 pixels horizontally and -48 pixels vertically).

• After copying the selected path again, it undergoes conversion into an editable vector through "Object, Expand Appearance".

• Color adjustments are made via the Color Panel, setting stroke values to 89, CF, FD before merging paths.

• All paths are merged using "Object, Fusion, Create", followed by adjusting the number of steps in the merge settings under "Blend Options".

Layer Management and Rectangle Creation

• Current selections are deactivated as all layers except Layer 1 are unlocked for editing purposes.

• A rectangle tool is activated on the artboard with dimensions set at width: 1940 pixels and height: 1100 pixels.

• Positioning adjustments for the rectangle are made using Transform Panel settings (X axis: 960 pixels; Y axis: 540 pixels).

Clipping Masks and Learning Resources

• All waves are selected and framed using a newly created square shape through "Object, Clipping Mask, Make".

• Visibility of Layer 6 is activated in the Layers Panel for further editing visibility.