GIMP 基本教程

article/2025/10/10 4:42:13

版本:GIMP 2.10.10
OS:Win10
图片素材来源:https://pixabay.com,www.pexels.com,https://wpclipart.com/,遵循免费共享协议

本文主要记录笔者使用GIMP的心得,有些具体操作内容会省略,读者可以酌情阅读,内容较多,建议通过右边目录查看。

常用快捷键

  • CTRL+O:打开文件
  • CTRL+S:保存文件
  • CTRL+SHIFT+A:取消选框
  • CTRL+SHIFT+J:缩放图像到适配窗口
  • CTRL+I:选择反向

图层

类似Inkscape,图层在GIMP中也是一个非常基本而且非常重要的概念,GIMP中对图层的操作如下图所示。
在这里插入图片描述

  • 新建图层组:例如要绘制一艘船,分为船体、风帆和桅杆三个部分,每个部分都由不同形状组成,比如有多个不同形状的风帆等,这时可以通过建立图层组来进行管理
  • 复制图层:一个好的习惯是导入一张图片之后先复制图层,如下图所示:
    在这里插入图片描述
  • 固定图层:当图层提示浮动时,可以设置固定图层,一般在设置蒙版时会用的到。在这里插入图片描述
    此时可以通过按钮在这里插入图片描述 固定图层。
  • 向下合并:希望合并图层的时候使用,如果觉得还需要对不同图层做修改时,不要合并图层!
  • 蒙板:顾名思义,蒙版即将一块具有一定形状的模板(即能遮挡的板)覆盖在一张模板图像上,蒙版通常是灰度图(gray image),白色部位图像保留,黑色部位图像被掩盖,也可以是二值图,但是时间操作发现二值图制作的蒙版很生硬,确实棱角的过渡效果。

蒙版

图层蒙版会经常使用,这里单独进行详细记录。蒙版常见用途是抠图,特别是对一些细致图形的抠图,例如飘散的头发,可以用于证件照更换背景。蒙版的制作后面介绍,先介绍蒙版的使用。假如我们有下图所示原图和已经制作好的蒙版:
在这里插入图片描述 在这里插入图片描述
这两个分别属于不同图层,其中蒙版是基于原图制作的,也就是前面提到的要先复制原始图层。
在这里插入图片描述
下面将应用蒙板:

  1. 复制或者剪切该用于制作蒙板的图层,全选(CTRL+A)再复制(CTRL+C)
  2. 添加图层蒙板
    在这里插入图片描述 在这里插入图片描述
  3. 选择图层蒙板
    在这里插入图片描述
  4. 将步骤一复制的图层进行粘贴,会得到浮动选区,然后选择固定图层
    在这里插入图片描述
  5. 隐藏显示无关图层
    在这里插入图片描述
    如果应用蒙板的图层为二值化图像,其结果会比较生硬,其蒙板如下图:
    在这里插入图片描述
    体现不出头发飘逸的效果。

下面几种工具的使用适用于制作蒙板

按颜色选择工具

在这里插入图片描述
该工具适用于颜色差别比较大的图像,例如:
在这里插入图片描述
工具具有的参数如下:
在这里插入图片描述
利用该工具选中风帆和桅杆,然后在原图负责图层,新建蒙板,选择从选区构建
在这里插入图片描述
得到结果如下:
在这里插入图片描述

前景选择器

在这里插入图片描述
这是一个很强大的抠图工具,我们相应图层前景物、虚化背景物时用到。该工具参数设置有:
在这里插入图片描述
例如我们有下面一张图,想要突出红花,虚化背景
在这里插入图片描述
利用该工具先绘制出区域提取前景物的区域,这里前景物是红花,注意引擎为莱文抠图,效果比较好。
在这里插入图片描述
得到提取区域后,就开始绘制前景物所在位置,选择合适的笔廓宽度,不断调整,最后得到理想的选取,反向勾选选取,通过滤镜进行模糊化操作,效果如下:
在这里插入图片描述
下面是另一个例子:
在这里插入图片描述

路径工具

类似于inkscape中的贝塞尔曲线,只不过没有inkscape中的方便好用,该工具的参数选项有如下:
在这里插入图片描述

  • 设计:一般是在此模式下绘制
  • 编辑:如果路径需要形成闭合,需要切换至此模式(或者按住CTRL键,比较坑,不会自动吸附端点)
  • 移动:顾名思义就是移动绘制好的路径
  • 多边形:如果勾选了此项,绘制的路径是没有控制把柄来控制曲线形状的,默认不勾选
  • 创建选取:就是创建选区~~~
  • 填充路径:当路径闭合时可以填充图案或者纯色填充
    在这里插入图片描述

渐变工具

在这里插入图片描述

  • 选择两张图片,一张图上新建蒙板
    在这里插入图片描述
  • 改变前景颜色和背景颜色为黑白,渐变选择前景到背景(HSV顺时针色相)(),可以尝试不同的渐变观察其结果,线性渐变,其效果如下:
    在这里插入图片描述
  • 如果改变前景色和背景色,渐变的颜色也会改变,相应的最终的效果也会改变
    在这里插入图片描述
  • 反转渐变
    在这里插入图片描述
    渐变还可以做很多有趣的事情,比如下面这个例子:
    在这里插入图片描述
    步骤如下:
  • 导入一张图片
  • 复制图层
  • 翻转图层(注意是图层,不是图像)
    在这里插入图片描述
    或者使用工具栏中的翻转工具
    在这里插入图片描述
  • 新建蒙板
  • 保证前景色、背景色为黑白(否则渐变效果会有其他颜色)
  • 设置线性变换

缩放图像

缩放图像可以压缩图像大小,很多时候证件照片都需要指定图片尺寸和限制图片大小,便可以通过此法设置。
在这里插入图片描述
在这里插入图片描述

亮度-对比度

这个颜色处理工具在制作蒙板的时候经常会使用到,一般会配合色阶一起使用。利用该工具和色阶工具制作蒙板的一般步骤为:

  • 添加透明通道,复制图层
  • 彩色图去色
  • 调整色阶在这里插入图片描述
  • 画笔适当填充对比度大的颜色
    在这里插入图片描述
  • 调整对比度
  • 反相操作,保证白色部分为需要提取区域
  • 增加蒙板

http://chatgpt.dhexx.cn/article/UUVMa6mD.shtml

相关文章

腾讯移动Web整体解决方案--Spirit

移动Web开发是一块新的领域,给Web带来更多机会的同时,也带来了更多的挑战。为了让开发者在移动Web的道路上走得更加顺畅,开发更加高效,Spirit(勇气号)由此而生。 Spirit 官网:http://alloyteam.…

移动Web初级入门

最好的阅读是输出。 –玉伯 即将开始涉入移动Web了,有点小兴奋也有点小紧张,希望能在未来的团队里带来一些价值。记录一下我现在所认识的移动Web。 一些基本名词 初涉移动Web,会有一些基本的名称需要掌握,什么设备像素比呀&…

chrome 移动Web H5 调试

在Chrome中,点击F12,进入如下页面,通过点击Toggle device toolbar,切换至移动Web调试模式。 然后,点击选择区域,可以选择相关的手机设备,以及屏幕分辨率等,可以看到,这…

移动web中的常用技术选型

我们在开发移动端网页时,由于手机屏幕尺寸的不同,需要一些适配方案以达到界面自适应的效果,这里记录一下移动web开发的一些基本概念和常用适配方案,先了解一下视口的概念: 一、视口(viewport). 视口是指浏览器显示页面的区域范围,分为布局视口、视觉视口、理想视口. 1.布局视…

移动web的适配

我在另一篇文章中谈到过一些移动端分辨率自适应问题,主要是基于个人实际开发中遇到的问题提出的解决方法。 近期有幸听到他人对移动web开发的分享,特来补充上一篇文章,向大神讨教。 Part 1 理解关于长度单位的一些概念 1、设备像素或逻辑像…

移动Web开发实战专栏总结(PPT分享)

以下为我将专栏《移动Web开发实战》重新从不同的角度进行整体的梳理之后,在团队分享的PPT。在这里分享给大家。 写PPT之前,先将要分享的内容用脑图梳理出来,有了框架填内容就比较快了。 1、禁止ios和android用户选中文字 2、禁…

移动web端页面如何调用手机QQ?

文章目录 手机web页面调用手机QQ实现在线聊天的效果方法一:html代码如下:js代码如下: 方法二:代码如下: 效果图截图如下: 统计表1 - 浏览器默认拦截统计表2 - 设备端与协议类型 手机web页面调用手机QQ实现在…

【前端学习笔记】移动web-黑马程序员学习笔记

移动web-黑马程序员学习笔记 1 字体图标2 平面转换2.1 绝对定位元素居中:2.2 双开门效果2.3 旋转效果2.4* 转换原点2.5 多重转换效果2.6 缩放 3* 渐变4 空间转换(3D转换)4.1 空间位移4.2 透视效果4.3 空间旋转4.4 立体呈现4.5 缩放 5 动画5.1…

移动Web UI组件库汇总

1、 Ant Design Mobile 介绍:一个基于 Preact / React / React Native 的 UI 组件库 组件库地址:https://mobile.ant.design/index-cn 组件库来源:蚂蚁金服体验技术部 2、SUI Mobile 介绍:SUI Mobile 是一套基于 Framework7 开发的…

移动web网页开发——动画

一、动画 1.1 动画 使用animation添加动画效果 思考:过渡可以实现什么效果? 答:实现2个状态间的变化过程 动画效果:实现多个状态间的变化过程,动画过程可控(重复播放、最终画面、是否暂停&#xff09…

移动web学习总结

最近学习了些移动web开发的基础知识,稍微做下记录总结: Hello,移动web: https://www.imooc.com/learn/494 一、基础知识 1. 关于Pixel px : CSS px,逻辑像素,浏览器使用的抽象单位dp,pt: dev…

02-移动WEB

网站 favicon 图标 制作 favicon 图标 把图标切成 png 图片 把 png 图片转换为 ico 图标 , 借助第三方平台转换网站 如 https://www.bitbug.net/ favicon 图标放到网站根目录下 HTML 页面引入 favicon 图标 . <link rel"shortcut icon" href"/favicon.ic…

移动web(看这一篇就够了)

文章目录 移动web第一天&#x1f525;今日学习目标字体图标1、字体图标的使用2、购物车案例3、上传SVG矢量图 平面转换1、平面转换概念2、平面转换之位移3、平面转换之旋转4、平面转换之缩放 渐变 移动web第二天&#x1f525;今日学习目标2、透视效果3、空间转换之旋转4、立体呈…

移动web简介

什么是移动web 移动web就是在手机浏览器里面访问的web页面&#xff0c;除了一般的手机浏览器之外&#xff0c;好友一些程序内置的浏览器访问的页面也称之为移动web&#xff0c;例如微信公众号、小程序中的webview访问的页面等。 移动web与PCweb的区别 页面大小不一样。手机页…

什么是web移动端-移动端布局特点

文章目录 前言一、web移动端是什么&#xff1f;二、如何调试移动web网页1.真机调试&#xff1a;2.chrome浏览器调试&#xff1a;3.移动Web的发展历史 三.移动Web布局核心思想1.不允许网页出现横向滚动2.页面盛满屏幕&#xff0c;盒子宽度与屏幕一致 100%3.让盒子的内容宽高widt…

几种java结构图

集合类 IO流 线程池的加载 类与对象的关系 JVM springboot注解

java学习各种实用结构图

spring boot路线图 线程池 网络结构模型

Java基础知识结构图

目前还没有总结完&#xff0c;之后会慢慢进行补充&#xff01;

VGG16详细实现(笨办法)

一、 VGG16简介 VGG16网络是通过卷积和全连接的方式提取图片特征&#xff0c;进行识别一种网络结构。曾在某年取得分类第二&#xff0c;定位任务第一的佳绩。其结构包含&#xff1a; 13个卷积层 3个全连接层&#xff0c;所以被称为VGG16,如下图绿色的部分即是网络的结构组成&…

(Java实现)图片合成GIF动图(“复古”Swing界面)

1、项目简介 项目名称&#xff1a;pic2gif项目实现&#xff1a;将选定的几张图片(支持jpg&#xff0c;png&#xff0c;bmp&#xff0c;gif等) 合成为一张gif图关键字&#xff1a;图片处理&#xff0c;Java&#xff0c;Swing 2、项目结构 图片处理部分Swing界面部分 (u1s1, S…