当前位置:首页>ps实例教程>ps网页设计>网页图片>教程内容

Photoshop制作网页指示框

来源:www.imrwl.com 作者:bbs.16xx8.com 学习:1486人次

可用于盒子的标题,下面展示最终效果图。

一、建立文件,400*100px,72dpi,背景白色。

二、画一个长方形,选择》修改》平滑,填入2px。

三、混合选项》渐变叠加(从R:172;G:201;B:32到R:210;G:229;B:122) 角度100如下图:

参数

四、描边:大小:1px,位置:外部,混合模式:正常,不透明度:100%,填充类型:颜色,颜色:(R:215;G:219;B:193)。

五、投影,数据如下图:

六、制作外部投影,使其立体感强点,复制上面涂层,去效果,填充黑色,ctrl+t,按住ctrl拖拽至下图

七、按住ctrl在图层上点击,选取这个选取,滤镜》模糊》高斯模糊》填入数值5.0,连续四次ctrl+f,ctrl+d取消选区,再一次ctrl+f,不透明度70%。

八、用钢笔工具勾一个尖角,填充R:192;G:216;B:80,放在合适位置

做完这步就是前面的效果图了

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
billyshe2011-06-20 12:43
<给力>EASY TO LEARN...THANKS SO MUCH!

关注大神微博加入>>

网友求助,请回答!