<dd id="rcs5i"><tr id="rcs5i"></tr></dd>
    <div id="rcs5i"></div>

    <div id="rcs5i"></div>

      1. <div id="rcs5i"></div>

        当前位置: 首页 > 设计教程 > 网页设计教程 > Photoshop设计透明质感的产品介绍页面

        Photoshop设计透明质感的产品介绍页面

        在所有电子商务网站定价表中起着非常重要的作用通过精心设计可以让来网站的布局颜色和字体更加完美使你的网站能最大程度地吸引潜在客户一个粗制滥造的设计将会让你失去你的客户但是一个好的设计将带给你更多的客户如果你的定价表不够明确或者觉得不够凸显,客户可能不会接受你的任何产品让你的客户感觉你的定价表需要明确和一致的客户需要能够迅速地比较你的每个产品的价格优势等不同的信息所以,今天我们要利用photoshop打造一个明确的定价表我们将使用不同的纹理效果和混合技术来实现一个“透明的玻璃”的方法

        教程用到的素材

        织物纹理(http://brushsoulz.com/8-tileable-fabric-texture-patterns)

        ?#26893;?#30340;纹理(http://brushsoulz.com/tileable-midnight-blue-grunge-patterns)

        背景图像(http://black-moon16.deviantart.com/gallery/#/d1mnhsb)

        现在,在我们开始之前,让我们看看我们的最终产品:

        Photoshop设计透明质感的产品介绍页面

        步骤1:

        打开Photoshop创建一个宽度700 px 高度 800 px的新文件

        Photoshop设计透明质感的产品介绍页面

        步骤2:

        现在,打开背景图像,并将其?#31243;?#21040;我们新建的Photoshop文件中

        然后点击“滤镜”>“模糊”>“高斯模糊“你也可以通过使用“图像”>“调整”>“亮度/对比度”

        Photoshop设计透明质感的产品介绍页面

        步骤3:

        选择矩形工具, 使用颜色值为# ffffff创建一个矩形

        Photoshop设计透明质感的产品介绍页面

        步骤4:

        改变其混合模式为“柔光”和降低填充和不透明度到90%

        Photoshop设计透明质感的产品介绍页面

        步骤5:

        选中矩形图层打开“图层样式”窗口并应用下列图层样式设置:

        描边大小1px, 不透明度40%; 其余设置不变 颜色#ffffff

        Photoshop设计透明质感的产品介绍页面

        内阴影

        混合模式:线性减淡(添加)

        颜色#FFFFFF

        不透明度22%

        距离5px

        大小51px

        Photoshop设计透明质感的产品介绍页面

        外发光

        混合模式叠加

        不透明度75%

        颜色#FFF;

        (从下面的开始将不再详细翻译相信读者?#21152;?#35813;能看懂!如果不懂就百度谷歌实在不行可以联系我!教程盒子)

        Photoshop设计透明质感的产品介绍页面
        Photoshop设计透明质感的产品介绍页面

        步骤6:

        选择矩形工具,创建一个小矩形降低层的透明度到30%

        Photoshop设计透明质感的产品介绍页面

        分享到: 
        Photoshop设计大气黑色风格的网页模板
        Photoshop设计移动APP应用类型网站

        ?#35753;?#25512;荐

        ڿ¡

        <dd id="rcs5i"><tr id="rcs5i"></tr></dd>
          <div id="rcs5i"></div>

          <div id="rcs5i"></div>

            1. <div id="rcs5i"></div>

              <dd id="rcs5i"><tr id="rcs5i"></tr></dd>
                <div id="rcs5i"></div>

                <div id="rcs5i"></div>

                  1. <div id="rcs5i"></div>