PS教程

PS教程

PS教程打造高格调的拟物风扇图标

PS教程 ncbk 发表了文章 • 0 个评论 • 20 次浏览 • 2021-03-16 14:01 • 来自相关话题

去年做的拟物图标临摹练习。做总结的时候看到这个作品,感觉光影依然非常漂亮。索性就把教程重新规范化写一遍,拿来跟大家分享。效果图: ...查看全部 >>

去年做的拟物图标临摹练习。做总结的时候看到这个作品,感觉光影依然非常漂亮。索性就把教程重新规范化写一遍,拿来跟大家分享。

效果图:

PS教程!30分钟打造高格调的拟物风扇图标

练习重点:

这次练习主要练习光影、颜色对形体、空间的塑造,对这块运用不熟练的小伙伴,值得动手练习一下。

整个教程分为【背景】【机身】【扇叶】【扇框内投影】【光-颜色】五个部分,每个部分在完成以后都进行了编组,所以你们要注意图层分组。

我们首先从背景层开始。

步骤一:

打开你的Adobe Photoshop,创建一个新文档。

  • 宽度:400 px

  • 高度:300 px

  • 分辨率:72 px

制作拟物图标背景:

温馨提示:这主要是用渐变工具(G),整体扯出差不多的效果过就可以啦。

  • 底层渐变:径向 – #ededed~#b1adaa

  • 近景亮色:线性 – #e1e0df~#b1adaa

PS教程!30分钟打造高格调的拟物风扇图标

步骤二:

制作【风扇机身】:

温馨提示:用圆角矩形工具(U),该图层命名为【风扇机身】,颜色填充#e2e1e0。

  • 宽度:180 px

  • 高度:180 px

  • 半径:8 px

赋予【风扇机身】光感,制造体积感:

PS教程!30分钟打造高格调的拟物风扇图标

温馨提示:用图层样式时,尽量都【不要使用全局光】,因为使用后,在添加相同样式,制作不同角度的效果时,会有影响。

  • 图层样式:内阴影 模式:滤色 颜色:#b4785a 不透明度:75% 角度:90° 距离:5px 大小:5px

  • 图层样式:内阴影 模式:正片叠底 颜色:#8f8696 不透明度:76% 角度:-52° 距离:4px 大小:5px

  • 图层样式:渐变叠加 模式:正常 样式:线性 颜色:#b4b6bb ~ #f2eee9 角度:103°

  • 图层样式:投影 模式:正片叠底 颜色:#22272a 不透明度:20% 角度:90° 距离:2px 大小:2px

PS教程!30分钟打造高格调的拟物风扇图标

步骤三:

制作电扇【圆形扇框】:

温馨提示:用 椭圆工具 (U),该图层命名为【圆形扇框】,颜色填充#e2e1e0。

  • 宽度:138 px

  • 高度:138 px

赋予【圆形扇框】光感,制造体积感:

PS教程!30分钟打造高格调的拟物风扇图标

温馨提示:用图层样式时,尽量都【不要使用全局光】,因为使用后,在添加相同样式,制作不同角度的效果时,会有影响。

  • 图层样式:描边 大小:2px 位置:外部 填充类型:渐变 颜色:#757e8a ~ #ccd4dc 角度:-68°

  • 图层样式:内阴影 模式:正片叠底 颜色:#5e6f84 不透明度:75% 角度:90° 距离:1px 大小:12px

  • 图层样式:渐变叠加 模式:正常 样式:径向 颜色:#636363 ~ #bdccdb 角度:90° 缩放:127%

PS教程!30分钟打造高格调的拟物风扇图标

步骤四:

制作电扇【 圆形扇框2 】:

温馨提示:用 椭圆工具 (U),该图层命名为【圆形扇框2】,颜色填充#e2e1e0,注意对齐中心。

  • 宽度:112 px

  • 高度:112 px

赋予【圆形扇框2】光感,制造体积感:

PS教程!30分钟打造高格调的拟物风扇图标

温馨提示:用图层样式时,尽量都【不要使用全局光】,

  • 图层样式:描边 大小:2px 位置:外部 不透明度:30% 填充类型:渐变 颜色:#535050 ~ #826969 角度:-59°

  • 图层样式:渐变叠加 模式:正常 样式:径向 颜色:#f2eee9 ~ #b4b6bb 角度:103° 缩放:150%

  • 图层样式:投影 模式:滤色 颜色:#ffffff 不透明度:36% 角度:114° 距离:4px

PS教程!30分钟打造高格调的拟物风扇图标

步骤五:

制作电扇【扇格部分】:

温馨提示:用椭圆工具(U)的描边来做,粗细自己定。该图层命名为【扇格部分】,颜色填充#ffffff

PS教程!30分钟打造高格调的拟物风扇图标

赋予【扇格部分】光感,制造体积感:

PS教程!30分钟打造高格调的拟物风扇图标

  • 图层样式:渐变叠加 模式:正常 样式:线性 颜色:#323b49 ~ #b9c0c7 角度:-61°

  • 图层样式:投影 模式:正常 颜色:#f6f0e8 不透明度:45% 角度:90° 距离:1px

PS教程!30分钟打造高格调的拟物风扇图标

步骤六:

整理图层面板:

PS教程!30分钟打造高格调的拟物风扇图标

温馨提示:做到这里,【机身组】的内容已经完成了。你们可以通过上图的图层面板,命名、 整理、 分类你的图层,这是一个很重要的好习惯,它能让你更有效率的进行工作。

步骤七:

制作电扇【扇页】:

温馨提示:用圆角矩形工具 (U)来做,大小比例自己定。该图层命名为【扇页】,颜色填充#ffffff

PS教程!30分钟打造高格调的拟物风扇图标

分解图:

PS教程!30分钟打造高格调的拟物风扇图标

赋予【扇页】光感,制造体积感:

温馨提示:扇叶的基本型做好以后,依次添加<内阴影><渐变叠加><投影>三个样式,并根据光线,给扇叶添加一个光影效果。

PS教程!30分钟打造高格调的拟物风扇图标

  • 图层样式:内阴影 模式:正片叠底 颜色:#ede2d9 不透明度:75% 角度:90° 距离:1px

  • 图层样式:渐变叠加 模式:正常 样式:径向 颜色:#cfd1d5 ~ #e6e2de 角度:90° 缩放:127%

  • 图层样式:投影 模式:正常 颜色:#814f23 不透明度:25% 角度:105° 距离:9px

PS教程!30分钟打造高格调的拟物风扇图标

制造【扇页】暗部:

温馨提示:我们根据光线给扇叶推导出扇叶的大致光影效果,用钢笔工具(P)钩出阴影。

钢笔工具不会用的同学,戳→ 【Ps基础-钢笔工具】

PS教程!30分钟打造高格调的拟物风扇图标

扇叶阴影主要分为上面四个部分。我们图层命名为【扇叶阴影1~4】颜色任意填充,然后依次调整它的设置和效果。

PS教程!30分钟打造高格调的拟物风扇图标

整理图层面板:

温馨提示:最后把整个扇叶部分的图层所有组成一个群组,并在该群组上面添加一个蒙版,盖掉下方多余的投影。

蒙版不会用的同学,戳→【Ps基础-蒙版】

PS教程!30分钟打造高格调的拟物风扇图标

步骤八:

加深扇框内部投影:

温馨提示:把机身部分的那个大的【圆形扇框】复制两层,图层填充改为0%,放到最顶层, 用来给扇框的内部加两层投影,丰富投影变化,增加空间感。

PS教程!30分钟打造高格调的拟物风扇图标

  • 图层样式:内阴影 模式:正片叠底 颜色:#5e6f84 不透明度:77% 角度:90° 距离:9px 大小:29

  • 图层样式:内阴影 模式:正片叠底 颜色:#3d588a 不透明度:30% 角度:90° 距离:4px 大小:10

PS教程!30分钟打造高格调的拟物风扇图标

步骤九:

细节刻画【电线】:

温馨提示: 这里的电线是放在【风扇机身】图层的下面。用钢笔工具(P)钩出大致形态,注意电线的透视。画出来以后可以用直接选择工具(A)进行微调。

PS教程!30分钟打造高格调的拟物风扇图标

赋予【电线】光感,制造体积感:

温馨提示:电线的基本型做好以后,依次添加<内阴影><渐变叠加><投影>三个样式,给【电线】制造光感,体积感。

PS教程!30分钟打造高格调的拟物风扇图标

  • 图层样式:内阴影 模式:正片叠底 颜色:#918984 不透明度:41% 角度:-39° 距离:1px

  • 图层样式:渐变叠加 模式:正常 样式:线性 颜色:#e2e0dd ~ #d3d1cf 角度:90°

  • 图层样式:投影 模式: 正片叠底 颜色:#5c6877 不透明度:34% 角度:90° 距离:1px 大小1px

步骤十:

添加【风扇机身】投影:

温馨提示:这里的投影分两层,第一层椭圆形的投影运用了柔边画笔打光的技巧。不会的的同学在我写的【用PS绘制光影巧妙的3D精灵球】可以去找一找,这篇文章里有详细的介绍。第二层放射状的投影,则是用了矩形工具(U),画出一个矩形以后,进行对齐、透视+高斯模糊完成的。这里我就不展示详细的操作过程了,你们自己去琢磨一下就会了,记得灵活运用不透明度,让两个投影更加的与环境融合。

PS教程!30分钟打造高格调的拟物风扇图标

添加氛围光:

温馨提示:这里同样也是运用了柔边画笔打光的技巧,重在渲染整体氛围,烘托主题。所以这一步可有可无,不过我还是把效果图贴给你们看,感兴趣的就做一下。

PS教程!30分钟打造高格调的拟物风扇图标

这个教程到这里就结束了,想要了解更多优质教程

PS教程|灰度色彩模式

PS教程 ncbk 发表了文章 • 0 个评论 • 21 次浏览 • 2021-03-13 18:31 • 来自相关话题

Photoshop有色彩管理功能,这主要用在印刷品制作上。我们目前针对网页设计,因此可以选择“显示器颜色”,如下左图。对于PhotoshopCS版本,可选择“色彩管理关闭”,如下右图。可从菜单【编辑 颜色设置】打开色彩管理,在顶部的“设置”中选择“色彩管理关闭”。如下图: ...查看全部 >>

Photoshop有色彩管理功能,这主要用在印刷品制作上。我们目前针对网页设计,因此可以选择“显示器颜色”,如下左图。对于PhotoshopCS版本,可选择“色彩管理关闭”,如下右图。
可从菜单【编辑 颜色设置】打开色彩管理,在顶部的“设置”中选择“色彩管理关闭”。如下图:

1-2 灰度色彩模式1-2 灰度色彩模式

在前面讲述RGB色彩,以及在颜色调板选取颜色的时候,有没有想到过RGB值相等的情况下是什么颜色?那是一个灰度色。如下左图。
现在我们将颜色调板切换到灰度方式(切换方式可参考操作速查0101),可看到灰度色谱,如下右图。

1-2 灰度色彩模式1-2 灰度色彩模式

所谓灰度色,就是指纯白、纯黑以及两者中的一系列从黑到白的过渡色。我们平常说所的黑白照片、黑白电视,实际上都应该称为灰度照片、灰度电视才确切。灰度色中不包含任何色相,即不存在红色、黄色这样的颜色。灰度隶属于RGB色域(色域指色彩范围)。
我们已经知道,在RGB模式中三原色光各有256个级别。由于灰度的形成是RGB数值相等。而RGB数值相等的排列组合是256个,那么灰度的数量就是256级。其中除了纯白和纯黑以外,还有254种中间过渡色。纯黑和纯白也属于反转色。

灰度的通常表示方法是百分比,范围从0%到100%。Photoshop中只能输入整数,在Illustrator和GoLive允许输入小数百分比。
注意这个百分比是以纯黑为基准的百分比。与RGB正好相反,百分比越高颜色越偏黑,百分比越低颜色越偏白。
灰度最高相当于最高的黑,就是纯黑。灰度最低相当于最低的黑,也就是“没有黑”,那就是纯白。如下2图。

1-2 灰度色彩模式1-2 灰度色彩模式

既然灰度和RGB一样,是有数值的,那么这个数值和百分比是怎么换算的?比如18%的灰度,是256级灰度中的哪一级呢?是否是256×18%呢?没错,灰度的数值和百分比的换算就是相乘后的近似值,由于灰度与RGB是“黑白颠倒”的,所以18%的灰度等于82%的RGB亮度。
256×82%=209.92,近似算作210,我们可以先在灰度滑块选择18%,再切换到RGB滑块看数值。如下2图:

1-2 灰度色彩模式1-2 灰度色彩模式

注意如果没有关闭色彩管理功能,在颜色设置中的灰度标准就有可能不是GrayGamma2.2,那么上面的等式就不成立了。比如灰度的标准如果是GrayGamma1.8,18%的灰度换算成RGB就是218,218,218。

印刷品与网页的区别在于色彩模式不同,印刷品必须是CMYK色彩模式,而网页主要使用RGB色彩模式。Photoshop的色彩管理功能主要是针对印刷品的,而我们目前针对网页,因此可以关闭这个功能。不用担心,即使不了解色彩管理的具体内容和灰度Gamma的标准,也不影响后面的学习和操作。在教程以后的内容中,默认都是在关闭色彩管理的前提下进行的。如果需要开启的话,会特别提到。

虽然灰度共有256级,但是由于Photoshop的灰度滑块只能输入整数百分比,因此实际上从灰度滑块中只能选择出101种(0%也算一种)灰度。大家可以在灰度滑块中输入递增的数值然后切换到RGB滑块察看,可以看到:0%的灰度RGB数值是255,255,255;1%灰度的RGB数值是253,253,253;2%灰度RGB值为250,250,250。也就是说,252,252,252这样的灰度是无法用Photoshop的灰度滑块选中的。相比之下Illustrator的灰度允许输入两位小数,使得选色的精确性大大提高了 。

由于灰度色不包含色相,属于“中立”色,因此它常被用来表示颜色以外的其它信息。比如我们下面要讲到的通道,灰度在其中已经不是作为一种色彩模式存在,而是作为判断通道饱和度的标准。而在以后的蒙板中,灰度又被用作判断透明度的标准。

在Photoshop中精确调整头发颜色教程

PS教程 Photoshop ncbk 发表了文章 • 0 个评论 • 24 次浏览 • 2021-03-13 16:12 • 来自相关话题

在修图的过程中,我们有时候经常需要更改人物的颜色,以适应各种要求。

今天,我们将带大家了解一些技术,如何在 Photoshop 中更改人物头发颜色的技术。

在今天的教程中,我们将向大家展示,三种头发颜色的修改,分别是棕色,黑色和金发。

虽然很简单,但却是很实用,当你掌握了这些技术之后,你就可以随心所欲的将头发的颜色变成另一种颜色。

原教程来自 PSD STACK 的分享,P大点S翻译(有修改)

人物图像素材来自 Christopher Campbell 在 Unsplash 上的分享!

1. 我在 Unsplash 上面找了一张美女图片,它很符合我们的要求,虽然图像看起来有点暗淡而平凡,但我们够用了,因为我们只是要修改头发颜色。

2. 首先,我们进行棕色头发的修改,在这个图片中,将头发颜色变成棕色是一件容易的事,因为模特本身的头发颜色就有点偏棕色。我创建了一个“可选颜色”,调整了红色以及黄色的参数。

如果别的图像,模特的头发颜色也偏红色,那么,用这种方法,将是非常简便而快速。

3. 从上面的截图,大家可以看到,“可选颜色”调整层,它改变了模特的肤色,以及背景,所以,我们需要用画笔在图层蒙版上进行修复,从而使“可选颜色”只对头发产生影响。

4. 现在,我们就完成了棕色头发的修改了,只是用了一个“可选颜色”调整层,看下对比!

5. 接下来,我们来进行黑色头发的修整!要使头发呈现为黑色,我们需要先使头发颜色饱和,然后将其变暗以使其变为黑色。首先,我创建了一个“色相/饱和度”调整层,因为模特的头发偏红色,所以我选择“红色”,然后通过将降低饱和度来降饱和。

6. 降低了红色的饱和度后,大家可以看到,还有一些黄色的高光,所以,现在我们选择“黄色”,再次降低饱和度。

7. 调整完了饱和度,大家可以看到背景中的山和人物的皮肤等,都一起去饱和了,所以,现在我们用画笔结合图层蒙版,让“色相/饱和度”只对人物的头发起作用。

8. 现在,我们创建一个“曲线”调整层,让头发更暗一些,更接近黑发,同样的,配合图层蒙版,让“曲线”只对人物的头发起作用。

9. 黑色头发的调整,到这里就完了,我们看看对比!

10. 下面,我们将进行金色头发的修改,在我们今天的教程中,这是最难的部分,因为把它变成金发并不是很容易,但是如果以正确的方式进行操作,我倒觉得,这是一个有趣的部分。

首先,我创建一个“可选颜色”调整层,将红色作为目标色,使其略带黄色。我想大家都知道,金发,并非主是一头黄头发,那是洗剪吹才能干的活,金发,是非常接近的黄色的头发,但它又不是全黄的。

11. 接下来,我们开始添加黄色,我新建一个图层,并将其命名为“黄色”。设置前景色为#dbc17c,尔后用画笔在头发上绘画(没有办法一次画到位是非常正常的,我们可以结合图层蒙版来修整),将图层混合模式更改为“柔光”,现在我们可以看到,金发开始明显了。

12. 下面,我们新建一个图层,我将其命名为“白色”,设置前景色为白色#ffffff,用画笔在头发上绘画(这个差不多就可以,等会我们可以再用图层蒙版来修整)。

13. 接下来,我们双击“白色”图层的缩略图,进入图层样式选项,在“混合选项:自定”中,设置混合颜色带,本图层不作修改,将下一图层参数设置如下。

14. 现在,我们已经为金发添加了高光,现在,我们可以利用图层蒙版,来控制高光的显示位置。少了的话,我们可以增加白色,多了的话,我们可以删除。

15. 到这里,我们就完成金发的修改了,同样的,我们看看对比。

16. 最后,我们来看一下三种颜色头发的对比。

今天的分享,到这里就完了,说真的,没有什么复杂的操作,更多的算是技巧性的东西吧,希望对大家有所帮助。

PS教程打造高格调的拟物风扇图标

PS教程 ncbk 发表了文章 • 0 个评论 • 20 次浏览 • 2021-03-16 14:01 • 来自相关话题

去年做的拟物图标临摹练习。做总结的时候看到这个作品,感觉光影依然非常漂亮。索性就把教程重新规范化写一遍,拿来跟大家分享。效果图: ...查看全部 >>

去年做的拟物图标临摹练习。做总结的时候看到这个作品,感觉光影依然非常漂亮。索性就把教程重新规范化写一遍,拿来跟大家分享。

效果图:

PS教程!30分钟打造高格调的拟物风扇图标

练习重点:

这次练习主要练习光影、颜色对形体、空间的塑造,对这块运用不熟练的小伙伴,值得动手练习一下。

整个教程分为【背景】【机身】【扇叶】【扇框内投影】【光-颜色】五个部分,每个部分在完成以后都进行了编组,所以你们要注意图层分组。

我们首先从背景层开始。

步骤一:

打开你的Adobe Photoshop,创建一个新文档。

  • 宽度:400 px

  • 高度:300 px

  • 分辨率:72 px

制作拟物图标背景:

温馨提示:这主要是用渐变工具(G),整体扯出差不多的效果过就可以啦。

  • 底层渐变:径向 – #ededed~#b1adaa

  • 近景亮色:线性 – #e1e0df~#b1adaa

PS教程!30分钟打造高格调的拟物风扇图标

步骤二:

制作【风扇机身】:

温馨提示:用圆角矩形工具(U),该图层命名为【风扇机身】,颜色填充#e2e1e0。

  • 宽度:180 px

  • 高度:180 px

  • 半径:8 px

赋予【风扇机身】光感,制造体积感:

PS教程!30分钟打造高格调的拟物风扇图标

温馨提示:用图层样式时,尽量都【不要使用全局光】,因为使用后,在添加相同样式,制作不同角度的效果时,会有影响。

  • 图层样式:内阴影 模式:滤色 颜色:#b4785a 不透明度:75% 角度:90° 距离:5px 大小:5px

  • 图层样式:内阴影 模式:正片叠底 颜色:#8f8696 不透明度:76% 角度:-52° 距离:4px 大小:5px

  • 图层样式:渐变叠加 模式:正常 样式:线性 颜色:#b4b6bb ~ #f2eee9 角度:103°

  • 图层样式:投影 模式:正片叠底 颜色:#22272a 不透明度:20% 角度:90° 距离:2px 大小:2px

PS教程!30分钟打造高格调的拟物风扇图标

步骤三:

制作电扇【圆形扇框】:

温馨提示:用 椭圆工具 (U),该图层命名为【圆形扇框】,颜色填充#e2e1e0。

  • 宽度:138 px

  • 高度:138 px

赋予【圆形扇框】光感,制造体积感:

PS教程!30分钟打造高格调的拟物风扇图标

温馨提示:用图层样式时,尽量都【不要使用全局光】,因为使用后,在添加相同样式,制作不同角度的效果时,会有影响。

  • 图层样式:描边 大小:2px 位置:外部 填充类型:渐变 颜色:#757e8a ~ #ccd4dc 角度:-68°

  • 图层样式:内阴影 模式:正片叠底 颜色:#5e6f84 不透明度:75% 角度:90° 距离:1px 大小:12px

  • 图层样式:渐变叠加 模式:正常 样式:径向 颜色:#636363 ~ #bdccdb 角度:90° 缩放:127%

PS教程!30分钟打造高格调的拟物风扇图标

步骤四:

制作电扇【 圆形扇框2 】:

温馨提示:用 椭圆工具 (U),该图层命名为【圆形扇框2】,颜色填充#e2e1e0,注意对齐中心。

  • 宽度:112 px

  • 高度:112 px

赋予【圆形扇框2】光感,制造体积感:

PS教程!30分钟打造高格调的拟物风扇图标

温馨提示:用图层样式时,尽量都【不要使用全局光】,

  • 图层样式:描边 大小:2px 位置:外部 不透明度:30% 填充类型:渐变 颜色:#535050 ~ #826969 角度:-59°

  • 图层样式:渐变叠加 模式:正常 样式:径向 颜色:#f2eee9 ~ #b4b6bb 角度:103° 缩放:150%

  • 图层样式:投影 模式:滤色 颜色:#ffffff 不透明度:36% 角度:114° 距离:4px

PS教程!30分钟打造高格调的拟物风扇图标

步骤五:

制作电扇【扇格部分】:

温馨提示:用椭圆工具(U)的描边来做,粗细自己定。该图层命名为【扇格部分】,颜色填充#ffffff

PS教程!30分钟打造高格调的拟物风扇图标

赋予【扇格部分】光感,制造体积感:

PS教程!30分钟打造高格调的拟物风扇图标

  • 图层样式:渐变叠加 模式:正常 样式:线性 颜色:#323b49 ~ #b9c0c7 角度:-61°

  • 图层样式:投影 模式:正常 颜色:#f6f0e8 不透明度:45% 角度:90° 距离:1px

PS教程!30分钟打造高格调的拟物风扇图标

步骤六:

整理图层面板:

PS教程!30分钟打造高格调的拟物风扇图标

温馨提示:做到这里,【机身组】的内容已经完成了。你们可以通过上图的图层面板,命名、 整理、 分类你的图层,这是一个很重要的好习惯,它能让你更有效率的进行工作。

步骤七:

制作电扇【扇页】:

温馨提示:用圆角矩形工具 (U)来做,大小比例自己定。该图层命名为【扇页】,颜色填充#ffffff

PS教程!30分钟打造高格调的拟物风扇图标

分解图:

PS教程!30分钟打造高格调的拟物风扇图标

赋予【扇页】光感,制造体积感:

温馨提示:扇叶的基本型做好以后,依次添加<内阴影><渐变叠加><投影>三个样式,并根据光线,给扇叶添加一个光影效果。

PS教程!30分钟打造高格调的拟物风扇图标

  • 图层样式:内阴影 模式:正片叠底 颜色:#ede2d9 不透明度:75% 角度:90° 距离:1px

  • 图层样式:渐变叠加 模式:正常 样式:径向 颜色:#cfd1d5 ~ #e6e2de 角度:90° 缩放:127%

  • 图层样式:投影 模式:正常 颜色:#814f23 不透明度:25% 角度:105° 距离:9px

PS教程!30分钟打造高格调的拟物风扇图标

制造【扇页】暗部:

温馨提示:我们根据光线给扇叶推导出扇叶的大致光影效果,用钢笔工具(P)钩出阴影。

钢笔工具不会用的同学,戳→ 【Ps基础-钢笔工具】

PS教程!30分钟打造高格调的拟物风扇图标

扇叶阴影主要分为上面四个部分。我们图层命名为【扇叶阴影1~4】颜色任意填充,然后依次调整它的设置和效果。

PS教程!30分钟打造高格调的拟物风扇图标

整理图层面板:

温馨提示:最后把整个扇叶部分的图层所有组成一个群组,并在该群组上面添加一个蒙版,盖掉下方多余的投影。

蒙版不会用的同学,戳→【Ps基础-蒙版】

PS教程!30分钟打造高格调的拟物风扇图标

步骤八:

加深扇框内部投影:

温馨提示:把机身部分的那个大的【圆形扇框】复制两层,图层填充改为0%,放到最顶层, 用来给扇框的内部加两层投影,丰富投影变化,增加空间感。

PS教程!30分钟打造高格调的拟物风扇图标

  • 图层样式:内阴影 模式:正片叠底 颜色:#5e6f84 不透明度:77% 角度:90° 距离:9px 大小:29

  • 图层样式:内阴影 模式:正片叠底 颜色:#3d588a 不透明度:30% 角度:90° 距离:4px 大小:10

PS教程!30分钟打造高格调的拟物风扇图标

步骤九:

细节刻画【电线】:

温馨提示: 这里的电线是放在【风扇机身】图层的下面。用钢笔工具(P)钩出大致形态,注意电线的透视。画出来以后可以用直接选择工具(A)进行微调。

PS教程!30分钟打造高格调的拟物风扇图标

赋予【电线】光感,制造体积感:

温馨提示:电线的基本型做好以后,依次添加<内阴影><渐变叠加><投影>三个样式,给【电线】制造光感,体积感。

PS教程!30分钟打造高格调的拟物风扇图标

  • 图层样式:内阴影 模式:正片叠底 颜色:#918984 不透明度:41% 角度:-39° 距离:1px

  • 图层样式:渐变叠加 模式:正常 样式:线性 颜色:#e2e0dd ~ #d3d1cf 角度:90°

  • 图层样式:投影 模式: 正片叠底 颜色:#5c6877 不透明度:34% 角度:90° 距离:1px 大小1px

步骤十:

添加【风扇机身】投影:

温馨提示:这里的投影分两层,第一层椭圆形的投影运用了柔边画笔打光的技巧。不会的的同学在我写的【用PS绘制光影巧妙的3D精灵球】可以去找一找,这篇文章里有详细的介绍。第二层放射状的投影,则是用了矩形工具(U),画出一个矩形以后,进行对齐、透视+高斯模糊完成的。这里我就不展示详细的操作过程了,你们自己去琢磨一下就会了,记得灵活运用不透明度,让两个投影更加的与环境融合。

PS教程!30分钟打造高格调的拟物风扇图标

添加氛围光:

温馨提示:这里同样也是运用了柔边画笔打光的技巧,重在渲染整体氛围,烘托主题。所以这一步可有可无,不过我还是把效果图贴给你们看,感兴趣的就做一下。

PS教程!30分钟打造高格调的拟物风扇图标

这个教程到这里就结束了,想要了解更多优质教程

PS教程|灰度色彩模式

PS教程 ncbk 发表了文章 • 0 个评论 • 21 次浏览 • 2021-03-13 18:31 • 来自相关话题

Photoshop有色彩管理功能,这主要用在印刷品制作上。我们目前针对网页设计,因此可以选择“显示器颜色”,如下左图。对于PhotoshopCS版本,可选择“色彩管理关闭”,如下右图。可从菜单【编辑 颜色设置】打开色彩管理,在顶部的“设置”中选择“色彩管理关闭”。如下图: ...查看全部 >>

Photoshop有色彩管理功能,这主要用在印刷品制作上。我们目前针对网页设计,因此可以选择“显示器颜色”,如下左图。对于PhotoshopCS版本,可选择“色彩管理关闭”,如下右图。
可从菜单【编辑 颜色设置】打开色彩管理,在顶部的“设置”中选择“色彩管理关闭”。如下图:

1-2 灰度色彩模式1-2 灰度色彩模式

在前面讲述RGB色彩,以及在颜色调板选取颜色的时候,有没有想到过RGB值相等的情况下是什么颜色?那是一个灰度色。如下左图。
现在我们将颜色调板切换到灰度方式(切换方式可参考操作速查0101),可看到灰度色谱,如下右图。

1-2 灰度色彩模式1-2 灰度色彩模式

所谓灰度色,就是指纯白、纯黑以及两者中的一系列从黑到白的过渡色。我们平常说所的黑白照片、黑白电视,实际上都应该称为灰度照片、灰度电视才确切。灰度色中不包含任何色相,即不存在红色、黄色这样的颜色。灰度隶属于RGB色域(色域指色彩范围)。
我们已经知道,在RGB模式中三原色光各有256个级别。由于灰度的形成是RGB数值相等。而RGB数值相等的排列组合是256个,那么灰度的数量就是256级。其中除了纯白和纯黑以外,还有254种中间过渡色。纯黑和纯白也属于反转色。

灰度的通常表示方法是百分比,范围从0%到100%。Photoshop中只能输入整数,在Illustrator和GoLive允许输入小数百分比。
注意这个百分比是以纯黑为基准的百分比。与RGB正好相反,百分比越高颜色越偏黑,百分比越低颜色越偏白。
灰度最高相当于最高的黑,就是纯黑。灰度最低相当于最低的黑,也就是“没有黑”,那就是纯白。如下2图。

1-2 灰度色彩模式1-2 灰度色彩模式

既然灰度和RGB一样,是有数值的,那么这个数值和百分比是怎么换算的?比如18%的灰度,是256级灰度中的哪一级呢?是否是256×18%呢?没错,灰度的数值和百分比的换算就是相乘后的近似值,由于灰度与RGB是“黑白颠倒”的,所以18%的灰度等于82%的RGB亮度。
256×82%=209.92,近似算作210,我们可以先在灰度滑块选择18%,再切换到RGB滑块看数值。如下2图:

1-2 灰度色彩模式1-2 灰度色彩模式

注意如果没有关闭色彩管理功能,在颜色设置中的灰度标准就有可能不是GrayGamma2.2,那么上面的等式就不成立了。比如灰度的标准如果是GrayGamma1.8,18%的灰度换算成RGB就是218,218,218。

印刷品与网页的区别在于色彩模式不同,印刷品必须是CMYK色彩模式,而网页主要使用RGB色彩模式。Photoshop的色彩管理功能主要是针对印刷品的,而我们目前针对网页,因此可以关闭这个功能。不用担心,即使不了解色彩管理的具体内容和灰度Gamma的标准,也不影响后面的学习和操作。在教程以后的内容中,默认都是在关闭色彩管理的前提下进行的。如果需要开启的话,会特别提到。

虽然灰度共有256级,但是由于Photoshop的灰度滑块只能输入整数百分比,因此实际上从灰度滑块中只能选择出101种(0%也算一种)灰度。大家可以在灰度滑块中输入递增的数值然后切换到RGB滑块察看,可以看到:0%的灰度RGB数值是255,255,255;1%灰度的RGB数值是253,253,253;2%灰度RGB值为250,250,250。也就是说,252,252,252这样的灰度是无法用Photoshop的灰度滑块选中的。相比之下Illustrator的灰度允许输入两位小数,使得选色的精确性大大提高了 。

由于灰度色不包含色相,属于“中立”色,因此它常被用来表示颜色以外的其它信息。比如我们下面要讲到的通道,灰度在其中已经不是作为一种色彩模式存在,而是作为判断通道饱和度的标准。而在以后的蒙板中,灰度又被用作判断透明度的标准。

在Photoshop中精确调整头发颜色教程

PS教程 Photoshop ncbk 发表了文章 • 0 个评论 • 24 次浏览 • 2021-03-13 16:12 • 来自相关话题

在修图的过程中,我们有时候经常需要更改人物的颜色,以适应各种要求。

今天,我们将带大家了解一些技术,如何在 Photoshop 中更改人物头发颜色的技术。

在今天的教程中,我们将向大家展示,三种头发颜色的修改,分别是棕色,黑色和金发。

虽然很简单,但却是很实用,当你掌握了这些技术之后,你就可以随心所欲的将头发的颜色变成另一种颜色。

原教程来自 PSD STACK 的分享,P大点S翻译(有修改)

人物图像素材来自 Christopher Campbell 在 Unsplash 上的分享!

1. 我在 Unsplash 上面找了一张美女图片,它很符合我们的要求,虽然图像看起来有点暗淡而平凡,但我们够用了,因为我们只是要修改头发颜色。

2. 首先,我们进行棕色头发的修改,在这个图片中,将头发颜色变成棕色是一件容易的事,因为模特本身的头发颜色就有点偏棕色。我创建了一个“可选颜色”,调整了红色以及黄色的参数。

如果别的图像,模特的头发颜色也偏红色,那么,用这种方法,将是非常简便而快速。

3. 从上面的截图,大家可以看到,“可选颜色”调整层,它改变了模特的肤色,以及背景,所以,我们需要用画笔在图层蒙版上进行修复,从而使“可选颜色”只对头发产生影响。

4. 现在,我们就完成了棕色头发的修改了,只是用了一个“可选颜色”调整层,看下对比!

5. 接下来,我们来进行黑色头发的修整!要使头发呈现为黑色,我们需要先使头发颜色饱和,然后将其变暗以使其变为黑色。首先,我创建了一个“色相/饱和度”调整层,因为模特的头发偏红色,所以我选择“红色”,然后通过将降低饱和度来降饱和。

6. 降低了红色的饱和度后,大家可以看到,还有一些黄色的高光,所以,现在我们选择“黄色”,再次降低饱和度。

7. 调整完了饱和度,大家可以看到背景中的山和人物的皮肤等,都一起去饱和了,所以,现在我们用画笔结合图层蒙版,让“色相/饱和度”只对人物的头发起作用。

8. 现在,我们创建一个“曲线”调整层,让头发更暗一些,更接近黑发,同样的,配合图层蒙版,让“曲线”只对人物的头发起作用。

9. 黑色头发的调整,到这里就完了,我们看看对比!

10. 下面,我们将进行金色头发的修改,在我们今天的教程中,这是最难的部分,因为把它变成金发并不是很容易,但是如果以正确的方式进行操作,我倒觉得,这是一个有趣的部分。

首先,我创建一个“可选颜色”调整层,将红色作为目标色,使其略带黄色。我想大家都知道,金发,并非主是一头黄头发,那是洗剪吹才能干的活,金发,是非常接近的黄色的头发,但它又不是全黄的。

11. 接下来,我们开始添加黄色,我新建一个图层,并将其命名为“黄色”。设置前景色为#dbc17c,尔后用画笔在头发上绘画(没有办法一次画到位是非常正常的,我们可以结合图层蒙版来修整),将图层混合模式更改为“柔光”,现在我们可以看到,金发开始明显了。

12. 下面,我们新建一个图层,我将其命名为“白色”,设置前景色为白色#ffffff,用画笔在头发上绘画(这个差不多就可以,等会我们可以再用图层蒙版来修整)。

13. 接下来,我们双击“白色”图层的缩略图,进入图层样式选项,在“混合选项:自定”中,设置混合颜色带,本图层不作修改,将下一图层参数设置如下。

14. 现在,我们已经为金发添加了高光,现在,我们可以利用图层蒙版,来控制高光的显示位置。少了的话,我们可以增加白色,多了的话,我们可以删除。

15. 到这里,我们就完成金发的修改了,同样的,我们看看对比。

16. 最后,我们来看一下三种颜色头发的对比。

今天的分享,到这里就完了,说真的,没有什么复杂的操作,更多的算是技巧性的东西吧,希望对大家有所帮助。