当前位置: 首页 > 优图知识库  > PS教程 > PS鼠绘教程

PS鼠绘一个漂亮的网页按钮

2019/1/5 22:58:29 人评论

这篇教程教优图宝的朋友们用PS鼠绘一个漂亮的网页按钮,绘制过程很简单,希望大家喜欢这篇教程。 最终效果   制作步骤:   1、打开Photoshop,然后新建一个文档250*150,并填充背影:#252a38。 图1   2、在工具 ...

这篇教程教优图宝的朋友们用PS鼠绘一个漂亮的网页按钮,绘制过程很简单,希望大家喜欢这篇教程。PS鼠绘一个漂亮的网页按钮 优图宝 PS鼠绘教程 最终效果

  制作步骤:

  1、打开Photoshop,然后新建一个文档250*150,并填充背影:#252a38。

PS鼠绘一个漂亮的网页按钮 优图宝 PS鼠绘教程 图1

  2、在工具箱上选择椭圆图标并设置如图:

PS鼠绘一个漂亮的网页按钮 优图宝 PS鼠绘教程 图2

  新建一个图层,然后填充一个颜色。

PS鼠绘一个漂亮的网页按钮 优图宝 PS鼠绘教程 图3

  3、在调色板上设置如下:

PS鼠绘一个漂亮的网页按钮 优图宝 PS鼠绘教程 图4

  使用渐变,渐变如下:

PS鼠绘一个漂亮的网页按钮 优图宝 PS鼠绘教程 图5

  4、双击图层,打开图层样式,给图层添加阴影。

PS鼠绘一个漂亮的网页按钮 优图宝 PS鼠绘教程 图6_ueditor_page_break_tag_

  再添加一个描边,但是这样描边和平常不太一样,是用渐变抽边,设置如图所示。

PS鼠绘一个漂亮的网页按钮 优图宝 PS鼠绘教程 图7

PS鼠绘一个漂亮的网页按钮 优图宝 PS鼠绘教程 图8

5、在工具箱上选择加深和减淡工具,设置如图:

PS鼠绘一个漂亮的网页按钮 优图宝 PS鼠绘教程 图9

  然后在图所标识的地方,涂沫如下。

PS鼠绘一个漂亮的网页按钮 优图宝 PS鼠绘教程 图10

  效果如下:

PS鼠绘一个漂亮的网页按钮 优图宝 PS鼠绘教程 图11_ueditor_page_break_tag_

  6、选择椭圆选区,作出效果如下。

PS鼠绘一个漂亮的网页按钮 优图宝 PS鼠绘教程 图12

  7、添加渐变,设置如图:

PS鼠绘一个漂亮的网页按钮 优图宝 PS鼠绘教程 图13

  从上而下线性渐变

PS鼠绘一个漂亮的网页按钮 优图宝 PS鼠绘教程 图14

  按ctrl+D取消选区,并更改图层的不透明度:40%,混合模式为:opacity。

PS鼠绘一个漂亮的网页按钮 优图宝 PS鼠绘教程 图15

8、现在使用文字工具,添加文字并设置图层样式。

PS鼠绘一个漂亮的网页按钮 优图宝 PS鼠绘教程 图16_ueditor_page_break_tag_

PS鼠绘一个漂亮的网页按钮 优图宝 PS鼠绘教程 图17

  效果如下:

PS鼠绘一个漂亮的网页按钮 优图宝 PS鼠绘教程 图18

  9、添加下面的文字,效果如下:

Photoshop打造时尚的Web2.0风格网页按 图19

  10、在这个网站下载图标。然后导入photoshop,按ctrl+U,设置如下,最后更改混合模式:overlay。

Photoshop打造时尚的Web2.0风格网页按 图20_ueditor_page_break_tag_

Photoshop打造时尚的Web2.0风格网页按 图21

  你也可以做像这样的导航菜单:

Photoshop打造时尚的Web2.0风格网页按 图22

下一篇:PS鼠绘老虎公仔

上一篇:PS鼠绘超酷黑龙

相关资讯

    暂无相关的数据...