SlideShare uma empresa Scribd logo
1 de 32
  2013 年僑委會芝加哥地區
海外數位華語文師資培訓課程講義

How to Utilize Picture
In Teaching
Presented by Jerry Wu Naperville Chinese School
Email:
cornwu@yahoo.com
Class Outline
∗ Picasa
∗ Gimp
Picasa
Multi function picture management tool.
Picasa

∗ Import Picture

Choose folder

Click on Import buttom

Find the picture , Select Import All or select few pictures.
Picasa
Pictures will be sorted by date of the picture was taken.
Picasa
Pick folder name

Press Import All key
Picasa
1. Place Geo Tag
(Internet needed) Select Places

2. Type in name of the place

Geo Tag
3. Use your mouse to drag your
picture to the map.

4. Different pictures can have the
same Geo Tag.
Picasa Slideshow
Hold the control key and use
mouse to select pictures

Click on Movie buttom.

Click on Load buttom to add music
only MP3 and WAV file type.

Click on Slide tab to add Caption.
Picasa Slideshow
Put description to certain place in the Click on Create Movie buttom to finish
picture to let students get to know
the slideshow.
the place.

You can pick any Template you like.

Click on Upload to YouTube or save it
to your computer.
Picasa Slideshow
Slideshow can be played using Windows Media Player.
You need to have a
Google account. Fill out
the info about the move,
click on Upload Video.
Picasa Slideshow
Sample Movie uploaded to YouTube.
Picasa Web Album
Optional: Demonstration of
Web Album.
PicPick
∗ Simple graphic software
∗ Good for caputre picture on desktop
∗ Can cut out portion of picture and make a new
one.
∗ Simple drawing tool
∗ Can proportion shrink or enlarge picture by %.
GIMP Graphic Software
∗ Introduction of menu and controls.
∗ Animation picture.
∗ Blend two or more pictures together using Blend
tool.
∗ Blend picture on top of background picture using
eraser tool.
∗ Blend picture by making one picture background
as transparent and blend it to the backgroup
picture.
GIMP – Introduction to Controls
Tool
Box

Options for tool

Main drawing area

Change effect

Patterns can be
used with
different tools.
GIMP – Introduction to Controls
Selection Tools
Transformation Tools
Paint Tools
Color Tools
GIMP – Animation



Create 5 Layers name
Frame1 – Frame5
Select Layer File type as
White







Uncheck Eyes for all
frame so they are not
related.
Check the Eye on the
frame you want to draw.
Uncheck the Eye when
you finish the frame.
Draw in every frame.
GIMP – Animation



Select Filter – Animation
– Playback
Click Play buttom



Select File-Save As
GIMP – Animation



Select the folder



Click GIF Image





Type in filename.



Click Save buttom.

Click on Select File Type
GIMP – Animation


Click on Export





Change value for the pausing
time between frames.

最後再按 Save 鍵
GIMP – Animation




Follow the steps to view your
animation picture.

Lab – Create an animate picture.
GIMP –Blend Pictures I
∗
∗
∗
∗

Blend similar pitures together.
Blended pitures can be use as header picture
Pitures should have similar background.
Demo
GIMP – Blend Pictures I
∗ Go to menu File – Open and select two pictures
you want to open.
GIMP – Blend Pictures I
∗ Click on second picture and
press Ctrl-C to copy the picture.
∗ Paste the second picture to the
first picture.
∗ In toolbox, right click (Pasted
layer) and select the “To New
Layer”
GIMP – Blend Pictures I
∗ Move the second picture to the side.
∗ Click menu Image – Fit Canvas to Layers.
This will make the width to the
combination of two pictures.
GIMP – Blend Pictures I

∗ Right click Pasted
Layer and select
Add Layer Mask.
∗ Select White (full
opacity) then click
OK.
GIMP – Blend Pictures I
∗ Click on Blend Tool. And
draw a horizontal line
between two pictures to
blend.

∗

Lab: Using blend tool to blend any two or more
picture together.
GIMP – Blend Pictures II
∗ Using Eraser
∗ Open the first picture
∗ Open more picture as Layer
∗ Click on menu Layer –
Transparency - Add Alpha
Channel
∗ Using Eraser to erase overlay
area between pictures.
∗

Lab: Use Eraser tool to create a header picture for blog by blending many
pictures. (use banner_bluesky.jpg, NationalTheater.jpg, MemorialHall.jpg
and NationalMuseum.jpg
GIMP – Blend Pictures III
∗ Using Fuzzy Select Tool
∗ Open the first picture
∗ Open more picture as Layer
∗ Click on menu Layer –
Transparency - Add Alpha
Channel
∗ Using Fuzzy Select Tool to to
click the area you want make
transparent.
∗ The area you want to make
transparent is better to be single
color without much of pattern.
GIMP – Blend Pictures III
∗ If you have the picture with
same background color. You
can use “Select by color tool”
to do the same task as “Fuzzy
Select Tool”.
∗ Repeat the same steps as
“Fuzzy Select” tool.
∗ “Select by color tool” is easier
than “Fuzzy Select” tool.
GIMP – Blend Pictures III
∗ Lab: Change background color of logo by using “Fuzzy Select”
tool or “Select by color” tool. Use TaiwanAcademy.png file.
課後作業 – 請看您的 Email
用

Gimp 製作一個象形字演變的動畫 .
請老師們盡量發揮您的想像力 , 請老師完成後用 Email 寄給我
cornwu@yahoo.com. 我會在下一堂課挑選一些秀給各會同學
看.

Mais conteúdo relacionado

Mais procurados

Photoshop task – The Kabeedies
Photoshop task – The KabeediesPhotoshop task – The Kabeedies
Photoshop task – The Kabeedies
chionehardy
 
Using Microsoft Photostory 3
Using Microsoft Photostory 3Using Microsoft Photostory 3
Using Microsoft Photostory 3
Sandra Costa
 
Development of Final Product - Movie Poster
Development of Final Product - Movie PosterDevelopment of Final Product - Movie Poster
Development of Final Product - Movie Poster
Naomi Hall
 
Photoshop step by step powerpoint presentation - hayley ip 10 f
Photoshop step by step   powerpoint presentation - hayley ip 10 fPhotoshop step by step   powerpoint presentation - hayley ip 10 f
Photoshop step by step powerpoint presentation - hayley ip 10 f
Hayley Ip
 
Technical skills and originality and creativity
Technical skills and originality and creativityTechnical skills and originality and creativity
Technical skills and originality and creativity
Gummybearchiuchiu
 
Technical skills and originality and creativity
Technical skills and originality and creativityTechnical skills and originality and creativity
Technical skills and originality and creativity
Gummybearchiuchiu
 
Construction photoshop
Construction photoshopConstruction photoshop
Construction photoshop
Fahmida Begum
 
Newspaper ad production
Newspaper ad productionNewspaper ad production
Newspaper ad production
ElliotMcCabe
 
CLASS VIII COMPUTERS PHOTOSHOP
CLASS VIII COMPUTERS PHOTOSHOPCLASS VIII COMPUTERS PHOTOSHOP
CLASS VIII COMPUTERS PHOTOSHOP
Rc Os
 
lesson 1 (spinning globe)
lesson 1 (spinning globe)lesson 1 (spinning globe)
lesson 1 (spinning globe)
Amal Zunnairah
 

Mais procurados (17)

Photoshop task – The Kabeedies
Photoshop task – The KabeediesPhotoshop task – The Kabeedies
Photoshop task – The Kabeedies
 
Using Microsoft Photostory 3
Using Microsoft Photostory 3Using Microsoft Photostory 3
Using Microsoft Photostory 3
 
Gif workshop 1
Gif workshop 1Gif workshop 1
Gif workshop 1
 
Development of Final Product - Movie Poster
Development of Final Product - Movie PosterDevelopment of Final Product - Movie Poster
Development of Final Product - Movie Poster
 
Photoshop step by step powerpoint presentation - hayley ip 10 f
Photoshop step by step   powerpoint presentation - hayley ip 10 fPhotoshop step by step   powerpoint presentation - hayley ip 10 f
Photoshop step by step powerpoint presentation - hayley ip 10 f
 
Presentation1
Presentation1Presentation1
Presentation1
 
Technical skills and originality and creativity
Technical skills and originality and creativityTechnical skills and originality and creativity
Technical skills and originality and creativity
 
Technical skills and originality and creativity
Technical skills and originality and creativityTechnical skills and originality and creativity
Technical skills and originality and creativity
 
Construction photoshop
Construction photoshopConstruction photoshop
Construction photoshop
 
Newspaper ad production
Newspaper ad productionNewspaper ad production
Newspaper ad production
 
CLASS VIII COMPUTERS PHOTOSHOP
CLASS VIII COMPUTERS PHOTOSHOPCLASS VIII COMPUTERS PHOTOSHOP
CLASS VIII COMPUTERS PHOTOSHOP
 
Instant Photo Overlays
Instant Photo OverlaysInstant Photo Overlays
Instant Photo Overlays
 
adobe Photoshop
adobe Photoshop adobe Photoshop
adobe Photoshop
 
Adobe Photoshop: Selection Tools
Adobe Photoshop: Selection ToolsAdobe Photoshop: Selection Tools
Adobe Photoshop: Selection Tools
 
lesson 1 (spinning globe)
lesson 1 (spinning globe)lesson 1 (spinning globe)
lesson 1 (spinning globe)
 
Presentation on Adobe Photoshop
Presentation on Adobe PhotoshopPresentation on Adobe Photoshop
Presentation on Adobe Photoshop
 
Car
CarCar
Car
 

Semelhante a Picture all english

How to Make a GIF from a Video File Using GIMP
How to Make a GIF from a Video File Using GIMPHow to Make a GIF from a Video File Using GIMP
How to Make a GIF from a Video File Using GIMP
Keef21Moon
 
Gateway To Adobe Photoshop
Gateway To Adobe PhotoshopGateway To Adobe Photoshop
Gateway To Adobe Photoshop
BUDNET
 

Semelhante a Picture all english (20)

Picasa&gimp v2.0
Picasa&gimp v2.0Picasa&gimp v2.0
Picasa&gimp v2.0
 
Image editing exercises
Image editing exercisesImage editing exercises
Image editing exercises
 
Marie christine joyce buena
Marie christine joyce buenaMarie christine joyce buena
Marie christine joyce buena
 
GIMP BASICS by Aedam Ampongan
GIMP BASICS by Aedam AmponganGIMP BASICS by Aedam Ampongan
GIMP BASICS by Aedam Ampongan
 
Digital Storytelling Feb 2010
Digital Storytelling Feb 2010Digital Storytelling Feb 2010
Digital Storytelling Feb 2010
 
Adobe photoshop
Adobe photoshopAdobe photoshop
Adobe photoshop
 
Wrting distance materials
Wrting distance materialsWrting distance materials
Wrting distance materials
 
Photoshop basics
Photoshop basicsPhotoshop basics
Photoshop basics
 
Technology Study Guide
Technology Study GuideTechnology Study Guide
Technology Study Guide
 
How to copy a layer style in photoshop
How to copy a layer style in photoshopHow to copy a layer style in photoshop
How to copy a layer style in photoshop
 
Nyssa angela bayos
Nyssa angela bayosNyssa angela bayos
Nyssa angela bayos
 
How to Make a GIF from a Video File Using GIMP
How to Make a GIF from a Video File Using GIMPHow to Make a GIF from a Video File Using GIMP
How to Make a GIF from a Video File Using GIMP
 
Adobe photoshop
Adobe photoshopAdobe photoshop
Adobe photoshop
 
Crazy Photos: An Introduction to GIMP
Crazy Photos: An Introduction to GIMPCrazy Photos: An Introduction to GIMP
Crazy Photos: An Introduction to GIMP
 
Adobe photoshop
Adobe photoshopAdobe photoshop
Adobe photoshop
 
Notes 1
Notes 1Notes 1
Notes 1
 
Grow Your Own Clip Art
Grow Your Own Clip ArtGrow Your Own Clip Art
Grow Your Own Clip Art
 
Tutorial in Gimp 2.10.2
Tutorial in Gimp 2.10.2Tutorial in Gimp 2.10.2
Tutorial in Gimp 2.10.2
 
Photoshop Layer Styles
Photoshop Layer StylesPhotoshop Layer Styles
Photoshop Layer Styles
 
Gateway To Adobe Photoshop
Gateway To Adobe PhotoshopGateway To Adobe Photoshop
Gateway To Adobe Photoshop
 

Último

Último (20)

GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 

Picture all english

  • 1.   2013 年僑委會芝加哥地區 海外數位華語文師資培訓課程講義 How to Utilize Picture In Teaching Presented by Jerry Wu Naperville Chinese School Email: cornwu@yahoo.com
  • 3. Picasa Multi function picture management tool.
  • 4. Picasa ∗ Import Picture Choose folder Click on Import buttom Find the picture , Select Import All or select few pictures.
  • 5. Picasa Pictures will be sorted by date of the picture was taken.
  • 7. Picasa 1. Place Geo Tag (Internet needed) Select Places 2. Type in name of the place Geo Tag 3. Use your mouse to drag your picture to the map. 4. Different pictures can have the same Geo Tag.
  • 8. Picasa Slideshow Hold the control key and use mouse to select pictures Click on Movie buttom. Click on Load buttom to add music only MP3 and WAV file type. Click on Slide tab to add Caption.
  • 9. Picasa Slideshow Put description to certain place in the Click on Create Movie buttom to finish picture to let students get to know the slideshow. the place. You can pick any Template you like. Click on Upload to YouTube or save it to your computer.
  • 10. Picasa Slideshow Slideshow can be played using Windows Media Player. You need to have a Google account. Fill out the info about the move, click on Upload Video.
  • 11. Picasa Slideshow Sample Movie uploaded to YouTube.
  • 12. Picasa Web Album Optional: Demonstration of Web Album.
  • 13. PicPick ∗ Simple graphic software ∗ Good for caputre picture on desktop ∗ Can cut out portion of picture and make a new one. ∗ Simple drawing tool ∗ Can proportion shrink or enlarge picture by %.
  • 14. GIMP Graphic Software ∗ Introduction of menu and controls. ∗ Animation picture. ∗ Blend two or more pictures together using Blend tool. ∗ Blend picture on top of background picture using eraser tool. ∗ Blend picture by making one picture background as transparent and blend it to the backgroup picture.
  • 15. GIMP – Introduction to Controls Tool Box Options for tool Main drawing area Change effect Patterns can be used with different tools.
  • 16. GIMP – Introduction to Controls Selection Tools Transformation Tools Paint Tools Color Tools
  • 17. GIMP – Animation   Create 5 Layers name Frame1 – Frame5 Select Layer File type as White     Uncheck Eyes for all frame so they are not related. Check the Eye on the frame you want to draw. Uncheck the Eye when you finish the frame. Draw in every frame.
  • 18. GIMP – Animation   Select Filter – Animation – Playback Click Play buttom  Select File-Save As
  • 19. GIMP – Animation  Select the folder  Click GIF Image   Type in filename.  Click Save buttom. Click on Select File Type
  • 20. GIMP – Animation  Click on Export   Change value for the pausing time between frames. 最後再按 Save 鍵
  • 21. GIMP – Animation   Follow the steps to view your animation picture. Lab – Create an animate picture.
  • 22. GIMP –Blend Pictures I ∗ ∗ ∗ ∗ Blend similar pitures together. Blended pitures can be use as header picture Pitures should have similar background. Demo
  • 23. GIMP – Blend Pictures I ∗ Go to menu File – Open and select two pictures you want to open.
  • 24. GIMP – Blend Pictures I ∗ Click on second picture and press Ctrl-C to copy the picture. ∗ Paste the second picture to the first picture. ∗ In toolbox, right click (Pasted layer) and select the “To New Layer”
  • 25. GIMP – Blend Pictures I ∗ Move the second picture to the side. ∗ Click menu Image – Fit Canvas to Layers. This will make the width to the combination of two pictures.
  • 26. GIMP – Blend Pictures I ∗ Right click Pasted Layer and select Add Layer Mask. ∗ Select White (full opacity) then click OK.
  • 27. GIMP – Blend Pictures I ∗ Click on Blend Tool. And draw a horizontal line between two pictures to blend. ∗ Lab: Using blend tool to blend any two or more picture together.
  • 28. GIMP – Blend Pictures II ∗ Using Eraser ∗ Open the first picture ∗ Open more picture as Layer ∗ Click on menu Layer – Transparency - Add Alpha Channel ∗ Using Eraser to erase overlay area between pictures. ∗ Lab: Use Eraser tool to create a header picture for blog by blending many pictures. (use banner_bluesky.jpg, NationalTheater.jpg, MemorialHall.jpg and NationalMuseum.jpg
  • 29. GIMP – Blend Pictures III ∗ Using Fuzzy Select Tool ∗ Open the first picture ∗ Open more picture as Layer ∗ Click on menu Layer – Transparency - Add Alpha Channel ∗ Using Fuzzy Select Tool to to click the area you want make transparent. ∗ The area you want to make transparent is better to be single color without much of pattern.
  • 30. GIMP – Blend Pictures III ∗ If you have the picture with same background color. You can use “Select by color tool” to do the same task as “Fuzzy Select Tool”. ∗ Repeat the same steps as “Fuzzy Select” tool. ∗ “Select by color tool” is easier than “Fuzzy Select” tool.
  • 31. GIMP – Blend Pictures III ∗ Lab: Change background color of logo by using “Fuzzy Select” tool or “Select by color” tool. Use TaiwanAcademy.png file.
  • 32. 課後作業 – 請看您的 Email 用 Gimp 製作一個象形字演變的動畫 . 請老師們盡量發揮您的想像力 , 請老師完成後用 Email 寄給我 cornwu@yahoo.com. 我會在下一堂課挑選一些秀給各會同學 看.