Your Customers are Mobile, you will be too …

transperancy

I will show you how to add multiple transparency gradients to an image in Photoshop CS6. This is more of just a quick simple tip than an actual tutorial and the process should be the same or very similar in other versions of Photoshop. Although we are not actually applying multiple gradient masks we are able to add multiple gradients. Often one gradient in one direction doesn’t acheive the effect we are looking for.

I know I myself tried searching for this recently for a project I was undertaking but couldn’t find much to help out so after much research here is the best way to go about doing it. Continue reading

Adobe Indesign CS6 and CS5: Importing PNG’s with Transparency

This is more of a tip than an actual tutorial. If you are having trouble importing an image with transparency into InDesign CS6, CS5 or even some earlier versions and you want to retain the transparency of the image here is what you do. If you place the image and it… Continue reading

In this tutorial we will show you how to create a simple accordion menu with submenu’s that expand out smoothly as someone mouses over the top of them. The simple animation we will be using is CSS3 with no javascript however it is supported by all the major browsers except for IE. With IE the menu will still work with all the same functionality it just won’t slide out smoothly. If someone mouses over a sub menu it will just appear, other browsers however it will look great.

This menu is pretty much the same as the Simple CSS accordion menu I did last week but has been tweaked up to include this animation. When Completed the menu will look like this: Continue reading

Note: This tutorial has been checked and moved for CS6. For the CS6 tutorial view this tutorial.

I will show you how to add multiple transparency gradients to an image in Photoshop CS5. This is more of just a quick simple tip than an actual tutorial and the process should be the same or very similar in other versions of Photoshop. Although we are not actually applying multiple gradient masks we are able to add multiple gradients. Often one gradient in one direction doesn’t acheive the effect we are looking for.

I know I myself tried searching for this recently for a project I was undertaking but couldn’t find much to help out so after much research here is the best way to go about doing it. Continue reading

In this tutorial we will be create some stylish buttons for your website using CSS3. These buttons degrade gracefully and will still look great on browsers that do not support the CSS3 standards.Simple changes to the css will change the button colors rather than having to swap images or use a sprite image and positioning.

We will be using just 1 image to give the button a shine but the color of the buttons can be changed just by altering the background color in the CSS. The image will be a 1 pixel by 20px high gradient image going from with at the top down to transparent part the way down. This way any background color we chose for the background with come through leaving the white to give our buttons a nice shining finish.

Continue reading

Please buy me a Coffee

Help a starving student to drink more coffee

Follow us on: