EDUCBA

EDUCBA

MENUMENU
  • Free Tutorials
  • Free Courses
  • Certification Courses
  • 280+ Courses All in One Bundle
  • Login

GIMP opacity

Home » Design » Design Tutorials » Design Basic Tutorial » GIMP opacity

GIMP opacity

Introduction to GIMP opacity

In this article, we are going to learn how to use opacity in GIMP. Suppose you are starting a business or creating a website or any firm you might need to create an authentic logo image that could give meaning to your work. This is where GIMP comes in, which provides an excellent tool to create semi-transparent images that can be used as a logo or a watermark. Opacity is basically just how much transparency you want to include in your image, and it is not generally considered a blending mode, but the concept of opacity is that it takes a certain percentage of foreground and then adds a complementary percentage of background to create the desired opacity. Apart from that, opacity can also be controlled in the painting functions.

Steps of GIMP opacity

Here are the following steps mention below

Start Your Free Design Course

3D animation, modelling, simulation, game development & others

Step 1: First, we will start by using an image. Go to the following url and download the required images from pixels, or you can feel free to use your own assets – https://www.pexels.com/photo/brown-bear-in-body-of-water-during-daytime-158109/.

Step 2: Let’s start by opening an image by going in the File menu, then open or press Ctrl + O.

GIMP opacity output 1

Step 3: Then navigate to the downloaded image and open it in GIMP

GIMP opacity output 2

Step 4: If asked to convert to RGB Working space, then convert it. In this case, this image already has a color profile embedded in it which will be mapped to GIMP built-in sRGB space.

GIMP opacity output 3

Step 5: Now, let’s go to the Layers panel at the bottom right corner or if it is not open, then go to Dockable Dialogs -> Layers or press Ctrl + L to open it.

Popular Course in this category
Sale
Maya Training (10 Courses, 7+ Projects)10 Online Courses | 7 Hands-on Projects | 100+ Hours | Verifiable Certificate of Completion | Lifetime Access
4.7 (11,110 ratings)
Course Price

View Course

Related Courses
Photoshop Training (9 Courses, 12+ Projects)After Effects Training (1 Courses, 3+ Projects)

GIMP opacity output 4

Step 6: As we can see that the opacity of the bear layer is 100%, and it is not ideal if we want to use it as a watermark, so the first use of opacity is that we can increase the transparency of the entire images so we can see the contents behind it and the images do not obscure the actual content you want to display.

GIMP opacity output 5

Step 7: Now, let’s say we changed the opacity of the bear layer to 75, which can be done by either dragging the slider or you can double click on the slider to enter the value you want. Now we can see the checkerboard pattern is displayed. Let’s make opacity to 50, which makes it obvious.

GIMP opacity output 6

Step 8: Now, we have opened the image on which we have to apply the watermark; in our case, this is the image of a bar.

GIMP opacity output 7

Step 9: Now, just drag the image from the explorer on top of our bar image.

GIMP opacity output 8

Step 10: Now, use the scale tool or press Shift + S to resize and then move to the location you want, and we can see through the background image.

GIMP opacity output 9

Step 11: Now, let’s see how opacity can be used with layers. Create a new layer from the layer panel and set fill with transparency.

GIMP opacity output 10

Step 12: Now, use the bucket fill tool or press Shift + B to fill the layer with the black foreground color.

GIMP opacity output 11

Step 13: Again, we can change the opacity of the layer to 50 as we have done previously, which will just make the image darker, and it is applied to the entire image, which is now what we might want.

output 12

Step 14: Next, we want to add a layer mask to control the part of the image which we darken by right-clicking on the black layer.

output 13

Step 15: We will initialize the layer mask to white which will be fully opaque, and so we get the image full black.

output 14

Step 16: Now that we have added a white mask, we can draw on it using black with a paint tool or press P and then make a shape as shown, which will reveal the image behind.

output 15

Step 17: Now, use the Bucket fill tool or press Shift + B and click in the center, which will fill it with black, and it will open the mask to show the dog. You can polish further if you want with a paint tool. We can see that we have some harsh black line which is not giving a good effect which we will mitigate in the next step.

output 16

Step 18: We will use Gaussian Blur, which is in the Filters -> Blur menu on the mask.

output 17

Step 19: We will set size X and size Y to 75, and you can see the preview of how you want to adjust

output 18

Step 20: Now, we will duplicate the image layer.

output 19

Step 21: Select the bottom layer and Desaturate it from the color menu.

output 20

Step 22: Set the mode to Lightness (HSL), and now we get a black and white layer.

output 21

Step 23: Now, we will add a layer mask to the duplicated layer as we are using the selective coloring technique.

output 22

Step 24: Initialize layer mask to Black, which will block the entire layer

output 23

Step 25: Now, using a paintbrush, we will paint white on the dog to reveal it. As we can see that using the paintbrush, the part of the dog is revealed, and now, we will continue it till we paint the entire dog. You can vary the size of the brush to paint some small areas.

output 24

Step 26: As we can see that we have some extra parts removed from the background, which we can easily bring back using the eraser tool. Also, make sure that the mask is selected.

output 25

Step 27: As we can see, we have removed the mask as close to the dog’s outline as possible

output 26

Conclusion

In this article, we have seen how to use opacity in GIMP. First, we have seen how to reduce the opacity of the entire image, which has an application like used as a watermark, and we have seen how to use it in an image as a watermark. Then we have seen how to use the layer mask and use its opacity to control the part hidden and the part that we need to display to get a vignette effect and selective coloring in action.

Recommended Articles

This is a guide to GIMP opacity. Here we discuss how to use opacity in GIMP and how to reduce the opacity of the entire image. You may also have a look at the following articles to learn more –

  1. GIMP Alternatives
  2. 3ds Max Interior Design
  3. UI Design Tools
  4. Best Graphic Design Software

All in One Design Bundle (280+ Courses, 100+ projects)

280+ Online Courses

100+ projects

2000+ Hours

Verifiable Certificates

Lifetime Access

Learn More

0 Shares
Share
Tweet
Share
Primary Sidebar
Design Basic Tutorial
  • GIMP
    • What is GIMP
    • GIMP Versions
    • GIMP brushes
    • GIMP line tool
    • GIMP blend tool
    • GIMP clone tool
    • GIMP magic wand tool
    • GIMP 3D Text
    • GIMP healing tool
    • GIMP Layers
    • GIMP Fonts
    • GIMP Toolbox
    • Blur Effect in GIMP
    • GIMP Change Background Color
    • GIMP Floating Selection
    • GIMP?batch processing
    • GIMP Crop
    • GIMP Filters
    • GIMP GMIC
    • GIMP?opacity
    • Animation in GIMP
    • GIMP import image
    • GIMP replace color
    • GIMP text outline
    • GIMP video editing
    • GIMP Alternatives
    • GIMP vector graphics
    • GIMP text shadow
    • GIMP resize image
    • GIMP pixel art
    • GIMP invert colors
    • GIMP GIF
    • GIMP move selection
    • GIMP normal map
    • GIMP remove background
    • GIMP rotate
    • GIMP grid
    • GIMP text effects
    • GIMP erase to transparent
    • GIMP resize layer
    • GIMP Patterns
    • GIMP extensions
    • GIMP blur background
  • Basics and Advanced
    • Pro Tools Version
    • Sketch plugins
    • Online Gaming Platforms
    • InDesign eyedropper tool
    • InDesign rounded corners
    • InDesign align
    • InDesign resize image
    • InDesign scripts
    • InDesign export to word
    • InDesign newsletter templates
    • InDesign Magazine
    • InDesign Missing Fonts
    • InDesign line spacing
    • InDesign columns
    • InDesign overset text
    • InDesign data merge
    • InDesign grid template
    • InDesign layers
    • InDesign reset preferences
    • InDesign master pages
    • InDesign layout
    • InDesign portfolio template
    • InDesign invoice template
    • InDesign word count
    • InDesign underline
    • InDesign superscript
    • InDesign presentation templates
    • InDesign drop cap
    • InDesign how to add page numbers
    • InDesign resume template
    • InDesign import pdf
    • InDesign table of contents
    • InDesign change page size
    • InDesign book templates
    • InDesign link text boxes
    • InDesign vertical text
    • InDesign center text vertically
    • InDesign newspaper template
    • InDesign shortcuts
    • InDesign gap tool
    • InDesign paragraph styles
    • InDesign Grid
    • InDesign margins
    • InDesign highlight text
    • InDesign Wrap Text
    • ZBrush ZRemesher
    • Animation Software
    • Principles of Animation
    • 3d Animation Software
    • 3D Modeling Software
    • 3D Software Design
    • 2D Animation Software
    • 10 Quick Tips For Adobe InDesign Users
    • ADOBE FLASH CS6
    • Adobe Lightroom For Free
    • Lightroom Background Color
    • Lightroom?Shortcuts
    • Adobe Premiere Pro Plugins
    • Adobe Speedgrade
    • Install Adobe Creative Cloud
    • Install Adobe Premiere Pro
    • What is Adobe Creative Cloud
    • What is Adobe Illustrator
    • What is Adobe InDesign
    • Adobe Indesign Uses
    • InDesign Background Color
    • What is Adobe Lightroom
    • What is Adobe Muse
    • What is Adobe Prelude
    • What is Adobe Premiere Pro
    • Careers in 3D
    • Careers in 3D Modeling
    • Careers in 3D Printing
    • Best Editing Software
    • Video Editing Application
    • Video Editing Tools
    • Career In Designing
    • Careers in Game Development
    • 3D Printing Models
    • Adobe Editing Softwares
    • Types of Adobe
    • Types of Illustration
    • What is Graphic Design
    • Best Graphic Design Software
    • Best Photo Editors
    • Game Testing Interview Questions
    • VFX Softwares
    • Unity Scripting
    • VFX Companies
    • How To Use Indesign
    • New Features InDesign CS6
    • What is Houdini?
    • Advantages of 3D Printing
    • What is Autodesk
    • Autodesk Viewer
    • Autodesk Navisworks
    • Autodesk Desktop Connector
    • Designers and Architects
    • 2D and 3D Shapes
    • Keyboard Shortcuts for Premiere Pro
    • Unreal Engine Tutorial
    • Best Audio Editors
    • Digital Image Processing
    • What is Motion Graphics
    • What is Digital Design
    • Design Pattern Interview Questions
    • Graphic Design Interview Questions
    • UX designer Interview Questions
    • Is Unreal Engine Free
    • What Is Design Pattern
    • What is VFX
    • What is Audacity
    • What is Unreal Engine
    • What is CATIA
    • What is Blueprint
    • Sony Vegas Pro for Free
    • 3D Graphics Software
    • Best Online Photo Editor
    • Photo Editing App
    • Vector Graphics Editor
    • ArchiCAD
    • ArchiCAD Shortcuts
    • Audacity Keyboard Shortcut
    • Davinci Resolve Shortcuts
    • What is pixel art?
    • Picmonkey Alternatives
    • Adobe Flash Player Alternative
    • Pro tools shortcuts
    • Pro Tools Plugins
    • Architectural Design Software
    • Architectural Design Principles
    • Architecture Design Types
    • Architectural design tools
    • Application of Digital Image Processing
    • Digital Image Processing Fundamentals
    • OpenGL Versions
    • Revit Keyboard Shortcuts
    • Revit plugins
    • Indesign version
    • What is DirectX?
    • DirectX Versions
    • Cinema 4D Plugins
    • Cinema 4d shortcuts
    • Godot Engine
    • Godot tilemap
    • Krita Animation
    • Krita Software
    • Krita Shortcuts
    • Krita eraser
    • Krita brushes
    • Krita Pixel Art
    • Krita Plugins
    • Skencil
    • Fusion 360 Keyboard Shortcuts
    • Anim8or
    • Affinity photo plugins
    • FL Studio Plugins
    • Vectorworks
    • Architectural Design Elements
  • Inkscape
    • What is Inkscape?
    • Inkscape layers
    • Inkscape Crop
    • Inkscape text
    • Inkscape G-code
    • Inkscape mirror
    • Inkscape rounded rectangle
    • Inkscape EPS
    • Inkscape image to vector
    • Inkscape unlock
    • Inkscape Curved Text
    • Inkscape laser cutting
    • Inkscape background color
    • Inkscape arrow
    • Inkscape vector
    • Inkscape animation
    • Inkscape 3D
    • Inkscape SVG
    • Inkscape Dark Theme
    • Inkscape trace bitmap
    • Inkscape gradient
    • Inkscape Greek Letters
    • Inkscape shadow
    • Inkscape snap to grid
    • Inkscape Fonts
    • Inkscape extensions
    • Inkscape PNG to SVG
    • Inkscape Art
    • Inkscape transparent background
    • Inkscape Alternatives
    • Inkscape Remove Background
    • Inkscape text to path
    • Inkscape logo
  • Figma
    • Figma Libraries
    • Figma fonts
    • Figma Plugins
    • Figma grid
    • Figma Alternatives
  • SketchUp
    • SketchUp Keyboard Shortcuts
    • SketchUp geolocation
    • SketchUp animation
    • SketchUp Change Dimensions
    • SketchUp Import
    • SketchUp 2D
    • SketchUp rendering
    • Sketch software
    • Figma Shortcuts
    • SketchUp Layers
    • SketchUp landscape design
    • SketchUp group
    • SketchUp intersect faces
    • SketchUp Rotate
    • SketchUp Architecture
    • SketchUp 3D Models
    • SketchUp Vray
    • SketchUp Units
    • SketchUp garden design
    • SketchUp Layout
    • SketchUp Mirror
    • SketchUp Extensions
    • SketchUp Unhide
    • SketchUp kitchen
    • SketchUp background
    • SketchUp library
    • SketchUp dynamic components
    • SketchUp CutList
    • SketchUp Array
    • SketchUp Woodworking
    • SketchUp resize component
    • SketchUp Ungroup
    • SketchUp Deck Design

Related Courses

Maya Course

Photoshop course

After Effects Course

Footer
About Us
  • Blog
  • Who is EDUCBA?
  • Sign Up
  • Live Classes
  • Corporate Training
  • Certificate from Top Institutions
  • Contact Us
  • Verifiable Certificate
  • Reviews
  • Terms and Conditions
  • Privacy Policy
  •  
Apps
  • iPhone & iPad
  • Android
Resources
  • Free Courses
  • Photoshop Tutorial
  • 3ds Max Tutorial
  • All Tutorials
Certification Courses
  • All Courses
  • Design Course - All in One Bundle
  • Photoshop Course
  • Maya Course
  • Unreal Engine Course
  • Unity Course
  • DaVinci Resolve Course
  • Pro Tools Course

© 2022 - EDUCBA. ALL RIGHTS RESERVED. THE CERTIFICATION NAMES ARE THE TRADEMARKS OF THEIR RESPECTIVE OWNERS.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

EDUCBA
Free Design Course

3D animation, modelling, simulation, game development & others

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

Let’s Get Started

By signing up, you agree to our Terms of Use and Privacy Policy.

Loading . . .
Quiz
Question:

Answer:

Quiz Result
Total QuestionsCorrect AnswersWrong AnswersPercentage

Explore 1000+ varieties of Mock tests View more

EDUCBA Login

Forgot Password?

By signing up, you agree to our Terms of Use and Privacy Policy.

This website or its third-party tools use cookies, which are necessary to its functioning and required to achieve the purposes illustrated in the cookie policy. By closing this banner, scrolling this page, clicking a link or continuing to browse otherwise, you agree to our Privacy Policy

EDUCBA

*Please provide your correct email id. Login details for this Free course will be emailed to you

By signing up, you agree to our Terms of Use and Privacy Policy.

Special Offer - Maya Course Learn More