How would I add an outline / border around this image?












1















I have a vector of a few unicorns that is currently on a blue background:



enter image description here



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:



enter image description here



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.










share|improve this question




















  • 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















I have a vector of a few unicorns that is currently on a blue background:



enter image description here



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:



enter image description here



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.










share|improve this question




















  • 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








1








I have a vector of a few unicorns that is currently on a blue background:



enter image description here



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:



enter image description here



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.










share|improve this question
















I have a vector of a few unicorns that is currently on a blue background:



enter image description here



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:



enter image description here



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






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited 4 hours ago









Scott

146k14201411




146k14201411










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














  • 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










1 Answer
1






active

oldest

votes


















3














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.



enter image description here



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.






share|improve this answer


























  • This worked perfectly!

    – Edmund
    3 hours ago











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
});


}
});














draft saved

draft discarded


















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









3














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.



enter image description here



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.






share|improve this answer


























  • This worked perfectly!

    – Edmund
    3 hours ago
















3














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.



enter image description here



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.






share|improve this answer


























  • This worked perfectly!

    – Edmund
    3 hours ago














3












3








3







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.



enter image description here



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.






share|improve this answer















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.



enter image description here



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.







share|improve this answer














share|improve this answer



share|improve this answer








edited 3 hours ago

























answered 4 hours ago









ScottScott

146k14201411




146k14201411













  • This worked perfectly!

    – Edmund
    3 hours ago



















  • This worked perfectly!

    – Edmund
    3 hours ago

















This worked perfectly!

– Edmund
3 hours ago





This worked perfectly!

– Edmund
3 hours ago


















draft saved

draft discarded




















































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.




draft saved


draft discarded














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





















































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







Popular posts from this blog

Knooppunt Holsloot

Altaar (religie)

Gregoriusmis