photoshop如何做同心圆卡片

来自中国教程网的清风掠影 先看效果: 打开photoshop,新建一个空白的白色背景文档,大小随意~ 在背景图层上新建一个图层,用椭圆选框工具,按住Shift键拉出一个正圆,然后选择编辑——描边,如图 双击圆的那个图层,弹出图层样式对话框,选择描边,设置如下(这里大小按自己要的来就

光线制作,在ps中给照片添加丁达尔光线效果

摄影和ps是分不开的,在摄影中我们经常会说到光和影的结合才是一张优秀的照片。那么有的时候没有光线的时候是如何的呢?在没有自然光的时候,我们可以通过ps在后期进行打造,这样就会给照片加分很多,具体是如何

来自中国教程网的清风掠影

先看效果:


photoshop如何做同心圆卡片插图

打开photoshop,新建一个空白的白色背景文档,大小随意~

在背景图层上新建一个图层,用椭圆选框工具,按住Shift键拉出一个正圆,然后选择编辑——描边,如图


photoshop如何做同心圆卡片插图(1)

双击圆的那个图层,弹出图层样式对话框,选择描边,设置如下(这里大小按自己要的来就行了,觉得差不多就可以了`)


photoshop如何做同心圆卡片插图(2)

复制多两个圆,然后Ctrl+T进行自由变换,在缩放的同时,按住Shift+Alt进行等比例缩放~最后效果如图~完工后,把这三个圆的图层合并起来`(把三个图层选起来,按CTRL+E就可以合并啦~)


photoshop如何做同心圆卡片插图(3)

好了,一定有人奇怪,为什么要这么麻烦的画吧,自定义形状里不是有这么一个圆么~我一开始也想省事,不过我发现,若是填充出来的圆,缩小了,粗细也随着改变了,所以~麻烦也还是有点好处的~

下面要画一下卡片的背景了,先把圆前面的眼睛点掉吧,隐藏起来,然后新建一个图层,画一个差不多如下图的圆角矩形


photoshop如何做同心圆卡片插图(4)

双击图层,修改图层样式,具体如下图


photoshop如何做同心圆卡片插图(5)

photoshop如何做同心圆卡片插图(6)

这里颜色值原教程也没给出,不过我自己取色,把色值提供给大家左右都是:#a9dcef 中间为:#26b4e4


photoshop如何做同心圆卡片插图(7)

最终效果如下图:


photoshop如何做同心圆卡片插图(8)

好了,下面,把原来隐藏的圆图层前面的眼睛点开来,再复制多几份,随意调大小和位置,我的是这样的,大家也可以根据自己喜好来放~


photoshop如何做同心圆卡片插图(9)

摆放好满意的位置后,把所有圆的图层合并起来,然后按住Cttl键不放,用鼠标点一下矩形图层,这时候,矩形背景就给选出来了,可是我们选中的图层还是圆的喔,然后选择”选择——反相”把矩形外多余的部分删除~


photoshop如何做同心圆卡片插图(10)

下面,把圆这一图层模式改为柔光:


photoshop如何做同心圆卡片插图(11)

好了,背景部分也完成了,最后再小小的处理下~

新建一个图层,然后把矩形背景选起来,方法和上面一样,然后选择矩形选框工具,再把上面的从选区中减去选上,在原有的矩形选区上拉一下,得出如下选区


photoshop如何做同心圆卡片插图(12)

为选区填充由白到白色透明的渐变填充,然后按CTRL+T,在图上右击选择变形,调整如下图~


photoshop如何做同心圆卡片插图(13)

最后为图层添加斜面浮雕样式就可以了~


photoshop如何做同心圆卡片插图(14)

做完了,最后自己加个合适的背景图层就可以收工了~来自中国教程网的清风掠影

先看效果:


photoshop如何做同心圆卡片插图

打开photoshop,新建一个空白的白色背景文档,大小随意~

在背景图层上新建一个图层,用椭圆选框工具,按住Shift键拉出一个正圆,然后选择编辑——描边,如图


photoshop如何做同心圆卡片插图(1)

双击圆的那个图层,弹出图层样式对话框,选择描边,设置如下(这里大小按自己要的来就行了,觉得差不多就可以了`)


photoshop如何做同心圆卡片插图(2)

复制多两个圆,然后Ctrl+T进行自由变换,在缩放的同时,按住Shift+Alt进行等比例缩放~最后效果如图~完工后,把这三个圆的图层合并起来`(把三个图层选起来,按CTRL+E就可以合并啦~)


photoshop如何做同心圆卡片插图(3)

好了,一定有人奇怪,为什么要这么麻烦的画吧,自定义形状里不是有这么一个圆么~我一开始也想省事,不过我发现,若是填充出来的圆,缩小了,粗细也随着改变了,所以~麻烦也还是有点好处的~

下面要画一下卡片的背景了,先把圆前面的眼睛点掉吧,隐藏起来,然后新建一个图层,画一个差不多如下图的圆角矩形


photoshop如何做同心圆卡片插图(4)

双击图层,修改图层样式,具体如下图


photoshop如何做同心圆卡片插图(5)

photoshop如何做同心圆卡片插图(6)

这里颜色值原教程也没给出,不过我自己取色,把色值提供给大家左右都是:#a9dcef 中间为:#26b4e4


photoshop如何做同心圆卡片插图(7)

最终效果如下图:


photoshop如何做同心圆卡片插图(8)

好了,下面,把原来隐藏的圆图层前面的眼睛点开来,再复制多几份,随意调大小和位置,我的是这样的,大家也可以根据自己喜好来放~


photoshop如何做同心圆卡片插图(9)

摆放好满意的位置后,把所有圆的图层合并起来,然后按住Cttl键不放,用鼠标点一下矩形图层,这时候,矩形背景就给选出来了,可是我们选中的图层还是圆的喔,然后选择”选择——反相”把矩形外多余的部分删除~


photoshop如何做同心圆卡片插图(10)

下面,把圆这一图层模式改为柔光:


photoshop如何做同心圆卡片插图(11)

好了,背景部分也完成了,最后再小小的处理下~

新建一个图层,然后把矩形背景选起来,方法和上面一样,然后选择矩形选框工具,再把上面的从选区中减去选上,在原有的矩形选区上拉一下,得出如下选区


photoshop如何做同心圆卡片插图(12)

为选区填充由白到白色透明的渐变填充,然后按CTRL+T,在图上右击选择变形,调整如下图~


photoshop如何做同心圆卡片插图(13)

最后为图层添加斜面浮雕样式就可以了~


photoshop如何做同心圆卡片插图(14)

做完了,最后自己加个合适的背景图层就可以收工了~

作者: 791650988

为您推荐

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部