Skip to main content
Participant
March 21, 2018
解決済み

How to create a border around an image?

  • March 21, 2018
  • 返信数 5.
  • 170926 ビュー

In Illustrator CC, what is the way to create a simple border around a rectangular image? Thanks!

    解決に役立った回答 TechWriter2020

    An easier way:

    Three steps: use the Rectangle tool in the task toolbar.

    Deselect the "fill". 

    Export. 

    Done. 

    返信数 5

    Participant
    September 9, 2022

    Thanks, this was a helpful and easy to follow explanation. 

    Inspiring
    November 3, 2020

    An easier way:

    Three steps: use the Rectangle tool in the task toolbar.

    Deselect the "fill". 

    Export. 

    Done. 

    Participating Frequently
    March 21, 2018

    How to use the Appearance panel to add stroke step-by step (as described by @Andrey Kozyakov above:

    1. Select the image
    2. In the Appearance panel, Click the Add stroke button
    3. Select the stroke. For now the stroke is not yet visible
      You can drag the stroke under/below the Image if you don't wan the stroke to overlap the image later.
    4. While the stroke is selected, click the fx button at the bottom of the panel
      Select Convert to Shape -> Rectangle
    5. Click Preview.
      Now the stroke/border is visible.
      Set to Relative.
      Set the Extra Width and Extra Height to zero if you want the border to be exactly the size of the image
    6. Click OK. Now you can set the border to different styles.
      1. You can set the stroke to different thickness, dashed, symmetrical, etc... in the Stroke Panel
      2. Or behind the image
      3. You can add more strokes
      4. Or you can add more effects on a stroke
    Participant
    October 6, 2020

    when I change the image to a rectangle it disapears...

    Monika Gause
    Community Expert
    Community Expert
    October 6, 2020

    Please show your artwork with appearance panel open.

    Andrei Koziakov
    Inspiring
    March 21, 2018

    Also it is possible to create a border without adding new objects but using effects in Appearance panel.

    In this way we need to use 'Add new stroke' button in Appearance panel. Then select this Stroke in the panel and click on 'Fx' button there, find in the list and add Convert to shape > Rectangle effect. In effect options just use 'Relative' size instead of 'absolute' values. 
    I'm not sure that this way is easier   But it also works

    Andrei Koziakov
    Inspiring
    March 21, 2018

    Hi Will,

    You can create separate rectangular shape and use it as a mask and border for the image.
    Create rectangular shape, be sure it is above the image. Select the shape and the image, and use Object > Clipping Mask > Make command (Cmd+7 / Ctrl+7)

    Then you have to select the mask (rectangular frame) only using 'Direct Selection' and choose color and weight  in the Stroke panel.