PhotoShop如何制作蓝色立体网页按钮过程

  用PhotoShop绘制一个立体的风页按钮,先用形状工具画好形状,然后复制多个层合并制出立体的形状,利用设置图层样式得到效果。

  制作并不难,大家一起来学习一下吧!

  效果图:

  第一步:用圆角矩形工具画一个形状,大小凭自已决定,这层是形状1。如图:


  然后按Ctrl+T变形,按感觉调整,如下:


  接下来把这个形状复制一层,放在形状1的上面,然后把这层(形状1副本)Ctrl+T缩小点。如下:


分类:

  • PS鼠绘教程
时间: 2024-09-09 14:10:02

PhotoShop如何制作蓝色立体网页按钮过程的相关文章

Photoshop教程:制作玻璃效果网页按钮

Photoshop入门教程,制作玻璃风格的网页按钮. [步骤一]新增一个图层1,并用圆形选取工具画出一个圆形选区,如下图:   [步骤二]先将前景色和背景色分别设定为浅蓝和深蓝色,再用渐层工具拉出圆形渐层,如下图:   [步骤三]先按「ctrl」+「D」取消选取,再使用图层样式功能加上阴影和描上黑边,如下图:   [步骤四]再新增一个图层2,并用圆形选取工具画出一个圆形选区,这个圆形选区要画的比蓝色的圆形小一点,如下图:   [步骤五]将渐层工具调整为白色到透明的色彩,如下图:   [步骤六]在

PS制作蓝色圆形网页按钮详细教程

教程学习如何用photoshop制作一个蓝色的高光按钮,要完成本教程photoshop的基础工具命令得非常熟悉,一些细节我是不涉及的,主要用到了加深.减淡工具 图层样式 辅助线 笔刷等等,先看效果图. 新建文档500x500像素,背景白色.画布中心位置设置2条辅助线,以后步骤画圆以辅助线中心为参考点. 建新层画一正圆选区,填充50%灰色 添加图层样式. 新建图层2,画一个小些的白色正圆. 分类: PS鼠绘教程

PhotoShop绘制清新绿色立体桔子按钮过程

教程教我们用PhotoShop绘制一枚清新的绿色立体桔子按钮,这个立体小按钮以前也有教程,后面还含有桔子的画法,喜欢的同学可以学习一下 最终效果图: 先建背景,加上第一个按钮 加上文字 加上立体层.. 画阴影................. 分类: PS鼠绘教程

Illustrator制作3D效果网页按钮教程

给各位Illustrator软件的使用者们来详细的解析分享一下制作3D效果网页按钮的教程. 教程分享: 第一步:按钮形状 我们从创建基本的网页按钮形状开始.选择圆角矩形工具,在画板中任意位置点击一下打开圆角矩形窗口.填入如下图所示的数字以得到我们需要的形状.选择浅灰色作为填充颜色.   第二步:3D设置 在此矩形选中的状态下,选择效果菜单>3D>凸出和斜角.在下图的右方你可以看到默认设置,只有"指定绕X轴旋转"的值有所改变.通常情况下我更愿意使用斜角形状,但有时不能得到让人

PhotoShop简单制作斜纹质感网页导航按钮教程

用PhotoShop制作一种斜纹质感的网页导航按钮效果,简单易学. 效果图: 大家好,下面由我来开始教如何做上图效果的简单按钮: 1.首先打开photoshop软件,Ctrl+N新建一个10 x 10px的72dpi(分辨率)的文件: ①.我们先在图层面板新建一个新的图层,然后把背景图层删除(可按del键快捷键) ②.接着在"导航器"把界面放到最大 可按ctrl+"+" 快捷键,然后选择矩形选框工具,再选择上面的"添加到选区",然后按照下图选出那

Photoshop简单绘制淡蓝色的网页按钮

本教程学习如何用photoshop制作一个蓝色的高光按钮,要完成本教程photoshop的基础工具命令得非常熟悉,一些细节我是不涉及的,主要用到了加深.减淡工具 图层样式 辅助线 笔刷等等,先看效果图. 新建文档500x500像素,背景白色.画布中心位置设置2条辅助线,以后步骤画圆以辅助线中心为参考点. 建新层画一正圆选区,填充50%灰色 添加图层样式. 新建图层2,画一个小些的白色正圆. 选择图层1(描边层),做一个大点的正圆选区. 用加深减淡工具涂抹上部和下部,效果如下,隐藏辅助线. 画一个

PS制作精美的网页按钮设计教程

  使用混合模式和遮罩效果制作网页按钮 打开photoshop,新建空白文档. 为了不让白色背景看起来乏味,增加一个渐变叠加效果.渐变颜色为# f3f3f3到# c6c6c6. 选择圆角矩形工具,创建按钮的的主要形状,半径为5 px. 添加渐变叠加图层样式.渐变颜色从#0d3079到#557bc9. 现在让按钮从背景中突显出来,添加1 px描边,颜色为深蓝色(#0b2258). 为了增加按钮立体感,添加一个1像素内发光.颜色为白色(#FFFFFF),减少不透明度到30%. 现在给按键添加杂色,新

PhotoShop设计制作怀旧风格网页详细教程

第1步 这一次,我们要创建一个完整的网页设计风格的步骤,使用Photoshop和制作图像的人很多. 由于这是一个中级到高级的教程.我会跳过一些基本的步骤说明. 在RGB 72dpi首先创建一个新文件,800像素*950像素. 显示标尺和参考线拖动四个边界的文件, 这将是最佳的设计领域. 我打算保持一个固定宽度的布局. 图像>"画布大小在,增加了很多的宽度和高度 此外,1200 1000像素PX是好的, 这样,我们将设计更广泛的屏幕分辨率. 再添加更多的指导,你打算加入容器(标题,导航栏,侧

Photoshop入门实例教程:简单制作透明玻璃网页按钮

在这一篇教程中,我将教给你怎样在photoshop中创建一个透明玻璃效果的干净的网页用按钮. 这就是我们最终的结果.好了,让我们开始吧.在photoshop中新建文档,尺寸为430x430,白色背景. STEP-01 新建图层,命名为 "box".用圆角矩形工具 (U)创建一个圆角矩形.点击ctrl+回车创建选区,填充为白色. STEP-02 给这个形状创建图层属性-渐变叠加,内发光和描边. STEP-03 给这个形状创建渐变叠加.渐变颜色为-左边(#B1DB08) 中间(#66AB0