火星网校
教你用photoshop制作网店产品广告 电商美工设计教程 值得收藏
发布时间：2024-01-10 20:47:01 浏览量：136次
夏季的到来，我们做电商的朋友估计也要忙开来了，尤其是做设计的朋友，为新品添加新的广告也是迫在眉睫哦。
今天由我一个粤北大叔彭生生教你一个用photoshop设计店铺广告的方法吧。设计的步骤简单，可设计的影响力却非同小可哦。此方法用在各个行业皆可。我们来看看效果吧。
设计效果图展示
设计步骤：
第1步：打开photoshop软件后，新建一个宽790像素，高500像素的文档。然后按Ctrl+R键显示标尺，然后拉一条标尺线于底部往上一点的位置。然后用选择框工具选择标尺线以上的图形。等于画一个如文档大小的框。
标尺的添加
第2步：新建图层之后，我们为选框填充前景色。这次的设计我会尽量讲的具体，懂的朋友可以忽略。也是为了照顾初学者，谢谢理解。
选框的填充颜色
第3步：给新建的图层添加图层样式，图层样式我们选择渐变叠加，渐变的角度我们设置为0，然后渐变的色标分别为：dbc4a2、ebdbc3、dbc4a2。
图层样式渐变叠加的添加
第4步：导入一张我们已经扣图好的产品展示图片，我这里以女装为例，不同的行业我们换成不同的产品图，当然了，我们的产品图之前要扣好。按Ctrl+T调整图片的大小。
调整图片大小
第5步：产品图片调整大小后，把它移动右边位置，不要太靠右即可。然后在左边的空白区域输入我们的产品介绍文字：夏季换新装，颜色暂时用黑色，等整体设计完成后，我们再进行调整文字的颜色。
文字的添加
第6步：在中文字体上面添加我们活动的日期，下面增加一行英文字体，其实在中国，英文的设计除了美观，实在没什么广告的效应。不过有英文装饰，设计感就出来了。日期的分格号，我是画的，用字体的分格线会很粗的感觉，不协调。
输入装饰文字
第7步：在英文字体下面加入宽度跟英文一样的宽的矩形框，然后填充为黑色。
加入矩形框
第8步：给黑色框加入图样样式添加一个青色的颜色叠加，颜色为9dab70，然后在框中输入我们的促销优惠信息。完成后，我们在下面画一条2个像素的横线，横线的颜色用灰色跟青色皆可。接着在横线下面输入一段英文作为装饰，英文用灰色，并尽量对齐。
装饰文字的添加
第9步：底部留白的区域用选框工具选好，接着填充青色。哈哈哈，这个时候效果就快出来了，是不是越往下设计，越完美的感觉？
选择框填充青色
第10步：在青色框里输入我们的产品分类或者促销的产品类型，颜色我们用白色的字体，然后在分类的中间画1像素的隔开线。
菜单栏的添加
第11步：导入一张树枝素材，然后在PHOTOSHOP菜单中依次按选择，色彩选择，弹出框后，我们用吸管工具在树枝的旁边白色区域吸取颜色，然后点击确定。这个时候白色区域全部选择了，接着按Delete删除白色就可以，这个时候树枝就被扣出来了。
树枝图的抠图
第12步：把扣好的树枝调整到左边区域，然后拉到背景层之上。
树枝大小调整
第13步：这个时候呢，我们在photoshop的菜单给树枝加一个滤镜效果，我们选择高斯模糊，模糊的效果我们在调整的时候可以看到，自己调整就清楚了。给树枝增加一个模糊效果后，最后我们用图层样式添加的方法，给文字修改下颜色，或者增加一些阴影的效果，这样整个设计就完成了，设计好后，我们无比记得要保存哦。
调整设计的细节
我的小伙伴们，你学会了吗？
如果还有不会的朋友，请在评论区留言给我，我将认真回复。关注我，每天为您推送更多的电商美工教程。
本文由粤北大叔彭生生原创，欢迎关注，带你一起长知识！
热门课程推荐
热门资讯
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
7. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
8. 史上最全，平面设计UI设计必备的77个国内外素材、设计资源网站
ui设计社区,大神太多了。3、behance: https://www.behance.net/ ,著名设计... 对于品牌设计师来说,除了图案素材收集之外,还有一个很重要的,就是设计故...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
10. 武汉UI设计培训班费用怎么样？想学UI设计要多少钱？
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
最新文章
