首页 >

在ps中如何制作非常漂亮的按钮 – CSS – 前端,css class 多类选择器

css div 高度,css 块状 居中,html 引入css机制,css 字背景色,什么是CSS Sprite技术,css3上阴影去掉,css class 多类选择器在ps中如何制作非常漂亮的按钮 - CSS - 前端,css class 多类选择器

感谢邀请!在PHOTOSHOP中制作漂亮的按钮,使用的技术比较单一,就是图层样式。

图层样式的应用范围比较广泛,通常用于处理物理的光影效果。一般在刻画平面物体的时候都会用到他,用好图层样式关键在于你对于光线来源,平面立体构成的理解。尽管很多人都用知道并且会用这个功能,但是用的好还是不多。

下面偶通过一个案例,演示一下按钮怎么制作,希望你能触类旁通制作出其他精美的案例。效果图如下所示。

制作思路:先画好基本形状,填充颜色,再刻画高光、阴影、中间调。

制作方法:图层样式中的斜面浮雕、内发光、渐变叠加、外发光、描边。

制作过程如下。

第一,新建文档,选择渐变工具,设置黑白线性渐变,在画布上垂直下拉一个渐变。效果如下:第二步,绘制外圆。新建图层,取名外圆。使用椭圆选框工具绘制正圆,填充黑色。这里填充什么颜色都可以。双击外圆图层,在图层样式对话框里面选择斜面浮雕、渐变叠加、描边、外发光。注意:斜面浮雕是为了刻画圆的高光层次,渐变叠加是刻画中间调层次,外发光和描边是为了刻画圆的阴影。在制作的过程中可以调整参数,到达其他不同的效果。

经过调整,圆的层次感已经出来,接下来制作内圆。

第三步,绘制内圆。新建图层,取名内圆。绘制比外圆小一些的正圆,填充黑色。双击内圆图层,在图层样式对话框里面选择内发光和渐变叠加。新建图层,在圆中间使用自定义矢量绘图工具绘制logo。

效果如下图所示;

内外圆的层次感已经体现出来了.

接下来需要在圆中间添加LOGO和高光,以强调主体。

接下来,盖印可见图层。ctrl+alt+shift+E,得到图层1。

新建图层2,绘制椭圆,填充白色,不透明度为20%,创建剪切蒙版。

第四步,在圆底部添加阴影。椭圆选区工具绘制椭圆选区,羽化20个像素三次,填充黑色,调整不透明度为90%。第五步,在圆底部添加倒影。盖印外圆、内圆、LOGO图层。放在阴影下方,羽化后,删除半圆,设置不透明度为20%。

以上就是制作按钮的回答,如果你还有不清楚的地方,可以观看偶的免费教学视频。地址是http://mooc1.chaoxing.com/course/200722130.html。也可以给偶留言或者评论,偶将及时回复。谢谢你的点赞、转发,评论,也希望能够帮到更多的人,偶将继续为大家奉上原创的内容!

css div 高度,css 块状 居中,html 引入css机制,css 字背景色,什么是CSS Sprite技术,css3上阴影去掉,css class 多类选择器在ps中如何制作非常漂亮的按钮 - CSS - 前端,css class 多类选择器


在ps中如何制作非常漂亮的按钮 - CSS - 前端,css class 多类选择器
  • css元素点击后边框变色 |css写一个9宫格
  • css元素点击后边框变色 |css写一个9宫格 | css元素点击后边框变色 |css写一个9宫格 ...

    在ps中如何制作非常漂亮的按钮 - CSS - 前端,css class 多类选择器
  • css怎么实现钝角三角 - CSS - 前端,css3 显示发光字
  • css怎么实现钝角三角 - CSS - 前端,css3 显示发光字 | css怎么实现钝角三角 - CSS - 前端,css3 显示发光字 ...

    在ps中如何制作非常漂亮的按钮 - CSS - 前端,css class 多类选择器
  • css3的那些高级选择器二,和css中的选择器有什么区别 - CSS - 前端,别具光芒css网页布局 源码
  • css3的那些高级选择器二,和css中的选择器有什么区别 - CSS - 前端,别具光芒css网页布局 源码 | css3的那些高级选择器二,和css中的选择器有什么区别 - CSS - 前端,别具光芒css网页布局 源码 ...