Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
2

How to create a border around an image?

New Here ,
Mar 20, 2018 Mar 20, 2018

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

163.9K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 2 Correct answers

Participant , Mar 21, 2018 Mar 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
    appearance panel - add stroke.png
  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.
    appearance panel - stroke over image.png
  4. While the stroke is selected, click the fx button at the bottom of the panel
    Select Convert to Shape -> Rectangle
    appearance panel - add effects rectangle.png
  5. Click Preview.
    Now the stroke/border is visible.
    Set to Relative.
    S
...
Translate
Participant , Nov 03, 2020 Nov 03, 2020

An easier way:

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

Deselect the "fill". 

Export. 

Done. 

Translate
Adobe
Participant ,
Mar 20, 2018 Mar 20, 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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Mar 20, 2018 Mar 20, 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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Mar 21, 2018 Mar 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
    appearance panel - add stroke.png
  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.
    appearance panel - stroke over image.png
  4. While the stroke is selected, click the fx button at the bottom of the panel
    Select Convert to Shape -> Rectangle
    appearance panel - add effects rectangle.png
  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
      appearance panel - border front.png
    2. Or behind the image
      appearance panel - border behind.png
    3. You can add more strokes
      appearance panel - 3 strokes.png
    4. Or you can add more effects on a stroke
      appearance panel - zigzag border.png
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Oct 06, 2020 Oct 06, 2020

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Oct 06, 2020 Oct 06, 2020

Please show your artwork with appearance panel open.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
May 22, 2023 May 22, 2023
LATEST

TYSM!!

 

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Nov 03, 2020 Nov 03, 2020

An easier way:

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

Deselect the "fill". 

Export. 

Done. 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Sep 09, 2022 Sep 09, 2022

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines