当前位置:首页ps教程Photoshop设计一个漂亮的3D木箱
Photoshop设计一个漂亮的3D木箱
°
  • 素材类型: 资源-素材
  • 上传时间:

在这个Photoshop教程中,你会学习到如何制作一个有真实触感的木箱子。

在这个Photoshop教程中,你会学习到如何制作一个有真实触感的木箱子。

先看看最终效果图

Photoshop设计一个漂亮的3D木箱

第一步:创建一个新的文档

在Photoshop中创建一个300X300像素大小,白色背景的文档。你可以改变文档的大小,但是要保证高度和宽度之比为1:1。

Photoshop设计一个漂亮的3D木箱

小贴士:使用图层组可以将一组图层放在一起便于一起移动和更改大小。这样避免了对多个图层进行移动和更改大小的操作的单调性。

第二步:创建正面

创建一个新的图层组(将其命名为”Front-Face”)。在图层组中,创建一个新的图层(将其命名为”Front”),选择矩形选区工具,作出如下图的选区,并将其填充为黑色。

Photoshop设计一个漂亮的3D木箱

选择图层>图层样式>混合模式命令,并使用如下设置:

Photoshop设计一个漂亮的3D木箱

Photoshop设计一个漂亮的3D木箱

Photoshop设计一个漂亮的3D木箱

按住Ctrl键,点击”Front”图层将其载入选区,然后选择选择>编辑>平滑命令,选择3个像素,点击确定。按下Ctrl+Shift+I反选选区,然后点击Delete。

按住Ctrl键,点击图层,选择选择>编辑>收缩,键入25个像素点击确定。创建一个新的图层(命名为”Front-Etch”),将选区填充为黑色。给新创建的图层应用混合选项,使用如下设置:

Photoshop设计一个漂亮的3D木箱

Photoshop设计一个漂亮的3D木箱

Photoshop设计一个漂亮的3D木箱

第三步:创建木纹材质

创建一个新的图层(命名为”Texture”),将其填充为白色。选择滤镜>杂色>添加杂色,应用如下设置:

Photoshop设计一个漂亮的3D木箱

选择滤镜>模糊>动态模糊并且应用如下设置:

Photoshop设计一个漂亮的3D木箱

选择Texture图层,按住Ctrl键,点击Front图层,按下Ctrl+Shift+I键,按下Delete。这样,超出Front图层的材质部分就会被清除掉。 在图层仍然被选择的情况下,按下Ctrl+L键,应用如下设置: 将图层混合模式更改为柔光

选择”Texture”图层,按住Ctrl键,点击”Front”图层,按下Ctrl+Shift+I键,按下Delete。这样,超出”Front”图层的材质部分就会被清除掉。

在图层仍然被选择的情况下,按下Ctrl+L键,应用如下设置:

Photoshop设计一个漂亮的3D木箱

将图层混合模式更改为柔光,透明度降低为30%。

第四步:给正面增加细节

创建一个新的图层(命名为”Line”),使用矩形选区工具,如下图那样画一个2个像素宽的垂直线条:

Photoshop设计一个漂亮的3D木箱

按下Ctrl+T,逆时针方向将线条旋转45度。将线条移动到”Front”图层的左上方。在图层面板中,将”Line”图层放置于”Front-Etch”图层下方,结果看上去应该是这样:

Photoshop设计一个漂亮的3D木箱

打开混合选项,应用如下设置:

Photoshop设计一个漂亮的3D木箱

Photoshop设计一个漂亮的3D木箱

复制图层(Ctrl+J),选择编辑>变换>垂直翻转。将复制好的图层向下移动,直到它的边缘和”Face”图层的左下角对齐。

你可能注意到复制的图层不像它在上方时候那样颜色上能很好的融合,要解决这个问题,打开混合选项,应用如下设置:

Photoshop设计一个漂亮的3D木箱

Photoshop设计一个漂亮的3D木箱

复制那两个线条,将它们水平翻转并向右移动,这样你会得到如下的结果:

Photoshop设计一个漂亮的3D木箱

第五步 进一步给正面增加细节 选择形状工具,在画布的任何地方画一个小的圆圈。打开它的混合选项使用如下设置: 复制此图层(Ctrl+J),然后将这两个圆圈移动到如下位置: 复制这两个圆圈,将它们移动到另外的三个角

第五步 进一步给正面增加细节

选择形状工具,在画布的任何地方画一个小的圆圈。打开它的混合选项使用如下设置:

Photoshop设计一个漂亮的3D木箱

Photoshop设计一个漂亮的3D木箱

复制此图层(Ctrl+J),然后将这两个圆圈移动到如下位置:

Photoshop设计一个漂亮的3D木箱

复制这两个圆圈,将它们移动到另外的三个角上。

Photoshop设计一个漂亮的3D木箱

创建一个新的图层(命名为”Ridges”),作出两个像素宽的水平选区,将其填充为黑色。确保线条要比”Face-Etch”图层的两端短两个像素。

Photoshop设计一个漂亮的3D木箱

按住Ctrl键点击此图层,将选区向下移动20个像素(按下Shift+Down两次),将选区填充为黑色,重复做出7条这样的水平线条。

Photoshop设计一个漂亮的3D木箱

打开混合选项使用如下设置:

Photoshop设计一个漂亮的3D木箱

Photoshop设计一个漂亮的3D木箱

第六步 给正面增加箭头标志

使用钢笔工具,作出如下箭头形状:

Photoshop设计一个漂亮的3D木箱

将箭头图层放置于”Texture”图层和”Ridges”图层下方。将其混合模式设置为叠加,不透明度降低为45%。

第七步 给底部增加阴影

创建一个图层(命名为”Shadow”),在图层面板中将它放置于所有图层的下方。将选区填充为6个像素厚的黑色,比正面要略宽一些。

Photoshop设计一个漂亮的3D木箱

选择滤镜模糊高斯模糊,输入2个像素,点击确定。现在选择滤镜模糊动感模糊,输入:角度=0,距离=30像素,现在的结果如下: 第八步 创建顶部 创建一个新的图层组(命名为Upper-Face),创建一个新的图层(命名为Up),如

选择滤镜>模糊>高斯模糊,输入2个像素,点击确定。现在选择滤镜>模糊>动感模糊,输入:角度=0,距离=30像素,现在的结果如下:

Photoshop设计一个漂亮的3D木箱

第八步 创建顶部

创建一个新的图层组(命名为”Upper-Face”),创建一个新的图层(命名为”Up”),如下所示那样画出一个矩形,填充为黑色:

Photoshop设计一个漂亮的3D木箱

你可以使用网格将其对齐,接下来,选择编辑>变换>透视,点击并且向内拖拽”Up”图层上方的其中一个角,得到的结果如下:

Photoshop设计一个漂亮的3D木箱

按住Ctrl键,点击图层,选择选择>编辑>平滑,输入3个像素点击确定。按下Ctrl+Shift+I反选选区,点击Delete键。打开它的混合选项,使用如下设置:

Photoshop设计一个漂亮的3D木箱

Photoshop设计一个漂亮的3D木箱

按住Ctrl键,在图层上点击,选择选择>编辑>缩小,输入15个像素,点击确定。创建一个新的图层(命名为”Up-Etch”),将选区填充为黑色。将图层向上移动6-7个像素。打开它的混合选项,使用如下设置:

Photoshop设计一个漂亮的3D木箱

Photoshop设计一个漂亮的3D木箱

Photoshop设计一个漂亮的3D木箱

第九步 给顶面增加木头质感

从”Front-Face”图层组中复制”Texture”图层,将它移动到”Upper-Face”图层组中。将它放置于其它两个图层的上方。将超出”Up”图层的”Texture”图层部分清除掉。你会得到类似于如下这样的结果:

Photoshop设计一个漂亮的3D木箱

第十步 给顶面增加细节

如同在正面所做的那样给顶面增加脊线、线条、钉子等细节。使用相同的图层样式后得到如下结果:

Photoshop设计一个漂亮的3D木箱

在这里,给脊线和对角线使用1个像素宽的线条,钉子要使用更小的圆圈。

第十一步 最后的调整

要做最后的调整,点击”Front-Face”图层组,选择图层>新调整图层>色阶,调整为你喜欢的样子。

在色阶之外,我还使用的色彩平衡图层,最后的结果如下:

Photoshop设计一个漂亮的3D木箱

希望你能喜欢这个教程。

原文地址:How To Design a 3D Wooden Box in Photoshop

PSD文件下载: Photoshop设计一个漂亮的3D木箱 MissYuan_教程PSD.rar

进入论坛参与讨论和交作业:http://www.missyuan.com/viewthread.php?tid=440563

温馨提示:

文章标题:Photoshop设计一个漂亮的3D木箱

文章链接:https://www.4tu.cn/photoshop/39398.html

更新时间:2024年08月30日

文章版权声明
1、本网站名称:思图创意
2、本站永久网址:https://www.4tu.cn
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报

本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。

给TA打赏
共{{data.count}}人
人已打赏
ps教程

Photoshop设计一个破旧的卡通网站布局

2024-8-30 10:16:32

ps教程

Photoshop消除发丝去抠图后的白边

2024-8-30 10:17:55

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
购物车
优惠劵
今日签到
搜索