OCR Nationals Unit 21 - Task 8

Background

I decided to make my background to be a picture of space, as what is being offered in the banner is something to do with space. I looked for a picture using google.co.uk, and when I found one I saved it into my Unit 21 folder.

Now all I had to do was to import the picture from the folder into my banner now.

To do that I have to click on File, then Import and then Import to Library.

After doing that, I selected the Space Picture in my Unit 21 folder to Import into the Library.

I checked that it was finely Imported into the library by looking there.

Now I have to drag the space picture from the library onto the Advertsing Banner.

Once I had done that, I resized the picture so that it can fit onto the whole of the Advertsing banner as it will be the background.

I was able to resize it by clicking on the Free Transform Tool.

                    -   Free Tranform Tool

After resizing it in the Background layer on the timeline, (because thats what the picture will be, a background) I then thought of adding an effect to it, so that the banner can look good.

I done this by right clicking on the background I had made and then clicking on Timeline Effects before clicking on Effects and then on Blur as shown in the screenshot.

After doing that, the effect was added to the background, and I pressed Ctrl and Enter on the Keyboard to preview and check whether it was alright.

After I Previewed it, I was satisfied, but I thought that the effect was too short. I used the Timeline to increase the duration of the effect, and decided for it to last 60 Frames.

I done this by clicking on the 60th Frame on the Background Layer as shown in the screenshot, and then pressing on F6 at the top of the keyboard.

Doing that increased the duration, and I knew it worked because the the frame became grey as it stretched out from the 1st to the 60th. 

I then Previewed again to make sure to be Ok with it by pressing Ctrl and Enter on the Keyboard. I found it Ok now and was satisfied with 60 Frames.

Shuttle

After completing the Background, I then had to import a shuttle onto the advertising banner as I planned. Just like I found the space picture for the background on google, I did the same with my shuttle. After finding a picture of a shuttle, I saved it into my Unit 21 folder.

I was ready to import the picture on to Macromedia Flash until I thought that it wouldn’t look good or proffesional as it has a background of the sky on it.

I then decided to use Adobe Photoshop to take that background off so that it just leaves me with the shuttle.

To do this on Photoshop, I had to use the Magic Wand tool.

                           -  Magic Wand tool

With the Magic Wand tool I clicked on the background of the picture, and then it enabled me to delete it, which I did, leaving me with just the shuttle.

This is what I was left with:

Just the shuttle is left courtesy of the Magic Wand Tool.

Now I had to save this by clicking on file and then Save for Web before clicking on save at the top right of the window that will come up. I aslo saved it as a Gif file

Now that I have taken off the background of the Shuttle picture, and I have saved it, I will now import it into Flash to add it onto the advertsing banner with the Space Background that I had just made.

I imported the shuttle into the Library by clicking on file and then Import, and then Import to Library just like I did previously with the space picture.

I looked in the library to check that it was done.

 

I then dragged the Shuttle Picture from the library onto the advertising banner just like I did to the the Space picture.

I placed the shuttle at the top of the banner as I decided to make it fly downwards on the banner, but first I had to rotate the whole shuttle 180 degrees so that it can be pointing downwards.

I done this by right clicking on it and then clicking on Rotate and Skew.

                     

Doing this allowed me to rotate it and after I did, all that was left for me to do, was to make it move on the banner.

Just like with the Space Picture, I controlled the duration of the movement of the shuttle by using the Timeline. I decided for the shuttle to move downwards for 13 frames, and I actually made it happen by clicking on the 13th frame and then pressing F6 at the top of the keyboard.

I knew that it was done finely as the grey bar went up to the 13th frame as I wanted.

I done this on the Shuttle Layer as it is in that layer that contains the shuttle.

Now I have to make the shuttle move from the top to the the bottom of the advertising banner as I planned.

On the first frame I made sure that the shuttle was at the top.

Now on the last frame (13th frame) I right clicked on it and then clicked on Insert Keyframe as shown in the screenshot.

I knew that it finely became a keyframe as a black dot came up on it.

On that keyframe I moved the shuttle to the the bottom of the advertising banner, as that is where I want it to end up.

So now I have the first frame with the shuttle at the top, and I have the last frame with the shuttle at the bottom.

Now to make it move from the first frame to the last frame (from top to bottom of the advertising banner)

I right click on the last frame and then clicked on Create Motion Tween.

I knew that the Motion Tween had worked, as an arrow came up, pointing between the first and last frame, and also because it had changed colour from grey to purple.

I pressed on Ctrl and Enter to preview and check it, and then after doing that I was satisfied.

Adding Text

After adding the background and shuttle, I will now add text as their is no point of having an advertising banner without it, because how are poeople going to know what its all about.

Firstly I added the Headline of the whole banner. ‘Special Offer’.

I used Adobe Photoshop to create that text so that it can look better than just being ordinary text.

This is how it ended up looking. The font that I used is Arial as I found it the most common on advertsing banners all over the net. The colour of it is green, and I made the size of it large as I want it to draw attention to cause an impact.

I imported it into Flash and then put it at the top of the advertsing Banner.

I aslo put the same effect ‘Blur’ on the big ‘Special Offers’ writing right at the top of the avdertising banner.

Now I have to add the text that explanins what the offer actually is.

The offer has to be:

‘Fly 10 times on any SRL Route and receive a FREE flight and luxury hotel accommodation at the brand new Access 8 Holiday Resort.’

I didn’t like how long the whole text was, as the specific audience may not find it interesting to just read a long sentence. So I shortened it into:

‘Fly 10 times on any SRL Route and get a FREE HOLIDAY.’

I used the text tool to add the text onto the advertising banner.

                               -   Text Tool

As I planned in Task 7, I will make each word appear one at a time after another.

So for me to do it on Flash I have to create many Key Frames with each one having a new word added to it.

I made the duration of the first part of the text, 13 frames, just like the duration of the shuttles movement. I did this so that as the shuttle moves down, it reveals a word after another, making the banner look as professional as I can make it. This helps the purpose of attracting the Target Audience to the Offer being advertised.

I made 7 key frames, as there are 7 words that I will add first. Between each key frame there is one frame so that the speed can be good and steady.

Here is an example:  

           

     The 7 dots on the Timeline shows the 7 key frames.

The red arrows are pointing to the dots, which means that

                  They are pointing to the keyframes.

  As you can see, each Keyframe adds a new word onto

                         the Advertising Banner.

                                                                                                                                   

                                     

                                     

Then I did the same with the remaining text:

And

Get

A

With a shuttle going downwards again revealing each of these words one at a time after another.

This screenshot shows the first part of all the text after they have all apeared one by one.

As you can see, the text is in Capitals and is white and Large. I have done this again to make quite an Impact, and also because it fits with the House Style.

Finally I added the words ‘FREE HOLIDAY’ on a frame on its own at the end.

I made it different from the rest as it is bigger and is in red. I have done this so that is causes more Impact than the rest as this is what is really being offered in the whole banner. I also made it have an effect acting on it.

I chose Blur just like the effect that acts on the background.

I made the words ‘Free Holiday’ last for for 5 frames, by using the Timeline in the same way that I did to make the other contents last for a certain time.

                     

Book Now Link

Now after making the background, the shuttle, and all the text I now have to put a ‘book now’ link, so that the audience will have access to what is being offered. Their is no point of offereing anything if you are not going to give people access to the offer.

I decided to put the Book now link at the last frames after the offer has been presented instead of having it on the advertising banner the whole time.

Yet again I inserted a keyframe on the text layer, and inside that keyframe I added text written ‘Book Now’ by using the text tool.

The ‘Book now’ text is white on a blue background, with the font being Arial fitting with the House Style.

I made the text last for 37 frames for people to have time to click on it to go to a page that allows them to Book.

I have to make it a hyperlink in order for people to click on it.

I do this by selecting the text on Flash and then clicking on Behaviours at the bottom.

After doing so, you have to click on the little plus sign before clicking on Web and then on Go to Wepage.

After doing this, a window will come up, so that you can enter the URL (Uniform Resource Locator) for the text to be linked to.

This is the window that will come up for me to type in the URL adress for the

‘Book Now Link’. Then I click on OK, for it to be applied.

I then checked whether the link would work, by previewing it by clicking on Ctrl and Enter on the Keyboard.

 After adding the ‘Book Now’ link, I had finished the whole advertising banner.

I then published the file so that it can be a Shockwave Flash Object (SWF.)

I have to do this so that once I insert it into my webpage on frontpage, it will be a read-only file, which disables a website visitor to edit anything on it.

Before publishing my file, I have to make sure that it will be saved as a SWF file by clicking on file and then on Publish Settings.

After doing that, a window will come up, and I should select Flash (SWF.)

After I finshed publishing it, I opened up the .SWF file to check whether it was ok.

Here Is my finished advertising banner