DTC201.03 Homework F18

Due Nov 29: Capstone Project is due! Make sure to include all of your project files in your project folder and name your folder: Last name_First name_Capstone_Final. If you created a remix video and your source videos are extremely large, include links to all videos on a PDF. Also, copy your entire Capstone Project on a thumb drive and be ready to present it at 4:15pm. You will have 3mins to present your project and 1.30mins to show your remix or animation.

Order of Capstone Presentations Presentations:
11/29
Bradley
Noelle
Michael
Jenna
Tanner
Alisha
Dillon

12/4
Lori
Sarah
Charley
Hannah
Noah
Grayson
Mitchell

12/6
Luke
Anabelle
Irina
Evan
Laurel
Will
Keegan

Due Nov 27: Keep working on your Capstone Project. Keep in mind that the Capstone Project is due on Nov. 29 and presentations will start promptly at 4:15pm.

Thanksgiving Break! No class on 11/20 & 11/22.

Due Nov 15: Two media objects from your Capstone Project due. Upload to the class OneDrive your project files related to your two media objects.

Due Nov 13: Keep developing your Capstone Project and keep in mind that two media objects will be due on Thursday, Nov. 15.

Due Nov 6: Using this Template file as a starting point for your Capstone Project website, create three HTML files that each have one of your three YouTube (or Vimeo) videos embedded (using the <iframe> tag!), two internal links to your other pages in your navigation bar, and three external links to your proposed capstone project subject matter. Create an external CSS file that has your styling for your three pages and include that CSS file in a folder with your three HTML files. Be creative with your layout and styling of your three HTML files in relation to your Capstone Project and make sure you remove the video tag and include your iframe video code from Youtube or Vimeo. Upload your Last name_First nameHW14 folder with your four files to the Homework #14 folder to the class OneDrive.

Due Nov 1: Use this template as a starting point for your Capstone Project site. Setup the external CSS file and three internal navigation links. We will continue on in class developing the layout of placeholder content.

Due Oct 30: 1) Post your 250-word Capstone Project proposal in a blog post within the “Student Work” category. Be creative with your use of HTML within your blog post. Create five tweets (make sure your profile is set to public) that discuss the chosen topic of your capstone project and embed those five tweets in your blog post.
2) Finish ch. 3 Boundaries and Space on Code Academy. We will be using this Template file as a starting point for your Capstone Project website.

Given the rally on campus earlier in the day, I won’t penalize any student for not attending our 4:15-5:30pm Oct. 23rd class. I will be on campus in my office by 1pm to answer any questions and in the classroom during our designated class time. Also, I will be available via email during class time so please contact me if you have any questions about your Capstone Project topic.

Due Oct 25: 1) Write a 250-word proposal describing the subject matter and direction you are going to take in your capstone project. Which two media objects will you complete for your capstone project? How do your two media objects relate to each other and your chosen subject matter? Keep in mind the subject matter for your Capstone Project needs to be focused on a social or cultural topic and please contact me if you have any questions about your chosen topic. Name your Capstone Project proposal: Last name_First nameHW12.docx and upload your proposal to the class OneDrive folder. 2) Create a public twitter account. In class, I will demo how to login to our class WordPress site, add your proposal to the Student Work menu, and embed your five tweets into your class blog post.

Due Oct 23: 1) Read ch. 7 Web Design from the Multimedia Foundations textbook. 2) Finalize your single paged hand-coded HTML website resume. Include your education with your degree you are earning (and/or have already earned), work experience, essential skills, and interests. Use an external stylesheet to stylize your resume website and develop the hierarchy of text. Include links to your Youtube and Vimeo accounts that you just created (we will be using these for uploading our animations & remixes), too. Name your html file “index.html” and place it in a folder labeled with your Last name_First name along with your external stylesheet (i.e. ‘resume.css’). Upload the folder to the class OneDrive folder.

Due Oct 18: 1) Create a free (not pro) account with Code Academy and complete exactly 50% (ch. 1 & 2) of this tutorial on HTML/CSS.
2) Download Sublime Text (if you have a Mac) or Notepad++ (if you are on a PC). We will be using Sublime Text/Notepad++ to write our own HTML & CSS code in class.

Due Oct 16: 45sec animated infographic due. Make sure you upload to the class OneDrive your AE project, Ai/Psd/mp3 files, works cited doc, and your final rendered animation (Last name_First name10.mp4).

Due Oct 11: Keep developing your 45sec. animated infographic based on in-class feedback. Keep in mind that the full 45sec. animation is due on Tuesday, Oct 16.

Due Oct 9: Using Illustrator, Photoshop, or AE text/imagery you drew yourself, create the first 15-seconds of your 45 sec. animated infographic to introduce the viewer to your animated infographic topic in After Effects. Given the time constraints (15 seconds and how long it takes the viewer to read the text and moving images), create animated text and imagery that introduces the topic and main issues to help visualize the concepts behind the topic of your animated infographic that you will create. Do not record a voice-over, but include a background music track within your animation to help you animate to a beat. Also, make sure your animated infographic is 1280×720 at 24fps. Render out your animation using the H.264 format using Adobe Media Encoder and make sure the file is named: Last name_First name9.mp4. Also, create a .doc works cited file. Submit your works cited .doc as well as your After Effects project file, all Ai/Ps/mp3 files, and rendered animation file to the class OneDrive folder.

Due Oct 4: Finalize your storyboard for your proposed 45 sec. animated infographic and turn in a hard copy of it.

Due Oct 2: Create a 45-second video mash up of the three videos linked below. Work with effects and keyframe animation in After Effects to create a video that considers the subject matter of your audio and video juxtaposed together. Be creative in your approach to your mash up. Render out your mash up in Adobe Media Encoder using the H.264 format and Match Source settings for the 1280×720 @24fps composition, and upload your exported video and AE project file to the class OneDrive folder with the naming convention: “Last name_First name7”. Utilize an audio track from one of the videos. All videos are also on the class server in the In Class Files folder.

https://vimeo.com/231568316

https://vimeo.com/40827839

https://vimeo.com/282340284

Due Sept 27: Watch these videos on the introduction, interface, and composition basics of AfterEffects.

Due Sept 25: Use 4-5 Creative Commons video files (not the ones on the class server or shown in class) to create a 1 min. video remix on any subject matter of your choice though it must be suitable for a general audience. Manipulate video on a timeline and combine video files for a remix utilizing what you have learned about Fair Use, copyright, and the Creative Commons. Consider the juxtaposition and content of the videos when edited into a sequence, as well as the sound design of your remix video. Export your remix using Match Source-High Bitrate (make sure your video is HD – 1920x1080px or 1280x720px) preset with H.264 format and AAC audio. Name your exported file: Last name_First name6.mp4 and upload this file along with your Premiere project file and a PDF or Word doc with the links to all of the videos you used to the Activity #6 folder. You can use the audio from the Creative Commons videos we used in class or any other CC audio file.

Due Sept 20: 1) Read ch. 13 in Multimedia Foundations. 2) Watch these Adobe video tutorials on importing and editing in Premiere Pro. We are continuing on with Premiere Pro.

Due Sept. 13: Read ch. 11 in Multimedia Foundations.

FYI If you are using the VMMC 111 lab computers and you don’t see the font you have just added to Font Book, log out and then log back in to see your added font(s). After that, each font that you add will then appear in Font Book. ¯\_(ツ)_/¯

Due Sept. 11: Create an infographic that visualizes three to four statistics about a single topic through the use of text and imagery. In Illustrator, create an RGB file that has an artboard that is 800x800px at 72ppi. Design the visual layout of text and hand-drawn imagery in Illustrator to develop the designs of your infographic that relate to your statistic. Consider how your color palette and font choice relate to your topic and make sure to include the URL to your data information at the bottom of the infographic. Work with layout, type, color, shape, movement, and legibility to create a visually-engaging infographic. Outline any text (except the URL) if you used an uncommon font for any text. Make sure your file is named: Last name_first name4.ai and uploaded into the Homework #4 folder on the class OneDrive folder.

Due Sept. 6: Read ch. 8 in Multimedia Foundations and Material Design’s Understanding Typography. Also, come up with a proposed topic for your infographic.

Due Sept. 4: Take a photo of yourself in class using Photobooth and draw a vector image of your self portrait at 1280px x 720px (lenght by width) 72 ppi, RGB color mode. Use the layering technique I demonstrated in class and place your embedded image in a layer in your Ai file. Make sure your layers and sublayers are organized and labeled. Use one of the hand drawing approaches demonstrated in class to create a vector drawn self-portrait using the pen tool. Make sure your file is named: Last name_first name3.ai and uploaded into the Homework #3 folder on the class OneDrive folder.

Due Aug. 30: Create a redesign of a launcher icon for an iOS mobile app in a psd file that has a pixel dimension of 250px x 180px (height x width) at 401 ppi. Work to simplify the design considering the current flat style of iOS11 and Apple’s Human Interface Guidelines. Make sure to include small text with the name of the launcher app icon below the 180px x 180px shaped app icon and do not round the edges of the app icon (Apple takes care of it). Keep your layers organized with groups that are labeled. Include an embedded image of the old app icon design on a layer in your document. Lastly, make sure your file is named: Last name_first name2.psd and uploaded into the Homework #2 folder on the class OneDrive folder.

Due Aug. 28: Resize this original sunset image on the class server to these exact three sizes: 1334 x 946 at 326ppi, 1920 x 1363 at 401ppi, 180×180 at 72ppi. Your files should all be named in this format: Last name_first name1A.psd, Last name_first name1B.psd, and Last name_first name1C.psd. Make sure you have these files uploaded at the beginning of class into the Section 1 Homework #1 folder.

Note: For those that want a heads up on the next lecture, check out this tutorial on using the Pen Tool in Photoshop. Also, bring your cell phones to class and be ready to discuss the best and worst designed mobile app icons you have downloaded.

Due Aug. 23: Read chapter 1, 2, & 9 in Multimedia Foundations.