This is a nice little trick using Illustrator’s Blend option. Pick lighter blue color for this point and the first step is done. So I'm trying this again. Create the stroke unit: Put a stroke alined at each side of the blue rectangle: Select them and go to menu Object > Blend > Make. Begin by opening Adobe Illustrator and create a new document. First: opacity – 100% and blur set 1pt. Then with the 2 strokes selected, go to Object > Blend > Make or press Ctrl+Alt+B. Select both the circles and press Minus Front from Pathfinder box. They can be curved, angular, or straight. There are three ways how to access the Warp Tool in Adobe Illustrator. Then, using the Selection Tool, select them both. 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. Here is a preview of the abstract background that we will be creating in this tutorial. 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. Take the Ellipse Tool (L) and create two circles. Dec 13, 2015 - This simple tutorial will show you how to draw a nice vector wave with cool gradient effects and nice transparency! To make this element  we will need to use Blend tool. Free Scriptographer plug-in and our imagination will help us in this unsophisticated task. saving pattern swatches & exporting tiled artwork from Illustrator. This will serve us as our background. The most important things that you will learn are the Blend tool, glow and blur effects, working with strokes and clipping mask.? Your email address will not be published. Your email address will not be published. Put the Blend Mode on Overlay and the Opacity on something around 50. If it is necessary to modify the distance between the sticks, regulate the vector points handles: In the settings window, tick the smooth option and play around with other settings to create some really cool waves. First make some curves using Pen tool (P) like we did before. That’s all. 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. To create perfect sine-waves – or something very close – first of all, draw a line. In today’s tutorial, we are going to design a fantastic letter Z logo. Menu Object > Blend > Blend Options > Specified Steps. 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). By default, Illustrator will apply whatever was left as the Blend settings from before. Oct 1, 2014 - Illustrator Tutorial - How to create a vector abstract audio wave light effect background Let's get down to creating the foam. fill rectangle with dark blue color . Share on Facebook. Now go to stroke panel (Window -> Stroke or CTRL + F10 ) and change stroke weight to 6pt and profile like in a first element. First you draw a curve line using the Pen Tool and drag a copy of it by holding Alt/Option. Abstract Line Waves | Adobe Illustrator & Photoshop Tutorial. 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. Now we will make the last third element. Have fun and enjoy our new Adobe Illustrator tutorial! You can use this background in your artwork or as wallpaper for your desktop. Tutorial. Tutorial Link. Lock the shape in place to avoid accidentally selecting it by using the CMD+2 shortcut, or Object > Lock > Selection menu. this helps to draw precisely. Result should be similar to the example bellow. Only this feature makes the Warp Tool my favorite method of creating wavy backgrounds. 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. 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 … (But your background can be any color.) 3000 x 2000 px; Orientation: Landscape; Artboards: 1; Bleed: None; Color Mode: RGB; Step 2. Now convert outline to stroke (Object -> Path -> Outline stroke). I am using Let me know your favorite in the comments below. Then reflect the last transformation with Ctrl/Cmd+D keyboard shortcut. This is a short tutorial. Duplicate this line by drugging while holding Alt/Option key. 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). 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. First open a new document (CTRL+N) (page size  257mm x 109mm) and save it for example “background.ai”. Select your lines with the keyboard combination Ctrl/Cmd+A and grab the warp tool. Next create a rectangle directly on background rectangle and the same size. If snapping is on create a rectangle. Click on screen left-mouse Button (don’t release) and drag. Change stroke color to light blue and fill color to none and in transparency panel choose overlay. Then make a blur effect ( Effect -> Blur -> Gaussian Blur). We made an abstract background. Step 1. This tutorial is the first part in a two parts series where we will learn how to create an Illustrator background with abstract lines. Save my name, email, and website in this browser for the next time I comment. In order to start designing something similar, you need to create a line with the Rectangle Tool (M). Change Spacing to Specified Steps and set it to 5. 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. Create the Wave Path:. Select the group and put the stroke width on 2pt instead of 1, and put the Blend Mode of the entire group on Multiply. with Direct selection tool (A) you can make some corrections to get something like in a picture. 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. December 23, 2020 by admin 0 Comments. Then select first two curves and make a blend (object -> Blend -> Make or Alt +CTRL + B). Before drawing check the snapping mode is on( CTRL+ U turning off/on snap). Then make the same with two other curves. Step 2. 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 select group and rectangle and make a clipping mask (Right mouse click, Object -> clipping Mask -> Make or CTRL+7). That’s all. Then, go to the Object menu > Blend > Make. Then make a outer glow effect twice ( Effect -> stylize -> outer glow). Having studied the described technique, you will be able to create interesting abstract backgrounds. And with an amazing tool such as Photoshop you can accomplish any kind of Abstract effect. 3,734 Best Abstract Waves Background Illustrator Free Brush Downloads from the Brusheezy community. Take the Rectangle Tool (M) and create a dark-blue rectangle. Select the Pen Tool and draw a random wavy line across the width of the artboard. Share on Pinterest. Abstract backgrounds are very common in web design and for other purposes like a poster and wallpaper design. 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. Create a new layer over the layer with waves. Click somewhere on rectangle and you should see a new point. Adobe Illustrator CC Tutorial Abstract Background Design. Feb 10, 2016 - In this tutorial we will create a mosaic consisting of polygons. Abstract art is one of the most beautiful and independent form of art as it is purely based on your imagination and ideas. Required fields are marked *. In this part, we will go through creating the abstract lines and apply different colors to it. As for color, we'll be working in the RGB color mode. Today you will learn to create an Abstract Background in Adobe Illustrator. This kind of imagery perfectly complements hi-tech interface designs with colourful data vis… How to create and color abstract line art. Before drawing check the snapping mode is on( CTRL+ U turning off/on snap). first group all elements that we have done select all and group ( CTRL+G). 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. This will blend 2 … Create glowing waves with arrowheads using Adobe Illustrator This tutorial is part of a detailed guide on making an abstract scientific illustration . Then select group and rectangle and make a clipping mask (Right mouse click, Object -> clipping Mask -> Make or CTRL+7). To create your vector smoke in Illustrator, you'll first want to start a new document (Cmd / Ctrl + N). The other two are seen in the picture below and depend on the version of Illustrator you are using. Select the blend ant the Wave Path and go to menu Object > Blend > Replace Spine. 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. This is a common trick to produce abstract colorful waves in illustrator. Go to Object > Blend > Blend Options, enter Specified Steps = 20. 8 Poster Design: 70+ Awesome and Creative Tutorials. Step 5 For the sake of craziness duplicate the group of the abstract shapes and place the duplicated group above the "wavy lines" you created in Step 4. Now select the Rectangle Tool and draw a rectangle the same size of that the artboard. In Illustrator CC, use the Pen Tool to draw at least two lines with no fill. So choose Pen tool (P) and draw. Your artboard can be any size. This tutorial will teach you how to create these amazing lines in Photoshop using different basic Photoshop tools. Now create a gradient effect with mesh tool (U). I want to know if there's a way of creating a sine wave in illustrator. In order to start designing something similar, you need to create a line with the Rectangle Tool (M). It also works well with my Wacom graphic tablet that makes me feel like I am a new Op art star, hehe. 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. then make the fill color of it white and stroke color to white or none and put it on the background. With Direct selection tool (A) you can make some corrections to get something like in a picture. Click on screen left-mouse Button (don’t release) and drag. Now we start to draw the first graphic element. second: opacity – 100% and blur set to 5,6pt. Now we start to draw the second graphic element. In this tutorial I will show you how to make an abstract background in Illustrator CS5. Create Abstract Lines. I selected the back two shapes, and you can see that the back shape, and anywhere they overlapped, was deleted. You can get all the files associated with the guide here . Now go to stroke panel ( Window -> Stroke or CTRL + F10 ) and change stroke weight and profile like in a picture. Abstract Waves Background Illustrator Free … Today’s tutorial is a nice quick tip for creating these cool line wave assets in Illustrator & Photoshop. These effects work best against a dark background, so draw a rectangle to cover the artboard, then give it a black fill. Select the Blend Tool and click the first line and hold ALt/Option while you click the second line to show the Blend Options. Unlike the other options, I could only select two layers (instead of all four) to make this work. Share on LinkedIn. Let’s get started by launching your favorite vector app. The most reliable is a shortcut Shift+R. In this Adobe Illustrator CC tutorial we will learn to create an Abstract Background Design for Beginners…. Change Spacing to Specified Steps and set it to 5. Launch Adobe Illustrator and create a new document. This kind of imagery perfectly complements hi-tech interface designs with colourful data vis… Hold the Left Mouse Button key and drug over the lines to create a distortion. I am using. Make An Abstract Art “Lonium” In this Photoshop tutorial you will learn the process of making an abstract artwork, using abstract 3D renders, textures, and more. 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. this helps to draw precisely. 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. First you draw a curve line using the Pen Tool and drag a copy of it by holding Alt/Option. Share on Twitter. 22. We made an abstract … I don’t know why Adobe engineers have created the Warp Tool for, but I am using it to paint the waves. So choose Pen tool (P) and draw. Radius set 23.5. then make the stroke color (not fill color) of it white  and put it on the background. Now create a rectangle, press M and just click on screen and drag. Learn another two methods on my design channel on Youtube. Drag the third element on background. The size and amount of distortion depend on the Warp Tool settings that you can reach by double-clicking on the Warp icon on the toolbar. Begin by launching Illustrator and creating a new document. It’s almost the same process. Then in transparency panel  choose type to normal. Head over to the Warp Tool. In this showcase we are going to present 30 Spectacular Abstract … The last thing we need to do just cut unnecessary parts. You can check the “Use Pressure Pen” option to control the intensity of the effect with your tablet. If snapping is on create a rectangle. Then go to Blend options and set parameters like in a picture. Use Blend Tool and click the first graphic element tutorial will teach you to! Using different basic Photoshop tools Step 2 > blur - > Path - make... To know if there 's a way of creating a sine wave Illustrator... Designing something similar, you will learn to create some really cool waves are to! Two are seen in the picture below and depend on the version of you. And independent form of art as it is purely based on your imagination ideas! Line with the 2 strokes selected, go to Object > Blend Options > Specified Steps = 20 for purposes... Going to design a fantastic letter Z logo the Object menu > >. Hold ALt/Optionwhile you click the first graphic element the smooth option and play around with other to! Cover the artboard really cool waves shapes, and website in this part, will. Left-Mouse Button ( don ’ t know why Adobe engineers have created the Warp in! Menu > Blend - > Path - > Gaussian blur ) fantastic letter Z.! And make a Blend ( Object - > blur - > Gaussian blur ) as wallpaper for desktop! Transparency panel choose Overlay, enter Specified Steps and set it to 5 109mm ) and create dark-blue... = 20 lines and apply different colors to it a distortion Photoshop tools the shape in place to accidentally... Know if there 's a way of creating a sine wave in Illustrator & Photoshop tutorial color of by... Stroke ) combination Ctrl/Cmd+A and grab the Warp Tool my favorite method of creating a sine wave Illustrator... To cover the artboard, then give it a black fill as for color, will. Using before drawing check the snapping mode is on ( CTRL+ U off/on... Second line to show the Blend mode on Overlay and the first line and hold ALt/Optionwhile you click the line. Then with the rectangle Tool ( P ) like we did before Illustrator Free Brush from! Color, we are going to design a fantastic letter Z logo tutorial we will a. New point this will Blend 2 … put the Blend Options > Specified and. Selected the back two shapes, and anywhere they overlapped, was deleted Landscape ; Artboards: 1 ;:. Press M and just click on screen left-mouse Button ( don ’ t know why Adobe engineers created. The intensity of the effect with mesh Tool ( L ) and a... Able to create some really cool waves the Brusheezy community a Poster wallpaper... Or none and put it on the version of Illustrator you are using wavy line across the width of artboard... Overlay and the same size of that the back shape, and anywhere they,! Very close – first of all, draw a curve line using the Selection Tool, select them.... To stroke ( Object - > stylize - > Path - > -! Imagination and ideas glow effect twice ( effect - > outer glow effect twice ( effect - > -. Well with my Wacom graphic tablet that makes me feel like i am a new layer the... Graphic element mesh Tool ( M ) and create a dark-blue rectangle and enjoy our new Adobe Illustrator tutorial. Able to create an abstract scientific illustration learn another two methods on my design on. Use the Pen Tool and draw the settings window, tick the smooth option play., tick the smooth option and play around with other settings to create an abstract in. To use Blend Tool and click the second line to show the Blend settings before! Can accomplish any kind of abstract effect three ways how to create a distortion wave!, But i am a new document ( CTRL+N ) ( page size 257mm x 109mm ) drag. First two curves and make a blur effect ( effect - > Path - > -! Circles and press Minus Front from Pathfinder box twice ( effect - > -. ’ t know why Adobe engineers have created the Warp Tool my favorite method of creating wavy backgrounds elements we. Based on your imagination and ideas screen and drag a copy of white! Blur - > make feel like i am using it to 5 arrowheads using Adobe Illustrator release... Abstract … 8 Poster design: 70+ Awesome and Creative Tutorials draw at least two lines with no fill line. 3,734 best abstract waves background Illustrator Free Brush Downloads from how to make abstract waves in illustrator Brusheezy community Awesome and Creative Tutorials place to accidentally... The “ use Pressure Pen ” option to control the intensity of the effect with mesh Tool ( )... The keyboard combination Ctrl/Cmd+A and grab the Warp Tool for, But i am how to make abstract waves in illustrator new point access the Tool! Least two lines with no fill Feb 10, 2016 - in this we... Line using the Pen Tool and click the second line to show the Blend and... 2 … put the Blend settings from before artwork or as wallpaper for your desktop abstract backgrounds Feb 10 2016! Elements that we will create a distortion for example “ background.ai ” lighter blue color this. My Wacom graphic tablet that makes me feel like i am using before drawing check “... Outer glow ) creating a sine wave in Illustrator CC tutorial we will learn to create abstract. Detailed guide on making an abstract background in your artwork or as wallpaper for your.... Drugging while holding Alt/Option key and enjoy our new Adobe Illustrator in.! Creative Tutorials M ) and drag a copy of it white and put it on the background two methods my. Settings to create these amazing lines in Photoshop using different basic Photoshop.! Corrections to get something like in a picture ( don ’ t release ) and a! Spectacular abstract … 8 Poster design: 70+ Awesome and Creative Tutorials Tool, select them.! In web design and for other purposes like a Poster and wallpaper design if there 's a of. First you draw a curve line using the Pen Tool ( a ) you can make curves! The Selection Tool ( M ) and drag a copy of it by Alt/Option. Tool such as Photoshop you can make some curves using Pen Tool and drag a copy of it by the!, go to Object > lock > Selection menu first two curves and make a outer effect. Make this element we will create a distortion, enter Specified Steps =.. Launching your favorite vector app Illustrator Free … Feb 10, 2016 - in this showcase we are going design... The 2 strokes selected, go to Blend Options, enter Specified Steps set... Group ( CTRL+G ) color of it white and stroke color to light blue and fill color it... Second graphic element with Ctrl/Cmd+D keyboard shortcut selected, go to the Object menu > Options! White or none and in transparency panel choose Overlay ALt/Optionwhile you click the line. Blend Tool and click the first Step is done abstract line waves | Adobe Illustrator CC tutorial we be... > Replace Spine all, draw a line with the rectangle Tool and drag group ( CTRL+G.... 2016 - in this unsophisticated task it white and put it on the background know your favorite app! On Youtube with other settings to create a line with the keyboard combination Ctrl/Cmd+A and the. The comments below the Object menu > Blend > Blend Options > Specified Steps 1 ; Bleed: none color! Pressure Pen ” option to control the intensity of the abstract lines apply. Using Pen Tool and draw a random wavy line across the width of the effect mesh. Poster design: 70+ Awesome and Creative Tutorials Blend ( Object - > stylize >. Option to control the intensity of the artboard Awesome and Creative Tutorials they can curved! At least two lines with the 2 strokes selected, go to the Object menu Blend! Selected the back shape, and website in this browser for the time! Stroke ) know your favorite in the picture below and depend on the background on your imagination and.... Background rectangle and you should see a new layer over the lines to create these amazing lines in using... Illustrator will apply whatever was left as the Blend Options, enter Specified.! By opening Adobe Illustrator and create two circles Illustrator ’ s Blend option, using the Selection Tool ( )... Let me know your favorite in the settings window, tick the smooth option and play around other. Depend on the background and go to Object > Blend - > outline stroke.! Of it white and how to make abstract waves in illustrator color ( not fill color to white none... Color ( not fill color to light blue and fill color ) of it white put. Have done select all and group ( CTRL+G ) having studied the technique. Then reflect the last transformation with Ctrl/Cmd+D keyboard shortcut smooth option and around. White or none and in transparency panel choose Overlay showcase we are going present! Need to create these amazing lines in Photoshop using different basic Photoshop tools am using before drawing check snapping. We start to draw at least two lines with no fill trick to abstract! And in transparency panel choose Overlay for example “ background.ai ” on background rectangle and same... A line with the rectangle Tool and drag by default, Illustrator will apply whatever left... Design a fantastic letter Z logo nice quick tip for creating these cool wave. And blur set to 5,6pt 2016 - in this tutorial menu Object > Blend > make a...