Making A Web Band/Banner Thing

12/10/2010

Today we had to create a Web Banner that had to advertise http://www.postsecret.com/ but we could use the things off  our Postcards we made in introduction week as well.

I concentrated primarily on the Sun and Rain from my postcard and added a few things that represented me but wanted it to be small, so I chose the Implings from Runescape and intergrated them with my other pictures.

First we had to research various websites with banners on them. Here are websites that I use regularly that have Web Banners on them:

http://www.newgrounds.com/

http://www.flikr.com/

http://www.youtube.com/

http://www.runescape.com/

I chose to use a http://www.newgrounds.com/ banner which can be seen here:

I made a new document in Photoshop and it had the exact dimensions of what it was, then I was all set to get creating my Web Banner.

 Here are some various pictures that I used, mostly the little Implings.

I gave my WebBanner a cloudy background and locked the layer. Then I added the sun and the rain on the other side of where they were going to finish, I then made a layer each time and moved it once, then made another layer and so on. I also did the same thing with the Imps.

For the "Post Secret" logo I right clicked on it and it came up with this "Bevel and Emboss" I used this piece if software to make it  look all crumply and than appear as if it was a secret.

I then went into Adobe Imageready and with the layers I made I created my Animated Web Banner (making the layers that were not being used invisible so that the layers that are visible with the same image do not overlap.)

Eventually I created my Web Banner in Imageready. Here is the information about it:

And here is my final Web Banner, all working and animated:

Enjoy

Adam

PS: Here is my postcard that I made in introduction week based on PostSecret Cards:

GIF - (Graphics Interchange Format) is a bitmap image format for pictures.  GIF files employs lossless data compression so that the file size of an image may be reduced without degrading the visual quality. It cant be used for photographs and is popular in creation web logos and any pictures/images with 256 colours.

Software Used - Adobe Photoshop

Image Ready

The favourite tools that I used in these were the adding layers and Bevel and Emboss which I had found by accident.

I Completely forgot to add this! Animal Faces Work

Here is my funny animal face work I made in INDESIGN the second week at college, using a photo of a squirell and Owens face which I used as the final image in my Newspaper Cover work.

Orignal Photo

Owens Face

+ me playing in INDESIGN - heres how I did it -

Firstly I used the clone tool to remove the eyes of the squirell, then I put Owens face next to it, ready to add eyes.

Then I cut around Owens eyes using the Laso Tool like so:

I then added them to my squirell picture. I faded them out a little so that they did not look like they were taken from something else.

I also erased some of the little bits of Owen's skin using the Eraser Tool from around the eye and here is the photo of the eyes.

= my final picture.

LOL! Hyperactive Squirell YAY!


Adam

Other Bits I did in that lesson:

PSD – A document in Photoshop you can still edit and come back to and change over time. (Photoshop Document is its real name)

JPEG – Join Photographic Experts Group – Used to make huge image files into a small file size. Compresses files by 90% - 1/10 0f its original size. Its is mostly used in websites.

My Newspaper Cover!

5/10/10

Before

After! :o!

















This was actually a quite fun lesson in the end. I completed the work I was set out and learned INDESIGN very well. (It was a whole new piece of software to what I am used to).  There is one problem with my final piece (but Adam, it looks so real!!!! You could work for the EDP!) Well, the logo for "EASTERN DAILY PRESS" was not as big in size/format that when I zoomed in on it, it was very pixelized. But when I printed it out on A4 it looked ok so i was happy with it..

The actual logo I used:

(UPDATE - As my exported copy (which shows a lot of detail) did not show up the really great article I had put together, as it is really small like normal newspapers, I have supplied a zoomed in version below):

Adam

Random Hint: I am keeping a diary (only small) of what I did in that lesson/lessons and updating it everytime. It is in the middle of my desktop so I always notice it.

Newspaper Research!

28/9/10

For our lesson we had to research various newspapers so that we could create our own newspaper in INDESIGN (I think that is what it is called). I researched various newspapers. here are a few:

I chose the EDP as the newspaper I was going to put my Hyperactive Squirell  Picture in that I had made onto the front page as it is clearly set out with loads of information so you know what page has the information you are looking for and it is one I regularly read.

The scanned image above is my first atempt to how I was going to set out my version of the newspaper. It was changed,and changed, AND CHANGED, many times because my picture is portrait. Eventually I decided to keep it the way it is but add my own content: Shown below.

I might not always do these scanned images as I would rather hand in my sketchbook at the end as its shows them at their full potential. But hey! hopefully this is ok to show you some of my work in lesson until I hand my SB in.

Adam