入门实例

关注公众号 jb51net

关闭
平面设计 > photoshop教程 > 入门实例 >

ps怎么制作圆角效果的淘宝首页图片? 淘宝首页图ps设计方法

lily51588

淘宝首页图片怎么设计成圆角效果,下面把制作图片设计成圆角效果的操作方法。

ps怎么制作圆角效果的淘宝首页图片? 淘宝首页图ps设计方法

我们用【圆角矩形工具】画出一个合适大小的圆角矩形,把填充颜色设置深绿色。

ps怎么制作圆角效果的淘宝首页图片? 淘宝首页图ps设计方法

我们选中圆角矩形1,然后按下【CTRL+J】拷贝一个圆角矩形出来。

ps怎么制作圆角效果的淘宝首页图片? 淘宝首页图ps设计方法

接着,我们在拷贝的圆角矩形,给它添加上蒙版,然后用【矩形选框工具】框选中上面的大部分。

ps怎么制作圆角效果的淘宝首页图片? 淘宝首页图ps设计方法

接下来,我们给蒙版填充上黑色,然后隐藏圆角矩形1的图层,这样看到拷贝的圆角矩形上面的部分就被裁剪掉了。

ps怎么制作圆角效果的淘宝首页图片? 淘宝首页图ps设计方法

我们选中圆角矩形1的图层,拖入一张图片,然后按下【ALT+CTRL+G】创建剪贴蒙版。

ps怎么制作圆角效果的淘宝首页图片? 淘宝首页图ps设计方法

最后,我们在拷贝的图层上面输入相关的文字,再拷贝一组出来就完成了。

ps怎么制作圆角效果的淘宝首页图片? 淘宝首页图ps设计方法

ps怎么制作圆角效果的淘宝首页图片? 淘宝首页图ps设计方法

以上就是淘宝首页图ps设计方法,希望大家喜欢,请继续关注脚本之家。

相关推荐:

PS怎么设计淘宝详情页尺码表? ps做淘宝详情页尺寸图ps教程

ps怎么设置文字透明水印? ps制作淘宝图片水印的技巧

ps淘宝店铺页尾部分怎么做? 淘宝页尾图片ps设计方法