11 November 2017

Cool TEXT effects with ASCII characters - ASCII ART / Picture to ASCII (PART I)

text to ascii - @ilvstranger

PART I


Searching on web after some info regarding working to a website, i come across an ASCII generator. Only google knows how i reached that one ;-)

Then the fun became real.

You can read this post also on steemit:
steemit @ilvstranger







But i remembered the old time text generators which made some waves especially in the forums community. But not only there. Some funny websites chose at that time to put some ASCII text effects in their pages where funny things happened.
As so many things goes retro this days, meaning young people use lot of old things with minor tweaks to look "cool" but old fashion style, i thought i can make a small post with this things.
You may choose to make your signature simple with this one.
So, i stopped my work and got nostalgic playing with that one. After some tweeks i got my first results. 

1. FIRST WEBSITE / TOOL


First website that i found is pretty simple and have a very useful option. To show all at once. Just scroll down and see your text with all the fonts available:
It also have some useful code with adding some programming languages comments or even echoing the output.
That means you could use on some php files with proper syntax without writing anything else to this part.

That was the cover image before a bit of editing so you can see how you can play around:


text to ascii - @ilvstranger 2

TIPS
  • You have options to copy text at one click (also in the all fonts list, you can choose the font to continue with other text)
  • You can replace spaces with any character you want. Instead of plain black text on white background you can make them surrounded by same character. Unfortunately you can't leave font blank inside, it will fill that space too with the character.
  • Font size - You can't change it in this one

LET'S TRY IT:

      ____  _ _           _                                   
     / __ \(_) |_   _____| |_ _ __ __ _ _ __   __ _  ___ _ __ 
    / / _` | | \ \ / / __| __| '__/ _` | '_ \ / _` |/ _ \ '__|
   | | (_| | | |\ V /\__ \ |_| | | (_| | | | | (_| |  __/ |   
    \ \__,_|_|_| \_/ |___/\__|_|  \__,_|_| |_|\__, |\___|_|   
     \____/                                   |___/           


With comments:


#     ______  _ __           __                                  
#    / ____ \(_) /   _______/ /__________ _____  ____ ____  _____
#   / / __ `/ / / | / / ___/ __/ ___/ __ `/ __ \/ __ `/ _ \/ ___/
#  / / /_/ / / /| |/ (__  ) /_/ /  / /_/ / / / / /_/ /  __/ /    
#  \ \__,_/_/_/ |___/____/\__/_/   \__,_/_/ /_/\__, /\___/_/     
#   \____/                                    /____/             


echo "   ______   _  __              __                                        ";
echo "  / ____ \ (_)/ /_   __ _____ / /_ _____ ____ _ ____   ____ _ ___   _____";
echo " / / __ \`// // /| | / // ___// __// ___// __ \`// __ \ / __ \`// _ \ / ___/";
echo "/ / /_/ // // / | |/ /(__  )/ /_ / /   / /_/ // / / // /_/ //  __// /    ";
echo "\ \__,_//_//_/  |___//____/ \__//_/    \__,_//_/ /_/ \__, / \___//_/     ";
echo " \____/                                             /____/               ";




More visual:


 ██████╗ ██╗██╗     ██╗   ██╗███████╗████████╗██████╗  █████╗ ███╗   ██╗ ██████╗ ███████╗██████╗ 
██╔═══██╗██║██║     ██║   ██║██╔════╝╚══██╔══╝██╔══██╗██╔══██╗████╗  ██║██╔════╝ ██╔════╝██╔══██╗
██║██╗██║██║██║     ██║   ██║███████╗   ██║   ██████╔╝███████║██╔██╗ ██║██║  ███╗█████╗  ██████╔╝
██║██║██║██║██║     ╚██╗ ██╔╝╚════██║   ██║   ██╔══██╗██╔══██║██║╚██╗██║██║   ██║██╔══╝  ██╔══██╗
╚█║████╔╝██║███████╗ ╚████╔╝ ███████║   ██║   ██║  ██║██║  ██║██║ ╚████║╚██████╔╝███████╗██║  ██║
 ╚╝╚═══╝ ╚═╝╚══════╝  ╚═══╝  ╚══════╝   ╚═╝   ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝  ╚═══╝ ╚═════╝ ╚══════╝╚═╝  ╚═╝
                                                                                                 


PLAYING CARDS?

.------..------..------..------..------..------.
|@.--. ||I.--. ||L.--. ||V.--. ||S.--. ||T.--. |
| :/\: || (\/) || :/\: || :(): || :/\: || :/\: |
| :\/: || :\/: || (__) || ()() || :\/: || (__) |
| '--'@|| '--'I|| '--'L|| '--'V|| '--'S|| '--'T|
`------'`------'`------'`------'`------'`------'
.------..------..------..------..------..------.
|R.--. ||A.--. ||N.--. ||G.--. ||E.--. ||R.--. |
| :(): || (\/) || :(): || :/\: || (\/) || :(): |
| ()() || :\/: || ()() || :\/: || :\/: || ()() |
| '--'R|| '--'A|| '--'N|| '--'G|| '--'E|| '--'R|
`------'`------'`------'`------'`------'`------'

FUNNY FACES?


                    |"|                         !!!         |              _   _    
    __MMM__        _|_|_         ()_()       `  _ _  '      |.===.        '\\-//`   
     (o o)         (o o)         (o o)      -  (OXO)  -     {}o o{}        (o o)    
-ooO--(_)--Ooo-ooO--(_)--Ooo-ooO--`o'--Ooo-ooO--(_)--Ooo-ooO--(_)--Ooo-ooO--(_)--Ooo



And with some background

Here are not so many that fit well, but you can know only after testing it. It will look different depending on different computers or gadgets.
You can make a snapshot and use it as a small picture if you want to look the same on all places.


####################################################################################
###=======##:::===##:::====#:::====##:::====##:::=#===#:::=====##:::=====#:::====###
##===###===#:::#####:::====#:::##===#:::##===#:::=====#:::#######:::######:::##===##
##===#=====##=====####===###=======##========#========#===#=====#======###=======###
##===###########===###===###===#===##===##===#===#====#===###===#===######===#===###
###=======##======####===###===##===#===##===#===##===##=======##========#===##===##
####################################################################################


#.....%%%%....%%%%...%%%%%%..%%%%%....%%%%...%%..%%...%%%%...%%%%%%..%%%%%..........
#....%.%%.%..%%........%%....%%..%%..%%..%%..%%%.%%..%%......%%......%%..%%.........
#....%.%%.%...%%%%.....%%....%%%%%...%%%%%%..%%.%%%..%%.%%%..%%%%....%%%%%..........
#....%..%.%......%%....%%....%%..%%..%%..%%..%%..%%..%%..%%..%%......%%..%%.........
#.....%%%%....%%%%.....%%....%%..%%..%%..%%..%%..%%...%%%%...%%%%%%..%%..%%.........
#...................................................................................


And a snapshot:

text to ascii - @ilvstranger 3


You just need to pay attention how it looks in your final context and try to adjust it to look as clear as it can.

ADVICE!:

Don't exaggerate with this type of content. It may hurt the eye and move away the reader.

I make this post because of the nostalgia but also it will may help for some of you to differentiate from other content. But with simple use.
Hmm... that old moments with BIT world. Bit games, Bit sounds, bit everything... ;-) nice moments and feelings we got then.

You can go crazy with small ones too:


---> @ιℓvsтяαηgεя     |     @ιlvѕтranger     |     ɹǝƃuɐɹʇsʌן!@     |    @!1v57r4n93r

text to ascii - @ilvstranger - signature

I think i will make at least one post after that to continue the small tutorial (if it can be named like that) because were a lot of results and want to try them more, to see which one are easier to use.

SOURCES:
Remember, you have the following options there:
  • More Opts - this is the one you'll use for adding comments or characters for replacing space
  • Test All - to test all fonts with the word you placed in text box
  • You can play with Character width and height but is not much difference. For some fonts it overlaps the letters.

For text without background:
Text with background


Cheers


All product names, logos, and brands are property of their respective owners.
pictures source: Pixabay and related websites quoted above
collages or screenshots: @ilvstranger 

steemit community on DISCORD where you can join too:
TEAM WORK MAKES THE DREAM WORK
#circleoffriends
discord server invitation: https://discord.gg/PQVgSVj 

You can also read this article here
MAIN BLOG: 
Cool TEXT effects with ASCII characters - ASCII ART / Picture to ASCII (PART I) — Steemit

follow me on other social:
TWITTER: @ilvstranger | steemit: @ilvstranger | INSTAGRAM: @ilvstranger | PINTEREST: @ilvstranger |TUMBLR: @ilvstranger

No comments:

Post a Comment