Articles in the Tips & Tricks: Design Category
Tips & Tricks: Design »
Imagine the following situation: You have 500+ photos which you want to resize to a maximum height of 480px, save the picture in PSD format, save the picture for web, use the same image to resize it to 50px, canvas the image to 29px, save it again for web and close the picture without saving. Well, do you find your self repeating those steps again and again? Well, to be honest… I don’t!
As I’m working on the new webshop of JoicoEurope I needed to resize …
Tips & Tricks: Design »
Do you want to create rollover images for the navigation menu of your website but don’t know how to start? While browsing on YouTube I came across a very nice video tutorial which shows you how you create rollovers in Adobe Photoshop and later use it in Adobe Dreamweaver or any other html application.
In case you don’t know what rollover is; A rollover image is an image that changes to some other image when you rolls the mouse over it.
Anyway, watch the video and make your own rollovers!
Tips & Tricks: Design »
Do you want to create silhouettes but you don’t know how?? Well, I found this great video tutorial that teaches you how to create silhouettes of any image in Adobe Photoshop. Give it a try!
Tips & Tricks: Design »
Not long time ago I wrote a post about CSS navigation menu’s called: Create Your Own CSS Menu In 3 Steps. Having a CSS menu is on your website or blog can be necessarily. Why?
It’s also easy for the visitors of your website/blog to navigate your website/blog. I mean imagine this: a visitor arrives on one of your post from Google and after he/she reads the post or finds what he is looking for he might want to look further and if you haven’t got a proper navigation menu he’ll …
Tips & Tricks: Design »
Some months ago while I was searching for the right CSS menu for my blog I came across List-O-Matic. List-O-Matic enables you to generate CSS-styled navigation menu’s in three very easy steps. First you have to choose how many links you want your menu to have and if you want to include title attributes in links. When you’ve make your selection you can enter the link details. After this step you can choose one of the 17 pre made designs which suits your website or blog. Don’t mind the colors …
Tips & Tricks: Design »
Yesterday I posted a PDF containing 4 pages of Photoshop shortcuts. Tazdog asked me if I got some Illustrator shortcuts and guess what.. I also got some Illustrator shortcuts as well!
So again another post containing some wonderful shortcuts but this time it’s time for Adobe Illustrator! Illustrator is used to create vector graphics and I use it very often. For example my side header (also the footer, sidebar background, sidebar titles and the post background) are all made in Illustrator.
Adobe Illustrator CS2 Shortcuts PDF
Adobe Illustrator CS3 Shortcuts PDF
Tips & Tricks: Design »
Yep, some more shortcuts! It is proven that using shortcuts can save you time and boost up your productivity. Almost every software has some shortcuts like Photoshop. Actually Photoshop has a lot of shortcuts. Speed up your work using this shortcuts in the PDF and skip the click! The best way is to print it out and keep it near your computer.
The PDF includes 4 pages. The first two pages are organized by function in Photoshop, the last two pages have all the shortcuts organized …
Tips & Tricks: Design »
The history brush is one of my favorite Photoshop brushes. You can use the History Brush to selectively restore color, detail, smoothness, saturation from an earlier point in a picture’s history.
The most popular and my favorite use is to take a color picture, convert it to black & white, then brush the original color back into a particular selection. The artistic effect can be amazing!
Using the history brush is very easy and once you know how to work with it, you’ll use it more often! Just follow the steps and …




