下面是小编精心整理的阿蒙教程:制作木箱子图标(共含4篇),仅供参考,大家一起来看看吧。同时,但愿您也能像本文投稿人“yukimaro”一样,积极向本站投稿分享好文章。
图标的制作关键在于对高光和阴影把控;色彩的选用也很关键,决定了你的作品是否是高品质的,通过对本文的学习,你可以很好的掌握制作图标的各种技巧,举一反三的应用到其他作品中
程序: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
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
程序: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)命名为“原字”;后面会用到,先隐藏这个图层
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制作三亚音乐节海报
,
“立体字-矢量” 下载
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、打开教程的所有的素材,将它们一一添加进来;这一步大家可以自由发挥
首先,来看看CorelDRAW制作的效果图:
教程 具体步骤:
步骤一、选择工具箱中的贝塞尔工具,然后在画布中绘制一个三角形,接着利用渐变工具进行填充,填充效果如图所示:
步骤二、接着利用上面同样的方法绘制另外一个三角形,并利用渐变填充,填充效果设置如图所示:
步骤三、利用同样的方法来绘制二个三角形并进行填充,不要认为下图中是一个三角形哦,
CorelDRAW制作绿色立体图标教程
,
如图所示:
步骤四、和步骤三一样,使用同样的方法来绘制右边两个三角形,如图所示:
步骤五、绘制好图形之后,按下键盘的【CTRL+G】进行群组即可,如图所示:
★ 箱子碉堡作文