以下是小编帮大家整理的PS绘制超强质感的立体风格的多彩相机图标(共含5篇),欢迎大家分享。同时,但愿您也能像本文投稿人“Luluhappy”一样,积极向本站投稿分享好文章。
这篇教程是向脚本之家的朋友介绍PS绘制超强质感的立体风格的多彩相机图标方法,教程绘制出来的相机图标非常漂亮,而且难道不是很大,推荐到脚本之家,喜欢的朋友一起来学习吧
这篇教程教脚本之家的PS鼠绘学习者们使用PS绘制超强质感的立体风格的多彩相机图标,教程难度中等,主要介绍的是质感和光感的体现,推荐一下,希望脚本之家的朋友们喜欢这篇教程,PS绘制超强质感的立体风格的多彩相机图标
。我们先来看看最终的效果图吧:效果图:
图00
具体的绘制步骤如下:
1、在Photoshop中新建一个大小适当的文件,背景填充暗灰色。选择圆角矩形工具,画一个512 * 512像素的圆角矩形,圆角半径是90像素。
新建一个图层,用矩形选框工具拉一个矩形选区填充红色,然后复制两层分别填充黄色与蓝色,排好后把三个图层合并,按Ctrl + Alt + G 创建剪贴蒙版,然后调整好大小如下图,
图01
2、在第一步的基础上复制一份。在剪切蒙版的最底层添加渐变叠加控制好高光范围。再给副本图层添加内阴影,阴影混合模式为“叠加”,白色。确定后把图层往上移动一点距离,效果如下图2。
图02
3、画镜头。画镜头的时间会长些,需要点耐心,都是圆叠在一起。
图03
4、绘制相片输出口。
图04
5、添加一些阴影,修饰一下细节,完成最终效果。
图05
FEVTE编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区:bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
具体的制作步骤如下:
新建文档1280x1024像素,背景白色,建新层,用钢笔勾出下图所示形状,填充黑色,
复制一层,填充任意颜色,我填充的是蓝色,用直线套索做如下选区,反选添加蒙版。
添加图层样式。
效果如下。
建新层,用钢笔做如下选区,填充白色。
添加蒙版,用黑色柔角笔刷涂抹尾部,不透明度45%。
同样方法做出另一侧高光。
建新层,用钢笔做如下选区,填充任意颜色。
添加图层样式,
效果如下。
建新层,用钢笔画一个黑色箭头。
添加图层样式。
建新层,用钢笔做如下选区,填充黑色。
添加图层样式。
同样的方法。
还是同样的步骤,建新层,用钢笔做如下选区,填充白色,添加蒙版,黑白直线渐变。
建新层,用钢笔做如下2个侧边的选区,填充黑色,(2个图层)
添加图层样式。
合并除背景外的所有层,复制一个,颜色黑色,高斯模糊一下,图层不透明度10%左右,这是阴影,效果如下。
其它效果。
FEVTE编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区:bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=90
FEVTE编注:更多PS照片处理教程学习和PS制作的文字效果作品交流请进入论坛PS照片处理区:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
今天快下班前,胖纸李闲来无事,想起来很久没有画图标了,很想练练手,于是乎,从桌面上选了一个iTunes的图标,来做个临摹。这次用到的是photoshop,正好大家也一起来看看胖纸李是如何画从零画一个图标的。
具体的制作步骤如下:
1、首先,新建一个512×512的画布,设置如下。
2、设置参考线,上下左右各留出20px的边距,也就是说,这个图标的实际大小是472×472。
3、紧贴参考线,用形状工具画一个正圆,颜色随便,大小应该是472×472,给此图层起名叫“outside”。
4、设置此图层的图层样式,如下图:
5、用圆形形状工具创建一个452×452的圆,起名为middle,与outside圆水平垂直居中对齐,也就是说,这个圆比外圈的圆半径小了20像素。
6、设置middle的图层样式如下:
7、画一个442×442的圆,还是和其他两个圆水平垂直居中对齐,这样就有了3个同心圆。我们命名此图层为inner,设置图层样式项“渐变叠加”如下:
8、接下来,胖纸李开始画里面的造型部分了。首先还是得画一个圆,422×422,命名为ball-outside,和其他3个圆水平垂直对齐,形成4个同心圆。
设置图层样式后,基本效果就出来了,应该是酱紫的:
9、接下来,就要开始音符的造型了,音符由5个部分组成,两个倾斜的椭圆,两个竖着的矩形,和一个斜切的矩形,我们用钢笔形状工具来画,最终将5个矩形合并,就形成了音符的造型,步骤如下:
画好分别的5个部分,将所有路径剪切到同一个图层后,合并所有路径即可,
10、给音符增加图层样式,如下图:
11、最后,将音符和圆合并,图标基本完成~效果如下图
等等,好像还少了点什么……哦,对了,纹理,缺少一些体现质感的东西~
12,增加质感。首先,新建一个图层,命名为noise,用黑色填充,接着在顶部菜单栏依次选择滤镜->杂色->添加杂色,设置如下:
完成后,将这个图层 移动到outside图层上面,按ctrl+alt+G,将此图层和outside层做遮罩。
13、将noise图层的图层模式改为“滤色”,这样,外圈的质感就完成了。
14、将noise图层复制一层,移动到音符图层的上面,按ctrl+alt+G,将此图层和音符层做遮罩。同样将noise图层的图层模式改为“滤色”,这样,音符的质感也就完成了,结果如下图:
15、最后还有蓝色球面的高光效果。先添加顶部的高光。
再添加底部的反光。
将此图层透明度改为50%,图层模式改为“柔光”,最后结果如下:
16、最后再润色一下,大功告成。
总结:
整体的光照要协调,不能一个光从左边来,一个光在头顶。
图标的颜色要尽量鲜艳,这样识别度高。
细节非常重要,可以使用内阴影或投影,和细微的渐变来突出质感。
一些看起来很复杂的图标,其实都是由一些很基本的形状来组成的,大家大可不必谈图标色变。
最后,不得不赞一下,苹果公司的产品图标真的非常精致,各个细节考虑的都很到位,各位如果有时间,多去模仿这样好产品的图标,对于自己的进步非常有好处!
FEVTE编注:更多PS照片处理教程学习和PS制作的文字效果作品交流请进入论坛PS照片处理区:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
Photoshop是一个伟大的工具与向量和像素形状,在本教程中,我们将展示一个强大的组合矢量形状图层样式,手工绘图,创建一个逼真的相机。如此真实,你会觉得它只是一个普通的照片。最终图像预览
FEVTE编注:更多PS教程交流讨论及PS作品提交请进入论坛PS作品交流区,地址:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131
让我们来看看在我们将要创建的图像。要获得完整的PSD文件和下载的每个教程的副本,包括这一个?加入PSDTUTS + PLUS只需$ 19/month。您可以查看下面的最终图像预览。点击这里看到它在全尺寸。具体的制作步骤如下:
第1步
我们的第一步是做一些研究。这台相机是基于尼康D-60,以便继续尝试搜索你可以找到任何参考材料。如果你有这样的相机,把它在你身边。如果你不这样做,尝试谷歌图片,eBay或尼康的官方网页搜索图像。
在Photoshop中,我们将开始通过创建相机的主体。通常情况下,它更容易开始创建一个基本的形状,然后从那里编辑。使用圆角矩形工具,半径20像素,在选项栏上选择形状。创建一个矩形,颜色为#353a3d。
第2步选择钢笔工具,然后单击“添加多个点的路径上。将每个点使用直接选择工具,直到你有相机的基本形状。
第3步双击形状图层,并添加此图层样式。
第4步有时,只是没有足够的图层样式来创建效果。要解决它,需要我们手工绘制的画笔工具。创建新图层,CMD按一下相机的形状,然后单击”添加图层蒙版“图标。使用柔软的画笔和颜料黑在指定的区域。
第5步现在,让我们创建的镜头。打开你的守护星,按Cmd的+ R.单击并拖动创建中心的镜头。
第6步激活椭圆形工具。按住Shift和Alt拖动指南创建一个完美的圆形状的路口。添加图层样式。
第7步
重复的圆形状,按Cmd的+ J.接触的顶边圈,并绘制一个矩形路径选择减。
第10步按CMD + Alt + T键复制选定的矩形路径转换。按住Alt键并移动到导向中心枢转点(小点中心转型框)。设置旋转5度。按Enter键开始转型。按CMD + Alt + T键几次,直到重复这种转变。这样做,直到矩形创建一个完整的圆。
第11步画一个小圈的形状,颜色#a2a2a1,并添加图层样式。
第12步创建一个新层。按CMD + Alt + G键,将其转换为一个剪贴蒙版。漆黑色和白色阴影和高光用软刷。注:我藏在我的例子,以帮助你更好的指导。
第13步绘制更小的圆形状,并添加图层样式。
第14步现在,我们将添加微妙的亮点。创建一个新层,选择创建一个圆圈,然后用白色填充它。按向上和向左箭头键移动选择几个像素。命中删除。单击”滤镜>模糊>高斯模糊。改变图层不透明度为16%。
第15步
创建一个较小的黑色圆圈形状。
第16步再次,创建一个更小的圆形状。添加图层样式。
第17步创建一个圆角矩形,将其放置在中间的垂直引导。与路径选择工具选择路径,并在选项栏上选择“添加到路径。按CMD + Alt + T键,按住Alt键,移动到镜头中心的支点。在选项栏中,使用大小为3度旋转。
按CMD + Alt + Shift + T键,直到矩形创建完整的圆。
第18步添加图层样式。
第19步创建一个圆覆盖以前的矩形的内部部分。使用#2b3033它的颜色。添加图层样式。
第20步创建一个黑圈覆盖先前的循环内的一部分。添加图层样式。
第21步加入黑色圆圈中,创建的环形状。要做到这一点,首先创建一个圆的形状,然后添加另一个圈子里面。从选项栏中选择”减去“。对于它的颜色使用#3b3d3e的。添加图层样式如下图所示。
第22步
创建一个较小的圆环形状,并添加相同的图层样式。
第23步另一环的形状,这一次更广泛,并添加此图层样式。
第24步同样,创建环的形状,大于我们的最后一环的形状。确保上环形状,你可以看到一小部分。将此图层样式。
第25步创建一个新层。盖住镜头,并创建一个选区,填充黑色。单击”滤镜>渲染>镜头光晕。单击“滤镜>模糊>高斯模糊。点击图像>调整>色相/饱和度,移动色相”滑块来改变颜色。
创建圆形选区,然后单击“添加图层蒙版”图标。降低图层的不透明度到90%。正如你可以看到的,这将成为玻璃透镜。
第26步创建一个小的黑色圆圈形状的玻璃透镜的中间。
第27步油漆白色镜头上的中心。用软刷低透明度。
第28步创建一个小的环形状。添加图层样式。
第27步创建一个新层,手动绘制环上的亮点。首先,画一个大的软刷,然后再画它具有更小的硬刷。
第28步让我们的镜头相机的品牌。创建一个大圆路径。激活型工具,然后单击路径上的。记住,你必须按一下路径,而不是里面的路径,否则你会最终路径内的文本。
提示:要调整的文本位置,按住cmd,然后拖动,
步骤29
添加其他细节,如镜头品牌和规模。
第30步接下来,我们将创建相机的皮革手柄。创建此形状。添加图层样式。
步骤31添加皮革质地的解释在这个快速提示创建你自己的皮革纹理使用过滤器使用这种技术。点击Cmd + Alt + G键,将其转换为剪贴蒙版。
步骤32创建一个新层,并再次将其转换为一个剪贴蒙版(CMD + Alt + G)。手动,画中添加一些黑色的深入到皮革质地的。
步骤33创建形状,??#35393c。请确保它的镜头下。添加图层样式。
第34步创建一个类似形状的相反侧。使用颜色#35393c这些图层样式。
步骤35创建一个新层,手工画一些黑色的那一侧增加深度。
步骤36下一步,我们将努力闪光灯。这种形状,用色彩#272c2f。添加图层样式。
步骤37
闪光灯下,创建一个新层,画一些阴影。
步骤38这种形状,颜色#0d0e10。添加图层样式。
步骤39选择路径和按Cmd + Enter键将其转换为选择。创建一个新层。单击“编辑>描边,选择白色的1像素宽。单击”滤镜“>”布尔>高斯模糊软化线。
步骤40现在,我们将创建一个插入线。创建一个新层,使用1像素画笔来画这条线。使用硬度为0%??,不透明度:100%,然后改变图层不透明度到90%。重复层(命令+ J),反转线的颜色(CMD + I)。移动1像素,通过激活移动工具,然后按向下箭头键一次。改变图层不透明度为10%。
步骤41创建一个新层顶部的闪光灯和油漆的亮点。此外,品牌的名称。
步骤42闪光灯,创建一个圆角矩形,并减去一个矩形路径。旋转这个形状。添加图层样式。
步骤43镜头下,画一个小圆圈,#222a2c。减去它有两个交叉的圆角矩形。
步骤44
激活的举动工具。按住Alt键并拖动螺丝复制它。旋转的螺丝位,以增加真实感。
步骤45画一个三角形形状的皮革质地,使用颜色#ee3a3a。添加图层样式。
步骤46绘制一个非常小的白色三角形,其亮点。改变不透明度为20%。
步骤47创建一个小圈下的红色三角形,使用#20。添加图层样式。
步骤48背后的镜头,画一个圆的形状,并添加图层样式。
步骤49绘制一个圆角矩形的圆上。添加图层样式。
步骤50绘制一个小矩形的顶部的圆角矩形。在圆角矩形中使用相同的图层样式。
步骤51创建形状,??#222a2c。添加图层样式。
步骤52
重复的形状(命令+ J)。建立社交圈的选择大于镜头的大小,然后单击“添加图层蒙版图层面板中的图标。
步骤53创建一个新层。油漆白色的顶部添加一个微妙的投光灯的形状。确保不要过分通过降低不透明度为20%。
步骤54创建此形状。添加图层样式。
步骤55重复的形状。变换(CMD + T),使其变小。添加图层样式。
步骤56添加一个字母。填充层设置为0%,中风和外发光图层样式。
步骤57新增的型号。选择每一个数字的中间部分,然后反选(CMD + SHIFT + I)。单击”添加图层蒙版“图标。
步骤58现在,让我们的工作AF辅助灯。创建一个圆的形状。双击层的形状,打开”图层样式“对话框,请确保您选择的图层蒙版隐藏效果。对于其他的图层样式,使用以下设置。
步骤59
添加图层蒙板。激活渐变工具,绘制黑到白的渐变。
步骤60创建一个更小的白色圆圈。填充层设置为0%,并添加此图层样式。
步骤61重复循环。小变换(CMD + T)。使用尺寸:98%。更改填充层恢复到100%。
添加图层样式。在设置图案叠加,负载性质的模式,并选择其中一个可用的叶子图案。设置混合模式为删除其颜色的亮度。
步骤62重复我们刚刚创建的圆形状,让它更小。
步骤63创建一个更大的圆形状。将此图层样式。设置填充为0%。
步骤64让我们继续创建相机的模式选择。创建一个圆角矩形,并把它放在相机的主体。添加图层样式。
步骤65创建另外一个圆角矩形。变换(CMD + T),点击右键,选择”透视"。移动右上角。添加渐变叠加。
步骤66我们已经创建了重复的形状,删除其图层样式。创建一个三角形的顶部,并在选项栏中选择相交。
步骤67选择三角形的路。按CMD + Alt + T键,将它按下右箭头几次。按Cmd的+ Shift + Alt + T键多次重复改造和重复。使用路径选择工具,单独将每个路径。安排每个路径的距离,给它一个很好的角度。
添加图层样式,如下图所示。
步骤68创建的形状如下所示。把它上面的摄像头。添加图层样式。
本教程像的朋友们介绍PS绘制逼真相机图标的方法和具体过程,教程算是入门级别的鼠绘教程,因为绘制的相机形状并不复杂,相机正面图片构成的图片也不多,比较适合刚刚开始学习PS鼠绘的朋友们学习,知识重点是基本形状的绘制和质感的体现,好了,一起来看看最终的效果图先:
FEVTE编注:更多鼠绘教程讨论交流和鼠绘作业提交请进入论坛PS鼠绘交流区:bbs.fevte.com/forum.php?mod=forumdisplay&fid=51&filter=typeid&typeid=71
教程使用到的素材:
1.富士X100相机原图(点击这里查看)
图01
2.皮革材质设计教程(点击这里查看)
图02
具体的绘制过程如下:第一步
在Photoshop创建一副新的图像,分辨率设置为1024×1024像素。
图03
第二步
然后置入照相机原图用作引用,用钢笔工具(P)开始跟踪底部的金属部分。
图04
第三步
载入金属层并按住Ctrl键用鼠标点击选择图层面板的金属层,添加如下的渐变样式的调整图层,然后转换为智能对象的渐变层,并添加一些杂色:滤镜>杂色>添加杂色。
图05
第四步
添加颜色调整图层,并选择黑色。然后用画笔工具(B)图画至图层蒙版,用软刷制造类似下面的金属阴影。为了达到更好的效果降低画笔的不透明度。设置为剪贴蒙版层。
图06第五步
对于上部的金属部分做法与底部相同(步骤3-4),但这次不使用渐变调整层。使用色彩调整图层来代替。这是因为金属反射有一点复杂。
图07
第六步
创建上面的金属反射效果,选择钢笔工具(P)并且跟踪一个白色的基本形状。转换为智能对象,并添加高斯模糊滤镜,在菜单:滤镜>模糊>高斯模糊。你必须重复这一过程对其他反射效果。正如你可以看到我已经添加了左侧部分反映一点点阴影图层样式。尽量降低图层的不透明度了。
图08
第七步
取景器是由两个主要部分组成。我们将从外部的一部分开始。用圆角矩形形状工具(U)绘制如下一个暗灰色的矩形,并添加以下样式。
图09
图10
第八步
现在用矩形形状工具绘制一个暗灰色的矩形,并且添加一个近距离的内阴影图层样式。重复这个矩形,并且这一次设置更高的距离值。使用下面的图片作为参考。
图11
第九步用椭圆形状工具绘制一个深蓝色的形状,并添加以下样式。
图12
图13
第十步
用相同的工具创建另一个形状,但使用白色,并添加以下样式。
图14
图15
第十一步
在径向模式并按照下面的梯度设置下添加一个渐变调整工具来度创建一个玻璃反射效果。使用图层蒙版来限制反射效果。
图16
第十二步
下一步是绘制一个矩形的形状和添加这种样式。然后减少该形状,填充不透明度为0%。
图17第十三步
如下,使用常用的色彩调整层为金属部分创建一些阴影。然后创建一个灰色的矩形形状并添加高斯模糊滤镜。将形状放置在取景器下,并设置混合模式为叠加,不透明度为33%。
图18
第十四步
取景器搞定。让我们开始制作闪光灯。画出准确的形状并添加此图层样式。
图19
图20
图21
第十五步
重复此步骤,但这次使用这个图层样式来替代,
如果你喜欢,你可以添加一个亮度/对比度图层调整,照亮闪光灯,就像我做的那样。
图22
图23
图24 第十六步
对于快门按钮,我们使用圆形工具(U)创建一个细的形状如下。接下来,添加一个这种风格的渐变调整层。现在,所有你所要做的的是拖放前文中形状图层的矢量图层蒙版渐变之一。简单且容易。最后加少许的内阴影图层样式的渐变图层。
图25
第十七步
重复两次前面的层。然后按下按键CTRL+ T减少其宽度,按下面的方式排列它们。
图26
第十八步
下面创建相机手柄,用圆角矩形工具(U)绘制形状添加下面的图层样式。
图27
图28
图29
第十九步
使用矩形工具绘制一个小矩形,并把它放在以前的形状的下面。接下来添加下面的图层样式。重复手柄并放置在图像的下方。
图30 第二十步
用圆角矩形工具(U)在闪光灯和取景器之间创建一个小形状并添加以下图层样式。
图31
第二十一步
用椭圆形状工具(U)绘制两个圆形,第一个用黑色另一个用暗黄色。然后添加下下面的图层样式。
图32
图33
第二十二步
用椭圆形状工具(U)绘制另一个,并使用金属颜色。然后添加下面图层样式。现在重复这个圆形,并按键其按Ctrl + T缩小他的尺寸,仅给一个椭圆加上阴影样式。
图34
图35
图36
第二十三步
然后画出的最后一圆,并添加以下图层样式来创造金属反射效果。
图37
图38
第二十四步
用钢笔工具(P)绘制出一个像下面一样的形状,并像往常一样使用金属颜色。并且添加下面的图层样式。
图39
图40
图41
图42
第二十五步
使用另一个圆角矩形的形状,来实现小的红色标志。并应用此图层样式。
图43
第二十六步
对于中间部分,使用钢笔工具(P)与深灰色画出相应的形状。对于皮革纹理材质制作,你可以参考这个教程:皮革材质PS制作。正如您可能会注意到,我已经添加另一个洞,一个黑色的小按钮形状和按钮部分底部的两个小阴影。
图44
第二十七步
质地完成后,你可以添加一个调整图层,改变了他的亮度。然后给中间形状层添加此图层样式。
图45
图46
第二十八步
让我们再来做镜头。首先,画一个金属色的圆并添加这种风格。
图47
图48 第二十九步
绘制另一个小圆圈,并换成这种图层样式来添加。然后选择图层面板的两个圆圈层并把它们合并成一个智能对象。最后,通过:滤镜>杂色>添加杂色 添加一些杂色。
图49
图50
图51
第三十步
选择暗灰色并在下面画一个圆圈。添加此图层样式。
图52
图53
第三十一步
现在我们需要创建其他三个圆。这是第一个的图层样式。
图54
图55
第三十二步
这是第二个的样式。
图56