设计一个专业的电子商务模板.docx
- 文档编号:10136658
- 上传时间:2023-02-08
- 格式:DOCX
- 页数:24
- 大小:2.56MB
设计一个专业的电子商务模板.docx
《设计一个专业的电子商务模板.docx》由会员分享,可在线阅读,更多相关《设计一个专业的电子商务模板.docx(24页珍藏版)》请在冰豆网上搜索。
设计一个专业的电子商务模板
设计一个专业的电子商务模板
本文转载自创美优品,转载就保留此信息。
在本教程中,我会教你如何设计一个时尚与专业的电子商务布局在Photoshop中!
最终结果
1。
创建一个新的文件,这是1020×1297,并填写在后台使用下面的颜色:
2。
使用矩形工具在页面上绘制一个形状为使用颜色#dcdcdc的最上面一栏。
层上双击进入混合选项,并在下面:
3。
在右侧,使用字体工具写出来的顶部导航链接使用下面的字体设置:
4。
在左边,使用圆角矩形工具,绘制使用的颜色#ebebe9的搜索框,双击进入混合选项,并在行程。
5。
下一步进入自定义形状工具,选择的Mgnifying的玻璃形状。
在按住Shift键的(保持形状完美的),画上一个小放大镜,使用颜色#323232,然后将它的搜索框。
接下来写“在这里使用的字体类型。
6。
使用的字体BebasNEUE,写出您的公司名称,然后再为口号。
双击进入混合选项,在下面的下面的公司名称层。
最后进入自定义形状工具,选择的手推车形状和平局的口号使用相同的蓝色。
7。
然后,找来矩形工具,画一个像下面用颜色白色的横长方形。
按CTRL+T旋转的矩形和旋转的边缘。
接下来设置混合模式为正片叠底,所以它是不可见的,双击层进入混合选项,在下面的设置。
8。
复制的矩形(它拖动到新的图层的图标),直到你有一个很好的效果,像下面的旗帜上。
9。
接下来,选择圆角矩形工具,绘制出一个盒子里,像下面的项目数。
使用的字体BebasNEUE,写了“你的购物车”,在下次使用Arial字体,写出来的数。
10。
使用矩形工具,绘制出整个布局中的主菜单。
双击进入混合选项,渐变叠加。
11。
使用1px的直线工具绘制3线(同时按住shift键),沿着菜单。
12。
使用下面的字体,写出来的菜单标题的颜色白色。
双击进入混合选项,在下拉菜单上的文字阴影。
13。
下拉菜单中,使用圆角矩形工具绘制的第一个形状。
下面再次使用圆角矩形工具绘制一个形状。
按住CTRL键的同时,选择2层,使下拉菜单中,点击右键,转换为智能对象(这将打开为1对象)。
双击进入混合选项,在下面的设置新的形状。
14。
接下来写出来的下拉菜单链接。
15。
使用矩形工具,绘制一个白色的形状下的第一个环节。
设置混合模式为正片叠底,所以它是无形的,双击层进入混合选项>渐变叠加,并在下面的设置。
重复的渐变形状,按CTRL+T和倒装翻转过来。
在复制的图层的混合选项和反向渐变叠加角。
16。
重复的的梯度形状和放置他们喜欢下面。
17。
为滑块下面使用圆角矩形工具在色彩上以白色,绘制一个形状像。
双击点击进入混合选项,并在下面的设置:
18。
选择一个形象的例子,你想在滑块和将图像放置在滑盖的造型。
右键单击该图像层创建剪贴蒙版。
这将裁剪图像到下面的白色形状。
19。
下面的滑块创建一个新层,选择椭圆选框工具。
下面的滑块,使用深灰色画一条细细的椭圆形。
下一步去滤镜>模糊>高斯模糊,并把13个。
20。
接下来,选择椭圆工具,同时按住Shift键画一个小圆圈。
双击圈层进入混合选项,在下面的设置。
重复3次,将它们均匀地喜欢下面的圆圈。
再画一个圆,但这个时间更小,使用下面深灰色的颜色,和地方上的一个大圈子。
21。
写了一些“欢迎”文字,我使用的的字体Bebas的NEUE为标题,段落文本和Arial。
22。
使用矩形选框工具,绘制出一个非常细的线。
创建一个新层,填充线使用的颜色#c9c9c9。
用同样的方法,画一个细的线下的第一个和填补它与的颜色#fdfdfd的同一层上。
一个软边的橡皮擦,稍微删除的边缘,所以它看起来像它的衰落。
23。
接下来,使用矩形工具,绘制一个形状淡出使用颜色白线之上。
设置混合模式为正片叠底,所以是不可见的矩形,然后双击进入混合选项,并在下面的渐变叠加。
24。
对于产品部分,写出来的“新产品”称号。
接下来,选择圆角矩形工具,同时按住Shift键,绘制一个白色的正方形。
双击进入混合选项,在下面的设置。
选择您想要的产品形象的例子,它直接放置在正方形的形状,单击右键,创建剪贴蒙版的形状,所以农作物下来。
第19步,用同样的方法把一些阴影下每一个产品包装盒。
25。
使用的颜色#dcdcdc,对使用的页脚细节,矩形工具画一条细细的形状。
接下来写出来的菜单和版权的详细信息。
26。
最后抓住这个小型的的社会图标,并把社会的图标,你要在页脚。
最终结果
更多教程请登陆创美优品首页
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 设计 一个 专业 电子商务 模板