{"id":12057,"date":"2011-11-18T04:57:18","date_gmt":"2011-11-18T09:57:18","guid":{"rendered":"http:\/\/info.template-help.com\/?p=12057"},"modified":"2020-01-29T08:20:26","modified_gmt":"2020-01-29T13:20:26","slug":"photoshop-how-to-use-bring-to-front-feature","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/photoshop-how-to-use-bring-to-front-feature.html","title":{"rendered":"Photoshop. How to use bring to front feature"},"content":{"rendered":"<p>The  following tutorial will show you how to work with slices using the bring to front feature in Adobe Photoshop application.<\/p><!--more-->\r\n<p> For example, you wish to save the image  of your phone device with the picture on it&rsquo;s display. As you can see, it is  overlapped by the slice which is selecting mobile&rsquo;s display only.<\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/bring_to_front_01.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/bring_to_front_01-221x300.jpg\" alt=\"\" title=\"bring_to_front_01\" width=\"221\" height=\"300\" class=\"aligncenter size-medium wp-image-12059\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/bring_to_front_01-221x300.jpg 221w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/bring_to_front_01.jpg 398w\" sizes=\"(max-width: 221px) 100vw, 221px\" \/><\/a>\r\n\r\n<p>1. Select the slice  20 and save it for web (you can find more information about saving for web in  this tutorial &#8211; <a href=\"http:\/\/info.template-help.com\/how-save-for-web.html\">http:\/\/info.template-help.com\/how-save-for-web.html<\/a>)<\/p>\r\n<p>2. Check what you will get after saving:<\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/bring_to_front_02.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/bring_to_front_02-152x300.jpg\" alt=\"\" title=\"bring_to_front_02\" width=\"152\" height=\"300\" class=\"aligncenter size-medium wp-image-12060\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/bring_to_front_02-152x300.jpg 152w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/bring_to_front_02.jpg 254w\" sizes=\"(max-width: 152px) 100vw, 152px\" \/><\/a>\r\n\r\n<p>3. For this reason you need to use the  Bring to Front feature which allows you to save the whole slice completely.<\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/bring_to_front_03.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/bring_to_front_03.jpg\" alt=\"\" title=\"bring_to_front_03\" width=\"289\" height=\"35\" class=\"aligncenter size-full wp-image-12061\" \/><\/a>\r\n\r\n<p>4. Select the slice 20 illustrating mobile  device and click on &ldquo;Bring to Front&rdquo; button. You will see that the slice 23 is  hidden under the slice 20 now.<\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/bring_to_front_04.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/bring_to_front_04-236x300.jpg\" alt=\"\" title=\"bring_to_front_04\" width=\"236\" height=\"300\" class=\"aligncenter size-medium wp-image-12062\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/bring_to_front_04-236x300.jpg 236w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/bring_to_front_04.jpg 414w\" sizes=\"(max-width: 236px) 100vw, 236px\" \/><\/a>\r\n\r\n<p>5. Save this slice and see what you get:<\/p>\r\n\r\n<a href=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/bring_to_front_05.jpg\"><img loading=\"lazy\" src=\"http:\/\/info.template-help.com\/wp-content\/uploads\/2011\/11\/bring_to_front_05-148x300.jpg\" alt=\"\" title=\"bring_to_front_05\" width=\"148\" height=\"300\" class=\"aligncenter size-medium wp-image-12058\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/bring_to_front_05-148x300.jpg 148w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2011\/11\/bring_to_front_05.jpg 254w\" sizes=\"(max-width: 148px) 100vw, 148px\" \/><\/a>\r\n\r\n<p>If  you have issues following the text tutorial, feel free to check the video  demonstration below:<\/p>\r\n\r\n<p>&nbsp;<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\nPhotoshop. How to use bring to front feature\r\n\r\n \r\n\r\n<!--more-->","protected":false},"excerpt":{"rendered":"<p>The following tutorial will show you how to work with slices using the bring to front feature in Adobe Photoshop application.<\/p>\n","protected":false},"author":7,"featured_media":12065,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[250],"tags":[537,564,567],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/12057"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=12057"}],"version-history":[{"count":3,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/12057\/revisions"}],"predecessor-version":[{"id":85822,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/12057\/revisions\/85822"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/12065"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=12057"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=12057"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=12057"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}