Home / Articles / Adding Images and Text

Adding Images and Text

Chapter Description

In this sample chapter from Adobe XD CC Classroom in a Book (2019 Release), author Brian Wood explains how to bring raster images into, and add text to, your app design.

Review answers

  1. The types of asset files you can import into Adobe XD are PSD, AI, Sketch, SVG, GIF, JPEG, PNG, and TIFF.

  2. When dragging an image, you can press the Command (macOS) or Ctrl (Windows) key to temporarily disable snapping.

  3. You can drag an image from your desktop onto an existing image to replace it.

  4. In Adobe XD, you can easily hide portions of images or shapes (paths) using two different methods: mask with shape or image fill. Masks are nondestructive, which means that nothing that is hidden by the mask is deleted.

  5. There are several ways to bring content from Photoshop into Adobe XD: copy and paste, export from Photoshop and import into XD, import a Photoshop file (.PSD) (which places the .PSD content into the XD file), open a Photoshop file (.PSD) directly in XD (which opens the .PSD as a separate XD file), or place the content in a Creative Cloud Library and drag it into your design from the Creative Cloud Library panel in XD.

  6. Text at a point begins where you click and expands as you enter characters. Each line of text is independent—the line expands or shrinks as you edit it but doesn’t wrap to the next line unless you add a paragraph return or a soft return. Text in an area uses the boundaries of an object to control the flow of characters. When text reaches a boundary, it automatically wraps to fit inside the defined area.

There are currently no related articles. Please check back later.