Free Vector Web Page Elements - Part 4
Posted on March 6th, 2007 by BittBox
Here on BittBox, I like to share things with you, especially those things that can make your life a lot easier. Have you ever discovered something very simple, yet very useful in a program you use on a daily basis, and thought to yourself “Man, That’s sooo easy. If only I would have figured that out 3 years ago!” Those are the kinds of things I like to share. Well, I came across an awesome tutorial a few days ago on NDesign Studio that explains one of those very simple things in Illustrator: Easy Abstract Lines. I started experimenting with these lines, and incorporated them into some vector buttons and headers, and I invite you to do the same (experiment). I guess what I’m saying is that this set of freebies is meant more-or-less to inspire your creativity a bit, and play with a new tool (if you don’t already know about it, of course) Abstract lines via the Blend Tool.
Tutorial Link: Abstract Background Tutorial by NDesign Studio.

Color Scheme requested by BittBox Reader Brandon Hopkins
Related Posts:
- Fun with Illustrator’s Blend Tool
- Fun with Illustrator’s Lesser Known, Yet Powerful Tools
- How to make Smooth Lines in Illustrator
- How to use Vector Files in Web Design
- How to Make a Custom Illustrator Brush
- Easy Illustrator Trick: Oversized Stroke























one of the best freebies site/blog i’ve found so far. keep it up bittbox!
wow crazy wave thing, can I use that for my “mixes” as artwork?
thanks a bunch jay!
Thank you! …reminds me of my spirograph playgame when I was younger :-) I always appreciate whenever my feedreader shows me that you got new stuff to look and read - besides, thank you for the link to the origin tutorial, my evening will be filled out with doing “easy abstract lines” :-)
Looks like Brandon is a Florida Gators fan… I’m looking forward to getting home and spending a little time in Illustrator on this tutorial. Thanks!
Great blog, I really love your tips and trics. I guess I will have to get Illustrator soon, I only have Photoshop right now…
I saw that you had noted “explain scriptaculous” on your note-picture (http://www.flickr.com/photo_zoom.gne?id=406408279&size=o).. Any ETA on that? I would really like to use that on my site, but I can’t really manage to use it. Any help from you, who explain things really good, would be appreciated!
Thanks again for this great collection.
I love the content here and very rare to find such a site full of cool design stuff…
Awesome! Thanks for the orange/blue scheme. I’ll definitely use a few of those at least!
@Espenhh
I’ll see what I can do!
~BittBox
I love the buttons in light orange and light blue color… its awesome…
Hey can you give tutorials like these in Photoshop also? I see that more often you use Illustrator, I installed Illustrator only 3 days back but still I have to get a hang of it. I feel photoshop to me more easier as I haven’t used Illustrator before…
Excelente!! Muy bueno! Gracias
Thank you!
awesome!
a tutorial on how to do this stuff will make my life complete :)
thanks!
You can create the crazy wave thingies in Inkscape by drawing two paths, selecting both and choosing Effects -> Generate From Path -> Interpolate.
I didn’t know this feature until I saw this article and looked up some tutorials to see if I could achieve the effect in Inkscape. Learned something new today. Thanks for the article!
Sweet!
I like it.. thnx again!
btw..I’m searching for your searchbutton on the site.. :P
Hihi, you really like your glassy buttons, don’t you?
Thanks for the good work!
Bittbox –
I don’t have Illustrator, I’m currently using Inkscape, an open-source equivalent. Do you know if it’s possible to blend in steps? I can find how to do gradients, but not blends.
Good work! I especially loved the tutorial about web 2.0 reflections.
bittbox,
Thanks to you I’ve now got a new logo for my blog and a new tool in inkscape. You’ve a great blog going thanks very much for your contributions!
Subscribed!
-Steve
Alway’s glad to help!
~BittBox
i hate you
[…] BittBox - Vector Web Page Elements […]
[…] http://www.bittbox.com/freebies/free-vector-web-page-elements-part-4/ […]
[…] http://www.bittbox.com/freebies/free-vector-web-page-elements-part-4/ […]
[…] http://www.bittbox.com/freebies/free-seamless-vector-perforated-metal-pattern/ http://www.bittbox.com/freebies/free-vector-web-page-elements-part-4/ http://www.bittbox.com/freebies/5-free-seamless-vector-patterns/ […]
Used this here:
http://www.deviantart.com/deviation/56266831/
Thank you!
Thank you for your freebies.
http://www.s26s.com
[…] Free Vector Web Page Elements - Part 4 […]
thx so cute!
Nice and Handy…
…
[…] BittBox - Vector Web Page Elements […]
THANK