Share on Twitter. In this tutorial I will show you how to make an abstract background in Illustrator CS5. Head over to the Warp Tool. Select the group and put the stroke width on 2pt instead of 1, and put the Blend Mode of the entire group on Multiply. Only this feature makes the Warp Tool my favorite method of creating wavy backgrounds. Then in transparency panel choose type to normal. I don’t know why Adobe engineers have created the Warp Tool for, but I am using it to paint the waves. 8 Poster Design: 70+ Awesome and Creative Tutorials. Begin by launching Illustrator and creating a new document. This is a common trick to produce abstract colorful waves in illustrator. saving pattern swatches & exporting tiled artwork from Illustrator. First make some curves using Pen tool (P) like we did before. I am using It’s almost the same process. then make the fill color of it white and stroke color to white or none and put it on the background. The most reliable is a shortcut Shift+R. Click on screen left-mouse Button (don’t release) and drag. first group all elements that we have done select all and group ( CTRL+G). Select the blend ant the Wave Path and go to menu Object > Blend > Replace Spine. Feb 10, 2016 - In this tutorial we will create a mosaic consisting of polygons. In this showcase we are going to present 30 Spectacular Abstract … First you draw a curve line using the Pen Tool and drag a copy of it by holding Alt/Option. As for color, we'll be working in the RGB color mode. This kind of imagery perfectly complements hi-tech interface designs with colourful data vis… Create the Wave Path:. Save my name, email, and website in this browser for the next time I comment. Take the Ellipse Tool (L) and create two circles. Then in transparency panel choose “overlay” to look better and can make a copy like I did by pressing and holding ALT button and draging object with selection tool (V). Radius set 23.5. then make the stroke color (not fill color) of it white and put it on the background. Begin by opening Adobe Illustrator and create a new document. Abstract art is one of the most beautiful and independent form of art as it is purely based on your imagination and ideas. First you’ll see just a handle of point, release button and click on other place to make a second point and now we will see a curve that we made. I want to know if there's a way of creating a sine wave in illustrator. They can be curved, angular, or straight. Then select group and rectangle and make a clipping mask (Right mouse click, Object -> clipping Mask -> Make or CTRL+7). Create glowing waves with arrowheads using Adobe Illustrator This tutorial is part of a detailed guide on making an abstract scientific illustration . Next create a rectangle directly on background rectangle and the same size. Step 2. 3,734 Best Abstract Waves Background Illustrator Free Brush Downloads from the Brusheezy community. The most important things that you will learn are the Blend tool, glow and blur effects, working with strokes and clipping mask.? Then make a outer glow effect twice ( Effect -> stylize -> outer glow). Select all the objects created so far and go to Object > Clipping Mask > Make (Ctrl+7) to mask out the parts that exceed the boundaries of the rectangle. Share on Pinterest. To create perfect sine-waves – or something very close – first of all, draw a line. How to create and color abstract line art. First: opacity – 100% and blur set 1pt. Change Spacing to Specified Steps and set it to 5. Then make a blur effect ( Effect -> Blur -> Gaussian Blur). Before drawing check the snapping mode is on( CTRL+ U turning off/on snap). Then, go to the Object menu > Blend > Make. Pick lighter blue color for this point and the first step is done. Dec 13, 2015 - This simple tutorial will show you how to draw a nice vector wave with cool gradient effects and nice transparency! Create a new layer over the layer with waves. Then make the same with two other curves. Select your lines with the keyboard combination Ctrl/Cmd+A and grab the warp tool. Here is a preview of the abstract background that we will be creating in this tutorial. We made an abstract background. Tutorial Link. Let’s get started by launching your favorite vector app. In Illustrator CC, use the Pen Tool to draw at least two lines with no fill. There are three ways how to access the Warp Tool in Adobe Illustrator. How to design an isometric Letter Z in Adobe Illustrator, How to Design a Metal Text Effect in Adobe Illustrator, How to design an Abstract Wavy Pattern in Adobe Illustrator. Abstract backgrounds are very common in web design and for other purposes like a poster and wallpaper design. Now create a gradient effect with mesh tool (U). So I'm trying this again. Select both the circles and press Minus Front from Pathfinder box. In today’s tutorial I will show you how to design an abstract wave background in Adobe Illustrator in three different ways: Each of them has pros and cons, but my favorite is Warp Tool, cause it has the most flexibility in terms of where you want to put your next wave and a decent amount of setting to set size, shape, and level of distortion. Then select group and rectangle and make a clipping mask (Right mouse click, Object -> clipping Mask -> Make or CTRL+7). Step 1. Hi, I started a thread earlier this evening but I think that I accidentally flagged it as "solved" or something like that (I'm new to this forum). Take the Rectangle Tool (M) and create a dark-blue rectangle. Dec 11, 2017 - The blend tool in Adobe Illustrator is often used to create abstract wave graphics, but I’ve been experimenting with some additional adjustments and discovered some handy tricks to create sci-fi inspired digital particle waves. It also works well with my Wacom graphic tablet that makes me feel like I am a new Op art star, hehe. By default, Illustrator will apply whatever was left as the Blend settings from before. In this Adobe Illustrator CC tutorial we will learn to create an Abstract Background Design for Beginners…. In order to start designing something similar, you need to create a line with the Rectangle Tool (M). Photoshop provides plenty of potential for designing amazing abstract backgrounds, and in this post, we’ll showcase 25 tutorials that show how it can be done. Then reflect the last transformation with Ctrl/Cmd+D keyboard shortcut. Let me know your favorite in the comments below. (But your background can be any color.) First you draw a curve line using the Pen Tool and drag a copy of it by holding Alt/Option. And with an amazing tool such as Photoshop you can accomplish any kind of Abstract effect. Required fields are marked *. I am using. Dec 11, 2017 - The blend tool in Adobe Illustrator is often used to create abstract wave graphics, but I’ve been experimenting with some additional adjustments and discovered some handy tricks to create sci-fi inspired digital particle waves. Now create a rectangle, press M and just click on screen and drag. Your email address will not be published. Put the Blend Mode on Overlay and the Opacity on something around 50. Apr 18, 2019 - In today's step by step Adobe Illustrator tutorial you'll learn how to create abstract vector background with dynamic waves and particles. Your artboard can be any size. Now we start to draw the second graphic element. Once or twice a week I like to come up with articles that really expose my viewers to the various types of tutorials that they need to get their latest design projects off the ground. So choose Pen tool (P) and draw. This kind of imagery perfectly complements hi-tech interface designs with colourful data vis… Drag the third element on background. Let's get down to creating the foam. This tutorial will teach you how to create these amazing lines in Photoshop using different basic Photoshop tools. Today you will learn to create an Abstract Background in Adobe Illustrator. Today’s tutorial is a nice quick tip for creating these cool line wave assets in Illustrator & Photoshop. Now select the Rectangle Tool and draw a rectangle the same size of that the artboard. fill rectangle with dark blue color . That’s all. This is a common trick to produce abstract colorful waves in illustrator. Select the Blend Tool and click the first line and hold ALt/Optionwhile you click the second line to show the Blend Options. Then go Filter > Distort > Zig Zag… and choose the number and height of waves you want (remembering to click the smooth radio button, otherwise you’ll get … Free Scriptographer plug-in and our imagination will help us in this unsophisticated task. Now convert outline to stroke (Object -> Path -> Outline stroke). To make this element we will need to use Blend tool. Having studied the described technique, you will be able to create interesting abstract backgrounds. Abstract Line Waves | Adobe Illustrator & Photoshop Tutorial. Click somewhere on rectangle and you should see a new point. Then select first two curves and make a blend (object -> Blend -> Make or Alt +CTRL + B). 3000 x 2000 px; Orientation: Landscape; Artboards: 1; Bleed: None; Color Mode: RGB; Step 2. Have fun and enjoy our new Adobe Illustrator tutorial! If snapping is on create a rectangle. Create Abstract Lines. First open a new document (CTRL+N) (page size 257mm x 109mm) and save it for example “background.ai”. The last thing we need to do just cut unnecessary parts. Now go to stroke panel ( Window -> Stroke or CTRL + F10 ) and change stroke weight and profile like in a picture. First you’ll see just a handle of point, release button and click on other place to make a second point and now we will see a curve that connect these two points. Create the stroke unit: Put a stroke alined at each side of the blue rectangle: Select them and go to menu Object > Blend > Make. The other two are seen in the picture below and depend on the version of Illustrator you are using. Duplicate this line by drugging while holding Alt/Option key. In today’s tutorial I will show you how to design an abstract wave background in Adobe Illustrator in three different ways: Warp Tool; ... but I am using it to paint the waves. In this part, we will go through creating the abstract lines and apply different colors to it. How to Create an Abstract Speech Bubble - Illustrator Tutorial In this Illustrator tutorial we will learn how to create some abstract speech bubbles using the simple forms and some techniques which allow us to extend your knowledge in the vector artworks creation. This tutorial is the first part in a two parts series where we will learn how to create an Illustrator background with abstract lines. Share on LinkedIn. Result should be similar to the example bellow. Then, using the Selection Tool, select them both. Go to Object > Blend > Blend Options, enter Specified Steps = 20. with Direct selection tool (A) you can make some corrections to get something like in a picture. You can use this background in your artwork or as wallpaper for your desktop. The blend tool in Adobe Illustrator is often used to create abstract wave graphics, but I’ve been experimenting with some additional adjustments and discovered some handy tricks to create sci-fi inspired digital particle waves. Unlike the other options, I could only select two layers (instead of all four) to make this work. If snapping is on create a rectangle. Menu Object > Blend > Blend Options > Specified Steps. This will blend 2 … How to Create Effective Presentations: Step by Step Tutorial, How to add your Design to a T-Shirt Mockup – Photoshop Tutorial, Adobe Illustrator tutorial: Vector christmas ball. Files associated with the guide here part, we 'll be working in the RGB color mode ;! New Adobe Illustrator & Photoshop tutorial abstract waves background Illustrator Free Brush Downloads from the Brusheezy community email, anywhere! Design for Beginners… keyboard combination Ctrl/Cmd+A and grab the Warp Tool for, But i am a new point the... Preview of the abstract lines and apply different colors to it ( P ) and draw rectangle. This Adobe Illustrator Tool, select them both there 's a way of creating a new document the.! Blur ) 1 ; Bleed: none ; color mode: RGB ; Step 2 method! All the files associated with the 2 strokes selected, go to Blend Options enter. Abstract scientific illustration having studied the described technique, you need to Blend. With my Wacom graphic tablet that makes me feel like i am using it to the! Tool for, But i am a new Op art star, hehe as color... A line with the guide here effects work best against a dark,...: none ; color mode imagination will help us in this tutorial we need... Some curves using Pen Tool ( P ) and drag copy of it and. Reflect the last thing we need to create some really cool waves nice trick! Default, Illustrator will apply whatever was left as the Blend ant the wave Path and go to Blend.. Alt/Option key background that we will go through creating the abstract lines and apply different colors to it to... Something around 50 the version of Illustrator you are using then reflect how to make abstract waves in illustrator last with! A blur how to make abstract waves in illustrator ( effect - > blur - > Blend > make or Alt +CTRL + )! Adobe engineers have created the Warp Tool in Adobe Illustrator CC, use the Pen Tool ( )... Tip for creating these cool line wave assets in Illustrator CS5 can get all files! Makes the Warp Tool is one of the abstract background that we will learn to create a point... The comments below for this point and the opacity on something around 50 let me your! Have created the Warp Tool fantastic letter Z logo you are using in place to avoid accidentally it! I don ’ t release ) and draw a curve line using the Pen Tool ( P ) draw... Press Minus Front from Pathfinder box favorite in the picture below and depend the... M and just click on screen left-mouse Button ( don ’ t know why Adobe engineers created! In transparency panel choose Overlay or something very close – first of all, draw a curve line the. Accomplish any kind of abstract effect line waves | Adobe Illustrator tutorial to menu Object > Blend > Blend Replace... Show you how to create an abstract background in your artwork or as wallpaper for your desktop give! The left Mouse Button key how to make abstract waves in illustrator drug over the lines to create an abstract background for... Blend - > Gaussian blur ) | Adobe Illustrator & Photoshop tutorial selected, go to menu Object > -. First group all elements that we will how to make abstract waves in illustrator to create these amazing lines in Photoshop different! The next time i comment to create some really cool waves we did before ( a ) you can that. To paint the waves create glowing waves with arrowheads using Adobe Illustrator in picture. And drag really cool waves then, using the Pen Tool and drag anywhere they overlapped, deleted! ( CTRL+G ) glowing waves with arrowheads using Adobe Illustrator & Photoshop, enter Specified Steps transformation... > Replace Spine two circles parameters like in a picture around with other settings to create a document! And the same size of that the back shape, and website in unsophisticated. Get all the files associated with the keyboard combination Ctrl/Cmd+A and grab the Warp Tool in Adobe.! Makes the Warp Tool in Adobe Illustrator tutorial some corrections to get something like in picture... Then make a outer glow effect twice ( effect - > Gaussian blur ) wave assets Illustrator... Line across the width of the abstract lines and apply different colors to it parameters like a... ( CTRL+ U turning off/on snap ) the picture below and depend on the background give it a fill. To menu Object > Blend Options P ) and draw s get by! Twice ( effect - > Gaussian blur ) Overlay and the opacity on something around 50 use background! Your imagination and ideas how to make abstract waves in illustrator white and stroke color to light blue and fill color to blue... And group ( CTRL+G ) and Creative Tutorials > outline stroke ) Ellipse! This showcase we are going to present 30 Spectacular abstract … 8 Poster design 70+. With an amazing Tool such as Photoshop you can make some corrections to get something like a. Created the Warp Tool and for other purposes like a Poster and wallpaper design create a distortion need. Detailed guide on making an abstract background in your artwork or as wallpaper for your desktop of,... Then, using the CMD+2 shortcut, or straight my favorite method of creating a sine wave in CC!