Читать книгу Adobe Creative Cloud All-in-One For Dummies - Christopher Smith - Страница 5

1 Book 1 Chapter 2FIGURE 2-1: The Creative Cloud is not just the name of the suite of tools; it’s...FIGURE 2-2: The status of your applications appears in the Creative Cloud app.FIGURE 2-3: Check for updates in the Creative Cloud app.

2 Book 1 Chapter 3FIGURE 3-1: You can find many extras right in the Creative Cloud pane.FIGURE 3-2: Keep track of the status of your applications and updates by select...FIGURE 3-3: Click on Your Work to access files that are saved in the Adobe Clou...FIGURE 3-4: Your Work links contain your libraries and cloud documents. These a...FIGURE 3-5: The Libraries panel is accessible from the Window menu in most Adob...FIGURE 3-6: After your library is created, you can add elements such as images,...FIGURE 3-7: Organize library elements by type to find colors, images, styles, a...FIGURE 3-8: Click on Show Cloud Documents in order to see and manage the docume...FIGURE 3-9: Your Sync settings and the location of your Creative Cloud folder.FIGURE 3-10: You can manage your cloud files in the Creative Cloud app.FIGURE 3-11: You can share your cloud documents with others.FIGURE 3-12: When you select Manage Fonts, you can activate, deactivate, and pr...FIGURE 3-13: Search and use Adobe Stock right in the Libraries panels.FIGURE 3-14: Create a new project and add files you wish to share with others.FIGURE 3-15: Add text and other elements to your project by using the menu item...FIGURE 3-16: Create a cover for your image.FIGURE 3-17: Choose from a selection of different layouts to start your portfol...FIGURE 3-18: Get help from the community by searching existing issues, or post ...

3 Book 1 Chapter 4FIGURE 4-1: Menus in Photoshop let you choose and control different options.FIGURE 4-2: Using a dialog box to change filter settings.FIGURE 4-3: A simple choice: OK or cancel.FIGURE 4-4: Choosing a menu option with an ellipsis opens a submenu.FIGURE 4-5: Open a contextual menu by right-clicking on a selected object.FIGURE 4-6: Shortcuts are shown next to their associated commands.FIGURE 4-7: Adobe Illustrator preferences. Click an item on the left to navigat...FIGURE 4-8: Change all color settings at one time using Adobe Bridge.

4 Book 1 Chapter 5FIGURE 5-1: Click the arrows at the top of the Tools panel to show tools in two...FIGURE 5-2: Click an icon to collapse or expand the panel.FIGURE 5-3: Displaying the panel menu.FIGURE 5-4: To move a panel, drag it by its tab to another panel.

5 Book 2 Chapter 1FIGURE 1-1: The Adobe Bridge workspace.FIGURE 1-2: You can visually see the contents of a folder using Adobe Bridge.FIGURE 1-3: A visual display of images in a folder.FIGURE 1-4: Change your workspace in the Application bar. The Metadata view was...FIGURE 1-5: Change your view to bring out additional details. View content as d...FIGURE 1-6: Use the Path bar to navigate back through your folders.FIGURE 1-7: You can create new folders right in Adobe Bridge.FIGURE 1-8: Move images from one folder to another in Adobe Bridge.FIGURE 1-9: Click and drag a folder into the Favorites panel.FIGURE 1-10: The Application bar.

6 Book 2 Chapter 2FIGURE 2-1: The contents of the Hockey folder which is inside the Book02_Bridge...FIGURE 2-2: Scroll through the Metadata panel on the right side of the Bridge w...FIGURE 2-3: The description added to the image’s metadata.FIGURE 2-4: Click the New Keyword button to add your own unique keyword to the ...FIGURE 2-5: Select a file and check the information you want to save into a met...FIGURE 2-6: Choose the metadata template you want to use to add metadata to an ...FIGURE 2-7: Search your folders using the tools built right into Adobe Bridge.FIGURE 2-8: Cancel the search results by clicking on the X in the Content pane.FIGURE 2-9: You can select File Types from the Filter panel to locate them easi...FIGURE 2-10: Create a collection to keep selected Pictures easily accessible.

7 Book 2 Chapter 3FIGURE 3-1: Download your photos quickly using the Photo Downloader available i...FIGURE 3-2: The Advanced view allows you to select your images.FIGURE 3-3: You can change multiple files names simultaneously in Adobe Bridge.FIGURE 3-4: Resize and export files in other formats quickly using the Export f...FIGURE 3-5: The Contact Sheet II dialog box offers size and resolution options.FIGURE 3-6: The resulting contact sheet.

8 Book 3 Chapter 1FIGURE 1-1: The Start screen in Adobe Photoshop appears as a default.FIGURE 1-2: The updated New Document dialog box has many options from which to ...FIGURE 1-3: The Photoshop CC workspace includes the Tools panel.FIGURE 1-4: Some popular tools may be hidden; click and hold on the arrow in th...FIGURE 1-5: As a default, you are in the Essentials workspace.FIGURE 1-6: Choose among a variety of workspaces.FIGURE 1-7: Closing a panel that you do not use frequently.FIGURE 1-8: Turn panels into icons.FIGURE 1-9: Change your screen mode.FIGURE 1-10: Select the Crop tool preset before you click and drag.FIGURE 1-11: Use of the Rule of Thirds overlay in the Crop tool.FIGURE 1-12: Select from a multitude of overlays to use as guides, or turn the ...FIGURE 1-13: Add a new empty layer to your image.FIGURE 1-14: Select the Frame tool, and the select the shape you want to use fr...FIGURE 1-15: Make sure to convert a Background layer to a regular layer by doub...FIGURE 1-16: A frame allows you to mask an image into a shape.

9 Book 3 Chapter 2FIGURE 2-1: You can see the grid that makes up the pixel resolution of an image...FIGURE 2-2: Bitmap versus vector.FIGURE 2-3: Grayscale supports 256 shades of gray.FIGURE 2-4: Click the white swatch to open the Color Picker dialog box and then...FIGURE 2-5: In the Color Library dialog box, type a Pantone number in quickly, ...FIGURE 2-6: Save your duotone by clicking the Preset Options button.FIGURE 2-7: Index color uses a limited number of colors to create an image.FIGURE 2-8: RGB creates the image from red, green, and blue.

10 Book 3 Chapter 3FIGURE 3-1: Change to other Marquee tools by clicking on the arrow in the Tools...FIGURE 3-2: You can add to a selection by holding down the Shift key.FIGURE 3-3: The Float icon is used on the left, and the Move icon is used on th...FIGURE 3-4: Click and drag a rectangular selection with the Object Selection to...FIGURE 3-5: Use the Quick Selection tool to paint your selection.FIGURE 3-6: When the Quick Selection tool is active, you have additional select...FIGURE 3-7: Change the color of the Quick Mask.FIGURE 3-8: Start with a selection and then press Q.FIGURE 3-9: Painting with black in the Quick Mask mode masks out the area and d...FIGURE 3-10: Click and drag a rectangular marquee selection over the monitor.FIGURE 3-11: Ctrl- or Command-click and drag each corner to match the inside of...FIGURE 3-12: The hue change affects only the inside of the selection.FIGURE 3-13: No feathering applied to the selection (left); feathering applied ...FIGURE 3-14: Change how you view the image in the Select and Mask mode.FIGURE 3-15: Click and drag the Feather slide to soften the edges of your selec...FIGURE 3-16: A curve correction was applied to make this section lighter.FIGURE 3-17: The selection used for a mask.FIGURE 3-18: Use the Magic Wand tool to select the white background in the imag...FIGURE 3-19: Refining the edge of a selection.FIGURE 3-20: Use the Refine Radius tool to make difficult selections, like fur,...FIGURE 3-21: Select either the Object, Quick or Magic Wand selection tool and t...

11 Book 3 Chapter 4FIGURE 4-1: Select the mode of the Pen tool from the Options bar.FIGURE 4-2: Using the Pen tool, click from one segment to another; close it at ...FIGURE 4-3: The Paths panel and its options.FIGURE 4-4: Click and drag to make curved paths.FIGURE 4-5: Select the hidden Direct Selection tool.FIGURE 4-6: Edit your path with the Direct Selection tool.FIGURE 4-7: Clipping paths enable you to create silhouettes in other applicatio...FIGURE 4-8: Convert your work path to a saved path.FIGURE 4-9: Creating a saved path that supports transparency the easy way, with...FIGURE 4-10: The Vector Shape tools.FIGURE 4-11: You can switch to the Vector shape tool with the Options bar.FIGURE 4-12: A custom wave shape integrated with an image in Photoshop.FIGURE 4-13: A Shape drop-down list appears on the Options bar.FIGURE 4-14: Experiment with blending modes and opacity changes on shape layers...FIGURE 4-15: You can apply non-destructive changes to the fill, stroke, and mor...FIGURE 4-16: Changing the fill in a shape.FIGURE 4-17: Double-click on the layer thumbnail to choose a fill color from th...FIGURE 4-18: Choose the type of stroke that you would like to apply.FIGURE 4-19: Stroke- and shape-related properties in the Properties panel.FIGURE 4-20: You can use Layer styles in order to add a stroke to a custom shap...FIGURE 4-21: Use the Layer Styles feature in order to apply properties for the ...FIGURE 4-22: Drag the shape path to the Create New Path icon.

12 Book 3 Chapter 5FIGURE 5-1: The Image Size dialog box.FIGURE 5-2: The dot pattern used to print images is referred to as lpi (lines p...FIGURE 5-3: The Image Size dialog box, before and after deselecting Resample an...FIGURE 5-4: The image with (left) and without (right) unsharp masking applied.

13 Book 3 Chapter 6FIGURE 6-1: A histogram showing smooth transitions from one color to another.FIGURE 6-2: A histogram showing a lack of smoothness in the gradation of color.FIGURE 6-3: Tonal information is broken up.FIGURE 6-4: A high key image is a light image.FIGURE 6-5: A low key image is a dark image.FIGURE 6-6: A typical image with a full range of values is a mid key image.FIGURE 6-7: The image is murky before defining a highlight and shadow.FIGURE 6-8: The tonal values are opened after highlight and shadow have been se...FIGURE 6-9: Access the Curves panel with the Create New Fill or Adjustment Laye...FIGURE 6-10: View the curve using light or pigment. If following the example yo...FIGURE 6-11: The critical tools on the Curves panel.FIGURE 6-12: Alt- or Option-click on the Shadow slider and then drag slightly t...FIGURE 6-13: Alt- or Option-click on the Highlight slider and drag towards the ...FIGURE 6-14: When you Shift-click on the image you create a color sampler that ...FIGURE 6-15: Click and drag up on the tone curve to adjust the midtones and thr...FIGURE 6-16: Using the Set Gray Point tool, you can click on a gray in your ima...FIGURE 6-17: Paint on the adjustment layer mask.

14 Book 3 Chapter 7FIGURE 7-1: Choose Window?⇒?Swatches, and then click the panel menu to access a...FIGURE 7-2: Use the Color Picker or enter numeric values to select a color in t...FIGURE 7-3: The painting and retouching tools have hidden tools available as we...FIGURE 7-4: The Brushes Preset picker.FIGURE 7-5: The inside border was created with a brush set to a hardness of 100...FIGURE 7-6: Using the Spot Healing Brush tool with the Content-Aware option ena...FIGURE 7-7: Use the Content-Aware feature in the Fill dialog box.FIGURE 7-8: Position the cursor over the area that you want to use as a source ...FIGURE 7-9: Additional options are available for painting in the Brush Settings...FIGURE 7-10: A crosshair over the source shows your clone source.FIGURE 7-11: Additional options in the Clone Source panel. In this example, the...FIGURE 7-12: The History panel helps you see and select different states in you...FIGURE 7-13: Create a new layer and then, using the Gradient tool, click and dr...FIGURE 7-14: Change the blending mode of the new layer you created and added a ...FIGURE 7-15: Click on the Gradient in the Options bar in order to open up the G...FIGURE 7-16: Assigning varying amounts of opacity using the stops on top of the...FIGURE 7-17: Save your brush properties as a new brush preset.

15 Book 3 Chapter 8FIGURE 8-1: Click and drag the double-arrows up on the hue slider until you see...FIGURE 8-2: The circle overlaps the square.FIGURE 8-3: The Text tool options.FIGURE 8-4: Use the Object Selection tool to surround the Fish and make a selec...FIGURE 8-5: Use the Free Transform feature in order to scale and rotate your ne...FIGURE 8-6: Create a pen path around the starfish and then click on the Add lay...FIGURE 8-7: Clean up your selection using the Direct Selection tool and by pain...FIGURE 8-8: Align multiple layers simultaneously with the Move tool.FIGURE 8-9: Select the layers that you want to group together and then choose N...

16 Book 3 Chapter 9FIGURE 9-1: Click on the fx button at the bottom of the Layers panel to add a s...FIGURE 9-2: Two styles applied to the same layer.FIGURE 9-3: You can easily save combinations of styles so that you can apply th...FIGURE 9-4: A text layer with styles applied and the fill reduced to 0 percent.FIGURE 9-5: Cover the filter effects by painting on the Filter Effects thumbnai...FIGURE 9-6: Find hidden tools and feature using the Search tool right in Adobe ...FIGURE 9-7: Click and drag using the Frame tool in order to mask out the rest o...FIGURE 9-8: Add an artboard to your existing image.FIGURE 9-9: Add a text layer to your artboard.FIGURE 9-10: Name your artboards to help you identify them more easily.FIGURE 9-11: Add a blank artboard by clicking on the plus sign icon.FIGURE 9-12: Reposition the content on one artboard without interfering with co...FIGURE 9-13: Two artboards with the text layer cloned to the second layer and t...FIGURE 9-14: An icon in the layer indicates that this layer is now a 3D layer.FIGURE 9-15: Click and drag with the Rotate the 3D Object tool to reposition th...FIGURE 9-16: Create a perspective plane. Adjust it until it is blue, indicating...FIGURE 9-17: The stone is cloned in perspective using the Stamp tool.

17 Book 3 Chapter 10FIGURE 10-1: You can set up Photoshop to automatically save your files.FIGURE 10-2: A PNG-24 file with varying amounts of transparency.FIGURE 10-3: You can set up preferences for your Quick Export.FIGURE 10-4: Images with smooth transitions from one color to another are good ...FIGURE 10-5: An image with lots of solid color makes a good GIF.FIGURE 10-6: Choose from presets, or create your own custom settings.FIGURE 10-7: Customize colors by using the color table in the Save for Web wind...FIGURE 10-8: Add extensions to the end of the layers’ names. After generating a...

18 Book 4 Chapter 1FIGURE 1-1: A sample page layout created using InDesign CC.FIGURE 1-2: Setting up a new document with InDesign.FIGURE 1-3: The InDesign default workspace.FIGURE 1-4: The Tools panel contains tools for creating, selecting, and editing...FIGURE 1-5: The Control and Properties panel, when the Type tool is active.FIGURE 1-6: The Control panel, when a frame is selected using the Selection too...FIGURE 1-7: Use the Pages panel to add, delete, and move pages, as well as crea...FIGURE 1-8: Click and drag one shape around another to see the interaction with...FIGURE 1-9: Know when your object is at the exact center of the page when a gui...

19 Book 4 Chapter 2FIGURE 2-1: Using the Type tool, drag to create a text frame.FIGURE 2-2: The text frame, filled with placeholder text.FIGURE 2-3: Resize a text frame by dragging its handles.FIGURE 2-4: Threaded text between two linked text frames.FIGURE 2-5: Two frames on the page; the first contains text.FIGURE 2-6: Slightly overlap the two text frames when creating a page jump, so ...FIGURE 2-7: The Paragraph panel.FIGURE 2-8: You can see text and tables in the story editor.

20 Book 4 Chapter 3FIGURE 3-1: Choose pages to import in the Place InDesign Document dialog box.FIGURE 3-2: The Links panel keeps track of all images used in your documents.FIGURE 3-3: From left to right: Fast Display, Typical Display, and High Quality...FIGURE 3-4: The original image in a graphic frame (top); inside a resized frame...FIGURE 3-5: Column guides, margin guides, and ruler guides help create a layout...FIGURE 3-6: You can wrap text around images in InDesign in several ways.FIGURE 3-7: You can wrap text around an image with a transparent background.FIGURE 3-8: The Pages panel with page previews.

21 Book 4 Chapter 4FIGURE 4-1: Different kinds of paths and strokes created in InDesign.FIGURE 4-2: You can create many shapes with the basic shape tools.FIGURE 4-3: Points are joined by line segments.FIGURE 4-4: Change the star number of sides and inset percentage to create diff...FIGURE 4-5: A selected shape with the bounding box visible.FIGURE 4-6: Overlap the shapes, change their fill and then choose a Pathfinder ...FIGURE 4-7: This freeform drawing was created with the Pencil tool.FIGURE 4-8: Choose to fill using swatches, the Color Picker, or with a gradient...FIGURE 4-9: You can apply transparency to the entire object, the fill, stroke, ...FIGURE 4-10: An example of a linear gradient.FIGURE 4-11: The New Gradient Swatch dialog box.

22 Book 4 Chapter 5FIGURE 5-1: Choose a color from the swatch library to add it to the Swatches pa...

23 Book 4 Chapter 6FIGURE 6-1: Both the Transform and Properties panel make it easy to resize, rot...FIGURE 6-2: The Properties panel has the tools you need for resizing your image...FIGURE 6-3: Different cursors indicate options for using the Transform tool.FIGURE 6-4: Change your display performance if you are worried about the resolu...FIGURE 6-5: The original image is on the left, and the sheared image is on the ...FIGURE 6-6: Place multiple images by holding down Ctrl+Shift (Windows) or ⌘?? +...FIGURE 6-7: Images are aligned and distributed automatically when placed.

24 Book 4 Chapter 7FIGURE 7-1: The Relink icon.FIGURE 7-2: Choose the export options to export a file in the PDF format.

25 Book 4 Chapter 8FIGURE 8-1: Create a Liquid Layout.FIGURE 8-2: Create an alternate layout.FIGURE 8-3: The Reflowable Layout Export options.FIGURE 8-4: The Fixed Layout Export options.FIGURE 8-5: The Publish Your Document Online options.

26 Book 5 Chapter 1FIGURE 1-1: The initial start screen in Illustrator allows you to see recent fi...FIGURE 1-2: The New Document interface offers options for different types of fi...FIGURE 1-3: The legacy New Document window.FIGURE 1-4: The Illustrator work area.FIGURE 1-5: Add multiple artboards right from the start. A document created usi...FIGURE 1-6: The Artboard panel helps to keep your artboards organized, and you ...FIGURE 1-7: Create new or edit existing artboards by using the Artboard Options...FIGURE 1-8: Printing a document with multiple artboards.FIGURE 1-9: Many panels have additional menu options.FIGURE 1-10: Change your workspace by using the Workspace Switcher.FIGURE 1-11: Preview view (left) and Outline view (right).FIGURE 1-12: See how your artwork translates into pixels in Pixel view.FIGURE 1-13: Choose to see the Overprint value using the Attributes panel.

27 Book 5 Chapter 2FIGURE 2-1: Select an object and then change the Fill color.FIGURE 2-2: The Selection tool selects the entire object; the Direct Selection ...FIGURE 2-3: All anchor points selected, and one anchor point is selected.FIGURE 2-4: Increase the size of your anchor points if you are having a hard ti...FIGURE 2-5: The Essential Classic workspace. To edit the visible tools, click t...FIGURE 2-6: Select only one anchor point and click and drag it.FIGURE 2-7: Select an entire object.FIGURE 2-8: Select individual anchor points.FIGURE 2-9: By double-clicking on an object you enter In Isolation mode. This h...FIGURE 2-10: Drag the double arrow to clone an object.FIGURE 2-11: Using the Transform Again command.FIGURE 2-12: Define the similarities you want your selections based on.

28 Book 5 Chapter 3FIGURE 3-1: Basic shape tools.FIGURE 3-2: Click and drag diagonally to create a shape.FIGURE 3-3: Click and release to enter exact dimensions for your shape.FIGURE 3-4: Use corner widgets to round corners of your shapes. Use the Direct ...FIGURE 3-5: Making precision changes to your rounded corners.FIGURE 3-6: Click once on the artboard to enter exact dimensions for your polyg...FIGURE 3-7: Radius 1 and Radius 2 are closer to each other in the star on the b...FIGURE 3-8: Precisely set the size of a shape using the Properties and Transfor...FIGURE 3-9: Use the Shift key to constrain a shape while you create it. In this...FIGURE 3-10: Use the Pie widget to create pies and wedges from your selected El...FIGURE 3-11: Combine objects into new shapes.FIGURE 3-12: Create several shapes to use with the Shape Builder tool.FIGURE 3-13: Alt/Option and drag to subtract one shape from another shape. Simp...

29 Book 5 Chapter 4FIGURE 4-1: Bézier curves are controlled by direction lines.FIGURE 4-2: A path connected by two anchor points.FIGURE 4-3: Click and drag with the Pen tool to create a curved path. You can t...FIGURE 4-4: Adding anchor points to create a shape. Click when the close circle...FIGURE 4-5: Creating a controlled Bézier curve.FIGURE 4-6: Smooth versus corner points.FIGURE 4-7: Converting from smooth to corner.FIGURE 4-8: Properties panel tools for easy editing.FIGURE 4-9: The Eraser tool deletes sections of a path.FIGURE 4-10: Double-click the Eraser tool to set various tool options.FIGURE 4-11: Select a preset that best fits your placed image.FIGURE 4-12: The image on the left has a low path tolerance of 0%. The image on...FIGURE 4-13: On the left, a traced image with the corner setting at 0%. On the ...FIGURE 4-14: You can unembed an embedded image by using the Links panel options...FIGURE 4-15: Collect images and fonts and create a report using the Package fea...

30 Book 5 Chapter 5FIGURE 5-1: The Type tools.FIGURE 5-2: The plus icon indicates that text is overflowing.FIGURE 5-3: The Area Type Options dialog box lets you create columns of text.FIGURE 5-4: One column of text flows into the next.FIGURE 5-5: Threaded text areas flow from one area to another.FIGURE 5-6: The graphic is forcing the text to wrap around it.FIGURE 5-7: Adjust the distance of the text wrap from the object.FIGURE 5-8: Letters converted to outlines.FIGURE 5-9: Use the Selection tool to drag the I-bar to adjust the text.FIGURE 5-10: Position the type cursor over a shape, when you see the bloated cu...FIGURE 5-11: Holding down the Alt or Option key flows text around a closed shap...FIGURE 5-12: Components of type.FIGURE 5-13: Before kerning (left) and after (right).FIGURE 5-14: Tracking set at 0 (top) and 300 (bottom).FIGURE 5-15: Adjust the baseline for superscript.FIGURE 5-16: The Character panel shows additional options.FIGURE 5-17: Use this panel to open typographic controls that apply to paragrap...FIGURE 5-18: Customizing hyphenation settings.FIGURE 5-19: Use the Find Font dialog box to find and replace typefaces.FIGURE 5-20: Single-Line Composer (left) and Every-Line Composer (right).FIGURE 5-21: Updating a paragraph style.FIGURE 5-22: Original text (left), updated text (center), and text object copie...

31 Book 5 Chapter 6FIGURE 6-1: Turn selected paths and shapes into custom guides. In this example,...FIGURE 6-2: Click the ruler and drag out a guide.FIGURE 6-3: Changing the ruler’s origin.FIGURE 6-4: Objects in their original positions.FIGURE 6-5: Rearranging objects; compare to original art.FIGURE 6-6: The type insertion cursor on the edge of a shape.FIGURE 6-7: Type directly in the shape and then show the shape you hid earlier.FIGURE 6-8: A clipping mask around an image and another example that clips othe...FIGURE 6-9: A conventional film mask.FIGURE 6-10: Position the shape that you want to be the mask on top of the imag...FIGURE 6-11: Create a rectangle and clone it, making the second thinner than th...FIGURE 6-12: You can change the effect of the blend by changing the amount of s...FIGURE 6-13: Select artwork and copy or paste it.

32 Book 5 Chapter 7FIGURE 7-1: Create a rectangle to notice how the Layers panel indicates the sel...FIGURE 7-2: When you start a document you automatically have one layer. When yo...FIGURE 7-3: Alt/Option-click on the New Layer icon at the bottom of the Layers ...FIGURE 7-4: Create a new circle shape and change the color to be different than...FIGURE 7-5: Create a new layer named Star and add a star shape to it. Then over...FIGURE 7-6: Click the radio button to the right of the layer’s name to select a...FIGURE 7-7: If you can’t find your object in the Layers panel, use the Locate O...FIGURE 7-8: Drag the small square icon to move the selected object to another l...

33 Book 5 Chapter 8FIGURE 8-1: Use the New Document profiles to start in the right color mode, res...FIGURE 8-2: Use the Fill and Stroke controls in the Properties panel to quickly...FIGURE 8-3: Additional options for your colors including add a new color librar...FIGURE 8-4: The Stroke panel options.FIGURE 8-5: The Align Stroke options affect the placement of the stroke.FIGURE 8-6: After converting text to outlines you can move the stroke to the ce...FIGURE 8-7: Setting up a dashed stroke. In this example, the Caps were set to b...FIGURE 8-8: Arrowheads can be added using the Appearance, Stroke, or Properties...FIGURE 8-9: Different color models are available in the Color panel.FIGURE 8-10: An imported custom swatch library.FIGURE 8-11: The Color Guide panel identifies colors that are good combinations...FIGURE 8-12: Make a selection from the Harmony Rules drop-down list.FIGURE 8-13: Choose to recolor artwork all at once using the Edit or Apply colo...FIGURE 8-14: Use the Find text box to locate Pantone colors.FIGURE 8-15: Edit a color swatch by double-clicking it.FIGURE 8-16: A pattern created on the left with no bounding box and a pattern o...FIGURE 8-17: Choose to scale or rotate only the pattern, not the object that co...FIGURE 8-18: Click and drag the brick into the Swatches panel to turn it into a...FIGURE 8-19: Pattern options allow you to edit pattern art, change the offset, ...FIGURE 8-20: Change the Tile Type repeat to a Brick by Row.FIGURE 8-21: Change the size of the repeat by entering values into the width an...FIGURE 8-22: Add and edit artwork right in the pattern editing preview mode.FIGURE 8-23: You can apply a gradient to a selected object.FIGURE 8-24: The Gradient panel offers the ability to create gradients with cus...FIGURE 8-25: Add, remove, and reposition colors using the Gradient ramp.FIGURE 8-26: Use the Gradient tool to change the direction and length of your g...FIGURE 8-27: Use the Gradient tool to change the color stops.FIGURE 8-28: To edit a gradient on a stroke, you must use the Gradient panel.FIGURE 8-29: Choose how many rows and columns you want to start your mesh with.FIGURE 8-30: Using the Direct Selection tool, click on a node to generate the c...FIGURE 8-31: Using the Live Paint Bucket, click the selected objects, then pres...

34 Book 5 Chapter 9FIGURE 9-1: Use the bounding box to resize or rotate a selected object.FIGURE 9-2: Click once to create the axis point, and then drag to rotate, refle...FIGURE 9-3: Double-click a Transform tool to open its dialog box.FIGURE 9-4: You can enter exact amounts in the fields in either the Transform p...FIGURE 9-5: The completed reflection.FIGURE 9-6: Create perspective with the Shear tool.FIGURE 9-7: Use the Width tool.FIGURE 9-8: Double-click the stroke you are working on to open the Width tool o...FIGURE 9-9: Custom distortion using a mesh grid.FIGURE 9-10: Position the shape over the text. In this example an oval was used...FIGURE 9-11: Distort an object from the Free Distort dialog box.

35 Book 5 Chapter 10FIGURE 10-1: Mesh tool illustrations can be complex or simple.FIGURE 10-2: Set how many rows and columns you want to have in your gradient me...FIGURE 10-3: Using the Direct Select tool, you can define individual transparen...FIGURE 10-4: Using the Direct Selection tool, click and drag points. Also, clic...FIGURE 10-5: Some objects using the Blend tool.FIGURE 10-6: Reduce the size of the cloned shape.FIGURE 10-7: Creating a smooth transition between rectangles.FIGURE 10-8: You can create your own symbol by dragging art into the Symbols pa...FIGURE 10-9: Using the Symbol Sprayer tool to create fish.FIGURE 10-10: An opacity mask converts the topmost object into a mask that then...FIGURE 10-11: Creating an opacity mask.

36 Book 5 Chapter 11FIGURE 11-1: The Appearance panel not only shows you the properties of an objec...FIGURE 11-2: You can change the stroke and fill attributes right in the Appeara...FIGURE 11-3: The Drop Shadow dialog box offers the effect’s options and a previ...FIGURE 11-4: You can toggle the visibility and edit the effects right from the ...FIGURE 11-5: Access additional graphic styles by selecting the Library icon.FIGURE 11-6: The Graphic Styles panel stores effects and other attributes.FIGURE 11-7: The Extrude & Bevel Options dialog box.FIGURE 11-8: Turn the cap on or off to make an object appear solid or hollow.FIGURE 11-9: In the Map Art dialog box, you can select a surface and apply a sy...FIGURE 11-10: Select to offset just the stroke of an object.FIGURE 11-11: Change the new fill to a different color right in the Appearance ...FIGURE 11-12: Choose to twist one of the fills.FIGURE 11-13: Build and edit illustrations by using the Perspective Grid tool.FIGURE 11-14: Click a plane to activate it before adding a shape. In this examp...FIGURE 11-15: Click and drag to change the perspective using the Perspective Se...FIGURE 11-16: Customize settings for the perspective grid by using the View men...

37 Book 5 Chapter 12FIGURE 12-1: InDesign supports the transparency created in your Illustrator fil...FIGURE 12-2: Select a preview and other important settings in the EPS Options d...FIGURE 12-3: Use Save for Web to optimize and preview your images for the web. ...FIGURE 12-4: The GIF format has an option for dithering, shown on the right.FIGURE 12-5: Click and drag artwork that you want to export into the Asset Expo...FIGURE 12-6: Working with the Add Scale button in the Asset Export panel.FIGURE 12-7: Artwork before and after flattening is applied.FIGURE 12-8: Choosing the quality of rasterized artwork.

38 Book 6 Chapter 1FIGURE 1-1: Selecting the size of the artboard.FIGURE 1-2: In the Windows XD workspace, the menu is accessed in the top-left c...FIGURE 1-3: XD tools.FIGURE 1-4: When an object is selected, its properties appear in the Properties...FIGURE 1-5: The transform section of the Properties panels offers many opportun...FIGURE 1-6: You can set-up your objects to resize automatically when the artboa...FIGURE 1-7: Choose a color for your fill from the color picker.FIGURE 1-8: Check the border option to see additional properties.FIGURE 1-9: Create a screen and add an ellipse with any color fill.FIGURE 1-10: The screen now has a graphic element and a text object.FIGURE 1-11: Clone your original text object by holding down the Alt/Option key...FIGURE 1-12: Duplicate and rename your new layer.FIGURE 1-13: Change the background color and add a grid in the Properties Inspe...FIGURE 1-14: Import images into your document.FIGURE 1-15: Click Prototype to enter the mode where you can define the start o...FIGURE 1-16: Click and drag a wire from the object’s blue connecting arrow to t...FIGURE 1-17: Preview your prototype by clicking the Desktop Preview button.

39 Book 6 Chapter 2FIGURE 2-1: In the Start menu, choose from preset artboard sizes or type in cus...FIGURE 2-2: Change the artboard name and add some text to the screen.FIGURE 2-3: Change the orientation of your artboard in the Properties panel.FIGURE 2-4: Add a new artboard by selecting a template in the Properties panel.FIGURE 2-5: Click artboards to select them in the Layers panel.FIGURE 2-6: Objects are listed underneath the layer that they are associated wi...FIGURE 2-7: Click and drag to surround the entire artboard(s) that you want to ...FIGURE 2-8: The Align and Distribute icons.FIGURE 2-9: Click and drag the bottom handle to repeat the shape.FIGURE 2-10: Click on the center bottom handle of the artboard and extend it.FIGURE 2-11: Drag a guide in from the side or top of your artboard.

40 Book 6 Chapter 3FIGURE 3-1: Save a color by clicking the Save Color Swatch plus sign.FIGURE 3-2: Click and drag the corner widgets to round your corners, or enter v...FIGURE 3-3: Examples of how the properties for a border look when applied to an...FIGURE 3-4: Use the eyedropper to sample colors from your project.FIGURE 3-5: Select your type properties using the Text section in the Propertie...FIGURE 3-6: Select Gradient from the color picker.FIGURE 3-7: You can click the color annotator that appears on the selected obje...FIGURE 3-8: Click and drag the gradient annotator in order to change the direct...FIGURE 3-9: Click and drag with the Pen tool to create a custom Bézier path.FIGURE 3-10: Hold down the Alt or Option key to change the direction of your cu...FIGURE 3-11: The Pen tool can be used to create custom shapes in XD.FIGURE 3-12: Double-click to edit you shape. You can then move, add, or delete ...FIGURE 3-13: Examples of the Path tools in the Path menu item.FIGURE 3-14: Click and drag while holding down the Shift key to create straight...FIGURE 3-15: You can edit vector artwork that was copied and pasted from Illust...

41 Book 6 Chapter 4FIGURE 4-1: Click the Layers icon to reveal a panel that displays your initial ...FIGURE 4-2: As you add artboards, they appear at the top of the stacking order....FIGURE 4-3: On the left, you see all artboards; on the right, you see one artbo...FIGURE 4-4: Use the Find feature in the Layers panel to find artboards and obje...FIGURE 4-5: Layer options appear to the right when you position your cursor ove...FIGURE 4-6: When an object is locked, a lock appears in the upper-left corner.FIGURE 4-7: Click and drag using the Select tool to activate multiple objects.FIGURE 4-8: You should select UI elements that are meant to stay together and g...FIGURE 4-9: Click and drag outside an object’s handle in order to rotate it.FIGURE 4-10: You can use Smart Guides to align and distribute objects.FIGURE 4-11: The Align and Distribute feature at the top of the Properties pane...

42 Book 6 Chapter 5FIGURE 5-1: A text insertion created by simply clicking and releasing (left); a...FIGURE 5-2: Click and drag on the bottom handle in order to resize the text.FIGURE 5-3: A sans serif typeface on the top, serif on the bottom.FIGURE 5-4: The top font has variation in the thick and thin lines that create ...FIGURE 5-5: Look for strong open counters in your font family selection.FIGURE 5-6: A font family with short descenders and a low cap height is typical...FIGURE 5-7: Selecting a font family and font weight.FIGURE 5-8: Character spacing at the top set for 100, making the space larger b...FIGURE 5-9: A small border with a red fill on a dark background.FIGURE 5-10: Save frequently used text properties as a character style.FIGURE 5-11: Select the items that you would like to repeat and then press the ...FIGURE 5-12: Repeat selected items easily using the Repeat Grid feature.FIGURE 5-13: You can drag and drop multiple images into the repeated grid to re...FIGURE 5-14: Drag the text file on top of the text in the Repeated Grid to repl...FIGURE 5-15: Click and drag to extend the viewing area of your repeated grid.

43 Book 6 Chapter 6FIGURE 6-1: You can hold down either the Shift or Ctrl/Command key to select mu...FIGURE 6-2: Click and drag a corner widget in order to round the edges of an im...FIGURE 6-3: Position a shape over an image to determine what part of the image ...FIGURE 6-4: An image masked with a shape. Masked items are automatically groupe...FIGURE 6-5: You can select multiple objects and mask them into one shape.FIGURE 6-6: Artwork copied from Illustrator (left) and pasted into XD (Right).FIGURE 6-7: Depending upon the format you select you have different output opti...

44 Book 6 Chapter 7FIGURE 7-1: Make artwork that you wish to reuse frequently as a component.FIGURE 7-2: The original component is on the left, a copy on the right.FIGURE 7-3: A change in color is reflected in all instances but a change in the...FIGURE 7-4: Save frequently used colors in the Libraries panel.FIGURE 7-5: Update all color instances automatically by saving the color in the...FIGURE 7-6: Publish your XD file as a library to share its assets with others.FIGURE 7-7: Share your library at any time by selecting the Share Library icon ...FIGURE 7-8: Click the arrow to the left of Document Assets to find your publish...FIGURE 7-9: The Material Design kit provides patterns and other UI elements.

45 Book 6 Chapter 8FIGURE 8-1: Define the first page as your Home. It turns blue, indic...FIGURE 8-2: Click and drag from the connector to wire the button object to the ...FIGURE 8-3: You can preview interactions using the Preview button in XD.FIGURE 8-4: Activate an object in the Prototype mode by clicking the blue conne...FIGURE 8-5: Create a rectangle that will represent a navbar. Make sure to name ...FIGURE 8-6: Clone the artboards and drag one rectangle down, but not totally ou...FIGURE 8-7: Implementing the drag feature with animation.FIGURE 8-8: Apply the Drag trigger to only the small images on either side of t...FIGURE 8-9: You can delete an existing wire by selecting the wire in Prototype ...FIGURE 8-10: Click and drag the guide to reposition where the overlay appears o...FIGURE 8-11: Create and name a shape object that will be used for a rollover.FIGURE 8-12: After an object has been converted to a component you can add addi...FIGURE 8-13: Create your own state and have it triggered with a Tap.

46 Book 6 Chapter 9FIGURE 9-1: Create multiple flows from different start pages to demonstrate a p...FIGURE 9-2: You can record your interactions in a movie using the Desktop Previ...FIGURE 9-3: Preview your app right on your device by using the XD app.FIGURE 9-4: Access your main menu in the XD mobile app by triple-clicking on yo...FIGURE 9-5: Switch to the Share mode to share your prototype, via the cloud, wi...FIGURE 9-6: Create a design review that can be accessed with a URL.FIGURE 9-7: Reviewers can drag a Pin from the commenting section on the right a...FIGURE 9-8: Click the View Specs in the preview URL to see developer informatio...FIGURE 9-9: Set up the Custom view to share your prototype.FIGURE 9-10: Invite others to collaborate in your document.