ps设计时尚风格数码科技电子商务网站模(5)插图

ps设计时尚风格数码科技电子商务网站模(5)

先看看效果图 1、首先第一步,需要下载这个纹理图片。 2、在PS中打开纹理图片,然后点击编辑定义图案,给予图案的命名,并单击OK。 做完这个准备工作,可以关闭该文件。然后创建一个新文件,size:1100*1300px。 3

ps设计时尚风格数码科技电子商务网站模(2)插图

ps设计时尚风格数码科技电子商务网站模(2)

4、在页面上方使用圆角矩形工具,创建一个圆角矩形,位置如下图所示。 参数值 半径5px,size:330*45px。 5、对该矩形添加如下图层样式。你可以找到渐变的颜色值。 6、请记住这个矩形图层样式,因为在下面的步骤中

广告位
ps设计时尚风格数码科技电子商务网站模(4)插图

ps设计时尚风格数码科技电子商务网站模(4)

20、使用圆角矩形工具,创建一些按钮,在按钮内添加一些文本。 21、创建一个简单的页脚。 22、最后一步,创建一个Logo样式,如下图所示,通常情况下,网站的logo下面会有对应的Tagline,看个人需求而定。 23、这是最

ps设计时尚风格数码科技电子商务网站模(3)插图

ps设计时尚风格数码科技电子商务网站模(3)

12、有时候,做页面切片时,你需要一些焦点状态,表示当前鼠标操作时间。 这就是接下来要做的,使用矩形工具创建按钮,继续使用黄色的图层样式。 13、向导航内添加一些文本。如下图所示。 14、制作banner,随着Appl

PS鼠绘电子芯片插图

PS鼠绘电子芯片

最终效果 具体的制作步骤如下: 1、新建一个1200 * 800像素的文档,使用钢笔工具勾出路径,并填充黑色,效果如下图。 2、同样,使用钢笔工具,勾出路径填充任意颜色,并为其添加渐变叠加样式,效果如下图。 3、新建一个图层,使用钢笔工具,勾出下图所示的路径,转为选

PS鼠绘电子芯片(4)插图

PS鼠绘电子芯片(4)

最终效果 具体的制作步骤如下: 1、新建一个1200 * 800像素的文档,使用钢笔工具勾出路径,并填充黑色,效果如下图。 2、同样,使用钢笔工具,勾出路径填充任意颜色,并为其添加渐变叠加样式,效果如下图。 3、新建

PS鼠绘电子芯片(2)插图

PS鼠绘电子芯片(2)

5、我们用同样的方法去制作芯片的上面部分。当然,制作的时候要把图层复制一份,并向上移动几个像素,效果如下图。 6、新建一个图层,注意图层顺序,使用钢笔工具勾出芯片的焊脚,并填充黑色,效果如下图。 7、把芯

PS鼠绘电子芯片(3)插图

PS鼠绘电子芯片(3)

10、保持选区不动,新建一个图层填充白色,把前,背景颜色设置为黑白,执行:滤镜 杂色 添加杂色,数值为310,把图层混合模式改为叠加,不透明度改为:10%,如下图。 11、新建一个图层,用钢笔工具勾出下图所示的路

PS绘制简单时尚的电子商务网站UI按钮(5)插图

PS绘制简单时尚的电子商务网站UI按钮(5)

在这个教程里,将和童学们分享如何使用photoshop制作一个简单又时尚的UI按扭,这个按扭可以用在电子商务网站,或者是网店上。先来看下效果。 1.新建一个文档(ctrl+N)大小为:600*600(虽然我们按扭的大小:170*50

PS绘制简单时尚的电子商务网站UI按钮(2)插图

PS绘制简单时尚的电子商务网站UI按钮(2)

4.接下来要给按扭添加一个斜线效果 新建文档(ctrl+N)大小为:4*4。 按ctrl+空格键,放大文档到1600%。新建一个图层并删掉背景图层。 在工具箱选择铅笔工具并设置笔尖大小为1px;前景色为白色。画出如下图效果: 在

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部