Make Digital Particle Waves in Adobe Illustrator

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 kind of imagery perfectly complements hi-tech interface designs with colourful data visualisation effects, or it could be used to create abstract art in its own right. We’ll create the initial effect in Adobe Illustrator, where I’ll show you a few options for randomising the result, then switch over to Adobe Photoshop for some extra colour enhancements to really boost the vibrancy.

How to create digital particular waves in Adobe Illustrator

The artwork we’ll be creating as part of this tutorial is an abstract array of particles that flow in various directions. Bright colours that transition across the waves and subtle glow effects add to the sci-fi appearance. The complexity of the final result all depends on the number of adjustments you make to the vector paths. You could create chaotic pieces with particles flowing in all directions, or carefully draw paths to replicate a graph or soundwave.

Begin by opening Adobe Illustrator and create a new document. These effects work best against a dark background, so draw a rectangle to cover the artboard, then give it a black fill. Lock the shape in place to avoid accidentally selecting it by using the CMD+2 shortcut, or Object > Lock > Selection menu.

The paths that form the basis of the particle waves can be drawn with precision using the Pen tool, or randomly with the Pencil. When using the Pencil tool, double click the tool icon to edit its options, then max out the Fidelity slider to smoothen the lines.

Clear out the fill colour in the toolbar, then set up a vibrant stroke. Draw random flowing lines in a range of directions across the artboard. The Pencil’s smoothing option will iron out any kinks in the initial path.

A higher number of paths will result in a more complex result. Experiment with different numbers of paths, as well as various line lengths.

An important step to differentiate this digital particle effect from typical wave graphics made with Illustrator’s Blend tool is to set up a dashed stroke to create a series of dots. Draw a selection across all the paths and enable the round cap option in the Stroke panel, then configure the Dashed Line settings to 0pt Dash and 7pt Gap.

Head to Object > Blend > Make to produce the basic blend effect, then go straight back to Object > Blend > Blend Options.

Change the drop down menu to Specified Steps, then turn on the Preview checkbox and alter the number of steps to produce an intricate spread of dots. The higher the number, the more complex the effect will be.

To add some variety to the effect, use the Direct Selection tool to select just a single path, then alter its stroke weight. Make some paths slightly thinner and others thicker. The blending will automatically transition the weight between each path.

Also experiment with the dashed line options by changing the gap length. This will help prevent the dots from aligning and forming solid lines.

Select each path individually and alter the stroke colour from within the Color panel. Choose bright blues, pinks and yellows for vibrant results.

To distort the lines further, draw a random path within the blend, then draw a selection around everything. Go to Object > Blend > Replace Spine.

To create really intricate effects, experiment with the Scallop, Crystallize and Wrinkle tools. Double click the tool icon to edit the size settings to cover a large portion of the artwork, then click across the paths to distort them.

The sharp kinks in the paths cause the particles to flow in all directions, which results in a chaotic spread of dots.

Once you’re happy with the layout of your digital particle wave, make a selection around everything and hit CMD+C to Copy. Open Adobe Photoshop and create a new document. The canvas size will likely be quite small, so use the Crop tool to enlarge it.

Fill the background with black using the CMD+Backspace shortcut, then paste in the Illustrator artwork. Scale it to size and hit Enter to set it in place. Double click the layer and add an Outer Glow layer style with a bright cyan colour, the Screen blending mode, 2% Spread, 25px Size, then reduce the opacity to tone down the impact of the glow effect.

Add a Levels adjustment layer, then move the highlights slider inwards to brighten the artwork, making those sporadic dots easier to see.

Apply a Vibrance adjustment layer and max out the Vibrance setting to really boost the colours of the artwork.

How to create digital particular waves in Adobe Illustrator

The final result t is a sci-fi inspired digital particle wave with with an array of bright glowing dots. While most of those final Photoshop adjustments could have been made directly in Illustrator, the complexity of the artwork would soon cause memory issues.

How to create digital particular waves in Adobe Illustrator

What makes these techniques so much fun is a different result can be achieved every time by simply randomising the initial path shape, length and number, as well as applying a variety of further adjustments with replacement spines and path distortions.

 

Original Article by : blog.spoongraphics.co.uk


Comments

  1. marketing small business tips : June 6, 2017 at 11:50 am

    I believe that is among the most vital information for me. And i am satisfied studying your article. But wanna remark on few basic issues, The website style is perfect, the articles is truly excellent : D. Just right activity, cheers

  2. job posting sites : June 6, 2017 at 12:08 pm

    Thank you for the auspicious writeup. It in reality was a enjoyment account it. Look complex to far introduced agreeable from you! However, how can we keep up a correspondence?

  3. Hello, thank you for apriciate on AltDesain Learning Blog, sure we can keep up a correspondence on our blog.

  4. cameras for sale : June 7, 2017 at 4:30 pm

    Howdy would you mind letting me know which webhost you’re working with? I’ve loaded your blog in 3 different web browsers and I must say this blog loads a lot quicker then most. Can you suggest a good internet hosting provider at a honest price? Thanks, I appreciate it!

  5. education tips : June 8, 2017 at 3:12 am

    Good post. I learn something new and challenging on blogs I stumbleupon on a daily basis. It’s always useful to read articles from other authors and practice a little something from their sites.

  6. That is a good tip particularly to those fresh to the blogosphere. Simple but very precise info… Many thanks for sharing this one. A must read post!

  7. I’m really loving the theme/design of your site. Do you ever run into any browser compatibility issues? A handful of my blog audience have complained about my blog not operating correctly in Explorer but looks great in Firefox. Do you have any suggestions to help fix this issue?

  8. online business ideas : June 9, 2017 at 12:10 am

    Appreciation to my father who told me on the topic of this webpage, this blog is really amazing.

  9. stocks and shares : June 9, 2017 at 3:48 am

    I seriously love your website.. Great colors & theme. Did you create this website yourself? Please reply back as I’m planning to create my own personal website and would like to know where you got this from or exactly what the theme is named. Thank you!

  10. cervical cancer : June 9, 2017 at 11:12 am

    Quality posts is the secret to interest the viewers to visit the website, that’s what this website is providing.

  11. Hello All,

    Thank you for apriciate on AltDesain Learning Blog, If you want to develop themes or blog design, please contact us to help you. Or you can look this link : https://altdesain.com/en/custom-cms-websites/ to learn our services and featured about website services plan.

    Regards.

  12. home and family recipes : June 10, 2017 at 6:39 am

    If you desire to grow your familiarity only keep visiting this web site and be updated with the most up-to-date news posted here.

  13. what is insomnia : June 10, 2017 at 9:09 pm

    Just desire to say your article is as astounding. The clearness on your publish is just great and that i can suppose you’re a professional on this subject. Well with your permission let me to seize your feed to stay updated with impending post. Thank you a million and please keep up the enjoyable work.

  14. online higher education : June 28, 2017 at 1:31 pm

    Thanks for every other informative blog. The place else may I am getting that type of info written in such a perfect means? I’ve a project that I am just now working on, and I have been on the look out for such info.

  15. borvestinkral : June 29, 2017 at 6:24 am

    I happen to be writing to let you know what a outstanding encounter my child developed visiting yuor web blog. She figured out some things, which included how it is like to possess an ideal giving style to let the rest quite simply gain knowledge of some advanced issues. You undoubtedly exceeded her desires. Many thanks for churning out such helpful, safe, informative and even unique thoughts on the topic to Ethel.

  16. Adrian Smith : May 5, 2018 at 5:50 am

    I simply want to tell you that I’m beginner to blogging and truly savored this web-site. Likely I’m going to bookmark your site . You certainly have remarkable articles and reviews. Bless you for sharing your website page.

Leave a Reply

Your email address will not be published.

WhatsApp Chat via Whatsapp
%d bloggers like this: