SlideShare une entreprise Scribd logo
1  sur  1
Télécharger pour lire hors ligne
UG141 – Multimedia Design
                                     Lab Exercise 5
TASK 1 - Masking

Inserting Layers and Naming them

   1. By default you will have a layer in your timeline window. Insert one more layer;
      totally you need two layers to mask an object.
   2. Rename the top layer to "Mask" and the layer below that to "background".

Creating Shape Tween

   1.   Import your picture to the "background" layer.
   2.   Using Oval tool from your tool box, draw a circle in your "Mask" layer and delete it's
        border.
   3.   Drag the circle to one end of your picture.
   4.   Now go to"frame 40" of your "Mask" layer and press "F6" to insert a new keyframe.
   5.   Now go to "frame 40" of your "background" layer and press "F5" to insert frames, so
        that your background image is available all through your mask.
   6.   Select "frame 40" of your "Mask" layer, that is your new keyframe, Keeping the
        playhead on "frame 40" of "Mask" layer, drag the circle to other end of your picture.
   7.   Now go back to "frame 1" of your "Mask" layer, keeping the playhead on "frame 1"
        of your "Mask" layer, select Shape tween in your properties window.

Masking

   1.   Right click on the "Mask" layer (the area where you named the layer not where the
        frames exist) and select Mask.

Your Mask is already. Press Ctrl+Enter to view your Mask.




TASK 2

Create an animation of Introduction for product knowledge of any company. Your animation
should cover today’s lab.




Page | 1                                                                   Johny Hizkia, BIT, MIMS

Contenu connexe

Tendances

Editing with PIXLR
Editing with PIXLREditing with PIXLR
Editing with PIXLRAnna Polud
 
Tutorial 1 - Lightsaber Effect
Tutorial 1 - Lightsaber EffectTutorial 1 - Lightsaber Effect
Tutorial 1 - Lightsaber Effectairidascironka
 
What Room Is This
What Room Is ThisWhat Room Is This
What Room Is Thisjoeboyd
 
Using photoshop elements to create a logo
Using photoshop elements to create a logoUsing photoshop elements to create a logo
Using photoshop elements to create a logoDB3igs
 
Create a canvas banner in photoshop
Create a canvas banner in photoshopCreate a canvas banner in photoshop
Create a canvas banner in photoshopNaomiPB
 
Goo Create - Material Fundamentals
Goo Create - Material FundamentalsGoo Create - Material Fundamentals
Goo Create - Material FundamentalsGoo Technologies
 
Photoshop_BlendingPhotos
Photoshop_BlendingPhotosPhotoshop_BlendingPhotos
Photoshop_BlendingPhotostutorialsruby
 
Skin Varis 202 215
Skin  Varis 202 215Skin  Varis 202 215
Skin Varis 202 215Seema Jain
 
Paths, Masks And Blend Modes
Paths, Masks And Blend ModesPaths, Masks And Blend Modes
Paths, Masks And Blend ModesShan
 
adobephotoshop_frerking
adobephotoshop_frerking adobephotoshop_frerking
adobephotoshop_frerking Agung Yuwono
 

Tendances (18)

Editing with PIXLR
Editing with PIXLREditing with PIXLR
Editing with PIXLR
 
Tutorial 2 - Light
Tutorial 2 - LightTutorial 2 - Light
Tutorial 2 - Light
 
Tutorial 3
Tutorial 3Tutorial 3
Tutorial 3
 
Tutorial 1 - Lightsaber Effect
Tutorial 1 - Lightsaber EffectTutorial 1 - Lightsaber Effect
Tutorial 1 - Lightsaber Effect
 
Image manipulation
Image manipulationImage manipulation
Image manipulation
 
What Room Is This
What Room Is ThisWhat Room Is This
What Room Is This
 
Using photoshop elements to create a logo
Using photoshop elements to create a logoUsing photoshop elements to create a logo
Using photoshop elements to create a logo
 
Goo Create: Environment
Goo Create: EnvironmentGoo Create: Environment
Goo Create: Environment
 
AlignDistribute
AlignDistributeAlignDistribute
AlignDistribute
 
Create a canvas banner in photoshop
Create a canvas banner in photoshopCreate a canvas banner in photoshop
Create a canvas banner in photoshop
 
Goo Create - Material Fundamentals
Goo Create - Material FundamentalsGoo Create - Material Fundamentals
Goo Create - Material Fundamentals
 
Photoshop_BlendingPhotos
Photoshop_BlendingPhotosPhotoshop_BlendingPhotos
Photoshop_BlendingPhotos
 
Skin Varis 202 215
Skin  Varis 202 215Skin  Varis 202 215
Skin Varis 202 215
 
Scene Hierarchy
Scene HierarchyScene Hierarchy
Scene Hierarchy
 
dr_4
dr_4dr_4
dr_4
 
Photoshop basics
Photoshop basicsPhotoshop basics
Photoshop basics
 
Paths, Masks And Blend Modes
Paths, Masks And Blend ModesPaths, Masks And Blend Modes
Paths, Masks And Blend Modes
 
adobephotoshop_frerking
adobephotoshop_frerking adobephotoshop_frerking
adobephotoshop_frerking
 

Similaire à Multimedia Design Lab Exercise on Masking and Shape Tween Animation

Modul 6 : Menggunakan masking
Modul 6 : Menggunakan maskingModul 6 : Menggunakan masking
Modul 6 : Menggunakan maskingIzatul Akma
 
CETS 2013, Kate Leifheit, handout for Building a Flash Card Interaction with ...
CETS 2013, Kate Leifheit, handout for Building a Flash Card Interaction with ...CETS 2013, Kate Leifheit, handout for Building a Flash Card Interaction with ...
CETS 2013, Kate Leifheit, handout for Building a Flash Card Interaction with ...Chicago eLearning & Technology Showcase
 
Quick Step by Step Flash Tutorial
Quick Step by Step Flash TutorialQuick Step by Step Flash Tutorial
Quick Step by Step Flash TutorialSu Yuen Chin
 
How to Create Shadow in photoshop cs6 - Photoshop Tutorial
How to Create Shadow in photoshop  cs6 - Photoshop Tutorial How to Create Shadow in photoshop  cs6 - Photoshop Tutorial
How to Create Shadow in photoshop cs6 - Photoshop Tutorial CPZ Media
 
Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01momayabhavana
 
Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01bhavanalm
 
Introduction to PowerPoint 2007
Introduction to PowerPoint 2007Introduction to PowerPoint 2007
Introduction to PowerPoint 2007misscrawleymfl
 
Photoshop7
Photoshop7Photoshop7
Photoshop7anjunaid
 
Modul 3: Menggunakan motion tween
Modul 3:  Menggunakan motion tweenModul 3:  Menggunakan motion tween
Modul 3: Menggunakan motion tweenIzatul Akma
 
Module 3 creating motion tween
Module 3  creating motion tweenModule 3  creating motion tween
Module 3 creating motion tweenIzatul Akma
 
2D Animation: Eye Blinking Tutorial
2D Animation: Eye Blinking Tutorial2D Animation: Eye Blinking Tutorial
2D Animation: Eye Blinking TutorialTeacher Den
 
Modul 4: Menggunakan motion guide
Modul 4:  Menggunakan motion guideModul 4:  Menggunakan motion guide
Modul 4: Menggunakan motion guideIzatul Akma
 
Photoshop tutorial - Getting Started and Magic Wand
Photoshop tutorial - Getting Started and Magic WandPhotoshop tutorial - Getting Started and Magic Wand
Photoshop tutorial - Getting Started and Magic WandJenna9
 
Modul 2: Menggunakan drawing tool
Modul 2: Menggunakan drawing toolModul 2: Menggunakan drawing tool
Modul 2: Menggunakan drawing toolIzatul Akma
 

Similaire à Multimedia Design Lab Exercise on Masking and Shape Tween Animation (20)

Modul 6 : Menggunakan masking
Modul 6 : Menggunakan maskingModul 6 : Menggunakan masking
Modul 6 : Menggunakan masking
 
CETS 2013, Kate Leifheit, handout for Building a Flash Card Interaction with ...
CETS 2013, Kate Leifheit, handout for Building a Flash Card Interaction with ...CETS 2013, Kate Leifheit, handout for Building a Flash Card Interaction with ...
CETS 2013, Kate Leifheit, handout for Building a Flash Card Interaction with ...
 
Quick Step by Step Flash Tutorial
Quick Step by Step Flash TutorialQuick Step by Step Flash Tutorial
Quick Step by Step Flash Tutorial
 
Flash
FlashFlash
Flash
 
How to Create Shadow in photoshop cs6 - Photoshop Tutorial
How to Create Shadow in photoshop  cs6 - Photoshop Tutorial How to Create Shadow in photoshop  cs6 - Photoshop Tutorial
How to Create Shadow in photoshop cs6 - Photoshop Tutorial
 
Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01
 
Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01Flashworkshop 090317231102-phpapp01
Flashworkshop 090317231102-phpapp01
 
Zoom blur
Zoom blurZoom blur
Zoom blur
 
Introduction to PowerPoint 2007
Introduction to PowerPoint 2007Introduction to PowerPoint 2007
Introduction to PowerPoint 2007
 
Photoshop7
Photoshop7Photoshop7
Photoshop7
 
Animating picassoslecoq
Animating picassoslecoqAnimating picassoslecoq
Animating picassoslecoq
 
Modul 3: Menggunakan motion tween
Modul 3:  Menggunakan motion tweenModul 3:  Menggunakan motion tween
Modul 3: Menggunakan motion tween
 
Module 3 creating motion tween
Module 3  creating motion tweenModule 3  creating motion tween
Module 3 creating motion tween
 
2D Animation: Eye Blinking Tutorial
2D Animation: Eye Blinking Tutorial2D Animation: Eye Blinking Tutorial
2D Animation: Eye Blinking Tutorial
 
Modul 4: Menggunakan motion guide
Modul 4:  Menggunakan motion guideModul 4:  Menggunakan motion guide
Modul 4: Menggunakan motion guide
 
Photoshop tutorial - Getting Started and Magic Wand
Photoshop tutorial - Getting Started and Magic WandPhotoshop tutorial - Getting Started and Magic Wand
Photoshop tutorial - Getting Started and Magic Wand
 
Cast Shadow
Cast ShadowCast Shadow
Cast Shadow
 
Modul 2: Menggunakan drawing tool
Modul 2: Menggunakan drawing toolModul 2: Menggunakan drawing tool
Modul 2: Menggunakan drawing tool
 
Maya
MayaMaya
Maya
 
Maya
MayaMaya
Maya
 

Plus de Indonesia School of Technology and Business (ISTB)

Plus de Indonesia School of Technology and Business (ISTB) (15)

IS341 - Week01 the world wide web architecture
IS341 - Week01  the world wide web architectureIS341 - Week01  the world wide web architecture
IS341 - Week01 the world wide web architecture
 
IS341 - Course introduction
IS341 - Course introductionIS341 - Course introduction
IS341 - Course introduction
 
Lab 8
Lab 8Lab 8
Lab 8
 
Lab 7
Lab 7Lab 7
Lab 7
 
Lab 6
Lab 6Lab 6
Lab 6
 
UG141 - Week 7 (Video)
UG141 - Week 7 (Video)UG141 - Week 7 (Video)
UG141 - Week 7 (Video)
 
Lab 4 - Week 5a
Lab 4 - Week 5aLab 4 - Week 5a
Lab 4 - Week 5a
 
UG141 - Week 6 (Sound)
UG141 - Week 6 (Sound)UG141 - Week 6 (Sound)
UG141 - Week 6 (Sound)
 
UG141 - Week 5 (Graphics)
UG141 - Week 5 (Graphics)UG141 - Week 5 (Graphics)
UG141 - Week 5 (Graphics)
 
Lab 3 - Week 4
Lab 3 - Week 4Lab 3 - Week 4
Lab 3 - Week 4
 
UG141 - Week 4 (Text)
UG141 - Week 4 (Text)UG141 - Week 4 (Text)
UG141 - Week 4 (Text)
 
UG141 - Week 3 (Multimedia Methodology)
UG141 - Week 3 (Multimedia Methodology)UG141 - Week 3 (Multimedia Methodology)
UG141 - Week 3 (Multimedia Methodology)
 
Lab 1 - Week 2
Lab 1 - Week 2Lab 1 - Week 2
Lab 1 - Week 2
 
UG141 - Week 2 (Defining Multimedia)
UG141 - Week 2 (Defining Multimedia)UG141 - Week 2 (Defining Multimedia)
UG141 - Week 2 (Defining Multimedia)
 
UG141 - Week 1 (Course Introduction)
UG141 - Week 1 (Course Introduction)UG141 - Week 1 (Course Introduction)
UG141 - Week 1 (Course Introduction)
 

Dernier

Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Disha Kariya
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhikauryashika82
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...fonyou31
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajanpragatimahajan3
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingTeacherCyreneCayanan
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeThiyagu K
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAssociation for Project Management
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxVishalSingh1417
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3JemimahLaneBuaron
 

Dernier (20)

Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..Sports & Fitness Value Added Course FY..
Sports & Fitness Value Added Course FY..
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in DelhiRussian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
Russian Escort Service in Delhi 11k Hotel Foreigner Russian Call Girls in Delhi
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
 
social pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajansocial pharmacy d-pharm 1st year by Pragati K. Mahajan
social pharmacy d-pharm 1st year by Pragati K. Mahajan
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
Measures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and ModeMeasures of Central Tendency: Mean, Median and Mode
Measures of Central Tendency: Mean, Median and Mode
 
APM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across SectorsAPM Welcome, APM North West Network Conference, Synergies Across Sectors
APM Welcome, APM North West Network Conference, Synergies Across Sectors
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3Q4-W6-Restating Informational Text Grade 3
Q4-W6-Restating Informational Text Grade 3
 

Multimedia Design Lab Exercise on Masking and Shape Tween Animation

  • 1. UG141 – Multimedia Design Lab Exercise 5 TASK 1 - Masking Inserting Layers and Naming them 1. By default you will have a layer in your timeline window. Insert one more layer; totally you need two layers to mask an object. 2. Rename the top layer to "Mask" and the layer below that to "background". Creating Shape Tween 1. Import your picture to the "background" layer. 2. Using Oval tool from your tool box, draw a circle in your "Mask" layer and delete it's border. 3. Drag the circle to one end of your picture. 4. Now go to"frame 40" of your "Mask" layer and press "F6" to insert a new keyframe. 5. Now go to "frame 40" of your "background" layer and press "F5" to insert frames, so that your background image is available all through your mask. 6. Select "frame 40" of your "Mask" layer, that is your new keyframe, Keeping the playhead on "frame 40" of "Mask" layer, drag the circle to other end of your picture. 7. Now go back to "frame 1" of your "Mask" layer, keeping the playhead on "frame 1" of your "Mask" layer, select Shape tween in your properties window. Masking 1. Right click on the "Mask" layer (the area where you named the layer not where the frames exist) and select Mask. Your Mask is already. Press Ctrl+Enter to view your Mask. TASK 2 Create an animation of Introduction for product knowledge of any company. Your animation should cover today’s lab. Page | 1 Johny Hizkia, BIT, MIMS