SlideShare a Scribd company logo
1 of 43
Tutorial in GIMP
By: MA. ARABHELA MAE P. BARRAMEDA
Tutorial in GIMP
• Blending Images In GIMP
• Changing Background Color
• Changing the Outfit Color
Blending Images In GIMP
Two images need to be merge:
OPEN IMAGES
From the Menu, select: File → Open
When we click ‘’open’’ in the menu , select: File,
this will appear on the screen
This is the result of opening a picture in a file
NOTE:
The first picture that we need to merge is the tourist spot
image. And then, we need to open as layers so that we can
merge the another picture.
OPEN AS Layers…..
From the Menu, select: File → Open as Layers...
When we click “ Open as Layers”, this is the dialog box will
appear on the screen so that we can use the another picture to
be merge.
The two image are been in one place.
Add Layer Mask
From the Layers window, select the second image and Add
Layer Mask. There is a dialog box will appear.
Hit Add
Result in adding layer mask
Choose white to initialize the mask. White
corresponds to opaque. Now you get this in
the layers box:
Blend images
From the Toolbox window, select the Blend Tool
Make a gradient from right to left, starting from the edge of the
image and stopping in the middle of it, to maintain a visible part.
And then, click “ENTER”.
Merge the layers
In the layers window click on "Merge Layers".
Now only one layer is visible in the window.
Superimpose the two images
Click on the image of the model, and "Select All" then "Copy.“
Go to the landscape image, in selection mode, and click "Paste."
Move the image to fit as you want. And then “Save”.
To better know the result of your work you need to do this:
From Menu, select: File → Export as
This will appear on the screen and then click, “Export”
Blending result
This is the finally blending result:
Experimenting with different parameters can give even better results
Changing Background Color
OPEN IMAGES
From the Menu, select: File → Open
When we click ‘’open’’ in the menu , select: File,
this will appear on the screen
This is the result of opening a picture in a file
Add transparency to the image by using Layer > Transparency >Add Alpha
Channel. This makes it easy to add another background layer or paste your
selection into another image.
Add Transparency to the Image
Use Fuzzy Select Tool select the part of the image that you wish to remove. The aim is to end up
with an image which resembles the one below. You should have the "marching ants" around the
area of the image that you wish to keep.
Having a "marching ants" around the area of the image that you wish to keep. And then, try to delete it.
This is the result after deleting the background. There is already the alpha channel in the background
of the flower.
If you really want to see the best of the your product you need to do this:
From the Menu, select: File → Export As….
This will appear on the screen and then click, “Export”
Changing Background Result
This is the finally changing background result:
Changing the Outfit Color
OPEN IMAGES
From the Menu, select: File → Open
When we click ‘’open’’ in the menu , select: File, this will appear
on the screen
This is the result of opening a picture in a file
In order to change the outfit of a person in the
image we need to use Paths Tools
Changing the Upper Cloth
We need to make a path in order to change its color.
To saturate click Colors on the menu.
Colors => Hue-Saturation
Start moving the Hue slider to your desired color.
You can select the richness of the color by using the Saturation slider.
If you screw up, click reset and start all over. Make sure preview is ticked so
you can see the results on the image.
Create New Layer.
Layer => New Layer
A new layer dialog box appear. Name it to “Color”
Click the foreground color and the Change Foreground
Color dialog box appear.
Choose your color and hit Ok button.
Now color the selected area. Example the color selected is red.
After you have it all colored, change the mode of the layer to “overlay”
After changing the mode of the layer, it should like this.
Make the outline disappear, choose Select on the menu.
Select => None
Now if you want to make the hard edge soft,
you can blur it a few time.
Filters => Blur => Blur or
Filters => Blur => Gaussian Blur
NOTE: Find a setting that looks good to you.
Changing the Lower Cloth
TAKE NOTE IT IS SAME AS THE PROCESS WE DID IN CHANGING UPPER CLOTH
We need to make a path in order to change its color.
To saturate click Colors on the menu.
Colors => Hue-Saturation
Start moving the Hue slider to your desired color.
You can select the richness of the color by using the Saturation slider.
If you screw up, click reset and start all over. Make sure preview is ticked so
you can see the results on the image.
Create New Layer.
Layer => New Layer
A new layer dialog box appear. Name it to “Color”
Click the foreground color and the Change Foreground Color
dialog box appear.
Choose your color and hit Ok button.
Now color the selected area. Example the color selected is red.
After you have it all colored, change the mode of the layer to “overlay”
After changing the mode of the layer, it should like this.
Make the outline disappear, choose Select on the menu.
Select => None
Now if you want to make the hard edge soft,
you can blur it a few time.
Filters => Blur => Blur or
Filters => Blur => Gaussian Blur
NOTE: Find a setting that looks good to you.
If you really want to see the best of the your product you need to do this:
From the Menu, select: File → Export As….
This will appear on the screen and then click, “Export”
Changing the Outfit Result
Thank You for Watching! 

More Related Content

What's hot

Retouching tutorial
Retouching tutorialRetouching tutorial
Retouching tutorialrahmadnadzri
 
Dramatic Wrinkles effect Tutorial
Dramatic Wrinkles effect TutorialDramatic Wrinkles effect Tutorial
Dramatic Wrinkles effect TutorialRAVE19u3
 
P 3 Creating Liquid Text
P 3  Creating Liquid TextP 3  Creating Liquid Text
P 3 Creating Liquid Textsumidahilo
 
GIMP Tutorial by Juan Rodrigo Badiola
GIMP Tutorial by Juan Rodrigo BadiolaGIMP Tutorial by Juan Rodrigo Badiola
GIMP Tutorial by Juan Rodrigo BadiolaJuanRodrigoBadiola
 
Ghost Effect
Ghost EffectGhost Effect
Ghost Effectshalace09
 
Writing With Water
Writing With WaterWriting With Water
Writing With Watersnshnangel04
 
Black and white tutorial
Black and white tutorialBlack and white tutorial
Black and white tutorialtranpham143
 
How to do photo manipulation
How to do photo manipulationHow to do photo manipulation
How to do photo manipulationaztechtchr
 
Crazy Photos: An Introduction to GIMP
Crazy Photos: An Introduction to GIMPCrazy Photos: An Introduction to GIMP
Crazy Photos: An Introduction to GIMPRino Landa
 
Presentation for posterising technique
Presentation for posterising techniquePresentation for posterising technique
Presentation for posterising techniquecedannatt
 
2 working with layers and adjusting the image quality
2 working with layers and adjusting the image quality2 working with layers and adjusting the image quality
2 working with layers and adjusting the image qualityMarty Sison
 

What's hot (18)

Retouching tutorial
Retouching tutorialRetouching tutorial
Retouching tutorial
 
Dramatic Wrinkles effect Tutorial
Dramatic Wrinkles effect TutorialDramatic Wrinkles effect Tutorial
Dramatic Wrinkles effect Tutorial
 
P 3 Creating Liquid Text
P 3  Creating Liquid TextP 3  Creating Liquid Text
P 3 Creating Liquid Text
 
GIMP Tutorial by Juan Rodrigo Badiola
GIMP Tutorial by Juan Rodrigo BadiolaGIMP Tutorial by Juan Rodrigo Badiola
GIMP Tutorial by Juan Rodrigo Badiola
 
Ghost Effect
Ghost EffectGhost Effect
Ghost Effect
 
Lemon mix up
Lemon mix upLemon mix up
Lemon mix up
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
Tutorial in gimp
Tutorial in gimpTutorial in gimp
Tutorial in gimp
 
Basics of gimp
Basics of gimpBasics of gimp
Basics of gimp
 
Writing With Water
Writing With WaterWriting With Water
Writing With Water
 
Black and white tutorial
Black and white tutorialBlack and white tutorial
Black and white tutorial
 
Learn photoshop
Learn photoshopLearn photoshop
Learn photoshop
 
How to do photo manipulation
How to do photo manipulationHow to do photo manipulation
How to do photo manipulation
 
Crazy Photos: An Introduction to GIMP
Crazy Photos: An Introduction to GIMPCrazy Photos: An Introduction to GIMP
Crazy Photos: An Introduction to GIMP
 
Presentation for posterising technique
Presentation for posterising techniquePresentation for posterising technique
Presentation for posterising technique
 
Low mo tutorial
Low mo tutorialLow mo tutorial
Low mo tutorial
 
Realistic Fog
Realistic FogRealistic Fog
Realistic Fog
 
2 working with layers and adjusting the image quality
2 working with layers and adjusting the image quality2 working with layers and adjusting the image quality
2 working with layers and adjusting the image quality
 

Similar to GIMP Tutorial: Image Blending, Background Changing, and Outfit Color Editing

Paths, Masks And Blend Modes
Paths, Masks And Blend ModesPaths, Masks And Blend Modes
Paths, Masks And Blend ModesShan
 
Fajardo, winfreya m. 11 caritas, abm
Fajardo, winfreya m. 11  caritas, abmFajardo, winfreya m. 11  caritas, abm
Fajardo, winfreya m. 11 caritas, abmshanneprincesspanamb
 
Photoshop the whole thing
Photoshop the whole thingPhotoshop the whole thing
Photoshop the whole thingGareth Hill
 
Realistic cast shadow effect in photoshop
Realistic cast shadow effect in photoshopRealistic cast shadow effect in photoshop
Realistic cast shadow effect in photoshopmicah20
 
Photoshop booklet 2016
Photoshop booklet 2016Photoshop booklet 2016
Photoshop booklet 2016missfcmay
 
Photoshop Techniques How To Mix Two Images By Yapa Wijeratne
Photoshop Techniques How To Mix Two Images By Yapa WijeratnePhotoshop Techniques How To Mix Two Images By Yapa Wijeratne
Photoshop Techniques How To Mix Two Images By Yapa WijeratneYapa
 
5 combining images and applying filters
5 combining images and applying filters5 combining images and applying filters
5 combining images and applying filtersMarty Sison
 
How to make a photoshop advert a4 poster
How to make a photoshop advert a4 posterHow to make a photoshop advert a4 poster
How to make a photoshop advert a4 postersparkly
 
Digital work station intro
Digital work station introDigital work station intro
Digital work station introWhitney Brooks
 
Ms Paint Tutorial
Ms Paint TutorialMs Paint Tutorial
Ms Paint TutorialZ M
 
How To Make A Lineart And Color It In Photoshop
How To Make A Lineart And Color It In PhotoshopHow To Make A Lineart And Color It In Photoshop
How To Make A Lineart And Color It In PhotoshopSonia Campos
 
Balloons tutorial by rokas petskevicius visualpelican
Balloons tutorial by rokas petskevicius visualpelicanBalloons tutorial by rokas petskevicius visualpelican
Balloons tutorial by rokas petskevicius visualpelicanRokas Petškevičius
 
ProductDesignAd - A Practice Guide to Photoshop
ProductDesignAd - A Practice Guide to PhotoshopProductDesignAd - A Practice Guide to Photoshop
ProductDesignAd - A Practice Guide to Photoshopssuser49eead1
 
Image editing basics using PIXLR Editor
Image editing basics using PIXLR EditorImage editing basics using PIXLR Editor
Image editing basics using PIXLR EditorJohn Allan
 

Similar to GIMP Tutorial: Image Blending, Background Changing, and Outfit Color Editing (20)

Tutorial in Gimp 2.10.2
Tutorial in Gimp 2.10.2Tutorial in Gimp 2.10.2
Tutorial in Gimp 2.10.2
 
GIMP BASICS by Aedam Ampongan
GIMP BASICS by Aedam AmponganGIMP BASICS by Aedam Ampongan
GIMP BASICS by Aedam Ampongan
 
Paths, Masks And Blend Modes
Paths, Masks And Blend ModesPaths, Masks And Blend Modes
Paths, Masks And Blend Modes
 
Fajardo, winfreya m. 11 caritas, abm
Fajardo, winfreya m. 11  caritas, abmFajardo, winfreya m. 11  caritas, abm
Fajardo, winfreya m. 11 caritas, abm
 
Photoshop basics
Photoshop basicsPhotoshop basics
Photoshop basics
 
Photoshop the whole thing
Photoshop the whole thingPhotoshop the whole thing
Photoshop the whole thing
 
Realistic cast shadow effect in photoshop
Realistic cast shadow effect in photoshopRealistic cast shadow effect in photoshop
Realistic cast shadow effect in photoshop
 
Photoshop booklet 2016
Photoshop booklet 2016Photoshop booklet 2016
Photoshop booklet 2016
 
Nyssa angela bayos
Nyssa angela bayosNyssa angela bayos
Nyssa angela bayos
 
Edgy Colors
Edgy ColorsEdgy Colors
Edgy Colors
 
Photoshop Techniques How To Mix Two Images By Yapa Wijeratne
Photoshop Techniques How To Mix Two Images By Yapa WijeratnePhotoshop Techniques How To Mix Two Images By Yapa Wijeratne
Photoshop Techniques How To Mix Two Images By Yapa Wijeratne
 
5 combining images and applying filters
5 combining images and applying filters5 combining images and applying filters
5 combining images and applying filters
 
How to make a photoshop advert a4 poster
How to make a photoshop advert a4 posterHow to make a photoshop advert a4 poster
How to make a photoshop advert a4 poster
 
Digital work station intro
Digital work station introDigital work station intro
Digital work station intro
 
Ms Paint Tutorial
Ms Paint TutorialMs Paint Tutorial
Ms Paint Tutorial
 
Computer Science.pptx
Computer Science.pptxComputer Science.pptx
Computer Science.pptx
 
How To Make A Lineart And Color It In Photoshop
How To Make A Lineart And Color It In PhotoshopHow To Make A Lineart And Color It In Photoshop
How To Make A Lineart And Color It In Photoshop
 
Balloons tutorial by rokas petskevicius visualpelican
Balloons tutorial by rokas petskevicius visualpelicanBalloons tutorial by rokas petskevicius visualpelican
Balloons tutorial by rokas petskevicius visualpelican
 
ProductDesignAd - A Practice Guide to Photoshop
ProductDesignAd - A Practice Guide to PhotoshopProductDesignAd - A Practice Guide to Photoshop
ProductDesignAd - A Practice Guide to Photoshop
 
Image editing basics using PIXLR Editor
Image editing basics using PIXLR EditorImage editing basics using PIXLR Editor
Image editing basics using PIXLR Editor
 

Recently uploaded

Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024BookNet Canada
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesSinan KOZAK
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphNeo4j
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr LapshynFwdays
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraDeakin University
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Unlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power SystemsUnlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power SystemsPrecisely
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsAndrey Dotsenko
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Wonjun Hwang
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 

Recently uploaded (20)

Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC BiblioShare - Tech Forum 2024
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
Unblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen FramesUnblocking The Main Thread Solving ANRs and Frozen Frames
Unblocking The Main Thread Solving ANRs and Frozen Frames
 
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge GraphSIEMENS: RAPUNZEL – A Tale About Knowledge Graph
SIEMENS: RAPUNZEL – A Tale About Knowledge Graph
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Unlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power SystemsUnlocking the Potential of the Cloud for IBM Power Systems
Unlocking the Potential of the Cloud for IBM Power Systems
 
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
Streamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project SetupStreamlining Python Development: A Guide to a Modern Project Setup
Streamlining Python Development: A Guide to a Modern Project Setup
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
Bun (KitWorks Team Study 노별마루 발표 2024.4.22)
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 

GIMP Tutorial: Image Blending, Background Changing, and Outfit Color Editing

  • 1. Tutorial in GIMP By: MA. ARABHELA MAE P. BARRAMEDA
  • 2. Tutorial in GIMP • Blending Images In GIMP • Changing Background Color • Changing the Outfit Color
  • 4. Two images need to be merge:
  • 5. OPEN IMAGES From the Menu, select: File → Open When we click ‘’open’’ in the menu , select: File, this will appear on the screen
  • 6. This is the result of opening a picture in a file NOTE: The first picture that we need to merge is the tourist spot image. And then, we need to open as layers so that we can merge the another picture. OPEN AS Layers….. From the Menu, select: File → Open as Layers...
  • 7. When we click “ Open as Layers”, this is the dialog box will appear on the screen so that we can use the another picture to be merge. The two image are been in one place.
  • 8. Add Layer Mask From the Layers window, select the second image and Add Layer Mask. There is a dialog box will appear. Hit Add
  • 9. Result in adding layer mask Choose white to initialize the mask. White corresponds to opaque. Now you get this in the layers box:
  • 10. Blend images From the Toolbox window, select the Blend Tool Make a gradient from right to left, starting from the edge of the image and stopping in the middle of it, to maintain a visible part. And then, click “ENTER”.
  • 11. Merge the layers In the layers window click on "Merge Layers". Now only one layer is visible in the window.
  • 12. Superimpose the two images Click on the image of the model, and "Select All" then "Copy.“ Go to the landscape image, in selection mode, and click "Paste." Move the image to fit as you want. And then “Save”.
  • 13. To better know the result of your work you need to do this: From Menu, select: File → Export as This will appear on the screen and then click, “Export”
  • 14. Blending result This is the finally blending result: Experimenting with different parameters can give even better results
  • 16. OPEN IMAGES From the Menu, select: File → Open When we click ‘’open’’ in the menu , select: File, this will appear on the screen
  • 17. This is the result of opening a picture in a file Add transparency to the image by using Layer > Transparency >Add Alpha Channel. This makes it easy to add another background layer or paste your selection into another image. Add Transparency to the Image
  • 18. Use Fuzzy Select Tool select the part of the image that you wish to remove. The aim is to end up with an image which resembles the one below. You should have the "marching ants" around the area of the image that you wish to keep.
  • 19. Having a "marching ants" around the area of the image that you wish to keep. And then, try to delete it. This is the result after deleting the background. There is already the alpha channel in the background of the flower.
  • 20. If you really want to see the best of the your product you need to do this: From the Menu, select: File → Export As…. This will appear on the screen and then click, “Export”
  • 21. Changing Background Result This is the finally changing background result:
  • 23. OPEN IMAGES From the Menu, select: File → Open When we click ‘’open’’ in the menu , select: File, this will appear on the screen
  • 24. This is the result of opening a picture in a file In order to change the outfit of a person in the image we need to use Paths Tools
  • 26. We need to make a path in order to change its color. To saturate click Colors on the menu. Colors => Hue-Saturation
  • 27. Start moving the Hue slider to your desired color. You can select the richness of the color by using the Saturation slider. If you screw up, click reset and start all over. Make sure preview is ticked so you can see the results on the image.
  • 28. Create New Layer. Layer => New Layer A new layer dialog box appear. Name it to “Color”
  • 29. Click the foreground color and the Change Foreground Color dialog box appear. Choose your color and hit Ok button. Now color the selected area. Example the color selected is red.
  • 30. After you have it all colored, change the mode of the layer to “overlay” After changing the mode of the layer, it should like this.
  • 31. Make the outline disappear, choose Select on the menu. Select => None Now if you want to make the hard edge soft, you can blur it a few time. Filters => Blur => Blur or Filters => Blur => Gaussian Blur
  • 32. NOTE: Find a setting that looks good to you.
  • 34. TAKE NOTE IT IS SAME AS THE PROCESS WE DID IN CHANGING UPPER CLOTH We need to make a path in order to change its color. To saturate click Colors on the menu. Colors => Hue-Saturation
  • 35. Start moving the Hue slider to your desired color. You can select the richness of the color by using the Saturation slider. If you screw up, click reset and start all over. Make sure preview is ticked so you can see the results on the image.
  • 36. Create New Layer. Layer => New Layer A new layer dialog box appear. Name it to “Color”
  • 37. Click the foreground color and the Change Foreground Color dialog box appear. Choose your color and hit Ok button. Now color the selected area. Example the color selected is red.
  • 38. After you have it all colored, change the mode of the layer to “overlay” After changing the mode of the layer, it should like this.
  • 39. Make the outline disappear, choose Select on the menu. Select => None Now if you want to make the hard edge soft, you can blur it a few time. Filters => Blur => Blur or Filters => Blur => Gaussian Blur
  • 40. NOTE: Find a setting that looks good to you.
  • 41. If you really want to see the best of the your product you need to do this: From the Menu, select: File → Export As…. This will appear on the screen and then click, “Export”
  • 43. Thank You for Watching! 