Create a Brightly Colored Progress Bar Using Transparency Settings and the Appearance Panel
videos

Create a Brightly Colored Progress Bar Using Transparency Settings and the Appearance Panel

on Sep 6th 2012 with 12 comments
Tutorial Details
  • Program: Adobe Illustrator CS5
  • Difficulty: Beginner
  • Length: 09:48

Final Product What You'll Be Creating

Learn how to create a simple yet eye catching progress bar using the Appearance Panel and Transparency Settings in Adobe Illustrator CS5. The final image is scalable and can be used for an animation or web design. Let’s Begin!

 
Enjoyed this Post?

Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!

By

Rollover to read this author's bio or click through to see a full list of posts by this author.

My name is Maciej Lenartowicz and I am a freelancer designer from Poland. I'm always trying to combine a spark of creativity with my love for design.  

Plus Premium
 
 
  • Alex

    When I make apply the effect on the bar with the inner glow then screen i get whole shape in white, same size used as you did. not the same result In minute 5:55

    • http://spawntempest.deviantart.com Maciej Lenartowicz
      Author

      Alex,

      Make sure that you apply the effect to one shape only (use the Layers palette). The second thing is that the object, whose blending mode you change to Screen, may not be totally black. Double check if its RGB values are all set to 0.

      I hope that helps.

    • http://www.facebook.com/sajib.srs sajibsrs

      I think the problem may be from your layer mode.Change them as shown in the video tutorial.As First one is overlay ->Second is Screen so on.Thanks

    • aybee

      hi- you need ti use the registrration black to get the effect

  • http://www.antsmagazine.com/ Unaiz

    nice.. ! i like the color combination…

  • Alex

    Have solved the problem by remaking it, maybe my initial color choice was faulty to this problem (comment 1)

  • http://www.facebook.com/sajib.srs sajib srs

    I have created a copy from you.But the problem is when i trying to save it as png or jpeg mode then it generating a long straight line.Although there didnt have any.Heres the link http://www.facebook.com/photo.php?fbid=3136620073022&set=a.1021911206622.3469.1790476842&type=1&theater

    • http://ducsu.com ducsu

      The link provided is currently unavailable.

  • http://ducsu.com ducsu

    I like the color scheme. Purple is my favorite. I will give this a try when I am done with my other tutorials I have started but never completed.

  • wilk

    great work Maciek! Polscy freelancerzy są najlepsi ;)

    • http://mlenartowicz@carbonmade.com Maciej Lenartowicz
      Author

      :)

  • L

    very beutiful I love pink..here is my work, I added strong glow because I like it that way :)
    just my backround isn’t like yours so transparent objects have different shades…
    https://www.dropbox.com/s/ffiaa5y8psw6j9n/progressbarP8.png