Free Vector Web Page Elements – Part 4
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
Includes: – AI (2) EPS (1) SVG (1) PNG (1)
This entry was posted
on Tuesday, March 6th, 2007 at 9:40 pm and is filed under Freebies.
You can follow any responses to this entry through the RSS 2.0 feed.
You can leave a response, or trackback from your own site.
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
Thanx for create this site. It is very usefull. as we say: tá muito bala.
[...] aqui para ir a la descarga directa Comparte este [...]
Thank you for your freebies.
Yo, Rahul. Don’t know your email but if you’re readin this, you can emulate the Blend Tool (and lots of other Adobe Illustrator tools) using this guide I found on the Inkscape page… http://wiki.inkscape.org/wiki/index.php/AdobeToolMap
[...] Badge] [Glass Bar] [Glass Arrow Button] [Glass Number] [Web Page Elements Part 1 Part 2, Part 3, Part 4] [Glass Buttons & Bars] ???????: [Butterflies] [Wings] [Flowers] [Rounded Squares] [...]
[...] reading the tutorial on Ndesign Studio about Abstract lines, and after I posted this story, I started digging deeper into Illustrator’s (CS) Basic Tools palette. I discovered that [...]