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

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

飞屋同学的人气教程:

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

最终效果:

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

同心圆

STEP 01

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

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

STEP 02

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

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

STEP 03

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

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

STEP 04

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

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

STEP 05

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

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

自制抽象画笔

STEP 06

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

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

STEP 07

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

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

建筑抽象

STEP 08

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

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

STEP 09

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

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

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

自然抽象

STEP 10

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

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

STEP 11

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

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

再次锁定焦点

STEP 12

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

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

STEP 13

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

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

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

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

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

后记

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

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

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

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

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

原文地址:ifeiwu

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

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

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

收藏 11
点赞 1

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。