2023新风格视觉设计师 - 第三章:玻璃风设计与应用
分享给朋友:

按住画面移动小窗

下载
PS-两种方式绘制玻璃图标-玻璃风系列课
虎课APP支持视频下载
扫码下载/打开虎课APP
支持视频下载,随时随地学
手机观看
扫一扫,手机继续学
扫码下载/打开虎课APP
支持视频下载,随时随地学
PS-两种方式绘制玻璃图标-玻璃风系列课_虎课网
记笔记

全新AI视频总结上线

一键节省你80%学习时间

视频暂不支持AI视频总结
AI视频总结
编辑完成后,记得点我~

294

已学

24小时

时长

36

配套素材

完课证书

¥199(¥299)

全站通VIP免费畅学

立即购买
图文教程学员评价 (72条评论)视频字幕

本节课学习的是使用PS软件进行玻璃风格海报制作,对于课程内容有不理解的同学可以在评论区留言,老师会给与回复。

视频学百遍,不如上手练一练,在完成课程的学习之后也要记得完成本节课的作业并上传到评论区。

那么我们开始学习吧

1.首先来分析一下玻璃所具有的特性,主要特性有清爽通透、分割画面、空间延伸三种,具体如图所示。

2.下面来看一些玻璃海报的案例,这里使用投影加上模糊的方式给背景制作出似透非透的感觉,又把我们的信息产生了一个分割。

查看更多
您需要学习后才可以评价, 立即学习
您需要学习后才可以评价, 立即学习
评论列表
仅显示有内容的评论
仅显示带图评论
排序方式:

大家好 ,我是虎课网的设计狗 ,今天给大家带来的是一套玻璃风的一个系列课程 ,那么我们这一套课程主要讲解的是 ,呃 ,利用玻璃的一种质感来制作海报 ,当中所用到的一些方法 ,还有它的一定的原理 ,首先我们来了解一下理论的知识点 ,玻璃它所具有的一定特性玻璃它是利用它其自身的一种晶莹 ,透 ,通透的特点来让我们的画面具有了靓丽 ,逼真与清爽的一定的气质 ,同时它在平面当中的运用会让画面增加一定的空间感 ,首先玻璃它本身的一个质感清爽与通透 ,第二个是它能够把画面进行一个分割 ,第三个是它在平面当中去提升一定的空间延伸 ,好 ,具体的 ,那么我们来看一些案例 ,好 ,我们把这一个放到边上 ,它的几个特点 ,首先呢我们来看这个案例 ,它第一个作用是不是让我们的画面产生了一定的空间距离 ,有一定的空间延伸 ,它利用了呃 ,这个投影 ,加上模糊的这种背景 ,把后面的画面又透了一点 ,似透非透的一种感觉 ,同时又把我们的信息产生了一个分割 ,形成了一定的立体空间感 ,这就是它的一个空间延伸 ,还有分割画面 ,它把我们的信息进行了一个分割 ,清爽通透 ,那么这个它就差了那么一点点 ,它需要体现一定的空间 ,它就做了一些模块的一些处理 ,

好 ,那么我们再来看第二个案例 ,这个案例就很明显的是把画面进行了一个分割 ,它利用了玻璃的一个透的一个特性 ,同时加上边缘的一个线条 ,让我们的画面产生了一定的风格 ,如果说我们这个画面上没有这些线条 ,光放这么一个产品 ,它会显得很空旷 ,它就起到了分割画面的一个作用 ,同时也产生了一定的空间延伸 ,啊第三个啊这就是一张玻璃的海报了 ,让我们感觉唉这个画面挺清爽的一个感觉 ,那么它普通的一个特性 ,它的清爽通透 ,其实说玻璃的话最重要一点是在哪里 ,它的边缘的一个处理 ,我们看到这个边缘上是处理了很多细节进去的 ,让我们看到了 a 一个玻璃的这种质感的感觉表现出来 ,好 ,我们再来看下一个 ,唉这个这个很明显的一个空间感的塑造 ,同时它还有一个聚焦的作用 ,我们把周围的这些信息给模糊化的处理 ,然后让主体更加明显 ,然后再给这个玻璃有一个前后的关系 ,我们这一些嗯方块它放上去的电的地方 ,这些方块唉在这个玻璃的后方 ,然后我们的产品就这么一小个角给它压住 ,a 就产生了一定的空间感 ,这也是我们平面当中经常会用到的一个遮挡关系 ,让这个画面就不是显得那么的平 ,而产生了一定的空间啊 ,再来看啊 ,这就是利用了很多块这种玻璃边缘的这种质感 ,加上它的一个投影的一个效果 ,

让这个画面产生了立体感 ,同时也是比较晶莹通透的一种感觉给表现出来 ,好 ,再来看下一个 ,这种就是纯的一种玻璃的感觉了 ,让我们的主体聚焦 ,然后产生一些虚实的变化 ,尤其是像我们这里看到的这一块 ,这个圆环 ,它在玻璃外面和玻璃里面产生的不同的效果 ,产生了一个画面的分割 ,还有一个主次的一个分明 ,利用虚实的变化来产生一种主次的关系 ,啊啊 ,这就是毛玻璃 ,磨砂玻璃的一种效果呢 ,它也是在外面看着很实 ,里面产生一种虚化的感觉 ,就形成了一种前后的一个关系 ,同时我们要注意的还是一点 ,玻璃的一个边缘的处理 ,透明物体最重要的表现还是要在边边缘上面 ,表面上的一个模糊 ,或者说其他的一些虚化处理啊 ,还有一些艺术化的一些处理 ,只能让我们这个画面产生更强的空间感 ,但是玻璃的质感表现主要还是要在边缘上面 ,大家一定要记住表现玻璃主要在边缘上面下功夫 ,啊 ,这就是我们的一些案例 ,好 ,回到我们的课件当中啊这边这些案例我们都已经看过了 ,我们来接下来来看看一些理论的一些知识点呢 ,我们玻璃的一个特点 ,首先它的第一个特点 ,边缘边缘上的一个特点是什么 ,明暗的一个对比 ,啊我们通过案例来看一下 ,

我们可以看到这上面这个玻璃的一个感觉 ,可以看到它暗部很黑 ,然后你看这里的亮部也是比较亮的 ,通过一些明暗的变化 ,我们可以看到这些地方有亮有暗 ,都是在边缘上面去产生一定的对比关系 ,然后把它形成了一种玻璃的一个质感 ,好 ,再来看我们这里的第二个表面 ,那我们刚刚也说了 ,表面一些艺术化的处理 ,你看首先边缘有一条边在这里 ,然后在表面上做了一些艺术化的加工 ,我们能够看到这个槽在外面和里面所产生的一个变化 ,唉把玻璃的一种质感给体现出来 ,这种是什么玻璃 ,毛玻璃吧 ,这种应该算是毛玻璃的一种质感 ,然后我们再来看投影 ,投影可以体现它一定的立体感 ,但是投影当中我们和我们传统的投影就不同了 ,我们传统的投影可能就是一片黑的 ,这边是一个暗部 ,但是我们可以看到玻璃当中的一个暗部会是怎么样的 ,它会在这里产生一定的亮部 ,光线从这里照射下来 ,它会透射下去 ,这里会产生一个亮部 ,也就是在我们阴影当中还会存在有一个亮度的一个效果 ,那么我们就形成了我们想要的玻璃的一种质感 ,好 ,那么我们总结了它的一个三个地方的特点 ,首先边缘第二个表面 ,第三个投影 ,投影要记住它有一个透光和弥散阴影 ,然后表面它有一些艺术化的处理 ,

然后边缘的话它的明暗对比很强烈 ,好 ,那么我们接下来我们来制作一个小案例 ,我们用两种不同的方法来制作一个玻璃质感的图标 ,我们先来分析一下我们这个图标 ,我们可以看到这个地方它是透明的诶完全透出我们的背景效果 ,然后它的一个质感的表现在哪里 ,首先第一个边缘上有暗有亮 ,然后再一个投影里面有了一个迷上的一个阴影 ,再加上一个透光的一个阴影 ,这就是我们表现玻璃的一个方式方法 ,好 ,那么我们下面我们就开始实际的来进行一个操作 ,首先我们来做一个纯手工的吧 ,先把纯手工这个给制作出来 ,啊我们就利用这个做好这个来 ,好的 ,我们把它做好这个部分打个组 ,然后先添加一个纯色作为一个背景 ,好 ,来画一个 ,我们画一个还是用这种椭圆矩形吧 ,利用形状来画一个矩形 ,然后我们可以稍微给它大一点 ,给一个30个像素诶 ,让它圆润一些 ,啊这是我们基础的一个外形 ,对吧 ,然后我们需要做的是把这个基础外形给隐藏掉 ,我们可以把填充的不透明度稍微给它降一些 ,让我们隐约能够看得见它 ,用一个白色吧 ,好 ,那么接着我们就要做什么边缘的一个处理 ,首先做它的一个边缘 ,我们需要载入它的选区 ,

新建一个图层 ,alt es 进行一个描边处理 ,然后我们剥离它本身具有一定的固有色 ,可能就是偏一点这种青绿色的感觉啊 ,不是很亮 ,比较暗的一种感觉 ,描个三个像素小一些 ,细一些就可以了 ,好 ,那么现在我们这个框有呢 ,我们可以把这个全部隐藏了 ,啊这就是我们玻璃的一个边缘 ,那么边缘我们要表现它的质感 ,是不是有亮有暗 ,那么我们在它这个上面去新建一层 ,创建一个剪切蒙板 ,然后我们利用我们的混合模式叠加的方式 ,用黑和白就可以了 ,我们让它诶这些地方变深啊 ,我们的不透明度这一些给个10%吧 ,啊慢慢去涂抹啊 ,这边我们考上了一些 ,这里也给一点亮暗部啊 ,这边也在在这个位置吧 ,好 ,这边我们也打开我们这边的一个参考来看一下 ,找哪个作为一个参考呢 ,就这个吧 ,真实的这种玻璃的啊可以看到这里是亮部 ,这里有暗部 ,对吧 ,一些亮和暗的一个效果 ,那么我们这里我们继续暗部涂完了之后 ,我们就要涂亮部 ,亮部我们让光线是从这个位置来的 ,

首先它被照亮的就是这个区域 ,对吧 ,然后唉透光透下来 ,更多的一个区域被照亮 ,是不是 ,慢慢我们这种玻璃质感就开始起来了 ,仅仅是处理了一下边缘 ,唉这边也稍微亮一些 ,好 ,在暗的地方也稍微给它加强一些亮度 ,好 ,接着我们要注意看这里有白色是很亮的区域 ,那么我们继续在它上面新建一层 ,这个时候我们就用纯白色去涂一下啊 ,逐渐逐渐的缩小我们的画笔 ,注意这里的透明度哦 ,很多同学搞不清楚透明度与流量 ,那么流量的话是你点下去 ,来回这样进行一个拖动 ,它就会产生不断的覆盖 ,而我们的不透明度就是点击一下放掉鼠标再点一下 ,这样进行一个覆盖 ,就看个人习惯的一个方法 ,你喜欢来回拖动的话 ,你去改流量 ,你喜欢来点击的话就用这个啊 ,不透明度啊 ,接着我们这边透光的啊 ,慢慢去缩小你的鼠标 ,1.1点的这样去点击 ,那么缩小鼠标的快捷键是什么 ,你点击下去之后按住你的 alt 键 ,然后再用你的右键左右拖动 ,然后上下拖动是改变它的软硬度 ,对吧 ,左右拖动就是改变它的大小 ,啊这边也稍稍的给一点亮度 ,那么到这里我们整个这个玻璃的边缘 ,我们就给它表现出来了 ,然后接着我们来表现它的里面的一个效果 ,

啊回到这一边 ,我们再来看看 ,看看我们这边的一个总结 ,边缘产生一个明暗对比 ,表面诶有这种艺术化处理 ,那么我们这个就没什么艺术化的好处理的 ,因为我们背景是比较纯的一个背景 ,那么我们就用什么 ,

登录后查看更多
LOGO设计师
共 165 节课
版式设计学习
共 155 节课
美陈设计师
共 132 节课
书籍画册设计师入门到精通
共 76 节课
创意字体设计师
共 22 节课
已是第一张图了
已是最后一张图了
记笔记

导出笔记

笔记导出历史

00:00

0/12
确定保存
笔记导出历史导出完成的笔记将保留1天,如有需求请及时下载
课程名称
导出时间
文件大小
状态
操作
AI视频总结
AI正在分析视频,请稍等…
AI总结遇到了一些问题 点击重新获取
点击重新获取
成为全站通VIP 查看完整AI总结
复制

职业路径建议意见

请选择你对职业路径课程的满意程度

请选择你对职业路径课程的满意程度

请填写关于职业路径的建议意见:

同学,小虎知道你非常努力的想学习!

老师录制课程真的也很辛苦

赞助一下吧

确定学习吗?

您每天可免费学习一个教程。

成为VIP可无限学习 !

成为VIP吧!

成为VIP吧!

您已经免费学习 1 个教程 !

我们录制教程很努力的,赞助下吧 !

升级VIP吧!

您已经学习 5 个教程啦!

我们录制教程很努力的,赞助升级下吧 !

您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个素材文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计观看5个图文教程


您在当前分类下不是VIP,赞助VIP享受无限观看


学习后才能评价哦!

获得30虎课币

评论提交成功,将在审核通过后显示

×

下载素材/源文件:

收藏成功
取消成功
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习90000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了23,727
并提交了249份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 90000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证