#1 (permalink)  
Old 04-29-2006, 06:50 PM
Registered User
 
Join Date: Apr 2006
Posts: 6
ascii art tutorial

here is part 1

-------------

-------------

1.

Length of symbols

the ones that i use are

_ ? £ $

as you can see they take up almost equal space

_____
?????
£££££
$$$$$

2.

The first picture

ok here is how to make a letter

K

step 1: make a border
_____________________

ok here is just a simple 35x35 border

###################################
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
#____________________________________________#
###################################

but that looks a bit plain

you can easily add shadow to it

###################################
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
#____________________________________________?
??????????????????????????????????????????????

buy the detail isn't quite there


you can double the lines if you want

###################################
###################################
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
##___________________________________________??
???????????????????????????????????????????????
???????????????????????????????????????????????

then you add the letter K

###################################
###################################
##___________________________________________??
##___________________________________________??
##___________________________________________??
##_____####??__________####??______________??
##_____####??_________####??_______________??
##_____####??________####??________________??
##_____####??_______####??_________________??
##_____####??______####??__________________??
##_____####??_____####??___________________??
##_____####??____####??____________________??
##_____####??___####??_____________________??
##_____####??__####??______________________??
##_____####??_####??_______________________??
##_____####??####??________________________??
##_____####?####??_________________________??
##_____########??__________________________??
##_____####?####??_________________________??
##_____####??####??________________________??
##_____####??_####??_______________________??
##_____####??__####??______________________??
##_____####??___####??_____________________??
##_____####??____####??____________________??
##_____####??_____####??___________________??
##_____####??______####??__________________??
##_____####??_______####??_________________??
##_____####??________####??________________??
##_____####??_________####??_______________??
##_____####??__________####??______________??
##___________________________________________??
##___________________________________________??
???????????????????????????????????????????????

? can often be used for shadows

part 1 of tutorial over
???????????????????????????????????????????????
Reply With Quote

  #2 (permalink)  
Old 04-29-2006, 06:52 PM
Registered User
 
Join Date: Apr 2006
Posts: 6
---------------

PART 2
---------------

--------------------------------

This is a more advanced tutorial

--------------------------------

First make a 35x35 blank canvas

--------------------------------

___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________
___________________________________

----------------------------

Now we add the main shape of the image with '$

----------------------------

___________________________________
_______$_$__$$_____________________
___$_$_________$___________________
_$$___________$$___________________
__$__________$$____________________
_$$$$________$$____________________
_$$$$________$_____________________
_$$$$$_______$$____________________
_$$$$$________$____________________
__$$$$$________$___________________
__$$$$$_________$$_____________$___
___$$$$$__________$___$$_____$_____
___$$$$$___________$$$$$$_$$$______
___$$$$$___________$$$$$$$_$_______
____$$$$$__________$$$$$$$$________
____$$$$$___$$$$_$_$$_$$$_$$_______
____$$$$$________$$$$$$$$$$________
____$$$$$$________$$$$$$$$$$$______
_____$$$$_______$$___$$$$$_________
______$$$$_____________$___________
______$$$$_____________$___________
_______$$$$____________$___________
________$$$________________________
_______$$$$$_______________________
________$$$$_______________________
_______$$$$$_______________________
________$$$$_______________________
_________$_$_______________________
________$$$$$______________________
_________$$$$______________________
__________$$$______________________
__________$$$______________________
__________$$$$_____________________
__________$$$$$____________________
__________$$$$$____________________

-------------------------

Now change the detail to the lighter areas, using the magnify tool in photoshop you can see them. Use '?'

-------------------------

___________________________________
_______?_$__$?_____________________
___???________??___________________
_?$??_________$$___________________
__?__________$?____________________
_$$$$________$$____________________
_$$$$?_______?_____________________
_?$$$?_______$??___________________
__$?$$?_______$?___________________
__$?$?$________?___________________
__?$?$$________?$?______________?__
__???$$?_________$?___??_____$?____
___$?$?$___________$?$$$$??$?______
___$$?$?___________$$$$$$???_______
___?$?$$?__________?$$$$$$$??______
____$?$$$____$?????$$$$$?$$?_______
____?$$$$?_______?$$$$$$?$$_??_____
____$$$$$$________$$$?$$?$$$?______
_____$$$$$______??___?$$??_________
______$$$$_____________?___________
______$$$$?____________?___________
_______$?$_____________$___________
_______$??$____________?___________
_______$$$$?_______________________
______???$$?_______________________
_______??$$?_______________________
________$$$?_______________________
_________?$?_______________________
________?$???______________________
_________$$$?______________________
_________?$??______________________
__________$$$$_____________________
__________$$$$?____________________
__________$$$$$____________________
__________$$$$$____________________


---------------------

Now add the final detail by magnifying the image, identifying the middle tones and using '£'

---------------------

___________?_______________________
_______£_£__$$_____________________
___£?£________£?___________________
_££??_________$£___________________
__£__________$£____________________
_£$$£?_______$£____________________
_£$£$£_______$_____________________
_££$$£_______$£?___________________
_?$£$$?_______$£___________________
__$££$£_______?£___________________
__$££££________?££_____________?£__
__?$££££_________££___?$_____$£____
___£££$£___________$£$$$£££$?______
___£££$$___________£$£$$£$?£_______
___££?£$£__________$£$$$$$££???____
____$$$££___?£££??_$$£$$$£$£_______
____$£$££?_______?$$$$£$$$£_?£_____
____£$£$££_______?$$££$$£$$$£______
_____££$££______$?___£££££____?____
______$£$£_____________£___________
______$£$$£____________£___________
______?$£$?____________£___________
_______£?££____________?___________
_______£$£$?_______________________
______£?$£$?_______________________
_______££££$_______________________
________££$$_______________________
________?£££_______________________
________?£?££______________________
_________$£$$______________________
_________?££$______________________
__________$$££_____________________
_________?$$$$?____________________
__________$$$$£____________________
__________$$£$$____________________


VOILA, a flail.
Reply With Quote
  #3 (permalink)  
Old 04-29-2006, 07:03 PM
Allen's Avatar
Administrator
 
Join Date: Dec 2001
Location: Atlanta, Georgia, USA
Posts: 1,048
heh pretty cool
Reply With Quote
Reply


Thread Tools
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
ascii art firefox123 Graphics and Flash 3 04-30-2006 06:10 PM
New Tutorial - CSS Design with Forms! Allen HTMLCenter News 2 04-10-2006 02:59 AM
Web Accessibility and Learning Difficulties Tutorial Allen Usability and Accessability 1 04-10-2006 12:58 AM
ASCII coding problem HELP!!! psi3000 Programming and Scripting 1 02-28-2006 11:49 AM
Don't open new windows (revised tutorial) Webnauts Usability and Accessability 1 08-29-2004 07:35 AM


All times are GMT -5. The time now is 11:48 PM.

 
Bitrix
Clicky Web Analytics
CloudContacts
Maxtango


Subscribe to our feed | add to myYahoo!

Powered by vBulletin® Version 3.7.3
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.2.0
© 1997-2007 HTMLCenter