qigu (麦田·狼图腾) 于 2005年11月05日01:06:58 星期六 提到:
浅谈颜色及其效果的运用
by qigu
此“浅谈ASCCIArt”系列教材以心得体会为主,结合范例,试图让你学会更多应用
技巧,在编写过程中参考引用了多位知名高手的作品,望请理解原谅。通过本讲希望各
位了解颜色的应用技巧,并回答上节中饮用的老校长realtyphoon的签名档的技术。
一、代码的识别:
我爱南开BBS站 ASCIIArt培训
其代码为:**[0;1;32m我爱南开BBS站 ASCIIArt培训**[m
这句话在Cterm下观看可以显示出绿色,但在Fterm观看显示为不规则箭头及代码。
这是因为两种浏览器在识别代码时的细小不同,个人以为Fterm对此的要求更严格,
需要将代码精简为*[0;1;32m我爱南开BBS站 ASCIIArt培训*[m,方可识别,如遇到网友
反应为乱码,而你可以看到图画时,可考虑或许是此原因。
我爱南开BBS站 ASCIIArt培训
其代码为:*[0;1;32;42m我爱南开BBS站 ASCIIArt培训*[m
如将代码改成:*[0;1;32;42 m我爱南开BBS站 ASCIIArt培训 *[m
显示将表现为: 我爱南开BBS站 ASCIIArt培训
由此我可以理解Term系统下的代码识别。此外,我爱南开BBS 站每行只能写254个字
符,过多的字符将导致系统的自动换行。
二、颜色应用的禁忌:
初学者对于颜色往往相当感冒,试图在有限的空间中表现无限的颜色,实际上颜色
的繁杂,刺眼的亮度将使观者产生反感,适得其反,比如同样是文字:
我爱南开BBS站 ASCIIArt培训
这样的表达方式显得过于繁杂会让人无法有效识别有用的信息,倒不如采取单种颜
色高亮低亮的混用,看得更舒服,切实起到作用。
一般来说,一副图的主颜色不要超过3种否则看起来会相当累。以上应用的例子中我
主要用了高亮低亮色,也就是单色系背景色和前景色混用的方法,我称之明暗色,这样,
可以让你的表述得到加强,显得活泼。
可以尝试不同颜色混用,我比较喜欢的是这样两种搭配:
ASCIIArt培训 ASCIIArt培训 看起来不累,能起到一定的效果,举几个反例:
过艳:ASCIIArt培训 刺眼:ASCIIArt培训 ASCIIArt培训
明暗色的使用可以将使简单的表述变得精彩,我比较满意的一幅底部流动信息:
※※ 八区招募板务 正在进行时 更多快乐温馨 尽在你的管理 尽在你的选择 ※※
虽然采取了多种颜色,显得纷繁,但可以在短时间内抓住你的眼球,将使你得到这样
的讯息:八区招募板务;当然,对于颜色的理解,颜色的表达,因人而异。以下的简表简
要给出各种颜色给人的感觉,不妨参考:
红色:热烈,振奋
黄色:温馨,安宁
绿色:清新,自然
靛色:冷静,雅致
蓝色:深沉,忧郁
紫色:浪漫,梦幻
白色:纯洁,朴素
黑色:神秘,严肃
请学员以简单的字配颜色,制作一幅底部流动信息,可以使用任意字体,也可以不使
用背景色,比如以下作品,是我的第一幅ASCIIArt应用:
⿻⿻⿻ 用青竹作笔 蘸取思乡的珠泪 在5区 HomeTown 写下你的 乡音乡情 ⿻⿻⿻
期待你的精彩!
三、颜色的效果
1.透视的效果
也就是利用色彩间的变换,利用视觉上的叠色默认,起到透视的效果。比如我们在学
美术的时候,知道:红+黄=橙;黄+蓝=绿;蓝+红=紫;但在电脑显示下,三原色的体系无
法适用,因而需要了解三光色的效果叠加:红+绿=黄;绿+蓝=靛;蓝+红=紫
共同欣赏精彩的范例应用,这幅作品在《ASCIIArt跨站讲座第二期》中也曾被引用:
╭ ┉┅┅┉┉┉ ┉┅┅┉┉┉ ┉┅┅┉┉┉ ┉┅┅┉┉┉ ╮
┇ ┇
┇ ╔━┳━┳━┳━┳━┳━┳━┳━┳━┳━┳━┳━┳━┳━╗ ┇
┇ ┃ ┃化┃依┃月┃梦┃夜┃乡┃在┃接┃山┃波┃地┃碧┃ ┃ ┇
┇ ┃ ┃作┃酒┃楼┃留┃夜┃魂┃斜┃水┃映┃上┃秋┃云┃苏┃ ┇
┇ ┃范┃相┃入┃高┃人┃除┃追┃阳┃芳┃斜┃寒┃色┃天┃幕┃ ┇
┇ ┃仲┃思┃愁┃休┃睡┃非┃旅┃外┃草┃阳┃烟┃连┃黄┃遮┃ ┇
┇ ┃淹┃泪┃肠┃独┃明┃好┃思┃黯┃更┃天┃翠┃波┃叶┃ ┃ ┇
┇ ╚━┻━┻━┻━┻━┻━┻━┻━┻━┻━┻━┻━┻━┻━╝ ┇
┇ ┇
╰ ┅┅┅┉┅┅ ┅┅┅┅┅┅ ┅┅┅┅┅┅ ┅┅┅┅┅┅ ╯
这幅图的表述相当经典,除了应用了透视的效果,也通过黑色底色和白线共同表现出
穿越的效果,表现为非常漂亮的书签感觉。值得借鉴。
以下给出各种色的叠加过效果图:
值得注意的是在所有颜色交接部分,并不是用
背景色表达的,你来想想其中的究竟?
██ 此外,再思考这样的表达方式是怎样实现的:
██
██ ▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅▅
██
在你自己想明白这个问题之后,再看第三种
效果的使用:流水灯的效果。
2.流水灯的效果:
██████████████████
这就是最简单的流水灯,也叫走马灯,采用的方式为色块与背景色的连用,如果你明
白了上一个问题的表达方法,就会明白◆,色块外边的绿色是因为背景和前景色块间大小
的一点区别,而闪烁仅仅闪烁前景色部分;如此叠换使用,就可以显示出流动的效果,而
实际上,并没有使用动画延时,只是利用你视觉上的错觉。
同时,请琢磨一下▄▄是怎样表述的,这种方式被称为四色,另外,来看一幅利用视
觉上的错觉而诞生的著名设计——咖啡墙:
▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇
▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇
▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇
▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇
▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇
▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇
▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇
▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇
▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇▇
咖啡墙错觉是以19世纪英国布里斯托尔城的一家咖啡馆而得名的,它的墙上有如此的
瓷砖。咖啡墙错觉中横线的倾斜是由视皮层上对方向敏感的简单细胞引起的。每个倾斜成
分组合在一起导致了整体上对横线感知的倾斜,细胞之间的相互作用能解释视网膜上一条
连续的直线以斜条的倾斜方向倾斜。(注:咖啡墙内容取自于zixia)
3.渐变和蚀刻效果
分类讨论区 ┉┉┉┄┄┄ ━┅┅┉┉┄┄┄┈┈┈┈┈┈┈┈┈
┉┉┄┄┄ 文学艺术 ┏━┓┏━┓┏━┓┳ ┳ ┅┉┄┈ 美丽的图案
┅┉┉┉┄┄┄ ┃━┃┗━┓┃ ┃ ┃ ┅┄┄┄ 绚烂的色彩
┅┄┄┄ ┗ ┛┗━┛┗━┛┻ ┻ ┅┈┈ 欢迎你 ……
━┅┅┉┉┄┄┄┈┈┈┈┈┈┈┈ ┅┉┉┉┄┄┄ NanKaibbs
以上是“我爱南开BBS站”ASCIIArt大侠emma的作品,其线条的渐变非常精彩。
╬╬╬╬╬╬╬╬╬╬╬╬╬╬◢╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬╬
╬╬╬╬╬思╬╬╬╬╬╬╬╲█◤╬╬叶╬╬╬无╬╬◣╬╬╬╬╬╬╬╬╬╬╬╬
╬╬╬╬╬╬╬◣╬╬╬╬◢█◥◣╬╬╬╬╬╬╬╬◥█╱╬╬╬凋╬╬╬╬╬╬╬
╬╬╬╬╬╬◥█╱╬╬╬╬◤◥╬╬╬◣◢╬╬╬╬◢◤█◣╬╬零╬╬╬天书╬╬
╬╬╬╬╬╬◢◤█◣╬如╬╬╬╬╬◥◥█◤╬╬╬╬◤◥╬╬╬落╬╬╬涯剑╬╬
╬╬╬╬╬╬╬◤◥╬╬╬╬╬╬╬╬◢█╲╬╬╬声╬╬╬╬╬╬╬╬╬╬╬╬╬╬
以上是“我爱南开BBS站”ASCIIArt大侠Drizzt的作品,网格的蚀刻效果相当精彩。
4.立体的效果
◣
把三维效果用二维形式表达,是平面设计的永恒主题。
┏━━━━━┓ 以下简单介绍投影、透视、浮雕、金属质感、透明等
┃ ASCIIArt ┃ 效果的使用。从最简单的投影讲起。
┗━━━━━┛
左边这个logo就是投影效果最简单的应用,大家可以
尝试把这种技巧用在活动看板或者进板画面的制作上。
透视的基础也是光的折射,想一想学素描的时候,大家首先接触的立方体模型,光从
哪个角度射来,将投射出怎样的影响。此外,浮雕效果也是这样生成的。看一下离任板务
river曾经做过的活动看板,应用了字母透视和浮雕效果。
──────────────────────────────────────╮
██████████████████████████████▌╭╮ ╭╯
█◢ ╱◤ ╱◢ ╱◢ ╱◢ ╱ ◢ ╱◢ ╱█ ╰╯ ╭╮╭╯
████╱███╱███╱███╱███╱ ███╱███◢█ BM: ╰╯╰╮
██▆█╱█▆▆╱█ ╱ █ ╱█▆█╱ █▆█╱██ ██ river ╰╮
██ █◢▆▆█◢███◢███◢█ █◢ █◥▅◢██◢██ ╭╯
──4区 美丽的图案──让我们用字符点亮生活────────────────╯
◤╱╲◥ 观察一下左边这幅图是我为8区宣传作的活动看板一部分,请想想
◤╱╲◥╱知性╲ 是如何做到立体效果的,这种方法简单实用,比较适合填写文字。
╱亲切╲╲感性╱
╲温馨╱◣╲╱◢ 实际上,浮雕的绘图只使用了线条的明暗显示,但是 ╱╲
◣╲╱◢ 其获得的效果却是非比寻常的。看看右图的“光线” ╲╱
关于金属效果,我应用的不多,只在以下简单说说,看看这种质感的运用。
┏─┓ ┏─┓ ┏─┓ ┏─┓╭
▌ ▌ 左侧图采用白色高亮、浅灰、 ╰╮│精│ │彩│╭│四│╮│区│╯
▎ ▊ 黑灰的色块应用体现出金属 ┏─╋─╋─╋─╋─╋─╋─╋─╋─┓
▌ ▌ 光泽,但,线条也未尝不可。 │不│╰│能│╯│没│ │有│╰┃你┃
┗─┛ ┗─┛ ┗─┛ ┗─┛ ┗─┛
by redwolf @ nankai
其实,简单但是有致的色块组合,同样可以体现出质感,比如ree的qmd,巧妙应用
菱形块的对称高低亮光效果,表现出十足的质感,仔细体味,虽简单,但甚为有趣。
╭──╮ ◢◣╮ ─╮
╰◢◣╰╮◥◤╰◢◣╭─╮╭─╯ Just a feeling ……
╭◥◤◢◣╰╮ ◥◤╯ ╰╯ ╔═╮╔═╮╔═╮ ╰◢◣─╮串起
╰╮ ◥◤◢◣╭─╮ ◢◣ ╠╦╯╠═ ╠═ ╭╮◥◤ ╰╮ 快
│◢◣╮◥◤╯ ◢◣╭◥◤ ╰╰╯╚═╯╚═╯ ◢◣ ╰╮◢◣╭╯ 乐
╰◥◤╰────◥◤╯ ╰───────────◥◤ ╰◥◤╯ 每一天
╱◥◣
◢█◣◥ 谈到立体效果的运用,不得不提flubber大侠的革命性的创意,
◥█╱ 其主要的贡献在于左图中的光线处理,大胆使用了黑色,非常有
◥█◤╭╮ 质感,非常透明,《可乐罐上的水珠》也将永载ASCIIArt的史册。
╰╯
∣ ◇ 这幅作品同样深味玲珑之妙趣,紫水晶的
∣ ─╋─ ◇ 剔透仿佛就在眼前,注意一下高亮和低亮
◥◢ ─ ─ ◢◣ chine ◥◢ 的层次性,和透视性,就可以形成效果。
◤◣ ∣ ▌┃ ∣ ◤◣
◥◢ ▌┃ - ┼ - by synyan @ nankai
◇ ◤◣ \▁/ 我和你的爱情,就像紫水晶
四、结语
洋洋洒洒说了这么多,只是为各位学员介绍ASCIIArt颜色运用的部分技巧,知识都是
死的,重要的在于运用,厚厚,说说作业吧,除了开篇提到的底部流动信息之外,每位学
员制作至少一块活动看板,并最好也做出一块大幅作品,用作进站或进板用。以上作业请
均以“我爱南开BBS站”和其中的板面为主题。时限为一周。
其实,只要你运用以上技巧中的几个,再加上审美情趣,就可以做出较精美的作品,
以上引用的范例都有比较高的技巧,绝不仅限于我所阐述的部分,希望学员仔细体会。
创意无限,精彩无限,共建“我爱南开BBS站”
qigu 麦田 狼图腾 于 2005年11月05日01:06:58 星期六 提到
浅谈颜色及其效果的运用
by qigu
此 浅谈ASCCIArt 系列教材以心得体会为主 结合范例 试图让你学会更多应用
技巧 在编写过程中参考引用了多位知名高手的作品 望请理解原谅 通过本讲希望各
位了解颜色的应用技巧 并回答上节中饮用的老校长realtyphoon的签名档的技术
一 代码的识别
我爱南开BBS站 ASCIIArt培训
其代码为 **[0;1;32m我爱南开BBS站 ASCIIArt培训**[m
这句话在Cterm下观看可以显示出绿色 但在Fterm观看显示为不规则箭头及代码
这是因为两种浏览器在识别代码时的细小不同 个人以为Fterm对此的要求更严格
需要将代码精简为*[0;1;32m我爱南开BBS站 ASCIIArt培训*[m 方可识别 如遇到网友
反应为乱码 而你可以看到图画时 可考虑或许是此原因
我爱南开BBS站 ASCIIArt培训
其代码为 *[0;1;32;42m我爱南开BBS站 ASCIIArt培训*[m
如将代码改成 *[0;1;32;42 m我爱南开BBS站 ASCIIArt培训 *[m
显示将表现为 我爱南开BBS站 ASCIIArt培训
由此我可以理解Term系统下的代码识别 此外 我爱南开BBS 站每行只能写254个字
符 过多的字符将导致系统的自动换行
二 颜色应用的禁忌
初学者对于颜色往往相当感冒 试图在有限的空间中表现无限的颜色 实际上颜色
的繁杂 刺眼的亮度将使观者产生反感 适得其反 比如同样是文字
我爱南开BBS站 ASCIIArt培训
这样的表达方式显得过于繁杂会让人无法有效识别有用的信息 倒不如采取单种颜
色高亮低亮的混用 看得更舒服 切实起到作用
一般来说 一副图的主颜色不要超过3种否则看起来会相当累 以上应用的例子中我
主要用了高亮低亮色 也就是单色系背景色和前景色混用的方法 我称之明暗色 这样
可以让你的表述得到加强 显得活泼
可以尝试不同颜色混用 我比较喜欢的是这样两种搭配
ASCIIArt培训 ASCIIArt培训 看起来不累 能起到一定的效果 举几个反例
过艳 ASCIIArt培训 刺眼 ASCIIArt培训 ASCIIArt培训
明暗色的使用可以将使简单的表述变得精彩 我比较满意的一幅底部流动信息
八区招募板务 正在进行时 更多快乐温馨 尽在你的管理 尽在你的选择
虽然采取了多种颜色 显得纷繁 但可以在短时间内抓住你的眼球 将使你得到这样
的讯息 八区招募板务 当然 对于颜色的理解 颜色的表达 因人而异 以下的简表简
要给出各种颜色给人的感觉 不妨参考
红色 热烈 振奋
黄色 温馨 安宁
绿色 清新 自然
靛色 冷静 雅致
蓝色 深沉 忧郁
紫色 浪漫 梦幻
白色 纯洁 朴素
黑色 神秘 严肃
请学员以简单的字配颜色 制作一幅底部流动信息 可以使用任意字体 也可以不使
用背景色 比如以下作品 是我的第一幅ASCIIArt应用
用青竹作笔 蘸取思乡的珠泪 在5区 HomeTown 写下你的 乡音乡情
期待你的精彩
三 颜色的效果
1.透视的效果
也就是利用色彩间的变换 利用视觉上的叠色默认 起到透视的效果 比如我们在学
美术的时候 知道 红 黄 橙 黄 蓝 绿 蓝 红 紫 但在电脑显示下 三原色的体系无
法适用 因而需要了解三光色的效果叠加 红 绿 黄 绿 蓝 靛 蓝 红 紫
共同欣赏精彩的范例应用 这幅作品在 ASCIIArt跨站讲座第二期 中也曾被引用
化 依 月 梦 夜 乡 在 接 山 波 地 碧
作 酒 楼 留 夜 魂 斜 水 映 上 秋 云 苏
范 相 入 高 人 除 追 阳 芳 斜 寒 色 天 幕
仲 思 愁 休 睡 非 旅 外 草 阳 烟 连 黄 遮
淹 泪 肠 独 明 好 思 黯 更 天 翠 波 叶
这幅图的表述相当经典 除了应用了透视的效果 也通过黑色底色和白线共同表现出
穿越的效果 表现为非常漂亮的书签感觉 值得借鉴
以下给出各种色的叠加过效果图
值得注意的是在所有颜色交接部分 并不是用
背景色表达的 你来想想其中的究竟
此外 再思考这样的表达方式是怎样实现的
在你自己想明白这个问题之后 再看第三种
效果的使用 流水灯的效果
2.流水灯的效果
这就是最简单的流水灯 也叫走马灯 采用的方式为色块与背景色的连用 如果你明
白了上一个问题的表达方法 就会明白 色块外边的绿色是因为背景和前景色块间大小
的一点区别 而闪烁仅仅闪烁前景色部分 如此叠换使用 就可以显示出流动的效果 而
实际上 并没有使用动画延时 只是利用你视觉上的错觉
同时 请琢磨一下 是怎样表述的 这种方式被称为四色 另外 来看一幅利用视
觉上的错觉而诞生的著名设计 咖啡墙
咖啡墙错觉是以19世纪英国布里斯托尔城的一家咖啡馆而得名的,它的墙上有如此的
瓷砖 咖啡墙错觉中横线的倾斜是由视皮层上对方向敏感的简单细胞引起的 每个倾斜成
分组合在一起导致了整体上对横线感知的倾斜 细胞之间的相互作用能解释视网膜上一条
连续的直线以斜条的倾斜方向倾斜 注 咖啡墙内容取自于zixia
3.渐变和蚀刻效果
分类讨论区
文学艺术 美丽的图案
绚烂的色彩
欢迎你
NanKaibbs
以上是 我爱南开BBS站 ASCIIArt大侠emma的作品 其线条的渐变非常精彩
思 叶 无
凋
零 天书
如 落 涯剑
声
以上是 我爱南开BBS站 ASCIIArt大侠Drizzt的作品 网格的蚀刻效果相当精彩
4.立体的效果
把三维效果用二维形式表达 是平面设计的永恒主题
以下简单介绍投影 透视 浮雕 金属质感 透明等
ASCIIArt 效果的使用 从最简单的投影讲起
左边这个logo就是投影效果最简单的应用 大家可以
尝试把这种技巧用在活动看板或者进板画面的制作上
透视的基础也是光的折射 想一想学素描的时候 大家首先接触的立方体模型 光从
哪个角度射来 将投射出怎样的影响 此外 浮雕效果也是这样生成的 看一下离任板务
river曾经做过的活动看板 应用了字母透视和浮雕效果
BM:
river
4区 美丽的图案 让我们用字符点亮生活
观察一下左边这幅图是我为8区宣传作的活动看板一部分 请想想
知性 是如何做到立体效果的 这种方法简单实用 比较适合填写文字
亲切 感性
温馨 实际上 浮雕的绘图只使用了线条的明暗显示 但是
其获得的效果却是非比寻常的 看看右图的 光线
关于金属效果 我应用的不多 只在以下简单说说 看看这种质感的运用
左侧图采用白色高亮 浅灰 精 彩 四 区
黑灰的色块应用体现出金属
光泽 但 线条也未尝不可 不 能 没 有 你
by redwolf@nankai
In fact, simple but distinctive color block combinations can also reflect texture, such as the clever application of ree's qmd
The symmetrical high and low light effects of the diamond-shaped blocks show full texture. Appreciate it carefully. Although it is simple, it is very interesting.
Just a feeling
string together
quick
happy
every day
When talking about the use of three-dimensional effects, we have to mention the revolutionary creativity of Flubber Hero.
Its main contribution lies in the light processing in the picture on the left. The bold use of black is very effective.
The texture is very transparent. The water droplets on the Coke can will also be recorded in the history of ASCII Art forever.
This work also deeply appreciates the exquisite beauty of amethyst.
The clarity seems to be right in front of you. Pay attention to the highlights and low highlights.
The layering and perspective of chine can create effects
by synyan@nankai
My love with you is like amethyst
4. Conclusion
Having said so much eloquently, I just introduced some of the techniques for using ASCIIArt colors to all students. The knowledge is all
Deadly, the most important thing is to use it. Let’s talk about homework. In addition to the bottom flow information mentioned at the beginning, every student
Please make at least one movable billboard, and preferably a large-scale work to be used as a sign-in station or sign-in board. Please do the above work.
They are all based on the theme of I Love Nankai BBS Station and the boards therein, and the time limit is one week.
In fact, as long as you use a few of the above techniques and add aesthetic taste, you can create more exquisite works.
The examples cited above all have relatively high skills and are by no means limited to the parts I have explained. I hope students will understand them carefully.
Unlimited creativity, unlimited excitement, jointly build I love Nankai BBS station