Download a free collection of 24 social icons, including Photoshop vector (smart object) files, Fireworks file, various sizes of .pngs, as well as image sprites showing hover states for use with CSS.
This is an Adobe Fireworks .png vector file containing a ticket graphic for use in web designs. Feel free to download and alter / reuse as desired.
Many of us (clients and yes, even developers and creatives aren’t exempt) take a creator-centric view when developing a website. Usability and UX sometimes end up taking a backseat to the things we want to showcase. When creating a website for the public, we need to design for the public.
As of CS5, Adobe Illustrator still does not have the inherent ability to apply gradients to strokes. Hopefully a future version of Illustrator will introduce this functionality. However, there are various ways to finagle the software into imitating this capability (which is a commonly-used feature of Adobe Photoshop). Here is a fairly easy way to simulate gradient strokes in Illustrator.
This is an Adobe Fireworks .png vector file containing two shiny buttons. Feel free to download and alter / reuse as desired.
Adobe Photoshop still holds its place as the primary tool of most web designers these days, but there is another contender on the market that– I daresay– does the job better.
Have you ever found yourself coming up with Photoshop tricks or shortcuts to achieve fairly simple ends (resizing boxes with rounded corners, for example)? Ever used layer comps to simulate pages functionality? Used smart objects to simulate instances? Used the marquee tool and the Info panel to make sprites? Had to pass files between Photoshop and Illustrator to get those vector elements just the way you want them? Moved between several softwares for the wireframing, prototyping, and mockup phases?
A small collection of 151 tiny pixel icons. Useful for weeny UIs, footer links, digital watches… et cetera. PSD file contains all icons on one layer; crop and save as appropriate.
A 3-D button (up and down states) constructed using only layer styles on a shape. Use and alter as you see fit, no attribution required for use. Simply open the file in Adobe Photoshop.
A simple HTML5 + jQuery front-end framework to get you started as quickly and easily as possible. Includes fallbacks for non-modern browsers and is easily customizable. This bare-bones framework was designed so that you can add necessary features and will not have to delete lots of clutter.
If you’re familiar with Layer Styles, you’ve probably run into the irritating fact that you can’t simply “Rasterize Layer” to flatten styles. Many people create a new layer and then merge it with the styled layer. However, you can’t create an action that will do this as a shortcut.