图标设计

用photoshop制作一个时尚ipod

用photoshop制作一个时尚ipod

效果: Step 1 新建文档设置如1a,命名图层“背景”,填充任何颜色。然后设置如图1b。 Step 2 新建一个图层组取名“ipod”,在这个图层组中新建一个层也取名“ipod”,选择矩形工具画一个形状如图2a,用钢笔工具点击形状,然后修改如 图2b、2c. 然后变换成选取填充颜色如图2d。 Step 3 打开混合选项,调整设置如图3a。新建一个层命名“光线ipod”,用矩形选择工具制作举行选取填充白色(3b),然后降低不透明度为30% (3c) Step4 创建一个新层“屏幕背景”。使用圆角矩形工具(5px)画一个下图的形状填充黑色(4a)。然后设置混合选项(4b) Step5 使用矩形选择工具制作选区(5a)。复制这个选取,命名新层为“屏幕背景光线”。降低不透明度为30%(5b).然后设置混合选项(5c). Step6 新建一个层“屏幕”,使用相同的工具制作矩形选区,填充黑色(6a)。然后设置混合选项(6b) Step7 使用多边形套索工具制作像7a的选区,复制选区命名新层“屏幕光线”。打开混合选项使用设置如图7b,降低不透明度为30%。 Step8 新建一个层“按钮背景”,使用椭圆矩形工具制作圆形选区,填充白色(8a)。然后打开混合选项设置(8b,8c) Step9 在“按钮背景”层上方建立一个层“圆形”。使用相同工具制作一个较小的圆形选区填充白色(9a)。然后打开混合选项设置(9b,9c),添加一个按 钮图标在“按钮背景”(9c) Step10 制作右耳机。 新建一个图层组(在“ipod”图层组外),取名“右耳机”,使用椭圆选择工具和钢笔工具制作选区如图10a,打开混合选项使用如下设置 (10b,10c,10d) Step11 新建一个文档(20*20px),背景透明。选择自定形状工具,选择斜线形状11a。画出形状然后用黑色填充,编辑>自定义图案,命名“对角 线”,关掉文档。 Step12 到主文档,新建一个层在“right 03”下方,命名为“right 06”。然后点击“right 03”层获得选区,选择>修改>收缩,收缩2px。 编辑>填充,在内容中选择图案“对角线” Step13 左耳机的制作。新建一个图层组在“ipod”和“背景”之间,命名“左耳机”,做右耳机一样的步骤。 Step14 在“左耳机”中,新建一个层,叫“左阴影”然后根据下面的图片制作: Step15 在“左耳机”下方新建一个图层组“线”。使用钢笔工具画如图15a,设置笔刷硬度4px,黑色,然后按u,在图像上点击鼠标,选择描边路径画出黑线 15b,然后进行设置如图15c. Step16 复制“线”,命名“线阴影”。移动到“线”下,降低不透明度为40%,然后移动这个层下一点。 Step17 新建一个图层组在“左耳机”图层组下方,取名“阴影”,使用笔刷工具、钢笔工具和椭圆选择工具根据下图画: 效果图: 完成了这个设备,要是为了较快的装扮,可以下载原文件运用你自己的色彩! 原文网址: http://www.photoshoplady.com/tutorial/how-to-create-a-realistically-3d-ink-pen-using-photoshop/2723 转载请保留本文链接|来自focusec

Posted on 二月 6th, 2010 by luckygl in 设计 | 0 comments

怎么用ps打造一个简洁的房子图标

怎么用ps打造一个简洁的房子图标

这是09年国外最佳photoshop教程中的一个教程,更多教程请这里。 概要:在这个教程里,没有复杂的曲线和绘画,仅仅使用非常容易的步骤和技巧就能设计出一个简单而富有吸引力的房屋图标。教程里需要使用的是形状工具 和图层样式。制作这个图标可以让你更加熟悉色彩和图层样式的有效使用。Ok,现在开始吧! 最后效果图: 步骤1: 创建一个500px * 500 px的以白色作为背景的文件,用钢笔工具画出下面的形状。 步骤2: 增添颜色和浅白色的条纹。双击图层,然后运用下面的图层样式。 步骤3: 复制该图形,然后执行 编辑>变换>水平翻转 ,移动复制的图形如下图所示 步骤4: 由于相同的色彩,看起来有点单调,有必要再装饰一下,打开复制图层的图层样式,做如下的调整 步骤5: 设置前景色为 “830F00”, 用钢笔工具画出如下图形, 命名为 “左屋顶”。 步骤6: 复制该图形命名为“右屋顶”,然后执行 编辑>变换>水平翻转 ,移动复制的图形如下图所示 步骤7: 用钢笔工具画出如下图形,命名为“主体”。 步骤8: 双击图层,运用下面的图层样式 步骤9: 制作屋顶阴影效果,点击左屋顶图层然后执行shift再点击右屋顶图层,制作出选区,移动选区到合适的位置,然后再新图层上把选取填充颜色 “5F5343”。 步骤10: 执行  滤镜>模糊>高斯模糊,半径像素设为10px 步骤11: 也许阴影可能在房子外了,看起来不是那么准确。点击主体图层,反转选区。在阴影层,按delete键。 步骤12: 制作房子图标的门,用矩形选区创建,然后用黑色填充。 步骤13: 给门制作如下的图层样式 步骤14: 对门进行添加细节, 使用圆角矩形工具画一个黑色的圆角矩形,半径3px。 步骤15: 在混合选项里,做如下设置。 步骤16: 复制该图层,然后向下移动图像,如图所示 步骤17: 用椭圆工具画一个小圆圈作为门的手柄。 步骤18: 制作小圆圈的阴影,然后执行径向渐变 步骤19: [...]

Posted on 十二月 24th, 2009 by luckygl in 设计 | 0 comments

怎么制作3D笔筐?

怎么制作3D笔筐?

这是翻译My Free Tutorials的 一篇文章,原文网址:http://www.myfreetutorials.com/3d-basket-video-tutorial-in-photoshop/ 最终效果: 1、新建一个600×600的文档,然后新建一个图层。 2、用矩形选择工具画一个矩形并填充颜色,如图: 3、复制这个图层三次,并且移动位置如图: 4、在四个矩形图形上方和下方用矩形选择工具创建选区并填充颜色,然后合并这些图层。 5、复制这个图层三次,调整位置,再合并除了背景的图层。 6、复制这个图层,把上面的命名为“前图”,下面的命名为“后图”。 7、对“后图”执行编辑>变形,在自定中选择“拱形”,弯曲70度。 8、对“前图”执行编辑>变形,在自定中选择“拱形”,弯曲-70度。 9、拼合两个图形做出圆柱效果,如图: 10、“后图”混合模式设置为“变亮”,不透明度为30%,填充圆柱的底用“后图”的颜色。 11、合并两个图层,调整大小,再把笔放进去就完成了。 转载请注明本文链接|来自focusec

Posted on 十二月 6th, 2009 by luckygl in 设计 | 0 comments

制作富有创意的发亮图标

制作富有创意的发亮图标

这是翻译Richard Carpenter的文章,查看原文网址,另外这是前面我们翻译中的64个图标设计photoshop教程中的其中一个图标设计教程 最后效果: 1、制作背景 创建一个800×600的文档,用简单的渐变工具制作太阳发光的效果 2、制作图标的外部 选择半径为15px的圆角矩形工具,转换类型为“形状图层”,如图 使用“形状图层”画出如图的形状 再添加如下图层样式 3、制作内部 选择矩形形状工具,类型为“形状图层” 如图画出一个矩形 设置图层样式 得到: 4、制作散景效果 新建一个600×600的文档,背景透明,用椭圆工具再按住SHIFT画尽可能大的圆,填充黑色。 在混合选项设置不透明度50% 使用下面的设置增加画笔样式 编辑>定义画笔预设,存储为“散景”,回到刚刚制作的图层,选择画笔,找到刚定义的画笔样式,进行设置。 5、添加散景效果 用画笔工具在内部矩形自由的画,但是保证圆圈在矩形内部,如果在外部就反选,然后按DELETE键,然后执行 滤镜 >模糊> 高斯模糊,半径设为3px 新建一个图层,重复这个过程,并设置图层不透明度50%,使用下面的设置制作外发光 得到: 又重复上面的过程,设置图层不透明度75% 6、制作内部矩形的光亮度 用钢笔工具制作如下面的路径 用白色填充路径,在这个图层上,然后删除内部矩形外面的部分。 重设前景色和背景色,用线性渐变工具,从底部向上拖。 7、制作阴影效果 用矩形选取工具在环绕周围的底部制作黑色填充的矩形。 然后执行滤镜 >模糊> 高斯模糊,半径设为6px 设置该层的不透明度50%,再去掉左右端多余的部分。 补:直接复制整个图标再使用图层效果-阴影会比你这样手动模糊更好(这个建议来自经典水区观光团,谢谢) 8、制作第二个图标 选择除了背景的图层,合并所有复制的图层,放这个图层在第一个图标的后面,自由变换这个图层,稍微旋转一定的角度。 在复制几个,变换,就制作好了。 补:今天作者把原文件放出来了,现在补上,点击下载(8天内有效) 转载请注明本文链接|来自focusec

Posted on 十二月 6th, 2009 by luckygl in 设计 | 0 comments

64个图标设计Photoshop教程

64个图标设计Photoshop教程

尽管我们可能从网上下载免费的图标或者购买通用的图标,但是学会了图标设计的技术 无疑会给我们带来很多益处。除了能温习你的photoshop图标设计之外,你还可以拥有适合你网站设计的自定义设计的图标。因为某些图标只能用于非商业 目的的产品或网站,因此拥有你自己独一无二的图标的话,你就可以摆脱这些限制。 如果你正在寻找图标设计的Photoshop 教程,那么你就来对了地方。这里,我们收集了60个真正实用的图标设计的Photoshop教程。看了这些教程,我可以确定你会变成一个优秀的图标设计者。 1 如何在Photoshop中创造行星的图标 2 简单的咖啡杯图标的photoshop教程 3   在photoshop中创造华丽的闪电 4   在Photoshop中设计三维的盒子图标 5   在Photoshop中设计充满格调的邮包图标 6   音符图标 7   对象样式图标 8   设计锁匙图标 9   如何绘制Billing application图标 10  CD盘的图标教程 11   处理金色ipod shuffle 图标 12   在photoshop创作一个水晶的房子图标 13   在photoshop处理设计销售MP3数码播放器的logo图标 14    处理4GB的内存卡图标 15   处理Ipod便携式扬声器图标 16   在photoshop创作蓝牙logo图标设计 17    在photoshop处理USB便携式扬声器logo的图标设计 18    在photoshop创作Adobe 盒子图标 19    在photoshop创作(dock)文件夹图标 20   处理茶杯图标 21    华丽的银色Web2.0图标教程 22   华丽的黑色按钮图标 23    完全透明的水泡图标 [...]

Posted on 十二月 5th, 2009 by luya in 设计 | 0 comments

用 Photoshop创作漂亮地球的图标

用 Photoshop创作漂亮地球的图标

最后效果: 1、创建一个60×60的文档,背景内容透明。 选择钢笔工具,笔触大小4px,前景色设为白色,在左边画一条垂线,底部画一条水平线。然后进入编辑>定义图案,存储为“正方形”。 2、关闭,不用保存。 新建一个500×500的文档 使用椭圆工具,同时按住SHIFT,画一个正圆。 3、运用下面的图层样式 结果: 4、新建一个图层,命名为“格子”。执行 编辑>填充>图案,选择用户定义中刚创建的“正方形” 5、下载一幅地图,在Photoshop中打开地图,然后复制到文档,在移 动地图的位置。 在“圆形”图层执行CTRL+Click,然后选择“地图”层。 执行 滤镜> 扭曲>球面化,数量:100% ,模式:正常 选择“格子”图层,执行滤镜> 扭曲>球面化,数量:100% ,模式:正常 6、移动“格子”图层在“地图”上面 选择>反向,点击Delete删除“格子”层地球外的图像,然后在“地图”层执行相同的命令。 7、设置“格子”图层混合模式为“叠加”,“地图”图层的混合模式为“颜色 减淡”。 最后效果: 转载请注明本文链接|来自focusec

Posted on 十二月 3rd, 2009 by luckygl in 设计 | 0 comments