BENGKEL

(1)

BENGKEL

INFOGRAFIK DAN

PENYUNTINGAN VIDEO PENDEK

1 - 2 MAC 2017 | MAKMAL GRAFIK

Dr. Salmiah ABDUL HAMID (PENYELARAS) Cik Noorhaslina Senin (Penceramah)

CIK Auzani Zeda Mohamed Kassim (Penceramah) FAKULTI SENI GUNAAN & KREATIF

UNIVERSITI MALAYSIA SARAWAK

(2)

Maklumat Berkaitan Program Bengkel

Nama Bengkel Bengkel Infographic dan Suntingan Video Pendek Tentatif Tarikh Bengkel 1 dan 2 Mac 2017 (Rabu dan Khamis)

Penyelaras Bengkel Dr Salmiah Abdul Hamid

Penceramah Bengkel

Infographics:

1. Cik Noorhaslina Video Editing :

1. Cik Auzani Zeda binti Mohamed Kassim Lokasi Bengkel Makmal Animasi 1, FSGK

Penganjur Bengkel Fakulti Seni Gunaan dan Kreatif, FSGK

Objektif Bengkel

Berkongsi pengalaman dan teknik-teknik

pengajaran dan pembelajaran agar peserta boleh:

1. Mengenalpasti masalah yang sering dihadapi dalam memilih visual yang sesuai dalam

penggunaan bahan percetakan mahupun video.

2. Mendemonstrasikan penggunaan software video editing dan infographics.

3. Mengaplikasi penggunaan software suntingan video dan infographics bagi merekabentuk bahan visual seperi percetakan dan video pendek.

Maklumat Berkaitan Peserta

Kumpulan Sasar Pegawai Kerajaan Negeri Sarawak Bilangan Peserta 20-25 orang

(3)

BENGKEL

INFOGRAFIK DAN

MODUL 1 | 1 MAC 2017

CIK AUZANI ZEDA MOHAMED KASSIM [email protected]

FAKULTI SENI GUNAAN & KREATIF UNIVERSITI MALAYSIA SARAWAK

(4)

2

(5)

BASIC VIDEO EDITING WORKSHOP

Adobe Premiere is one of the most popular video editing tools. This software package for professional and novice alike. Adobe Premiere is incorporated as part of other Adobe software, including Photoshop and After Effects. The application is easy to use that makes it very useful.

Premiere is a powerful tool that many professionals use as it is capable of editing high definition videos which can be utilized by everyone, including amateurs and people producing videos for television. It has a simple user interface and easy to navigate. This makes it easy and straightforward to learn even if you have no experience using any other video editing applications before.

Premiere supports graphics, audio, and video in many different formats.

You can import video footage from a video camera or files on a computer.

When video footage imported, you can use the application to perform processes to edit it. When the editing the footages is finished, you can then export it as video files, onto tape and DVD.

This module will guide you through Adobe Premiere at a basic level. Through the workshop, you will learn the necessary editing process in creating photo slideshow and video montage.

Audio Free Source: http://dig.ccmixter.org

ADOBE PREMIERE

OVERVIEW

(6)

4

ADOBE PREMIERE - INTERFACE HIGHTLIGHTS

Project Files – This is where all the files you import will be located. This includes movie files, image sequences, Photoshop files (and all the layers), and audio files. At the bottom of the panel, there are tools to help you organize (such as creating folders).

Effect Controls – This panel contains the controls to any effects you add to your timeline. Motion control toggle includes the ability to keyframe position, scale, and rotation. There is also opacity controls, and time remapping, which allows you to adjust the speed of the clip.

Timeline View – This panel shows your current point (visual) in the timeline.

Effects Panel – This tab is where you can find the effects for video, audio and for transitions, such as fades and cross-dissolves.

Keyframe Button – This button allows you to add and remove keyframes to edit the video or audio.

Scale Slider – This slider will scale the timeline, allowing you to zoom in and out.

Cut/Razor Tool – This tool will enable the ability to cut a clip into multiple pieces for editing.

Move/Select Tool – Select this to change to the default cursor.

(7)

SETTING UP NEW PROJECT

Launch Premiere Pro. The Welcome screen appears.

New Project: Opens the New Project dialog.

Open Project: Lets you browse to an existing project files.

Help: Opens the online Help system. You’ll need to be connected to the Internet to access online Premiere Pro Help.

Exit: Exits Premiere Pro.

Click New Project to open the New Project dialog.

This dialog has two tabs: General and Scratch Disks. All of the settings in this dialog can be changed later. In most cases, you’ll want to leave them as they are.

(8)

6

You can then select any preset or setting that fit with your video needs.

IMPORT FILE/ FOOTAGE

You can import files into premiere either go to file -> import, then select your file or go to media browser to select your files directory.

(9)

You can group your media files according to it’s type by creating new bin/

folder.

(10)

8

EDIT CLIPS IN TIMELINE

The Timeline window provides a graphical representation of your edited program, showing the position of your clips sequentially from left to right, in time. You can trimm and add more clips to the Timeline in the order you want them.

Click and drag your first trimmed clip from the Source window into the Video 1 track in thetimeline, as shown below. You will see the audio component of your clip added to the Audio 1 track

SAVE PROJECT

Saving a project will save all the editing decisions you make on clips. It is recommended to save your project regularly as you work. Choose Save As from the File menu.

(11)

ADDING EFFECTS/ TRANSITIONS TO CLIPS

To add effects, such as transitions and fades, navigate to the Effects Tab.

Video Transitions contain effects such as Cross Dissolves and Wipes.

Video Effects contain some of the tools you might be familiar with in Photoshop or After Effects, including Lens Flare and Color Correction.

(12)

10

Audio Transitions contain tools to fade in and out your audio.

Audio Effects contain advanced audio tools.

To apply effects, select the one you want to use and drag and drop to the targeted clip in the timeline.

To fine tune and keyframe effects, navigate to the Effects Controls panel, to the left of the main viewport. Here you will find the controls for each effect you have applied to the selected clip. You can adjust and keyframe these effects from here.

(13)

ADDING TEXT FOR TITLES / CREDITS

To add texts to your video, navigate to the top of the screen and go to Title ->

New Title -> Default Still (or for scrolling credits, Default Roll). A window will appear asking you to name your title (keep the video settings the same).

A new window will appear in which you can edit your title. Options such as font and font size are located to the right. When you are finished editing your text, you can close the window (double click on the file in the project files panel to reopen it and continue editing).

(14)

12

If you place your Title in a video slot above your clip, you can layer your text above your video, as in the image below. If there is nothing beneath, it will appear on a black background.

.

(15)

ADDING AUDIO/ SOUND

You can add sound to a movie by by dragging the audio clips from Project Window onto the audio tracks in the construction window.

To adjust audio volume, click on the thin yellow line in the audio file in the timeline and drag it up and down to adjust the level.

EXPORT PROJECT

The first thing to think about when exporting a video is to think about where the video will be delivered and how it will be viewed. Are you going to upload to Youtube and Vimeo? Are you going to burn it to a DVD? The delivery destination is very important on deciding what the settings need to be. You can use presets installed in Premiere to quickly choose settings for your exported file.

(16)

14

To export your working files or video select your desired settings or presets for the video before sending it to Media Encoder for exporting.

Once exporting done, you can view your video in any media player which support the format you rendered with. E.g: Quicktime player.

(17)

THANK YOU!

(18)

BENGKEL

INFOGRAFIK DAN PENYUNTINGAN VIDEO PENDEK

MODUL 2 | 2 MAC 2017

INFOGRAFIK

CIK NOORHASLINA SENIN [email protected]

FAKULTI SENI GUNAAN & KREATIF UNIVERSITI MALAYSIA SARAWAK

(19)

(20)

Adobe Illustrator is the industry standard tool for vector drawing and illustration, used by a wide variety of creative professionals including editorial illustrators, identity designers, textile and pattern designers, UI designers, motion artists and many others. It's always been an incredibly versatile tool, thanks to a broad feature set, and of course the fact that vector graphics are infinitely scaleable and in most cases relatively lightweight.

Over the years the application has been given some quite remarkable features - from the Gradient Mesh in the 1998 release of version 8 to multiple art boards in CS4 and the Perspective Grid in CS5 (which Adobe ported across from FreeHand, the tool it bought from Macromedia and then phased out), it is a behemoth of an application, whether you want to create photorealistic illustrations or slick logos.

This module will guide you through Adobe Illustrator at a basic level.

Through the workshop, you will learn the necessary tools in creating simple infographic.

Adobe Illustrator Overview

(21)

A. Tabbed Document windows B. Application bar

C. Workspace switcher D. Panel title bar E. Control panel F. Tools panel

G. CollapseTo Icons button

H. Four panel groups in vertical dock

The Application bar across the top contains a workspace switcher, menus (Windows only), and other application controls. On the Mac for certain products, you can show or hide it using the Window menu.

The Tools panel contains tools for creating and editing images, artwork, page elements, and so on. Related tools are grouped.

The Control panel displays options for the currently selected tool. In Illustrator, the Control panel displays options for thecurrently selected object. (In Adobe Photoshop® this is known as the Options bar)

Adobe Illustrator

Workspace Overview

Default Illustrator workspace

(22)

The Document window displays the file you’re working on. Document windows can be tabbed and, in certain cases, grouped and docked.

Panels help you monitor and modify your work. Panels can be grouped, stacked, or docked.

The Application frame groups all the workspace elements in a single, integrated window that lets you treat the application as asingle unit. When you move or resize the Application frame or any of its elements, all the elements within it respond to each other so none overlap. Panels don’t disappear when you switch applications or when you accidentally click out of the application.

(23)

Adobe Illustrator

Tools Panel Overview

Tools panel overview

(24)

Creating & Setting Up New Document

New Document

Launch Adobe Illustrator.

Create a new document

1. choose File > New and from New Document Profile select the required document profile.

2. Type a name for your document.

3. Specify the number of artboards for your document 4. Specify the default spacing between artboards.

5. Specify the default size, units of measure, and layout for all artboards.

Open a file

1. To open an existing file, choose File > Open. Locate the file, and click Open.

2. To open a recently saved file, choose File > Open Recent Files, and choose a file from the list.

(25)

Importing, Exporting & Saving

Create an Adobe PDF

1. Choose File > Save As or File > Save A Copy.

2. Type a filename, and choose a location for the file.

3. Choose Adobe PDF (*.PDF) as the file format, and click Save.

Create a multiple-page Adobe PDF

1. Create multiple artboards in a document.

2. Choose File > Save As, and select Adobe PDF for Save As Type.

3. Do one of the following:

To save all of the artboards to one PDF, select All.

To save a subset of the artboards to one PDF, select Range, and type the range of artboards.

4. Click Save, and set additional PDF options in the Save Adobe PDF dialog box.

5. Click Save PDF.

(26)

SLIDE

PERSEMBAHAN

BENGKEL

(27)

1/4/18

1

Video editing is the process of manipulating and rearranging video shots to create a new work. Editing is usually considered to be one part of the post production process.

Other post-production process tasks include titling, color correction and sound mixing.

5

TIPS OF

VIDEO EDITING

1

Shorter is Better, except when it isn’t - Keep audience’s attention

- Have ‘Breathing Room’, pauses in between 2 interview scene or put insert.

(28)

1/4/18

2

Use Intro and Outro

- Sometimes, editors use cross dissolves to srat and end a scene - A clips that could lead to subject matter. Eg: open door

3

Master The J-Cut

- Have an audio starts slightly before the video enters the scene

4

Clean Up Dialog - Get rid of too much ‘Ummms’

5

Adjust Audio Volume According to the Scene - Increase and decrease Volume when necessary

(29)

1/4/18

1

INFOGRAPHICS

FROM BORING TO WOW!

An infographics uses visuals, sometimes supported by text—to represent information or data, often with the aim of educating or informing an audience.

Ways to

SIMPLIFY COMPLICATED INFORMATION/ DATA

WHAT IS INFOGRAPHICS?

WHY WE NEED INFOGRAPHIC?

(30)

1/4/18

2

DO YOU KNOW?

90% of information transmitted to our brain is visual. People

remember…

(31)

1/4/18

3 7 BASIC STEPS TO CREATE

AN INFOGRAPHIC

CONSIDER YOUR AUDIENCE Who are you creating this infographics for? What would they be interested in knowing?

1 |

(32)

1/4/18

4

DRAW OR SKETCH

Simple drawing of how you want to represent your content. Where to put the heading, image, graph etc

2 |

CHOOSE THE MAIN ELEMENTS

Don’t worry if you are not a designer. You can use images or illustration created by others through image and icon library or free online infographics tools

3 |

A PICTURE WORTH A THOUSAND WORDS Text can be necessary for minute clarifications, but your graphics should be doing all the work.

4 |

(33)

1/4/18

5

LIMIT COLOUR & FONT CHOICES

Though there are exceptions to this rule, TWO FONTS and THREE COLORS is usually more than enough. Be consistent with font sizes too.

5 |

(34)

1/4/18

6

SIZE DOES MATTER WIDTH : 600 – 735 pixel

LENGTH : Keep it UNDER 5000 pixel (TRY 1000-2500 pixel) Or you will loose reader attention

6 |

BUT DON’T WORRY TO MUCH. THERE’S NO SPECIFIC SIZE!

CREDIT YOUR RESOURCE & YOUR AGENCY Add list of references on the last section

of your infographics and don’t forget credit yourself.

7 |

(35)

1/4/18

7 NOW LET’S CREATE A

SIMPLE INFOGRAPHIC