Webmakers/Projects/InanimateAlice-DIY: Difference between revisions

Jump to navigation Jump to search

Webmakers/Projects/InanimateAlice-DIY (view source)

Revision as of 15:07, 4 May 2012

154 bytes added ,  4 May 2012
no edit summary
(Created page with "<div style="display:block;-moz-border-radius:10px;background-color:#cccccc;padding:20px;margin-top:20px;"> <h1>How to Hack a Commercial</h1> {{anchor|Intro}} <div style="display:...")
 
No edit summary
Line 1: Line 1:
<div style="display:block;-moz-border-radius:10px;background-color:#cccccc;padding:20px;margin-top:20px;">
<div style="display:block;-moz-border-radius:10px;background-color:#cccccc;padding:20px;margin-top:20px;">
<h1>How to Hack a Commercial</h1> {{anchor|Intro}}
<h1>How to Write the next episode of Inanimate Alice</h1> {{anchor|Intro}}
<div style="display:block;background-color:#ffffff;-moz-column-gap:20px;padding:20px;margin-top:20px;-moz-border-radius:10px;">
<div style="display:block;background-color:#ffffff;-moz-column-gap:20px;padding:20px;margin-top:20px;-moz-border-radius:10px;">
<div style="display:block;float:right;">
<div style="display:block;float:right;">
Line 13: Line 13:
</div>
</div>
<div style="width:80%;display:block;">
<div style="width:80%;display:block;">
Add your own voice to an old commercial by adding popups and commentary. You can change meanings, extend messages, and otherwise recontextualize the video.
Create a narrative based on Inanimate Alice, while learning how to remix the web with the Hackasaurus X-Ray Goggles in this DIY project from [http://explorecreateshare.org/ Hive NYC]


'''Step 1:''' Find a commercial you would like to comment on at http://archive.org/details/prelinger_commercials  Browse by collection or title. Once you've found a commercial to work with, choose  a file type (we recommend the ogg file format) and click to open the commercial in your browser.
'''Step 1:'''Dive into an [http://inanimatealice.com/ existing episode] of Inanimate Alice.


'''Step 2:''' Open [http://mozillapopcorn.org:8888 Popcorn Maker] in your browser
'''Step 2:'''Install the Hackasaurus [http://hackasaurus.org/en-US/goggles/ X-Ray Goggles]  


'''Step 3:''' Click "Get Started" and choose the Popup template
'''Step 3:''' Outline your own episode. Things to think about include:
*Character- it could be Alice, it could be anyone!
*Location-pick a country, any country!
*What happens next- is it a mystery the character is try to solve, new friends the character meets, something new the character learns?


'''Step 4:''' There's a gray box in the upper lefthand corner of the video. Roll over this box and change the URL to the URL of the commercial you'll be commenting on.
'''Step 4:''' Create a storyboard or story elements using new or remixed multimedia:
*Drawings
*Images
*Video
*Words


'''Step 5:''' Drag a popup event to the place in the Timeline where you want the popup to appear.  
'''Step 5:''' Thread the elements together using Hackasaurus to complete your chapter.
*Remix a news website, a blog or a social media site by adding elements to tell your story. Go to a website, activate the X-Ray Goggles bookmarklet. With the bookmarklet activated you should be able to inspect elements of the page that you want to change. Once you have figured out what you want to change, click R to remix. Remix that asset and then Publish.
''Example: Remix a Facebook page to include status updates from Alice.''


'''Step 6:''' Double Click on the event to adjust the text, position, and sticker for that popup event.
'''Step 6:''' Publish your hacks and share the links. Tweet your links with #hivebuzz hashtag


'''Step 7:''' Keep adding popup events to the timeline.
'''Step 7:''' Keep adding popup events to the timeline.


'''Step 8:''' 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.
'''Step 9:''' Share with the world. Share your video link widely.
'''Step 10:''' Iterate your project based on feedback you receive.
</div>
</div>
</div>
</div>
</div>
</div>
Iamjessklein
Confirmed users
518

edits

Retrieved from "https://wiki.mozilla.org/Special:MobileDiff/427367"

Navigation menu