Touch Type Tool for Illustrator Tutorial / How to use with text and letters

A quick guide to the touch type tool for Illustrator CC 2017 2015 etc, tutorial for use with fonts and shapes

Touch Type Tool / New features

touch type tool for Illustrator fontsIllustrator has a huge number of type features, touch type tool is another great addition and can manipulate type in 1000s of ways

 

touch type tool in toolbar illustratorThe touch type tool is found via the Illustrator toolbox in Adobe AI creative cloud.

 

However, before using it, you have to type some type to work with and that just requires the standard Illustrator type tools and selecting a font from the typeface dropdown list and setting the color and size etc as required.

 

1) Select the touch type tool and then you can

 

2) shift and re-size the individual text characters in seconds by tappling the character with the touch type and then selecting the bounding box and move as well as the corner handles to re-size the artwork (which is a vector)

 

3) Tap or click on the character and rotate by using little dot at the top of the character

 

touch type tool and illustrator rotateObviously, the touch type Illustrator tool not so useful with a single character but if you have multiple character shapes then you can play endlessly with the position and rotation of the characters.

 

touch type and shift font characters in IllustratorSadly, the characters can only be shifted so far using the touch type tool in Adobe AI (hopefully that limitation will be removed in future versions?)

 

Numerous layouts of the characters can be created and they are all still standard vector characters than can be modified by a simple change of letter (via the keyboard).

 

The tool in Adobe AI is a powerful layout tool that I hope will get even better with future versions of Illustrator. Of course, you can also just expand the text and ungroup and move the characters in even more directions but then if you change your mind, you have to delete or replace.

 

If you keep the character panel open then you can see the adjustments to the baseline shift etc as you move the individual characters.

 

You can use the touch type tool with decorative designs and fonts from this site such as square and rectangular eps shapes and fonts and exciting and unique spiral and curved curled fonts and eps artworks and sparkly star / starry fonts shapes and EPS designs for PSP, etc and similar related star themed starburst font shapes and eps shapes for Photoshop, psp, Indesign, Microsoft Word etc and unique thirties themed step / art deco and 30s designs type fonts and eps shapes for Photoshop, psp etc

 

Adding color

touch type illustrator color color guide and touch type in IllustratorColor can be added via the touch type tool in Illustrator as well as opacity etc. Just select the item you want to re-color and then set the color as you would with any other path while using the tool.

 

Quick and easy and very effective for creating some really wow typographical artwork.

 

You can also use the touch type with the color guide to generate some nice color touches

 

You can use it to create all those amazing artworks from the 20s and 30s etc

 

Exporting the results

You can also still modify the character further in the touch type tool in Adobe AI such as changing the font to another or changing the color of the selected character as well as the blending mode and opacity of the shape decorative graphic.

 

Of course, once you are happy with the artwork, you can now quickly save it to the CC library and then use the same resources in Photoshop and After Effects etc. You can also save the artwork to a new SVG file or export it to a PNG file / TIFF file etc and use the result of the touch tool in Affinity Photo and Designer and PSP etc

 

Type panel / character

type panel for characters in touch type in IllustratorThe touch type tool can manipulate text in numerous ways though all within the bounds of the usual settings for text in Adobe AI so you can also change the size etc while using the tool.

 

You can see the new settings in the type panel for the characters - the touch type tool cannot break away from the actual type settings found in the panel but it does make the whole thing far more interactive than just changing the scaling etc via the panel (which is easy enough but quite time consuming to get the exact rotation and scaling etc required)

 

See the panel on the left

 

Touch type live effects

touch type tool and extruded type in IllustratorYou can also apply effects and then move the type via the touch type tool.

 

1) select the type

 

2) effects menu

 

3) 3D and extrude

 

4) touch type tool in Illustrator

 

Example of extruded type used with the touch type tool on the right

 

Touchscreen in Illustrator

I have been describing the tool totally from the perspective of using the tool with the mouse and a standard screen but you can also use it with a touch screen (if you are using surface etc) and that brings a whole new range of character manipulation.

 

I guess the tool was actually designed for a touch screen (given the name) but as I don't have a touch screen computer, I cannot give any actual tutorial information or ideas / hints about how to use the tool with that.

 

Other tutorials

Other tutorials for Illustrator include how to create symbols from Illustrator graphic styles tutorial and a useful tutorial and how to change the formats of brush strokes strokes, how to convert Illustrator brushes from artistic to scatter format and using resources in many different ways such as how to use Illustrator brushes as symbols such as with the sprayer tool tutorial

 

Youtube Video Tutorial

[Youtube] Tool for Illustrator CC basics tutorial A whole range of ideas shown in the video on how to use the new tool in AI