• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > Photoshop绘制时尚大气的播放界面

Photoshop绘制时尚大气的播放界面

作者:站长图库 字体:[增加 减小] 来源:互联网

站长图库向大家介绍了等相关知识,希望对您有所帮助

首先这个作品创意来源于网络上的一张作品图,我只是稍做加工将写成教程。本效果分为两个教程,第一个是绘制黑胶唱片,第二个是绘制播放界面,制作过程并不难,重要的是创意和细节。


效果:

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

教程:

1、新建800*600像素的画布,按Ctrl+N新建图层,使用#aac6d1 ~ #fafbfd的径向渐变,并填充制作出背景效果。

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

2、将我们学过的一篇制作黑胶唱片教程中的效果图拖入进来(教程地址:http://www.missyuan.com/thread-669217-1-1.html),摆上在中上左右。

如果唱片做的比较大,可以缩小一些,并添加投影,数值效果如下。

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

3、在唱片图层下面新建图层,用矩形工具拉出矩形图形。

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

添加投影,数值效果如下。

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

4、复制刚才的矩形图层,将投影取消掉,按Ctrl+T打开自由变换路径,按住最上方中间的点往下拖5分之三的距离,如下图效果。

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

执行'编辑-变换路径-透视',按住Shift键不放,拖着左上角的点往左移动,如下效果。

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

执行'编辑-变换路径-变形',按住Shift键不放,拖住如下图蓝色圈住位置往里面移,两边移动的大小根据感觉来,两边差不多要一样。

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

按确定,并将此图层移到唱片图层上面。

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

5、右键图层-栅格化图层,用椭圆选框工具在唱片下方拉出椭圆选区,然后删除,效果如下。

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

6、添加图层样式-渐变叠加,数值如下,这样是制作交纸折皱的效果。

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

本帖隐藏的内容7、在背景图层上面新建图层,用矩形选框工具拉出如下选区,然后用拉出半透明渐变,按Ctrl+D取消选区。

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

执行'滤镜-模糊-高斯模糊'半径10像素,再将图层填充调整为:30%

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

8、打开一张歌手的专辑封面图,就选周杰伦七里香吧,拖入后将此图层移到最顶层,缩小摆放好位置。

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

添加图层样式-投影,数值效果如下。

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

9、开始画播放元素,先画播放状态的三角形按钮,可以用钢笔工具画,今天教大家用矩形工具+透视功能来画。

将前景设为:#7999a4,用矩形工具画出小图形,执行'编辑-变换路径-透视'按住如下角的点往中间移,使上下两点重合在一起后,按确定做出了三角形。

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

10、前景设为#7898a3色,选择铅笔工具,2像素,按住Shift键不往画出直线;

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

再用1像素铅笔工具在紧挨着下方画出同样长度的白色直线,这样会显的更细腻。

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

11、继续添加其它元素,比较简单,大家可以根据自己喜欢添加。

播放进度按钮,添加投影;

Photoshop绘制时尚大气的播放界面,PS教程,站长图库

歌曲时间

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 浅谈小程序怎么实现“五星评价”功能(支持点击+滑动)
  • 怎么提高百度搜索引擎关键词的排名
  • Day.js :一个非常好用的轻量的处理时间和日期库
  • 帝国cms网站后台关键字自动同步TAG标签更新的方法
  • 教你在Mac下如何快速重置mysql root密码
  • 深入解析微信小程序页面中实现的保存图片(附代码)
  • Dedecms后台登录验证码不正常显示怎么办
  • 关于WordPress局域网内外同时访问
  • 不得不注意的网站描述优化问题
  • thinkphp增加每页显示条数的方法

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • PHPcms v9 去掉编辑器上传图片的宽高样式
    • 广告联盟被屏蔽后显示图片链接广告方法代码
    • CDR打造质感立体文字
    • CorelDRAW实例教程:绘制创意风格的游戏海报教程
    • 详解PHP中__construct()构造方法
    • 总结PHP中银行卡号通用校验算法
    • uniapp中怎么实现直播旁路推流(步骤分享)
    • 替换uploadify用Huploadify实现上传图片或文件
    • Photoshop使用图层样式制作漂亮的相机图标
    • ThinkPHP5分页paginate代码实例解析

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有