Difference between revisions of "Make Pictures out of Text"
m (Text replacement - "[[Category: D" to "[[Category:D") |
|||
| (4 intermediate revisions by the same user not shown) | |||
| Line 6: | Line 6: | ||
#Open your text editor. Any text editor like Word or Pages will work to design your image. You can also choose to use a graphic design program like Photoshop to make your picture into text. | #Open your text editor. Any text editor like Word or Pages will work to design your image. You can also choose to use a graphic design program like Photoshop to make your picture into text. | ||
#*Simple text editors like Notepad will work too, but they will not allow you to import or paste an image so you will need to be prepared to create your image from scratch. | #*Simple text editors like Notepad will work too, but they will not allow you to import or paste an image so you will need to be prepared to create your image from scratch. | ||
| − | #Select your font. You will want to pick a fixed-width font, such as Courier. Fixed width fonts will make it easier to design your pictures since each letter or symbol will be the same size as the rest.<ref>https://www.kidscodecs.com/create-ascii-art/</ref> | + | #Select your font. You will want to pick a fixed-width font, such as Courier. Fixed width fonts will make it easier to design your pictures since each letter or symbol will be the same size as the rest.<ref name="rf15394">https://www.kidscodecs.com/create-ascii-art/</ref> |
#Decide on a picture. If you would like to reproduce an image file, you can copy the image to the file and open a text box to type letters over the shape of the image. You can also try to make an image from scratch. | #Decide on a picture. If you would like to reproduce an image file, you can copy the image to the file and open a text box to type letters over the shape of the image. You can also try to make an image from scratch. | ||
#*When you are first getting started it is easiest to try some simpler pictures. Once you learn more about how to shade and shape your pictures you can move on to more complex images. | #*When you are first getting started it is easiest to try some simpler pictures. Once you learn more about how to shade and shape your pictures you can move on to more complex images. | ||
| Line 17: | Line 17: | ||
#*Use variations of "heavy" and "light" letters to create your shapes and refine the curves. | #*Use variations of "heavy" and "light" letters to create your shapes and refine the curves. | ||
#*Rounded letters like e and u or symbols and punctuation can help shape curved areas of the image. | #*Rounded letters like e and u or symbols and punctuation can help shape curved areas of the image. | ||
| − | #Shape your image using line art techniques. Line art is created by spacing letters and characters on the screen to draw just an outline of your image. The end result will be similar to solid art, but the spaces within the outline are typically left blank or other characters are added to create additional detail or characteristics. For example, you can use rounded shapes or zeroes to create eyes for your character.<ref | + | #Shape your image using line art techniques. Line art is created by spacing letters and characters on the screen to draw just an outline of your image. The end result will be similar to solid art, but the spaces within the outline are typically left blank or other characters are added to create additional detail or characteristics. For example, you can use rounded shapes or zeroes to create eyes for your character.<ref name="rf15394" /> |
#Create images with dimensional depth. Even though your screen is flat, you can use the space to create a sense of spacial depth. You can use techniques like overlapping objects to give your art a 3D look and feel. | #Create images with dimensional depth. Even though your screen is flat, you can use the space to create a sense of spacial depth. You can use techniques like overlapping objects to give your art a 3D look and feel. | ||
#*You can also use the space between multiple images and slight differences in image scale to create a sense of proximity to the screen. | #*You can also use the space between multiple images and slight differences in image scale to create a sense of proximity to the screen. | ||
| Line 26: | Line 26: | ||
#*Some generators will allow you to upload an image directly from the web. Simply insert in the address where the image is located and the file should appear on the screen. | #*Some generators will allow you to upload an image directly from the web. Simply insert in the address where the image is located and the file should appear on the screen. | ||
#Enter your text. Most generators have a text box where you can add custom text to be incorporated into the image. You can use a single word or multiple words. You can also simply select symbols to use. | #Enter your text. Most generators have a text box where you can add custom text to be incorporated into the image. You can use a single word or multiple words. You can also simply select symbols to use. | ||
| − | #Adjust the settings. Depending on the generator you select, you will likely have a variety of setting options available to help fine tune your art. You can increase the size or the letters or the spacing. Some sites will let you select the number of characters on a line, which can be helpful if you are trying to create an image to fit in a specific frame on the internet. Always be conscious of your canvas size, so you don't end up with an image that is distorted when you try to post it.<ref>http://www.glassgiant.com/ascii/</ref> | + | #Adjust the settings. Depending on the generator you select, you will likely have a variety of setting options available to help fine tune your art. You can increase the size or the letters or the spacing. Some sites will let you select the number of characters on a line, which can be helpful if you are trying to create an image to fit in a specific frame on the internet. Always be conscious of your canvas size, so you don't end up with an image that is distorted when you try to post it.<ref name="rf15395">http://www.glassgiant.com/ascii/</ref> |
#Create your picture. Hit the button and wait for the image to generate. You may very well want to go back and make some further adjustments to the image the first couple times until you get the hang of how the settings work. | #Create your picture. Hit the button and wait for the image to generate. You may very well want to go back and make some further adjustments to the image the first couple times until you get the hang of how the settings work. | ||
