#UI教程#PS打造质感咖啡杯效果

1、观察这个图标，我们将它分成几个部分来制作，分别是杯子、碟子、勺子、餐布。这里重点是制作我们的杯子;
2.开始动手：新建一个800X600的画布；填充一个不全黑的深色背景；

1）、首先我们先用钢笔工具绘制杯子的整体轮廓，用不同深浅的灰色来区分每一个部分。杯把部分我们可以简单的用钢笔绘制大致轮廓;

2) 用椭圆形状工具绘制2个椭圆，做成托盘的形状；

3) 设定光源位置，这里假设光源从右上角方向照射;

4) 先从杯身添加渐变填充;

游客，如果您要查看本帖隐藏内容请回复

5) 新建图层，利用画笔工具为杯身添加明暗效果，然后剪贴蒙版到杯身，控制绘制的光影图层到杯身区域；

6) 同样的方法为把手进行明暗处理;

7) 这时候我们可以给他灌满奶茶了。先为顶部的椭圆形状添加蒙版，擦除一下椭圆形下半部分的边缘，使它和杯身更好的融合在一起;

8) 再在里面绘制一个纯白色的椭圆，注意边缘羽化，添加内发光的图层样式;

游客，如果您要查看本帖隐藏内容请回复

9) 复制并缩小椭圆，通过控制内发光的大小来处理波纹。为该图层添加蒙版，然后遮盖掉一部分;

10) 同样的方法往里面不断添加波纹。注意不同的内发光大小以及蒙版遮盖的方向;

11) 用画笔工具绘制一些白色的小圆点，同事为这些小圆点添加投影的图层样式;

游客，如果您要查看本帖隐藏内容请回复

12) 在绘制碟子的时候，注意光源的方向来添加渐变;
13) 在碟子上添加更多的阴影，使其更加逼真;

14) 到这里我们的奶茶杯已经基本完成的了。剩下的都是一些细节的添加，例如勺子和餐布，又或者是奶茶的烟雾；
勺子：先绘制大致轮廓，然后根据光源绘制它的明暗和投影；

杯身：添加一个调整层，让上方与下方有一定的明暗对比，让杯的外型稍微增添一点美；同样因为勺子的缘故，所以杯身需要绘制勺子的一个映像；

餐布：到网上寻找布料的图片，裁取部分区域，然后扭曲，同样需要对餐布添加明暗和投影；
烟雾：比较简单的办法是直接运用烟雾笔刷；或者可以寻找合适的素材制作;
背景：可以添加白色的径向渐变，使背景不那么单调；

15) 最终效果：

#UI教程#PS打造质感咖啡杯效果相关推荐

PS打造仙镜效果教程
PS打造仙镜效果教程 2009-04-15 13:04:42 作者: 来源: 互联网浏览次数: 362 文字大小:[ 大][ 中][ 小] 原图最终效果图
Polarr Photo教程：打造艳丽夕阳效果
夕阳摄影是一个久经不衰的摄影题材,黄昏时分的天空色彩是最为梦幻的,利用这个时段拍摄出来的照片总是瑰丽无比,充满着色彩与光学的美感.今天我们就来学习如何打造艳丽夕阳效果. 图文教程首先我们使用泼辣修图 ...
PS教程ndash;用PS打造融化效果的…
用PS打造融化效果的艺术文字转自:http://www.ourtuts.com/category/text-effects/ 最终效果: 在这个教程里,我将告诉你如何用一些笔刷和融合技巧在PS里打造 ...
20天学会UI设计(PS+AI)入门教程
PS.AI是UI设计师必不可少的两项技能,对于想要学习UI设计的人来说,首先就是要学会使用PS和AI.如何才能快速学会这两样呢?下面给大家分享20天学会UI设计(PS+AI)入门教程. 课程介绍本套 ...
PS教程：磨砂颗粒质感字体海报设计
大家好我是微风,一个爱设计爱生活的平面设计师,今天的这篇文章主要给大家整理了PS教程:磨砂颗粒质感字体设计,主要是将字体打造为磨砂颗粒质感更加立体,本篇文章PS教程:磨砂颗粒质感字体海报设计包含PS基 ...
UI设计(PS+AI)入门教程【视频+素材】
最近几天很多粉丝私信问我,有没有UI设计教程可以分享一些UI设计教程吗,于是小编就整理了一整套的UI设计入门教程. 今天免费分享给大家,希望对大家学习UI设计过程中有所帮助 PS.AI是UI设计师必不 ...
【UI教程】结合PS和AI绘制炫彩2.5D插画
[UI教程]结合PS和AI绘制炫彩2.5D插画为了此次文章教程,利用下班在家空余时间撸图撸了两个凌晨,原则只做原创精品设计文章,好案例配好文章,希望大家能喜欢,做设计行业文章教程最初目的就是能希望帮 ...
【有利可图网】PS实战系列：PS图层样式设计制作透明塑料质感字体效果
本篇教大家如何巧用PS图层样式设计制作透明塑料质感字体效果!教程讲解过程灰常的详细,首先把字体复制多层,副本文字图层填充都改为零,然后为副本字体层设置图层样式,这样就可以叠加出高光细腻,质感不错的文字 ...
ps怎么制作流体_ps相框制作教程：ps怎么制作相框效果
今天分享ps相框制作教程:ps怎么制作相框效果,平常看到很多人在秀朋友圈时候,能把照片填充一个相框,让照片瞬间高大上,ps相框制作教程:ps怎么制作相框效果给大家安排上,作为我的粉丝不用羡慕其他人 ...

#UI教程#PS打造质感咖啡杯效果

#UI教程#PS打造质感咖啡杯效果相关推荐

最新文章

热门文章