A手机版当下系统
当下系统
a 当前位置: 首页 > 生活攻略 >   > PS淘宝首页产品不规则错位展示排版效果图设计步骤

PS淘宝首页产品不规则错位展示排版效果图设计步骤

 互联网 • 2021-01-22 14:18:47  E638
淘宝首页如何用ps设计不规则的排版效果,今天我们就来看看使用ps设计淘宝首页展示图排版效果的技巧。ps怎么设计淘宝首页不规则排版效果?淘宝首页的排版很重要,该怎么排版呢?下面我们就来看看淘宝首页展示图的做法,需要的朋友可以参考下


PS淘宝首页产品不规则错位展示排版效果图设计步骤

我们用【图框工具】画出3个大小不同的图框,如图所示。

ps怎么设计淘宝首页不规则排版效果? 淘宝首页展示图的做法

接着,我们把图片分别拖入图框中,调整好大小,如图所示。

ps怎么设计淘宝首页不规则排版效果? 淘宝首页展示图的做法

接下来,我们用【矩形工具】在长图的下面画出一个矩形,然后在右上角的图片下面画出一个白色的矩形,如图所示。

ps怎么设计淘宝首页不规则排版效果? 淘宝首页展示图的做法

我们选中白色的矩形,点击【fx】选择【投影】,如图所示。

ps怎么设计淘宝首页不规则排版效果? 淘宝首页展示图的做法

我们把投影设置为【黑色】,不透明度调整为22%,角度为120度,距离、扩展和大小根据需要调整参数,点击【确定】,如图所示。

ps怎么设计淘宝首页不规则排版效果? 淘宝首页展示图的做法

接下来,我们用【文字工具】先输入一组文字,如图所示。

ps怎么设计淘宝首页不规则排版效果? 淘宝首页展示图的做法

我们在查看详情的小字下面,用【矩形工具】画出一个绿色的矩形,然后把文字改成白色,如图所示。

ps怎么设计淘宝首页不规则排版效果? 淘宝首页展示图的做法

最后,我们把第一组文字选中,复制到另外两张图片的下方,修改文字和颜色就完成了。

ps怎么设计淘宝首页不规则排版效果? 淘宝首页展示图的做法

ps怎么设计淘宝首页不规则排版效果? 淘宝首页展示图的做法


本文来源互联网(图片来源网络,版权归原作者所有)
 1/2    1 2  下一页 
    标签: PS 

    【PS】相关玩法RELEVANT