Tuesday 12 October 2010

Post Secret Web Banner

What I Did - I analysed various WebBanners on the internet and how they are created I then looked at Webbanners with animations until I came up with a idea that I liked..

How I did It - I used Photoshop to design the text and layout of what I wanted I then imported the file into ImageReady and made the text as a animation. and added a few pictures from the PostSecret website and finalized with using the blur tool to blur the text and add shadows. I saved the final output of the image to GIF so the animation could be viewed over the internet with no issues.

What I Thought Of The Results - I was happy with the results and thoguht that the overall outcome of the Banner looked good and professional. For a first try at animation I think I did a good job.

Any Technical Problems I Faced - Importing from ImageReady to Photoshop was sometimes a pain because I would accidently edit somthing in Photoshop that I wanted to do in Indesign and caused me to have to re-do it. Apart from that everything was ok.

Final Piece And ScreenShots Of Work:
CLICK THE SECOND IMAGE DOWN TO SEE THE ANIMATED VERSION.





Tuesday 5 October 2010

Different Image File Types.

PNG - Portable Network Graphics are not restricted to the 256 color limitation of GIF files and work well for images with transparent backgrounds as they have more options multiple frames and simple animation.

GIF -  Graphics Interchange Format are possibly the most used on the web being used in logos and any other color images up to 256 color. For images that have text on them GIF tends to be better than JPEG as the files are usually smaller and JPEG tends to compress making the text blurry.

JPEG - Joint Photographic Experts Group the format is very popular due to its variable compression range. They can be used as High quality for photo printing, medium quality for web and low quality for attaching to emails. Jpegs are not so good for text as they can make it appear blurry so using them for graphs is avoided.

PDF - Portable Document Format is a file format developed by Adobe many desktop applications documents can be converted to PDF which allows for them to easily be viewed on many different machines. To view PDF files all you need is a free program from Adobe called Adobe reader.

PSD - PSD is Photoshop's native file format, It sometimes also goes under the name PDD. PSD is a widely accepted file format. And supports all available image types such as Bitmap, Grayscale, Duotone, Indexed Color, RGB, CMYK, Lab, and Multichannel. The biggest advantage of using the PSD format is that it can save images in layers (image, text, shape, etc.). This means you can edit an image one layer at a time and then go back to it at a later date you can also adjust and edit each layer independently to achieve better effects. PSD files are usually large because of the layers, but the size may be reduced by cropping the individual layers of the image. The maximum size of a PSD file is 30,000x30,000 pixels and may be saved with 16 bits per color channel. PSD image files may be opened with Adobe Photoshop or Photoshop Elements on Windows; and Adobe Photoshop, Photoshop Elements, or Apple Preview on Mac OS.

Newspaper Design InDesign.

What I Did - I analysed various newspapers and then created my own newspaper front cover with the headline story based on the animal face I created earlier in the week. I used the program Indesign to creat my piece.

How I did It - I used Indesign and various tools in the program which allowed me to edit the piece how i wanted. I used tools such as Free transform tool, rectangle frame tool and type tool to get a good looking result. I saved the final peice as a PDF file format as I found it was the best format for quality.


What I Thought Of The ResultsOverall I was happy the the results and thoguht the piece came out looking how I wanted it to the only thing I would have changed would have been a few more adverts to give the newspaper more of realistic feel.

Any Technical Problems I Faced - The only problem I faced was arranging the box layout of the text and images could be a problem geting them the perfect size. Any other problems I faced I would simple google for a tutorial.









































Free Transform Tool


Box Tool