提交需求
赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!
大家好,好久不见了,这期要分享的是关于足球场的仿真场景设计,有动态GIF制作的教程哦!
大家好
釜势设计分享第十期
法国欧洲杯
跟大家见面了
最近有些忙
所以这期的分享来的有些晚了
请大家谅解
好了
废话不多说
先看看静态的图样吧
这期的篇幅
和上期的一样
长长长~~
这炎热的夏天
赶快拿上
~冰镇啤酒~
看教程吧
第一部分
制作高空俯瞰足球场
1、新建一个1920*1280px的画布
并填充背景色为黑色
2、新建一个矩形填充颜色
并调整圆角弧度
使用路径选择工具
选择矩形
Ctrl(Command)+C
Ctrl(Command)+V
Ctrl(Command)+T
调整大小
选择“减去顶层形状”
色值:cfc7c4(这个颜色稍微偏红一些)
3、复制一个上一步制作的圆角矩形
调整大小
然后
原位置复制Ctrl(Command)+J
一个一样的圆角矩形
并隐藏
把圆角矩形转换为智能对象
添加 图层样式-颜色叠加(柔光)
色值:b27849(颜色可以调的偏暗一些) 不透明度:40%
接着
给智能对象添加 滤镜-高斯模糊
最后效果就是下面这样
4、显示上一步隐藏的圆角矩形
去掉填充色
并填充描边色
描边色值:7f7f7f
然后
把描边调整为虚线
点击属性面板“3点”右边第二个倒三角
5、复制一个上面的圆角矩形
调整大小
这个是内圈的虚线点
点的数量少
但是个头大
制作出铆钉的效果
描边色值:b9b2a5
然后添加
图层样式-斜面和浮雕
颜色叠加
外发光
6、制作内圈锈迹
这部分主要使用笔刷
一点点刷上去
锈迹的颜色是偏红一些的颜色
所以要使用偏红的笔刷颜色
这里主要使用两种笔刷
一种是普通的圆形硬度为0的笔刷
这种笔刷主要是刷内圈边缘
一种是PS自带的海绵笔刷
这种是刷内圈大部分范围的
这里主要靠感觉
刷的自然就好
就不再多说了
7、添加纹理
新建一个空白图层
Ctrl(Command)+Alt+Shift+N
并填充颜色
色值:c3beb6
然后
添加图层样式-图案叠加
然后
Ctrl(Command)+鼠标左键
点击第一步创建的圆角矩形
创建选区
点击图层最下面的创建蒙板
调整图层模式为正片叠底
图层透明度:32%
8、制作分割线
选择直线工具
创建一条直线
使用旋转复制功能
旋转复制在第四期《限时免费天天享》
有详细的介绍
大家如果不熟悉的话
可以点击公众号内的
雷音寺
查看到所有的设计分享
复制遮罩
Alt+鼠标左键点击第七步制作出来的遮罩
拖动到要添加遮罩的图层上
9、制作足球场内草坪与观众
这部分比较简单
在网上有很多草坪和观众的素材
修一下就可以
在观众图层上添加遮罩
10、制作玻璃棚
复制3个圆角矩形调整大小
填充色:纯白 33%透明度 描边色:纯白
使用第8步的旋转复制方法
制作分割线
11、制作球场四角灯光、阴影、球员出场通道
新建一个长条矩形
填充白色渐透颜色
Ctrl(Command)+T
点击鼠标右键
选择透视
然后
栅格化形状
调整角度和透明度
下面是做足球场里面的阴影
这里以
光从左下角往右上角照射
首先复制一个最大的圆角矩形
填充暗黑色
并调整大小和位置
使用“直接选择工具”
改变圆角矩形的形状
把图层移动到
玻璃顶棚的上面
并调整透明度
添加高斯模糊
这里的调整数值大家可以自由发挥
看着舒服就可以
球员出场通道
这个比较简单
是两个矩形拼起来的
到这里足球场的制作
就基本完成了
下面是制作
球场的周围环境
现在足球场看上去
还是有些不真实
下面的环境制作
会解决这个问题
赶快来看看吧
12、周围环境制作
其实这部分很简单
有一个小技巧
就是利用网上的“卫星地图”
感觉高德地图的卫星图
比较清楚
现在打开地图
截取自己想要的图
拼拼看看吧
会有意想不到的效果哦
`0`
下面是这个足球场制作的过程
第二部分
制作场内场景
12、新建一个25*25px的画布
13、百度搜索“外国头像、艺术头像或者大头照”
14、直接把喜欢的头像拖到25*25px的文档中
多放几个
由于这样拖进去
图片的大小都一样
所以全部选中一块调整大小
15、新建一个1658*1080px的画布
16、选中25*25px的文档中的所有图片
复制到1658*1080px的文档中
使用分布对齐工具
排列一下
添加这几个颜色的头像
色值:3cb1e2;f9da07;46bf84;fdb2ea;8551b9
17、新建一个1658*37px的矩形
填充蓝色
色值:53b8ea
然后添加
图案叠加(点状图案)
最后添加文字
18、复制上图
19、在人物头像上
添加黑色渐透渐变
做出阴影效果
20、制作草地
下载一张草地的图片
21、调整草地图片的大小
22、使用图案工具
制作透视线
调整图层模式为
滤色
调整图层透明度为39%
调整明暗
添加一个白色图层
调整一下透明度就可以
到这里
第二部分
就完成了
接下来是第三部分
第三部分讲的是
制作动画后如何导出GIF
感兴趣的朋友
往下看吧
第三部分
动画导出GIF
这里用上面的设计
做了一个简单的动画
就不做详细讲解了
支队如何导出GIF
做一个讲解
23、在AE中制作好动画
Ctrl(Command)+M
加入渲染队列
24、点击“无损”
设置导出格式
为“PNG序列”
25、点击确定
直接渲染
26、打开PS
点击
文件-脚本-将文件载入堆栈
27、选择文件夹
28、点击确定导入之后
在PS右上角
选择工作模式
为“动感”
这时候
PS下方出现时间轴窗口
29、点击
创建帧动画
然后点击
时间轴右上角的按钮
选择
“从图层建立帧”
30、这时候帧的顺序是反的
点击右上角的
“选择全部帧”
然后
点击
“反向帧”
这样帧的顺序就是正确的了
31、导出
Ctrl(Command)+Alt+Shift+S
动画导出GIF的方法有很多种
上面介绍的是比较常用的一种
有时候PS导出大尺寸的GIF
可能会出现
“内存不足”
的情况
这时候就要结合其他软件
导出GIF
第十期
法国欧洲杯
到这里
就结束了
赶快自己动手做做吧!
.
.
.
釜势设计分享
.
.
.
-欢迎大家留言讨论-
获取高清源文件
扫描下方二维码(长按下方二维码也可以哦...)
关注 釜势设计分享
并在公众号内回复:法国欧洲杯
即可得到源文件的地址和获取码
-记得分享朋友圈-
您点赞的姿势最帅了!!!
大牛,别默默的看了,快登录帮我点评一下吧!:)
登录 立即注册