有爱,有技术,有你^_^)y
╱人◕‿‿◕人╲订下契约(注册新用户)

合作站点账号登陆

QQ登录

只需一步,快速开始

快捷导航
查看: 1691|回复: 24
收起左侧

[综合] 【贴图教程】樱花坡的图墙

[复制链接]

签到天数: 14 天

连续签到: 1 天

[LV.3]偶尔看看II

304

主题

588

好友

8万

积分

无节操

恋恋,别一个人乱跑呀!

积分
86297
发表于 2013-5-25 11:59:18 | 显示全部楼层 |阅读模式

╱人◕‿‿◕人╲定下契约

您需要 登录 才可以下载或查看,没有账号?╱人◕‿‿◕人╲订下契约(注册新用户)

x
本帖最后由 coral家 于 2013-9-14 17:25 编辑

这里是图樱花坡图墙的教程


为的是让大家更好地去发【贴图】类的贴子>w<
下面是【贴图】的优秀贴子的范例,想越过她的话,就来努力吧!!www
By @云毓
【CLANNAD】让我带你前去吧。这个小镇,实现人们愿望的场所
【冰菓】深染蔷薇色
【K-ON!】轻音一生推~~~




是不是觉得这样的贴子很美呢w,无论是排版还是图片。
要不要来做一个试试看呢w


www.0w0y.com<---基友们这边请~
回复

使用道具 举报

签到天数: 14 天

连续签到: 1 天

[LV.3]偶尔看看II

304

主题

588

好友

8万

积分

无节操

恋恋,别一个人乱跑呀!

积分
86297
 楼主| 发表于 2013-5-25 11:59:19 | 显示全部楼层
本帖最后由 雷幻 于 2013-5-29 12:38 编辑

【GIF图片制作 I · Pr + Ps 篇】


第一次写教程……如果有哪里看不懂的尽管回复我好了^_^
请多指教了呐~
想毕大家都看过,甚至用过动画里“提取”出来的那些有趣的动态表情吧,下面就是讲做这些“动态表情”的方法,
同时,也为自己在樱花坡的【贴图】贴子加满糖分w

【废话不多说,下面是教程。】

需要用到的软件是:Adobe Premiere 、Adobe Photoshop
【本教程用的版本都是CS6版本,CS4以上的版本都差不多,如果有差别,请不要大意地回复我!】
决定做Kanon里亚由的一张动态图片
于是素材是必须的~

                               
登录/注册后可看大图

1.找到自己想要提取片段的动画

                               
登录/注册后可看大图
       2.由于Premiere只能导入AVI、MOV和部分MP4格式的视频;而且视频过长会导致电脑运行缓慢,所以先用格式工厂转换一下格式【下载地址】,打开软件后在左边选择【所有 转到 AVI】。


                               
登录/注册后可看大图


3.将要转换的视频导入后,点【输出配置】,确认视频的参数都为【缺省】或【自动】,然后再返回上图窗口,单击【选项】。


                               
登录/注册后可看大图



                               
登录/注册后可看大图


4.裁剪大概的片段(不用太精准,因为只是为了缩小编辑范围),确定好【开始时间】和【结束时间】,这个根据自己想要的片段来决定,选好后点击【确定】。

                               
登录/注册后可看大图


5.设置好【输出文件夹】(在上图的最下方)后,点击【确定】。


                               
登录/注册后可看大图


6.点击【开始】。


                               
登录/注册后可看大图

【少年转换中…………】
转换成功后,下面就该轮到Premiere 登场啦~~
打开Premiere


                               
登录/注册后可看大图

1.点击【新建项目】。

                               
登录/注册后可看大图

2.选好源文件保存的【位置】,起好名字w,然后点击【确定】。

                               
登录/注册后可看大图

3.到这步的时候注意啦! 0 0,CS4以上的版本按照上面选择就好啦~,以下的要凭自己动画的相关比例来选择w(重点是4:3还是16:9啦,上图就是16:9的比例)

                               
登录/注册后可看大图

4.建好新项目后,在【项目】的选项卡里空白处单击右键,选择【导入】。

                               
登录/注册后可看大图

5.选择刚刚用【格式工厂】转换好的视频文件,点击【打开】。

                               
登录/注册后可看大图

6.把导入好的视频拖到右下方的【时间轴】中。

                               
登录/注册后可看大图

7.若提示【不匹配,问是否要修改配置】时,选择【更改配置】。

                               
登录/注册后可看大图

8.对视频进行剪辑,把多余的部分,点击右下角的【工具栏】里的【裁剪工具】,在想要裁剪的地方单击左键,视频就被剪断了,然后选 中多余的部分,按键盘上的【Delete】键删除。

                               
登录/注册后可看大图

9.(不知为何,从Premiere的图片序列导到PS导出的GIF图片速度会减慢,所以需要适当加速),右键【时间轴】中的视频,选择【速度/持续时间】。

                               
登录/注册后可看大图

10.据我实验,变成正常的速度应该是在200%~250%之间,修改完毕,点击【确定】。

                               
登录/注册后可看大图

11.修改完毕,下面导出图片序列,点击【文件】>【导出】>【媒体】。

                               
登录/注册后可看大图

12.在【格式】下拉菜单里选择【JPEG】。

                               
登录/注册后可看大图

13.在下面的【视频】选项卡中勾选【以最大深度渲染】,同时下方的【使用最高渲染质量】勾选。

                               
登录/注册后可看大图

14.点击上方的【输出名称】右边的黄字,选择保存的文件夹和名称(因为是导出一张张图片,建议新建一个空文件夹保存)。

                               
登录/注册后可看大图

15.选择完毕点击【保存】。

                               
登录/注册后可看大图

16.点击【导出】。

                               
登录/注册后可看大图

【少年导出中……】

                               
登录/注册后可看大图

导出了一帧帧图片,短则几十张,长则上百张w

下面该是Photoshop的出场时间了~~~,w一张动态图就要快出来啦!

                               
登录/注册后可看大图

1.打开PS。

                               
登录/注册后可看大图

2.点击【文件】>【指令码】>【将文件导入堆叠】(这些字可能和您所使用的版本不一样,若不一样请不要大意地回复我w)

                               
登录/注册后可看大图

3.点击右侧的【浏览】。

                               
登录/注册后可看大图

4.把刚刚用Pr导出的图片全部选择后,点击【打开】。

                               
登录/注册后可看大图

5.点击【确定】。

                               
登录/注册后可看大图

【等待导入中…………(右侧的图层在不断增加。)】
6.导入完毕后,在下方的【时间轴】(可双击打开),点击中间的【建立时间轴】按扭。

                               
登录/注册后可看大图

7.然后点击时间轴的小窗口右上角的小按扭,选择【从图层导入】。(如上图)

                               
登录/注册后可看大图

8.导入后,发现顺序反了0 0,不用担心w,再点击时间轴小窗口右上角的小按扭,选择【反向影格】。
记得调整【次数】为【永久】,还有【间隔时间】调为【0秒】(都在左下角调整)

                               
登录/注册后可看大图

9.调整动画大小,选中时间轴中所有的【影格】(点击选中第一张,按住键盘上的Shift键后,再选最后一张即可)

                               
登录/注册后可看大图

10.选择【影像】>【影像大小】。

                               
登录/注册后可看大图

11.调整到自己想要的大小(注意保持比例)

                               
登录/注册后可看大图

【少年修改中…………】

                               
登录/注册后可看大图

12.修改好啦~~按下来导出啦~~点击【文件】>【保存成网页用】

                               
登录/注册后可看大图

13.点击【储存】。

                               
登录/注册后可看大图

12.导出的文件位置,点击【保存】。

然后,GIF图片就做好啦>////<


                               
登录/注册后可看大图




-附加技能-
单纯的一张GIF图片,你或许觉得这比较单调,你可以在GIF图片上加上很多东西w

                               
登录/注册后可看大图

比如~~

                               
登录/注册后可看大图

在整理好动画后,在右侧新建一个图层,放在所有图片的最上面。

                               
登录/注册后可看大图

加上自己绘制作的图形,(图为选区)

                               
登录/注册后可看大图

(图为给自己选区拉一个渐变,加上高斯模糊)

                               
登录/注册后可看大图

同时,你也可以在自己动画里加上图片。(给图片添加滤镜效果时要选中所有的图片,图为给外部图片加了描边滤镜,并调低了图层的透明度,实现效果如下:)
[fold=加图后效果]

                               
登录/注册后可看大图
[/fold]
























www.0w0y.com<---基友们这边请~
回复 支持 反对

使用道具 举报

签到天数: 14 天

连续签到: 1 天

[LV.3]偶尔看看II

304

主题

588

好友

8万

积分

无节操

恋恋,别一个人乱跑呀!

积分
86297
 楼主| 发表于 2013-5-25 11:59:20 | 显示全部楼层
本帖最后由 雷幻 于 2013-5-25 11:56 编辑

是不是觉得上面的方面实在是太TMD麻烦了= =
我也是这么觉得的…………
下面介绍一款简单方便但对我来说挺烧内存的软件。

UleadGIFAnimator

这款软件为傻瓜制作式,很方便w。

但是用之前还是需要裁剪出大概的片段,所以,做之前参照2楼格式工厂的步骤。

然后转到这里w

这次我将用  UleadGIFAnimator 5 来制作。

                               
登录/注册后可看大图


1.打开软件,关闭向导(不建议用它的向导,不大好用)


                               
登录/注册后可看大图

2.点击【文件】>【打开视频文件】

                               
登录/注册后可看大图


3.打开刚刚用格式工厂转换好的视频文件。


                               
登录/注册后可看大图


【少年导入中……(相当慢,且烧内存)】



                               
登录/注册后可看大图


4.导入后,把多余的部分选中,按键盘上的【Delete】删除。调整大小,不用全选。点击【编辑】>【调整图像大小】。


                               
登录/注册后可看大图


5.大小根据自己的需要,品质选择【best】


                               
登录/注册后可看大图


6.调整好之后,点击【文件】>【另存为】>【GIF文件】

然后~~~然后就好 了w






































www.0w0y.com<---基友们这边请~
回复 支持 反对

使用道具 举报

签到天数: 14 天

连续签到: 1 天

[LV.3]偶尔看看II

304

主题

588

好友

8万

积分

无节操

恋恋,别一个人乱跑呀!

积分
86297
 楼主| 发表于 2013-5-25 11:59:21 | 显示全部楼层
本帖最后由 雷幻 于 2013-5-29 12:37 编辑

下面是技术宅社区表格的应用~~我就简单地说一下就好了w【因为在新宅导航里有百合写的教程w】
因为表格有很多功能是在纯文本的模式下编辑的,所以这里讲的专指在【纯文本】环境下。

很多原理我就不说啦w,请大家用心去理解吧0w0【其实很简单】




1.建立一个表格,可点击编辑栏上的【添加表格】

或者,在【纯文本】模式下,输入以下代码:
[mw_shl_code=html,true]

[/mw_shl_code]
就可以产生一个3列X3行的表格w
我是表格我是表格我是表格
我是表格我是表格我是表格
我是表格我是表格我是表格

2.修改表格的宽度与颜色
(1)[mw_shl_code=html,true] [/mw_shl_code]
修改“table=50%”,宽度可以是百分比(占屏幕总宽度的百分比,最高98%)。
也可以是具体的长度,如500(像素,可用QQ截图或其他截图工具测量)。
(2)上面那行代码也可修改整张表格的颜色,只需要在宽度后加个“,”(半角),再加上相应的颜色英文。

3.修改单行表格的颜色
[mw_shl_code=html,true]   
[/mw_shl_code]

如在第二行的""写成[tr=颜色代码 或 颜色英文]

4.合并表格
可修改“列跨度”,即跨了多少列,被跨的列表格可以不写出。
[td=列跨度,行跨度,宽度]
【上面三个参数,不作修改时,可以不写出。注:如只修改宽度需写成[td=1,1,宽度]】
例如,合并上述3X3的第一行的三个单元格,则
[mw_shl_code=html,true]

[/mw_shl_code]

效果:
我是表格
我是表格我是表格我是表格
我是表格我是表格我是表格


同理,如合并中间列:
[mw_shl_code=html,true]   

[/mw_shl_code]
效果:
我是表格 我是表格我是表格
我是表格我是表格
我是表格我是表格


5.表格嵌套

表格可以嵌套,但最多只能套三个。

如:

我是表格





=L = 好了……我已经没什么可以教给你了…………接下来,

就要靠你自己了…………咳咳……

www.0w0y.com<---基友们这边请~
回复 支持 反对

使用道具 举报

该用户从未签到

207

主题

115

好友

4万

积分

不吐槽会死星人

❤夫控❤最近神隐ing... 黏年糕ヽ(〃v〃)ノ

积分
47571
发表于 2013-5-25 13:26:54 | 显示全部楼层
我好爱第二个!!!~~
Arashi,Arashi,for Dream~
回复 支持 反对

使用道具 举报

该用户从未签到

207

主题

115

好友

4万

积分

不吐槽会死星人

❤夫控❤最近神隐ing... 黏年糕ヽ(〃v〃)ノ

积分
47571
发表于 2013-5-25 13:32:31 | 显示全部楼层
诶多·· 还有一种最傻的方法·· 就是直接用qq影音截gif_(:з」∠)_【好傻=''=
Arashi,Arashi,for Dream~
回复 支持 反对

使用道具 举报

签到天数: 14 天

连续签到: 1 天

[LV.3]偶尔看看II

304

主题

588

好友

8万

积分

无节操

恋恋,别一个人乱跑呀!

积分
86297
 楼主| 发表于 2013-5-25 13:37:49 | 显示全部楼层
瓏藍媣灬鈴 发表于 2013-5-25 13:32
诶多·· 还有一种最傻的方法·· 就是直接用qq影音截gif_(:з」∠)_【好傻=''=

0 0艾玛~~这方法可以吗?
www.0w0y.com<---基友们这边请~
回复 支持 反对

使用道具 举报

该用户从未签到

207

主题

115

好友

4万

积分

不吐槽会死星人

❤夫控❤最近神隐ing... 黏年糕ヽ(〃v〃)ノ

积分
47571
发表于 2013-5-25 13:47:39 | 显示全部楼层
雷幻 发表于 2013-5-25 13:37
0 0艾玛~~这方法可以吗?

可以·· 但是·· 不太高级就是了··

只是能做GIF··

你可以试试·· 最多10秒··
Arashi,Arashi,for Dream~
回复 支持 反对

使用道具 举报

签到天数: 14 天

连续签到: 1 天

[LV.3]偶尔看看II

304

主题

588

好友

8万

积分

无节操

恋恋,别一个人乱跑呀!

积分
86297
 楼主| 发表于 2013-5-25 14:26:48 | 显示全部楼层
瓏藍媣灬鈴 发表于 2013-5-25 13:47
可以·· 但是·· 不太高级就是了··

只是能做GIF··

ww我去试试
www.0w0y.com<---基友们这边请~
回复 支持 反对

使用道具 举报

签到天数: 1 天

连续签到: 1 天

[LV.1]初来乍到

230

主题

101

好友

7万

积分

抖M

觉觉~来抱抱嘛~♥

积分
74912
发表于 2013-5-25 18:51:47 | 显示全部楼层
为什么要导入PS啊? premiere不是能做GIF的 (>﹏<)
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

签到天数: 14 天

连续签到: 1 天

[LV.3]偶尔看看II

304

主题

588

好友

8万

积分

无节操

恋恋,别一个人乱跑呀!

积分
86297
 楼主| 发表于 2013-5-25 20:40:48 | 显示全部楼层
雾影 发表于 2013-5-25 18:51
为什么要导入PS啊? premiere不是能做GIF的 (>﹏<)

_(:3」∠)_  pr 我怎么试都导不出清晰的图片……所以只好这样了……
www.0w0y.com<---基友们这边请~
回复 支持 反对

使用道具 举报

签到天数: 1 天

连续签到: 1 天

[LV.1]初来乍到

230

主题

101

好友

7万

积分

抖M

觉觉~来抱抱嘛~♥

积分
74912
发表于 2013-5-25 20:42:03 | 显示全部楼层
雷幻 发表于 2013-5-25 20:40
_(:3」∠)_  pr 我怎么试都导不出清晰的图片……所以只好这样了……

啊原来是这样ww 估计压缩过图片了吧 我去试试w~
签名被小宅喵吞掉了~~~~(>_<)~~~~
回复 支持 反对

使用道具 举报

签到天数: 14 天

连续签到: 1 天

[LV.3]偶尔看看II

304

主题

588

好友

8万

积分

无节操

恋恋,别一个人乱跑呀!

积分
86297
 楼主| 发表于 2013-5-25 20:47:53 | 显示全部楼层
雾影 发表于 2013-5-25 20:42
啊原来是这样ww 估计压缩过图片了吧 我去试试w~

0w0/ 去试试吧,找出原因的话,就可以免去PS这一关了0 0
我也再找找原因0 0【我估计是码率不匹配的问题0 0
www.0w0y.com<---基友们这边请~
回复 支持 反对

使用道具 举报

该用户从未签到

207

主题

115

好友

4万

积分

不吐槽会死星人

❤夫控❤最近神隐ing... 黏年糕ヽ(〃v〃)ノ

积分
47571
发表于 2013-5-27 02:58:11 | 显示全部楼层
咱想学第二个链接那样的~ 就是有的地方不动有的地方动的那种~ 或者是叠加的那种~~ 【事儿好多泥滚、
Arashi,Arashi,for Dream~
回复 支持 反对

使用道具 举报

签到天数: 14 天

连续签到: 1 天

[LV.3]偶尔看看II

304

主题

588

好友

8万

积分

无节操

恋恋,别一个人乱跑呀!

积分
86297
 楼主| 发表于 2013-5-27 12:23:08 | 显示全部楼层
瓏藍媣灬鈴 发表于 2013-5-27 02:58
咱想学第二个链接那样的~ 就是有的地方不动有的地方动的那种~ 或者是叠加的那种~~ 【事儿好多泥滚、 ...

原来如此呐w
那个就要借助PS的力量了呢w
www.0w0y.com<---基友们这边请~
回复 支持 反对

使用道具 举报

本版积分规则

小黑屋|手机版|技术宅(基宅) ( 粤ICP备18082987号-1 | 浙公网安备 33010902001746号 )

GMT+8, 2024-5-1 01:33 , Processed in 0.367739 second(s), 14 queries , Redis On.

Copyright © 2018 技术宅社区

Powered by Discuz! X3.5

快速回复 返回顶部 返回列表