How to create a mesh in Adobe Illustrator

How to create a mesh in Adobe Illustrator

Hello everyone! In this tutorial I will teach you all how you can create a mesh in Adobe Illustrator. This tutorial contains 9 steps and should be easy to follow with.

End result:

At the end of the tutorial, I will leave some challenges for you to complete if you wish too. Good luck!

Step 1:

The first thing you need to do, is create a new Adobe Illustrator document. Does not matter the dimensions. This also works if you already have a project you have worked on.

Step 2:

Select the line tool from the toolbox, and make a straight line (Hold shift and drag). Make sure you give it a color you like.

Step 3:

Make sure the line is selected. Now while holding "ALT" on your keyboard, drag the line down. This will duplicate the line. Place the line so it's below the first one.

Step 4:

Now hold the Ctrl button on your keyboard, while pressing D (Ctrl + D) to duplicate the previous action. If you're on mac, it's (Cmd + D).
Keep clicking until you're happy with the amount of lines you have.

Step 5:

Now you need to select all the lines (Ctrl + A on windows, or Cmd + A on Mac). Once all the lines are selected, press the "Object" button in the top left corner. From there hover over "Envelope Distort", and click on "Make With Mesh".

Step 6:

This menu should pop up. Here you can set your grid size. I chose 6x6, but you can do more or less if you wish. When you're happy, press OK.

Step 7:



Make sure the "Direct Selection Tool" is active (Icon shown above). Now you can click and drag on any point on the mesh. You can drag in any direction you'd like, and you will se the mesh reacting to your movement. This way you can create some amazing looks.

Step 8:

Once you're done, it should look something like this. And this is how you can create and warp a mesh in Adobe Illustrator.

I hope everyone enjoyed this tutorial and that it helped you! Let me know if you have some questions by commenting!

Here are some challenges for you:
  1. Create a mesh with a 100x100 grid. Is it more or less flexible?
  2. Try creating the lines with a gradient. How does the mesh react with gradients?

Kommentarer

Legg inn en kommentar

Populære innlegg fra denne bloggen

How to pixelate any image in Adobe Illustrator

Bilde
  How to pixelate pictures in Adobe Illustrator In this tutorial, I will show you step-by-step how you can turn an image into pixel art in Adobe Illustrator. This is a very easy process and should be easy to follow with. End result: As usual, I will add some challenges on the end of the tutorial, so you can test your skills and see if you learned. But now, let's get to it! Step 1: First you need to create a new Adobe Illustrator document. You can choose any size you want, as it doesn't affect the process. Step 2: Import the photo you want to pixelate. This can be literally anything. To import your photo, you can simply drag and drop the image into the document, or click "File", and "Place". Step 3: Once you have imported your image, you want to double click it and click the "Embed" button in the top left. This way you can still open the .AI file on other computers. Step 4: When you press "Embed", this menu should pop up. Make sure "C
Les mer

GitHub Copilot review

Bilde
 Although the Copilot technical preview does not always provide nice, correct, or even running code, it is nevertheless useful. Future versions may prove to be significant time saves. GitHub Copilot, dubbed "Your AI pair programmer" and currently in a limited technical preview, aims to help automate programming in a way that goes beyond what IntelliSense and similar tools can do. It isn't totally self-contained. As we'll see, you must specify (write out) your objectives before Copilot can produce useful code, and you must also supervise Copilot to keep it on track when it inevitably goes off the tracks. Copilot is a cloud service that connects to Visual Studio Code (on your local machine or in the cloud via GitHub Codespaces), JetBrains IDEs like IntelliJ IDEA, and Neovim. OpenAI Codex, a language model trained on billions of lines of public code, powers the cloud service, which is a code prediction engine. Yes, there was a debate over Codex and Copilot. Before you ge
Les mer

How to create a Vignette effect in Photoshop

Bilde
How to create a Vignette effect in Photoshop  In this tutorial I will show you how to create a vignette effect in Adobe Photoshop, as photoshop itself doesn't have a built in Vignette tool. Final Result: Let's get to it! Step 1: As usual, we need to start off by making a document, or if you already have one you want to apply the vignette effect too, use that one. Step 2: Select the gradient tool from the toolbox, or use the shortcut (G) to automatically select it. Step 3: Once the gradient tool is selected, you need to click the "Radial" button on top of the document. This makes it so the gradient is circular instead of linear. Step 4: Now create a new layer above the first layer. If you multiple layers, make sure the new Layer is above all the others. To keep it clean, you can also rename it to "Vignette layer". Step 5: Once you've created the new layer, click and drag to make a line. The further away from the middle you choose as your starting point, t
Les mer