Junior Daily Agenda
- Learning Flash
- Using the Bone tool - Dancing character to YMCA song
- Lip Syncing using Graphic symbols
- Continue animating your story
- Draw, convert to Movie Clip or Graphic, and name your new symbol
- Repeat for all objects you draw
- Save often
- Your 8th and last WebGem must be top most, dated, linked and posted on the webserver by the end of Friday 12/16
- Learning Flash
- Differences and uses of Graphic Symbols vs Movie Clip Symbols
- Animation Technique of blinking eyes or secondary actions for more lifelike characters
- Continue drawing your parts for your animation in Flash
- Draw, convert to Movie Clip or Graphic, and name your new symbol
- Repeat for all objects you draw
- Save often
- Your 7th WebGem must be top most, dated, linked and posted on the webserver by the end of Friday 12/9
- Continue drawing your parts for your animation in Flash
- Draw, convert to Movie Clip, and name your Movie Clip
- Repeat for all objects you draw
- Save often
- Your 7th WebGem must be top most, dated, linked and posted on the webserver by the end of Friday 12/9
- Continue drawing your parts for your animation in Flash
- Draw, convert to Movie Clip, and name your Movie Clip
- Repeat for all objects you draw
- Save often
- Your 6th WebGem must be top most, dated, linked and posted on the webserver by the end of Friday 12/2
- Get feedback from classmates about your animatic
- Drawing styles
- Let's look at a few animations and focus on drawing styles
- Inform you about drawing book on your desk for reference
- Start drawing your parts for your animation
- Draw, convert to Movie Clip, and name your Movie Clip
- Repeat for all objects you draw
- Finish and submit your animatic today by end of classtime. Submit like this UsernameE-animation.swf
- Submit your practice ANIMATIC (not anamatic)for "The Boy Who Cried Wolf" - due Monday 11/14 by end of class if not sooner.
- Create your own animatic for your story. Deadline for your animatic is Monday 11/21 by end of classtime.
- Scan your graphic novel and start your own new Flash file
- In Home > Documents > p2-Narrative > WebAudio > Animatic, create a new file with filename UsernamF-animatic.fla
- 720x480, 30 fps
- Create a Movie Clip in your library called "viewfinder" and in that Movie Clip, create a red stroke box, no fill with dimensions of 720x480 and x-position=0 and y-position=0. Use this "viewfinder" Movie Clip in ALL of your scenes. In the future when you want to hide the viewfinder, you can simple modify this single Movie Clip and all instances of this Movie Clip on your scenes will also be modified.
- Use Garageband + Snowball mic to record your rough audio for your animatic. Edit your audio into usable short individual .mp3 files.
- Save the Garageband file in Home > Documents > p2-Narrative > WebAudio > Animatic> p2-AnimaticAudio.band
- Save individual .mp3 files as scene01.mp3, scene.02.mp3, etc. in Home > Documents > p2-Narrative > WebAudio > Animatic
- Biggest problem with audio: different clips have different audio levels! Try to record all audio with the exact same settings and distance away from the mic.
- Project 2 Narrative Overview - detailed specs here.
- Create a practice ANIMATIC (not anamatic)for "The Boy Who Cried Wolf".
- Project 2 Narrative Overview - detailed specs here
- More introduction to Flash Pro for animation & drawing
- Project 2 Narrative Overview - detailed specs here
- More introduction to Flash Pro for animation & drawing
- Optional - change your current short story for your animation. New short story and graphic novel due to me on or before Monday 11/14.
- Project 2 Narrative Overview - detailed specs here
- Project 2 Narrative Overview - detailed specs here
- Introduction to Flash Pro for animation & drawing
- Debrief the Exhibition
- Bits & Bytes - why are these important to know?
- Check that you have EVERYTHING required for your Self-Portrait Website
- Home button that links to Sites/project1/pages/home.html (otherwise known as your Self-Portrait Home page) - see details here
- Podcast button that links to Sites/project1/pages/podcast.html - see details here
- Essay button that links to Sites/project1/pages/essay/html - see details here
- Family button that links to Sites/project1/pages/family.html - see details here
- Friends button that links to Sites/pages/project1/friends.html - see details here
- Web Gems button that links to Sites/project1/pages/webgems.html - see details here
- Illustration button that links to Sites/project1/pages/illustration.html - see details here
- Self-Portrait button that links to Sites/project1/pages/self-portrait.html - see details here
- Photogallery button that links to Sites/project1/photogallery/index.html - create a pre-set photogallery using Photoshop features as demonstrated in class.
- Projects button that links to your Project Listing Page Sites/Project_Listing_Page.html - see details here
-
Exhibition TODAY! Wooohoooo! TIme to show off all your incredible work. Viewers will be looking at this page to get to your page
- Let's create the content for your first Webgem
- Class critique of your website is on today and you'll have Wednesday 10/26 in class to make final revisions prior to the Exhibition.
- Download this comment file for people to add their comments about your website
- Open the .txt document
- Have your website up on a browser for people to see.
- Other people will come to your station, look at your website and make comments on your document.
- Based on feedback from classmates, go fix the problems
- If you fixed everything, submit to me the following thumbnail for your website
- A photo that will be used as a image link to your website - examples
- Filename UsernamE.jpg
- File dimensions: 100x75px
- Submit into drop box folder labeled Thumbnails - due today!
- Work on your Design Illustration if you're all done.
- Template, CSS, & file clean up - make the inside of your "house" just as beautiful as the outside. Code should be beautiful too - so that in the future, it's easy to understand what you did and how you can modify it to make it better.
- Check your site by resizing your browser to reveal any problems. Solution is that <div id="outermostwrapper"> must be above all other divs (or just after the <body> tag) and the matching </div> must be just above </body>.
- Check that all your divs are properly named - because in the future when you look at the CSS, you'll know exactly what rules are applied to which divs
- Delete any unused styles - like throwing away the egg shells once you made the omelet.
- Move all internal styles to exteranl p1-styles.css and delete <style> so you don't have to search in different places for a particular style you may want to edit in the future.
- In DW Files panel, move all Self-Portrait Website graphics into Sites/project1/images & ALWAYS UPDATE if prompted - so that you don't CONTAMINATE other projects and confuse yourself in files become numerous when we have more projects.
- In Finder, move all UNUSED files into Sites/project1/p1-LOCAL-ONLY for storage - like putting away all the tools and extra ingredients after you've made the cake so that you can easily find them for future modifications of the project
- In DW Files panel, add prefixes to related images, replace any spaces in file names with _ & ALWAYS UPDATE if prompted - create good web habits now. You will be more efficient, effective and collaborators will WANT to work with you because of your organization.
- Put up your project1 folder and choose "yes" for dependent files so that the p1-styles.css will get updated on the webserver.
- Let's create the photogallery to demonstrate your photography skills
- Using Bridge, let's add descriptions/captions for each of your photos
- Using Photoshop, let's create a photogallery using Photoshop's Automated Web Photo Gallery.
- Using Dreamweaver, link your Photogallery button to Sites/project1/photogallery/index.html
- In Dreamweaver, put up the entire Sites/project1/photogallery folder
- Continue adding and editing the contents of each Self-Portrait Website html page.
- Use the Studio/Isobooth to record into a new Garageband Podcast file you reading your personal essay.
- Deadline for all content to be online is next Monday 10/24 at the start of class. Class critique of your website is on Monday 10/24 and you'll have Wednesday 10/26 in class to make final revisions prior to the Exhibition.
- OPEN LAB till 6 today, till 7 on Thur and Fri - take advantage of the time.
- Template, CSS, & file clean up - make the inside of your "house" just as beautiful as the outside. Code should be beautiful too - so that in the future, it's easy to understand what you did and how you can modify it to make it better.
- Check your site by resizing your browser to reveal any problems. Solution is that <div id="outermostwrapper"> must be above all other divs (or just after the <body> tag) and the matching </div> must be just above </body>.
- Check that all your divs are properly named - because in the future when you look at the CSS, you'll know exactly what rules are applied to which divs
- Delete any unused styles - like throwing away the egg shells once you made the omelet.
- Move all internal styles to exteranl p1-styles.css and delete <style> so you don't have to search in different places for a particular style you may want to edit in the future.
- In DW Files panel, move all Self-Portrait Website graphics into Sites/project1/images & ALWAYS UPDATE if prompted - so that you don't CONTAMINATE other projects and confuse yourself in files become numerous when we have more projects.
- In Finder, move all UNUSED files into Sites/project1/p1-LOCAL-ONLY for storage - like putting away all the tools and extra ingredients after you've made the cake so that you can easily find them for future modifications of the project
- In DW Files panel, add prefixes to related images, replace any spaces in file names with _ & ALWAYS UPDATE if prompted - create good web habits now. You will be more efficient, effective and collaborators will WANT to work with you because of your organization.
- Put up your project1 folder and choose "yes" for dependent files so that the p1-styles.css will get updated on the webserver.
- Template, CSS, & file clean up - make the inside of your "house" just as beautiful as the outside. Code should be beautiful too - so that in the future, it's easy to understand what you did and how you can modify it to make it better.
- Check your site by resizing your browser to reveal any problems. Solution is that <div id="outermostwrapper"> must be above all other divs (or just after the <body> tag) and the matching </div> must be just above </body>.
- Check that all your divs are properly named - because in the future when you look at the CSS, you'll know exactly what rules are applied to which divs
- Delete any unused styles - like throwing away the egg shells once you made the omelet.
- Move all internal styles to exteranl p1-styles.css and delete <style> so you don't have to search in different places for a particular style you may want to edit in the future.
- In DW Files panel, move all Self-Portrait Website graphics into Sites/project1/images & ALWAYS UPDATE if prompted - so that you don't CONTAMINATE other projects and confuse yourself in files become numerous when we have more projects.
- In Finder, move all UNUSED files into Sites/project1/p1-LOCAL-ONLY for storage - like putting away all the tools and extra ingredients after you've made the cake so that you can easily find them for future modifications of the project
- In DW Files panel, add prefixes to related images, replace any spaces in file names with _ & ALWAYS UPDATE if prompted - create good web habits now. You will be more efficient, effective and collaborators will WANT to work with you because of your organization.
- Put up your project1 folder and choose "yes" for dependent files so that the p1-styles.css will get updated on the webserver.
- Copy and paste previously written text into the appropriate pages for your Self-Portrait Website.
- Continue adding and editing the contents of each Self-Portrait Website html page.
- HWK due Wednesday - bring 15 or more of your best photos that show your photography skills. We'll create a photogallery with them in Photoshop.
- Deadline for all content to be online is next Monday 10/24 at the start of class. Class critique of your website is on Monday 10/24 and you'll have Wednesday 10/26 in class to make final revisions prior to the Exhibition.
- Website Template due by end of Friday
- All graphics for your Self-Portrait website need to be done - backgrounds, rollover images, header images, etc. and located in Sites/project1/images
- All graphics inserted properly into you p1-Self-Portrait-Template.dwt
- When you save your template file, all your content html files will get updated.
- Put up your Sites/project1 folder and check on the web
- By the end of Friday, your Self-Portrait Website design needs to look correct for each page (family.html, friends.html, essay.html, podcast.html, etc.) and all buttons need to rollover properly and link properly to the right page.
- What you DON'T have to have completed is the actual content in the mainContent editable region of each page.
- Your Sites folder should look something like this with file name prefixes that organize your images.
- Check the Freestyle Home page for the weird schedule this week.
- Setting up for Self-Portrait Website
- In Sites/project1/media, Option+Drag your "Things I've Learned So Far" podcast and rename it podcast.m4a. Embed this podcast in Sites/project1/pages/podcast.html and use the photoLeft or photoRight CSS rule for captions. Details here.
- In Sites/project1/media, duplicate your "Things I've Learned So Far" podcast and rename it essay.m4a. Eventually in the future, replace this file with your real essay.m4a. Details here. Embed this podcast in Sites/project1/pages/essay.html and use the photoLeft or photoRight CSS rule for captions.
- In Sites/project1/images, Option+Drag all your family and friends photos. Rename the photos such as family-dad.jpg, family-mom.jpg, friends-Billy.jpg, friends-Saki.jpg, etc. so that all your photos are grouped together and easy to find. Details here.
- Open Sites/project1/pages/family.html and insert a table of many rows and 1 colomn in the main content editable region so you can enter photo and matching text per row for each family member. Use the photoLeft or photoRight CSS rule for photos with captions. If you resize your photos to be smaller (not larger), please resample each photo. Details here.
- Open Sites/project1/pages/friends.html and insert a table of many rows and 1 colomn in the main content editable region so you can enter photo and matching text per row for each friend. Use the photoLeft or photoRight CSS rule for photos with captions. If you resize your photos to be smaller (not larger), please resample each photo. Details here.
- What about your Photoshop diptych (thumbnail, large version)? Details here
- What about your Illustrator work (thumbnail, large version)? Details here
- HWK due today: Create a folder in your Documents > p1-Self-Portrait > WebAudio folder and name the folder UsernamE-Self_Portrait_Web_Files. In that new folder, include the following
- In Google Docs, download your HWK as text like this: UsernamE-Self-Portrait-Website-Text.txt In the document, write about the followingSelf-Portrait Home Page text - see details here
- All photos of family and friends for your website.
- Submit the entire folder into me Drop Box
- Finish your Project Listing Page. This is your checklist
- All graphics for your project listing page need to be in Sites/images, NOT Sites/project1/images (because this is for your Self-Portrait website)
- Your Self-Portrait button needs to be linked to Sites/project1/pages/home.html
- Your Narrative button needs to be linked to Sites/project2/pages/home.html
- Your Documentary button needs to be linked to Sites/project3/pages/home.html
- Your Experimental button needs to be linked to Sites/project4/pages/home.html
- Put up your Project_Listing_Page.html file and all of its dependent files.
- Also Put up Sites/project2/pages/home.html, Sites/project3/pages/home.html, Sites/project4/pages/home.html
- When checking your website, empty your browser's cache and refresh the site to get all new data
- Setting up "Under Construction" webpage for Projects 2 - 4.
- Sites/project2/pages/index.html redirects to Sites/project2/pages/home.html
- Sites/project3/pages/index.html redirects to Sites/project3/pages/home.html
- Sites/project4/pages/index.html redirects to Sites/project4/pages/home.html
- Continue with completing your Project Listing Page
- In the Dreamweaver files panel, move all your Project Listing Page graphics (.pngs) into Sites/images and if asked to Update, please update so that you don't end up with broken image links.
- Due date for Project Listing Page to be online and working properly is by the end of class on Wednesday.
- HWK due Wednesday: Iin Google Docs, create a new document with title UsernamE-Self-Portrait-Website-Text. In the document, write about the following
- Self-Portrait Family and Friends Page text - see details here. Photos of family and friends can be electronically transferred for use here at Freestyle in any method available to you (upload to Google Docs, thumbdrive, email attachment, etc.). You can also bring hard-copy photos to Freestyle and scan them here for use on your Self-Portrait website.
- Self-Portrait Personal Essay Page text - 1 paragraph written text that describes the assignment to give the viewer some context the content on the page. What was the purpose of the assignment in English and how does it relate to answering the question "Who am I"?
- Continue creating artwork for Project Listing Page
- Purpose of an index.html = default page displayed
- We'll use this as a redirecting file to our Project_Listing_Page.html
- Common monitor sizes 1024x768
- Setting up for your websites
- p0-styles.css => create starting version and then duplicate to create others
- p1-styles.css
- p2-styles.css
- p3-styles.css
- p4-styles.css
- Sites/index.html = REDIRECTING FILE to Project_Listing_Page.html
- Sites/Project_Listing_Page.html
- Sites/project1/pages/index.html = P1 Self-Portrait Home Page
- Sites/under_construction.html generic file for p2, p3, p4
- More tricks with Illustrator
- Layer stacking, choosing objects in the layer panel
- Pen tool - adjusting points, readjusting points, adding points, subtracting points, joining end points, cutting up a path
- Start Creating artwork for Project Listing Page
- Share with a classmate your 3 excellently designed and 3 poorly designed websites. Share why you think they are good and bad.
- Using Illustrator - some basics.
- Download this file. Put the .ai file in Documents folder and open it in Illustrator. Instructions are in red above and below the word "VECTOR". Please read and follow instructions.
- One-on-one talk about your project listing page design.
- Read this schedule for this week - http://www.freestyle.mvla.net/HCWeek.html
- More about using Dreamweaver
- Disjoint rollover images Sites/practice/10-disjointRollOverJavaScript.html
- Disjoint rollover images Sites/practice/11-disjointRollOverCSS.html
- Internal scrollbars in normal divs & AP Divs Sites/practice/12-internalScrollbars.html
- Embedding media Sites/practice/13-media.html
- Download this .zip file, unzip it and place the resulting media folder in your Sites/practice folder
- Parameters: auto play, loop, cache, control
- Music .mp3 width: 200+ pixels and height 16 pixels
- Podcasts .m4a 160x176 px with plugin download warning
- Movie .mov with plugin download warning
- Movie .mp4 with plugin download warning
- Movie .flv or f4v with plugin download warning
- YouTube video code
- HWK #1 due on Wednesday: Find 3 excellently designed and 3 poorly designed websites and be ready to share URL with classmates in class.
- HWK #2 due on Wednesday: Project 0 - Project Listing Page Paper Prototype
- More about using Dreamweaver
- Using a div for an images with border, padding, margin and centered caption Sites/practice/08-photowithcaption.html
- Rollover images buttons Sites/practice/08-rollOverImageJavaScript.html
- image changes when you hover over a button and then changes back to original when you hover away from button
- PROS: Easy, minimal thinking,
- CONS: Requires 2 images, fails if viewer disables javascript on browser, lots of code for javascript in HTML, doubles the number of total images you need to create.
- IMPORTANT: normal and over images MUST BE THE SAME DIMENSION
- Rollover images buttons Sites/practice/09-rollOverImageCSS.html
- image changes when you hover over a button and then changes back to original when you hover away from button
- PROS: Requires 1 image per button, works even though viewer disables javascript on browser
- CONS: Requires more thinking and more possible errors
- More about using Dreamweaver
- Using divs Sites/practice/06-divs.html
- Understanding the div margin and padding concept
- Moving div around on screen by using the CSS Styles panel
- Using tables
- Rows, columns, margin, padding, positioning inside a table cell
- Using tables and divs together
- Horizontal menu bar
- Vertical menu bar
- Using APDivs (absolute positioning divs) Sites/practice/07-APDivs.html
- Moving APDivs around by dragging
- Stacking APdivs with z-index values, larger numbers are on top
- Parent child divs for moving APdivs when resizing the browser window
- More about using Dreamweaver
- Backgrounds
- Sites/practice/01-repeatingBG.html - Repeating pattern with a single image - right click and download this image - save it in your Sites > practice > images folder
- Sites/practice/01-repeatingBG2.html - we'll create a gradient image for a background in Photoshop - save it in your Sites > practice > images folder
- Sites/practice/02-singleCenterImageBG.html - one large non-repeating center image like Trader Joe's background - save it in your Sites > practice > images folder
- Sites/practice/03-singleTopLeftImageBG.html - one large non-repeating top left image - click to see this image - save it in your Sites > practice > images folder
- Sites/practice/04-singleBottomCenterImageBG.html - one large non-repeating bottom centered image - click to see this image - save it in your Sites > practice > images folder
- Images (.gif, .jpg, .png) Sites/practice/05-images.html
- How to insert
- How to link - best to use border=0 for no default blue box
- How to crop - this PERMANENTLY CHANGES the dimensions of the image. Keep originals in TEMP_FILES.
- How to resize and resample vs editing image settings - this PERMANENTLY CHANGES the image. NEVER resize to be BIGGER, ALWAYS resize SMALLER to avoid pixelation with images.
- How to edit brightness and contrast - this PERMANENTLY CHANGES the image.
- Aligning left or right for text wrapping with hspace and vspace
- Differences between .gif, .jpg, .png
- .jpg or .jpeg (Joint Photographic Experts Group) is used for natural photos with lots of variation in color (millions) including gradients but NO TRANSPARENCY
- .png (Portable Network Graphic) is used for graphics and/or natural photos with lots of variation in color (millions) including gradients INCLUDING TRANSPARENCY
- .gif (Graphics Interchange Format) is used for line art, graphics but limited to 8-bit, 256 colors
- Submit your homework due last Thursday: Use Google Docs to write the following which will eventually end up on your webpage that you will create in the future.
- 1 paragraph written text that describes the assignment to give the viewer some context the content on the page. What was the assignment in English and how was it enhanced in WebAudio?
- Simply list the written text of your "Things I learned so far" with correct spelling, grammar, and spoken order that matches the podcast audio.
- 1-2 paragraph Podcast Artist Statement about "Things I learned so far" and images on webpage and in podcast. Possibilities include mentioning that this is your first podcast, what you thought about using Garageband to create the podcast, why did you choose particular photos and/or music, credits to others for the photos and/or music and probably MOST IMPORTANT, your honest reflection about the podcast making process.
- More about using Dreamweaver
- CSS Styles panel error/quirks review
- Text links or anchors with relative links, absolute links, or document root folder link
- Text links to replace the page or to a new page
- Text paragraphs vs line breaks, what's the difference and when to use it
- Aligning text - right, center, left - with a class rule
- Combining class rules for one element
- External vs Internal style sheets
- Whole school meeting in Film Room about field trip and new schedule
- More about using Dreamweaver
for formatting text
- Heading tags <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
- Unordered (bulleted) lists <ul><li> and changing bullet type
- Ordered (numbered) lists <ol><li> and chaniging number type
- Bold text with <strong>
- Italicize text with <em>
- CSS Class rules - how to make custom rules and how to apply them to anything on the page
- CSS Tag rules - how to change the default configuration for any HTML tag such as <h1>
- Submit your musical composition with details below
- Download your .mp3 file from Aviary.com
- Rename the file with UsernamE.mp3
- Submit the .mp3 into correct folder in my drop box
- Revising your podcast - use your Podcast Revision Plan and follow through with your plan. You have the first hour of class to complete your revisions. When done, submit with these details
- Share > Export Podcast to Disk > Default settings of AAC and Musical Podcast are fine
- Save in Home > Documents > p1-Self Portrait > WebAudio > Things I Learned ....
- Filename: UsernamE.m4a
- Submit the .m4a into the correct folder in my drop box by 5 PM today for full credit. Every week it's late is 1 letter grade lower.
- You can always revise/edit your podcast in the future, but don't forget to resubmit it to me so I can update the one I put on the webserver for the class collection. If you resubmit it to me, you must email me that you resubmitted so that I can have a written record that I have new one and that I have to do something with it. If you don't email me, I'll never know and your new one will not be uploaded to the webserver.
- HWK due Thursday: Use Google Docs to write the following which will eventually end up on your webpage that you will create in the future.
- 1 paragraph written text that describes the assignment to give the viewer some context the content on the page. What was the assignment in English and how was it enhanced in WebAudio?
- Simply list the written text of your "Things I learned so far" with correct spelling, grammar, and spoken order that matches the podcast audio.
- 1-2 paragraph Podcast Artist Statement about "Things I learned so far" and images on webpage and in podcast. Possibilities include mentioning that this is your first podcast, what you thought about using Garageband to create the podcast, why did you choose particular photos and/or music, credits to others for the photos and/or music and probably MOST IMPORTANT, your honest reflection about the podcast making process.
- Be ready to download the file as a text file because plain text files are easiest to copy and paste onto a webpage with formatting problems.
- Creating your first website:
- Setting up folders
- How the internet works - history,Local vs Remote concepts, IP numbers, domain names, www
- Dreamweaver - what is Dreamweaver? why do we need it?
- Setting up Dreamweaver so that it can keep track of where all files are
- Creating a webpage and putting up on the web
- Using XLR Mics through an audio interface such as an MBox2
- Terms to know: XLR, USB, 1/4" vs 1/8" jacks,TRS vs TS, mono vs stereo, RCA, S-PDIF, monitors, preamp or pre, interface
- Online music composition site Google Apps Aviary or http://aviary.com
- Optional and recommended - use this to replace music from Garageband in your podcast because too many podcasts from Freestyle all have the same musical choices
- Critiquing podcasts so far - see all podcasts here. Purpose of critique is to get feedback about your production.
- Title - does it exist? Good composition? What's the immediate impression without playing podcast?
- Music intro - audio levels OK? What mood does it set? Good fade prior to voice? Is it original?
- Music background - audio levels appropriate? Does the music match the vocal style? Does the music enhance the spoken message or is it distracting?
- Spoken lines - audio levels OK? Do you hear the cuts? Or are the cuts transparent - proper use of fade in/out? Could use of panning improve production? Enough dramatic pause between lines? How was the performance of each line?
- Visuals - photo quality? visual message clear and thought provoking? Properly spotted to match audio? Other suggestions for a different visual for a spoken line.
- After hearing classmates critique your podcast, please complete this form.
- HWK - use http://aviary.com to create music that will serve as background music for your Project Listing Page. Be able to submit a .mp3 at the beginning of next class.
- Installing new fonts from the web - how to do this...
- Using Photoshop to place text over images - for your title image - cropping photos and Saving for Web (NEVER USE "Save As ..." for photos on web)
- Use one of the 3 stations set-up for Recording your Things I Learned So Far podcast, then transfer the Garageband file to your account. RECORD ONLY, DO NOT EDIT IN THESE LOCATIONS b/c lots of people have to record too!!!!
- WebAudio IsoBooth
- Studio small room - Control Booth
- Studio large main room
- Edit and assemble your Podcast
- This podcast must with a cover/title image, at least 10 other images, musical intro and outro (either GB loops or original music with virtual or real instruments that you play), and optional SFX's to enhance the recording.
- Smallest photo dimension should be 300 pixels (400x300 or 300x500 for example), but square 300x300 photos are best for Garageband
- Utilize dramatic pauses between vocal lines. This also gives people time to absorb and relate to the thought/image.
- Utilize left and right panning as appropriate, not just because you CAN do it. Use panning with purpose - like an ocean wave SFX breaking from one side to the other side.
- Utilize reverb occasionally for vocal effect
- Work on your musical intro/background/outro for your podcast - could be 1, 2, or 3 different compositions
- Overview of all Junior Projects in WebAudio
- Project Listing Page
- Self-Portrait
- Narrative
- Documentary
- Experimental
- Organizing your account
- Right click
- Project/Class folders
- Screen Shots using Grab
- Student account - what is it and why (for PT and FC)
- Transferring files to your account from Student
- Transferring files between Student accounts on each computer
- Changing class calendars
- Create browser bookmarks to MV/LAHS, Freestyle, WebAudio, JupiterGrades, SIS, Project Listing Page, etc.
- Creating PDFs
- Log into Google Apps
- Creating Docs
- Printing Docs
- Collections
- Log into JupiterGrades
- Review about using Blue Snowball Mic with Popper Stopper
- Using the studio and the Blue Snowball Mic With Popper Stopper
- Create your Things I Learned So Far Title Image and the optional credits image
- In your Documents > P1-Self Portrait > WebAudio folder, create a folder named Username-Podcast1 Items" (you will be making a 2nd podcast of your personal essay that you will write in English later), put the following items in that new folder and then submit to me the folder into the right drop box folder before you leave.
- 11 or more photos to be used for your podcast, labelled 0, 1, 2, 3, ... Create your Title Image with TextEdit if you wish
- A TextEdit plain text (not rich text format) file with name of "Username-Things I Learned" that has listed your 10 things I learned so far in the correct order. Plain text is easiest to paste into a webpage without any strange formatting issues when pasting.
- Work on your musical intro/background/outro for your podcast - could be 1, 2, or 3 compositions
- More about Garageband - creating an enhanced Podcast with images
- Using Photo Booth for photos
- Using Preview to adjust photo sizes (Garageband podcast photos should be 300x300 pixels)
- Creating a simple title image and capture screen shot with Grab
- Creating a Podcast track with images in Garageband
- Using a keyboard to play software instruments
- Using the Blue Snowball USB mic for better recording quality
- Export out of Garageband as a .m4a podcast file with images
- HWK: Find images that will accompany your Things I've Learned So Far text. Original photos or photos from the web are all OK. At least 11 images with one image being your Title image and then at least one image per line of Things I've Learned So Far text. You can have more than one photo per line of text if you wish. Be able to access our photos here at Freestyle.
- Class Intro & Classroom/Studio Tour
- Why did you choose Freestyle? Why WebAudio?
- Your strength and weaknesses
- Classroom logistics and details
- Intro to Garageband - recording numbers out of sequence and resequencing in right order
- Recording
- Splitting tracks
- Renaming regions
- Reordering regions
- Adding effects
- Add panning left and right
- Adding loops
- Mixing audio levels and automating audio levels
- Exporting out of Garageband as a .mp3 audio only file
