30 Photoshop Web Elements, Backgrounds and Icon Sets (via GraphicRiver)
When you’re designing or building a website, chances are you’re going to need various little elements designed. I personally tend to reuse a lot of the same buttons, menus, icons and so on. Since we launched GraphicRiver earlier this year though we’ve seen a lot of cool little web graphics coming in, in the form of web elements, backgrounds and icons. So I’ve compiled 30 of the best to give you a flavour of what is available over there. Of course don’t forget if you just need a complete PSD design template to build off you can grab those at ThemeForest!
10 Styles of Login/Signup
From the Author: These Login/Signup screen elements are designed in Adobe Photoshop CS4 , and to be used for your projects of web application and or website. You can modify or can change their colors according to your project theme. Each Login/Sign-up design is layered and categorized in layer groups. These are ten designs.
$4 – More Details & Preview
Stylish Menu For CSS Sprites
From the Author: This is a very Stylish menu including a fully layerd PSD file, it could be used for a CSS Sprite menu or whatever type of menu. Everything is adjustable in this psd, just open it with Photoshop and start editing, To change the colors just open the the layer of choice and just change the gradient inside the blending Options Panel.
$1 – More Details & Preview
Clean Web Navigation Menu
From the Author: Cool, clean and contemporary Web navigation menu using Arial font. I have used Arial because it is freely available across all operating systems, but you can change the to whatever you want! Menu comes in three flavors! File includes a fully layered Photoshop PSD version and a fully editable Fireworks vector PNG file!
$1 – More Details & Preview
4 Navigation Crumbs
From the Author: These navigation crumbs will be ideal for your next website mockup! They are highly customisable with all layers and styles intact. Just drag and drop them into your next design!
$1 – More Details & Preview
The Ultimate Web UI Kit
From the Author: Included is a comprehensive set of Web UI elements that are intended to help designers save time, money, & headaches when they are mocking up web pages. Having spent countless hours mocking up websites myself, I’ve learned that there are some elements that I re-use quite a bit to speed up the design process on non-creative elements. Specifically, I have broken out all of the standard web ui elements that web designers use on a regular basis & recreated them in separated layers that are ready for quick placement, restyling, & scaling.
$6 – More Details & Preview
Web Buttons (Pack of 12)
From the Author: A clean, contemporary collection of 12 buttons for Web sites. Files come in layered Photoshop PSD format and Fireworks PNG format with editable vectors! The font used in these buttons is Arial so all user across all systems can use these buttons out of the box! You can change the font, you can change colors, you can do anything you want because everything is editable!
$2 – More Details & Preview
Cool Silver Buttons!
From the Author: This package include cool customizable silver buttons with regular, hover and pressed state. Each button style and color can be changed easily for your next mockup or website!
$1 – More Details & Preview
Glossy Button Set
From the Author: More than 100 glossy buttons in all colors of the rainbow. The file contains layered buttons with all layer styles intact allowing you to easily tweak color and style.
$1 – More Details & Preview
Argon Navigation Set 1
From the Author: Clean, stylish and contemporary navigation set in Adobe Fireworks PNG editable vector format so you can resize and re-color all interface elements (excluding icons) to desired size.
$2 – More Details & Preview
Argon Navigation Set 2
From the Author: Clean, stylish and contemporary navigation set in Adobe Fireworks PNG editable vector format so you can resize and re-color all interface elements (excluding icons) to desired size.
$2 – More Details & Preview
Various Tooltips
From the Author: Use these 4 tooltips to highlight an important message for your form fields or web elements. These customisable designs allow you to easily modify the shape, color and style of each tooltip to suite your needs!
$2 – More Details & Preview
Web Lists
From the Author: You can use these lists to hold any content for your website! You can use them for links, user lists, checklists, etc… Swap out images with your own icons or thumbnails. All layers and styles are intact to make customising easy!
$2 – More Details & Preview
Modern Menus and Buttons
From the Author: These are buttons and menus in a clean and modern style. The menus and buttons come with the color for the hover-effect. You can easily change the size, edit the text and change colors to whatever you like.
$1 – More Details & Preview
Black Menu
From the Author: File includes a fully layered Photoshop PSD and a fully editable. Using Arial (Regular, Bold). Menu’s width 970px. which elements has shape if you want change menu it’s very easy. All buttons includes hover.
$2 – More Details & Preview
Fiber carbon pattern background texture
From the Author: Fiber carbon pattern background texture. This PSD file Includes pack of 10 EXCLUSIVE fiber carbon pattern. Great for black dark web and graphic design. Each texture is 1600px X 1200px.
$5 – More Details & Preview
Clean Web 2.0 Backgrounds & Background Maker
From the Author: 11 ready to use clean web 2.0 styled backgrounds. Many colors to choose from. Don’t have the color you want? Included is a background_maker.psd which has everything ready for you to simply change colors and create a new clean web 2.0 background.
$2 – More Details & Preview
Web Large Background Pack
From the Author: 6 different backgrounds. 6 full layered Photoshop files. Dimensions: 3508×2638 px. Very easy to add/change more background colors or customize other backgrounds
$6 – More Details & Preview
Web Headers Flower Pack
From the Author: A collection of three Web headers perfect for Web sites and blogs. All headers measure 1002×224 pixels. The font used in these headers is Myriad Pro and all text is editable. All files are layered in Photoshop. All files also available in fully-editable vector PNG format for Fireworks. All photography is high quality taken with a digital SLR camera.
$2 – More Details & Preview
Web Headers Software Pack
From the Author: This is a pack of four Web headers perfect for software and computer Web sites. All files are in fully editable vector Adobe Fireworks PNG format.
$3 – More Details & Preview
Ultra-Modern Web 3.0 Global Navigation
From the Author: Super clean and Ultra-modern Web 3.0 (yes, 3 point 0) Stylish Global Navigation Buttons. Completely customizable and created with photoshop shapes and styles.
$2 – More Details & Preview
Matte Motes Emoticon Set
From the Author: Matte Motes is a set of 50 cleanly, custom styled, 16×16 pixel emoticons. Included is a layered .psd that enables you to easily create your own custom emoticons. There is literally 100’s of possibilities between all the different elements provided for you to create completely unique emoticons. Everything is changeable.
$6 – More Details & Preview
Anodized UI Elements
From the Author: Set of 33 UI icon buttons in vector .AI and .EPS format. Each button includes 4 styles: Standard, Highlighted / Selected, Depressed, Depressed Highlighted / Selected
$8 – More Details & Preview
Circlicity – Circular icons
From the Author: Circlicity is a fresh circular icon set, made of 34 different icons, available in 9 base colours, but there is a possibility that anyone changes the colour to make an unique icon. This icon set will perfectly fit any projects, from websites, online services, to softwares, or prints.
$12 – More Details & Preview
Function Premium Icon Set
From the Author: In this set we’ve included 148 premium icons which includes all the ideal icons for your websites or applications. We’ve come a long way since our first icon set, and we hope you appreciate the fresher and cleaner look of the new icon set.
$12 – More Details & Preview
RSS Feed Icons
From the Author: Custom Made RSS Feed Icons usefull for Web 2.0 Style websites and other. Editable Layered Files
$4 – More Details & Preview
dippycap ICQ icon set
From the Author: Set of 16 icons sized 16×16 px, everything layered, easy to use and change. Originally designed as a unreleased skin for ICQ , but can be used anywhere else. Minimalistic look.
$6 – More Details & Preview
Web 2.0 Background Pack
From the Author: You can use this for website background or print big wallpapers with Your logo for Your office or use it like an design element anywhere you need. 8 different backgrounds. 8 full layered Photoshop files. Very easy add/change colors.
$2 – More Details & Preview
Button and navibar Set
From the Author: This is a set of a variety of bold nice looking navigationbars and buttons. The PSD -file is layerd making it easy for you to change the text on the graphics and to transform them into the size you wish!
$2 – More Details & Preview
HippyCons
From the Author: My newest, and most favorite interface sets that I just finished!
$6 – More Details & Preview
White FLV Player
From the Author: Fully layered Photoshop PSD. All layers created as shape layer. If you want change player size, it is very easy to customizable. Current video size 480×360.
$1 – More Details & Preview
Get Updates on Great Files via Email and Twitter
Lately we’ve been thinking about how our buyers can get better updates on the latest and greatest files, after all our marketplaces have in excess of 15,000 files on them these days! So we’re happy to offer a few new ways to get updates:
-
Via Twitter:
Follow us on Twitter @graphicriver for a daily awesome file as well as general links to awesome graphics tutorials, news and chatter!
-
Via RSS Feeds:
And of course you can just grab RSS feeds for the major categories on GraphicRiver including Graphics, Vectors, Textures, Icons and Add-ons.
-
Via Weekly Emails:
We’re starting a new weekly email which just focuses on great files for each marketplace. You can subscribe to the GraphicRiver email list below
And finally if you’re after tips on how to use stock effectively – i.e. so it doesn’t feel like stock! Check out a neat blog called Stock in Action.
Enjoyed this Post?
Subscribe to our RSS Feed, Follow us on Twitter or simply recommend us to friends and colleagues!
By Collis Ta'eed
Join our newsletter!
Create a Tutorial, Get Paid!
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Nettuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
Nice collectin of resources here.
i like gray and black items!
Going to buy in the future, after I had enough money! :D
Just pointing out an error, “Web Headers Flower Pack” is used as the title for the item below the actual one.
There’s some really nice items here and what a great way to get a few extra sales on the marketplace!
Thanks Lee! fixed!
ma ma money money
Cool collection!
WOah, this is an awesome collection!
very nice and reasonable prices here, also across the network too.
Wow, cool collection, high quality stuff!
Photoshop for photos – Fireworks for web.
What is the affiliation here with GraphicRiver? Is nettuts getting any referral credits or something?
The creator of Nettuts is the creator of Graphic River, as well as FlashDen, PSDTuts, and all the other Tuts sites.
Click the “TUTS+ Network” dropdown at the top of this site to see all of the sites. They’re all fantastic!
And what if they would? A click is a click.
Great resources but them no free.
Anyway thanks so much !
Thanks Collis, great collection.
I am happy you selected one of mine at # 1 :)
http://graphicriver.net/item/10-styles-of-loginsignup/32161?ref=tuts
“Ultra-Modern Web 3.0 Global Navigation”
What the???
Sigh. This is what happens when you let commercial people talk about the web.
So true, the buttons aren’t even that nice looking.
Glad I’m not the only one who thought that was douche-ey.
What a collection man????
Really Great…
So cool!
Web 3.0 what the heck is that? That guy needs to die.
Hahahah i agree
Those look good! Its called Carbon Fiber not Fiber Carbon…. Its ultra lightweight ultra strong fabric like fiber glass used for car parts such as hoods, fenders etc.
Im all for self promotion of resource’s for envato but what a wasted post.
Gotta agree with you on that one
Not True. This is an awesome collection. Stop Hating.
I Agree vincent… i feel dirty for looking at this post…
Great collection! Thanks for choosing one of my files, or two :)
great! more cookie cutter graphics to accelerate the phenomena of ‘web 2.0′ sites that are all virtually identical to each other.
Amen.
A Web treasure for a web designer like me :) Thanks Thanks
nice collection, i like the background images.
The set of templates for login and sign up… it’s awesome!
Thanks
gotta agree .. that’s the only cool thing out of the whole post
Thx man, great post!
stupid post.
WTF is web 3.0?
“The Ultimate Web UI Kit” Is amazing, really love those, could be very useful for developers especially, and save a lot of time for people. Clever idea!
Awesome “tutorial”.
lol
Great Collection! Thanks for choosing one of my file collis.
Sweet! You totally advertised me! Great post!
Yeah yeah I know you’re great a making lists..
Please post more tutorials.. :)
Excellent. Im going to keep this in mind next time Im under a time crunch. You have some goodness going on here
Damn, those are some really good icon sets. Thanks!
get paid yo
not free not worth it make you own
Excellent login panel, thanks man
Ahh……! Envato! Envato!…… Propaganda! Propaganda!
When marketing is there; lots of things loose their original value.
For people asking what the heck is Web 3.0! Well, it’s the kind of web where you have to pay to post a comment in a popular blog.
Don’t seem to take lot of time for Envato to switch to Web 3.0 ;-)
Seems to me endless. like to avoid others and stay only with tutsplus.
no obligation for the prices here coz geeks efforts has values and we should respect.
what i see is best
My head, my hands and my skills are my power. Everything of this can be made by myself, or found on the web for free smth like this.
Why do I need to pay? Why do you need to pay? :)
Good collection.
Although it’s kind of silly to charge money when there’s 3-4 lists like this released every week, all of which are 100% free.
Wow, what a collection of mediocre, overpriced material!
Seriously, what is this post about?
And none of these are free because [ Add crazy answer here ]
looks like theres a lot of great stuff here! i especially like the ultimate UI kit thing… oh, and of course, my personal fave… hippycons.
شكرا
thanks
really this is a very nice galley template designs, I like it.
They are all so easy to make… but thanks for sharing ideas.
Nice collection, some useful elements in there. Thanks.
Nice One
quite like these ones on graphic river:
http://graphicriver.net/item/web-elements-volume-2/47285
pls give free!…