PS教程!教你打造抽象的同心圆艺术视觉效果 - 优设网 - UISDC

PS教程!教你打造抽象的同心圆艺术视觉效果

2016/08/05 23652评论区

photoshop-concentric-circles-effect-1

@飞屋睿UIdesign :很多人以为,做一个PS高手就是需要用到各种复杂滤镜,最后把图片变得面目全非才好。而在我看来,软件的背后是创作者的心。把PS视作一件玩具,其实就是几个简单的几何形,也能玩出不同的花样。其中,抽象艺术的表达法可以拿来一用,仅仅是一些形状、色彩就能创作出让人耳目一新的视觉感受。

飞屋同学的人气教程:

  1. 《AI教程!教你手把手绘制热门的太空流星插画》
  2. 《PS新手教程!用蒙板绘制优雅趣味的花艺字体效果》
  3. 《超实用!三种快速消除图片噪点的小技巧》

最终效果:

xl2016080515

同心圆

STEP 01

你一定听过,人脸是最吸引眼球的画面。先准备好相应的人像素材。再打开PS,创建一个尺寸为1800*1200的文档。

xl201608051

STEP 02

画出三个圆,第一个圆是一个实心圆,第二、三个圆是空心的圆环。总之让它们看上去像一个靶心。它们的大小比例可以参考下图。

xl201608052

STEP 03

将准备好的人像图片导入到文档内,这时,复制两次,也就是让人像也变为三个。这样让人像与上一步中的圆形保持一一对应的关系。

xl201608053

STEP 04

关闭三个圆形的可见,这时,将这几个圆的“形”作为与其对应的人像图层的蒙版。当然,由于是三个不同的形,它们之间的关系就不能太平铺直叙,你一定懂得利用这三个不同的“形”创造一种有趣的错落关系。

xl201608054

STEP 05

可以利用调整图层工具对整个画面的色调进行修饰。

xl201608055

自制抽象画笔

STEP 06

这里我们将要分享一个快速自制抽象画笔的方法,再新建一个800*600的文档,背景为透明。在这个文档中画上一条矩形,然后复制多次后,均匀排布,只是保持左右端非对齐。如下图所示。

xl201608056

STEP 07

将这些条状矩形旋转-40度。旋转后得到的形状定义为画笔,进入【编辑>定义画笔预设】,确认了画笔名称后,点击确定即可。这个画笔是一个非常容易制作同时又能很好表达现代感的元素,我们将接下持续使用到它。

xl201608057

建筑抽象

STEP 08

回到我们的抽象艺术的文档,把三个同心圆肖像图层集合成组,给这个组增加一个蒙版,利用上一步做成的画笔在这个蒙版上点击创作。这里的目的是要将左同心圆的左边部分做一部分隐藏处理。

xl201608058

STEP 09

增加一个矩形,填充为深色,具体颜色可以是从人像图片中吸取的深色。这个做法最能做到整体的色彩和谐。为矩形增加蒙版,在蒙版上运用自制抽象画笔来创作出一种类似建筑一样的抽象造型。

xl201608059

xl2016080510

自然抽象

STEP 10

让我们再为整体增加一些表达浪漫的元素,在自定形状工具中找到空心圆的形状,然后填充不同的色彩和大小,散点分布。整个过程并不局限于使用哪种颜色哪个大小,这种圆圆圈圈的形状本身就能传递一种自然主义的浪漫感。

xl2016080511

STEP 11

给这些“圆圆圈圈”编为一组,增加一个蒙版,再用你的有趣画笔把它也融入到整个设计中。

xl2016080512

再次锁定焦点

STEP 12

在同心圆外再增加一个圆,这个圆形保持空白填充,描边为8。大小确定后为其增加蒙版,又拿出你的抽象画笔进行涂抹,你会看到涂抹效果会很明显地让它的存在感褪去但又能依稀可辨。

xl2016080513

STEP 13

再为人像增加“点睛一笔”,运用光圈笔刷,点击这里可以下载。你可以选择红色或其他任意色彩,在所有图层的上方新建一个图层,将图层的混合模式改为“滤色”。

xl2016080514

在这里需要更加灵活,画笔有多种,你可以从中选择一款最适合的。光圈的方向可以根据图片本身的光线方向进行改变。刷一次并不会有太大变化的可以多刷几次。

完成后你可以增加一些文字和背景,最后效果可以是这样:

xl2016080515

后记

经过体验,抽象的方式并不难,几何体加上一款简洁又有趣的笔刷就能做出不错的视觉效果。这里所运用的组合完全可以进入你的大脑创意的素材库,这种在蒙版上运用画笔进行创作的方式也值得你进一步探索。

【优设值得阅读的好文合集】

古龙级别的7种武器!
《大牛推荐!UI设计师工作必备的七个设计神器》

越努力的人未必越优秀:
《走出浮躁!为什么年轻设计师「越努力」未必「越幸运」?》

超应(海南)景的秋天落叶效果:
《PS新手教程!手把手教你绘制萧瑟的秋天落叶字效》

原文地址:ifeiwu

yestone-uisdc-2

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量160万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/photoshop-concentric-circles-effect

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

设计师 扁平化设计 版式设计 交互设计师 界面设计 排版布局 优设大课堂 职场 优设专访 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 用户体验设计 设计趋势 设计规范 海报设计 动效设计 图标设计 logo设计 产品设计 ICON 神器推荐 App设计 职场规划 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里