查看: 76|回复: 0

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

[复制链接]

4

主题

0

回帖

0

积分

热心网友

金币
0
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2012-2-25
发表于 2021-1-22 11:50:31 | 显示全部楼层 |阅读模式

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

Adobe Photoshop 2020 v21.2.12.215 ACR14.0 中文版+安装教程

  • 类型:图像处理
  • 大小:1.93GB
  • 语言:简体中文
  • 时间:2022-05-13
查看详情

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

相关推荐:

ps怎么给图片制作漂亮的画中画排版效果?

ps怎么使用文字工具排版出杂志版式的效果?

ps怎么设计六边形设计图? ps蜂窝排版图的设计方法

回复

使用道具 举报

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

本版积分规则

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部