ps背景不变换字_十招PS技法,别讲武德直接用!

6edcb39f437dc3fd659a7404d3dc055f.gif

研习设订阅号

设计干货  杜绝注水

aa660341e777a0d3c91191006a09965a.png

大家好,我是小凹,是的,你没看错,这期没视频。

因为我们订阅号后台经常会收到,同学们关于设计技法的留言,所以本期教程旨在分享一些新奇有趣并且实用的技法。本期技法都是以Photoshop为主的实际操作,希望能帮助到大家解决工作中的一些问题。那么,请打开你的PS跟我一起“玩”起来!

12994512726d41322a2f06c2d2c293a3.png

怎样做出这种文字互融的动态效果?

0c4f3a8f7297e1ccff7503ee18c4a33d.gif 683c3baa4c48560cc76f8e5b5a6d83d8.png

1/   新建两个矢量圆形,颜色选择对比大一些的色彩。

c4c39326744e458b690b232e25762230.png

2/  分别羽化两个矢量圆形,这里我给了30像素。

d2a3f3a9325b94a4e89a6adc8b627382.png

3/  成组两个羽化后的圆形和背景的白色,在组的上方建立一个色阶,把色阶两边的滑块向中间重合,能得到一个边缘为锐利的圆形。

5c6afecc8826776f65ffd1f0b59ccbab.gif

4/  现在用鼠标拖拽圆形,让它们相互靠近,就出现了融合的效果。

6e2d9d191d4d8e7f787e4f106e112be7.gif

动态步骤图

根据这个原理

我们设计一张动态海报

?

b65c72b1871814992d457f1e5a15d52d.png

先把画面的版式设计好,由于这是一篇主推技法的教程,所以关于海报思维推导我们就不多赘述了。

6f631c5ce42c3670824c96caadd8e684.png a51c946797cbbc88d881096d0c0a2f21.png

为了让识别性更好一些,我们需要在上面步骤基础上再降低饱和度,可以看到文字中间区域黑化,文字识别性增加。

动图制作:

6436fe38793aab64db8db4291797fc72.png

打开窗口——时间轴——在时间轴里找到“融”“合”两个字。

0c46e0e28e42bda9168fba2752058146.gif

①先在时间轴左边的面板里找到“融”字,然后在时间线起始点,点击一下变换前面的小图标;

②之后把时间线(红线)拖到时间轴末端,再点击一下变换前面的小图标加个锚点,这样代表这个字一来一回是回到了原点;

③然后时间轴拉到中间,用鼠标把字向上拖动到一定位置(无论什么位置,自己觉得合适就成),再点击变换前面的图标,添加一个锚点。

这样整个时间动线就设置完成了,点击播放按钮,看下动态是否顺滑舒适,觉得可以之后就调整“合”字,方法一样。

0c4f3a8f7297e1ccff7503ee18c4a33d.gif

最终效果

其实PS当中的时间轴和帧动画都很适合用来做简单的动态效果,所以不会AE的小伙伴不妨试试这个方法。

853f4ca47ecf25613fbdfc23d2021a2f.png

在做书法字或者一些手写字的时候,我们为了让文字与背景更加融合,会把背景复制一层放到文字上方,用剪切蒙版置入到文字中,然后调整色阶,让它们之间更加融合。

a8219ae2a015f99b811e1c58eb30b320.png

这个方法我相信很多同学都会运用,其实还有一个更简便的方式?

34804ec3c5eb8bfd960b9dc2e19a871d.gif e49b713625edfaa205be28aa4e8a9434.png

直接在文字层点击混合选项——最下方「下一图层」,左边有两个三角形的滑块,按住ALT键,拖动右边的滑块向白色区域移动——边拖动边观察,这样文字与背景就会完美融合了。并且无论背景改变什么颜色,它都不用再做调整,非常方便。

cdc1b8454302bc45ffee033c4d0c5c5c.png

怎样把一张质感不错的照片无损放大?

a966485eb6149b5736167e1817f0e408.png aff4ff356b3186213a88f00a97edab91.png

1/  首先找到首选项里的技术预览,点选「启用保留细节2.0放大」

2a412944443bae2738f1b375b665448f.png

2/  选择图像——图像大小,宽和高的单位都改成百分比,重新采样选择「保留细节2.0」

78071e27e524fa3d3e4aafa59308e10f.png

3/  宽度高度改成更大的数值,减少杂色调大,这样放大的图片几乎就是无损的了。

bfd480f68af80de8fac4cd319dd79348.png

怎样把一张照片处理成素描画的效果?

7a2e6616e39b99ef67b4a622eacaaf75.gif 568ecf1b7b52469e3ae7e402bd912c03.png

1/  首先复制一个背景层,然后转换为智能对象。选择滤镜——风格化——查找边缘。

c7b2e4f2914dd466823b1a7b2df78d49.png

2/  Ctrl+Shift+U去色,然后调整色阶,让对比度稍微大一些。

1059e26c20a613c199059c0fc26d5277.png

3/  选择滤镜——滤镜库——喷色描边,描边长度20,半径1,这样就基本完成了。

e71f34f450509051a42c3c9ee150ae51.png

最终的效果

075365a4b94e372d32f9b839bc5f9afe.png

怎样做出类似于这种的扭曲文字效果??

9a0cac9023eaacfd2a8b7948d23a27bc.png df2e6b75ab31d2e42a15ed85b9deeaff.png 4efabc2bd1995551df077b2b309fc8a3.png

1/  首先把文字转换为智能对象,执行滤镜——模糊——高斯模糊(数值自定,只要边缘稍微模糊即可),然后存成一个PSD文件。

0226a755360157b452cd524f4978e112.png

2/  然后选择图形的图层,执行滤镜——扭曲——置换(水平和垂直都设置为20),然后选择刚才储存的PSD文件。

5238c57c8ef4328aaca3d5a95f9a4de1.png

最终就会得到这样一个扭曲的文字效果。?别盯太久,小心头晕。

5114808303db116bb3bffe37f0b5e642.png b18467769953f3080cce891c465c94ab.png

根据这个方法还能用图形做出各种扭曲效果

除了在图形上应用,

我们在图像上怎样做出扭曲的文字效果呢?

?

b2e6035ce17ecf8d08a1196275c80371.png 9b2e4c8681235dc243f0df4275a2d15a.png

1/  首先复制背景画布,Ctrl+shift+U去色,再执行滤镜——模糊——高斯模糊,让边角转折不那么锐利即可。然后给它存成一个PSD文件。

46a4bdd04470facb9595a422338afa8a.png

2/  选择文字层,执行滤镜——扭曲——置换(水平垂直数值10),选择刚才储存的文件,得到扭曲的文字,把下面黑白的画布隐藏。

41027bf7fa91647cfbaad71de7ba0fd2.png 44fbd054b3f9db1afd8dd65d5da487e8.png

3/  为了让文字与背景更加融合,就选择上面我们教给大家肌理融合的方法,选择扭曲的文字层,点开混合选项,在下一图层的左边三角形,按住Alt键,向右调大,慢慢就会显现布料纹理啦。

如果在人物图像的背景上呢?

又该怎么做?

?

9f5cee0a53c89d2808af7452bbbaf9aa.png

1/  找一张背景干净的人物图片,最好是近景或者是特写镜头。

19a8718fda98f534a52cc27a4c070e8e.png d218efbaae2478cde53baefaecd1ccf3.png

2/  给人物图像去色,添加高斯模糊,储存一个PSD文件。然后在上方铺满文本型文字,字号要小一些,铺满整个画面

aa441cc1c296e614e7cc49aa41b79c4d.gif

3/  这步和之前的例子稍有不一样,选择文字层,执行置换命令,然后把扭曲后的文字载入选区,选择人物图层,Ctrl+J,提取人物图层的扭曲文字,隐藏人物层和文字层,在提取后的扭曲文字下方新建一个黑色背景,然后调整文字的色阶增强对比度,这样就完成了。

2c0a4f61d9bc09e293bac6fbbb0bf4c9.png

最终效果

edb06c42ebb470fd510bff218c77711e.png

模拟案例

d29b2923c9bded00077b94850513680d.png b8779e073d537f3b4c2a4d7a1ded3381.png

当把照片放到不同尺寸的画布中时,通常需要对背景进行延伸,才能让主体更符合画面比例。

最常用的做法是把背景颜色复制一块出来,然后进行拉伸,那有没有更好更快速的办法呢??

54dc66229d9c23ee6e6816ceec25530e.gif

选择裁剪工具——点选上面的「内容识别」,然后左右进行拉伸,双击确定,背景就自然的延伸了。

还有一个方法?

2b07654c221a13e93a92dda51d1fe94b.gif

选择图片——编辑——内容识别缩放,直接拉伸图片即可。

注:这两种方法更适用于背景干净的纯色或渐变色

ce05b598a109527ea94c82fbc984ddf5.png

很多酷炫的背景的图片,有时候很难在素材网站上找到合适的,怎样利用3D软件实现想要的画面呢?

1d75ec5decf15ef4672d707d97a0c265.png

熟悉我们订阅号的小伙伴应该还记得,我们去年出过一系列的关于PS3D教程,里面给大家提供了一些新鲜有趣的技法和思路。今天我们就继续利用PS的3D进行创作,看看还有哪些新奇的技法。

往期教程传送门?

8d7da64df940682e43b1eb04598050f2.png 4f399ac68fffb899e9c13c3396ecc0ed.png 26abe837e1562387a313705a52e84c07.png e68b17a3315d6e261d08a45693745178.png b53a9683b4e5c39336915ae46ce8acf3.gif

1/  首先选择一张星空背景和一张老虎的头像(其他动物也可以),合并两个图层,然后给图层执行——3D——从图层新建网格——深度映射到——平面,这个时候会得到一个立体的老虎,继续点击选择场景——选择未照亮的纹理,这样老虎的形象就一目了然了。

a30ad041208295772ff3851699b2eeba.gif

2/  想要在其基础上做一些变化,可以先栅格化3D,然后在图层上方添加一个渐变映射,或者添加一个纯色也是可以的,完全根据你自己的需要。

1d75ec5decf15ef4672d707d97a0c265.png

模拟案例

这个功能还可以怎么用呢?

a1dec3e96cf2958622482cc2050a6e95.gif

还可以选择一张色彩丰富的图片,执行3D——从图层新建网格——深度映射到——平面,选择未照亮的纹理,再旋转一个适合的角度,就完成了。

2e92643ff97ecf6b4d2c6dd072253564.png

利用这个方法可以做出各种凸出的背景

接下来我们继续利用3D功能做个液态金属立体字。过程稍微复杂一些,所以大家可以按照步骤严格执行,就会得到想要的效果。

4d0a6121d0a77fcef03aa4fcde8c90ee.png

首先可以在网上找一些色彩丰富的背景图片,记得图片要干净,不要带有文字。

9033afa302f12d023b373ffac8458145.gif

1/  选择一款个性字体,笔画变化比较大的那种,然后调整字距,让笔画贴合在一起(这一步在动图里省略了,相信大家都能搞定),之后执行3D——从所选图层新建3D模型,这个时候会得到一个简单立体字。

介于很多同学对PS3D功能不熟悉,我简单介绍一下?

517468003c0dc883ab3c318611ebea9f.gif

3D面板中的“图层”,分别对应属性面板的功能参数,比如,文字层,它会有5个面的材质设置,再比如,当我们把画面转向一个迷之角度,这个时候就可以点击“默认相机”,就能调回成正常的角度。当然,每一个属性参数的作用我就不细讲了,大家可以回看之前的相关教程。

96974595708d43c84e9a363129a1ab80.png

选择3D面板中的文字层,在属性面板中找到网格——形状预设——选择膨胀,凸出深度调整到0.4,我们会得到一个圆滑的文字面。

18fa05b6b54c30b98f0c28d0530ca908.gif

2/  这一步调整文字角度,让它俯视贴近地面,可以直接在坐标系里把X角度设置为90度,然后移动到地面上,接着把画面调整成俯视的视角。

dfd839f56babb8eff300d45bfb3abe1e.gif

在右上角小窗口中,找到“俯视图”,点击,然后再点击一下右边的“互换主副视图”。

之后选择“无限光”,用鼠标拖动它,移动光源角度,让文字投影小一些。

3f9fbdb9ee03a6c5dd8a1161c4ffb29d.gif

3/  选择环境中IBL后面的三角形,点击之后会在下拉列表里看到“替换纹理”,点击一下,我们之前准备好的图,就可以随意选择了,选好之后,发现文字并没有什么变化,这个时候需要选中5个材质图层,然后在属性面板中把反射增加到80%左右,闪亮60%左右,现在就能清晰看到纹理了。

再去选择“环境”,鼠标拖动环境球,就能看到纹理在文字上的变化,旋转到自己满意的角度就可以了。

866c95ce63a925ab68a62add33136794.gif

4/  用这个方法可以替换不同的纹理,以达到不同的质感效果,试验过程是非常有趣的,大家不妨尝试一下。

c45b95c9435c0a4b0ac50d021aae6e3a.png

所有都调整好后,点击渲染按钮,进行渲染,渲染需要一些时间,对于电脑的要求也比较高。

02f74d6c4c800239931321fa2061829e.png

渲染好之后不要再移动画面,直接选择图层——右键转换为智能对象。

0656d44893ebcb53f3000c51f36cdecf.png

这个时候发现,好像质感不太好,别着急,我们给它锐化。?

8c50de99b981b3c80f53dbf730cdafeb.gif

执行滤镜——锐化——锐化,然后再次执行滤镜——锐化——进一步锐化。

a9da4b65bcbec30081a61f1576b1a543.png 52305d80635374ecf57a9ee4547575fb.png

放大看看细节,质感不错就可以了。

把做好的文字置入画面中,设计一个“酸性案例”。请把手机横过来观看

391b27cc74852659218d578788403b61.png

为了照顾到有些同学的电脑没办法顺利的运行3D功能,这里给大家分享一些立体字的素材,只需要替换文字内容,就能达到效果,虽然不及3D做出的质感,但是对于我们平时的工作来说还是有帮助的。

5283e6f2b78e6a2c80956761335f874c.png

百度网盘下载链接:https://pan.baidu.com/s/1i3iinfh0GZ78gRwPdXvFoA 

提取码:xc80 

077c36f268dc204abc1047bb652a5b03.png

这种伪3D效果的立体字你是不是觉得比较复杂难做?其实方法非常简单,跟我学就可以了。

5495e41cf3ca87bafa1976ca1649b414.png 6aba0624a7de4b18262be3a4a7380591.gif

1/  首先,新建图层,用椭圆选框工具创建一个圆形,然后,在圆形内做一个渐变,可以两个颜色的渐变,也可以是多个。

56e543b9a00c879134b3af545df034dc.gif

2/  选择笔工具里面的——混合器画笔工具,在圆形上方,调整笔尖的大小,让它正好和圆形大小一致,然后按住Alt键,鼠标变成十字,这个时候点击一下鼠标,画笔就变成圆形的渐变色了,随便画几笔就能看出效果。

5495e41cf3ca87bafa1976ca1649b414.png

最后用手绘板或者鼠标绘制图像就完成了

12c3820e7e2e240a3bcd31a6670292e2.png

下面分享一下这种酷酷的双色调图像的做法

472810a3757893efc3dd826197427f33.gif 3f40da3879cadebc687a2fd62478bb43.png

1/  选择两张图片,可以是同一个人物不同角度。也可以是不同人物的照片。给它们都Ctrl+Shift+U去色。

a0b600e9db57730202658d01cf6ced9e.png

2/  选择上面的图像层,添加图层样式——在混合选项里面,把通道的“G和B”点掉,现在就能看到图像呈现双色调的样子了。?其实这步就已经算是可以了,不过我们为了更好,可以继续调整。

a8a570442a677e0387540442772606d1.png

3/  复制图像1图层,放到图层上方,执行——滤镜——其他——高反差保留,半径3像素。

430492ba859bf28cb7fae781231c656a.png

4/  给高反差图层设置“叠加”的混合模式,还有40%不透明度。

1017e433ba58195a7abebb15e095e079.png

5/  在所有图层的上方添加一个“可选颜色”,具体颜色设置如上图。

ea03c98313028bfed56a6895cf85aacc.gif

模拟案例

这个方法还可以怎么玩呢?

?

920023263d6981e42ea4a3c2861a6ace.gif

文字层复制一个,第一个文字混合选项,把“G和B”点掉,第二个文字层混合选项把“R”点掉,把上面文字图层移动3-4个像素,就能出现酷酷的闪烁字体。

放在图像上还能怎么玩呢?

?

1e4e6e1190bdd6ac33629838f4c21843.gif 97016e10d4ef8d66c12c3097e4d1018f.png

方法其实是一样的,复制一个图像图层,然后混合选项,点选掉“G和B”,把上面图层移动几个像素,就能出现闪烁感的效果。

b063526c8ad0c247d3e08ec63c73a13d.png

合成设计是比较难的,但是很多做电商的同学平时又不得不面临合成图片,有时候图片与背景怎么也没办法融合,让人头疼,下面教大家一个快速融图的办法。

91fc1bdd01e3e0427e039e263e489277.gif

首先选择一个场景图片,然后再选择一个主体放到场景中,选择主体图层,执行图像——调整——匹配颜色,下方源:选择你当前的文件名,图层:选择背景,也就是你的场景图层,适当调整上方的明亮度、颜色强度、渐隐,确定,就完成了。

tips:这个技法只是在色调上进行的融图,不能算最终效果,后期还得靠你继续修饰光影、质感、体积感等等,所以当你手头上有急活儿的时候不妨试试这个方法,会让你事半功倍哦~

114fa62ec097a01ec95703ad48d841bd.png

还是那句话,技法一定是为设计本身服务的,不要沉迷于技法。如果想要靠“炫技”去获得认可,那在设计这条路上是不持久的,在版式达标的基础上,做一些技法上的烘托,会带来锦上添花的效果。

我们订阅号一直在丰富教程内容,这次推出的十个技法就是希望让更多有需要的设计师能从中获取一些帮助,喜欢的同学麻烦请点赞&在看?。

357c4409a0922608db79bc6bda4fcf7a.png

往期教程导读:

aa0a82750fcbaae571d8b7821d7ce304.png

9bb9a3f142e0befa3736a3a9967302ff.png

4a24b22210cb16d4081cd52d47530ec5.png

3d674f04a710cfbcd222ceb3efabbcfa.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值