欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

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

程序员文章站 2022-03-26 18:47:04
淘宝首页如何用ps设计不规则的排版效果,今天我们就来看看使用ps设计淘宝首页展示图排版效果的技巧。我们用【图框工具】画出3个大小不同的图框,如图所示。接着,我们把图片分别拖入图框中,调整好大小,如图所...

淘宝首页如何用ps设计不规则的排版效果,今天我们就来看看使用ps设计淘宝首页展示图排版效果的技巧。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

以上就是淘宝首页展示图的做法,希望大家喜欢,请继续关注。