本日记持续更新我平时用的photoshop小技巧。不过说实话这些官网也都有操作步骤…谷歌是万能滴!
提取任意图片的色板(swatches)
本操作不涉及,主要颜色和辅助颜色的取舍。也不涉及明暗排列区分等。就只说怎么一下子一键导出自己中意图片的全套色板(包括了所有主副颜色的明暗以及变化细微的小调子)。
首先我们随便打开一张中意的图片,可以预先调好颜色。比如这里我点开这个The ‘dream house’ and gardens of Cecil Beaton的图片:

然后我们找到索引颜色这个小菜单:
Image_Mode_Indexed color

然后就会蹦跶出这么一个菜单:

第一行是Palette。介绍一下这一列表下的选项:
这个调色盘吧,它列出了一些选项,这些选项的目的是,让你选一个颜色取舍的标准。

比如不同电脑显示颜色可能稍微有点差异:
- 如果你是只需在网页上显示那就选web。
- local(perceptual)里的perceptual意思是,会以,你自己眼睛能观测到的主要颜色为基准来选色。
- local(selective)里selective的意思是,以,web color + 图片中的颜色比例为基准,来选择颜色。
- local(adaptive)里adaptive的意思是,以,图片中的颜色比例来选择颜色(举个例子,我这张图里几乎全是绿色,假设,草丛里藏了一丢丢丢丢丢红色的小花,那么在这个模式下,这个红色的小花因为占比例太小,可能会在取色的时候被忽略,如果不愿意丢掉小花花,这个时候可以选择custom就是自定义,强制把小红花的颜色加上,在选custom的时候要先确定颜色数量。)

第二个选项就是Colors, 颜色的数量。看你插画调子想要安排多少了。假设就四个调子。亮,次亮,暗,次暗。然后每个调子分配2-3个变化。一幅插画中颜色大约分配5-10个。这样合计就是,32个颜色起底。那就定32个颜色吧(不过一般我会导出60个…)
这个颜色的数量,是要计算的。根据你给插画安排的调子数量级和所选取颜色来计算你需要导出的色板。以这个图片为例子。如果导出20个颜色,看下图,右下角的叶子,基本就是只有一个颜色了。明暗面没有做出显著的区分。但如果导出60个颜色,就会有更多细致的颜色区分


这个时候,划分好颜色后,点击OK,我们再点击 Image_Mode_发现这个color table被激活了:

打开这个color table,我们可以对已经提取好的这个模板进行修改。调整好颜色之后,就可以点击保存了,之后在色板内把这个保存的文件读取出来就可以了。


开通adobe cloud 服务后,色板会保存在云端。无论在哪里登录photoshop都可以使用。
自动连续图案
photoshop在2021年更新了功能,现在可以在软件内非常方便的实现自动无缝拼接图案的设计。
图案无限平铺原理
假设我们现在有一个很简单的猫头图案,我想要让它平铺。

=_=我以前的时候觉得这还用想?直接复制粘贴不就行了。反正猫头周围也没东西,只要背景颜色一定,就是一个无限平涂的图案啊…但是这样的结果就是。平铺后非常单调…周围巨大的空隙让画面十分尴尬。(比如下面这样)

所以平铺就是得让中间空隙这部分也填满。填满简单,但如何能让上下左右衔接好就是个技术活了。有的人用坐标系,精确计算上下图案的位置,有的人画满然后用插件硬处理。
最一般的填满的步骤:
①随便把这个图案分成四块。然后左右互换

图案本身形状无所谓
这个图案本身是正方形还是长方形无所谓,分割比例无所谓,只要你能把中心图案分成四份就行,在PS里面,因为图案自动填充那个尺寸就是正方形的,所以一般来说我们做图案也用正方形,然如果你不用PS里的自动填充,那长方形也OK的,木问题
②左右互换完我们上下互换,这样就把画面中空白的地方集中到了【中间位置】

我们把这个中间的空白给画上一些东西,这个图案看起来就完整了很多

这就是最基本的图案平涂原理。而photoshop中,则有非常简单的自动化步骤,可以让我们非常轻松地设计图案。
PS中如何使用自动平铺
我们随意新建一个图层。任何尺寸都可以。我这里就建立了一个正方形图层
然后在菜单栏里点击view,才下拉栏的中间部分,找到pattern preview
然后画面中就会出现一个带边框的白板

这个时候,你在上面画东西,ps会帮你把周围自动补全


保存图案
画完之后,从菜单栏选择
Edit,找到 Define Pattern
这个图案就被保存到你的图案库里面了

应用图案
通常情况下,我们做好一个图案之后,不是用油漆桶工具填满某个空间。因为油漆桶工具调整图案细节并不是很方便,而且不是很好修改。所以大家用的比较多的其实是图层填充功能,来解释一下这个功能如何使用
我随便画一个小人哈。然后我给她身后加了一个相框或者窗户随便什么东西。这个黑色的图形,要单独建一个图层,然后右键单击图层,选择Blending Options,打开图层样式的属性版。

在图层样式里面,左边有一堆功能,往下看,有个pattern overlay,就是图案填充。点击这个属性,在右边我们就可以把刚才做好的那个图案选择上,还可以调整图案的方向,大小,透明度,混合模式等。

在这里面调整好后,我们点击OK应用到图层上。背景图案就被填充好了

自动填充插件
然后再来说说插件。这类的插件很多,大同小异。琢磨琢磨就能用。
用的比较多的一款插件是 Seamless – Pattern Creation Kit ,可以在下面购买,但单独购买不如买它家Photoshop Add-Ons Bundle套装划算
https://creativemarket.com/h3design/3810758-Seamless-Pattern-Creation-Kit
这个买插件的网站叫creative market,里面有很多别的ps插件可以购买,还有各种其他文件的模板,简历模板,ppt模板啥的,就挺不错的。
总之,这个插件有两个功能,一个是texture硬拉,一个是元素排序(都是我瞎翻译的)
texture硬拉就是,如果你的素材,是现成的图片,比如你就在地上,拍了一个地板的纹理,或者是小十字路的纹理,那这个texture硬拉,就是帮你硬P图,把边缘斜接都P好。变成一个可以无限平铺的素材。我基本上不会用到这个功能…暂时没这个需求。
元素排序是制作插画图案比较常用的功能。
首先还是新建一个正方形,这里我用的是6×6 inch的正方形。
然后画一些元素。注意,这个时候的元素,每一个元素要单独一个图层。这样才能使用插件的随机排列功能。并且,要把这些图案都右键,变成smart object(为了保护图片不在变形的过程中损失质量)
啊这次就不用ps画了,我扫描了一下我之前画过的一些很小的水彩小物。处理了一下作为这次的图案元素。然后我们把seamless这个插件点开,切换到右边的Element Pattern选项。

这里面就是可以shuffle postions(随便打乱顺序给你摆,这里要注意如果点击overlaps,就是可以让它随机把元素给你放到边界上,但实际上我觉得自己放更方便),shuffle rotations(随便给你把每个元素都调整一下角度,角度范围可以自己定义),shuffle scales(把每个元素的大小都变化一下,变化幅度也是可以自己设置)

总之,如果你不愿意用它的随机功能也无所谓。就自己随便排列元素就可以了。然后排列好了之后,有一些元素不是超出边界了么?这个时候点击fix overflow,它会自动计算,帮你补全。然后点击Preview(预览平铺效果)就能看到效果了。然后可以再调一下颜色,合并全部图层之后。在这个插件最下面,直接命名保存即可
