Photoshop设计网页常见卷页按钮效果教程

2016-03-18 05:49 1 1 收藏

今天天气好晴朗处处好风光，好天气好开始，图老师又来和大家分享啦。下面给大家推荐Photoshop设计网页常见卷页按钮效果教程，希望大家看完后也有个好心情，快快行动吧！

【 tulaoshi.com - PS 】

Photoshop制作网页常见卷页效果教程,图老师

最终效果

Photoshop制作网页常见卷页效果教程,图老师

1) 利用圆角矩形工具建立一条路径;使用转换点工具移动左上角路径节点,使其产生卷页的形状;

Photoshop制作网页常见卷页效果教程,图老师

2) 用任意一种色彩填充工作路径;再复制下半部分;对其添加图层样式,如图所示.

Photoshop制作网页常见卷页效果教程,图老师

3) 用任意一种色彩绘制一个圆角矩形;将其图www.tulaoshi.com层移至红色矩形之后;添加图层样式,如图所示.

Photoshop制作网页常见卷页效果教程,图老师

4) 再新建一层,绘制圆色矩形,颜色为黑色,高度与红色矩形相同;按CTRL键点击黑色矩形所在图层,调出黑色矩形选区,将选区向左移动一定的距离,按Delete键删除; 将黑色矩形置到白色矩形下面,改变其图层透明度40%;如图所示.

来源:https://www.tulaoshi.com/n/20160318/1873796.html

上一篇： photoshop制作网页斜纹透明水晶广告条按钮
下一篇： Photoshop设计网页游戏的颓废风格按钮教程

看过《Photoshop设计网页常见卷页按钮效果教程》的人还看了以下文章更多>>

怎样设计网页

标签： Web开发

在网页设计的认识上，许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件，就能搞好网页设计了。其实网页设计是一个感性思考与理性分析相结合的复杂的过程，它的方向取决于设计的任务，它的实现依赖于网页的制作。正所谓“功夫在诗外”，网页设计中最重要的东西，并非在软件的应用上，而是在我们对网页设计的理解以及设计制...

photoshop设计网页国外产品展示型网站教程

标签： PS PS基础 ps平面设计教程 ps去水印教程

最终效果 1.创建新文件：1100 x 1250像素。背景颜色：＃e8e8e8。 2.复制背景图层(CTRL + J),然后滤镜杂色添加杂色，设置如下。 3.创建一个圆角矩形、白色的形状在中间的空间布局. 4.简单的图层样式: 5.在右边的位置,加增iPad的图片。 6.复制两个ipadi图片，添加高斯模糊效果，移动到后方，左右分开，产生空间感。（...

Photoshop巧用图层样式设计立体效果的网页按钮

标签： PS PS基础

图层样式是每个设计师都常用的功能，合理巧妙的应用能大大的节省我们的工作时间，提高工作效率，今天我来分享一下平时工作中对图层样式应用的一点技巧，希望对新手有点帮助，我们的目标：简单实用。一、按钮篇在制作页面的按钮时，我们希望保证设计风格的情况下，能够最大程度适应各类修改情况，比如：尺寸，色调，形状的修改等等。下面...

Photoshop设计网页音乐播放器

标签： PS PS基础 ps平面设计教程 ps去水印教程

来源：活力盒子作者：Luycas 本教程的效果图制作的非常小巧，很适合用到一些可以播放音乐的网页中。制作方法也比较简单，播放器的每一个部件基本上都是用图层样式来表现立体及浮雕效果，只要注意好图形的层次关系，我们就可以分层来完成效果图。最终效果 1、第一步是我们创建一个黑色径向渐变的背景。在任何颜色tulaoshi的油漆层，添...

Photoshop设计网页股权发布专题页面

标签： PS PS基础

通常设计师接到设计任务时，如果没有跟创意点相符的原画素材，这时候就需要自己动手。下面给大家介绍一下关于素材再创造打造场景氛围的例子。下面是一个老玩家分红利的页面，要求有股票、红利一些元素在页面中体现，所以联想到用工作台场景来展现，这样可以更容易的把一些带有股票、红利的元素融入到场景中,再根据构思，寻找一些图片素材，提...

查看更多精彩>>