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.






adobe-photoshop adobe-illustrator vector sketch-app outline







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.






adobe-photoshop adobe-illustrator vector sketch-app outline







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.






adobe-photoshop adobe-illustrator vector sketch-app outline







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




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

Image
Knooppunt Holsloot Kenmerken Wegen A37 × N34 Type knooppunt klaverblad Portaal     Verkeer & Vervoer Knooppunt Holsloot is een verkeersknooppunt op de kruising van de autosnelweg A37 en de N34 in Drenthe, tussen Emmen en Coevorden. Oorspronkelijk was deze aansluiting een afritconstructie van het type Haarlemmermeeraansluiting, zoals bij Knooppunt Hooipolder. Sinds 2002 is het knooppunt omgebouwd tot een volledig klaverblad. Als noviteit werd hier voor het eerst gebruikgemaakt van dimbare verlichting in plaats van de normale vaste tijden waarop de verlichting aan en uit gaat, wat een grote kostenbesparing opleverde. [1] Dat Holsloot als volwaardig knooppunt is uitgevoerd, waarbij alle verkeersstromen en afbuigingen ononderbroken kunnen doorgaan, is uitzonderlijk. Het betreft hier namelijk een aansluiting tussen een autosnelweg en niet-snelweg. Een vergelijkbare situatie treft men nabij Hoensbroek bij het knooppunt Ten Esschen.     Aa
Read more

Altaar (religie)

Image
Deel van de serie over kerkelijk gerei waaronder paramenten en liturgisch vaatwerk gebruikt in de liturgie Liturgisch vaatwerk Vasa sacra Miskelk · Pateen Kelklepeltje Ciborie · Monstrans Pyxis · Custodiale Vasa non sacra Ampullen · Wijwatervat Olievaatje Wierookvat · Ablutievat Paramenten Amict · Albe · Baarkleed · Cingel Tuniek · Dalmatiek · Fanon Kazuifel · Manipel · Stola Gremiale · Benedictievelum Mijter Koorkledij Rochet · Superplie Koorkap · Cappa magna Kovel Kelkgerei Bursa · Kelkvelum Ciborievelum Kerklinnen Corporale · Kelkdoekje Lavabodoekje · Palla Altaardwaal Kerkinterieur Altaar · Ambo Biechtstoel · Communiebank Doksaal · Doopvont Faldistorium Godslamp · Hoogaltaar Heilig Kruisaltaar Katheder · Preekstoel Sedilia Tabernakel · Volksaltaar Liturgische boeken Altaarmissaal Benedictionale · Brevier Evangeliarium · Evangelistarium Graduale · Kyriale Lectionarium Psalter · Rituaal Sacramentarium · Volksmissaal Overige Flambou
Read more

Gregoriusmis

Image
Een afbeelding van de Gregoriusmis uit een getijdenboek gemaakt in de zuidelijke Nederlanden tussen 1500 en 1525 Gregoriusmis, Meester van het Akense Altaar, ca. 1500-1525. Collectie Museum Catharijneconvent De Gregoriusmis of de Mis van Sint Gregorius is een motief in katholieke kunst, dat het eerst verscheen in de late Middeleeuwen en dat nog steeds werd gebruikt tijdens de contrareformatie. Paus Gregorius I (ca. 540-604) is afgebeeld, de H. Mis opdragend, terwijl Christus als de Man van Smarten verschijnt op het altaar dat voor Sint Gregorius staat. Volgens de legende had St. Gregorius gebeden om een teken voor een betwijfelaar van de transsubstantiatieleer, waarop de lijdende Christus tijdens het opdragen van de Mis verscheen om hem te overtuigen en waarbij zijn bloed in de altaarkelk liep. Vaak zijn ook de passiewerktuigen afgebeeld. Zie de categorie Mass of Saint Gregory van Wikimedia Commons voor mediabestanden over dit onderwerp. This page is onl
Read more