Flash - Rotoscoping

Flash

-POST 1- Title: The City

First Learn Flash. Flash CS4 tutorial covers creating graphics, working with layers, and adding motion, sound, and text to your Flash CS4 movie.

POST your flash movie – Instead of adding Text: Ghost Town or My First Movie put in your Blog address.

http://www.baycongroup.com//flashCS4/01_flashCS4.html

Post the flash movie

POSTING THIS MOVIE
Upload the SWF file to Dropbox
Copy the share link
Go to the HTML section of your post
copy the following code then replace the SCR="" with your link

replace the "www" in your link with "dl"
also remove the s from https://
also delete everything after the .swf                                 ---(Props to Rhea)

<embed src="http://dl.dropbox.com/.right/here.swf" quality="high" allowscriptaccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="300" width="300"></embed>

Use this procedure for all the following rotoscoped images and movies.
 

-POST 2-

Rotoscoping

Cartoonize your Car project then Animal and finally tree.

 

Place your Car on layer 1. adjust the DOCUMENT size to match the image size.

Use other layers to Rotoscope your car.

This example begins like a still image

Crazy Rotoscoping

https://www.youtube.com/watch?v=_E3uP1KOp_Y

POST your a) car, b)animal and c)tree as an animated gif.
Title: Roto Car
Title: Roto Animal
Title: Roto Tree
 

-POST 3-

Get several  5 second videos. 

observe the following videos:

https://www.youtube.com/watch?v=N0F1xeD-8oU  a video in flash

importing a video into flash

File: Import: Import video

Browse to: Hand-out\IT\IT9\RotoScope

 

select: Embed FLV in SWF and play in timeline

 

 

choose: Next

Uncheck: Include Video

 

1. New layer: BG:draw back ground
2. New layer: ITEM: draw moving item in frame above where it occurs in the movie.

 

https://www.youtube.com/watch?v=mLeQHFGnRWQ

Create a 3 different 5 second rotoscoping videos. POST

Title: Roto Video 1
Title: Roto Video 2
Title: Roto Video 3

Your first and last name.

Using your first and last name.

-POST 1- Title: My First and Last Name

This exercise allows you to cut a shape from an image.
The shape will be the outline of your name. The image you get from the internet.

ITEM 1-a) Go get a new LARGE image of a 'Mall Parking Lot'. COPY and Paste it in PS.

FILE - PLACE the letters of your first name  - organize them - resize them-highlight the letter layers -MERGE the layers of the letters( makes them into 1 image) -Rename this layer
CTRL - click the thumbnail- to highlight the edges of the letters.
Hide only the letter layer not the 'Mall Parking Lot'.
Now your name should be highlighted on top of the 'Mall Parking Lot'
With the 'Mall parking lot' highlighted ...

• If you press delete you would delete the letters from the image... but we want the letters!
• Press SHIFT-CTRL-I to highlight everything BUT the letters.

With the 'Mall Parking Lot' layer highlighted - Choose delete. Now you have your name with a mall parking lot back ground.
Crop appropriately - add your blog address -post

***
MAKE SURE to Add your blog address to this image before posting
***

Save as a PNG file. POST 1

ITEM 1-b) Do your last name with a LARGE image of the whole Earth from space.

***
MAKE SURE to Add your blog address to this image before posting
***
Save as a PNG file. POST 1

ITEM 1-c) Using your first and last name from a) and b) above create a third image using 'upside down map'.  IF you created a third name from the first assignment- then use those letters -instead.

***
MAKE SURE to Add your blog address to this image before posting
***
Save as a PNG file. POST 1

-POST 2- Title: Overlays

Overlay blending allows you to map a texture over your image like in ITEM 1 but without replacing the original image. You see both!

Open your name then PLACE the texture on a new layer above your name. Size the texture to fit the size of your name. CTRL-CLICK the thumbnail on your name layer. Shift-Ctrl-I to reverse the highlight. Delete from texture layer.
If an error occurs you may need to RASTERIZE the texture layer.
Try Blending Options such as: Normal, multiply, lighten and overlay. Play with opacity on the name layer to find the best look.

Post your texture along side your name

1. First name - materials -POST 2

2. Last name - animals -POST 2

3. First and Last /  third name - Nature - POST 2

-ITEM 3-

Advanced:

Get your own car - get your own texture!
Post both along side the finished product.

Photoshop Tutorial - skinning/texturing

http://www.foundmyself.com/forum/viewtopic.php?t=41

The clone stamp does work - however, you may continue to work in the method from POST 2.

1. car -Post 3
2. an animal - Post 3
3.tree, or mountain -Post 3

NOTE: different parts of the picture should receive different textures. The background removed and a planet surface put in its place. Change eyes and reflections to windows. For tree/ mountain add an animal with the tree/mountain as skin.

POST 3

FRIDAY POSTING

The following requires detail. 
Go look at the work you did this week.
Ask each other for help if you forget how it was done.

I will mark it based on how thoughtful and complete your responses are.
Use screen shots to help emphasize your answers.

This is for your Parents to read.

1. Describe the "Letters of your Name" assignment as if you needed to teach it to a new student.


2. What have your learnt SO FAR about how to use:

a. Photoshop

• Describe using Photoshop
• What tools (re: tool bar) have you used
• List 5 keyboard short-cuts

b. Blogs

• Describe using a blog
• What have you done in the LAYOUT section
• What have you done in the HTML section

Planet Collision

Planet Collision
LEVEL MODE

Screen shot the beginning of each level - starting with level 2 - level3 - and the END Screen
 ***** add your blog address to the image ****
POST

DO NOT POST IF YOU HAVE NOT ADDED YOUR BLOG ADDRESS

 

you will lose a mark

The letters of Your Name

 

The letters of Your Name

Create letters of your first and last name.

Google images: Copy an image. Scenes, objects, backgrounds, textures etc

Photoshop: File – new (select background contents: Transparent)

Choose EDIT - Paste

Use the eraser tool to cut out your letters – 1 letter per scenic image.

Use a different font for each letter

Highlight your letter (CTRL-click thumbnail) – choose Crop Tool- hit enter

If the letter is not neatly surrounded – you have not erased everything.

Save for web as a PNG file. The above is named D.png
Close the file then go copy another image.

Post these letters using a table.

Make it 2 rows and enough columns to accommodate your name.

  http://www.tablesgenerator.com/html_tables

 

With the table copied  (COPY TO CLIPBOARD)

Create NEW post, choose HTML, PASTE

<table>
  <tr>
    <th></th>
    <th></th>
    <th></th>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

Insert letters of your first name in the top row

<th></th> click between the tags >< choose the INSERT IMAGE icon.

Insert the letters of your LAST name in the bottom row
    <td></td> click between the tags >< choose the INSERT IMAGE icon.

make the letters small.

ADJUSTMENTS:
look for Border="0" add  Height="50" width ="50" for each image uploaded

 

Begin Here

Welcome Back!

1. You need an email address - GMail is preferred

2. a) Get a dropbox account  LINK TO GET DROPBOX
2. b) OneDrive also works well LINK TO GET ONEDRIVE

3. Create a Blogger site: LINK TO GET BLOG SITE

4. EMAIL your Teacher

If you are in Mr. Omorean's class        gomorean@sd35.bc.ca
If you are in Mr. Bilesky's class           dbilesky@sd35.bc.ca

The subject line: lastname, firstname BLOCK:      GRADE:
The body:

The email address you used to create your blog site
The URL of the blogsite:

example:

http://acssinfotech1516s1.blogspot.com/

----------------------------------------------------------------------
Once your site is working:
find LAYOUT and add an image gadget, edit the header and create a link list

Image Gadget: your face: http://avachara.com/avatar/
Header: http://ruletheweb.co.uk/b3ta/bus/
add your name and the name of your blog
Link List: 

• Name: Info Tech Blog
• URL : http://acssinfotech1516s1.blogspot.com/ 
• plus 5 students

-------------------------------------------------------------------------
your first POST:
TITLE: PREDICTED GRADE

find numbers to create a predicted percent grade and letter grade:
All animated gifs 
If you choose: A -  89%  then get an 8, a 9, a percent sign and the Letter