Photoshop设计教程:绘制质感的科技图标

2016-02-16 07:48 7 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的Photoshop设计教程:绘制质感的科技图标,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - PS 】

老早之前就想弄个教程了,之前有很多人都叫为湿出教程,无奈为湿惰性比较强,之前也没做过教程,所以一直没法出货。现在终于下决心,也搞个教程出来,跟大伙分享为湿的一点小小小小的经验。为湿的这个小教程只是个人心得之谈,不代表其他设计师及业界的技术与标准,所说之处仅代表个人意见,如有不足,多多包涵。此教程面向受众为比较熟悉ps操作的人士,如果对文中字句仍一头雾水的童鞋,请打开PS,按F1键求解。

最后希望大家对为湿生平第一课给予多多包涵及支持,如有不足多多指点,希望这个小教程能对你有所帮助,谢谢。源文件我就不提供了,我觉得学ps跟解数学题一样,一开始就把答案给大家反而不好,还是一步步自己操作了,才记得牢,请见谅。

先看看效果图

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

Photoshop设计教程:绘制质感的科技图标,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160216/1569878.html

延伸阅读
标签: PS PS基础
本教程主要使用Photoshop绘制时尚质感的开关类型APP图标,整体的绘制过程非常的详细,而且质感的表现也非常的不错的,虽然比之前的两个教程要难一些,但是也不是很复杂,建议想学习图标的朋友可以一起来学习,有什么不懂的朋友可以下载源文件来研究,喜欢的朋友让我们一起来学习吧。 教程源文件: 立体时尚的开关图标教程源文件 ...
最终效果图: 图0 1、选择“文件/新建”菜单,打开“新建”或者Ctrl+N对话框名称为:制作Vista错误图标效果,宽度:为800像素, 高度:为600像素,“分辨率”为72 , “模式”为RGB颜色的文档,如图1所示。 图1 2、在图层样板中新建一个图层,在工具栏中,选择椭圆选框工具,在工作区拖出一个椭圆形状,并填充为灰色,如图2所示。效果...
标签: PS PS教程
效果图为一枚写实图标。绘制之前需要对舞台灯的构造有深刻的认识;然后把它分解成不同的组件;再按照一定的顺序逐步刻画即可。 最终效果 1、确定图标大体的透视关系。 首先用简单的线条确定图标大体的空间位置关系,这种做法在美学上称为线透视,这是画图标的首要关键性步骤,它能帮助我们准确无误地画好一个立体的图标。 2、勾勒出图...
标签: PS PS基础
最终效果 1、新建一个800 * 600像素,分辨率为72的画布,选择渐变工具颜色设置如图1,然后由中心向边角拉出图2所示的径向渐变作为背景。 2、打开音符素材,拖进来,适当放好位置。 3、把音符复制一层,锁定像素区域后填充白色,移到原音符图层的下面,先用移动工具稍微错开移动位置,然后按Ctrl + T 变形,把立体感做出来,...

经验教程

441

收藏

93
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部