PS教程:手把手教你绘制一枚拟物化水晶纽扣

作者&投稿:蠹洁 (若有异议请与网页底部的电邮联系)
~ 如何绘制逼真的高光?如何创造立体的感觉?今天分享一个简单水晶纽扣的教程,仅仅利用图层样式跟画笔就可以绘制出精美的高光+3D感,最适合UI设计刚入门的同学了,练习的时候要不断去思考高光和阴影的关系,以及实物的状态,这样才能短期内快速进步呦!
或许入门的PS学徒们都曾经试图制作过诸如一滴水、一个气球或一只苹果这样的拟物玩意儿的设计。通常让人感到迷惑的是,为什么我们要画一个苹果而不是用照片拍下一个苹果再把它抠出来?我的答案是,学习是没有捷径可走的。比较快速的做法当然同样可以达到效果,但它带来的收获远没有你用心画一只苹果来得更多。
今天我们要制作的是水晶状的纽扣,它是拟物感觉的,你要在学习的过程中不断去思考高光和阴影的关系,以及实物的状态,这是美术课的内容,但就在你熟练操作了PS的时候,也同样需要这样的基本知识去增强你的设计。
新建文件 打开PS,新建一个文件(W:800px,H:600px),背景色填充为深灰色#242424,然后略微给背景填充上径向渐变,让中心看上去更“亮”。再在该背景层上增加一个圆形,这就是纽扣的”身体”了。圆形的色彩随大家各自喜欢,我选用的是绿色。

图层样式 接下来,我们要对纽扣的“身体”运用图层样式。图层样式的使用,靠的是不断的尝试,而每一次的运用都要当做一次积累,才能更好的理解和掌握它。那么,今天我们要用到哪些样式呢? 由于要让纽扣变得立体,因此我们可以尝试用一下内阴影。在此过程中,你的大脑中一定要出现一副作品完成后你想要达到的效果,在你不断对其进行调试中你才有可能逐渐接近你的目标。 这是我的面板数值,以及在此数值下的图层效果。

我要使用内发光,让它的边缘具有水晶的光泽。

运用光泽图层样式,让它更具光泽感

上图看上去已经接近我想要的效果了,接下来为纽扣增加一点投影和描边。

增加高光细节 为了让纽扣看上去更具立体效果,运用了图层样式后显然是不够的。这时,我们还需要“手动”为他添加相应的阴影和高光的效果。在所有制图过程中,当你想让一个物体变得更具立体感、真实感,最好的方式莫过于为它添加高光和阴影了。 新建一个图层,然后使用椭圆选框工具,在纽扣的上方拉出一个椭圆形,然后再使用渐变工具,渐变设置如下:

然后在选区内填充渐变色,渐变模式为线性渐变,从上至下填充。填充后效果如下:

将椭圆转到右上角,也就是我们选定其为高光部分的地方。

这时,我想要在高光基础上再增加一层高光。首先,将高光图层复制一层,然后按住“ctrl”键,用鼠标点选纽扣的“身体”的图层。目的是想调出圆形选区,为下一步做准备。

保持圆形选区,在复制出的高光图层上通过键盘上的左键和下键来控制选区,移动到如下图所示的位置,然后点击delete键。

点击delete键后,这就是我们期待中的“小月牙”,看上去它太过于“平坦”了,这时,可以为它增加一个图层蒙版,选用黑白渐变在蒙版中合适的位置拉出一个径向渐变。

右上角的高光就做好了:

再对小月牙复制一层,将复制层旋转至对角的另一个方位。

由于我们要做很多款图案的水晶纽扣,只需要将纽扣身体的那个图层的填充降至0。真的很简单,是吧!

在做设计时,常常都会用到透明度,但很少用填充。其实大部分情况下,填充和透明度的作用是差不多的。只有当出现这样的情况:当你将图层透明度设置为0,那么这个图层就完全透明,相反,如果你将图层填充设置为0,这个图层仍然可见。这一点对于我们做水晶纽扣大有益处,它帮助我们去掉了颜色,保持了所有其他我们为纽扣添加的细节。现在我们剩下要做的,仅仅就是把相应的图案放置于纽扣身体图层的下面。

再载入圆形选区,删除掉图案中多余的像素。这样第一个纽扣就此制作完成。

接下来我继续利用其它图案做出了各式样的水晶纽扣。

后记 设计时,拟物并不是十全十美就是上乘,总而言之,它需要你对日常生活的观察力。对高光和阴影的把握相当重要,而每种情景下光线对人眼的影响都个各不相同。可以说,设计提供了无限种可能,而我们要做的就是从中选一个最恰当的。也许这不是一次博彩,而是一种历练。


求《手把手教你读财报》PDF或TXT电子版下载
手把手教你读财报完整版.pdf http:\/\/vdisk.weibo.com\/s\/FCqc5IduUlonI

3dmax教程
教程整理:https:\/\/zhuanlan.zhihu.com\/p\/147611080 3D Studio Max,常简称为3d Max或3ds MAX,是Discreet公司开发的(后被Autodesk公司合并)基于PC系统的三维动画渲染和制作软件。其前身是基于DOS操作系统的3D Studio系列软件。在Windows NT出现以前,工业级的CG制作被SGI图形工作站所垄断。3D Studio ...

...监听耳机边弹边听电吉他.不知道可不可以.求手把手教学.
1. 必须正确安装声卡的 ASIO 驱动。并在 C5 中正确设置好声卡的端口和驱动。2. 必须检查 C5 是否已经关联并刷新了效果器插件(已经关联到你的 GTR3 插件)。3. 将你的(电)吉他接到声卡的“线路输入”(Line In)口。4. 打开 C5 ,必须至少建立一条音频轨,在其侧边栏调出 GTR ,按下面各...

...的升级了收到60多个,有高手可以手把手教我升级吗?型号ABS-S...
村村通的机顶盒本来就可以自动升级的,自己再重新搜索一下看看。

视频剪辑的基本技巧
跟很多其它同类型大机构不一样的是:王氏教育每个校区都是实体面授,老师是手把手教,而且有专门的班主任从早盯到晚,爆肝式的学习模式,提升会很快,特别适合0基础的学生。王氏教育全国直营校区面授课程试听【复制后面链接在浏览器也可打开】: www.huixueba.com.cn\/school\/yingshi?type=2&zdhhr-3y1r-573365572 大家...

我想成为游戏开发程序员,要学些什么?
跟很多其它同类型大机构不一样的是:王氏教育每个校区都是实体面授,老师是手把手教,而且有专门的班主任从早盯到晚,爆肝式的学习模式,提升会很快,特别适合基础差的学生。大家可以先把【绘学霸】APP下载到自己手机,方便碎片时间学习——绘学霸APP下载: www.huixueba.com.cn\/Scripts\/download.html 已赞过 已踩过< ...

pr安装教程
pr cs5 安装教程

我在用SAI画画的时候好像哪里点错了,画笔怎么都画不上去,求指教。_百 ...
第一 sai画笔突然画不出来解决小方案。(1)可能是你选区的时候选区没擦完这时候就用最大的选取擦来擦整个画布看看能画没也有可能是你画笔的颜色和背景色是一样的。(2)看看这个图层上面有没有被另外的图层覆盖。检查正在选用的笔刷是否有效。检查正在编辑的图层是否被锁定不透明度。如果画面上面残留...

找入门魔术的教学(比较爱好扑克牌的,别的也可以)
非常多的魔术教程: http:\/\/www.our-sky.com\/oubb\/97606.html 手指穿过耳朵魔术(视频)教程: http:\/\/hualiao.lpsld.cn\/bbsz\/dispbbs.asp?boardid=13&id=30 http:\/\/www.dtcz.nh.edu.sh.cn\/bbs\/read.php?tid=3531 手把手教你变魔术: http:\/\/www.dtcz.nh.edu.sh.cn\/bbs\/read.php?tid=3531 其他...

3dmax 如何连接两条线
1、 打开3d max软,可看到四个视图窗口, 在窗口的右边的创建面板上单击【图形】按钮,顶视图绘制两条折线的线段。2、接着,在右边的【修改】面板中,选择一个线段单击一下。3、 然后,在线的修改面板中,鼠标左键单击【附加】按钮。4、 接着,鼠标左键在顶视图中,选择线段,把两个线段就附加在...

山阴县13476449067: Photoshop7.0 文字工具 按ENTER的时候,为什么不会换行? -
承荆葛根: photoshop输入段落文字换行的方法是:1、新建白色背景文件,点击左边工具栏“T”文字工具;2、用文字工具在桌面上拉一个选区,在选区内输入文字,位置就会自动换行;3、用文字工具输入一段文字后,按“Enter键”换行;4、输入一段文字后,转行在下一行点击一下,再输入文字,完成.

山阴县13476449067: PS教程,如何绘制一颗晶莹剔透的樱桃 -
承荆葛根: 1、建立一个 720*1050像素的文档 然后新建一个空白图层,用圆角形状工具画一个圆出来 画好之后按Ctrl+T 自由变换,右键变形. 把圆形调整一下形状,让它接近实物形状自然一些.2、把形状路径右键转为选区羽化0.5像素,填充颜色#b...

山阴县13476449067: PS怎样画小鸟 PS教程 -
承荆葛根: 鼠绘,画笔加钢笔,渐变加涂抹,鼠绘要学的太多了,你可以找个图临摹一下,加个透明度在上面慢慢画

山阴县13476449067: Photoshop技巧 ps怎么绘制立体魔方模型 -
承荆葛根: 1、画魔方要一个面一个面的画才能把握其关键所在,而我们只需要画出三个面就可以呈现出一个完整的魔方.我们先面出的就是右侧面,一个9小块的侧面用钢笔路径工具很容易绘制出来.2、有了9个封闭子路径之后,我们就可以给魔方着色了...

山阴县13476449067: 如何用photoshop使用制作奥运五环 -
承荆葛根: 1:新建一个画布 2:左边工具栏边,找到“矩形工具”3: 鼠标左键长按,会跳出工具选择小窗口,选择”椭圆工具“ 4:到图层画板上去拉出来一个圆,拉圆的时候,按住shift会拉出来一个正圆,然后选择“描边”选择上你对应的颜色,并且取消”填充色“ 5:重复四次2-4步骤, 6:最后调整五个圆的位置

山阴县13476449067: 如何使用PS制作邮票 photoshop实例教程 -
承荆葛根: PS制作邮票步骤有些繁琐,建议使用CDR完成,步骤如下: 1. 打开CorelDRAW软件,Ctrl+N新建文件,设置文件宽高值为30*40mm(此数值为常规邮票尺寸,邮票并没有统一的标准尺寸和规定). 2. 使用“矩形工具”绘制黑色矩形(黑色是...

山阴县13476449067: 玩转PS技巧 - 上学吧
承荆葛根: 1.首先要将你要弄到空间的那张图片另存为保存到自己的电脑上. 2.将那图片上传到自己空间的相册上. 3.到自己的相册里提取这张图片的URL即连接地址.(图片下面有个复制地址的按下就行了) 以上的步骤是为了防止以后图片连接不会失效. 4.提取完后回到主页点自定义. 5.点添加图片模块(PS:看你张图片是什么格式的.SWF的就用flash模块.) 6.将连接地址URL填上地址那,标题你自己喜欢.在点可选择项,在下面去除边框那打勾. 7.再按确定. 8.大功告成. 9.收工!!!

山阴县13476449067: 用PS做邮票的步骤? -
承荆葛根: 逐步说明: 1、为了更好的显示效果,先把背景层的颜色设为桔红色. 2、单击文件菜单(file/open)打开一张图象. 3、按Ctrl+A选择画布. 4、单击图层菜单-新建-通过剪切的图层命令(Layer/new/Layer Via Cut),将选取区剪切到图层1...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网