Wave Illustrator | Dynamic Line Wave | Adobe Illustrator Tutorial

Youtube URL:

Ladalidi

Subscribe Here

Likes

9,326

Views

211,005

Dynamic Line Wave | Adobe Illustrator Tutorial

Transcript:

Hi, everyone, this is. Sarah, from Latta Liddy. Because there are many of you who wants to hear my voice so on my next Latta Liddy videos. I will make an audio explanation with my voice today. In this Adobe Illustrator tutorial we’re gonna make a line wave effect using mesh tool. Okay, let’s get started first of all. We must make a new document by click file on menu bar then select new on the new document panel. Set the name. Whatever you like for unit. I choose pixels on document width. I set it with 1280 pixel and height, with 720 pixel and the rest. I leave it as default and then click create on the layer panel over here. I prefer to make a new layer first layer for the background and second layer for the design that we want to make rename it so we can easily to manage if your layer panel didn’t show up, you can activate it by clicking go on menu bar and select layer or press f7 for shortcut. I would like to create a background first, so don’t forget to select the background layer because we’re gonna make our background on this layer for the background, use the rectangle tool or press M on the keyboard. Don’t forget to set the stroke to none and bring the fill box to the top of the stroke. [MUSIC] then draw a box following the size of the artboard. Select the gradient panel over here. If you don’t have it just go to the window on menu bar and select gradient, click the gradient point and change the color of the first gradient slider by double clicking the point icon of gradient slider over here and the swatches will be appear this time. I want to create a different color than the colors that already exist in swatches to create a new color. Click on icon that looks like a palette over here to bring up the color panel. In this case, only black and white color or grayscale will be appear so to bring more color setting, just go to option icon here and select one of them like grayscale, RGB, HSB, CMYK and web-safe RGB. I prefer to use the RGB color for the first color I set to r43 g34 and b-59 and for the second color. Just follow the same step of the first one set. The value are 28 G 53 be 83 and don’t forget to set the gradient type to radial. If we look at the gradient, it looks too dark in the edge area, so we have to adjust it by click the gradient tool and shifting the outer slider to point out until the gradient color looks smooth for the last step, just lock the background on the layer panel, so the background layer cannot be edited. Now for the line wave effect, just click the second layer that we have create earlier to activate it first step create horizontal line with line segment tool or press backslash on the keyboard and don’t forget to set stroke to white color and fill to none [Music] duplicate the line that we have create with press alternative key on Windows or option key on Mac and drag the line down, then press Ctrl + D on Windows or Command + D on Mac to transform again, repeat this process until the duplicated lines are fill the artboard on this technique, we are able to create a separate lines, but this time we gonna duplicate the line with automatically way for more easier to manage to do that. Select the line and go to the effect on menu bar, distort and transform and select transform on the transform effect panel. We have to check the preview so we can see the transform affected the line because we want to duplicate the line vertically, so set the vertical move to 10 pixel and the number of copies to 72 Leave the rest of setting as default and click. OK, on this duplicate way, we can see that the line not exactly duplicated, but we just create the effect that the line looks like duplicated, so if we click the line only exactly one line on the artboard and the other line at just the mirror of the line that we have created to see what happened here, just go to appearance panel or if you don’t have it. Just go to window on menu bar and select the appearance on the appearance panel in this panel, we can see the information effect about the line. What we can see here is the line have a one-point stroke. The fill is none, and there is information about transform effect that we have applied before because we have applied an effect on the line, so we able to edit the transform if it has to just click the transform effect and the transform effect panel will be appear and the setting will be the same with what we have set before to change it just set the number and the transform will be adapted with the new settings. Just click cancel to leave it and move to the next step for the next step. We will create a perspective effect, just go to the object on menu bar and Volokh, distort and select make with mesh then click. OK, and what we got here is a new mesh effect applied to the line to edit this mesh. We have to use direct selection tool, just select the one of the anchor point on that mesh and just move it around here. We can see the anchor point will be affected to the line and create perspective. Look, but in this tutorial, we only apply one row in one horizontal mesh to create another perspective. Look with direct selection tool, select the anchor point on the left top corner and move the vertical handle to the top until the handle almost touch the anchor point. Do the same way to the right top corner of the anchor point. What we got here is that the top line have a close distance than the bottom line next. We have to make it more or less distance to do that. Select the two top anchor point and move it down to the Center of Artboard. Then we will apply to effect like random wave with object still selected, select the mesh tool to apply to another anchor point. I prefer to create the first anchor point on the middle of object because it make it easier for me to determine another anchor point in this tutorial. I’m just create. Four vertical anchor points and two horizontal anchor points go back to direct selection tool and play around with anchor points in the handle, don’t. Forget to play with the handle. I speed up this step because we just create the wave effect, depending on our way to create what the wave effect looks like. Now, we can add colors to the line for more interesting look, but before we add colors to the line. We have to know that our object is not exactly aligns but only one line that we have create on the first step and that line effected by three effects that we have to create to achieve that wave Look, so we cannot apply any color to our object because our object is not lines. We have to change our object. Two lines to do that. We have to expand our object. Just go to object menu and select expand on the expand panel. Make sure the object and fill is checked and click. OK now! Our object is totally turned into many separate lines on one group. This time we able to set the stroke with any color. We want remember because the object are lines, so we must applying color into stroke not to to the fill for the color. I use gradient color For more interesting wave look, set the first gradient color to our 175 G 23 B 74 And for the second color to our 236 G 118 be 128 next, set the type to liner and the angle to 90 degrees. The important thing to remember is that the gradient type must be linear, and the angle of gradient must be 90 degrees. Because if it isn’t, the gradient will have different effect applied to our object and here we are, the line wave effect is perfectly done now before. I ended this video. This is just one of technical process to create some design stuff. You can use one of that technique or you can combine with another technic to create more creative design stuff. Finally, if this video is very useful, please subscribe like, or share this video to help this channel grow, or if you have questions or else you can comment below, thank you for watching [Music] [Music]!