How would I add an outline / border around this image?
I have a vector of a few unicorns that is currently on a blue background:
I want to put them on a white background, but when I do that, the unicorns lose their shape because they are white and don't have an outline:
How would I add a border / outline to them without having to draw it myself?
I'm looking for methods related to Photoshop, Sketch, or Illustrator.
adobe-photoshop adobe-illustrator vector sketch-app outline
edited Jan 17 at 22:09
Scott
147k14202415
asked Jan 17 at 21:09
EdmundEdmund
13218
add a comment |
I have a vector of a few unicorns that is currently on a blue background:
I want to put them on a white background, but when I do that, the unicorns lose their shape because they are white and don't have an outline:
How would I add a border / outline to them without having to draw it myself?
I'm looking for methods related to Photoshop, Sketch, or Illustrator.
adobe-photoshop adobe-illustrator vector sketch-app outline
edited Jan 17 at 22:09
Scott
147k14202415
asked Jan 17 at 21:09
EdmundEdmund
13218
1
Photoshop : Layer Style > Stroke -- Is there something preventing that? Although Sketch (Or Illustrator) would be a better tool for vectors.
– Scott
Jan 17 at 21:55
@Scott I have sketch and illustrator too
– Edmund
Jan 17 at 22:00
Glad I could help. I edited the question to be less application-specific. I don't know Sketch. Someone may provide a method for that app.
– Scott
Jan 17 at 22:26
add a comment |
I have a vector of a few unicorns that is currently on a blue background:
I want to put them on a white background, but when I do that, the unicorns lose their shape because they are white and don't have an outline:
How would I add a border / outline to them without having to draw it myself?
I'm looking for methods related to Photoshop, Sketch, or Illustrator.
adobe-photoshop adobe-illustrator vector sketch-app outline
edited Jan 17 at 22:09
Scott
147k14202415
asked Jan 17 at 21:09
EdmundEdmund
13218
I have a vector of a few unicorns that is currently on a blue background:
I want to put them on a white background, but when I do that, the unicorns lose their shape because they are white and don't have an outline:
How would I add a border / outline to them without having to draw it myself?
I'm looking for methods related to Photoshop, Sketch, or Illustrator.
adobe-photoshop adobe-illustrator vector sketch-app outline
adobe-photoshop adobe-illustrator vector sketch-app outline
edited Jan 17 at 22:09
Scott
147k14202415
asked Jan 17 at 21:09
EdmundEdmund
13218
edited Jan 17 at 22:09
Scott
147k14202415
asked Jan 17 at 21:09
EdmundEdmund
13218
edited Jan 17 at 22:09
Scott
147k14202415
edited Jan 17 at 22:09
Scott
147k14202415
edited Jan 17 at 22:09
Scott
147k14202415
147k14202415
asked Jan 17 at 21:09
EdmundEdmund
13218
asked Jan 17 at 21:09
EdmundEdmund
13218
asked Jan 17 at 21:09
EdmundEdmund
13218
13218
1
Photoshop : Layer Style > Stroke -- Is there something preventing that? Although Sketch (Or Illustrator) would be a better tool for vectors.
– Scott
Jan 17 at 21:55
@Scott I have sketch and illustrator too
– Edmund
Jan 17 at 22:00
Glad I could help. I edited the question to be less application-specific. I don't know Sketch. Someone may provide a method for that app.
– Scott
Jan 17 at 22:26
add a comment |
1
Photoshop : Layer Style > Stroke -- Is there something preventing that? Although Sketch (Or Illustrator) would be a better tool for vectors.
– Scott
Jan 17 at 21:55
@Scott I have sketch and illustrator too
– Edmund
Jan 17 at 22:00
Glad I could help. I edited the question to be less application-specific. I don't know Sketch. Someone may provide a method for that app.
– Scott
Jan 17 at 22:26
1
1
Photoshop : Layer Style > Stroke -- Is there something preventing that? Although Sketch (Or Illustrator) would be a better tool for vectors.
– Scott
Jan 17 at 21:55
Photoshop : Layer Style > Stroke -- Is there something preventing that? Although Sketch (Or Illustrator) would be a better tool for vectors.
– Scott
Jan 17 at 21:55
@Scott I have sketch and illustrator too
– Edmund
Jan 17 at 22:00
@Scott I have sketch and illustrator too
– Edmund
Jan 17 at 22:00
Glad I could help. I edited the question to be less application-specific. I don't know Sketch. Someone may provide a method for that app.
– Scott
Jan 17 at 22:26
Glad I could help. I edited the question to be less application-specific. I don't know Sketch. Someone may provide a method for that app.
– Scott
Jan 17 at 22:26
add a comment |
2 Answers
2
active
oldest
votes
In Illustrator...
Group the Unicorn if it's not already a group.
Then in the Appearance Panel add a new stroke to the group. Click and drag the stroke
in the Appearance Panel, so that it is below the <Contents> item in the panel.
You'll then have a stroke around the entire group which you can adjust.
(Old screenshot... but the panel isn't really that different today.)
Photoshop : Layer Style > Stroke will add a stroke around an entire layer or smart object layer. Although, for vectors using Illustrator or Sketch is probably better.
answered Jan 17 at 22:07
ScottScott
147k14202415
This worked perfectly!
– Edmund
Jan 17 at 22:19
add a comment |
I think this is not possible, because the border of the unicorn is white in color and cannot be white. You can find places that offer unicorn images with black borders.
answered Jan 18 at 2:36
wick Jonwick Jon
1
add a comment |
Your Answer
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "174"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgraphicdesign.stackexchange.com%2fquestions%2f119266%2fhow-would-i-add-an-outline-border-around-this-image%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
In Illustrator...
Group the Unicorn if it's not already a group.
Then in the Appearance Panel add a new stroke to the group. Click and drag the stroke
in the Appearance Panel, so that it is below the <Contents> item in the panel.
You'll then have a stroke around the entire group which you can adjust.
(Old screenshot... but the panel isn't really that different today.)
Photoshop : Layer Style > Stroke will add a stroke around an entire layer or smart object layer. Although, for vectors using Illustrator or Sketch is probably better.
answered Jan 17 at 22:07
ScottScott
147k14202415
This worked perfectly!
– Edmund
Jan 17 at 22:19
add a comment |
In Illustrator...
Group the Unicorn if it's not already a group.
Then in the Appearance Panel add a new stroke to the group. Click and drag the stroke
in the Appearance Panel, so that it is below the <Contents> item in the panel.
You'll then have a stroke around the entire group which you can adjust.
(Old screenshot... but the panel isn't really that different today.)
Photoshop : Layer Style > Stroke will add a stroke around an entire layer or smart object layer. Although, for vectors using Illustrator or Sketch is probably better.
answered Jan 17 at 22:07
ScottScott
147k14202415
This worked perfectly!
– Edmund
Jan 17 at 22:19
add a comment |
In Illustrator...
Group the Unicorn if it's not already a group.
Then in the Appearance Panel add a new stroke to the group. Click and drag the stroke
in the Appearance Panel, so that it is below the <Contents> item in the panel.
You'll then have a stroke around the entire group which you can adjust.
(Old screenshot... but the panel isn't really that different today.)
Photoshop : Layer Style > Stroke will add a stroke around an entire layer or smart object layer. Although, for vectors using Illustrator or Sketch is probably better.
answered Jan 17 at 22:07
ScottScott
147k14202415
In Illustrator...
Group the Unicorn if it's not already a group.
Then in the Appearance Panel add a new stroke to the group. Click and drag the stroke
in the Appearance Panel, so that it is below the <Contents> item in the panel.
You'll then have a stroke around the entire group which you can adjust.
(Old screenshot... but the panel isn't really that different today.)
Photoshop : Layer Style > Stroke will add a stroke around an entire layer or smart object layer. Although, for vectors using Illustrator or Sketch is probably better.
answered Jan 17 at 22:07
ScottScott
147k14202415
edited Jan 17 at 22:24
answered Jan 17 at 22:07
ScottScott
147k14202415
answered Jan 17 at 22:07
ScottScott
147k14202415
answered Jan 17 at 22:07
ScottScott
147k14202415
147k14202415
This worked perfectly!
– Edmund
Jan 17 at 22:19
add a comment |
This worked perfectly!
– Edmund
Jan 17 at 22:19
This worked perfectly!
– Edmund
Jan 17 at 22:19
This worked perfectly!
– Edmund
Jan 17 at 22:19
add a comment |
I think this is not possible, because the border of the unicorn is white in color and cannot be white. You can find places that offer unicorn images with black borders.
answered Jan 18 at 2:36
wick Jonwick Jon
1
add a comment |
I think this is not possible, because the border of the unicorn is white in color and cannot be white. You can find places that offer unicorn images with black borders.
answered Jan 18 at 2:36
wick Jonwick Jon
1
add a comment |
I think this is not possible, because the border of the unicorn is white in color and cannot be white. You can find places that offer unicorn images with black borders.
answered Jan 18 at 2:36
wick Jonwick Jon
1
I think this is not possible, because the border of the unicorn is white in color and cannot be white. You can find places that offer unicorn images with black borders.
answered Jan 18 at 2:36
wick Jonwick Jon
1
answered Jan 18 at 2:36
wick Jonwick Jon
1
answered Jan 18 at 2:36
wick Jonwick Jon
1
answered Jan 18 at 2:36
wick Jonwick Jon
1
1
add a comment |
add a comment |
Thanks for contributing an answer to Graphic Design Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fgraphicdesign.stackexchange.com%2fquestions%2f119266%2fhow-would-i-add-an-outline-border-around-this-image%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
1
Photoshop : Layer Style > Stroke -- Is there something preventing that? Although Sketch (Or Illustrator) would be a better tool for vectors.
– Scott
Jan 17 at 21:55
@Scott I have sketch and illustrator too
– Edmund
Jan 17 at 22:00
Glad I could help. I edited the question to be less application-specific. I don't know Sketch. Someone may provide a method for that app.
– Scott
Jan 17 at 22:26