神奇兔小瑀
怪蜀黍神奇兔的PS研究室 【第三话】
展开Biu

本帖最后由 神奇兔小瑀 于 2012-12-7 22:02 编辑

【第三话】 从此成为专业人士!掌握必备的PS术语篇

基础知识之:像素

像素是计算机或其他电子设备用以描述图像的最小单位。什么意思呢?假使我们用放大镜观察我们的显示器,我们会发现他是由无数个整齐排列的小方块构成,通过电路板的控制分别显示出不同的色彩,而基于这种特性,我们的计算机在显示一幅图像时,其实也是由若干个小方块来组成的,每个小方块都小到不可再分割(它们每个都记录着各自对应的、完整的色彩信息),所以称为Pixel(像素),由英文单词Picture(图像)和 Element(元素)组成。而无数个小方块密集排列在一起时,我们整体远观就会误以为它是完整的一幅图像。(请想像一下某朝国庆阅兵时巨大广场上的人肉LED板,朝鲜也有哦!每人抬一块板,远远看上去就像一整块!)

(像素结构的示意图)

(传说中的万人团体操《阿里郎》舞台背景——人肉LED显示屏)

基础知识之:位图

位图又称为点阵图、像素图,或是栅格图(好多马甲!),它其实就是最常见的计算机图像,由一个一个密集而整齐排列的小点,来组成一幅完整的图像,而这些点的多少就决定了这幅图像的精细程度(详情请继续看下面关于分辨率的介绍),单位面积内所包含的像素点越多,那么这幅图像也就越清晰细致,反之,请参考任天堂的FC(红白机)上的游戏画面(马里欧大叔再次中枪)。那么叫做像素图也好,点阵图也好,栅格图也好,都比较直观容易理解(喂!栅格一词怎么想也不好理解吧!请原谅我,这是物理学定义,白话说就是一个个排列整齐的小网格,完全不知道物理学家们怎么想的。。。),那么为什么叫做位图呢?原来计算机的计算原理是基于一种叫二进制的奇怪算法(不奇怪好吧,请原谅我这个数学白痴),我们平时采用的十进制数到9才往前进一位,变成两位数10,而二进制只有两个数字0和1,每当到1时,就要往前进一位,0是0,1是1,而2就要变成10,3就变成11(唔啊啊啊啊啊真的好奇怪!),这里的位,指的就是数字的位数,也就是说(咳咳,强作镇定),在二进制下,8位数的最大值是11111111等于十进制的255,那么如果分别以每个数字来记录一种色彩信息的话,从0到11111111一共就有256种色彩信息(0也记录一种,故总共是2的8次方256),而16位位图呢?则记录了2的16次方一共是65536种颜色(哗,一下翻了不知多少倍!难怪SFC上的游戏画面比FC漂亮多了!),当然,我们现在所看到的大多数位图都是24位以上的图像,也就意味着每个像素点可以记录高达1677万多种的颜色信息!而那些愚蠢的人类肉眼只能识别一千万种左右的颜色,所以24位以上的图像也被称为真彩色

(fc上的马力欧)

(sfc上的马力欧)

(放大之后的位图会变得模糊,仔细观察能看到一个一个的像素点)

基础知识之:矢量图

矢量图又称为向量图,与位图最大的区别就在于,它并非是靠点来记录色彩信息,而是通过数学方程式的形式把图像信息存储于计算机中,当图像需要显示或者发生改变时,计算机会实时的计算这些数学程式,来将结果转化为图像显示出来。我们知道,如果将位图放大或者缩小,计算机会采取插补像素或删减像素的方式来缩放图像,而这样的结果就是导致图像失真,比如我们把一幅位图不断放大,图像就会逐渐变得模糊甚至最终能看到的只是一个一个的像素点(这不是传说中的马赛克吗?)矢量图则不然,无论怎么缩放,图像都不会失真——因为计算机会将缩放产生的变化进行数学程式的再计算以输出当前的图像,更重要的一点是,由于不需要记录动辄数以千万计的色彩信息,矢量图相较于位图而言他的体积会更小(苗条淑女,君子好逑哦),但是也正因为此,目前的技术使得矢量图的计算结果并不能十分完美的再现缤纷复杂的现实世界,所以我们看到的照片级的图像往往是位图,而矢量图则以一些绘制出来的图画居多。但需要注意一点:因为我们的显示器是以点阵的形式来显示图像的,所以即便是矢量图,其实显示在我们的屏幕上之后,也是以点阵的姿态出现在我们眼前!

(与位图不同,矢量图无论怎么放大缩小,也不会影响它的清晰度)

基础知识之:分辨率

什么是分辨率呢?其实有了之前关于位图的知识,我们就很容易理解了。分辨率主要是用来描述图像的精密程度表示单位长度内所包含的像素数。常见的单位有ppi(Pixel per inch)像素 /英寸,也就是说每英寸内包含多少像素点,如果分辨率越高,那么图像就会越精细,比如说一张长宽各10英寸的图像,如果分辨率是50ppi(每英寸有50个像素),那么也就是说它的长和宽上都是有10X50=500个像素,长乘与宽共计250000个像素,精度已经很不错啦。而如果同样是这幅长宽各10英寸的图像,要是分辨率达到300ppi呢?则这张图就会包含高达9百万的像素!已经接近单反相机所能获得的高精度图像啦~当然分辨率越高,那么像素越多,图像体积也就越大哦!

基础知识之:格式

所谓格式呢,指的是计算机存储文件的编码方式,不同的文件格式有不同的文件结构,需要用相应的编码方式去编写,去运行,比如音乐格式MP3,可执行程序EXE、视频格式AVI,当然还有我们的PS君专有的格式PSD。这里我们先了解一下常见的图片格式有哪些,比如JPEG、BMP、TAG、TIFF、GIF、PNG等等,不同的格式拥有不同的特点,那这些图片格式具体都有什么不同呢?在接下来的研究中我们再一一去探索它们各自的特点和不同的应用~

好啦,也不必着急一次学太多,更详细的,我们之后会慢慢一步一步深入研究的哦~

这里推荐luxaky君的一片更详细的PS术语介绍~

那么下一话开始,我们就要进入PS界面的研究啦~敬请期待~~

[查看全文]
神奇兔小瑀
怪蜀黍神奇兔的PS研究室【第一话】
展开Biu

本帖最后由 神奇兔小瑀 于 2012-12-17 16:38 编辑

各位!大家好!我是新进技术渣怪蜀黍神奇兔,虽然来到社区不久,但深受这里的气氛所感染!终于找到组织了(所谓宅,也要宅得有技术!#7189!)

在技术之路的艰难探索中,孤身一人勇闯各种技术难题的BOSS魔城,难免有被虐的时候,所谓单P不如群P(#7036!PK的P哟,别想多了),所以我打算在这里开一个技术研究室,欢迎各位同好来一起研究~共同学习,携手进步(好感人的画面,一定会充满基情的!#7109!)

首先,这是一个关于CG软件的研究室(据说台湾管软件这种东西叫軟體,CG软体哟,软乎乎的听上去好令人浮想#6969!),CG软件很多,但我们就从最基本也是大家喜闻乐见的Photoshop君开始着手研究~真正从最基本最入门开始哦,但毕竟,我们的目标是成长为一名合格的技术宅,所以,不仅仅是所谓爱好者,兴趣者。尽管我也只是一个学习者,但我尽量对研究内容做到原创(当然也要借鉴各种优秀的研究成果啦),同时更多的希望各位同好,不要吝惜自己的独门绝技,一起分享,一起研究哦,请大家以跟帖的形式补充自己的知识,纠正我的失误,我会把大家的补充增添进去,逐步完善我们的研究成果,以飨众位宅友~朝着伟大的技术宅那条艰险遥远的道路,前进吧~

怪蜀黍神奇兔的PHOTOSHOP研究室 开张啦~~~

不可思议的CG软件研究计划 其之卷第一【米娜桑都喜爱的PHOTOSHOP之卷】

【第一话】 打开通向那异次元CG世界的神奇大门篇

第一话理所当然的是入门啦~不过还不急着入PS的门哦,作为一名技术学员我们要从最最最最基础的门开始哦~准备好了吗~Ready~~~走你!

基础知识之:何谓CG?

什么是CG 呢?CG英文名全称是Computer Graphics,据说是一种基于计算机处理技术的高级学问【计算机图形学】,哇塞,听上去好拉风!【这是一种使用数学算法将二维或三维图形转化为计算机显示器的栅格形式的科学。简单地说,计算机图形学的主要研究内容就是研究如何在计算机中表示图形、以及利用计算机进行图形的计算、处理和显示的相关原理与算法。】以上内容摘自度娘。 在下的理解是:CG技术,就是一门研究计算机运算各种数学程式、并将计算结果在显示器上以图形图像的形式显示的技术。(尽管我努力简化,可念起来依然好拗口,无力中#7181!)如今我们的娱乐乃至生活都越来越离不开这种技术——影视特效,动漫,游戏等等行业都得基于这种技术(也可以理解为,没有电脑,游戏机和动漫,你还能宅吗?#6675!世界末日吧)1963年,伊凡·苏泽兰(Ivan Sutherland)在麻省理工学院发表了名为《画板》的博士论文, 它标志着计算机图形学的正式诞生。但是早期的计算机图形学只能将计算结果输出在打印机或绘图仪上——因为还没有可以显示的显示器#7005! 从60年代后期一直到80年代,一门新兴学科出现了:科学计算的可视化!终于使计算机的运算结果得以以图形图像的形式实时显示在显示器上!(之前的那段日子一定好痛苦#7018!)。这里介绍一下下:最早搞CG技术的可不都是技术宅哦,还有艺术家!纳尼?是的,你没听错!那些拿画笔的艺术家!(什么嘛,今天搞CG的,不都是些ACG圈里混的嘛?但是在早期,这门技术还不甚为人知的时候,率先跨学科踏入这个领域,那可是很稀奇哦),比如一直致力于影视特效的工业光魔,看好莱坞大片的宅友们别说没听过,绝大部分顶级特效片都出自他们之手,他们就是最先进入这个领域的艺术家,而且苹果的乔帮主从卢卡斯手里的工业光魔挖了一批人出来,后来成了大名鼎鼎的皮克斯!这个就是关于CG的大概介绍。

基础知识之:CG软件有哪些?

常用的CG软件有哪些呢,一般来说,常见的大概有那么几类:三次元类(3Ds Max、Maya、Rhino、Cinema 4D),二次元类(Adobe旗下的一大堆:Photoshop、IIlustrator、Indesign等等还有其他的如Painter、Corel Draw、SAI、OpenCanvas、Pixia、Comic Studio、IIluststudio等等大家所熟知的),影视后期类(如Nuke、DFusion、Houdini、After Effects、Premiere等等),动画制作类(Flash、Animo、Anime Studio、RETAS HD等等)好多啊#7133!,没关系,只要有耐心,我们慢慢钻研~

那么 接下来请期待第二话:终于要开始了吗?Photoshop入门篇

传送门~

第二话

第三话

第四话

[查看全文]
咯叽!
可爱越狱兔教程
展开Biu

本帖最后由 绯色の胖子 于 2015-4-4 15:53 编辑

原图:

成签:

图层:

教程:

素材下载:

本内容已隐藏,回复后刷新可见哦

[查看全文]
祢笙
诡异成签教程——流年错(微复杂,请鞭挞)
展开Biu

本帖最后由 绯色の胖子 于 2015-4-3 20:59 编辑

原创非首发,这个算是老物一枚,请鞭挞~~~

教程:

本内容已隐藏,回复后刷新可见哦

素材一览

鱼缸:

背景:

高光:

溶图:

花纹:

人物PNG:

(懒人专用)

[查看全文]
艾琪诺
成签的四个基本要素
展开Biu

本帖最后由 绯色の胖子 于 2015-4-1 23:20 编辑

申明:

1.才此教程为原创教程,请勿翻写

2.例图全部来自Aqua和Mars.Dis

3.作者水平有限,讲不清楚的地方请多多包涵

4.可以转载到百度贴吧,禁止转载到任何论坛或者各大图网

作者的制图ID是Aqua,百度ID韩天琴,cntuw ID是irismushroom

P.S. 如果觉得有用请回复!撸主大晚上撸这个也不容易,对吧=u=

[查看全文]
清霜暮雪
天涯明月基融图成签
展开Biu

本帖最后由 _VastCast 于 2015-4-4 00:44 编辑

!17~兰州第一次发这么正式主题,咳咳。

以下省略N个字的感想,

总而言之,言而总之,这是个没有技术的教程帖(喂,跳跃地好快!

PS请同学们自觉看补充的红字哦,不然做出来的效果会不一样的

下面放效果

请不要仔细看大字哦=-=头脑一热合并图层,就变成花大香了,哦呵呵呵……其实是花太香,想起某历史作业,把犹太人,写成了犹大人自己凭这个笑点活了大半年……

原图

本内容已隐藏,回复后刷新可见哦

[查看全文]
Ling980908
很有爱的一种字【楼主不知道该怎么叫=-=】
展开Biu

本帖最后由 绯色の胖子 于 2015-4-4 10:17 编辑

先放预览图。。。

教程神马的做完作业再说#6958!

@akira_ou @Fancy_筠 @叶有才 @易公子 @棕长直 @苏南0 @银酱 @林若一

教程kUn来了、、、

1.打开文档新建填充颜色神马的╮( ̄▽ ̄")╭

2.打字,一字一图层。

3.打开动画,新建一帧,把所有图层的小眼睛都取消掉出了第一个。

4.新建一帧,点开第二个小眼睛。

5.再建一帧,点开第三个小眼睛

6.如此类推直到所有的小眼睛都被点开了。

7.调整帧的时间,保存为gif。

P.s最后那个表情是我收藏了技宅的一个表情,拖到图里,用笔刷描了描,把眼睛盖掉然后新建一帧点开的╮( ̄▽ ̄")╭

前三个交作业的孩子有签蹭或者有糖吃,看洒家心情和作业量╮( ̄▽ ̄")╭

[查看全文]
ES女王样
PS做个金牌嘛嘛。。
展开Biu

本帖最后由 _VastCast 于 2015-4-4 00:28 编辑

那个。。ES不擅长打字,喜欢把字直接贴图上。。大家慢慢看~

先来个效果图吧

接下来开始咯!

那个,第一次做这种教程好紧张的说!!!求爱!的!鼓!励!

鼓励多了我考虑放个PSD源文件神马的0W0

=3=

[查看全文]