Sample Hands-On Course Module

Create a ‘How-To’ video

Module Title: Creating marketing materials in multiple formats

Module Description

This course module provides an introduction to the technology, vocabulary and process for preparing digital images for preparing digital mechanicals for offset print production. This includes a focus on preparing basic mechanicals for brochures, newspaper ads and other print formats. This course also includes an introduction to digital video production techniques including camera operation and procedures, basic principles and aesthetics of film and video editing, and principles and techniques of sound and digital video editing.

Introduction

Good Day Class,

Last week we examined workflows using multiple tools (Adobe Illustrator and Adobe Photoshop). This week will take all the skills that we have learned up to this point and examine some more advanced skills. This will all mix together in this week’s Mid-Term Project. This should be taken very seriously as it is worth 200 points. Budget the appropriate time to make sure you have time to go through all the steps required. This will be a portfolio-level project, but if you budget adequate time, you will see the step-by-step approach is very straightforward. We will see how the Adobe products can be used in conjunction with one another to not only create printed pieces, but web pages as well. We will be creating a menu that will also double as a home page for a website proposal. Don’t worry, we won’t actually be publishing on the web, but you will get a good overview as to the process. We will also focus on using, reusing and modifying assets within the project in create new ways. Ready to get started?

I am just an email away when you have questions. I really excited about seeing your work this week.

Kind Regards,

[Instructor Name]

Objectives

• By the end of the week, you will apply the basic mechanical procedures for printed materials and other media.

• By the end of the week, you will apply the basic mechanical procedures to reuse materials in new and creative ways.

Discussion Forum

Good Day Class,

Twenty years ago you had to have a business card to be considered a legitimate business. Today you need a business card and more importantly a website. In the United States today, there are more computers, tablets, and smartphones on average per household then people. There is still a demand for direct marketing materials that are printed, but the norm is typically sending customers to the company website. As we are seeing in our project this week, web pages are not that difficult to create, but there is still a lot of information that has to be learned to be effective on the world wide web. Research and report back on 3 of the following terms:

• HTML
• Browser
• Domain
• Host
• FTP
• Adobe Dreamweaver
• Rollovers
• .PNG

I look forward to seeing what you come up with. Keep in mind that you are free to comment on other student’s work, but keep it professional and drive the discussion further!

Kind Regards,
[Instructor Name]

Non-Grading Discussion Forum

Instructions: This is thread, you will post questions for the class to help you answer related to this week’s material. Keep in mind to keep your comments professional in order to maintain and open and free discussion. If you need more of a timely response, please contact your instructor directly or call the help desk to resolve technical issues.

General Instructions:

  1. Publish your response as established by the instructor in the course calendar. All descriptions and comments should be written in your own words. Examples and/or quotations may be provided to support your answers. Quotations or references of other people’s works should be correctly cited (author, title, date, etc.).
  2. Read some of your classmates’ answers and elaborate on them. You may compare and contrast your own descriptions, explanations, and views with the answers posted by your classmates.

  3. • Post your reaction to the answer of at least one (1) of your classmates on or before the date established by the instructor in the course calendar. Your reaction may be based on personal experience, the course study materials (required and optional resources), or additional information on the subjects of discussion obtained from the Online Library or any other source.
    • Any knowledge gained from the comments posted in the forum that summarizes the information and offers new perspectives or suggestions.
    • Approval or rejection of an idea (supported with your personal experience or research).
    • New information that broadens or provides a different perspective (supported with sources and evidence).
    • Technical information included with your hardware, software, or applications.
    • Official technical websites for the applications or software being studied, or other recognized technical help sites online.
  4. Remember that all your responses should be in your own words and must not contain any material directly copied from books or the Internet. You should respect the intellectual property of others and avoid plagiarism.
  5. Pay attention to grammar rules (spelling and syntax).
  6. Review the criteria used to evaluate your work with the rubric provided to know how to obtain the most points for your work.

Instructions: For the project this week, we have to think about several independent smaller projects and these will go into a larger project you will turn in at the end of the week. We will be writing what we will be saying and doing, then shooting video about this product, service or experience, then creating on-screen graphics and then editing and “posting” our project. That sounds like a lot, and there are a lot of individual pieces, but if we manage our time, this should be actually an exciting experience this week. Take a few minutes to fully read the directions of the assignment so you have a clear picture of all that is to be done this week. So let’s get to work!

Week 4 Lab: Create a How-To video

Determine what your video will be about

Write your script

1. Create a folder that will contain all your assets this week. Call it [LastName] Week 5.

2. This is actually the hardest part, believe it or not. For the sake of this project determine what you are going to demonstrate as this will be a how-to video that you have most likely seen on the internet or in other courses. This should be something you have some knowledge about, it should be safe, legal and professional. We want something you would be proud to show in your portfolio, but at the end of the day it should take less than a minute to demonstrate or explain. Keep the sentences short and the concept contained, again, you only have a minute!

3. It is important to write out what you are going to say, but keep in mind that you only need about 30-45 of speaking in a natural tone and speed. We want “doing” on camera as much as speaking. There is a concept of a “talking head” that you may have heard about. This is a film or video that only shows the actor’s head and shoulders while they talk for the duration of the video. This is not what we want. We will be more interactive than that, and we will discuss that more in the section on shooting the video.

4. This should take less than 20 minutes as it should be a topic you are familiar with.

Shoot your video

Videography

1. Rehearse what you are going to say ahead of time, this will give you confidence.

2. Make a test video clip to make sure that your audio is loud enough. This is a throw away clip to simply test your equipment. Preview this clip before starting your “real” work. Make any adjustments now.

3. This is one of the fun parts! Now some of you will say I have never done this before or I am afraid. Trust when we say this may be natural, but it will go away very quickly if we believe we can do this and treat it professionally.

4. Shoot video of yourself or someone that will read your script. This will be the actor in our video, you or someone else. The actor should act naturally so it conveys that they know what they talking about.

5. Don’t worry if you make a mistake, just do that part over, we can edit out the mistakes later. You can shoot a few short clips rather than just one long video with the mistakes in them. Again, this is only going to last a minute. Shorter clips are easier to import later.

6. Don’t try to do fancy movements with the camera, you won’t have time since we have a very short window to work within. Be creative, but “cuts” (a transition that jumps from one scene to another) will probably work best here as a suggestion, but perhaps some other transitions may add to the creativity. In the end we want to convey what we are discussing to the viewer.

7. Save your video! You will need to transfer your video from your device to the MOGA103 Week 5 folder. Since there is a range of possible devices, many are very straightforward and intuitive to move files, but your instructor may need to assist with questions. It is imperative that you start early in the week so you can get the help you need and still have time to finish your project before the deadline.

Open Adobe Illustrator

Lower Third Creation

8. You will need to access Adobe Illustrator. The screen shots below are representative. As newer versions of the Adobe Illustrator program are made available, the look and position of the screen and icon locations may change. Please refer to the Adobe tutorial (https://helpx.adobe.com/illustrator.html) and the additional resources provided this week for extra insights

9. A Lower Third refers to a graphic that appears in the bottom of the video that describes a process, names the actor or perhaps is the title of the video. The top two thirds are actually transparent and the video runs behind it as a layer underneath.

10. We have to do some pre-planning so that we can use this in the size of “frame” or the size of the video project that we will be working with in the next step. Our video will be 720 pixels wide by 480 pixels high. But our project will be a little larger so it “bleeds” off the screen (no visible edges on the sides and bottom).

11. In Adobe Illustrator, create a new project. It is important to get a different preset in the New Document Profile dropdown box. Select Video and Film. From the Size dropdown, select NTSC DV (not the Widescreen option). Change the width to 780 px. Hit OK.

12. Now you will get a view of Adobe Illustrator that you have not seen in this course of up to this point. The gray checkered background represents transparent areas in the artwork. From your reading, you see the boundaries of the frame, the safe areas, etc.

13. We are going to drag a guideline down to the 108 index on the left so that we have a reference to the top of our lower third so we don’t cover too much of the screen when it is displayed.

14. We are going to create a background layer and name it Background.

15. Select the Fill color and from the dropdown, select RBG Blue.

16. Using the Rectangle tool, create a blue box below the guideline that covers the edges of the sides below the guideline to the bottom.

17. Just to show you that you can make changes to an object and use some of the powerful tools within Adobe Illustrator, we don’t have to have solid objects. We can play with transparency, too. Using the Move tool, select the blue box. From the color dropdown on the left in the upper toolbar, select Fade to Center Black as shown.

18. This will overlay nicely over our video and allow some of the video to be seen behind the lower third and add some interest.

19. Create two sublayers on the Background layer, name one Rule and name one Text. The Rule sublayer should be below the Text sublayer as shown here.

20. Click on the Rule sublayer and using the Rectangle tool again, create a very narrow rectangle along the top edge of the background box. It will appear as another instance of the background. Change the fill color to the medium blue preset in the fill color dropdown as indicated here.

21. Lastly, click the Text sublayer and we will add two lines of text. In your case, use your name and on the second line type the topic you are describing. It is easier at this point to make the type white so it can be easily seen on the dark background. Arrange it inside the safe area. It is OK to let it overlap the lower third a little.

22. You can change the color now to suit the nature of your video.

23. Choose Save for Web and Devices from the File Menu.

24. Choose PNG-24 to change the format from JPEG. Hit Save. Make sure that you have Images Only under the file name. Save your work as LowerThird_[LastName].png in your MOGA103 Week 5 folder. You will get a second panel displayed about compatibility, but hit OK here too.

25. You are finished with the lower third graphic.

Open Adobe Premiere Pro

Import Assets

26. You will need to access Adobe Premiere Pro. The screen shots below are representative. As newer versions of the Adobe Illustrator program are made available, the look and position of the screen and icon locations may change. Please refer to the Adobe tutorial (https://helpx.adobe.com/premiere-pro.html) and the additional resources provided this week for extra insights.

27. We will open a new project. Either from the splash screen or from the File menu, select New Project. You will get the following screen.

28. You will have to browse to the MOGA103 Week 5 folder to save the project there. There will no need to change any of the other presets at this time. Hit OK on the Browse for Folder panel and hit OK. Change the Name of the project to How-ToVideo_[LastName] where you use your last name as part of the file name as shown in the example. Click OK on the New Project panel.

29. You will come to a new panel called New Sequence. There are many settings here and it can be a little daunting if this is the first time you have seen this. The panel is basically divided into two halves. On the left side is the selections for the type of video that you want to work with. In our case we want to click the down arrow next to DV – NTSC. From your reading, you will know that this is Digital Video with the NTSC standard. You can leave the Sequence Name alone this time and hit the OK button.

30. It make take several seconds to load the interface as it has a lot to do in the background, this is normal. You will see the following screen.

32. You may think this looks very complex, but as you will see in a few moments it is actually very straightforward.

33. We have to first name our video with a Title screen. This is the text on-screen when the video starts so we know what the video is about and who will appear. From the Title Menu, select new Title and from the submenu, choose Based on Template…

34. You will see the many choices that are already prebuilt for you. Choose the Entertainment category and drill down to Film and select Film_full2.

35. A subsequent screen pops up and allows you to edit the text and add some special effects as well.

36. Change “TOPIC” to your Name.

37. Change “Movie Title #1” to the name of your video. Delete the rest of the movie titles. You can move the text to fit the screen better.

38. You can see a small preview of the opening title under the current panel in the upper left corner of the workspace. There is no saving here as it is done automatically. Close the title panel by hitting the red “X” in the upper right corner of the panel. You see Title 01 listed in the project box as a still image.

39. Drag the Title 01 icon onto the Video 1 timeline. You will see that it automatically inserts for roughly 5 seconds and displays in the preview window in the upper right part of the workspace. You will see a vertical red line over the video tracks with a bulb at the top, this is called the baton. You will use this soon.

40. Next you will import your video that you shot. From the File menu, select Import.

41. Navigate to your video file and hit the Open button. There will be an Import Files panel that will show you the progress. This could take several minutes depending on the size of your files. This is normal. You will see a message at the bottom of the screen “Conforming” with the name of your file. You will need to do this for each video clip you shot.

42. Import your lower third graphic that you created in Adobe Illustrator the same way.

43. We need to create a second title for the lower third. From the Title Menu, select Default Still…

44. Change the width to 780. Change the name to Lower Third.

45. You will see the original title that we made, but that is ok. We are going to create a new Lower third for the video. Under the main window, you will see several preset styles of text. Select a style and using the Text tool, type your name and the name of the video. Highlight the Name. Above the preview window, you will see a large T on the toolbar. Next to this is a number, this is the size of the text. If you hover over this number you will see a pointer with a left and right arrow. If you sweep left, the text will get smaller, if you sweep right, the text will get larger. Make this adjustment now to 48 pt. for your name and 28 pt. for your name of the video. You can experiment with some of the presets to get the titling the way you want it. Using the Move tool, position both to inside of the lower left safe area.

46. Do not be concerned that the background from the other title is still there. When you close the window, you will see only the text we created as a preview. Now you have two methods of creating on-screen titles.

47. Drag the lower third title that you just created onto the Video 2 timeline after the Main title. Take the right edge of the lower third title and drag it out to 1 minute. It may be easier if you move the baton to the 1 minute mark and then drag the right edge of the lower third to the baton.

48. Now drag your video onto the Video 1 track (under the Lower Third graphic). You will see your video display with the lower third over it. You will notice that you get a video track and an audio track automatically with it. If you drag your baton back over the video where the lower third is, you should now see the lower third superimposed over the video. Moving the baton back and forth is called “scrubbing.” Scrub back and forth to get to the points in the video you want to explore. This is also a good way to get to the points you want to trim out.

49. Right now the clip is really small and will be hard to work with. We need to zoom in on this clip so that we can trim out the unwanted parts that we may have messed up in during our shooting (coughing, clearing our throats, etc.). Underneath the timelines, you will see a slider bar. Slide the thumb tab to the right to expand the clip. 

50. There are several ways to trim out video. We will explore a very easy method here. There is a part of the beginning of the video that I do not want to include in the project. If you notice there is a toolbar on the right side of the timeline. On the toolbar there is a razor blade. Click the Razor Tool. Scrub the baton to the point where you want to trim the video. Click that point on the video track with the Razor Tool.

51. Now go back to the toolbar and select the Selection Tool. Click the front of the video (the trimmed part) and hit the delete key. It will disappear. Using the selection tool, click the remaining video and slide it to the left to fill the gap.

52. For the rest of your video, go back and use the Razor tool to slice the beginning and end points of what you want to trim out. Use the Selection Tool to close the gaps. If you make a mistake you can use Ctrl+Z (PC) or CMD+Z) MAC to undo the last command.

53. Save your work in the MOGA103 Week 5 folder.

54. The last step is to render the file. From the File menu, choose Export.

55. You will get the following panel displayed.

56. Choose H.264 from the dropdown list. You will see the estimated file size at the bottom of this panel, Hit OK.

57. This will bring up the Adobe Media Encoder, you should see your sequence here.

58. Click Start Queue, this will take several minutes.

59. If you open a window that shows the contents of your MOGA103 Week 5 folder, you will see the file that you have been working on. You will only need to submit your finished video this week. The other files such as the script, the lower third and the individual video files will be evident in the video you submit.

60. Verify the criteria used to assess your assignment in order to learn how to obtain the maximum points on your assignment. Assignments are assessed either by a provided rubric or by point distribution.

61. This assignment/task is due on the date established by the professor in the course calendar. 

Note: Please read the instructions provided in the following links before submitting your assignment:

Other requirements

[This is the same for all assignments.]

Once complete, your assignment should be assembled into a .zip file including both files.

Submit your completed assignment through the learning platform.

This assignment/task is due on the date established by the professor in the course calendar.

Technical instructions

[This is an explanation of how to use Canvas, and should be standard.]

End of lab

Grading Rubric

How-To Video Production Project.

Rubric for How-To Video Production 4.3 (40 points)

Criteria

Ratings

Pts.

Content: Adobe Illustrator

Excellent: Clearly reflects specific information presented in the course. Demonstrates depth of understanding in the knowledge, skills, and strategies from the course.
5 pts.

Satisfactory: Somewhat relates to specific information presented in the course. Demonstrates some understanding in the knowledge, skills, and strategies from the course.
3 pts.

Unsatisfactory: Nonspecific and general in nature, not related to specific course content. Demonstrates a lack of understanding in the knowledge, skills, and strategies from the course.
1 pts.

Work not done.
0 pts.

5 pts.

Mechanics: Adobe Premiere Pro

Excellent: All layers, placement of visual materials and final output complied with all written instructions and were presented in an exemplary way. Structural parameters of the assignment are accurately followed.
30 pts.

Satisfactory: Most of the directions were followed although there were some errors in placement or use of tools. Some structural parameters of the assignment are followed.
20 pts.

Unsatisfactory: Incomplete work, poor use of tools and other technical issues that could have been presented better. Structural parameters of the assignment are not followed.
10 pts.

Work not done.
0 pts.

30 pts.

Timeliness

Excellent: Assignment turned in on time.
5 pts.

Unsatisfactory: Assignment was not turned in or was not turned in on time.
0 pts.

5 pts.

Total Points: 40

Leave a Reply