产品部-Wyee藴仪 发表于 2019-6-30 13:42:13

制作逼真的样机

教程作者：PS大点
        本篇教程通过PS中的图层样式来制作金箔效果的样机，和其他制作的过程基本相同，整体教程比较长，同学们要有耐心一点的去制作，一起通过教程来看一下这个逼真的金箔logo样机是如何做出来的吧，教程和素材都准备好了，同学们来练习一下吧，只有练习才可以制作的更好。
        教程素材：http://www.16xx8.com/photoshop/sucai/2019/b630222.html
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x086258.thumb.jpg搜索公众号photoshop教程论坛，免费领取自学福利
        原教程来自于Tom Piccarreda的分享，Tom Piccarreda是一位来自意大利的，自学成才的平面和网页设计师，他已经有着10多年的从业经验。
        操作步骤：
        一、背景的创建
        1、首先，我们打开纸纹理素材，在图层面板上选择右边的那个锁图标，双击解锁。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x186258.thumb.jpg
        2、为这个纸纹理图层添加一个渐变叠加图层样式，将渐变颜色两边都设置为白色，将左侧不透明度设置为100%，右侧不透明度设置为0%。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x286258.thumb.jpg
        二、准备智能对象
        3、从素材包中找到我们所提供的透视图，打开它，并将其拖拽到我们的文档中。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x386258.thumb.jpg
        4、选择矩形工具，画一个大小为1408 x 1014像素的矩形(颜色无所谓，因为用不到，只要我们看了直观就好)。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x486258.thumb.jpg
        5、将这个矩形转换为智能对象。
       http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x586258.thumb.gif
        6、执行“编辑>变换>扭曲”，调整这个智能对象，让这个智能对象与透视图上的矩形相贴合。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x686258.thumb.jpg
        三、徽标的创建
        7、接下来，我们就是做一个徽标了，原教程是拿的一个AI格式的徽标，导入PS的，在这里，我们就不这么做了，我们用PS做，让P大点S教你如何用PS创建一个漂亮的徽标LOGO。我们的建议是新建个文档来做，首先，画几个圆，通过增加和减去，我们很轻易得到如下形状。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x786258.thumb.jpg
        8、在顶部，同样的继续画圆，增加减去，再放一个我们的LOGO进去。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x886258.thumb.jpg
        9、接下来，我们减去中间的那段。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x986258.thumb.jpg
        10、可能有朋友会觉得无从下手，因为有个弧度，其实，也没什么，直接画个矩形，然后执行“编辑>变换>变形”，选择扇形，弯曲-15度就可以了。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x1086258.thumb.jpg
        11、同样的那两条圆角带弧度的线条也很好解决，画一个圆角矩形，当然，宽度只有一点点，比较长，然后也给它一个变形，弯曲-15度就可以了。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x1186258.thumb.jpg
        12、加上这些文字和点，无压力吧，文字的字体，就是前面我们所提供的两个字体，徽标LOGO完成。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x1286258.thumb.jpg
        四、更新智能对象
        13、双击要用来放LOGO的这个智能对象，PS会在新文档打开这个智能对象。
       http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x1386258.thumb.gif
        14、把我们刚才做好的LOGO放进去，并调整大小，把原来那个矩形隐藏掉或者删除。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x14.jpg
        15、关闭智能对象，并保存。
       http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x1586258.thumb.gif
        16、保存完智能对象后，我们可以看到文档已经更新了，我们把透视图那个图层也隐藏掉或者删除，效果如下。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x1686258.thumb.jpg
        五、添加金箔效果
        17、现在是时候给LOGO添加金箔效果了，把这个智能对象的填充修改为0，并复制三层。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x1786258.thumb.jpg
        18、接下来，我们重新完善图层分组，移动一层到最顶层，命名为双击修改LOGO，其他三层置于同一个图层组中，这是我们的效果图层。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x1886258.thumb.jpg
        19、首先，我们给效果1添加图层样式，我先添加一个内阴影。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x1986258.thumb.jpg
        20、添加一个颜色叠加，颜色为#967a2f，具体参数如下：
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x2086258.thumb.jpg
        21、添加一个渐变叠加，具体参数如下：
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x2186258.thumb.jpg
        22、现在，我们得到如下效果。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x2286258.thumb.jpg
        23、下面，我们给效果2添加图层样式，首先，是一个渐变叠加。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x2386258.thumb.jpg
        24、添加一个投影，参数如下：
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x2486258.thumb.jpg
        25、现在，我们得到如下效果。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x2586258.thumb.jpg
        26、下面，我们给效果3添加图层样式，首先，是一个渐变叠加。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x2686258.thumb.jpg
        27、接下来，添加一个投影，参数如下：
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x2786258.thumb.jpg
        28、现在，我们已经完成了，我们得到如下效果。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x2886258.thumb.jpg
        六、玫瑰金色调
        29、可能有的朋友会觉得，金色太普通了，这样的效果太多了，其实，我们也可以用玫瑰金色调来替换这种普通的金色。在效果图层组上层，以剪贴蒙版形式，新建一个纯色调整层，颜色设置为#eeb5ef，调整图层混合模式为“叠加”，图层不透明度为90%。
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x2986258.thumb.jpg
        30、当然，你想要用其他颜色，也可以，只是看出来会有点怪，你可以试试。
        我们的最终效果如下：
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x086258.thumb.jpg搜索公众号photoshop教程论坛，免费领取自学福利
        http://pic1.16xx8.com/allimg/1xvsn2/16xx886258x3186258.thumb.jpg
        跟着教程来学习制作一下吧，相信你可以做的更好，但是要动手练习噢。
http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

oaoao 发表于 2019-7-3 17:14:25

那中间矩形变形怎么老是不是跟图片上的一样啊，求解

smile_xjz 发表于 2019-7-8 10:36:48

请问那种像是印在背景上面的斜斜的效果是怎么出来的

时光不染 发表于 2019-10-23 14:22:12

我的作业：

nini熊宝宝 发表于 2019-11-5 12:48:44

我的作业：logo做到变形做不下去了。虽然已经变成扇形但是删除的时候还是最开始的长方形选区，可能操作步骤不对。这个前面的转换成智能对象我也没有领悟通透

补充内容 (2019-11-5 12:50):
logo用了作者的成品，下去再练练吧

青春、一个梦 发表于 2020-4-4 16:57:49

我的作业：

小z呀 发表于 2020-5-10 15:57:28

那个圆圈是怎么做的同等比例

DAGUI 发表于 2020-8-28 17:08:26

我的作业：

alexmo 发表于 2021-1-22 00:41:44

受教{:5_483:}{:5_483:}{:5_483:}{:5_483:}{:5_483:}{:5_483:}{:5_483:}{:5_483:}{:5_483:}{:5_483:}{:5_483:}{:5_483:}{:5_483:}{:5_483:}{:5_483:}{:5_483:}

hcd123 发表于 2021-4-13 11:53:49

我的作业：

喜喜喜喜喜喜 发表于 2021-5-11 15:13:11

时光不染 发表于 2019-10-23 14:22
我的作业：

请问你有这个的素材包嘛，可以给我发一下吗？现在已经没有了，不能下载了{:5_234:}
页: [1]
查看完整版本: 制作逼真的样机