In this tutorial, you'll explore how to mark up a text base layout like you see here and cover the different ways to add text formatting and type on a path.
So, let's get started.
With a document open that you want to add text to, you'll start by adding a line of text.
Select the Type Tool on the Toolbar and tap in the document.
Tapping adds a line of placeholder text that you can replace and opens the Properties panel on the right, where you can set the bulk of your text formatting.
Now to select text and show the keyboard or use your physical keyboard, tap the Keyboard icon in Common Actions and change the text.
If you were to keep typing, the text would just keep going to the right.
Now to finish, tap away from the text.
When you tap to add text, it's called point type.
That means you can drag any of the handles around the outside to resize it.
Point type is great for things like headings that you want to visually adjust.
Let's change the color of the text.
Tap Fill in the Toolbar and you can select a color like white.
And tap Fill to hide the panel.
You can also see some of the more common formatting options in Common Actions here.
For instance, to change the size, tap the Size icon here and drag the slider.
Tap away and you can see the options again.
Here's a tip, you can simply scrub across these icons to make a change, like this.
Now in the Properties panel on the right, you've got a lot more formatting options.
For instance, to change the font, tap the font family.
You can search for a font up here, you can see a listing of recent fonts here, you can upload a font you have and even browse More fonts down here.
Tap More Fonts to see a listing of more fonts.
The fonts I see here are actually sorted by tags.
I'll tap a category, then you can tap to apply a font.
To get back to the main formatting, tap the arrow up here several times.
There are lots of formatting options you can see here.
Why don't you try tapping horizontal and vertical scale to scale the text?
Then tap to close the panel.
I'll drag the text down here, since it'll be added to this path later.
Now to make more text this time you'll make a few lines of paragraph text.
I'll do a quick two-finger pinch to fit the artboard in the window.
With the Type Tool still selected, drag to create a text box filled with placeholder text, then release.
This is called area type.
If you drag one of the handles on this text frame, the text simply flows within rather than resizes.
To edit the text, tap the Keyboard in Common Actions and then type in your text.
To stop typing, tap away.
Now, if the text doesn't fit, you'll see a red dot appears at the bottom.
If you double tap that red dot, it'll show all of the text and that triangle means the frame will grow or shrink vertically to automatically fit the text.
Now to resize the text drag across the Font Size icon in Common Actions.
You can then resize the text frame to make the text flow better.
Then drag it into place.
If you want, you can try a new font in the Properties panel.
I might even adjust the line spacing a little bit here in Common Actions by dragging.
Finally, to change the color, you can tap Fill in the Toolbar and select a color.
The last bit of text to add is a date.
This time you'll scale the text as you add it with the Type Tool.
This can be useful for quick campaign.
With the Type Tool selected, start dragging until you see a single line of placeholder text appear.
Without releasing, press the Touch shortcut and drag further to scale the text up or down.
You can then release your finger or Apple Pencil and then the Touch shortcut.
Now even though you drag, it's still created point type, which means you can resize the text with the handles.
To change the text, you can double tap to select it.
That's just another way, besides tapping Keyboard in Common Actions.
I'll add some text, then tap away to stop typing.
Now this needs to be a few lines of text, you could press Return, or you could convert this point type to area type.
Now the textbox can be resized and the text flows within.
In the Properties panel tab Area Type here to convert it.
I'll change the font size by dragging in Common Actions.
And drag the box handle so the text flows like this.
To change the color, you can tap Fill in the Toolbar and select one.
To see everything, I'll quick two-finger pinch.
And then drag it into place up here.
The last thing you'll do is you'll add text to a path, so it curves around.
You need to have a path and that can be done with just about any of the drawing tools out here.
With the Selection Tool selected, drag across the text and a path to select them.
In the Taskbar, tap the Type options and then choose Type on path, the text is now following the path.
In the Properties panel you can adjust some options like flipping it across.
That's better.
You can also choose how it sits on the path and what it looks like.
Now to better position the text on the path, you can drag this handle.
You can still edit the text by double tapping or tap here to edit the path and not the text.
It's easy to mark up a text-based layout like you see here with the variety of tools and formatting options available.
The next time you need to add text to your own project, try exploring with some of the tools and techniques you learned here.
