css 如何样式大圆包裹小圆_【PS入门到精通系列教程】第5篇 · 用简单的效果教你如何分图层...

2d9add633914bbd17934c00a1028b272.png

【PS入门到精通系列教程】第5篇 · 用简单的效果教你如何分图层

作者 / 小侯

31178a9650626cf45f087a40a6c2c2b6.png

本篇教程是个续篇,如果有没有看上一篇教程《第4篇·图层、路径与选区的关系》(点击此处的蓝色字体即可阅读上一篇教程)的朋友,记得一定要先去看看再来看本篇教程,否则你极有可能会有很多东西很难弄明白,做下面这两个效果可能就会比较困难。

现在就利用上一篇教程里说到过的图层、路径与选区的关系那几个操作来做两个很简单的效果,会做这两个简单的效果之后,应该差不多会懂得该如何分图层了。

制作抖音标志

本篇教程里要教大家做的第一个效果非常简单,可能也是很多朋友都非常熟悉的图形,就是抖音标志,经常玩抖音的朋友肯定都很熟悉这个图形。

为避免侵权问题,所以抖音标志就不发到这里了,没玩过抖音的朋友请自己用百度搜索了看看抖音标志是什么样子吧。

也是因为避免侵权的问题,所以这里在形状上就不和抖音标志做得一样了。抖音标志是用一个字母d和另一个字符组合而成,咱们就用一个其它字母代替,咱们用字母 J 代替,不和他一样。想做成和他一模一样的朋友,可以自己私下用钢笔工具照着勾成一样的即可。不会使用钢笔工具的朋友请去看看第1篇教程学习一下钢笔工具。

或者自己照着它的样子,用两个圆去裁切,并用一个矩形将它们连接起来,就是抖音标志的样子了,仿制起来非常简单。

但本教程还是选择用字母 J 代替,毕竟没有经过授权,是无权使用别人的标志的

第一步,新建画布,尺寸随意设置,建议不要太大(本教程里的设置的尺寸是800x800像素,分辨率72,RGB颜色模式,8位通道)

7fd8fa33a10d785895488f815d737212.png

再选择横排文字工具,点击画布打上字母 J 。

5fdf320eb493766bfa939c3aefb0c0fb.png

6286ff2ca72eff46bf633fc2f5e6c327.png

再按快捷键 Ctrl + T 自由变换,把文字调整到合适大小。

5d0043152f0e89a6ff5dbce53f0f0640.png

再按 Ctrl + J 键把文字图层复制一层,再按键盘上的方向键,让两个文字图层错位。

cd5a96ee1ec7c6c86a2bff02051799aa.png

再把两个文字图层换成抖音标志那样的颜色(换为前景色快捷键:Alt + Shift + 删除键,换为背景色快捷键:Ctrl + Shift + 删除键)

aeec1512f27701c548b61706bfc10281.png

按住 Ctrl 键在图层面板上左单击图层,打开其中任意一个文字图层的选区。

3cfd909b63162caffd516d24b8abdc09.png

再按住 Ctrl + Shift + Alt 键在图层面板上左单击另一个文字图层,使选区与之相交,得到公共部分(这个操作上一篇教程里说过了,不明白的请再去看看上一篇教程《第4篇 · 图层、路径与选区的关系》

c87c61edaac4551b156e76521fb783fb.png

再按 Ctrl + Shift + N 新建图层。

51ca5d57c1ff9afea525f9ee1f72fa1b.png

将前景色设为白色,按 Alt + 删除键 填充白色。

e0f23bc43014bec1c8a5d47ab3c1abac.png

再按 Ctrl + D 取消选区。为了与背景区分开来,再把背景换为黑色。

最终效果如下:

(再次强调,想做成和抖音标志一模一样的朋友请自己私下用钢笔工具照着勾,或者自己用两个圆圈和一个矩形组合,进行仿制,这里就不公开发出来了……)

format,png

制作阴阳八卦图形

下面继续教大家制作阴阳八卦图形,这个图形比起上面的抖音标志,可能难度要稍大些。

首先,按 Ctrl + R 键打开标尺,再按住标尺往画布上拉出两条辅助线,使其在画布正中间交叉成十字形。

84dd487892a10ddf2a6d3b3e3aa3b106.png

再选择工具面板上的椭圆路径工具。

62193d77d7216d52d34e1892d98f6ffd.png

将十字形的鼠标光标对齐十字形的辅助线中心点,按住 Shift + Alt 键画正圆(这个快捷键的作用是,以起画点为中心点,并固定中心点。如有不明白的,分别试试按住这个快捷键画圆,以及不用快捷键直接画圆,就知道区别了)

fd6bcc86fd7b50cce26affd3b19362e4.png

再按 Ctrl + 回车键建立选区,按 Ctrl + Shift + N 键新建图层,按 Alt + 删除键填充前景色,按 Ctrl + D 取消选区。

format,png

然后再用椭圆路径工具按住 Shift + Alt 键,对齐辅助线画圆,使这个圆的上下边缘对其大圆的边缘和中心点,小圆的中心点对齐竖向的辅助线。如截图,截图上黄圈内的3个点,注意一定要对齐相应位置,否则就错位了,到后面做出来很难看(画的时候如果无法一次性对齐,可以画完再按 Ctrl + T 自由变换慢慢调节对齐)

39b49ff2a6864ca421ea545c6b0f6849.png

再按 Ctrl + 回车键建立选区,按 Ctrl + Shift + N 键新建图层并填色(为了便于区分几个图层,建议把几个图层填充不同的颜色)

d29a576dc2d2739f054b8cbb991546b5.png

再按住 Alt + Shift 键并用鼠标拖动,将小圆复制一个,并直线向下移动(这里说明一下,按住 Alt 键拖动是复制,再加按 Shift 键拖动便可直线移动,以免拖偏位置)。将复制出的小圆依然将上下边缘和中心点对齐3个相应位置。

ba59f4d9d86df3e60567527269e0a91f.png

然后再在最上层继续画两个小圆,也就是阴阳八卦里的两个小鱼眼。这两个最小的圆,你可以重画,也可以将其中一个已有的小圆按 Ctrl + J 键复制一个(建议用复制的方式,因为复制出来后,中心点直接就是对齐的,就不用再去对齐中心点了),再按 Ctrl + T 键自由变换,调整到合适大小。

68f5c9450761c39653ac2aeff20714d9.png

再将最小的圆复制一个(复制方法可以按快捷键 Ctrl + J 键复制,或者按住Alt键用鼠标拖动,也可以在图层面板上右单击选择 “复制图层” 选项进行复制),复制后,将小圆拖动到下面的中等大小的圆上,并在图层面板上调整图层顺序,将小圆放到最上层。

1fb710158b24019aacb3fd0fcde94171.png

再同时选中下面的中等圆和小圆(也可以按住Shift键在图层面板逐个加选。或者按住加选图层的快捷键 Ctrl + Shift + 逐个左单击图形加选图层,如果是在低版本的PS里,这个快捷键是链接图层,低版本不可选择多个图层,只能链接,但都可以与CS5以上的版本达到差不多的效果),并使用属性栏的对齐工具,使两个圆的中心点对齐。

fbcae6b75305eaa68858845e4b3875d5.png

bf975eecac100d9db09d0e3fae5b5ab7.png

为了便于查看效果,现在在图层面板上将4个小圆全部关闭眼睛,只留下最大的圆。

db5161c9c38762d40b16d98c28311f0b.png

按住 Ctrl + Alt 键右单击大圆选择到大圆图层,再选择工具栏的矩形选框工具,将大圆右边的一半框选出来(框选左右两边皆可,但是选区靠大圆中心点的一边一定要对其大圆的中心点)

68a7d2bf4bed14835f9e5804d08b7941.png

fe0f374baf204a87bd42f17d535c3b90.png

然后按 Ctrl + Shift + J 通过剪切新建图层,这样便将大圆分成了相等大小的两个半圆。将其中一半换成其它颜色就便于查看效果了。

现在辅助线用不上了,可以按 Alt + V + D 删除所有辅助线(也可以按 Ctrl + H 隐藏所有额外内容,但是这个操作包括选区、网格、路径都会被一并隐藏,不建议新手使用,以免操作出错后自己却找不出问题所在。此外,还可以在处于移动工具状态下,将辅助线一条一条地拖出画布外)

717bbdc1460108525016f99851279f75.png

现在再按住 Ctrl 键在图层面板上左单击其中一个中等圆,打开它的边缘选区。

80ed183f3ced00b5613ef731983ef022.png

再按住 Ctrl + Alt 右单击大圆的左半边,选择该图层,按删除键,利用中等圆的边缘选区去删掉它。

54e7b1f789220104c18c2f51b8d1caf3.png

同理,再打开另一个中等圆的边缘选区,再去删掉大圆的右半边。

00562100f8cc5a25e522f8392c19d64c.png

接下来需要做的,就是用两个中等圆和两个大半圆合并。这里千万别操作错了,请先看清现在的大圆哪边是阴阳八卦的鱼脑袋的一边,中等圆要和鱼脑袋的一边合并,别合并错了。如果合并到鱼尾巴的一头去了,就做不出阴阳八卦效果了。

现在随便打开一个中等圆图层。截图上这个下方的中等圆明显是在黑色大圆的鱼脑袋的一头,所以这个中等圆就和黑色大圆合并。

按住 Ctrl + Alt 键右单击中等圆,选中图层,再按住 Ctrl + Shift 键左单击黑色大圆,如此便同时选中了中等圆和黑色大圆,然后按 Ctrl + E 键,使两个图层合并为一个图层。

9705b48702d08080e40fcc1f127d93d4.png

现在把这个已合并的图层换个颜色,大家就能看明白了。

f632e7326ca6c88dbed78bee0881ec59.png

用同样的方法,再打开另一个中等圆,与大圆的另一半合并为一个图层。

f4aba9f3128f66fdc3d5be42f25c81ff.png

最后再打开两个鱼眼(两个小圆图层),换一下颜色,最终效果就出来了。

最终效果:

9f1ffbc8376d3d1d9080208ab21bdd65.png

42dc6c474166f86a6845a41484a49247.png

c738c7fce6228fd0c6d2d944a94e0798.gif
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值