{"id":1055,"date":"2011-10-26T13:35:21","date_gmt":"2011-10-26T13:35:21","guid":{"rendered":"https:\/\/anotrealdomainfortesting.wordpress.com\/2011\/10\/26\/combining-photos-and-illustrations-to-make-your-projects-shine\/"},"modified":"2011-10-26T13:35:21","modified_gmt":"2011-10-26T13:35:21","slug":"combining-photos-and-illustrations-to-make-your-projects-shine","status":"publish","type":"post","link":"https:\/\/www.bigstockphoto.com\/blog\/uncategorized\/combining-photos-and-illustrations-to-make-your-projects-shine\/","title":{"rendered":"Combining Photos and Illustrations to Make Your Projects Shine"},"content":{"rendered":"<p>A tutorial by Art Director and founder of <a href=\"http:\/\/www.pureworkstudio.com\/\" target=\"_blank\">Pureworks<\/a>, Victoria Jordan<br \/>\nPhotos and illustrations can work together in many ways to enhance a project. In this tutorial, we\u2019ll discuss cutting and pasting vector files into Photoshop using the following <a href=\"http:\/\/www.bigstockphoto.com\/blog\/image-16132394\/stock-photo-artistic-black-and-white-flowers\" target=\"_blank\">photo<\/a> and <a href=\"http:\/\/www.bigstockphoto.com\/blog\/image-2990151\/stock-vector-colorful-flowers-on-vines\" target=\"_blank\">vector<\/a> by Bigstock contributors <a href=\"http:\/\/www.bigstockphoto.com\/blog\/search\/photographer\/loriklaszlo\" target=\"_blank\">Loriklaszlo<\/a> and <a href=\"http:\/\/www.bigstockphoto.com\/blog\/search\/photographer\/adroach\" target=\"_blank\">Adroach<\/a><br \/>\n<a rel=\"attachment wp-att-7022\" href=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/a2844-header1.jpg\"><img loading=\"lazy\" decoding=\"async\" title=\"header\" height=\"394\" alt=\"\" width=\"650\" class=\"alignnone size-full wp-image-7022\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/a2844-header1.jpg\" \/><\/a><\/p>\n<p><!--more--><\/p>\n<p><strong>Copy &amp; Paste&#8230;<\/strong><br \/>\nThis is one of the most interesting ways of importing a vector image into Photoshop. If you open a vector file open in a program like Illustrator, select what you want to import, copy and then paste into a Photoshop document.<\/p>\n<p>First I\u2019ll remove the background from the illustration, so that I can paste the illustrated flowers on top of the black and white photo.<\/p>\n<p>Next, I&#8217;ll to convert the photo to RGB (Image &gt; Mode &gt; RGB Color) which will allow me to bring the color from the illustration into it.<\/p>\n<p>The dialog that pops up when I hit paste usually defaults to \u201cPixels\u201d so let\u2019s start with that option.<\/p>\n<p><a rel=\"attachment wp-att-7037\" href=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/30912-importpixels.png\"><img loading=\"lazy\" decoding=\"async\" title=\"ImportPixels\" height=\"155\" alt=\"\" width=\"247\" class=\"alignnone size-full wp-image-7037\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/30912-importpixels.png\" \/><\/a><\/p>\n<p>When you paste your object in, it will appear in a bounding box that fits into the document.<\/p>\n<p><a rel=\"attachment wp-att-7046\" href=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/d6cb9-scalingcrnr.png\"><img loading=\"lazy\" decoding=\"async\" title=\"ScalingCrnr\" height=\"953\" alt=\"\" width=\"652\" class=\"alignnone size-full wp-image-7046\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/d6cb9-scalingcrnr.png\" \/><\/a><\/p>\n<p>Holding down the shift key and pulling one of the corners out or in will allow you to scale the object to your desired size (hold down the shift key if you\u2019d like to scale the object proportionately).<\/p>\n<p>Hit Return and your vector image is converted to pixels and placed.<\/p>\n<p><a rel=\"attachment wp-att-7055\" href=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/04ed1-importpath.png\"><img loading=\"lazy\" decoding=\"async\" title=\"ImportPath\" height=\"157\" alt=\"\" width=\"250\" class=\"alignnone size-full wp-image-7055\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/04ed1-importpath.png\" \/><\/a><\/p>\n<p>The Path option very simply imports the vector as a Work Path, but it doesn\u2019t bring in the color of your object. After you hit ok,  you have every editing option you normally have with a Work Path. Also, when you use the Path option, the path pastes in at its original size, not the size of the document.<\/p>\n<p><a rel=\"attachment wp-att-7160\" href=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/016e9-path.png\"><img loading=\"lazy\" decoding=\"async\" title=\"Path\" height=\"625\" alt=\"\" width=\"429\" class=\"alignnone size-large wp-image-7160\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/016e9-path.png\" \/><\/a><\/p>\n<p><a rel=\"attachment wp-att-7061\" href=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/a0095-importshapelayer.png\"><img loading=\"lazy\" decoding=\"async\" title=\"ImportShapeLayer\" height=\"156\" alt=\"\" width=\"248\" class=\"alignnone size-full wp-image-7061\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/a0095-importshapelayer.png\" \/><\/a><\/p>\n<p>The Shape Layer option imports the path of your object as a Vector Mask. This way of importing doesn\u2019t bring in the color of the illustration, it fills the shape with whatever color is selected in your foreground. Like the Path option, the object will come in at its actual size, without a bounding box.<\/p>\n<p><a rel=\"attachment wp-att-7064\" href=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/d4737-shape.png\"><img loading=\"lazy\" decoding=\"async\" title=\"Shape\" height=\"318\" alt=\"\" width=\"450\" class=\"alignnone size-large wp-image-7064\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/d4737-shape.png\" \/><\/a><\/p>\n<p><a rel=\"attachment wp-att-7067\" href=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/f85ab-importsmartobject.png\"><img loading=\"lazy\" decoding=\"async\" title=\"ImportSmartObject\" height=\"154\" alt=\"\" width=\"247\" class=\"alignnone size-full wp-image-7067\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/f85ab-importsmartobject.png\" \/><\/a><\/p>\n<p>My favorite option (forgive me for saving it for last\u2026.) is the \u201cSmart Object\u201d option. When you paste your selection into the document, the color comes through, and you get a bounding box to scale as needed.<\/p>\n<p>Hit Return and the object is placed. You now have a layer called \u201cVector Smart Image\u201d. If you happen to wish you changed something in the object that you placed, unfortunately, you can\u2019t edit it in Photoshop, because when you place as a Smart Object, you don\u2019t get a path. BUT here\u2019s where it gets awesome\u2026if you double click on the Smart Object icon\u2026<\/p>\n<p><a rel=\"attachment wp-att-7070\" href=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/a8be4-layerpalette.png\"><img loading=\"lazy\" decoding=\"async\" title=\"LayerPalette\" height=\"219\" alt=\"\" width=\"220\" class=\"alignnone size-full wp-image-7070\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/a8be4-layerpalette.png\" \/><\/a><\/p>\n<p>a window comes up that explains what you need to do when the smart image opens up&#8230;<\/p>\n<p><a rel=\"attachment wp-att-7073\" href=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/d2997-dialog.png\"><img loading=\"lazy\" decoding=\"async\" title=\"Dialog\" height=\"206\" alt=\"\" width=\"618\" class=\"alignnone size-full wp-image-7073\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/d2997-dialog.png\" \/><\/a><\/p>\n<p>\u2026hit OK, and your object opens in Illustrator, ready to edit.<\/p>\n<p><a rel=\"attachment wp-att-7079\" href=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/09d19-origillo1.png\"><img loading=\"lazy\" decoding=\"async\" title=\"OrigIllo\" height=\"348\" alt=\"\" width=\"450\" class=\"alignnone size-large wp-image-7079\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/09d19-origillo1.png\" \/><\/a><\/p>\n<p>I decided to change all the flowers to a fuchsia color so they stand out on the black and white photo I\u2019m using.<\/p>\n<p><a rel=\"attachment wp-att-7082\" href=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/9e3dc-coloredillo.png\"><img loading=\"lazy\" decoding=\"async\" title=\"ColoredIllo\" height=\"348\" alt=\"\" width=\"450\" class=\"alignnone size-large wp-image-7082\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/9e3dc-coloredillo.png\" \/><\/a><\/p>\n<p>Once you\u2019re done making changes, hit Save (NOT SAVE AS) and go back to your Photoshop document\u2026<\/p>\n<p><a rel=\"attachment wp-att-7088\" href=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/388e9-finalfile.png\"><img loading=\"lazy\" decoding=\"async\" title=\"FinalFile\" height=\"625\" alt=\"\" width=\"413\" class=\"alignnone size-large wp-image-7088\" src=\"http:\/\/www.bigstockphoto.com\/blog\/wp-content\/uploads\/sites\/2\/2018\/05\/388e9-finalfile.png\" \/><\/a><\/p>\n<p>\u2026the object automatically updates in your Photoshop document! You can do this as many times as you want, and make as many changes as you like to your Illustrator document.<\/p>\n<p>Discovering the \u201cSmart Object\u201d changed my life, and I hope it improves yours too!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A tutorial by Art Director and founder of Pureworks, Victoria Jordan Photos and illustrations can work together in many ways to enhance a project. In this tutorial, we\u2019ll discuss cutting and pasting vector files into Photoshop using the following photo and vector by Bigstock contributors Loriklaszlo and Adroach<\/p>\n<a class=\"read-more-link\" href=\" https:\/\/www.bigstockphoto.com\/blog\/uncategorized\/combining-photos-and-illustrations-to-make-your-projects-shine\/ \">Read More<\/a>","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1055","post","type-post","status-publish","format-standard","hentry","category-uncategorized","col-sm-6"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/pcS8aA-h1","_links":{"self":[{"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/posts\/1055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/comments?post=1055"}],"version-history":[{"count":0,"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/posts\/1055\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/media?parent=1055"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/categories?post=1055"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bigstockphoto.com\/blog\/wp-json\/wp\/v2\/tags?post=1055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}