Skip to content

Commit 679d9d8

Browse files
committed
docs(tutorials)
1 parent 1505a22 commit 679d9d8

File tree

1 file changed

+202
-0
lines changed

1 file changed

+202
-0
lines changed

docs/tutorials.md

Lines changed: 202 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,202 @@
1+
# ANSI Drawing Tutorials
2+
3+
> [!TIP]
4+
> Step one to learning any skill is always: _**"Study The Masters"**_
5+
6+
**teXt0wnz** contains a built in library of ANSI drawing tutorials. The tutorials section contains 22 hand-collected works spanning decades of the scene. Each entry showcases unique techniques, styles, and the vision of a talented artist. I spent hours combing through the 16colors archives to pick the ones i felt best expressed the basics of this art-form.
7+
8+
The tutorials themselves are just normal ANSI art files. Viewing a tutorial simply opens the file in the editor. This allows you to test the techniques and play around with the samples in their native context.
9+
10+
Each entry contains artist and release information linking back to their original sources for further exploration
11+
12+
## Viewing and Opening Tutorials
13+
14+
![Tutorials Menu](https://github.com/user-attachments/assets/f2f496e6-1ec9-4467-8e07-3e6c4364b842)
15+
16+
- Click file menu floppy disk icon
17+
- Click the **"Tutorials"** item
18+
- Click on a preview to load the tutorial into the editor!
19+
20+
![Tutorials Menu](https://github.com/user-attachments/assets/57576b04-2d84-4224-b58b-ad76a89fd380)
21+
22+
> ### Inspo
23+
>
24+
> Multi people over the years have expressed a desire to drawn ANSI/ASCII artwork. But the lack of formal educational materials is intimidating to many people. I want to empower artists with the tools and information they need to grow, experiment, create.
25+
26+
## Tutorials Preview
27+
28+
### ▓▒░ Ansi Academy
29+
30+
[![Ansi Academy](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/LDA-ANSIACADEMY.ANS.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/LDA-ANSIACADEMY.ANS.png)
31+
32+
> - **Title:** [Ansi Academy](https://16colo.rs/pack/mist0221/LDA-ANSIACADEMY.ANS)
33+
> - **Released:** 2021 in [mist0221](https://16colo.rs/pack/mist02212)
34+
> - **Artist:** [LDA](https://16colo.rs/artist/lda) of [mistigris](https://16colo.rs/group/mistigris)
35+
36+
### ▓▒░ Basic Colors
37+
38+
[![Basic Colors](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/ANSI-TUT.002.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/ANSI-TUT.002.png)
39+
40+
> - **Title:** [Basic Colors](https://16colo.rs/pack/newbie01/ANSI-TUT.002)
41+
> - **Released:** 1996 in [newbie01](https://16colo.rs/pack/newbie012)
42+
> - **Artist:** [Prisoner #1](https://16colo.rs/artist/prisoner%20number%20one2) of [Fire](https://16colo.rs/pack/newbie01/ANSI-TUT.0142)
43+
44+
### ▓▒░ Color Science
45+
46+
[![color science tutorial](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/AVE-TUTP.ANS.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/AVE-TUTP.ANS.png)
47+
48+
> - **Title:** [color science tutorial](https://16colo.rs/pack/bmbook16/AVE-TUTP.ANS)
49+
> - **Released:** 1998 in [bmbook16](https://16colo.rs/pack/bmbook162)
50+
> - **Artist:** [avenger](https://16colo.rs/artist/avenger2) of [maiden brazil](https://16colo.rs/group/maiden%20brazil)
51+
52+
### ▓▒░ Curving and Shading
53+
54+
[![Curving and Shading](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/ANSI-TUT.006.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/ANSI-TUT.006.png)
55+
56+
> - **Title:** [Curving and Shading](https://16colo.rs/pack/newbie01/ANSI-TUT.006)
57+
> - **Released:** 1996 in [newbie01](https://16colo.rs/pack/newbie012)
58+
> - **Artist:** [Nootropic](https://16colo.rs/artist/nootropic2) of [Dark](https://16colo.rs/group/dark2)
59+
60+
### ▓▒░ Picture Shading
61+
62+
[![Picture Shading](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/ANSI-TUT.013.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/ANSI-TUT.013.png)
63+
64+
> - **Title:** [Picture Shading](https://16colo.rs/pack/newbie01/ANSI-TUT.013)
65+
> - **Released:** 1996 in [newbie01](https://16colo.rs/pack/newbie012)
66+
> - **Artist:** [Sodium](https://16colo.rs/artist/sodium2) of [Odium](https://16colo.rs/group/odium2)
67+
68+
### ▓▒░ Advanced Picture Tutorial
69+
70+
[![Advanced Picture Tutorial](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/ANSI-TUT.014.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/ANSI-TUT.014.png)
71+
72+
> - **Title:** [Advanced Picture Tutorial](https://16colo.rs/pack/newbie01/ANSI-TUT.014)
73+
> - **Released:** 1996 in [newbie01](https://16colo.rs/pack/newbie012)
74+
> - **Artist:** [Lord Soth](https://16colo.rs/artist/lord%20soth2) of [iCE](https://16colo.rs/group/ice2)
75+
76+
### ▓▒░ Jazz's Font Drawing part 1
77+
78+
[![Font Drawing part 1](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/LORDJAZZ.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/ANSI-TUT.007.png)
79+
80+
> - **Title:** [Font Drawing part 1](https://16colo.rs/pack/newbie01/ANSI-TUT.007) & [part 2](https://16colo.rs/pack/newbie01/ANSI-TUT.008)
81+
> - **Released:** 1996 in [newbie01](https://16colo.rs/pack/vagina01/2)
82+
> - **Artist:** [lord jazz](https://16colo.rs/artist/lord%20jazz2) of 765
83+
84+
### ▓▒░ How to Draw like zeroVision
85+
86+
[![how to draw like zeroVision](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/zv-tutorial.ans.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/zv-tutorial.ans.png)
87+
88+
> - **Title:** [how to draw like zeroVision](https://16colo.rs/pack/blocktronics_resvolution/zv-tutorial.ans)
89+
> - **Released:** 2008 in [blocktronics_res\[v\]olution](https://16colo.rs/pack/blocktronics_resvolution2)
90+
> - **Artist:** [zeroVision](https://16colo.rs/artist/zerovision) of [blocktronics](https://16colo.rs/group/blocktronics)
91+
92+
### ▓▒░ enz0's Flying Eagle Tutorial
93+
94+
[![flying eagle tutorial](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/zO-flyingEagleTutorial.ANS.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/zO-flyingEagleTutorial.ANS.png)
95+
96+
> - **Title:** [flying eagle tutorial](https://16colo.rs/pack/blocktronics_acid_trip/zO-flyingEagleTutorial.ANS)
97+
> - **Released:** 2013 in [blocktronics_acid_trip](https://16colo.rs/pack/blocktronics_acid_trip2)
98+
> - **Artist:** [enz0](https://16colo.rs/artist/enzo) of [blocktronics](https://16colo.rs/group/blocktronics)
99+
100+
### ▓▒░ Female character drawing
101+
102+
[![Female character drawing](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/zO-TheDefinitiveChickDrawingTutorial.ans.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/zO-TheDefinitiveChickDrawingTutorial.ans.png)
103+
104+
> - **Title:** [Female character drawing](https://16colo.rs/pack/blocktronics_blockalypse/zO-TheDefinitiveChickDrawingTutorial.ans)
105+
> - **Released:** 2014 in [blocktronics_blockalypse](https://16colo.rs/pack/blocktronics_blockalypse2)
106+
> - **Artist:** [enz0](https://16colo.rs/artist/enzo) of [blocktronics](https://16colo.rs/group/blocktronics)
107+
108+
### ▓▒░ zeroVision's Font Tutorial
109+
110+
[![zeroVision's font tutorial](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/zv-fonthow2.ans.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/zv-fonthow2.ans.png)
111+
112+
> - **Title:** [zeroVision's font tutorial](https://16colo.rs/pack/blocktronics_codename_chris_wirth/zv-fonthow2.ans)
113+
> - **Released:** 2009 in [blocktronics_codename_chris_wirth](https://16colo.rs/pack/blocktronics_codename_chris_wirth2)
114+
> - **Artist:** [zeroVision(https://16colo.rs/artist/zerovision) of [blocktronics](https://16colo.rs/group/blocktronics)
115+
116+
### ▓▒░ Ansi Tutorial
117+
118+
[![Ansi Tutorial](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/ANSINUL.ANS.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/ANSINUL.ANS.png)
119+
120+
> - **Title:** [Ansi Tutorial](https://16colo.rs/pack/nph-06/ANSINUL.ANS)
121+
> - **Released:** 1998 in [nph-06](https://16colo.rs/pack/nph-062)
122+
> - **Artist:** [Bisounours](https://16colo.rs/artist/bisounours2) of [Tiny Toons](https://16colo.rs/group/tiny%20toons2)
123+
124+
### ▓▒░ Hulk Face Tutorial
125+
126+
[![Hulk Face Tutorial](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/MISC-005.ANS.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/MISC-005.ANS.png)
127+
128+
> - **Title:** [Hulk Face Tutorial](https://16colo.rs/pack/fever1yr/MISC-005.ANS)
129+
> - **Released:** 1997 in [fever1yr](https://16colo.rs/pack/fever1yr2)
130+
> - **Artist:** [fever/tcf](https://16colo.rs/artist/fever) of [blocktronics](https://16colo.rs/group/blocktronics)
131+
132+
### ▓▒░ Shading Techniques
133+
134+
[![Shading technique](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/ANSI-TUT.005.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/ANSI-TUT.005.png)
135+
136+
> - **Title:** [Shading technique](https://16colo.rs/pack/newbie01/ANSI-TUT.005)
137+
> - **Released:** 1996 in [newbie01](https://16colo.rs/pack/newbie012)
138+
> - **Artist:** [Prisoner #1](https://16colo.rs/artist/prisoner%20number%20one2) of [Fire](https://16colo.rs/pack/newbie01/ANSI-TUT.0142)
139+
140+
### ▓▒░ rorshack's wERiD fONt Tutorial
141+
142+
[![rorshack's werid font tutorial](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/RS-TURT1.ANS.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/RS-TURT1.ANS.png)
143+
144+
> - **Title:** [rorshack's werid font tutorial](https://16colo.rs/pack/mdn-9709/RS-TURT1.ANS)
145+
> - **Released:** 1997 in [mdn-9709](https://16colo.rs/pack/mdn-97092)
146+
> - **Artist:** [rorshack](https://16colo.rs/pack/mdn-9709/RS-TURT1.ANS) of [maiden brazil](https://16colo.rs/group/maiden%20brazil)
147+
148+
### ▓▒░ Draw Fonts the Gunthar Way
149+
150+
[![draw font the gunthar way](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/GUN-TUT2.ANS.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/GUN-TUT2.ANS.png)
151+
152+
> - **Title:** [draw fonts the gunthar way](https://16colo.rs/pack/fire0397/GUN-TUT2.ANS)
153+
> - **Released:** 1997 in [fire0397](https://16colo.rs/pack/fire03972)
154+
> - **Artist:** [gunthar](https://16colo.rs/artist/gunthar) of [fire](https://16colo.rs/group/fire)
155+
156+
### ▓▒░ Flame's Font Tutorial
157+
158+
[![flame's font tutorial](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/FL-TUT1.ANS.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/FL-TUT1.ANS.png)
159+
160+
> - **Title:** [flame's font tutorial](https://16colo.rs/pack/hmd-0596/FL-TUT%231.ANS)
161+
> - **Released:** 1996 in [hmd-0596](https://16colo.rs/pack/hmd-05962)
162+
> - **Artist:** [flame](https://16colo.rs/artist/flame) of [humid](https://16colo.rs/group/humid)
163+
164+
### ▓▒░ How to Draw Like Halaster
165+
166+
[![how to draw like halaster](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/HAL-H2P2.ANS.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/HAL-H2P2.ANS.png)
167+
168+
> - **Title:** [how to draw like halaster](https://16colo.rs/pack/fire0896/HAL-H2P2.ANS)
169+
> - **Released:** 1996 in [fire0896](https://16colo.rs/pack/fire08962)
170+
> - **Artist:** [halaster](https://16colo.rs/artist/halaster) of [fire](https://16colo.rs/pack/newbie01/ANSI-TUT.014)
171+
172+
### ▓▒░ The "Halshade" Shading Technique
173+
174+
[![the Halshade shading technique](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/ANSI-TUT.004.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/ANSI-TUT.004.png)
175+
176+
> - **Title:** [the Halshade shading technique](https://16colo.rs/pack/newbie01/ANSI-TUT.004)
177+
> - **Released:** 1996 in [newbie01](https://16colo.rs/pack/newbie012)
178+
> - **Artist:** [halaster](https://16colo.rs/artist/halaster) of [fire](https://16colo.rs/pack/newbie01/ANSI-TUT.014)
179+
180+
### ▓▒░ 14 Steps to Scene Domination: Part 1
181+
182+
[![14 steps to scene domination part 1](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/PART-1.ANS.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/PART_1.ANS.png)
183+
184+
> - **Title:** [14 steps to scene domination](https://16colo.rs/pack/14/%28PART_1%29.ANS)
185+
> - **Released:** 1997 in [14](https://16colo.rs/pack/142)
186+
> - **Artist:** [hennifer](https://16colo.rs/artist/hennifer2) of [lazarus](https://16colo.rs/group/lazarus2)
187+
188+
### ▓▒░ 14 Steps to Scene Domination: Part 2
189+
190+
[![14 steps to scene domination part 2](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/PART-2.ANS.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/PART_2.ANS.png)
191+
192+
> - **Title:** [14 steps to scene domination part 2](https://16colo.rs/pack/14/%28PART_2%29.ANS)
193+
> - **Released:** 1997 in [14](https://16colo.rs/pack/142)
194+
> - **Artist:** [hennifer](https://16colo.rs/artist/hennifer2) of [lazarus](https://16colo.rs/group/lazarus2)
195+
196+
### ▓▒░ phiber optic
197+
198+
[![phiber optic](https://raw.githubusercontent.com/xero/text0wnz/refs/heads/main/src/img/tutorials/SHA-TUT1.ANS.png)](https://raw.githubusercontent.com/xero/ansi-art-tutorials/refs/heads/main/img/SHA-TUT1.ANS.png)
199+
200+
> - **Title:** [phiber optic](https://16colo.rs/pack/srg2vos/SHA-TUT1.ANS)
201+
> - **Released:** 1996 in [srg2vos](https://16colo.rs/pack/srg2vos2)
202+
> - **Artist:** [shaitan](https://16colo.rs/artist/shaitan) of fbk.sargahd / asgaard

0 commit comments

Comments
 (0)