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 4 hours ago
Scott
146k14201411
asked 5 hours ago
EdmundEdmund
13018
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 4 hours ago
Scott
146k14201411
asked 5 hours ago
EdmundEdmund
13018
1
Photoshop : Layer Style > Stroke -- Is there something preventing that? Although Sketch (Or Illustrator) would be a better tool for vectors.
– Scott
4 hours ago
@Scott I have sketch and illustrator too
– Edmund
4 hours ago
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
3 hours ago
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 4 hours ago
Scott
146k14201411
asked 5 hours ago
EdmundEdmund
13018
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 4 hours ago
Scott
146k14201411
asked 5 hours ago
EdmundEdmund
13018
edited 4 hours ago
Scott
146k14201411
asked 5 hours ago
EdmundEdmund
13018
edited 4 hours ago
Scott
146k14201411
edited 4 hours ago
Scott
146k14201411
edited 4 hours ago
Scott
146k14201411
146k14201411
asked 5 hours ago
EdmundEdmund
13018
asked 5 hours ago
EdmundEdmund
13018
asked 5 hours ago
EdmundEdmund
13018
13018
1
Photoshop : Layer Style > Stroke -- Is there something preventing that? Although Sketch (Or Illustrator) would be a better tool for vectors.
– Scott
4 hours ago
@Scott I have sketch and illustrator too
– Edmund
4 hours ago
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
3 hours ago
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
4 hours ago
@Scott I have sketch and illustrator too
– Edmund
4 hours ago
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
3 hours ago
1
1
Photoshop : Layer Style > Stroke -- Is there something preventing that? Although Sketch (Or Illustrator) would be a better tool for vectors.
– Scott
4 hours ago
Photoshop : Layer Style > Stroke -- Is there something preventing that? Although Sketch (Or Illustrator) would be a better tool for vectors.
– Scott
4 hours ago
@Scott I have sketch and illustrator too
– Edmund
4 hours ago
@Scott I have sketch and illustrator too
– Edmund
4 hours ago
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
3 hours ago
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
3 hours ago
add a comment |
1 Answer
1
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 4 hours ago
ScottScott
146k14201411
This worked perfectly!
– Edmund
3 hours ago
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');
var $window = $(window),
onScroll = function(e) {
var $elem = $('.new-login-left'),
docViewTop = $window.scrollTop(),
docViewBottom = docViewTop + $window.height(),
elemTop = $elem.offset().top,
elemBottom = elemTop + $elem.height();
if ((docViewTop elemBottom)) {
StackExchange.using('gps', function() { StackExchange.gps.track('embedded_signup_form.view', { location: 'question_page' }); });
$window.unbind('scroll', onScroll);
}
};
$window.on('scroll', onScroll);
});
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
1 Answer
1
active
oldest
votes
1 Answer
1
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 4 hours ago
ScottScott
146k14201411
This worked perfectly!
– Edmund
3 hours ago
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 4 hours ago
ScottScott
146k14201411
This worked perfectly!
– Edmund
3 hours ago
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 4 hours ago
ScottScott
146k14201411
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 4 hours ago
ScottScott
146k14201411
edited 3 hours ago
answered 4 hours ago
ScottScott
146k14201411
answered 4 hours ago
ScottScott
146k14201411
answered 4 hours ago
ScottScott
146k14201411
146k14201411
This worked perfectly!
– Edmund
3 hours ago
add a comment |
This worked perfectly!
– Edmund
3 hours ago
This worked perfectly!
– Edmund
3 hours ago
This worked perfectly!
– Edmund
3 hours ago
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');
var $window = $(window),
onScroll = function(e) {
var $elem = $('.new-login-left'),
docViewTop = $window.scrollTop(),
docViewBottom = docViewTop + $window.height(),
elemTop = $elem.offset().top,
elemBottom = elemTop + $elem.height();
if ((docViewTop elemBottom)) {
StackExchange.using('gps', function() { StackExchange.gps.track('embedded_signup_form.view', { location: 'question_page' }); });
$window.unbind('scroll', onScroll);
}
};
$window.on('scroll', onScroll);
});
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');
var $window = $(window),
onScroll = function(e) {
var $elem = $('.new-login-left'),
docViewTop = $window.scrollTop(),
docViewBottom = docViewTop + $window.height(),
elemTop = $elem.offset().top,
elemBottom = elemTop + $elem.height();
if ((docViewTop elemBottom)) {
StackExchange.using('gps', function() { StackExchange.gps.track('embedded_signup_form.view', { location: 'question_page' }); });
$window.unbind('scroll', onScroll);
}
};
$window.on('scroll', onScroll);
});
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');
var $window = $(window),
onScroll = function(e) {
var $elem = $('.new-login-left'),
docViewTop = $window.scrollTop(),
docViewBottom = docViewTop + $window.height(),
elemTop = $elem.offset().top,
elemBottom = elemTop + $elem.height();
if ((docViewTop elemBottom)) {
StackExchange.using('gps', function() { StackExchange.gps.track('embedded_signup_form.view', { location: 'question_page' }); });
$window.unbind('scroll', onScroll);
}
};
$window.on('scroll', onScroll);
});
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');
var $window = $(window),
onScroll = function(e) {
var $elem = $('.new-login-left'),
docViewTop = $window.scrollTop(),
docViewBottom = docViewTop + $window.height(),
elemTop = $elem.offset().top,
elemBottom = elemTop + $elem.height();
if ((docViewTop elemBottom)) {
StackExchange.using('gps', function() { StackExchange.gps.track('embedded_signup_form.view', { location: 'question_page' }); });
$window.unbind('scroll', onScroll);
}
};
$window.on('scroll', onScroll);
});
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
4 hours ago
@Scott I have sketch and illustrator too
– Edmund
4 hours ago
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
3 hours ago