{"id":40745,"date":"2018-09-15T03:01:27","date_gmt":"2018-09-14T17:01:27","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=40745"},"modified":"2023-03-31T12:28:52","modified_gmt":"2023-03-31T02:28:52","slug":"paintbrush-for-mac-layers-primer-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/paintbrush-for-mac-layers-primer-tutorial\/","title":{"rendered":"Paintbrush for Mac Layers Primer Tutorial"},"content":{"rendered":"<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/Mac\/layers.mp4\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"Paintbrush for Mac Layers Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/Mac\/layers.png\" title=\"Paintbrush for Mac Layers Primer Tutorial\" \/><\/a><p class=\"wp-caption-text\">Paintbrush for Mac Layers Primer Tutorial<\/p><\/div>\n<p>We&#8217;re not suggesting the image editor <a target=_blank title='Paintbrush image editor' href=\"HTTP:\/\/paintbrush.sourceforge.net\/\">PaintBrush<\/a> on a MacBook Pro can do fully what the image editor GIMP can do, as we show with <a title='Gimp Layers Primer Tutorial' href='#glpt'>Gimp Layers Primer Tutorial<\/a> below, as far as working with image layers with PNG images goes, but that is not to say you can&#8217;t work some simple layer like functionality.<\/p>\n<p>You will know if you are a regular at this blog that we are well into <a target=_blank title='Overlay blog postings here' href='https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/overlay'>&#8220;overlay&#8221;<\/a> as a web design tool.  And among our favourite web application CSS helpers here are the &#8220;usual suspects&#8221; &#8230;<\/p>\n<ul>\n<li><a target=_blank title='CSS position:absolute information from w3schools' hraef='http:\/\/www.w3schools.com\/cssref\/pr_class_position.asp'>position:absolute<\/a> property<\/li>\n<li><a target=_blank title='CSS z-index information from w3schools' href='http:\/\/www.w3schools.com\/cssref\/pr_pos_z-index.asp'>z-index<\/a><\/li>\n<li><a target=_blank title='CSS opacity property information from w3schools' href='http:\/\/www.w3schools.com\/cssref\/css3_pr_opacity.asp'>opacity<\/a><\/li>\n<\/ul>\n<p> &#8230; and we&#8217;re here to tell you today that a &#8220;layers&#8221; approach to Paintbrush for Mac PNG image editing is using these concepts, or the equivalent thereof, too.<\/p>\n<p>Still, we can model it this way, yet it is probably easier right now for you to see this in action yourself, in a video we made with QuickTime Player below &#8230;<\/p>\n<p><video style='width:100%;height:500px;' controls><source type='video\/mp4' src='http:\/\/www.rjmprogramming.com.au\/Mac\/layers.mp4'><\/source><\/video><\/p>\n<p>We hope you get to try this out for yourself.<\/p>\n<hr>\n<p id='glpt'>Previous relevant <a target=_blank title='Gimp Layers Primer Tutorial' href='\/\/www.rjmprogramming.com.au\/ITblog\/gimp-layers-primer-tutorial\/'>Gimp Layers Primer Tutorial<\/a> is shown below.<\/p>\n<div style=\"width: 230px\" class=\"wp-caption alignnone\"><a target=_blank href=\"http:\/\/www.rjmprogramming.com.au\/GIMP\/Layers\/GimpLayers.m4v\"><img decoding=\"async\" style=\"float:left; border: 15px solid pink;\" alt=\"Gimp Layers Primer Tutorial\" src=\"http:\/\/www.rjmprogramming.com.au\/GIMP\/Layers\/GimpLayers.jpg\" title=\"Gimp Layers Primer Tutorial\" \/><\/a><p class=\"wp-caption-text\">Gimp Layers Primer Tutorial<\/p><\/div>\n<p>Here is a tutorial that gives you an insight into the massive possibilities of using a sophisticated image editor and use layers with various amounts of transparency, especially suited to use with png image files.<\/p>\n<p>Transparency (or its obverse, opacity) can be used to have the one image achieve several &#8220;ends&#8221; (ie. purposes).  Although it is a bit of a clumsy example in the tutorial, you can see that the technique can be used for artistic purposes &#8230; often called &#8220;Photoshopping&#8221; (named after the more famous, and also brilliant, rival product, Photoshop).<\/p>\n<p>Lots of those classic &#8220;Photoshopping&#8221; techniques can be achieved in Gimp, and some other <a target=_blank title='Gimp tutorials here' href='http:\/\/www.rjmprogramming.com.au\/wordpress\/?cat=4'>tutorials<\/a> at this blog touch on that.<\/p>\n<p>Am sure you can imagine what the concept of a layer is with regard to image manipulation.   Within Gimp, for beginners not used to this concept, you find yourself underestimating and underplaying what can be achieved with the various layers of a multi-layered image.   In simplistic terms each layer has the functionality in Gimp to be treated as a whole new image, and this is the best way to think of it when trying to achieve what you want to achieve with Gimp.<\/p>\n<p>Link to Gimp &#8220;spiritual home&#8221; &#8230; <a target=_blank href='http:\/\/www.gimp.org' title='Gimp'>here<\/a>.<br \/>\nLink to Gimp forum &#8230; <a target=_blank href='http:\/\/gimpforums.com\/' title='Google Geo Charts'>here<\/a>.<\/p>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d5366' onclick='var dv=document.getElementById(\"d5366\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"http:\/\/www.rjmprogramming.com.au\/wordpress\/?cat=4\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d5366' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n<hr>\n<p>If this was interesting you may be interested in <a title='Click here to see topics in which you might be interested' href='#d40745' onclick='var dv=document.getElementById(\"d40745\"); dv.innerHTML = \"&lt;iframe width=670 height=600 src=\" + \"https:\/\/www.rjmprogramming.com.au\/ITblog\/tag\/paintbrush\" + \"&gt;&lt;\/iframe&gt;\"; dv.style.display = \"block\";'>this<\/a> too.<\/p>\n<div id='d40745' style='display: none; border-left: 2px solid green; border-top: 2px solid green;'><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We&#8217;re not suggesting the image editor PaintBrush on a MacBook Pro can do fully what the image editor GIMP can do, as we show with Gimp Layers Primer Tutorial below, as far as working with image layers with PNG images &hellip; <a href=\"https:\/\/www.rjmprogramming.com.au\/ITblog\/paintbrush-for-mac-layers-primer-tutorial\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,29,37],"tags":[590,591,686,725,876,894,896,1321],"class_list":["post-40745","post","type-post","status-publish","format-standard","hentry","category-elearning","category-operating-system","category-tutorials","tag-image","tag-image-editing","tag-layer","tag-mac-os-x","tag-opacity","tag-overlay","tag-paintbrush","tag-tutorials"],"_links":{"self":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/40745"}],"collection":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/comments?post=40745"}],"version-history":[{"count":8,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/40745\/revisions"}],"predecessor-version":[{"id":58834,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/posts\/40745\/revisions\/58834"}],"wp:attachment":[{"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/media?parent=40745"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/categories?post=40745"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rjmprogramming.com.au\/ITblog\/wp-json\/wp\/v2\/tags?post=40745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}