阿蒙教程:制作木箱子图标

| 收藏本文 下载本文 作者:yukimaro

下面是小编精心整理的阿蒙教程:制作木箱子图标(共含4篇),仅供参考,大家一起来看看吧。同时,但愿您也能像本文投稿人“yukimaro”一样,积极向本站投稿分享好文章。

阿蒙教程:制作木箱子图标

篇1:阿蒙教程:制作木箱子图标

图标的制作关键在于对高光和阴影把控;色彩的选用也很关键,决定了你的作品是否是高品质的,通过对本文的学习,你可以很好的掌握制作图标的各种技巧,举一反三的应用到其他作品中

教程详情

程序:Adobe Photoshop

难度:中级

预计完成时间:2 小时

最终效果图

FEVTE编注:更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入论坛PS作品交流区,地址:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

教程素材

1、木质纹理 下载

第一步

1、按ctrl+N,新建一个文档,大小600x500px,命名为“木箱子”

2、创建一个新层,命名为“黄色块01”,用矩形工具(U)绘制一个梯形路径,按Ctrl + Enter,将路径转成选区,并填充,颜色 #d9c700

第二步

1、创建一个新层,命名“木板”,在图层“黄色块01”下方,用圆角矩形工具(U),绘制一个圆角矩形路径,圆角半径为 20px

2、按Ctrl + T,右键,选择“透视”,将圆角矩形底部往内缩

3、按Ctrl + Enter,将路径转成选区,并填充红色 #ef0000

4、用选区工具(M),删除超出的区域

第三步

1、在图层“木板”上方,创建一个新层,命名为“黄色块02”,用矩形工具(U),绘制一个矩形路径,如下图

2、按Ctrl + Enter,将路径转成选区,并填充颜色 #d9c700

3、用选区工具(M),删除超出的区域

第四步

1、新建一个图层,在最上方,命名为“黄色块03”

2、按住Ctrl键,鼠标点击图层“黄色块01”的缩览图,获得选区,接着“菜单 > 选择 > 修改 > 收缩”,输入 10px,填充颜色 #d9bb14

第五步

1、用加深工具(O),在图层“黄色块01”不同点进行涂抹(如下图)

第六步

1、用加深工具(O)涂抹“黄色块03”,如下图

第七步

1、用矩形工具(U),绘制一个路径,按Ctrl + Enter将路径转成选区,此选区把“黄色块03”,分成2个区域

第八步

1、选择图层“黄色块03”,用加深工具(O)涂抹区域一,如图

2、按 Ctrl + Shift + I 反选选区,用加深工具(O)涂抹区域二,如下图,通过对着2个区域明暗处理,产生立体效果。

第九步

1、给“黄色块03”添加外发光样式

第十步

1、选择“黄色块02”,用加深工具(O)涂抹

第十一步

1、新建一个图层在顶部,命名为“高光线01”

2、设置画笔,大小 3px,颜色 #ffffff,硬度 100%,不透明度 100%,流量 90%

3、用钢笔工具(P),绘制一条直线,如下图,接着“ 右键 > 描边路径”

第十二步

1、选择图层“高光线01”,接着“ 菜单 > 滤镜 > 模糊 > 高斯模糊”,输入值 1.0

2、“ 菜单 > 滤镜 > 模糊 > 动感模糊”,角度 0,距离 10px

3、把图层混合模式改为“叠加”,不透明度 50%

第十三步

1、新建一个图层在“高光线01”上方,命名为“高光线02”,再绘制一白色线条

2、“ 菜单 > 滤镜 > 模糊 > 动感模糊”,角度 0,距离 35px

3、把图层混合模式改为“叠加”

第十四步

1、选择“黄色块01”和“黄色块02”,右键点击,选择“复制图层”,然后按Ctrl + E合并图层,将新的图层命名为“黄色块01+02”,接着把图层混合模式改为“正片叠底”,不透明度 30%

第十五步

1、新建一个图层在“黄色块01+02”上方,命名为“细节”

2、按住Ctrl键,鼠标点击“黄色块01+02”的缩览图,获得选区

3、按D键,使前景色为黑色,背景色为白色

4、“菜单 > 滤镜 > 渲染 > 云彩”

5、“菜单 > 滤镜 > 杂色 > 添加杂色”

5、“菜单 > 滤镜 > 模糊 > 动感模糊”

6、把图层混合模式改“柔光”,不透明度 20%

第十六步

1、按Ctrl + J,复制“黄色块03”,命名为“黄色块03_正片叠底”,然后把图层混合模式改为“正片叠底”,不透明度 50%

第十七步

1、打开素材木质纹理.jpg,并复制到木箱子.psd中,置于图层“木板”上方,命名为“木质纹理”

2、按住Alt键,鼠标在图层“木板”和“木质纹理”之间点击,则纹理只在木板区域内显示;

第十八步

1、选择图层“木质纹理”,用加深工具(O),涂抹边缘,如下图

第十九步

1、按Ctrl + J,复制图层“木质纹理”,并命名为“木质纹理_正片叠底”,设置图层混合模式为“正片叠底”,不透明度 88%

第二十步

1、创建一个新层,在“木质纹理_正片叠底”上方,命名为“木板底部”

2、用选区工具(M),绘制一个矩形选区,并羽化 20px,填充黑色,把图层不透明度设为 70%

第二十一步

1、创建一个新层,在“黄色块02”下方,命名为“黄色块02_阴影”,如图所示制作出阴影

第二十二步

1、选择图层“木质纹理”,按住Shift键,用椭圆选区工具(M),绘制个圆形选区,接着按Ctrl + J,把圆形图层命名为“圆形背景”

第二十三步

1、选择“圆形背景”,按Ctrl + J,把复制的图层命名为“圆形背景_正片叠底”,设置图层混合模式“正片叠底”

第二十四步

1、给“圆形背景”添加图层样式

第二十五步

1、用自定义形状工具(U),绘制一个形状,按Ctrl + Enter,将路径转成选区

第二十六步

1、在选区可见情况下,选择图层“木质纹理”,按Ctrl + J,复制出一个图层,命名为“放射形状”,并把图层放在“木板底部”与“圆形背景_正片叠底”之间

第二十七步

1、按Ctrl + J,复制图层“放射形状”,命名为“放射形状_正片叠底”,并把图层的混合模式改为“正片叠底”,不透明度 70%

第二十八步

1、给“放射形状”,添加图层样式

第二十九步

1、创建一个新层,在顶部,命名为“psd背景”,用钢笔工具(P)绘制一个方形区域,如下图

第三十步

1、用加深工具(O)和减淡工具,在“psd背景”上涂抹

第三十一步

1、添加文字“Ps”,在图层“psd背景”上方,接着将文字层栅格化,旋转并调整,最后并给文字添加样式

第三十二步

1、用相同操作,制作另外两个对象

第三十三步

1、创建一个新层,在“psd背景”下方,命名为“psd阴影01”

第三十四步

1、创建一个新层,在“psd阴影01”下方,命名为“psd阴影02”

第三十五步

1、用相同操作,制作另外两个对象的阴影部分

第三十六步

1、创建一个图层,在“木板”下方,命名为“箱子阴影”,具体操作如下图

第三十七步

1、按Ctrl + J,复制“箱子阴影”,并命名为“箱子阴影2”,按Ctrl + T,调整大小,如图

第三十八步

按Ctrl + J,复制“箱子阴影2”,调整位置和大小,或者继续复制一次直到你觉得效果满意为止;

最后加上背景图,让我们的图标更美观,背景图片你可以源文件中复制过来,在这里我就不做说明了

FEVTE编注:更多PS鼠绘教程交流讨论及PS鼠绘作品提交请进入论坛PS作品交流区,地址:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

篇2:PS制作质感图标教程

FEVTE编注:更多优秀PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

最终效果:

具体的制作步骤如下:

步骤1:建立文档

新建一个570像素x470像素的文档,背景色为:#333236,

对背景色使用滤镜(Filter)-杂色(Noise)-添加杂色(Add Noise)

接下来,我们使用笔刷工具(Brush Tool)在背景中央画上一抹白色柔光。

将该图层模式改为柔光(Soft pght),不透明度调至50%。

步骤2:建立基本形状

基本形状如下图所示。首先建立一个大小为80像素 x 120像素,颜色为#3b5997的圆角矩形,圆角半径为5像素。然后使用直线选择工具(Direct Selection Tool)和钢笔工具(Pen Tool)对其进行修饰:先将顶部拉直,并在底部中央添加一个锚点(anchor point),然后用直线选择工具向下拖拽,效果就出来了。在之前的教程中也提到过如何适当地美化形状。

为该形状图层应用样式:

描边:采用渐变色描边,渐变颜色为 #7796cb, #7b97c6, #324579,其它参数详见下图。

渐变叠加(参数详见下图)

最终效果:

步骤3:添加图案

新建一个5像素 x 5像素的文档,背景一定要设成透明。

使用缩放工具(Zoom Tool)放大整个画布,或使用快捷键,按住Ctrl++亦可。放大之后,使用铅笔工具(Pencil Tool)勾勒出下图所示的图案。

将本文档保存成图案:编辑(Edit)-定义样式(Define Pattern),并为其命名。然后将该图案应用到基本形状上去。

图案叠加(参数见下图)

步骤4:添加高光

为基本形状添加一些高光看起来更有质感。首先,在形状图层上新建一个高光图层,并按照下图的指示将其与基本形状图层链接。

使用减淡工具(Soft Brush Tool)在形状的底部进行涂抹,之后将图层模式设为柔光,不透明度调至80%。

新建另一图层,使用渐变工具(Gradient Tool)-对称渐变(Reflected Gradient),颜色为 #fff ,将其应用在靠近基本形状的顶部的位置。然后将图层模式设为:柔光(Soft pght),不透明度修改为50%,

再新建一个图层,制作阴影效果。对该图层运用对称渐变( Reflected Gradient),颜色为#000,将其运用到基本形状的顶部位置。将该图层模式修改为正片叠底(Multiply),不透明度设为50%。

步骤5:添加缝线效果

缝线效果在PS CS6中很容易实现(直接应用Dash Stroke)。PS CS6对图形工具进行了升级,额外增加了描边和形状的选择项。如果你尚未使用PS CS6,不用着急,你依然能够跟上我们。不过,用PS CS6处理起来更方便。下面是新版的形状工具新增的选择面板。

填充选项面板

描边选项面板

为了制作出缝线效果,首先创建一个形状,做法跟前面的基本形状一样,只不过将宽度调整为70像素。

点击更多选项(More Options)调整描边,将Dash值设为5,Gap值设为6。.接着将描边的颜色改为#a4b1cf。完毕之后,去掉填充的颜色,这样我们的缝线效果就诞生了。

在CS5以下的版本,你可以手动用直线工具(pne Tool)搞定,每行5像素,间隔6像素。

接下来,我们要删除顶部多余的缝线,栅格化(Rasterize)图层,最后擦去顶部的缝线即可。

投影效果(参数见下图)

步骤6:添加图标

将图标素材放置于外形的中央。

描边效果(参数见下图)

渐变叠加颜色: #dddddd,#fff(其余参数见下图)

投影效果(参数见下图)

用文字工具( Text Tool)写上文字。

复制文本图层,颜色修改为 #2b406a,然后用键盘上的方向键上移至合适的位置。

步骤7:添加投影

复制基本形状图层,并用 #000000颜色填充。并将复制之后的基本形状图层置于原始形状图层下方。现在对复制之后的图层运用滤镜(Filter)-模糊(Blur)-高斯模糊(Gaussian Blur)。(具体参数见下图)

将图层和不需要的部分模糊,参加下图所示:

使用线性渐变( pnear Gradient)添加下图的阴影效果,颜色为 #000000。

用直线工具(pne Tool)画出一条颜色为#515055,1像素的细线,将其放图中的阴影之上。

最后,将阴影和细线两边模糊一下,就算大功告成了

总结

通过本教程的学习,各位同学需要掌握和强化的技巧包括:钢笔工具勾勒图案的技巧,高光的使用(增加质感)以及渐变工具等的使用。希望本教程能对大家有帮助。

FEVTE编注:更多优秀PS教程讨论交流和PS作品请到论坛PS交流区,地址:bbs.fevte.com/forum.php?mod=forumdisplay&fid=156&filter=typeid&typeid=131

篇3:阿蒙教程:PS和AI制作三亚音乐节海报

教程详情

程序:Adobe Photoshop CS6,Illustrator cs6

难度:中级

预计完成时间:90 分钟

最终效果图

教程素材

1、汉仪菱心体下载

2、海滩背景 下载

3、椰树 下载

4、音箱 下载

5、美女一 下载

6、美女二 下载

7、男人 下载

8、热气球 下载

9、瓶子 下载

第一步 添加文字--三亚音乐节

1、打开Illustrator,按ctrl+N,新建一个文档,大小1000x600px

2、按ctrl+T,输入文字 “三亚音乐节”,字体:汉仪菱心体,大小 188pt,颜色 #E83B71;字间距 -75px

3、选择菜单“窗口 -> 变换”或按Shift+F8,打开变换窗口,输入倾斜值 10°

4、右键点击,选择“创建轮廓”,将文字转为路径;按A键用直接选择工具,调整文字的节点,原则是保证节点平行对齐,认真观察原来海报的字体如图所示,

5、最后复制并粘帖它(按ctrl+C ctrl+F)命名为“原字”;后面会用到,先隐藏这个图层

第二步 制作3D文字--三亚音乐节

1、选择文字层,打开菜单“效果 -> 3D -> 凸出与斜角”,输入参数值如下图,然后点击确定

2、接着我们扩展这个3D图层,选择菜单“对象 -> 扩展外观”,这样我们就可以对3D文字的每个面的颜色进行调整了

3、用直接选择工具(A),选择阴影面,然后点击“渐变”面板(按ctrl+F9或“窗口 -> 渐变”),选择“线性”渐变,颜色 从#57011C 到#640229 角度-31°

4、用直接选择工具(A),选择高光面,选择“线性”渐变,颜色 从#5D0225 到#821A4F 角度25°

5、用相同的方法处理所有的面;这里有个技巧,用吸管工具可以实现颜色的替换,就不用每次都输入颜色值了;细节的地方可以参考原海报进行颜色和渐变方向的调整

6、这里有个地方需要特殊处理,就是“节”字的的高光和阴影部分(初学者可以忽略这个特殊处理)如图所示;具体操作如下:隐藏最上层的“节”字层,将该字中“口”层移到“节”层上方,并应用阴影面渐变;复制“节”层左侧的高光面,也粘帖到“节”层上方;并调整节点

第三步 添加文字--完美解决方案

1、按ctrl+T,输入文字 “完美解决方案”,大小 188pt,颜色 #E83B71;字间距 -75px

2、用前面两步相同的方法做出立体效果,注意文字节点调整;

3、在处理高光面和阴影面的时候,这里有个偷懒的方法:就是只要处理头尾3个字(完,方,案)就行了,中间的文字可在ps中将立体背景用画笔工具涂黑掉

第四步 全部立体字效果

到这里,AI制作立体字部分就完成了,接下来要将立体字复制到ps中进行处理

需要矢量文件的同学也可以下载我的源文件来参考,

阿蒙教程:PS和AI制作三亚音乐节海报

“立体字-矢量” 下载

第五步 打开ps,添加背景

1、打开photoshop,按ctrl+N,新建一个文档 大小 1200x600,命名为“三亚音乐节”

2、打开素材 海滩背景 将背景到拖到新建的文档中;命名为“海滩”

第六步 将立体字拖动到ps中

1、从AI选择“三亚音乐”图层,拖动到ps中,ps自动将其转换为矢量智能对象,我们将它也命名为“三亚音乐”

2、从AI选择“原字”图层,拖动到ps中,ps自动将其转换为矢量智能对象,我们将它也命名为“原字”

注意:如果你想将细节处理的更好,在AI中你可以将立体图层“三亚音乐”格式化(对象 -> 格式化),这样立体字面与面之间缝隙就不会那么明显

3、相同的方法,将“完美-立体”和“完美-原字”图层,拖到ps中,分别命名为“完美-立体”和“完美-原字”

第七步 设置前景文字

1、选择图层“原字”和“完美-原字”,然后按ctrl+E将其合并;命名为“三亚-完美”

2、选择图层“三亚-完美”,然后按ctrl+G,创建一个编组,命名为“前景文字”

3、双击“三亚-完美”,打开图层样式,选择“颜色叠加” 颜色 #e28fa1;然后选择“内阴影” 设置如图所示

4、将“三亚-完美”转换成智能对象

第八步 添加前景设色彩

1、用钢笔工具(P),在图层“三亚-完美”上方添加一个绘制一个矢量图层,如图所示;修改填充为渐变方式 颜色从 #e72f65 到 #e97ba8 角度 65°;并将图层混合模式改成“叠加”;

2、用钢笔工具(P),绘制剩余色彩块,填充方式可以自由发挥;也可以参考用原图;其中有两个高光色块必须要添加,填充方式为径向渐变 从 白色到透明

3、最后将色块层进行遮罩,将鼠标移到“三亚-完美”和“形状1”图层之间点击,按住alt键,然后点击;接着应用到所有色块

第九步 加深背景立体

1、选择图层“完美-立体”和“三亚音乐”,按ctrl+E,将他们合并,命名为“背景立体”

2、用画笔工具(B)颜色 #5F0224,在“背景立体”上涂抹,如图所示;这是重要的一步要认真涂抹才会有视觉冲击力

第十步 添加阴影层

1、点击图层面板底部的“新建图层”按钮,在“海滩”上方新建一个图层,命名为“阴影”

2、用椭圆选框工具(M),绘制一个椭圆,如图所示,添加颜色 #5e0223

3、点击菜单“滤镜 -> 模糊 -> 高斯模糊”,输入值 4

大功告成,是不是很有感觉呢 :) 到这里文字部分的处理就完成了,接下来我们要处理整体场景效果,放些与音乐,海滩有关的素材,当然最关键的是要把放上人物放上去

第十一步 添加场景素材

1、打开教程的所有的素材,将它们一一添加进来;这一步大家可以自由发挥

最终效果

篇4:CorelDRAW制作绿色立体图标教程

首先,来看看CorelDRAW制作的效果图:

教程 具体步骤:

步骤一、选择工具箱中的贝塞尔工具,然后在画布中绘制一个三角形,接着利用渐变工具进行填充,填充效果如图所示:

步骤二、接着利用上面同样的方法绘制另外一个三角形,并利用渐变填充,填充效果设置如图所示:

步骤三、利用同样的方法来绘制二个三角形并进行填充,不要认为下图中是一个三角形哦,

CorelDRAW制作绿色立体图标教程

如图所示:

步骤四、和步骤三一样,使用同样的方法来绘制右边两个三角形,如图所示:

步骤五、绘制好图形之后,按下键盘的【CTRL+G】进行群组即可,如图所示:

CDR制作标识教程

ppt课件制作教程

flash课件制作教程

PS鼠绘月球小屋图标教程

CDR制作积雪文字教程

WPS轻松制作自荐书教程

☆让美化更完美――调节音量图标美化教程☆☆☆

箱子碉堡作文

美图秀秀制作闪图教程

3DSMAX“场景纹理”图像制作教程

阿蒙教程:制作木箱子图标(整理4篇)

欢迎下载DOC格式的阿蒙教程:制作木箱子图标,但愿能给您带来参考作用!
推荐度: 推荐 推荐 推荐 推荐 推荐
点击下载文档 文档为doc格式
点击下载本文文档