Webmakers/Projects/Make-a-MadLib: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(Created page with "Add vintage titles, robots speaking, comic style speech bubbles and your own special brand of silly to make a mad lib for your viewers to fill out. Step 1: Open mozillapopcorn...")
 
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
Add  vintage titles, robots speaking, comic style speech bubbles and your own special brand of silly to make a mad lib for your viewers to fill  out.
<div style="display:block;-moz-border-radius:10px;background-color:#cccccc;padding:20px;margin-top:20px;height:1200px;">
Step 1: Open mozillapopcorn.org:8888 in your browser
<h1>Make a MadLib</h1> {{anchor|Intro}}
Step 2: Click "Get Started" and choose the Mad Lib template
<div style="display:block;background-color:#ffffff;-moz-column-gap:20px;padding:20px;margin-top:20px;-moz-border-radius:10px;height:81%;">
Step  3:  Start by using the Robots Invade Everywhere video that is preloaded  into the template or click the Edit Source button in the upper lefthand  corner of the video and change the URL to the URL of the video you want to work with.
 
Step  4: Drag the "Filmgrain" event from the right panel into the beginning  of the timeline. You can click and drag the right side of the event to make an event longer.
<div style="display:block;float:right;">
Step  5: Drag the Title-Top event onto a new track in the timeline. If you  need a new track, click the Track + button on the lower left-hand side  of the interface. Double Click the Title-Top event and change the title.  Make sure the "Target" is "Video Overlay". Click done. You can also add  and edit the Title-Mid event and change the wording there. Don't forget to a the Title-Bottom for your name!
[[Image:title_madlib01.png|300px|right]]<br/><div style="font-size:10px; color:#333333;font-style:italic;padding:15px 0px 10px 25px;">Madlib a title</div>
Step  6: After you've clicked done on each of the title events, place a Zoink  event somewhere on the timeline. Double Click the "Zoink" event and  change the text. You can also change the bubble style (speech or thought  bubble). Try out different classes and use the "Top" and "Left"  properties to position your bubble. Play around with the options so that  your Zoink bubble is positioned the way you like.
 
Step 7: Drag a Speak event to the Timeline. Double click to change what the robot voice says and play around with those options.
[[Image:zoink_madlib02.png|300px|right]]<br/><div style="font-size:10px; color:#333333;font-style:italic;padding:0px 0px 0px 25px;">Add speech or thought bubbles (aka "zoinks"!)</div>
Step 8: Add a map to second :19 extend the event to cover up the spot in the film where it says "the users map". Double Click to set it's location and click done.
<br/>
Step  9: Drag an image event to the Timeline around :22. You can use any  image from the web to cover the note "users facebook picture", but pay  attention to the voice over in the video. The robots are targeting a specific person.
 
Step   10: Continue adding and editing events until your video is what you  want it to be. When you're ready, click the "share" button and copy and  paste your link to save it somewhere. Then, click the export button and save your code.
[[Image:map_madlib04.png|300px|right]]<br/><div style="font-size:10px; color:#333333;font-style:italic;padding:15px 0px 10px 25px;">a map for the point of invasion</div>
Step 11: Share with the world. Share your video link widely. Tweet your video link with the tag #AllHailRobots
</div>
Step 12: While waiting for the invasion, iterate your project based on feedback you receive.
<div style="width:80%;display:block;">
Add  vintage titles, robots speaking, comic style speech bubbles and your own special brand of silly to make a mad lib.
 
'''Step 1:''' Open [http://maker.mozillapopcorn.org/templates/supported/robots the robot template] in your browser
 
'''Step  2:''' Start by using the Robots Invade Everytown video that is preloaded  into the template or click the Edit Source button in the upper left-hand corner of the video and change the URL to the URL of the video you want to work with.
 
'''Step  3:''' Double click the title event and change the title. Add other title events to new tracks and double click to change the positionings to middle title or bottom title using the style selector and target selector. If you  need a new track, click the Track + button on the lower left-hand side  of the interface. Don’t forget to include your name somewhere!
 
'''Step  4:''' After you’ve clicked done on each of the title events, double click the Speak events on the timeline. You can change the robots speech by typing in new text. Double click to change what the robot voice says and play around with those options.
 
'''Step 5:''' Center the map at second :19 to the location the robots will be invading first. Double Click to set this location and click done.
 
'''Step  6:''' Edit the image event in the timeline around :25. The robots are targeting a specific person. Who is it?
 
'''Step 7:''' Double Click the “Zoink” event and  change the text. You can also change the bubble style. Try out different positions for your bubble. Play around with the options so that your Zoink bubble is positioned the way you like.
 
'''Step  8:''' Continue adding and editing events until your video is what you  want it to be. When you’re ready, click the “publish” button and copy and  paste your link to save it somewhere. Then, click the “view source” button and save your code. You can also save your project on http://mozillapopcorn.org by clicking the “save” button.
 
'''Step 9:''' Share with the world. Share your video link widely. Tweet your video link with the tag [https://twitter.com/#!/search/realtime/%23AllHailRobots #AllHailRobots]
 
'''Step 10:''' While waiting for the invasion, iterate your project based on the feedback you receive.
 
</div>
</div>
</div>

Latest revision as of 10:39, 18 June 2012

Make a MadLib

Title madlib01.png

Madlib a title
Zoink madlib02.png

Add speech or thought bubbles (aka "zoinks"!)


Map madlib04.png

a map for the point of invasion

Add vintage titles, robots speaking, comic style speech bubbles and your own special brand of silly to make a mad lib.

Step 1: Open the robot template in your browser

Step 2: Start by using the Robots Invade Everytown video that is preloaded into the template or click the Edit Source button in the upper left-hand corner of the video and change the URL to the URL of the video you want to work with.

Step 3: Double click the title event and change the title. Add other title events to new tracks and double click to change the positionings to middle title or bottom title using the style selector and target selector. If you need a new track, click the Track + button on the lower left-hand side of the interface. Don’t forget to include your name somewhere!

Step 4: After you’ve clicked done on each of the title events, double click the Speak events on the timeline. You can change the robots speech by typing in new text. Double click to change what the robot voice says and play around with those options.

Step 5: Center the map at second :19 to the location the robots will be invading first. Double Click to set this location and click done.

Step 6: Edit the image event in the timeline around :25. The robots are targeting a specific person. Who is it?

Step 7: Double Click the “Zoink” event and change the text. You can also change the bubble style. Try out different positions for your bubble. Play around with the options so that your Zoink bubble is positioned the way you like.

Step 8: Continue adding and editing events until your video is what you want it to be. When you’re ready, click the “publish” button and copy and paste your link to save it somewhere. Then, click the “view source” button and save your code. You can also save your project on http://mozillapopcorn.org by clicking the “save” button.

Step 9: Share with the world. Share your video link widely. Tweet your video link with the tag #AllHailRobots

Step 10: While waiting for the invasion, iterate your project based on the feedback you receive.