AnimHuT
  • Articles
    • Other Topics
    • Picture Of The Day
    • Review
    • Viral Videos
  • Contest
  • Freebies
    • Brushes
    • Font
    • Icons
    • Infographics
    • Patterns
    • Photoshop PSD
    • Textures
    • VECTORS
    • Wallpaper
  • Inspiration
  • Photography
  • Themes
    • Plug-ins
    • WordPress Themes
  • Tutorial
    • After Effects
    • Codex
    • Flash
    • Illustrator
    • Photoshop
      • Text Effects
    • Quick-Tip
Home » Tutorial » Tutorial: How to create electric beams in Photoshop
Jun15 16
Tutorial: How to create electric beams in Photoshop

Tutorial: How to create electric beams in Photoshop

Posted by Sipi Sagar in Tutorial

email
print

In this tutorial we are going to see how to create electric beams in Photoshop from scratch. These electric beams will be very much useful in creating any music or party posters like this one.

Preview

Step 1: Open the document

Open a new document with black background of any size and make sure that the foreground and background colours are set to white and black respectively.

Step 2: Drawing the electric beams

Now choose a circular basic brush of hardness 0% and diameter 1-3 pox whichever size you desire. Now take the pen tool and draw a curve something similar to this or in any way you like in a new layer but make sure that the curve exceeds the border of the document.

Step 3: Stroking the path

Now with the pen tool still selected right click and choose stroke path from the pop up menu. Now a dialog box opens up and choose brush from the drop down box in the dialog box and make sure that the simulate pressure check box is checked. After that press esc 2 times.

Now you must be getting something like this.

Step 4: Applying layer styles

Apply outer glow and inner glow with any colour you desire with its default values but make sure that you apply the same colour for both the layer styles and now reduce the fill to 0%. Now you must get something like this.

Step 5: Distort the stroke

Now got Filter-> Distort-> Wave and give any value you desire but give very less values so that it gives a good, aesthetic and realistic look and doesn’t looks more artificial. You must get some thing like this.

Step 6: Creating another electric beam

Now repeat steps 2 to 5 one more time to create another electric beam. This is how you will get the final output.

Check out our latest 646-671 pdf dumps & 640-864 written by our SY0-201 certified teams to help you in pass real 350-030 exam & ccna security dumps.

0

Written By: Sipi Sagar

Currently working as a corporate trainer for various international companies and universities or schools that deal with business, design, advertising and media and now have got settled as a permanent faculty at Arena Animation Academy, Koramangala. Also working as a freelancer in web designing for the past 2 years. Specialized in web designing, flash applications and 3d architecture.

  • http://richworks.in Richie

    Nice tip. Another cool method to create such electric beams would be to use Difference clouds..

    Thanks for the tut :)
    .-= Richie´s latest blog ..The spectacular world of Time Lapse Photography =-.

    • Sipi Sagar

      Thanks Richie, Creating electric beams using difference clouds is already available as tutorial that’s why i tried this method.

  • http://www.admixweb.com Teylor Feliz

    Excellent effect!!

    Thanks
    .-= Teylor Feliz´s latest blog ..Hourly Vs. Flat Rate: Pros and Cons =-.

    • Sipi Sagar

      Thanks Teylor,
      I ll post more effects like this in future keep logged in and stay intouch with animhut.

  • http://www.ulrichdesign.ca Travis Ulrich

    Hmmm… I can’t seem to get “Stroke Path…” when I right-click on the line. It’s grayed out. Also, in step 1, do you mean set the foreground to black and the background to white? Because when I do it the other way around I get a white fill. Are you using the pen tool on a different setting as mine? Are you doing a black fill?

    • http://www.ulrichdesign.ca Travis Ulrich

      Okay, got it working. There’s still some things that I’m not understanding how they work exactly. I’ll have to try this a few times over. Thanks for the tutorial. :)
      .-= Travis Ulrich´s latest blog ..Why Blog? =-.

      • Sipi Sagar

        Happy that you got it. Stay in touch with animhut for more tutorials, freebies, resources and giveaways. Always happy to help you.

    • Sipi Sagar

      This has nothing to do with bg and fg color. Make sure that the pen tool is still selected whrn you right click.

  • Pingback: 160 Awesome Fresh Articles for Designers and Developers | tripwire magazine

  • Pingback: Tutorial photoshop para crear ondas eléctricas : WwW.Urbanicano.Net »

  • http://www.marinetechelectrics.com.au/ Marine

    Neat trick. Thanks for the clear instructions.
    .-= Marine´s latest undefined ..Response cached until Tue 22 @ 20:21 GMT (Refreshes in 23.96 Hours) =-.

    • Sipi Sagar

      Thanks Marine, for the comments. Stay in touch with animhut for more nice tips and tricks like this.

  • http://motercalo.jerabek.fr Motercalo

    We need how many times to do this?

    • Sipi Sagar

      You can do it as many number of times you want but it is better to stop with 1to 3 times else it looks too messy.

  • http://www.creativebloggingideas.com Gagan

    this is great, will help me a lot to design a poster to my college tech fest. Thanks :)
    .-= Gagan´s latest blog ..What Basically Is A Search Engine Optimized Theme =-.

    • Sipi Sagar

      Sure Gagan, I too was using this technique for creating posters but that was once upon a time when i was an amateur. But today in designing posters i use lot of different design concepts which will be posted as tutorials in future so please stay in touch with animhut for more…

  • Pingback: Tutorial de photoshop para hacer ondas eléctricas | Valiomadres

  • http://flyertemplates.prowebmedia.net flyer templates

    Really simple to do, but so effective. Very useful technique.

  • http://www.krop.com/ariarsyadi/ Ari Arsyadi

    The result looks fantastic and the steps are easy to follow. This one is my favorite!

Our Advertisers :

Subscribe to AnimHuT (it’s Free)

Add Animhut on  Google plus animhut Free  Email Subscription for design updates animhut on twitter Animhut rss subscription for latest Updates Join our Official  Facebook Page Animhut Flickr Pool

Our Facebook Official Page
Follow @animhut

Latest Post From the Blog

  • Blog Article: How to Find the Top Talent for your Start-up
  • 2012 Facebook Update: New Image Slideshow like Google Plus
  • Today’s Google Doodle : Charles Dickens 200th Birthday
  • Inspiration: 2012 Fresh Caricature on Popular Celebrities
  • Inspiration: Mid 1970′s like Illustrations by Jorge Mascarenhas
  • Miniature Wonderland – Creative Macro Photography Inspiration
  • Inspiration: Innovative and Creative Motion Reel by Jimmy Yuvan

Archives

Community News

  • Etched text effect using Photoshop

    Here is a very easy to follow tutorial to help you easily do it for any kind of color booklet…

  • 10 Best Clothing Website Designs

    Clothes were made initially to keep us warm and also function as a form of protection. However, since then it…

  • 35 Charming and Romantic Wallpapers That Make You Fall In Love

    Love is the most important part in ones life. Even today, in these turbulent times, love always finds a way…

  • Computers Arts Collection Vol 1 – Graphic Design

    Computer Arts Collection is brand new annual series of six comprehensive guides coming from the authors of Computer Arts, and…

  • 20 Cool Battery PSD Templates, Icons, Tutorials

    PSD Templates are an important element which contributes to impressive and effective graphic design. Creating an battery icon isn’t easy…

●● We Recommended ●●



● Best Web Hosting Review
● Best Web Host Companies
● Review BlueHost
● China wholesale
● factory
● Free Website Design
● Website builder
●Mactheripper
● Coupon Codes
• Freelance Web Designer
• Direct TV Packages
● InternetPhonePackage.com
•Best WordPress Themes
•iPage Web Hosting
● Web Hosting Services
●Youtube to MP3

Search by Tags

ANIMHUT art history Articles caricature character design Contest Daily Photography Daily photos design history digital painting Flickr Freebies Funny Videos google google doodles graphic design Icons illustration Illustrator InfoGraphics Inspiration Inspriation mascot Patterns Photography Photogrphy Photoshop Photoshop tutorial Poster Project365 Quick-Tip Review roundup sriganesh stock image stress buster Texture Tutorial twitter VECTORS Videos Viral Video Wallpaper Wordpress wordpress theme

Hall of Fame :

Friends

  • AdmixWeb
  • ArtAtm
  • BloggerJet
  • CreativeOverflow
  • DesignModo
  • Designrfix
  • Desizntech
  • Graphik Design Agency
  • Logolitic
  • Orphicpixel
  • premiumpress coupon code
  • Skyje
  • Smashingshare
  • Underworldmagazines
  • Visionwidget
  • Webdesignfan
  • Webexpedition18

Pages

  • DESIGN NEWS
  • Who We are ?
    • Authors
  • | CONTACT |
  • Site Map
  • Follow us
    • Google +
    • Like AnimHuT fan page
    • @animhut (Twitter)
    • StumbleUpon Profile
    • Add me on Facebook

© 2009-2012 AnimHuT | Designed by Elegant Themes | Powered by WordPress| Sherweb