Category Archives: How to

How to make a GIF

In this tutorial I will be demonstrating how to create a GIF on Adobe Photoshop.

As you can see on my home page I have an animated banner, this is a gif.

First of all I have all my separate layer in the position I want them to be and they are all organised with titles on the layer menu.

The next step is to make all your layers invisible, you do this by clicking the eye next to each layer.

Looking at the timeline at the bottom of the screen you need to make the layer you first want to see visible, on the first frame. This is usually the background.

Next you want to add another frame, by clicking the tab at the end of the time line you get the option to add a new frame  

Then on each frame keep making one more layer visible. In my example each frame I uncover another word.

Finally you need to alter the time in between the frames, I made mine 0.5 seconds between each word appearing.

Finally for you to save it so you can use on your WordPress blog you need to go File > Save for Web. Make sure the format is Gif.

NOTE – When uploading to WordPress do not crop the image otherwise the animation breaks.

Here is my final product.



How to make a Motion Graphic

Here is tutorial that I found useful when creating my motion graphic. Similar to this video I also used Adobe Premiere to create my motion graphic.

First before I could start this animation I had to make sure that the different layers I wanted to include in the animation were saved separately.

All the layers in this Photoshop file had to be saved separately.

Once the layers were saved separately, I then opened up Adobe Premiere. I added the all the layers to a media file in the bottom left corner so I could be organised. I then went on to add my  layers to the timeline. I made sure that each layer appeared at the right time. For example the background remained on the timeline for the whole of the graphic. However the different moon shapes appeared at different times to produce the animation.

I also had chance to use the special effects, I used the fade setting so that there was a flow to the moon growing sequence.

Here is the final product of mine:


How to Strip a Magazine

In one of my lectures last semester I was introduced to Composition. We looked at magazines and how they were arranged in a way that the viewers eye was lead to certain components.

Therefore I was challenged to strip a magazine cover and build it up again.

This is the magazine cover that I chose –

For me the main focal part of this magazine cover is the fly on Seth Rogens nose. Here was my starting point, I was going to remove the fly from his nose. To do this I used the clone stamp tool, which basically acted as a skin graft in a creepy way.  I was able to stamp a part of his skin and stamp it over the top of the fly to erase it.

My next goal was to erase all the text, it was simple to erase the text down the sides, this was a simple eraser tool job. However the text on his blue shirt and the Rolling Stones text on his hair were vey difficult. Again using the Clone Stamp tool I was able to do this. 

These are the results.

I was able to strip everything from the magazine poster so it was just a photo of Seth Rogen. I then began to add all the text again.

Here you can see the original and the stripped down and built back up version.

This was my first attempt at using the Clone Stamp Tool, I will be making more effort to practice with this tool.




How to make a header

An essential part of every website is a header. It doesn’t matter how simple or complicated it is a necessity when creating a webpage.

So, here how to make one on a WordPress site.

First of all you need to know the size of your header, you don’t want to be spending loads of time creating a header that doesn’t fit your site properly.

To do this you need to go onto the customisation page, when the toolbar pops up at the side of your website you want to go onto Header Image here you can find the recommended header size.

Secondly using these dimension you need to open a new document on Photoshop and enter your custom dimensions accordingly.

Finally a blank document in the selected size will appear, here you are free to edit as you please and create a fantastic header which you can use for your website to make it much more aesthetically pleasing.

Using the dimensions recommended to me, here is the original header that I created.



How to use Hue/Saturation Tool

Here is a basic tutorial by me on how to find and use the Hue/Saturation tool.

The Hue/Saturation tool essentially allows the user to change the colours of the image – the hue typically enriches or takes the life out of an image and the saturation controls the lightness and darkness.

In my image I have altered the colours. Initially it was green and very vibrant summary image, using this tool I have managed to alter it so it is more red and appears to be taken in the season autumn.



How to make a Black & White photo

My favourite photo editing is the transformation of colour photos to black and white, however only when it’s done properly. In this tutorial, I will be demonstrating how to create a black and white photograph.


First, you need a photograph, then you need to open the photograph in Photoshop. This can be done by clicking – File > Open then select your image.

Once you have the image open you then need to select Image > Adjustments > Black & White. Your image will then become black and white and an adjustments box will appear, click Auto > Okay.


Image > Adjustments > Black & White


Auto > Ok

I find I’m not happy enough with the result at first so I continue to further edit the photo as follows. I use the tool ‘Levels’. This tool decides how much white and/or black you want in your photo. It does this by changing the brightness, contrast and tone of the photo.

To do this Image > Adjustment > Levels. An adjustments box will pop up; there you can use the sliders to freely edit the input of the photo to what you want and are happy with.


Image > Adjustments > Levels

Once you’re happy with the edit, then File > Save.


Here, you can see the difference between the original image and the black & white edited version.