ps教程论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 94|回复: 2
收起左侧

[技巧教程] 制作逼真的样机

[复制链接]
发表于 2019-6-30 13:42:13 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册

x
教程作者:PS大点

        本篇教程通过PS中的图层样式来制作金箔效果的样机,和其他制作的过程基本相同,整体教程比较长,同学们要有耐心一点的去制作,一起通过教程来看一下这个逼真的金箔logo样机是如何做出来的吧,教程和素材都准备好了,同学们来练习一下吧,只有练习才可以制作的更好。
        教程素材:http://www.16xx8.com/photoshop/sucai/2019/b630222.html
       

                               
登录/注册后可看大图
搜索公众号photoshop教程论坛,免费领取自学福利
        原教程来自于Tom Piccarreda的分享,Tom Piccarreda是一位来自意大利的,自学成才的平面和网页设计师,他已经有着10多年的从业经验。
        操作步骤:
        一、背景的创建
        1、首先,我们打开纸纹理素材,在图层面板上选择右边的那个锁图标,双击解锁。
       

                               
登录/注册后可看大图

        2、为这个纸纹理图层添加一个渐变叠加图层样式,将渐变颜色两边都设置为白色,将左侧不透明度设置为100%,右侧不透明度设置为0%。
       

                               
登录/注册后可看大图

        二、准备智能对象
        3、从素材包中找到我们所提供的透视图,打开它,并将其拖拽到我们的文档中。
       

                               
登录/注册后可看大图

        4、选择矩形工具,画一个大小为1408 x 1014像素的矩形(颜色无所谓,因为用不到,只要我们看了直观就好)。
       

                               
登录/注册后可看大图

        5、将这个矩形转换为智能对象。
         

                               
登录/注册后可看大图

        6、执行“编辑>变换>扭曲”,调整这个智能对象,让这个智能对象与透视图上的矩形相贴合。
       

                               
登录/注册后可看大图

        三、徽标的创建
        7、接下来,我们就是做一个徽标了,原教程是拿的一个AI格式的徽标,导入PS的,在这里,我们就不这么做了,我们用PS做,让P大点S教你如何用PS创建一个漂亮的徽标LOGO。我们的建议是新建个文档来做,首先,画几个圆,通过增加和减去,我们很轻易得到如下形状。
       

                               
登录/注册后可看大图

        8、在顶部,同样的继续画圆,增加减去,再放一个我们的LOGO进去。
       

                               
登录/注册后可看大图

        9、接下来,我们减去中间的那段。
       

                               
登录/注册后可看大图

        10、可能有朋友会觉得无从下手,因为有个弧度,其实,也没什么,直接画个矩形,然后执行“编辑>变换>变形”,选择扇形,弯曲-15度就可以了。
       

                               
登录/注册后可看大图

        11、同样的那两条圆角带弧度的线条也很好解决,画一个圆角矩形,当然,宽度只有一点点,比较长,然后也给它一个变形,弯曲-15度就可以了。
       

                               
登录/注册后可看大图

        12、加上这些文字和点,无压力吧,文字的字体,就是前面我们所提供的两个字体,徽标LOGO完成。
       

                               
登录/注册后可看大图

        四、更新智能对象
        13、双击要用来放LOGO的这个智能对象,PS会在新文档打开这个智能对象。
         

                               
登录/注册后可看大图

        14、把我们刚才做好的LOGO放进去,并调整大小,把原来那个矩形隐藏掉或者删除。
       

                               
登录/注册后可看大图

        15、关闭智能对象,并保存。
         

                               
登录/注册后可看大图

        16、保存完智能对象后,我们可以看到文档已经更新了,我们把透视图那个图层也隐藏掉或者删除,效果如下。
       

                               
登录/注册后可看大图

        五、添加金箔效果
        17、现在是时候给LOGO添加金箔效果了,把这个智能对象的填充修改为0,并复制三层。
       

                               
登录/注册后可看大图

        18、接下来,我们重新完善图层分组,移动一层到最顶层,命名为双击修改LOGO,其他三层置于同一个图层组中,这是我们的效果图层。
       

                               
登录/注册后可看大图

        19、首先,我们给效果1添加图层样式,我先添加一个内阴影。
       

                               
登录/注册后可看大图

        20、添加一个颜色叠加,颜色为#967a2f,具体参数如下:
       

                               
登录/注册后可看大图

        21、添加一个渐变叠加,具体参数如下:
       

                               
登录/注册后可看大图

        22、现在,我们得到如下效果。
       

                               
登录/注册后可看大图

        23、下面,我们给效果2添加图层样式,首先,是一个渐变叠加。
       

                               
登录/注册后可看大图

        24、添加一个投影,参数如下:
       

                               
登录/注册后可看大图

        25、现在,我们得到如下效果。
       

                               
登录/注册后可看大图

        26、下面,我们给效果3添加图层样式,首先,是一个渐变叠加。
       

                               
登录/注册后可看大图

        27、接下来,添加一个投影,参数如下:
       

                               
登录/注册后可看大图

        28、现在,我们已经完成了,我们得到如下效果。
       

                               
登录/注册后可看大图

        六、玫瑰金色调
        29、可能有的朋友会觉得,金色太普通了,这样的效果太多了,其实,我们也可以用玫瑰金色调来替换这种普通的金色。在效果图层组上层,以剪贴蒙版形式,新建一个纯色调整层,颜色设置为#eeb5ef,调整图层混合模式为“叠加”,图层不透明度为90%。
       

                               
登录/注册后可看大图

        30、当然,你想要用其他颜色,也可以,只是看出来会有点怪,你可以试试。
        我们的最终效果如下:
       

                               
登录/注册后可看大图
搜索公众号photoshop教程论坛,免费领取自学福利
       

                               
登录/注册后可看大图

        跟着教程来学习制作一下吧,相信你可以做的更好,但是要动手练习噢。

                               
登录/注册后可看大图
发表于 2019-7-3 17:14:25 | 显示全部楼层
那中间矩形变形怎么老是不是跟图片上的一样啊,求解
微信图片_20190703163620.png
回复 支持 反对

使用道具 举报

发表于 2019-7-8 10:36:48 | 显示全部楼层
请问那种像是印在背景上面的斜斜的效果是怎么出来的
斜切效果.jpg
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

求建议和反映问题|小黑屋|免责声名|Archiver|photoshop教程论坛 ( 粤ICP备07017357号 )

GMT+8, 2019-7-22 23:53 , Processed in 0.038469 second(s), 13 queries , Gzip On, XCache On.

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表