{"id":778,"date":"2017-11-29T16:56:51","date_gmt":"2017-11-29T16:56:51","guid":{"rendered":"http:\/\/www.revolutionsincommunication.com\/viscomm\/?page_id=778"},"modified":"2026-02-10T17:43:17","modified_gmt":"2026-02-10T17:43:17","slug":"clipping-mask","status":"publish","type":"page","link":"https:\/\/revolutionsincommunication.com\/viscomm\/clipping-mask\/","title":{"rendered":"2.9 Clipping mask"},"content":{"rendered":"<p><b><a href=\"https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2017\/11\/Wall.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-789 alignright\" src=\"https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2017\/11\/Wall-300x300.jpg\" alt=\"\" width=\"163\" height=\"163\" border=\"2\" srcset=\"https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2017\/11\/Wall-300x300.jpg 300w, https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2017\/11\/Wall-150x150.jpg 150w, https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2017\/11\/Wall.jpg 360w\" sizes=\"auto, (max-width: 163px) 100vw, 163px\" \/><\/a><\/b><strong>A clipping mask <\/strong>allows one layer to show through another layer. This is especially useful as a text effect, as in this illustration. In Ex 10, w<span class=\"s1\">e we going to make a &#8220;Jewel&#8221; case for a band&#8217;s CD, which we&#8217;ll just call &#8220;The Wall&#8221;\u00a0 \u00a0\u00a0<\/span><\/p>\n<p>&nbsp;<\/p>\n<h3><span style=\"color: #993300;\"><strong>In Photoshop Or photopea.com\u00a0<\/strong><\/span><\/h3>\n<ol>\n<li class=\"p1\"><span class=\"s1\">Create a new Photoshop file 5 x 5 inches (The size of a CD case).\u00a0<\/span><\/li>\n<li class=\"p1\"><span class=\"s1\">Use text tool to write <strong>The Wall<\/strong>, make the text as large and as wide as possible in one layer. <\/span><\/li>\n<li class=\"p1\"><span class=\"s1\"><span class=\"s1\">Then open the Window &gt; Character palet \u00a0<\/span><\/span>\n<div id=\"attachment_786\" style=\"width: 210px\" class=\"wp-caption alignright\"><a href=\"https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2017\/11\/CharPalletPS.jpeg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-786\" class=\"wp-image-786\" src=\"https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2017\/11\/CharPalletPS-300x238.jpeg\" alt=\"\" width=\"200\" height=\"158\" srcset=\"https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2017\/11\/CharPalletPS-300x238.jpeg 300w, https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2017\/11\/CharPalletPS.jpeg 626w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><p id=\"caption-attachment-786\" class=\"wp-caption-text\">Character palet<\/p><\/div>\n<p>Notice we&#8217;re using Optima Extra Black font, although others could also work. We want a font with thick characters so that the image of the wall can show through.<\/p>\n<ol>\n<li class=\"p1\"><span class=\"s1\">Notice also that we are using 140 point text. The settings only go up to 72 points, but you can type in higher size numbers.\u00a0\u00a0<\/span><\/li>\n<li class=\"p1\"><span class=\"s1\">Check out the space between lines, or &#8220;leading,&#8221; which is set on &#8220;(Auto)&#8221;&#8211; This is too much space. Highlight the text layer and try a different setting, possibly 120 points, to bring\u00a0 the lines closer.\u00a0 \u00a0(Auto leading is usually about 30 percent more than the size of the type).\u00a0\u00a0<\/span><\/li>\n<\/ol>\n<\/li>\n<li class=\"p1\"><span class=\"s1\">Find an image of a stone or brick wall and put it in a layer<em> above<\/em> \u00a0the text. (Yes, above).\u00a0 (One Wikipedia Creative Commons photo of a stone wall<a href=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/2\/24\/City_wall_close.jpg\"> is here<\/a>).\u00a0\u00a0<\/span><\/li>\n<li>Be sure the text layer<em> under<\/em> the wall layer. (Yes, under).\n<div id=\"attachment_791\" style=\"width: 210px\" class=\"wp-caption alignright\"><a href=\"https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2017\/11\/Layers2Wall.jpeg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-791\" class=\"wp-image-791\" src=\"https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2017\/11\/Layers2Wall-300x267.jpeg\" alt=\"\" width=\"200\" height=\"178\" srcset=\"https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2017\/11\/Layers2Wall-300x267.jpeg 300w, https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2017\/11\/Layers2Wall.jpeg 640w\" sizes=\"auto, (max-width: 200px) 100vw, 200px\" \/><\/a><p id=\"caption-attachment-791\" class=\"wp-caption-text\">Layers pallet ready for mask<\/p><\/div>\n<ol>\n<li>Highlight the wall layer.<\/li>\n<li>It should look like the Layers pallet here:<\/li>\n<\/ol>\n<\/li>\n<li class=\"p1\"><span class=\"s1\">The layers pallet has a pull-down menu in the upper right corner.\u00a0 Pull it down and look for the command\u00a0 \u201cCreate clipping mask.\u201d \u00a0<\/span><span class=\"s1\">The bricks should come through the letters. \u00a0 <\/span><\/li>\n<li class=\"p1\"><span class=\"s1\">Save your psd file, then save it again as a jpg and post it to your site.\u00a0 \u00a0 \u00a0<\/span><\/li>\n<\/ol>\n<h3><span style=\"color: #993300;\">IN GIMP<\/span> <a href=\"https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-03-at-8.46.24-AM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-3469\" src=\"https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-03-at-8.46.24-AM-237x300.png\" alt=\"\" width=\"186\" height=\"235\" srcset=\"https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-03-at-8.46.24-AM-237x300.png 237w, https:\/\/revolutionsincommunication.com\/viscomm\/wp-content\/uploads\/2023\/10\/Screenshot-2023-10-03-at-8.46.24-AM.png 582w\" sizes=\"auto, (max-width: 186px) 100vw, 186px\" \/><\/a><\/h3>\n<ol>\n<li>Create a new .xcf file 5&#215;5 inches, 72 ppi<\/li>\n<li>Use the text tool to write &#8220;The Wall&#8221;\u00a0 in a bold font<\/li>\n<li>Top menu:\u00a0 Select \/ by Color\u00a0 &#8211; and then use the eyedropper tool. to select the text color<\/li>\n<li>In the layers menu, Create a New Layer Group and add the text layer to it.<\/li>\n<li>File \/ Open as Layers &#8211; Bring in your background layer (bricks, stones, etc).\u00a0 Move it into the Layer Group on top of the text layer.<\/li>\n<li>Using layers menu, select the Layer Group.<\/li>\n<li>Top Menu:\u00a0 Layer \/ Mask \/ Add Layer Mask and then in the dialogue box check &#8220;Selection&#8221;<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"<p>A clipping mask allows one layer to show through another layer. This is especially useful as a text effect, as in this illustration. In Ex 10, we we going to make a &#8220;Jewel&#8221; case for a band&#8217;s CD, which we&#8217;ll &hellip; <a href=\"https:\/\/revolutionsincommunication.com\/viscomm\/clipping-mask\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"full-width-page.php","meta":{"nf_dc_page":"","footnotes":""},"class_list":["post-778","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/pages\/778","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/comments?post=778"}],"version-history":[{"count":5,"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/pages\/778\/revisions"}],"predecessor-version":[{"id":4331,"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/pages\/778\/revisions\/4331"}],"wp:attachment":[{"href":"https:\/\/revolutionsincommunication.com\/viscomm\/wp-json\/wp\/v2\/media?parent=778"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}