Photoshop CC2015绘制超逼真的苹果iPhone SE
今天为大家分享Photoshop CC2015绘制超逼真的苹果iPhone SE方法,教程真的很不错,很实用,值得大家学习,推荐过来,一起来学习吧!
自己使用CC15也是有大半年了,单就加强版的图层样式也积累了一些心得和小技巧。在CC15中打造一些字体特效,超写实icon之类的设计时,加强版的图层样式会大大的提高工作效率。之后的教程会逐步更换为CC15的版本为大家讲解,其中好用的功能可不仅仅只有图层样式这一个哦~强烈建议童鞋们升级成新版本。
本次教程是上次《仅需10分钟 PS快速鼠绘元宵节灯笼图标》中讲的“黑白叠加大法”的延伸版。运用的原理仍然是“白色叠加提亮,黑色叠加压暗” 。该案例通过预设好亮部和暗部的数值,可以实现“一键更换颜色”,希望同学们在学习的时候可以体会到“黑白叠加”的特点并掌握其用法。
STEP01,绘制机身厚度
绘制一个350*350px,圆角为60px的圆角矩形,为其添加一个固有色:“#ba9b7a”
然后再为其添加明暗变化(使用渐变叠加):
将“与图层对齐”选中以后,渐变效果的约束范围就是该形状本身;
其中浅色色块位置为“0%”、“15%”、“85%”、“100%”,其颜色均为“#dedede”
其中深色色块位置为“10%”、“22%”、“78%”、“90%”,其颜色均为“#808080”
其中中间色块位置为“50%”,其颜色为“#bfbfbf”
同学们可以看到,用不同明度的灰色叠加在原来的固有色上,浅色灰会使固有色提亮,深色灰会使固有色变暗,从而使用这种方法可以快速打造出物体的质感。设置好明暗关系,可以任意更换固有色的哦!
STEP02,绘制机身
绘制之前,先为大家简单介绍一下新版图层样式的界面
打开图层样式,后面带有小加号的样式表示可以重复复制;
同一效果的样式最多可以复制十次,选中其中的一个样式,可以上下调整次序,也可以进行删除(需要注意:相同的效果也是有上下次序的,即上面的效果会盖住下面的效果),一个样式虽然可以重复添加,但是所有效果的名字都为“描边”,并没有“描边1”“描边2”的区分,所以大家在平常工作时最多重复使用两三次就可以达到效果啦!
如果想恢复默认的列表样式,只需要打开样式管理,选择“复位到默认列表”就可以啦!
打开图层样式选中“描边”,可以看到描边选项多了一个新的功能—“叠印”
“叠印”的意思就是描边效果的混合模式与该图层本身进行计算,得到新的混合效果。
我们都知道,在混合模式中,除了“正常、溶解”的模式不会与下方图层进行计算,剩下的模式都会与下方图层进行计算,得到新的混合效果。
我们以【白色叠加】为例,看看勾选叠印前后的差别:
我们可以看到
非叠印的白色描边都是在与蓝色背景做叠加计算;
而选择叠印的白色描边,与橙色矩形有重叠的部分(内部、居中)都会与橙色进行叠加计算,而没有与橙色有重叠的部分(外部),仍然是与蓝色背景做计算。
(需要注意的是:图层样式中的描边叠印,也会和形状中的描边进行计算,我们接下来用到的方法就是图层样式中的描边与形状中的描边进行叠加计算哦!)
OK,下面我们就要使用新版的图层样式来做质感了!
复制一层圆角矩形,清除图层样式(Alt+L+Y+A),形状填充色为“白色”,用“直接选择工具”选中上面四个锚点,向下移动(shift+下方向键)35px;
将形状的描边粗细设置为“6像素”,位置默认为“内部”,颜色为“#8e7356”;
这个形状的描边颜色就充当手机边框倒角的固有色啦,接下来用图层样式的描边(叠印)来为其添加明暗关系;
事先约定:相同样式效果由下到上,编号由1到10
为其添加两个描边效果
描边1:(做为倒角的明暗关系)
其中浅色色块位置为“12%”、“40%”、“66%”、“90%”,其颜色均为“#d9d9d9”
其中深色色块位置为“0%”、“25%”、“53%”、“78%”、“100%”,其颜色均为“#808080”
描边2:(做为边缘处的高光)
效果如下图:
绘制350*214px的矩形剪切进圆角矩形里,填充色:“#d8b897”,描边色“#8e7356”(仍然做为固有色),描边大小为“2像素”,默认“内部”;
为其添加图层样式:
渐变叠加1:
渐变叠加2:(做镜面光)
描边:(做为明暗关系)
其中浅色色块位置为“0%”、“50%”、“100%”,其颜色均为“#e5e5e5”
其中深色色块位置为 “15%”、“85%”,其颜色均为“#969696”
再为其添加logo和名字,效果如下图:
字体用 “思源黑体”,logo上网上找一个(让我偷个懒吧,哈哈哈)
STEP03,绘制镜头
下面利用一个简单粗暴的方式来绘制镜头,重复使用同一效果
绘制一个10*10px的圆形
添加渐变叠加:
描边1:
描边2:
描边3:
描边4:
描边5:
效果如下图:
画两个小的白色圆形,模式为“叠加”,做为高光
再绘制闪光灯:
绘制一个14*24px的圆角矩形,圆角可以调大
渐变叠加:
光泽:
内阴影:
效果如下图所示
STEP04,绘制按键
画一个54*10px的圆角矩形,圆角为“3px”
渐变叠加:
投影:
复制一个,置于下层,清除图层样式,下移3px;
渐变叠加:
投影:
再添加阴影和倒影,还有绘制2像素的白条,得到最终效果:
右侧三个色块由上至下分别代表:
机身(带logo部分)固有色;
底座厚度固有色;
形状描边(倒角,边框),按键的固有色。
如果更换这三种颜色,还可以得到其他款式的机型哦!
“一键换色”:
教程结束,以上就是Photoshop CC2015绘制超逼真的苹果iPhone SE方法介绍,大家学会了吗?喜欢的朋友快快来动手制作一个吧!
相关文章
- 在3月23日早些时候召开的苹果春季新品发布会上,传言已久的4英寸iPhoneSE正式发布,但是对于很多人都想知道每个部件背后的供应商,下面小编为大家分享一张图,来看看吧2016-03-28
iPhone SE对比iphone 6/6plus/6s/6splus哪个好? 苹果iPhone SE续航功
苹果正式发布了iphone SE、ipad pro以及ios9.3正式版本,而其中的iphone SE成为发布会的焦点,当然大家对于iphone SE的续航功能十分关注,今天就拿来iphone 6、iphone 6plu2016-03-28- 苹果iPhoneSE国行版已经开启预约,3月31日正式发售,而在三大运营商中,“受歧视”的中国电信反而最先行动起来,公布了9种合约套餐计划,下面就详情来看看了解一下吧2016-03-27
2016年最新安兔兔热门手机性能比排行榜 小米5夺冠吊打iPhoneSE
过去一段时间,随着搭载高通骁龙 820 / 652 / 650、三星 Exynos 8890 等新一代 SoC 的智能手机的上市,手机的整体性能再次获得一次全面的升级,大家喜闻乐见的跑分软件安兔2016-03-26- 对于偏爱小尺寸的用户,iPhone SE是超值的,配置几乎是顶级的,当然我也知道很多人在暗自骂街,或许这正是苹果想要的效果。下面小编就为大家带来3288元4寸神机iPhone SE深2016-03-26
iphone SE A9芯片有几个版本?iphone SE A9处理器各个版本区别对比介绍
苹果正式发布了iphone SE,那么iphone SE A9芯片怎么样?iphone SE A9处理器有几个版本?本文将提供iphone SE A9处理器各个版本区别对比介绍供大家了解2016-03-26- 3月22日苹果发布会iPhone 5SE首发,并且3288元起的价格也吸引了不少眼球,iPhoneSE有哪些新特性呢?大家不妨来看看4英寸苹果SE新功能汇总吧,希望会对大家有所帮助2016-03-25
iPhone SE A9处理器也有两个版本 台积电版本和三星版本
目前有开发者在分析了相关文件之后发现,iPhone SE的A9处理器依然有两个版本,其中代号为S8003的是台积电版本,代号S8000的则是三星版本,这和iPhone6s的情况一样。这下似2016-03-25苹果iPhone SE用起来感觉如何?iPhone SE外媒使用感受汇总
苹果公司3月22日凌晨在加州库比蒂诺总部举行春季新品发布会,发布了4英寸的iPhone SE手机。这款手机具有iPhone 5s的外观,配备64位A9处理器以及M9协处理器,性能基本达到iP2016-03-25iPhone SE玫瑰金和土豪金哪个好看?苹果iPhone SE玫瑰金版和土豪金版对
苹果正式发布了iPhone SE和ipad pro及ios9.3正式版本,那么iPhone SE玫瑰金和土豪金哪个好看?iPhone SE玫瑰金和土豪金有什么不同?本文将提供苹果iPhone SE玫瑰金版和土豪2016-03-24
最新评论