设计欣赏 | 摄影欣赏 | 设计师素材下载 | 站长日志 | 有啥? | 衡阳网站建设 | 设计交流QQ群: 10635190 | 收藏小林设计网
小林设计首页 / 小林教程 > / 简单几步制作一把真实的直尺

简单几步制作一把真实的直尺

2014-12-18 14:40:02发布 | 查看:

今天发布的教程是利用Photoshop制作一把直尺,制作的手法与图标的制作方法比较相同,图形中的线条,基本上都是一,两个像素的高度。没有太多的技巧。主要是细节的处理。做完后,发现做广告banner条还不错,演示效果可以去本人的网站看看。好了。进入正题。不然还以为是标题党尼。。。

关于背景的制作,用到填充图案。图案下载地址已给出。

下面先看最终效果:

Photoshop教程:简单几步制作一把真实的直尺,实例教程[小林原创]  来源: www.z990.com

最终效果

Photoshop教程:简单几步制作一把真实的直尺,实例教程[小林原创]  来源: www.z990.com

1, 填充背景为灰色,再填充图案(图案下载地址: http://www.z990.com/html/Download/2013/0105/937.html)如图;

2, 新建一层,使用渐变,更改图层模式为柔光,如图;

Photoshop教程:简单几步制作一把真实的直尺,实例教程[小林原创]  来源: www.z990.com

3, 新建图层,创建矩形,添加图层样式,如图;

Photoshop教程:简单几步制作一把真实的直尺,实例教程[小林原创]  来源: www.z990.com

4, 再建立如图所示的蓝色矩形,添加图层样式,如图;

Photoshop教程:简单几步制作一把真实的直尺,实例教程[小林原创]  来源: www.z990.com

5, 画上两条高度为1像素的白色线条,将两条白色线条放在如图所示的位置;

Photoshop教程:简单几步制作一把真实的直尺,实例教程[小林原创]  来源: www.z990.com

6, 绘制尺子上的刻度,绘制黑线,白线各一条。更改图层模式为叠加,如图所示;

7, 将线条复制,形成尺子上的刻度,如图;

Photoshop教程:简单几步制作一把真实的直尺,实例教程[小林原创]  来源: www.z990.com

8, 输入文字,完成最终效果。

关于我

自幼爱好美术,而后自学设计,没有高等美院的通行证,但对设计的热爱,从未改变!

z990.com是设计师小林的个人站点。用于个人设计作品展示以及设计教程的分享。通过站点与作品,希望能给客户更直观的视觉印象,以达成更好的设计共识,促成设计项目的合作。

E-MAIL: 9900d@163.com
QQ: 26853741

九年电脑培训教学经历

从事Photoshop,Flash,Dreamweaver,3DMax,素描等教学工作;

两年政府工作

曾就职于投资促进局,市委宣传部;

两年深圳打拼

就职于深圳电子产品生产企业设计部主管;

五年北漂

就职于某游戏公司,心理咨询公司设计部副经理;
微信公众号: z990_com
Top