Photoshop制作三维网格垃圾桶
- 2022-03-27
- 来源/作者: ONEGREEN.ORG / 佚名
- 21 次浏览
最终效果图

1.在Photoshop重新建500*500文档,白色背景。
新建图层1,选椭圆选框工具,在下方画个椭圆,填充颜色。这里用蓝色(65/65/165),以下需要填充的都用这个颜色。

2.如果刚才的填充不是用快捷键而是用油漆桶工具,就要再选择选框工具,然后用键盘的箭头键来移动选区。按住SHIFT点键盘的向上箭头键1下,将选区向上移动10个像素,按CTRL+SHIFT+I反选,按CTRL+J复制出新的一层。
选择图层1,按CTRL点击图层载入图层1的选区,按SHIFT点键盘向下箭头2下,将选区向下移动20个像素,执行选择--变换选区,按住ALT,略为收缩选区的宽度。

3.按回车完成变换后,按CTRL+SHIFT+I反选,按CTRL+J复制出新的一层。隐藏图层1后是这样子,上边是图层3,下边是图层2。

4.选择图层2,载入图层2选区,将选区向上移动约3个像素,执行选择-羽化,半径为2像素,反选,执行图像-调整-亮度对比度,降低亮度30,降低对比度30。


6.在图层1上新建一层,载入图层1的选区,选择渐变工具,设前景色为白色,背景色为黑色,在选区内从右下至左上拉径向渐变。将图层混合模式设为正片叠底,不透明度降低为30%,按CTRL+E向下合并到图层1。

7.在最上面新建图层4,载入图层1的选区,将选区向上移动20个像素(在选框工具的状态下,按住SHIFT按键盘箭头键1次移动10个像素,放开SHIFT按1次1个像素),执行选择-变换选区,在窗口上方变换的选项中将水平缩放的比例调为102%,按回车2次完成变换。将前景色调回刚才的蓝色,按ALT+DELETE填充。

8.不要取消选择,执行选择-修改-收缩,5像素。再将选区向上移动2像素,按DELETE删除。

9.取消选择,考虑到完成后我们要往篓子里装东西,必须分成前后二层来做。选矩形选框工具,在上半部画个选区,羽化1。


11.设置动作是个很好的功能,我们作图时常用的一些动作如复制当前层、删除当前层等,都可以通过设置动作来得到快捷键。
同样方法,选择“后”层按F5多次,完成后副本也都合并到“后”层。

12.整理一下图层面板,将图层1命名为“底”,图层2合并到“前”层,图层3合并到“后”层。调整图层次序(可用鼠标拖动图层),由上到下分别为“前”、“后”、“底”、“背景”。
现在来做那些竖条,需要用定义图案来填充。新建20*3文档,透明背景。放大到最大后,用3像素的铅笔点二下,得到左边6个像素的图案,执行编辑-定义图案。

13.关闭这个文档,回到垃圾桶文档,在“前”层上新建图层1,填充刚才定义的图案。

14.执行编辑-变换-透视,将下边收缩,观察收缩的斜度和篓子的斜度一致。


16.用钢笔沿着这圈边缘勾出,反选删除多余部分,向下合并到“前”层。

17.选择图层1副本层,将这一层放在“后”层的上面,按CTRL+T自由变换,整体稍微收缩一些和向上移动些。

18.同样方法载入“后”层的选区,收缩反选,去掉多余的部分,合并到“后”层

19.在“后”层上新建一层,用椭圆选框工具画个和篓口一样大的椭圆,填充。


21.在“前”层上新建一层,用椭圆选框工具画个比篓口略低一点的椭圆,填充。

22.将选区向上移动后删除,向下合并到“前”层。

23.在最上面新建图层1,画个比篓口大点的椭圆,填充。并执行选择-储存选区,将选区储存到通道中。

24.不要取消选择,新建图层2,选渐变工具,渐变色设为灰-白-灰,在选区内从右上至左下拉线性渐变。


26.载入图层1选区,执行选择-变换选区,将选区收缩和轻微上移,删除。

27.在通道中调出刚才储存的选区,羽化2,将选区略收缩和向上移动几个像素,执行图像-调整-亮度对比度,增加亮度30

28.取消选择,用模糊工具模糊一下上半部的内沿,使边缘和“后”层的接合过渡自然。

29.现在分别给“前”层和“后”层加图层样式。双击图层设置图层样式,选择斜面和浮雕,大小0,暗调不透明度50%,其余按默认。

30.再给这二个层加明暗。在“前”层上新建图层2,用矩形选框工具画个大矩形,选渐变工具,单击窗口左上方的小框编辑渐变,渐变色的设置如图。然后在选区中从左至右拉线性渐变。


32.复制这一层(图层2),将这个副本层放在“后”层的上面并隐藏以免干扰,等会再做。选择图层2,按CTRL+G和“前”层编组,设置混合模式为叠加,向下合并到“前”层。

33.选择“后”层,降低这一层的亮度25。选择图层2副本,执行编辑-变换-水平翻转,也同样按CTRL+G和“后”层编组,改混合模式为叠加,降低不透明度为40%,向下合并。

34.选择“前”层,载入图层1的选区,将选区向下移动几个像素,羽化3,执行图像-调整-亮度对比度,降低亮度40,降低对比度30。

35.加投影和背景就完成了。以前做了些什么东西,拿出来破坏一下,就可以扔进去了。当然,这些东西都要放在前后层的中间。

1.在Photoshop重新建500*500文档,白色背景。
新建图层1,选椭圆选框工具,在下方画个椭圆,填充颜色。这里用蓝色(65/65/165),以下需要填充的都用这个颜色。

2.如果刚才的填充不是用快捷键而是用油漆桶工具,就要再选择选框工具,然后用键盘的箭头键来移动选区。按住SHIFT点键盘的向上箭头键1下,将选区向上移动10个像素,按CTRL+SHIFT+I反选,按CTRL+J复制出新的一层。
选择图层1,按CTRL点击图层载入图层1的选区,按SHIFT点键盘向下箭头2下,将选区向下移动20个像素,执行选择--变换选区,按住ALT,略为收缩选区的宽度。

3.按回车完成变换后,按CTRL+SHIFT+I反选,按CTRL+J复制出新的一层。隐藏图层1后是这样子,上边是图层3,下边是图层2。

4.选择图层2,载入图层2选区,将选区向上移动约3个像素,执行选择-羽化,半径为2像素,反选,执行图像-调整-亮度对比度,降低亮度30,降低对比度30。

5.选择图层1,降低亮度40,降低对比度30。

6.在图层1上新建一层,载入图层1的选区,选择渐变工具,设前景色为白色,背景色为黑色,在选区内从右下至左上拉径向渐变。将图层混合模式设为正片叠底,不透明度降低为30%,按CTRL+E向下合并到图层1。

7.在最上面新建图层4,载入图层1的选区,将选区向上移动20个像素(在选框工具的状态下,按住SHIFT按键盘箭头键1次移动10个像素,放开SHIFT按1次1个像素),执行选择-变换选区,在窗口上方变换的选项中将水平缩放的比例调为102%,按回车2次完成变换。将前景色调回刚才的蓝色,按ALT+DELETE填充。

8.不要取消选择,执行选择-修改-收缩,5像素。再将选区向上移动2像素,按DELETE删除。

9.取消选择,考虑到完成后我们要往篓子里装东西,必须分成前后二层来做。选矩形选框工具,在上半部画个选区,羽化1。

10.按CTRL+X剪切,再按CTRL+V粘贴出新图层5。粘贴时图像会自动贴在画布的中间,好象有快捷键可让它粘贴在原位的,我不记得了,把它向下移回来就好。给图层4命名为“前”,图层5命名为“后”(在图层点右键选图层属性就可命名,也可以按ALT双击图层)。
图层的大量复制移动有不少方法,这里选择用设置动作来完成。在图层面板上选中“前”层,打开“动作”面板,点击右上角的小三角,选“新动作”,在弹出的对话框中设置功能键,例如选F5,然后按“记录”。
回到图层面板,复制“前”层为“前副本”层(鼠标按住要复制的图层不放,将它拖到图层面板下方“创建新图层”的小图标上),按CTR+T自由变换,按键盘箭头向上移动15个像素,在窗口上方自由变换选项中将水平缩放比例调为102%,按回车2次完成变换。再打开“动作”面板,点右上角小三角形选“停止记录”。
回到图层,选择“前副本”层,按刚才所设置的快捷键F5,就会执行复制当前层、移动变换这些动作,次数自己看着办。将上半部的各层调宽一点距离作出些透视效果,然后将这些副本层全部合并到“前”层。

11.设置动作是个很好的功能,我们作图时常用的一些动作如复制当前层、删除当前层等,都可以通过设置动作来得到快捷键。
同样方法,选择“后”层按F5多次,完成后副本也都合并到“后”层。

12.整理一下图层面板,将图层1命名为“底”,图层2合并到“前”层,图层3合并到“后”层。调整图层次序(可用鼠标拖动图层),由上到下分别为“前”、“后”、“底”、“背景”。
现在来做那些竖条,需要用定义图案来填充。新建20*3文档,透明背景。放大到最大后,用3像素的铅笔点二下,得到左边6个像素的图案,执行编辑-定义图案。

13.关闭这个文档,回到垃圾桶文档,在“前”层上新建图层1,填充刚才定义的图案。

14.执行编辑-变换-透视,将下边收缩,观察收缩的斜度和篓子的斜度一致。

15.将图层1复制一个副本出来并隐藏,等会儿用。选择图层1,载入“前”层的选区,收缩1像素,反选。然后用橡皮檫将竖条和前层相交的边缘檫掉。(这时隐藏了“后”层)。

16.用钢笔沿着这圈边缘勾出,反选删除多余部分,向下合并到“前”层。

17.选择图层1副本层,将这一层放在“后”层的上面,按CTRL+T自由变换,整体稍微收缩一些和向上移动些。

18.同样方法载入“后”层的选区,收缩反选,去掉多余的部分,合并到“后”层

19.在“后”层上新建一层,用椭圆选框工具画个和篓口一样大的椭圆,填充。

20.将选区略收缩和下移,删除,取消选择,将这一层合并到“后”层。

21.在“前”层上新建一层,用椭圆选框工具画个比篓口略低一点的椭圆,填充。

22.将选区向上移动后删除,向下合并到“前”层。

23.在最上面新建图层1,画个比篓口大点的椭圆,填充。并执行选择-储存选区,将选区储存到通道中。

24.不要取消选择,新建图层2,选渐变工具,渐变色设为灰-白-灰,在选区内从右上至左下拉线性渐变。

25.取消选择,将图层混合模式设为“叠加”,向下合并到图层1。

26.载入图层1选区,执行选择-变换选区,将选区收缩和轻微上移,删除。

27.在通道中调出刚才储存的选区,羽化2,将选区略收缩和向上移动几个像素,执行图像-调整-亮度对比度,增加亮度30

28.取消选择,用模糊工具模糊一下上半部的内沿,使边缘和“后”层的接合过渡自然。

29.现在分别给“前”层和“后”层加图层样式。双击图层设置图层样式,选择斜面和浮雕,大小0,暗调不透明度50%,其余按默认。

30.再给这二个层加明暗。在“前”层上新建图层2,用矩形选框工具画个大矩形,选渐变工具,单击窗口左上方的小框编辑渐变,渐变色的设置如图。然后在选区中从左至右拉线性渐变。

31.执行编辑-变换-透视,调整斜度和篓子符合。

32.复制这一层(图层2),将这个副本层放在“后”层的上面并隐藏以免干扰,等会再做。选择图层2,按CTRL+G和“前”层编组,设置混合模式为叠加,向下合并到“前”层。

33.选择“后”层,降低这一层的亮度25。选择图层2副本,执行编辑-变换-水平翻转,也同样按CTRL+G和“后”层编组,改混合模式为叠加,降低不透明度为40%,向下合并。

34.选择“前”层,载入图层1的选区,将选区向下移动几个像素,羽化3,执行图像-调整-亮度对比度,降低亮度40,降低对比度30。

35.加投影和背景就完成了。以前做了些什么东西,拿出来破坏一下,就可以扔进去了。当然,这些东西都要放在前后层的中间。
