{"id":3803,"date":"2012-06-16T05:25:46","date_gmt":"2012-06-16T05:25:46","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=3803"},"modified":"2012-06-16T05:30:29","modified_gmt":"2012-06-16T05:30:29","slug":"how-to-center-an-image-in-photoshop","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/how-to-center-an-image-in-photoshop\/affordablewebsitestips\/tutorials","title":{"rendered":"How To Center An Image In Photoshop"},"content":{"rendered":"<p>Photoshop is an integral part of web design and blogging. Here's how you can center text \u00a0and images easily in Adobe Photoshop.<\/p>\n<h3>Center Image Photoshop<\/h3>\n<ol>\n<li>Open Photoshop. I'm using Photoshop cs3 for this example.<\/li>\n<li>Open your document or create a new one.<\/li>\n<li>Let's create a text element we can center.<\/li>\n<li>Click the 'T' text tool and write some text in your image. I'm going to write 'image' in the text element.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_center_text.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3806\" title=\"photoshop_center_text\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_center_text.jpg\" alt=\"\" width=\"217\" height=\"216\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_center_text.jpg 217w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_center_text-150x150.jpg 150w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_center_text-36x36.jpg 36w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_center_text-90x90.jpg 90w\" sizes=\"auto, (max-width: 217px) 100vw, 217px\" \/><\/a><\/li>\n<li>Make sure you have the 'pointer' tool selected.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_pointer.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3807\" title=\"photoshop_pointer\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_pointer.jpg\" alt=\"\" width=\"205\" height=\"289\" \/><\/a><\/li>\n<li>Make sure you have the layer selected containing the item you want to center. In this example, I will select the layer containing the text element of the word 'image'.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_layer.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3808\" title=\"photoshop_layer\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_layer.jpg\" alt=\"\" width=\"302\" height=\"256\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_layer.jpg 302w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_layer-300x254.jpg 300w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><\/a><\/li>\n<li>In Windows press (Ctrl+A). You can do this manually by clicking on 'Select' &gt; 'All'.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_selectall.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3809\" style=\"border: 1px solid black;\" title=\"photoshop_selectall\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_selectall.jpg\" alt=\"\" width=\"478\" height=\"460\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_selectall.jpg 478w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_selectall-300x288.jpg 300w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_selectall-36x36.jpg 36w\" sizes=\"auto, (max-width: 478px) 100vw, 478px\" \/><\/a><\/li>\n<li>Click on the 'Align horizontal centers' icon at the top of the Photoshop program window.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_align_horizontal.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3810\" title=\"photoshop_align_horizontal\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_align_horizontal.jpg\" alt=\"\" width=\"304\" height=\"214\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_align_horizontal.jpg 304w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_align_horizontal-300x211.jpg 300w\" sizes=\"auto, (max-width: 304px) 100vw, 304px\" \/><\/a><br \/>\nYou text should center horizontally.<\/li>\n<li>Click the 'Align vertical centers' icon at the top of the Photoshop program window.<br \/>\n<a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_align_vertical.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3811\" title=\"photoshop_align_vertical\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_align_vertical.jpg\" alt=\"\" width=\"304\" height=\"214\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_align_vertical.jpg 304w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/photoshop_align_vertical-300x211.jpg 300w\" sizes=\"auto, (max-width: 304px) 100vw, 304px\" \/><\/a><\/li>\n<\/ol>\n<p>Your text element should now be centered.<\/p>\n<p><a href=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/centered.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3813\" title=\"centered\" src=\"http:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/centered.jpg\" alt=\"\" width=\"218\" height=\"217\" srcset=\"https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/centered.jpg 218w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/centered-150x150.jpg 150w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/centered-36x36.jpg 36w, https:\/\/2slick.com\/web\/wp-content\/uploads\/2012\/06\/centered-90x90.jpg 90w\" sizes=\"auto, (max-width: 218px) 100vw, 218px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Photoshop is an integral part of web design and blogging. Here&#8217;s how you can center text \u00a0and images easily in Adobe Photoshop. Center Image Photoshop Open Photoshop. I&#8217;m using Photoshop cs3 for this example. Open your document or create a new one. Let&#8217;s create a text element we can center. Click the &#8216;T&#8217; text tool [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3805,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,4],"tags":[437,438],"class_list":["post-3803","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-affordablewebsitestips","category-tutorials","tag-adobe-photoshop","tag-center-image"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=3803"}],"version-history":[{"count":5,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3803\/revisions"}],"predecessor-version":[{"id":3816,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3803\/revisions\/3816"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/3805"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=3803"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=3803"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=3803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}