Tag: web design

2015 / by hannah -

Font Awesome Photoshop Custom Shape Pack

Download the Font Awesome Free Photoshop Custom Shape Pack here. Font Awesome is an amazing resource for web designers and developers. For those who are new to Font Awesome it…

2013 / by hannah -

Dotted and Dashed Lines in Photoshop

Dotted and dashed lines are used a great deal in web design, and if like me you use Photoshop for your web designs, you will know that creating these lines…

2010 / by hannah -

Saving a gradient for web – gif, jpeg or png?

Gradients are often used in web design, but when you save them using the wrong file type you may find that your lovely design has banding stripes of colour or will actually cause you more work in the long run when you come to update the files!

2010 / by hannah -

How to create an animated gif in Photoshop

In this tutorial you will learn how to create a basic animation for the web with photoshop. Follow these simple steps to create a circular animation. This tutorial can be used with any graphics you like, I’ve used simple circular graphics to create a circle which changes into a half circle and back just for the purposes of this animation.

2010 / by hannah -

How to create buttons for a webite in photoshop

This tutorial shows a quick and easy way of creating a button for a web site. This button style contains a gradient background, a inner white border with a darker outer border and drop shadow. These buttons are very easy to recreate using layer styles and shapes and will suit any website as they can be coloured to match the design.