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
    9 hours ago













  • @Scott I have sketch and illustrator too

    – Edmund
    9 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
    9 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
    9 hours ago













  • @Scott I have sketch and illustrator too

    – Edmund
    9 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
    9 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 9 hours ago









Scott

146k14201411




146k14201411










asked 10 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
    9 hours ago













  • @Scott I have sketch and illustrator too

    – Edmund
    9 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
    9 hours ago














  • 1





    Photoshop : Layer Style > Stroke -- Is there something preventing that? Although Sketch (Or Illustrator) would be a better tool for vectors.

    – Scott
    9 hours ago













  • @Scott I have sketch and illustrator too

    – Edmund
    9 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
    9 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
9 hours ago







Photoshop : Layer Style > Stroke -- Is there something preventing that? Although Sketch (Or Illustrator) would be a better tool for vectors.

– Scott
9 hours ago















@Scott I have sketch and illustrator too

– Edmund
9 hours ago





@Scott I have sketch and illustrator too

– Edmund
9 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
9 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
9 hours ago










2 Answers
2






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
    9 hours ago



















0














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.






share|improve this answer








New contributor




wick Jon is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.




















    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

























    2 Answers
    2






    active

    oldest

    votes








    2 Answers
    2






    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
      9 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
      9 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 9 hours ago

























    answered 9 hours ago









    ScottScott

    146k14201411




    146k14201411













    • This worked perfectly!

      – Edmund
      9 hours ago



















    • This worked perfectly!

      – Edmund
      9 hours ago

















    This worked perfectly!

    – Edmund
    9 hours ago





    This worked perfectly!

    – Edmund
    9 hours ago











    0














    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.






    share|improve this answer








    New contributor




    wick Jon is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
    Check out our Code of Conduct.

























      0














      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.






      share|improve this answer








      New contributor




      wick Jon is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.























        0












        0








        0







        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.






        share|improve this answer








        New contributor




        wick Jon is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
        Check out our Code of Conduct.










        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.







        share|improve this answer








        New contributor




        wick Jon is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
        Check out our Code of Conduct.









        share|improve this answer



        share|improve this answer






        New contributor




        wick Jon is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
        Check out our Code of Conduct.









        answered 5 hours ago









        wick Jonwick Jon

        1




        1




        New contributor




        wick Jon is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
        Check out our Code of Conduct.





        New contributor





        wick Jon is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
        Check out our Code of Conduct.






        wick Jon is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
        Check out our Code of Conduct.






























            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

            GameSpot

            connect to host localhost port 22: Connection refused

            Getting a Wifi WPA2 wifi connection