Posts

Artboard 2 Featured Image

Combine and Clip Objects

Create complex shapes with Union, Intersect, Difference, Append and Divide.

Read more

Ortl-placeholder-post

Working with Images in Ortelius

To Adjust Image Size and Rotation:

media_1391792533674.png

Do one of the following:

  • Using the Select [s] tool, drag the sizing handles located around the outside edges of the image bounding box. Hold the Shift-key while dragging to constrain the aspect ratio.
  • Drag the direct rotate handle located to the right of the center point. Note the center point (light blue cross-hair) can be moved to reposition the rotation centroid. Hold the SHIFT-key while rotating to constrain the rotation angle to 15-degree increments.
  • With the image selected, enter numeric dimensions for object width, height, and/or rotation in the Geometry pane.

To Mask (and Crop) Images:

To_Mask__and_Crop__Images.png
  1. Using the Select [s] tool, double-click the image to make it active for editing. The bounding box is highlighted with a dashed line.
  2. Move any of the image’s bounding box handles to adjust the bounding box.
  3. Press and drag the image to reposition it within its bounding box.
  4. Drag the slider up or down to resize (scale) the image within its bounding box.
  5. Click off of the image to finish editing.

HINT: Image Mask is non-destructive. To return to the original image bounding box, right-click the image and choose “Fit To Image” from the contextual menu.
HINT: To permanently crop and resample the image to fit the new bounding box, right-click and choose “Crop and Resample” from the contextual menu.

To Clip an Image Using a Shape:

To_Clip_an_Image_Using_a_Shape.png
  1. Place the image in your drawing.
  2. Draw any shape to be the clipping shape – from a simple shape to a complex outline of the area you want to clip.
  3. Overlap the shape over the image.
  4. Select both the image and shape and do one of the following:
  • Choose Graphic > Combine > Intersect from the main menu.
  • Click the Intersect icon on the toolbar.
  • Use the Shift-Command-I keyboard shortcut.

HINT: Clipping an image with a shape is non-destructive. To return to the original image bounding box, right-clicking the image and choose “Remove Image Clipping Path” from the contextual menu.
HINT: To permanently crop and resample a clipped image , right click and choose “Crop and Resample Image” from the contextual menu.

To Adjust Image and Effects:

To_Adjust_Image_and_Effects.png
  1. With the Select [s] tool, double-click an image. The image will become active for editing.
  2. In the Image Edit panel, adjust its properties, such as exposure and saturation, or choose from a variety of image preset effects.
  3. Click off of the image to finish editing.

HINT: Image adjustments and effects are permanent within your saved drawing.

To Add a Border to an Image:

To_Add_a_Border_to_an_Image.png

Any line style can be added to an image to create a nice framed border effect.

  1. Select an image.
  2. In the Styles & Clip Art palette, double-click a line style to apply it to your image.

For example, we’ve applied the “Frame – Earth Tone Matted” from the “Frame Styles” category. Note that fill styles will completely fill over the image and should not be used. Alternatively, choose a clip art border that has been designed as a frame, such as “Day at the Beach,” and place it over the image resizing as necessary.

To Take a Picture Using the FaceTime Camera:

media_1391792848321.png
  1. Choose File > Take Picture… from the main menu to open the Picture Taker window.
  2. Click the camera ‘Take picture’ button and smile! Adjust the picture scale and position as desired.
  3. Click ‘Done’ when you’re ready to place the photo into your drawing.

HINT: The Recent Pictures drop-down displays recently taken pictures and you can choose from pictures locally stored on your computer.

Image crop with Artboard OS X

How To Clip Images with Complex Objects

Artboard makes it easy to clip your images with complex vector objects. Draw any shape and use the Intersect command. Here’s how.

Tutorial Details

Program : Artboard 1.7+ for Mac OSX
Difficulty: Intermediate
Topics Covered: Image Browser and Intersect
Estimated Completion Time: about 15 minutes

Step 1 – Draw the Clipping Shape

Open the Image Browser and drag-and-drop from the Browser to your drawing canvas to place your image. Draw any shape – from a simple rounded rectangle to a complex outline of the area you want to clip. Here we’ve used the Bezier Path [b]tool to draw an outline around the girl in the picture. We used a simple red stroke with no fill to better see the outline as we traced over the picture.

Step 2 – Clip the Image

To clip the image with your shape, hold the Command-key and use the Select [s] tool to select both the image and the shape. Then click the Intersect icon on the Toolbar, or choose Graphic > Combine > Intersect from the main menu. Clipping images is non-destructive – an image that is clipped still has the original image hidden behind the clipped area, and the clipping path can be removed later as desired. Double-click the image to reposition it or scale it within its bounding box. An image effects panel is also displayed. If you want to remove the clipping path, right-click the image and choose “Remove Image clipping path” from the contextual menu.

Step 3 – Mask and Resample Image (optional)

An image with a clipping path can be permanently cropped to remove portions of the image that are hidden, thus reducing overall file size. Cropped images are resampled to the clipped area. To crop a clipped image, right-clicking the image and choose “Crop and resample image” from the contextual menu.

Final Image

Clipping images in Artboard is as easy as 1-2-3! We hope you enjoy the simplicity of how it works just like the Boolean operations with any vector objects.