Category Archives: Illustrator

  • 1

Saving to Creative Cloud

Category : Illustrator

Your Adobe Creative Cloud account comes with online storage so your files are available to you anywhere and on any device or computer . You can preview many creative file types directly in a web browser on your  computer, tablet, or smartphone. These file types include PSD, AI, INDD, JPG, PDF, GIF, PNG, Photoshop Touch,
Ideas, and others.
css7
How to save to Creative Cloud:
1. Log into your Creative Cloud account.
2. Drag and drop assets from yourdesktop to the Files page on Creative Cloud .
You can also upload and manage your files on Creative  Cloud by using the Actions button on the Creative Cloud  Files page.
css6

3. To delete files, select the Archive option by clicking the menu triangle in the lower-right corner of the file .

saving1
4. Click the Archive button to confirm.
The item is moved to the Archive page .

saving2
5. To permanently delete files, select the files to delete
permanently and click the Permanently Delete option in
the Action menu (Figure 23).
6. In the confirmation dialog box, click Permanently Delete

saving3


  • 6
css1

Generating CSS code in Illustrator

Category : Illustrator

You can easily create the design for an HTML page in Illustrator. This serves as a good visual guide for a web developer, who can then code the layout, styles, and objects into a page in an HTML editor. However, replicating the exact appearance and position of components and objects is a time-consuming and tedious process.
With Illustrator, you create the layout for an HTML page and then also generate and export the underlying CSS code that determines the appearance of the components and objects on the page. CSS allows you to control the appearance of text and objects (similar to character and graphic styles). You can choose to export the CSS code for individual objects or for the entire layout designed in Illustrator.
In the CSS Properties panel , you can do the following:
• View the CSS code for selected objects.
• Copy the CSS code for selected objects.
• Export one or more, or all selected Illustrator elements to a CSS file.
• Export rasterizable images used.
• Generate browser-specific CSS code.

css1

CSS Properties panel
How to view and extract CSS code:
1. To generate CSS code, ensure that objects in your
Illustrator document are named in the Layers panel
css2
2. Select Window > CSS Properties.
3. In an open Illustrator document, do one of the following:
• Select one object (Figure 15). The CSS code for the
object is displayed in the CSS Properties panel
(Figure 16).

css3
• Hold Shift, select multiple objects, and then click the Generate CSS button in the CSS Properties panel.
• Press Ctrl/Cmd + A to selectall the objects, and then  click the Generate CSS button in the CSS Properties  panel.
The generated CSS code is displayed.
4. To obtain the CSS code that has been generated, do one of the following:
To copy selected code, select specific code, and then:
• To copy to the clipboard, click Copy Selected Style.
• To export to a file, click the flyout menu, and then click Export Selected CSS.
To copy all the code, make no selection in the CSS code, and then:
• To copy to the clipboard, click Copy Selected Style.
• To export to a file, click the flyout menu, and then click Export All.
5. While saving CSS code to a file, set the CSS options in
the CSS Export Options dialog box (Figure 17).

css4
The exported CSS is ready tobe placed within another
application, such as Dreamweaver .

css5


  • 1
pathfinder-02

Pathfinder and Scissor Tool

Category : Illustrator

Cut object using Pathfinder, Scissor tool and Line Segment Tool (\)
1. Write a letter or drawing
2. Select Object > Expland
3. Select on Scissor Tool (C) > Select on Segment Tool (\)
4. Cut on parth that you want to cut out
5. Select all object > Window > Pathfinder > has new window load > Select on Pathfinder scissor
6. Object > Ungroup
7. You can take the parth it out.
pathfinder-02


  • 1
t

Cut and divide objects

Category : Illustrator

Cut objects using the Divide Objects Below command

1. Select the object to use as a cutter, and position it so that it overlaps the objects to cut.
2. Choose Object > Path > Divide Objects Below.

Cut objects using the Knife tool

1. Select the Knife tool . Click and hold the eraser tool to see and select the Knife tool. See Select a tool for other methods of selecting tools.
2. Do one of the following:
=> To cut in a curved path, drag the pointer over the object.
=> To cut in a straight path, hold down Alt (Windows) or Option (Mac OS) as you click the artboard with the Knife tool, and then drag.

Divide an object into a grid

1. Select the object.
If you select more than one object, the resulting grid of objects uses the appearance attributes of the topmost object.
2. Choose Object > Path > Split Into Grid.
3. Enter the number of rows and columns you want.
4. (Optional) Do any of the following:
=> To set the size of each row and column, enter values for Height and Width.
=> To set the amount of space that separates rows from one another and columns from one another, enter values for Gutter.
=> To change the dimensions of the entire grid of objects, enter values for Total.
=> To add guides along the row and column edges, select Add Guides.
5. Click OK.


  • 1
wa_11

Tools panel overview

Category : Illustrator

The first time you start the application, the Tools panel appears at the left side of the screen. You can move the Tools panel by dragging its title bar. You can also show or hide the Tools panel by choosing Window > Tools.

You use tools in the Tools panel to create, select, and manipulate objects in Illustrator. Some tools have options that appear when you double-click a tool. These include tools that let you use type, and select, paint, draw, sample, edit, and move images.

You can expand some tools to show hidden tools beneath them. A small triangle at the lower-right corner of the tool icon signals the presence of hidden tools. To see the name of a tool, position the pointer over it.

You can also use the Tools panel to change the drawing mode from Draw Normal to Draw Behind or Draw Inside.

Tools panel overview

Tools panel overview

View hidden tools

Hold down the mouse button on the visible tool.

View tool options

Double-click a tool in the Tools panel.

Move the Tools panel

Drag its title bar.

View the Tools panel in double-stack or single-column

Click the double-arrow on the title bar to toggle between double-stack and single-column view of the Tools panel.

Hide the Tools panel

Choose Window > Tools.

Tear off hidden tools into a separate panel

Drag the pointer over the arrow at the end of the hidden tools panel and release the mouse button.

Close a separate tool panel

Click the close button on the panel’s title bar. The tools return to the Tools panel.

Select a tool

Do one of the following:
Selecting a hidden tool

Selecting a hidden tool


A. Tools panel B. Active tool C. Tear off panel with hidden tools D. Hidden tool triangle E. Tool name and shortcut 

Click a tool in the Tools panel. If there is a small triangle at a tool’s lower-right corner, hold down the mouse button to view the hidden tools, and then click the tool you want to select.

Hold down Alt (Windows) or Option (Mac OS), and then click a tool to cycle through and select hidden tools.

Press the tool’s keyboard shortcut. The keyboard shortcut is displayed in its tool tip. For example, you can select the Move tool by pressing the V key.

Tip: To hide tool tips, choose Edit > Preferences > General (Windows) or Illustrator > Preferences > General (Mac OS), and deselect Show Tool Tips.

Change tool pointers

The mouse pointer for most tools matches the tool’s icon. Each pointer has a different hotspot, where an effect or action begins. With most tools, you can switch to precise cursors, which appear as cross hairs centered around the hotspot, and provide for greater accuracy when working with detailed artwork.

  • Choose Edit > Preferences > General (Windows) or Illustrator > Preferences > General (Mac OS), and select Use Precise Cursors. Alternatively, press Caps Lock on the keyboard.