发信人: seaboy (要从太阳上取金子的化学家), 信区: ANSI
标 题: 对于ascii色彩光影的一点小小总结(有延时)
发信站: 日月光华 (2002年12月13日13:19:05 星期五), 站内信件
大家都知道ascii控制码中颜色只有8*2种,在这总共16种的颜色限制下,ascii作
为一门艺术,是如何做到绚丽多彩的呢?
通过最近一段对于色彩的小小总结,将下面的东东给大家做个参考,同时也希望
能够激起更多的人对ascii art的兴趣,加入到我们的行列。
1.基本色彩的应用
■ ■ ■ ■ ■ ■ ■
■ ■ ■ ■ ■ ■ ■
■ ■ ■ ■ ■ ■ ■
■ ■ ■ ■ ■ ■ ■
■ ■ ■ ■ ■ ■ ■
■ ■ ■ ■ ■ ■ ■
■ ■ ■ ■ ■ ■ ■
红色:热情,活泼
黄色:温馨,安定
绿色:中庸,自然
靛色:冰冷,寒意
蓝色:沉稳,忧郁
紫色:梦幻,浪漫
白色:亮丽,纯洁
黑色:神秘,严肃
以上相信大家在不同的教程中应该都能看得到,但我为什么要拿出来呢?因为我
觉得这两幅图是对基本色彩运用的非常浓缩的概括,上面给出了所有前景色和后
景色的搭配,下面是对基本色调的意义个人认为非常到位的概括,我非常的喜欢
常常在不同的场合下体会到其中的真义。
另外很多人也许已经注意到了,在上面两幅图的颜色排列上是讲究了一点,
也就是按照赤橙黄绿青蓝紫的色谱顺序进行了排列(而这在控制码的数字上是不
同的),这也许对于一般的上色是不重要的,但是如果用在比较高级的场合,比
如延时动画上懂一点这方面的知识就显得尤为重要了,会使动画显得流畅可观。
也许在看到上面的东东后大家会对ascii颜色的单调而感到乏味和失去信心了,
然而实际上ascii世界是远不止如此单调的,这也正是其艺术之所在。
虽然基本颜色如此单调,其实还是有很多东西可以挖掘,比如下面的一个例子
FLASHFLASHFLASHFLASHFLASHFLASH
FLASHFLASHFLASHFLASHFLASH
FLASHFLASHFLASHFLASHFLASHFLASH
FLASHFLASHFLASHFLASHFLASHFLASH
在这个例子里,*[30m的灰色就体现了一种“透明”的效果
2.色彩表现层次
对于基本的色彩控制来讲,只有高亮(*[1m)和低亮(*[0m)两种层次,但是通过一
定得技巧,就可以突破这个极限,不信吗?看下去吧:)
首先提到的是白色的问题,其他的颜色都是两种层次亮度,但是白色是个例外,
它实际上是有四种或者说三种颜色层次的,
■■■■
这实际上也就是为什么很多大虾对之青睐的的原因,后面还会再次提到三种白色
(灰色)的神奇妙用。
(1)虚实
在ascii码中利用虚实的线条和图形,可以做出更多的层次,例子如下,
━━━═══━━━═══
━━━═══━━━═══
(2)粗细
通过线条的粗细也可以达到同样的效果,
━━━━━━━━━━━━────────
实际上在上面的例子中,我用的细线条的灰度甚至低于粗线条,但是给人的视觉
感官却是渐变的。
(3)大小疏密
利用点的大小疏密,也可以构造出多种层次的境界,例子如下:
━━┉┅…┄┈┈┄…┅┉━━
这是另一个例子:
·
· ·· · · ·
·∵∷ ·· · ·
· ∷ ∷∴∷∴· ·
· ∴∴¨:::﹕∷∴· ·
· ∵∴∵::::::﹕∴∷·
· ∵∷::::::∵∴∵ · ·
· ∷∵∴∴:∴∵∴∴·
· ∷∴∴∵∷∷∵ · ·
·∵ ∴∴∵··
· · ··∵· · ·
· · ·
颜色还是高亮与低亮两种,但是给人的感觉却是更多的层次。
3.色彩表现立体感
(1)通过阴影表现
╔╪╗
╫爱╫
╚╪╝
上面的一个例子是典型的利用黑色阴影做出的立体效果,下面是上面例子的
改良版:
LoVeloVeLOveLoveloveLoVE
lOvElove╔╪╗velovelOve
LoVELove╫爱╫veLovELOvE
LoveLOVE╚╪╝velOVEloVe
LoVeloVeLOveLoveloveLovE
LoveLOveLoveLOVEloveLoVe
为什么这一个看起来就要比上一个的效果更好些呢?这是因为,实际上阴影投
在蓝色背景上并不是纯黑色的,而在背景上加了本色的的图案,对于颜色起到
了一定的“缓冲”效果,所以看起来更好些了,奇妙吧?
下面是另一个阴影的例子,(缩小屏幕无缝观看)
●
▉
▉
▉
▉
◥◣
◥◣
这里用了一个*[1;30m的灰色来体现阴影,其实其他的一些低亮颜色亦可作为阴影。
(2)通过高亮表现
下面是几个例子:(缩小屏幕无缝观看)
▌ ▌
▎ ▊
▌ ▌
\ | /
╲ ╱
◢◤◥◣
◥◣◢◤
◥◤
这是表现立体感的最常见的一种手段,具体的做法,可以参阅有关的文章。
(3)通过浮雕表现
╭╮这中浮雕的效果,不用我多说,我想大家一看也都能明
╰╯白其中的道理了,主要是对于光影的控制,但要注
╭╮意一般人的对于光的感觉是从左至右的,所以上凸
╰╯下凹,这个例子在一次体现了白色的用法。
(4)通过虚实表现,
这里仅举一个综合性的例子,
╀╁╂╃╄╅╆╇╀
╁三年后的七夕里╀
╀会有一场大雨 ╁
╀╀╂╃╄╅╀╁╀
这个例子利用了非常有意思的这样一组背景图案,利用线条的粗细,颜色的深浅
以及空白虚实构成了一种立体的层次效果。
4.色彩表现质感
(1)透明
███
███
███
███
███
███
By 忆江南㊣
███
███
███
透明主要利用互补色的原理,这里也就不多说了,有兴趣的话可以参看一些相关的文章。
(2)金属
其实白色(■■)与黄色(■■)
本身就代表了一定的金属质感,下面看一个例子:(缩小屏幕无缝观看)
▅▅▅▅▅▅▅▅
████████
████████
直角和方形往往能够造成一种金属质感
如下面的方框:
┏──━───━────━────━─━─┓
│ │
┃ ┃
│ │
┗─━──━───━────━───━──┛
5.色彩表现线条粗细
前面已经提到用线条的粗细来表现色彩,同理,亦可用颜色表现粗细:
━━━━━━━━━━━━
│
│
│
-╋-
│
│
│
6.色彩表现特殊效果
这样的效果很多,而且还有很多待挖掘,这里仅举一个最常用的水中倒影效果,
其实很简单,高亮和低亮就恰好可以很恰当的表现出倒影效果:
██ ██ ██ ██ ██ ██
──────────────────
██ ██ ██ ██ ██ ██
记得曾经看到过一幅ascii作品,做的是一幅硕大的月亮的水中倒影,效果非常的震撼。
就先说到这儿吧,说了这么多,我想提出一句我对ascii art很喜爱的一句话:
“艺术突破极限”,做ascii没多少时间,做得少,看得多,自己的作品现在看来几乎没
有一个满意之作,也许正所谓“废画三千,偶然拾得”,也在某些作品中得到了一些小小
经验和感悟,深感其中的乐趣,其中包括对一些特殊字符的理解和经验,这个容我整理一
下再与大家分享,值得一提的还是得出了上面的那句话,我也体会过做色块图的艰辛,但
是有了像bmp2ascii这样的软件,给我们带来的思考就是ascii艺术的位置何在,是否色块
图就没有任何意义了呢?其实不然,任何艺术形式都是依赖于其工具和表现手段的,否则
必将无立足之地,那么ascii艺术的精髓和本质就是其字符和色彩的局限性,如果没有这
些局限,那么我想ascii也就不再是ascii了,所以一幅经典的ascii作品应当是将这些限
制发挥的淋漓尽致甚至有所突破的作品,(相信大家也有那种一个字符和色彩起到点睛作
用的体会),这在色块图中同样是有所体现的,所以说软件仍然是不能够代替人的。
另外我想再提一个ascii的特点,那就是无论是签名,说明,还是各种画面,有一个特征
就是意才是灵魂。
从做ascii到现在实在是深感惭愧,几乎没有什么太大的发现,不过希望大家能够一起努
力,让ascii的世界绚丽多彩!
几乎用了一夜的时间完成了这篇文章,粗浅之处在所难免,但是压抑了这么久,终于一吐
为快,不过真的希望能够给初学者带来一点帮助和兴趣,这样目的也就达到了。
*以上所用到的例子有些是摘自于其他人的作品,特此说明,并致以感谢。
※ 来源:·日月光华 bbs.fudan.edu.cn·[FROM: 10.100.107.130]
--
※ 转载:·日月光华 bbs.fudan.edu.cn·[FROM: 10.100.107.130]
※ 修改:·seaboy 於 12月13日15:39:12 修改本文·[FROM: 10.100.107.130]
Sender: seaboy The chemist who wants to get gold from the sun, message area: ANSI
Title: A brief summary of ascii color light and shadow with delay
Sending site: Sun and Moon Guanghua December 13, 2002 13:19:05 Friday, site mail
Everyone knows that there are only 8*2 colors in the ascii control code. Under the limit of a total of 16 colors, ascii operation
How to make an art colorful?
Through the recent short summary of color, the following stuff will be used as a reference for everyone, and I also hope that
Can arouse more people's interest in ascii art and join us
1. Application of basic colors
Red: Passionate, lively
Yellow: Warmth, stability
Green: Moderate, natural
Indigo: cold, chill
Blue: calm, melancholy
Purple: dreamy, romantic
White: bright, pure
Black: mysterious, serious
I believe everyone can see the above in different tutorials, but why should I take it out? Because I
I feel that these two pictures are a very condensed summary of the basic use of color. All the foreground colors and background colors are given above.
The combination of scenery. The following is a summary of the meaning of basic colors that I think is very accurate. I like it very much.
Often realize its true meaning on different occasions
In addition, many people may have noticed that the color arrangement of the two pictures above is a bit particular.
That is to say, they are arranged according to the chromatographic order of red, orange, yellow, green, blue, and violet. This is not true in terms of the control code numbers.
Same, this may not be important for general coloring, but if used in more advanced situations, than
For example, it is particularly important to know a little bit about this aspect of time-lapse animation, which will make the animation appear smooth and impressive.
Maybe after seeing the above stuff, everyone will feel bored and lose confidence in the monotony of ascii colors.
However, in fact, the ascii world is far more than that monotonous, which is where its art lies.
Although the basic colors are so monotonous, there are still many things to explore, such as the following example
FLASHFLASHFLASHFLASHFLASHFLASH
FLASHFLASHFLASHFLASHFLASH
FLASHFLASHFLASHFLASHFLASHFLASH
FLASHFLASHFLASHFLASHFLASHFLASH
In this example *[30m gray reflects a transparent effect
2. Color expression level
For basic color control, there are only two levels: high brightness *[1m and low brightness *[0m. But through a
If you have certain skills, you can break through this limit. Don’t you believe it? Read on.
The first thing mentioned is the problem of white. Other colors have two levels of brightness, but white is an exception.
It actually has four or three color levels
This is actually the reason why many prawns favor it. The three types of white will be mentioned again later.
The magical uses of gray
1 virtual reality
Using virtual and real lines and graphics in ASCII code can create more levels. Examples are as follows
2 thickness
The same effect can be achieved through the thickness of the line
In fact, in the example above, the grayscale of the thin lines I used is even lower than the thick lines, but it gives people the visual
The senses are gradually changing
3 Size and density
Using the size and density of dots, you can also construct multiple levels of realms. Examples are as follows:
Here's another example:
:::﹕
::::::﹕
::::::
:
The color is still high-bright and low-bright, but it gives people the feeling of more layers.
3. Color expresses three-dimensionality
1 Representation through shadows
like
The above example is a typical three-dimensional effect using black shadows. The following is the above example.
Improved version:
LoVeloVeLOveLoveloveLoVE
lOvElove velovelOve
LoVELove love veLovELOvE
LoveLOVE velOVEloVe
LoVeloVeLOveLoveloveLovE
LoveLOveLoveLOVEloveLoVe
Why does this one look better than the last one? It's because actually the shadow cast
The blue background is not pure black, but a natural pattern is added to the background to play a role in the color.
It has a certain buffering effect, so it looks better. It’s amazing, right?
Here's another example of shadows zooming out for seamless viewing
Here a *[1;30m gray is used to reflect the shadow. In fact, some other low-bright colors can also be used as shadows.
2 By highlighting
Here are a few examples of zooming out the screen for seamless viewing
This is the most common means of expressing a three-dimensional effect. For specific methods, please refer to relevant articles.
3 Representation through relief
I don’t need to explain the effect of the relief here. I think everyone can understand it at a glance.
Understand the truth behind it. The main thing is the control of light and shadow, but you have to pay attention to it.
It means that most people's perception of light is from left to right, so it is convex
Concave This example illustrates the use of white in one
4 Through virtual and real performance
Here is just a comprehensive example
Three years later, on Chinese Valentine's Day
There will be a heavy rain
This example uses a very interesting set of background patterns, using the thickness of the lines and the depth of the colors.
And the blank virtual reality constitutes a three-dimensional layered effect.
4. Color expresses texture
1 transparent
By Yijiangnan㊣
Transparency mainly uses the principle of complementary colors. I won’t go into details here. If you are interested, you can read some related articles.
2 metal
In fact, white and yellow
It itself represents a certain metallic texture. Let’s look at an example below. Zoom out the screen to watch seamlessly.
Right angles and squares often create a metallic look
Such as the box below
5. Color expresses line thickness
As mentioned earlier, we use the thickness of lines to express color. In the same way, we can also use color to express thickness.
6. Color expresses special effects
There are many such effects, and there are still many to be explored. Here is just one of the most commonly used water reflection effects.
It's actually very simple. Highlight and lowlight can just show the reflection effect properly.
I remember once seeing an ASCII work. It was a reflection of a huge moon in water. The effect was very shocking.
Let’s stop here. Having said so much, I would like to mention a sentence that I like very much about ascii art.
Art breaks through the limits. I don’t have much time to do ASCII. I do less and read more. My own works now seem almost useless.
There is a satisfactory work. Perhaps it is as the saying goes, "Three Thousand Waste Paintings" were found by chance. I also got some small details in some works.
Experience and insights, deep enjoyment of it, including understanding and experience of some special characters. Let me sort this out.
I will share it with you next time. It is worth mentioning that I came up with the sentence above. I have also experienced the hardship of making color block diagrams, but
With software like bmp2ascii, it brings us to think about where the ascii art is, whether it is a color block
Pictures have no meaning. In fact, this is not the case. Any art form depends on its tools and means of expression. Otherwise
There will be no place for it. Then the essence and essence of ASCII art is the limitations of its characters and colors. If there is no such
If there are some limitations, then I think ASCII will no longer be ASCII. So a classic ASCII work should have these limitations.
I believe that everyone has a work that shows the most vivid and even breakthrough in production. I believe that one character and color can be the finishing touch.
The experience of using it is also reflected in the color block diagram, so software still cannot replace people.
In addition, I would like to mention another feature of ASCII, that is, whether it is a signature, description or various pictures, there is one feature
It is the mind that is the soul
I feel really ashamed from doing ASCII to now. I have hardly made any big discoveries. But I hope everyone can work hard together.
Power makes the world of ascii colorful
It took almost a night to complete this article. It is inevitable that it will be superficial, but I have suppressed it for so long and finally let it out.
It’s just quick, but I really hope it can bring some help and interest to beginners. In this way, the purpose is achieved.
*Some of the examples used above are taken from the works of other people. I would like to express my gratitude to you.
Source: Sun and Moon Guanghua bbs.fudan.edu.cn [FROM: 10.100.107.130]
Reprint: Sun and Moon Guanghua bbs.fudan.edu.cn [FROM: 10.100.107.130]
Modification: seaboy modified this article at 15:39:12 on December 13 [FROM: 10.100.107.130]