Not all information in a static wireframe can be communicated with merely the position or shape of a placeholder. In this video, learn about how the text feature allows you to create point text, paragraph text, shape-delimited text, and text along a path.
- [Instructor] Once you have your shapes blocked into place…you're probably going to want to be able…to start labeling things.…Before we do that,…I want to explain to you that there are different ways…that Photoshop handles text.…I'm going to select my text tool,…and I would like to add some text directly on top…of the Submit button.…Now, if I happen to have the Submit button selected…as a layer,…you'll notice that the cursor changes slightly…depending on where you click.…There are three different cursors you can see here.…
There is the cursor surrounded by a dotted box.…The cursor with a dotted swervey line.…And the cursor with a dotted circle.…Let's talk about each of these,…and how they'll be a little bit differently.…First, the box.…This allows you to create either point text,…or paragraph text.…Point text is based on a specific reference point.…If I single click here, you'll notice that my cursor…has a little dot underneath it.…
That is the point of reference for this text.…So if type Sign In,…it's going to use that point of reference…
- Creating a document with artboards
- Using grids, guides, and guide layouts
- Adding placeholders and text
- Using ligature fonts for icons
- Using layer comps to display states
- Using Adobe Preview CC
- Exporting artboards for review
- Exporting assets for use in InVision
- Working with user interface kits
- Extracting CSS values from a design
Skill Level Intermediate
Q: This course was updated on 11/14/2017. What changed?
A: New videos were added that cover how to use user interface kits to create pixel-perfect designs.