Author: ForSinSoKing A Brand New Journey Board: asciiart Title: Re: [Question] How do you make your objects and pictures? Time: Sun Dec 15 15:37:52 2013 I have been thinking about this article for a long time, and originally planned to present it interactively. However, due to the stain on my left index finger, I decided to give up. Just use easy-to-understand animations to present it! My favorite :p Use the animation of Page Down Up that can be browsed normally on all sites I hope this article can attract more people to join the creation of ANSI asciiart: In the past, sharing of ANSI creations all started with my drawing process. Or start sharing some skills, but actually skip a lot of steps The moment I read this article, the passion for sharing in my heart was ignited again. In the past, sharing of ANSI creations all started with my drawing process. Or start sharing some skills, but actually skip a lot of steps The moment I read this article, the passion for sharing in my heart was ignited again. " Without further ado, let’s start teaching from scratch and share it! This article was drawn while I was thinking about it, so don’t expect it to be written in a systematic way. The first one is to talk about how to color in BBS. What are we talking about control codes? To put it simply, it can be regarded as a text command for BBS How to use it? If you want to type directly on BBS, you can use it in article editing mode Below is a demonstration The following is a breakdown of the actions, look at them one by one ANSI Explanation: In the article editing mode, enter text. Take ANSI English as an example. *[mANSI Explanation: Press Ctrl C to the left of A to call the control code text command. You will find that the word *[m is bright white. *[31mANSI Explanation: Enter the number 31 between [ and m. The control code will be mentioned below. In simple terms, this is coloring. ANSI Explanation: After pressing Ctrl V to enter the color browsing mode, you can see the fonts are colored. Now let’s explain the control code part. If you want to simply learn how to draw pictures first, You can omit this step first. I also started with ANSI editing in PCMan. Regarding the BBS control code, I will come back to study it after I become proficient in it. The control codes of BBS can be divided into: Light and dark color control: 1 is light color, 0 is dark color Flashing font 5 means flashing Foreground color 30 37 Background color 40 47 After all, this is an elementary level of sharing, so let’s start with the arrangement of control codes. I won’t mention why the contraction code control code is used in this way, although it’s not much :p Different instructions in the control code are distinguished by semicolon; The following is an example: *[1;5;33;41m control code*[m > control code If I want it to be dark and not flicker, I would type like this: *[31;41m control code*[m > control code This part is just to let you know what a control code is and how to use it. Next is how the artwork of BBS that everyone is looking forward to came about. ... What!? No one expected it? Ah, I hurriedly painted the penguin ugly XDDD Before starting, let me briefly mention my personal ANSI learning sequence. ?? What is the BBS art color all about? , learn how to color , use single and double borders to write ? Use coloring squares to draw simple objects Try using coloring squares to match the front and background colors for writing to create complex objects. Depicting background Full color illustration ^ Use symbols to add details to the picture ﹒ Striking a balance between picture richness, personal style, and overall feel. Working on it. ?? What is the BBS art color all about? ?? What is the BBS art color all about? ?? What is the BBS art color all about? What do the foreground and background in the BBS control code mean? As the name suggests, it is actually the foreground and background! ...Okay, I know this is totally disrespectful to Xiao Wei Why not present the illustrations in a way that both you and I like? Quickly turn to the next page! ?? What is the BBS art color all about? You can think of BBS art as two pieces of cloth and two planes. The principle is very simple. Today I typed out a bunch of colored text as follows: goose The above string of words, my way of explaining it is like this: Goose < This is the foreground ?[41m?[0;37;41m ?[41m?[37m ?[44mZ < This is the background. Separating the foreground from the background probably looks like the above. Why is the second star missing? Because the foreground is the same color as the background, so it was eaten ?? What is the BBS art color all about? If it is not clear enough, you can use this concept to understand the floor plan The symbols are not colored. They are bright yellow and red on the background. The combination is what you see. ?? What is the BBS art color all about? , learn how to color , use single and double borders to write ? Use coloring squares to draw simple objects Try using coloring squares to match the front and background colors for writing to create complex objects. Depicting background Full color illustration ^ Use symbols to add details to the picture ﹒ Striking a balance between picture richness, personal style, and overall feel. Working on it. , learn how to color , learn how to color , learn how to color I am a PCMan ANSI editor who streams, I have played PH but I have not saved the software XD There is an ANSI editor in the PCMan command line. Click on it to open a new file N to start drawing. How to color is as simple as three instructions: foreground, background and flash. 1. First select the color and enter the symbol you want 2. If you want to change the color, use the left mouse button to circle the symbol and then click on the color. 3. There is a situation in ANSI editing where after using ANSI color to paste, the color will return to the default gray text and black background. 4. For the rest, you really have to figure it out on your own. For the two-color characters, please see what I posted before...let me be lazy orz ?? What is the BBS art color all about? , learn how to color , use single and double borders to write ? Use coloring squares to draw simple objects Try using coloring squares to match the front and background colors for writing to create complex objects. Depicting background Full color illustration ^ Use symbols to add details to the picture ﹒ Striking a balance between picture richness, personal style, and overall feel. Working on it. , use single and double borders to write , use single and double borders to write , use single and double borders to write Perhaps due to the trend, the use of color blocks was not yet popular when I came into contact with ANSI; At that time, you could see many well-written works The symbols for single and double frame lines are as follows: I started ANSI creation from these symbols Attached below is my first ANSI creation XD , use single and double borders to write Title Angela Chang Aurora Time Wed Dec 29 22:18:11 2004 iGF[djo ο The mysterious Arctic Circle and the mountains of Alaska ρσ Whose face appears on the horizon of the cape A sudden moment in that distant place I saw the happy soul of my lover calling, singing old, strange, and familiar songs The song, the sky is smiling, my world is colorful and shining, RO-D is like this Wonderful guide to the future we want. Magical Northern Lights. Fantastic prophecy. Hurry up and find it. Incredible love RO@D is so wonderful@ Illuminating the future of our courage Magic Northern Lights, the legendary prophecy, turns out to be the eyes of lovers iNintendo This part is about practicing more. Try to start from here and practice symbol combinations! ?? What is the BBS art color all about? , learn how to color , use single and double borders to write ? Use coloring squares to draw simple objects Try using coloring squares to match the front and background colors for writing to create complex objects. Depicting background Full color illustration ^ Use symbols to add details to the picture ﹒ Striking a balance between picture richness, personal style, and overall feel. Working on it. ? Use coloring squares to draw simple objects ? Use coloring squares to draw simple objects ? Use coloring squares to draw simple objects Because I didn’t back up my previous ANSI works, and I couldn’t connect to the high school BBS. So I forgot under what circumstances I started practicing coloring squares. There is no foreground and background concept combination yet, so let’s use it without coloring. For example, you can use it to write or draw pictures. Just give me an example, like this ? Use coloring squares to draw simple objects At this stage, it is considered to be familiar with the visual effects created by the combination of blocks. In other words, what combination of squares will give you the angle or radian you want? Simple example: Just...it depends on how you match it. ? Use coloring squares to draw simple objects Suddenly it occurred to me that I liked making signature files for classmates at that time. It was simple and fun. If you are interested, let’s have a look: The height of the signature file is six lines, and the writing is five lines. The last line is used to create a three-dimensional effect. ?? What is the BBS art color all about? , learn how to color , use single and double borders to write ? Use coloring squares to draw simple objects Try using coloring squares to match the front and background colors for writing to create complex objects. Depicting background Full color illustration ^ Use symbols to add details to the picture ﹒ Striking a balance between picture richness, personal style, and overall feel. Working on it. Try using coloring squares to match the front and background colors for writing to create complex objects. Try using coloring squares to match the front and background colors for writing to create complex objects. Try using coloring squares to match the front and background colors for writing to create complex objects. This part left a deep impression, but of course I forgot what the occasion was. Anyway, I loved shopping at the time and was considered a local, so I chose JOKE to write. I'm not sure how it started at that time, but I guess it's not too far from the current drawing habit of ANSI; First use the background color with the blank key to knock out the outlines one by one, like this: Try using coloring squares to match the front and background colors for writing to create complex objects. Then I used the coloring squares to color. I just remember that the words were super fat XDDD By the way, I will add the concept of color-filled squares below to help you use them skillfully. I tried my best, but... my writing at that time was much thicker than the following, Anyway, that's probably what happened Try using coloring squares to match the front and background colors for writing to create complex objects. Let’s talk about the concept of coloring squares and how to use them? Before doing this, you must first understand the rules of the background color of the BBS There are also two-color characters, these things will be discussed here together; Let’s see how to use two-color words and color-filled squares to draw the angle you want. Try using coloring squares to match the front and background colors for writing to create complex objects. Review what the coloring squares are: The symbols above are foreground color and background color. Then if I want another angle, I can simply swap the foreground and background colors. So we have new coloring squares to use Try using coloring squares to match the front and background colors for writing to create complex objects. After seeing this, I believe you can start practicing. But we just mentioned two-color characters, so we have this combination to play with: Mosaic: use different background colors before and after the left and right two-color words ?[32me ?[32;45me The foreground is red on the left and green on the right. The background is yellow on the left and purple on the right. This is how it is formed. ?? What is the BBS art color all about? , learn how to color , use single and double borders to write ? Use coloring squares to draw simple objects Try using coloring squares to match the front and background colors for writing to create complex objects. Depicting background Full color illustration ^ Use symbols to add details to the picture ﹒ Striking a balance between picture richness, personal style, and overall feel. Working on it. Depicting background Full color illustration Depicting background Full color illustration Depicting background Full color illustration The time when I entered this stage left a very deep impression on me. It was probably produced in 2006 to produce the first serialized BBSmovie Uh... without further ado, let’s take a look at what my first background creation looks like! Depicting background Full color illustration ? "" : : ' " " " " "Gone with the Wind" " > Hao: This is the cave. " trench .> " " " ' ' Qi > '' " . " " . : ' "'" " " " @ " " @ " " " Jumping down is the second background creation, which can be regarded as an exercise before entering into the use of symbols... Depicting background Full color illustration ; . e . ' . , . ; Qi Shao i ; ; ' ' . .. . trench > . Gone with the Wind > ; . . . ; '? Use simple lines to create a sense of space Depicting background Full color illustration So under such circumstances, I tried to create a full-color background So how should we practice? I personally don’t know this part very well either. All I know is that what I used was to use the background color to outline the outline first. Then slowly draw it using symbols This section is closely related to the next topic, because from this stage to the next stage, In my impression, there are not many works produced. Try using the background color to draw full-color pictures! You can start with a simpler screen first: ?? What is the BBS art color all about? , learn how to color , use single and double borders to write ? Use coloring squares to draw simple objects Try using coloring squares to match the front and background colors for writing to create complex objects. Depicting background Full color illustration ^ Use symbols to add details to the picture ﹒ Striking a balance between picture richness, personal style, and overall feel. Working on it. ^ Use symbols to add details to the picture ^ Use symbols to add details to the picture ^ Use symbols to add details to the picture The symbols mentioned here are lines, text and other symbols other than colored squares. For example, when drawing the sea, you can use symbols to add the effect of waves. After all, BBS art itself has many limitations, and it is difficult to add realistic details. In addition, sometimes symbols are used properly, and the connection between different colors is more natural and unobtrusive; Using correct symbols under limited colors can break through some limitations The following is my first creation using a large number of symbols. % ?[32;40m?[m ?[32;46m?[36m 2007 05 03 Vision [Inbound Screen Submission] Summer Style The Boy and the Cicada ?[30mn { @"] ##### ?[0;33;42mi#### @ } @ @ { }#### ######### * { " ?[40mi' '?[41mj " #### * ?[31m? :! ?[30m?[31m #### "?[m?[1m ;? " ?[31m?[30m { ?[1m?B " ## ?[42m?[m ?[0;30;45m?[1;35m ?[31;42mm ?[30m?[47m ?[31;40mc?[43m?[1;37;40m ?[0;30;40m?[1;33m?[0;33;40mB ?[31mA ?[40m?[31m?[30;41mc ?[ 32m?[1;35;40m?[42mn ? " ; ?[31m?[m " : '" " { # ?[41m?[m {Well; ?[40m聝B?[37m?[30m ?[41m?[0;30;41m ! , "} ; [ ?[40m?[1;33m{?[40m?[0;33;40m" 三 "?[0;30;41m?[1;40m}?[41m?[30m } { ' ]}{[ ! ! . " " : ?[30mcoax?[31m?[33mV !; ?[0;30;40mW ?[31m?[1m ' } " {}[?[30m?[1;40m??[31m?[1;30m[ ?[40mb " * # ?[33m?[37m !?! {! " . { { } ?[32m?[1;37m , ? ?[40mA ?[31mb ?[42m芍n" ?[41mk L ?[30mB{}Λ {}?[40mA?[31m?[1;36m {" ?[41m?[1m ' ?[31mf ?[1;36mi ?[41mf "; .' " ? by ForSinSoKing ?[1;36m?[40m ?[1;36m?[40m ?[40mg?[0;30;40m?[41m @ ? #?[30m?[37;43m?[3 0mo ?[47ml# : ^ Use symbols to add details to the picture This part #1HudC3hq asciiart [ptt.cc] [animation] Penguin drawing sharing should be mentioned After all, this article is a novice’s sharing, so I won’t go into too much detail. It’s just that it is clearly stated at the beginning that this is the sequence of individual stages. Just take this opportunity to scratch the surface of each part and share it with interested ANSIers: There are many creators who know how to use symbols. Those who are interested can watch the works of various masters. It's a coincidence that I like animals and insects very much, and I happened to choose cicadas. So by chance, I started using symbols. Before that, I had drawn crabs, but not big pictures XD ?? What is the BBS art color all about? , learn how to color , use single and double borders to write ? Use coloring squares to draw simple objects Try using coloring squares to match the front and background colors for writing to create complex objects. Depicting background Full color illustration ^ Use symbols to add details to the picture ﹒ Striking a balance between picture richness, personal style, and overall feel. Working on it. ﹒ Striking a balance between picture richness, personal style, and overall feel. Working on it. ﹒ Striking a balance between picture richness, personal style, and overall feel. Working on it. ﹒ Striking a balance between picture richness, personal style, and overall feel. Working on it. Well... this part should start with everyone's creative method Personally, I have been fond of graffiti and painting since I was a child. I can only look at pictures and take pictures a few times. I don’t know how long ago I mentioned it to a friend, I think everyone has an image converter that belongs to him. I think the same is true for interpersonal relationships. So what we see, notice or create is different; Everyone has his or her own unique way of transformation Therefore, I personally recommend that you try to find a way to see without drawings. It’s not that the underlay is not good, it’s just that I think this allows me to have the most freedom to change the picture structure without authorization, etc. ﹒ Striking a balance between picture richness, personal style, and overall feel. Working on it. Speaking of the richness of the picture, my friend who created the second symbol once said that the picture is very colorful. Post it below for everyone to compare and see. It is indeed appropriate to leave it blank. Plainness definitely has its charm! Although this article is for newbies, I still talk a lot XDDD Let’s take a look at the differences: I hope everyone can find their own proportions and balance and create their own style :3 2007 05 28 Vision [Stop screen submission] Summer Style Xia He Version 1 三} ﹝ 二 ; 三 ㄧ三 ?[0;30;42mchannel人 }?[1;32mJ } {? Γ" { ?川 [ ? ??[0;30;42m?川 ?[1;32mB ? %卅?王 }川;?[1;32m?ㄧ} " 卅ㄧ ;三 { ? ?}? !? 二 # 卅 ! dagger two] } "{!" ' } ㄧ? " ? # ?[0;30;42m祥?} &二 ?[1;32m祥 { } ] ] ;?[36m?[1;32m {?[0;35;45m?[1;32;42m ?[0;30;42mT} } ?[1;32mB ?} }} { }l ? [1;32mp Sichuan Sichuan}?[1;33;46mA?[0;35;45m?[46m ?[0;30;42m?二 }} ] { 卅 { < {!; 三 . ?[1m?[m ,?I;?[0;30;45m?[1;35mV! . "?[1;35m?[0;35;46m?[45m?[30m}{ [ ];?[1mi ?[1;46m?[0;37;46m ?[42m?[30m{ ?[1; 32m燡!三}! ,{ } two ? . ?[1;35mi?[45m?[0;30;45m { };} ] I# { % ?[0;30;42m? { { ; ] ?[42m?] ! " ; ? ]!l;"[ ?[46md { 三二 "? ? . ; ?[0;35;45m婷[0;30;45m }! }#;?[1;46m?[32;42m ?[0;30;42mT 卅[川 ?!l ?[1;32mT ?[0;30;45m俅c? ?[35m?[1m, ? ? 卅 { { l]充] ! ?[1;32m?[46m} " { ?[0;35;45m?[1m!;' "}?[30m?B " % { { 川川儿 } ; ?[35m?[37m ?[0;32;45m?[30m } ! ?[0;36;46mI} Sichuan?;! ?[1mshao l } " ??[32m?[30m ㄧ?[1;32;46mA ?[0;36;46mH } ?[1m芧i ] ㄧ?[0;30;42m? ?"; { ?[1m芍?[1m ?[1m?[0;37;46m ?[42mg ? } ?[1;32m abdominal ?[46m , , ?[1mH ?[0;36;46mI { ? ?[0;36;46m?[1m} ? ?[1;37mH by ForSinSoKing 2007 05 28 Vision [Stop screen submission] Summer Style Xia He Version 2 , 人 ". , , "}enter ?[1;32m? , ?[1;32mF { ?一儿'},'人,'; ㄧ " ? ? 二 , "?[1;32m彐?[46m} X " } , ,ㄧ' ] ' ?[0;32;40m?[30;42m} { } 乂 , ] ] ;?[32m?[1m {?[0;35;45m?[30;42m , ! } , " ' , ] 川}?[1;33;46mA?[0;35;45m?[46m " ?[0;32;40md 卅 ? , . ?[1m?[m { { I; ?[0;30;45m?[1;35mV! ?[1mi{]J?[1myani ?[36;42m?[1;32m"{ ' . ! ?[1;35m?[0;35;46m?[45m?[30m}{ [ ];?[1mi ?[1;46m?[0;37;46m ?[42m?[1;32m{ ' , , ? . ?[1;35mi?[45m?[0;30;45m { };} ] I# { % ?[0;30;42m? ?[0;32;40m?[30;42m人 ' }] ! " ; ? ]!l;"[ ?[46md { } ? , ! "? ? . ; ?[0;35;45m婷[0;30;45m }! }#;?[1;46m?[0;30;42m } ㄒ , ] l 三 ?[0;30;45m奇c? ?[35m?[1m, ? ? ㄧ ?人 " ?[1;32m?[46m} " { ?[0;35;45m?[1m!;' "}?[30m?B " % { ? , { { ; ?[35m?[37m ?[0;32;45m?[30m } ! ?[0;36;46mI} ] ?[1m Shao l } " ??[32m?[30m ㄧ?[1;32;46mA ?[0;36;46mH ?[1m芧i ] ㄧ?[0;30;42m? ?"; { ?[1m芍?[1m ?[1m?[0;37;46m ?[42mg ? } ?[1;32m abdominal ?[46m , , ?[1mH ?[0;36;46mI { ? ?[0;36;46m?[1m} ? ?[1;37mH by ForSinSoKing ﹒ Striking a balance between picture richness, personal style, and overall feel. Working on it. Let’s talk about personal style, which is actually everyone’s creative habit. Similar pictures are presented in detail, and the symbols used will vary from person to person; Sometimes you know which one is better, but you just want to use the one you love XD As for the overall feeling, I think it was adjusted due to BBS art restrictions. I once talked about this part with an ANSI master whom I admire very much. Since I’m not really familiar with him and just admire him, I won’t say who it is :p Well...that's basically it. Finally, let me say this in a vulgar way: ' ' Welcome to join the ranks of ANSI asciiart creation ' i ' ForSinSoKing@Ptt Further reading: [Animation] Two-color character teaching #1Hu1MuGh asciiart ?????????? [Animation] Penguin drawing sharing #1HudC3hq asciiart ?????????? Contact Goose ForSinSoKing.bbs@Ptt.cc ' ' . , . ForSinSoKing [ . ?[33m?[30m ?[1mX ]@Ptt ?[1;33m?[0;30;43m ?[33m?[30m ?[33m?[30m , ! ?[0;30;43m?[1;33m?[0;33;43m?[30mV ?[1;33mC ?[0;30;43mC ?[33m?[30m , [?[1;33m^ ?[0;30;43myuX 7 ?[0;33;43m?[30m ?[1;33mC ! ?[0;30;43m?[m ?[33m?[30m ?[1;33mf ?[1;33mH ? ?[0;33;43m?[30m ] ' ?[0;30;43mC " " " ? Sending station: ptt.cc From: 114.26.123.134 Push Hybridchaos: Push with all your heart!! *口 b 12 15 15:48 Push ddtcd: Push v ? ? y I wish the penguin a speedy recovery 12 15 15:53 Push BigCat: 12 15 15:53 Recommend TohnoMinagi:Recommend Thank you for teaching 12 15 16:08 ForSinSoKing: It suddenly occurred to me that the word floor plan was misused. I didn't write that bright colors are only in the foreground. 12 15 16:08 ForSinSoKing: Please help me correct the error again, thank you: 12 15 16:09 push aral: push 12 15 16:29 Push htx9: Push 12 15 16:36 Recommend satoranbo: Recommend carefully!! Memorizing color codes is too troublesome for me XD I still use software to draw 12 15 16:46 Push aqzhh:love<3 12 15 17:18 Push Makotoyen: Push down the big penguin!!!!!! 12 15 19:34 Recommend misaki030: Handsome and strong!!! 12 15 19:49 Recommend bluename: super handsome goose push one 12 15 23:03 jhyfish:PUIGOGO>W< 12 16 01:35 Thumbs up ji31g42go61: Really strong... Thumbs up 12 16 03:40 Recommend TLdark: Recommend penguin, which is very popular with cats 12 16 10:29 Tweet TianDaDiDa:Tweet Ago 12 16 15:47 push star123: push! 12 16 21:35 Push woieyufan: super strong 12 16 21:38 Push bearhwa: super enthusiastic, must push it down 12 16 23:07 Recommended by chin740505: Review the basics again! 12 16 23:12 Tui auhu: Tui Gou is big, handsome, talented and enthusiastic. Once I taste the sweetness of PHJCI, I will never go back.. 12 17 02:11 VVUVV: Push with all your heart 12 17 12:45 Push alerzart: Push! 12 17 23:56 Push winken2004: Push 12 18 01:02 Recommend aappjj: Recommend, but phjci is simple and easy to use. It’s really hard to draw pictures like Penguin. 12 19 02:03 ForSinSoKing: Memorizing color codes doesn’t mean it’s all about drawing. XD It’s always about PCMan editing flow 12 20 20:06 Xavy: I also memorize the color code so that I can color words faster. 12 20 21:34 Recommendation soyjay: A three-dimensional teaching recommendation!!!!!! Penguin is very attentive!!!!!!! 12 21 11:14 push skean:push penguin 12 22 14:30 Tweet hshellen:Tweet! 12 27 17:40 Recommend xgodtw: It’s so amazing that you don’t rely on PHJCI... 01 08 07:34 Push IIIVIIIXIII:D 02 02 03:31 bugbook: People who are still using KKMan’s ANSI editor because they have to check and reduce the code 02 02 19:11 bugbook: Although I haven’t touched anything related to ANSI for a long time 02 02 19:12 Tweet thegod13: 02 16 14:47