Daily Web Design Inspiration & Ideas
I found what I think is a great, easy to follow 9 step tutorial for building an interactive stack of photographs. This is a great design technique when you are very limited on page space, but wish to display multiple images. Check out the tutorial at Design Reviver and let me know what you think of it.
Popularity: 6%
The CSS way of creating great website backgrounds. Nathaniel from tutvid.com did a nice video tutorial that shows how this is done.
Using a top gradient image with a background color you can acheve unique looking backgrounds for your websites. Just use your imagination to create the one that will work with yours.
Popularity: 12%
Here is a simple way to turn a design done in Photoshop into a webpage using HTML and CSS. Anyone can follow this video and do the same with their design.
Click here to download the Photoshop CS3 design file.
Popularity: 54%
Vandelay Design posted this collection of 40 Photoshop Tutorials for Lighting and Abstract Effects that I found awesome and am filing it here on WDI for later use.
I hope you can use it too and remember to come back here to find it.
Popularity: 50%
This is a simple way of creating a Lightning effect in Photoshop CS3. It could also easily be done in any version of Photoshop.
After I got done editing and publishing this video I desided to also create a Photoshop Action to make the lightning effect by just playing the Action. So here you can download the Photoshop CS3 Lightning Effect Action:
Download: Photoshop CS3 Lightning Effect Action
To use this Action, with Photoshop closed, download and unZIP the file.
Move the unZIPPED file to the following folder:
C:\Documents and Settings\YOUR_USER_NAME\Application Data\Adobe\Adobe Photoshop CS3\Presets\Actions\*Start Photoshop and open a new file.
Open your Actions pallet and click lightning action folder and click the lightning action, like you see in the picture below.
When ready, click the play button (looks like a triangle on it’s side) at the bottom of the pallet.
This will create a lightning bolt. You can apply additional effects that you saw in the video to this to layer more lightning bolts on top or to colorize it.
Enjoy!
Popularity: 30%
Here is a little video tutorial I did on creating a certificate seal or a badge, what ever you want to call this. I used Photoshop CS3 to create this although it can be done in Illustrator for even better results. Since Illustrator creates vector graphics, it would be a lot cleaner and would be re-sizeable. This video tutorial is a quickie.
At the end on the video, I also desided to change the color of the outer edge of the seal to gold.
Let me know what you think.
Popularity: 8%
PSDTuts put out a tutorial last month detailing how to create text that looks like a well manicured lawn. The tutorial is very detailed so that even rookies like me are able to complete this task. I’m sure that advanced PS users will be able to breeze right through this tutorial. However, it’s a great tool to have available…especially in today’s “green” mindset. So…just keep this tutorial in the back of your mind (or bookmarked) for future reference.
Popularity: 5%
A great list of novice web developer’s resources has been posted at WebhHostingUnleashed.com. Laura Milligan has collected and put together this list of 100+ open courseware collections for aspiring web developers. Here is the first 5, I recommend browsing through the rest of them on their website.
Go to WebHostingUnleashed.com to see the whole list.
Thanks to Fiona King of WebHostingUnleashed.com for the heads up on this.
Popularity: 4%
Just put together this Photoshop CS3 tutorial for creating a simple, quick, Web 2.0 text logo. This is my first time so I hope it’s not too bad. 
I’d love to hear your comments and ideas for improvement.
Popularity: 12%
Need to refine your CSS skills? Are you looking for some cool tips and tricks for CS3, Acrobat, Illustrator or MS Office? If you are, then go check out the free video tutorials at Ten Ton Books! Geoff has put together some great, informative tutorials on all of the subjects listed above. Currently there are 8 free videos. I watched the first in a three part series on ‘Creatin’ CSS Layouts in Dreamweaver’ and it was great. I’d highly recommend them to anyone interested in refining their abilities in Dreamweaver.
Go check ‘em all out!
Popularity: 8%
