tag:blogger.com,1999:blog-17775521679022671712024-02-21T23:47:00.057-08:00Gimp Science LabsWelcome To The Next Level.Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.comBlogger165125tag:blogger.com,1999:blog-1777552167902267171.post-57365394847986729472021-01-02T14:49:00.006-08:002021-12-01T16:59:11.920-08:00Rocket Ride<div>This didnt make it, because..... XD</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://i.imgur.com/bntpi4J.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="327" data-original-width="281" src="https://i.imgur.com/bntpi4J.png" /></a></div><div><br /></div><div style="text-align: center;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNIDiWCQKxnb9mLkGULtWryiV7Aq8YjrHmIp0PsWXSkF-rlaF7aC5TJMZq7thjT0lZCWl83FzUWPOgD8FigkAsexOXL_X_O5dlYAv3xgnETqF8bWpUInYKJkJlmNUXEUuUTlhQcMSA-pUb/w596-h640/Esper+Text+italic+Grid.png" /></div><div style="text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcOq4eJhFMpJs940Z2V_RVMM2CXeMIl3SnMuEascOJDj-Hxy8JIqtPl0CJnkmkLSecBXVpelX6B4dEfkRo5siYUFvMUwVj2G5cSBGpkm4OM4j5tbv1m10e0egHKoP_YnrH_u9Ma_Xg8x7T/s1017/italicrockets.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="800" data-original-width="1017" height="504" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcOq4eJhFMpJs940Z2V_RVMM2CXeMIl3SnMuEascOJDj-Hxy8JIqtPl0CJnkmkLSecBXVpelX6B4dEfkRo5siYUFvMUwVj2G5cSBGpkm4OM4j5tbv1m10e0egHKoP_YnrH_u9Ma_Xg8x7T/w640-h504/italicrockets.png" width="640" /></a></div>Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-15541396912663758312021-01-01T05:12:00.006-08:002021-01-01T11:54:44.389-08:00Custom Type<div class="separator" style="clear: both;">Chrome effect made with a plug-in called Eye Candy.<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBCLviGhvjLO23McafYd1z2lPFII_z9K3O49dGwlseOuzFTgWoykma24EW1vxpKVCiO8DTJ4IjAohCPGte2f0Hno1kkeAMttlIsYmkSOcRZrl5IZGfi3m1VFQb2Cva4PxR18MXshwyEMyB/s0/Candy-Vision.jpg" style="display: block; padding: 1em 0px; text-align: center;"><img alt="" border="0" data-original-height="310" data-original-width="900" height="220" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBCLviGhvjLO23McafYd1z2lPFII_z9K3O49dGwlseOuzFTgWoykma24EW1vxpKVCiO8DTJ4IjAohCPGte2f0Hno1kkeAMttlIsYmkSOcRZrl5IZGfi3m1VFQb2Cva4PxR18MXshwyEMyB/w640-h220/Candy-Vision.jpg" width="640" /></a>This is the original doodle</div><div class="separator" style="clear: both;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhClxO-IyQIjOcU-QfxnzwOqFXXFuw8uGLsBgSdoByvix_cdm7UAbUxCq1XxyTCt5Ald9OxhGKe6GNY2ko07f6bxhqW00dfRbV-QEWWgVQ0BSAqkAQeNHlpozhP4X9d3skW8V1FBGB73uEU/s702/VisionScan_img504.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="289" data-original-width="702" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhClxO-IyQIjOcU-QfxnzwOqFXXFuw8uGLsBgSdoByvix_cdm7UAbUxCq1XxyTCt5Ald9OxhGKe6GNY2ko07f6bxhqW00dfRbV-QEWWgVQ0BSAqkAQeNHlpozhP4X9d3skW8V1FBGB73uEU/w640-h264/VisionScan_img504.jpg" width="640" /></a></div><div><br /></div><div><br /></div>And here is some custom type i was working on for some Roy Batty/Blade Runner themed safehaven style thing last summer. Then i went out of steam and decided i wanted a different wording.<div>So this is still work in progress.<br /><div>Even did one of those star thingies he always adds to his designs (although i think tribals are bad taste, lol).<br /><div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEAXyQr_5Wk8tM7zeLlmE3gfgFThYCcbWhnMU8v8fu3uHrUvrWHTABJs5z_iNDaz1D4YFcvAJ0wNIuTsUPl9TzazN3zke89QovQ50PdmZQhRCvDaB8kBUsos-xuJKubZDIF4ncNlMtiM_g/s1848/C-Beams.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1848" data-original-width="1000" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEAXyQr_5Wk8tM7zeLlmE3gfgFThYCcbWhnMU8v8fu3uHrUvrWHTABJs5z_iNDaz1D4YFcvAJ0wNIuTsUPl9TzazN3zke89QovQ50PdmZQhRCvDaB8kBUsos-xuJKubZDIF4ncNlMtiM_g/w346-h640/C-Beams.jpg" width="346" /></a></div><br />Finally something i doodled over 20 years ago. </div><div class="separator" style="clear: both; text-align: left;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ7dhBtuvuJXLAoYmTDRYYtdo8IH0JYaJM7jeez38riQ7aLID1tFM083PDuScrl5-cIza9tlFcSw3SXuD7m0cggynujAn1IYxdSnjYrRb0-ctLSObx4iXJ7A3TMZi3XbEOBYh4NfTjAJHq/s653/Psyko2.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="653" data-original-width="560" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ7dhBtuvuJXLAoYmTDRYYtdo8IH0JYaJM7jeez38riQ7aLID1tFM083PDuScrl5-cIza9tlFcSw3SXuD7m0cggynujAn1IYxdSnjYrRb0-ctLSObx4iXJ7A3TMZi3XbEOBYh4NfTjAJHq/w343-h400/Psyko2.jpg" width="343" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div>Still cant decide if i want it like this or in a more "quantised" fashion, with straight lines and everything geometric. This dilemma is really the main reason why im struggling with vectorising my old drawings.<div><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3-kx7bLoUzQ-j-F1X0GHrn4EoBDakjXG3yzJbK11I3iSOzVOGaFyWpyBpFftxusPD8ltEn8ORQdkugzMtOJ9ACb7FpYFim7gQwcAjDG5zMlh_7qB4JkqN-EPdtyG23WIs6nFAn-Q7BTF_/s544/Example2+-+Grid+method.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="544" data-original-width="475" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3-kx7bLoUzQ-j-F1X0GHrn4EoBDakjXG3yzJbK11I3iSOzVOGaFyWpyBpFftxusPD8ltEn8ORQdkugzMtOJ9ACb7FpYFim7gQwcAjDG5zMlh_7qB4JkqN-EPdtyG23WIs6nFAn-Q7BTF_/w349-h400/Example2+-+Grid+method.png" width="349" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlvTtkmBdDeyPEx5yVHO_bysGkmrnUxuaI6t2uPiOR9b6Xj5L0ouYjatlcekHIgM94rq3nFOjd-BcWInvuBzs3khh8KLProypppdQYLLhgdpZQHEZn-84JW84AR2A-tXBOYhE7BFdhsT_G/s653/Psyko2Candy.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="653" data-original-width="259" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlvTtkmBdDeyPEx5yVHO_bysGkmrnUxuaI6t2uPiOR9b6Xj5L0ouYjatlcekHIgM94rq3nFOjd-BcWInvuBzs3khh8KLProypppdQYLLhgdpZQHEZn-84JW84AR2A-tXBOYhE7BFdhsT_G/s16000/Psyko2Candy.png" /></a></div><div class="separator" style="clear: both; text-align: center;"><br /></div></div></div>Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-25109547453447348432020-08-19T12:57:00.000-07:002020-09-11T13:20:19.242-07:00Bevel Tech 3000Trying a few things with custom logotype in Inkscape and colourchroming in Gimp.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0iwnUwOGE6efcSHXRrstj-vfLcS_nqu8h6eNnzTrjxOq2Tmcq2c4W3K8adQXXj5AK6uqhKMDgG8Sisr0VEMo0I5GVVnm5HIxMngNZdN1aIDTCd0ToO1YHwU2vQCHMbjgoMtQ1dFNlU3cH/s1600/GradientBevel2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1066" data-original-width="836" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0iwnUwOGE6efcSHXRrstj-vfLcS_nqu8h6eNnzTrjxOq2Tmcq2c4W3K8adQXXj5AK6uqhKMDgG8Sisr0VEMo0I5GVVnm5HIxMngNZdN1aIDTCd0ToO1YHwU2vQCHMbjgoMtQ1dFNlU3cH/s640/GradientBevel2.png" width="500" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Another one after the jump.<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9BoiNeuKtyk0Hx5D06PrrfPlVSrlYRCDL7NG01OCQrDQSSSpjycXQyOaNuO93unwGvoXZbWfXx2NPynJiLZ1f4i2cp7IxWSk90QsLjXJSWUud2BzqjPE61hhZ5MlXhlsRr9BLMlCRTD8r/s1600/OuterBevel2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"></a></div>
<a name='more'></a><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9BoiNeuKtyk0Hx5D06PrrfPlVSrlYRCDL7NG01OCQrDQSSSpjycXQyOaNuO93unwGvoXZbWfXx2NPynJiLZ1f4i2cp7IxWSk90QsLjXJSWUud2BzqjPE61hhZ5MlXhlsRr9BLMlCRTD8r/s1600/OuterBevel2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><br /><img border="0" data-original-height="320" data-original-width="840" height="242" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9BoiNeuKtyk0Hx5D06PrrfPlVSrlYRCDL7NG01OCQrDQSSSpjycXQyOaNuO93unwGvoXZbWfXx2NPynJiLZ1f4i2cp7IxWSk90QsLjXJSWUud2BzqjPE61hhZ5MlXhlsRr9BLMlCRTD8r/s640/OuterBevel2.png" width="640" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
Here is a little monologue, that does not <i>directly </i>explain how i made the colourchrome, but might teach you a new trick how to seperate bumpmapped objects into a shadow and a highlight:<br />
<br />
i had a look at Jonathan Stipe's layerfx <b>script</b>, which is different from the python version in that it has no preview and creates the final highlight and shadows output as layers with masks.<br />
<br />
The bumpmap is built by shrinking the selected text and filling it with greyscale, very similar to a heightmap.<br />
<br />
Its then bumpmapped into a 50% grey (#808080) layermask, that is attached to the highlight/shadow colour layer.<br />
<br />
To seperate this bumpmapped layermask into shadow and highlight, it uses a Levels adjustment, with the white/blackpoint setting the 50ies grey to black and reversing the Output on the shadowmask.<br />
<br />
This is a very neat trick !<br />
Not in a million years would i have thought you could cross those little sliders.<br />
<br />
<br />
How do i know all of this you ask ? Look <a href="https://www.gimp-forum.net/Thread-Translating-scripts-back-into-steps"><span style="color: #e06666;">here</span></a>.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoe5JC9vUvEoM5nimjx-j4UGEKywJ7fOx48Ur9M-uTFfIK_OWy_2RkbbpR1sFnyZltgBNGq5SEhERUudH-1daZk09dDsSBX2jg9uusjTLl9BfmizfVnomrEYqKGUVXChRvD7OcHOZAD0jo/s1600/seperationTechnique.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1155" data-original-width="912" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoe5JC9vUvEoM5nimjx-j4UGEKywJ7fOx48Ur9M-uTFfIK_OWy_2RkbbpR1sFnyZltgBNGq5SEhERUudH-1daZk09dDsSBX2jg9uusjTLl9BfmizfVnomrEYqKGUVXChRvD7OcHOZAD0jo/s640/seperationTechnique.jpg" width="504" /></a></div>
<br />
For my colourchrome, i used RobA's 'Chisel or carve' script, which makes use of the same heightmap technique as layerfx to create the bumpmap.<br />
On this greyscale layer, you can apply curves to give it the desired custom<span style="color: #6fa8dc;"> <a href="http://gimp-science-labs.blogspot.com/2013/07/chrome-curves.html"><span style="color: #6fa8dc;">'Gloss Contour' (Ring)</span></a></span> and after seperating shadows and highlights, use it as layermasks.<br />
<br />Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-36673859200171241362020-07-17T14:25:00.002-07:002020-09-11T13:20:19.782-07:00Future Refractions 2049<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEjRSQ4_roeGY0eof-nGrxvIEQFTH-k2g80CoC78eHhcBtjGC8hk7te8Y4AdXKEiiscwCXzLxK9S1sA562g-kSBfwpWOSYL0vVnlZ9OmQhUWWwTKcsZ4-IY_oZN9ckKtIOkgO-blyqyf9I/s1600/efractions2049EDIT4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="1400" height="274" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEjRSQ4_roeGY0eof-nGrxvIEQFTH-k2g80CoC78eHhcBtjGC8hk7te8Y4AdXKEiiscwCXzLxK9S1sA562g-kSBfwpWOSYL0vVnlZ9OmQhUWWwTKcsZ4-IY_oZN9ckKtIOkgO-blyqyf9I/s640/efractions2049EDIT4.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Revisited the existing effect which was inspired by the <a href="https://64.media.tumblr.com/5715bfcb9f53deb241dcdd8eb6a47366/tumblr_p1omr9WG5m1uzaoxdo1_1280.gif"><span style="color: #e06666;">water reflections</span></a> in Blade Runner (both Tyrell and Wallace Corp. offices) and added a Nobu Design pattern, which is kind of similar to the Ennis House tiles.<br />
<br />
Still work in progress, i think.<br />
<br />
<a name='more'></a><br />
<br />
At first i tried to make the pattern in Inkscape with the tiled clones dialogue, only to find out that all the edges had partial transparency, which made it look blurry.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKfKr042A9p_-WozQJ0bk27KAkyNmR5GZwtFnZGtBQW0256Wy1UpMlBthj-_o1gAH82oYcxUAQeIW-NwScZKDxSYt9Z-f8iwQ4EMuL6_1sN8yYhuRSBGEQPdGCGMPy5A5dogBoAYi835aO/s1600/halfapixel.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="507" data-original-width="885" height="366" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKfKr042A9p_-WozQJ0bk27KAkyNmR5GZwtFnZGtBQW0256Wy1UpMlBthj-_o1gAH82oYcxUAQeIW-NwScZKDxSYt9Z-f8iwQ4EMuL6_1sN8yYhuRSBGEQPdGCGMPy5A5dogBoAYi835aO/s640/halfapixel.jpg" width="640" /></a></div>
<br />
This was because i used a strokewidth with decimal values. Obviously this can only be represented as a fake half pixel (aka transparency), because there is no such thing as half a pixel.<br />
So the problem with this pattern is that you can only use even numbers for the strokewidth (2,4,6, etc.) if you want crisp lines and some of them are too big for the effect i wanted.<br />
I had hoped this would be a simple one-click effect (minus setting up the tiled clones values), with the option to export at whatever resolution i needed but in the end it was much easier to build with the Rectangle Tool in Gimp.<br />
<br />
Next problem was how to make it distribute evenly, so it lines up with the imagesize of the center element.<br />
I solved this by scaling the pattern to fit, which means its slightly deformed but you dont notice because its so subtle.Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-81492195189649240932020-07-03T04:06:00.002-07:002020-09-11T13:20:22.045-07:00Holographic Snakes<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRcUe9UUg1cql4sbvhA6qPAOwc1BiTqfHYjd68lcr4MbplTpzSmIF981x9NA8yGz2yj9RF7kXUkfqKZvS_w77pJCatYZ7EZ5LXaowIJPEHp6p9_iQ3Ym8yHhCrkg7_i29VCA1BWhAwzj3m/s1600/HolosnakesV2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="599" data-original-width="931" height="410" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRcUe9UUg1cql4sbvhA6qPAOwc1BiTqfHYjd68lcr4MbplTpzSmIF981x9NA8yGz2yj9RF7kXUkfqKZvS_w77pJCatYZ7EZ5LXaowIJPEHp6p9_iQ3Ym8yHhCrkg7_i29VCA1BWhAwzj3m/s640/HolosnakesV2.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Inspired by a post from the AI subreddit.<br />
The idea is to use text as a pattern (along path) so it warps better to the curvature, which i combined with trendy "unicorn" (oilspill / soapbubble) colours, an irisdescent pattern overlay and more plastic wrap texture.<br />
<br />
For a different version look below.<br />
<br />
<a name='more'></a><br />
The lighting effect was made with G'MIC but the filter blows out the antialiasing too much.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr5_ver4QCzSmG9xvzyFOLWDHdtKTFSKCAicNabYwd_-bca30b2hbsAZ6j4xmlqWAu_3qjoCLRBEt-xivEiGz6Ua9Fnr4U4TBKwE-egfL8kSNCpzbOELzuvlflMgIwyFRLtpRBX_RpP64d/s1600/Catterpillar.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="707" data-original-width="637" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr5_ver4QCzSmG9xvzyFOLWDHdtKTFSKCAicNabYwd_-bca30b2hbsAZ6j4xmlqWAu_3qjoCLRBEt-xivEiGz6Ua9Fnr4U4TBKwE-egfL8kSNCpzbOELzuvlflMgIwyFRLtpRBX_RpP64d/s640/Catterpillar.jpg" width="576" /></a></div>
<br />Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-68279659408838203212020-06-30T01:06:00.000-07:002020-09-11T13:20:21.214-07:00Two Rings, One Pattern<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFsm3iEUrKHa5r71rnrs14OJ5Z95rciWB-42bjWN-3xhjdFCviS0bbM-BuB4b3a9ZAHkEhnZO_4qaNT9UQzEh9T4ddaDaJQJkhbf9kMh48IsgzanTzCaVu8_f1F8ADtI1GWJRLT1vmCFUg/s1600/MeltedRingsVX.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="964" height="596" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFsm3iEUrKHa5r71rnrs14OJ5Z95rciWB-42bjWN-3xhjdFCviS0bbM-BuB4b3a9ZAHkEhnZO_4qaNT9UQzEh9T4ddaDaJQJkhbf9kMh48IsgzanTzCaVu8_f1F8ADtI1GWJRLT1vmCFUg/s640/MeltedRingsVX.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
I made the rings on day one and added the rest on the following day.<br />
Put a lot of trends, i've seen on the YT channels im subscribed to, into the piece (cyberpunk neon-colours, white text in a clean modern font, glitch effects, echo-text and vertical typography), while keeping a minimalistic look that follows a grid layout.<br />
After a lot of editing and refining, i also made a melting version you can see here. This one was really tough to get right. The smaller pattern on the upper ring changed the colours visually too much, so i made both patternfills the same size.<br />
I also wanted to integrate the melting effect into the rings, without overdoing it and getting the balance right, required a lot of attempts.<br />
<br />
For the original, look below.<br />
<br />
<a name='more'></a><br />
Some of the lines might look a little blurry. I think its because the paths are not snapping to the pixelgrid, but as far as im aware, theres nothing i can do. I tried the pixel snap Extension and snapping to guides that i edited to full values without decimals, but it did not get better.<br />
<br />
Everything except the Turing Pattern was made in Inkscape. I used samj's Turing plug-in and traced it in Inkscape. The acid rain was added with the G'MIC Pixel Sort filter.<br />
<br />
For a third edit, i remade the text and deco elements in Affinity Designer and i think it looks a bit less blurry, thanks to an enforced pixelsnap option build into the program.<br />
<br />
Currently the Turing Pattern effect is making rounds all over the internet, so now you can get a free download of 13 different patterns from <a href="https://blog.spoongraphics.co.uk/freebies/download-my-free-collection-of-organic-turing-patterns"><span style="color: #e06666;">Spoongraphics</span></a>.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_gZM4iA6YnKP2-7tOJt1NkR8OKS4yAO7lqex6jZMOCOJXFa5VU5P5kP6F4y2RfShrjNWA2G0nvxTKCkT4JNow0U0NQ76uBppXUHgzkJxaTGbMmArnPLtunOzzCNwLOfp96_WVA7DgcR3N/s1600/Two+Rings%252C+One+Pattern+V5.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" data-original-height="900" data-original-width="964" height="596" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_gZM4iA6YnKP2-7tOJt1NkR8OKS4yAO7lqex6jZMOCOJXFa5VU5P5kP6F4y2RfShrjNWA2G0nvxTKCkT4JNow0U0NQ76uBppXUHgzkJxaTGbMmArnPLtunOzzCNwLOfp96_WVA7DgcR3N/s640/Two+Rings%252C+One+Pattern+V5.jpg" width="640" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Original Version</td></tr>
</tbody></table>
Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-67055581862143117302020-06-24T17:30:00.001-07:002020-09-11T13:20:21.130-07:00Quick, modern & abstract<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR7Fbn4ZS1AEspFuPQtBQ3NqeisweGih6nPdpnOaehf6bT16ehy-JeFRllD8p1rB8axB6cYZKOyAxVQytVrPcvF68Er1k7ZrwiHki0Eig2vfgHe72Desjbji8LhW2w7_8AHPXrVtyuyfPh/s1600/AbstractERTut.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="800" data-original-width="800" height="512" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiR7Fbn4ZS1AEspFuPQtBQ3NqeisweGih6nPdpnOaehf6bT16ehy-JeFRllD8p1rB8axB6cYZKOyAxVQytVrPcvF68Er1k7ZrwiHki0Eig2vfgHe72Desjbji8LhW2w7_8AHPXrVtyuyfPh/w512-h512/AbstractERTut.jpg" width="512" /></a></div>
<br />
Im following a bunch of YT channels to help me crawl out of my graphics design burn-out.<br />
<br />
<a name='more'></a>There is one particular channel with daily videos and the artist is using a lot of stock images, which is a somewhat alien thought to me, because im obsessed with the idea i must create everything myself.<br />
Another fixation that blocks my creativity, but its probably the reason why this guy is capable of doing one or two videos a day, while i need usually a couple of days for a single piece of art.<br />
<br />
This channel also features a lot of stuff that is very trendy at the moment:<br />
plastic wrap textures, rainbowchrome, recordcoverdesign, surreal imagery and melting/warped texteffects, etc.<br />
<br />
So i recreated one of the pieces i watched recently and added my own spin to it, while still maintaining the key elements (abstract design with vertical text).<br />
The circles with the tail were made in Inkscape, while the texture and filtering were added in Gimp/GMIC.<br />
Took me under an hour to make, but i find the result very pleasing and encouraging to make more.<br />
<br />
<br />Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-54384526789563242352020-05-16T02:36:00.001-07:002020-09-11T13:20:20.505-07:00Projection<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWVG8UJ7eUgFh_50KXoajUbiqezZPkbJOQsYbaBMQeX56iyRgo52CJCXkHQeXd5D3hkMV6mfRgG6XevetBVIpCsmw7VRykj_kALPht86W2csDUo80FUByjNUWVZpHkmfBLOl4Na8_EQN6C/s1600/Projection.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="500" data-original-width="1000" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWVG8UJ7eUgFh_50KXoajUbiqezZPkbJOQsYbaBMQeX56iyRgo52CJCXkHQeXd5D3hkMV6mfRgG6XevetBVIpCsmw7VRykj_kALPht86W2csDUo80FUByjNUWVZpHkmfBLOl4Na8_EQN6C/s640/Projection.png" width="640" /></a></div>
<br />
Little exercise in isometric design. Easy to do in Inkscape with the Isometric Projection Extension.<br />
<br />Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-43703821607936030002019-10-12T16:29:00.000-07:002020-09-11T13:20:20.075-07:00Icelandian Startrails<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbL15YyB_trVuDtJtb_MzU9wS3_-mJSxWk1O5iioJ5HxzinZh2DHPabnHu1OBlzruqU1pdd5KsTf6ZTWZ5ZLU-pAcC_8rD2A6uF4TlOWOxFDkicbtWcH8xpVIsBC-A1hTBrv3XiQ0M-_6L/s1600/Bj%25C3%25B6rk+Startrail+Badge+Colourfix+red+filteredV3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="698" data-original-width="1050" height="424" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbL15YyB_trVuDtJtb_MzU9wS3_-mJSxWk1O5iioJ5HxzinZh2DHPabnHu1OBlzruqU1pdd5KsTf6ZTWZ5ZLU-pAcC_8rD2A6uF4TlOWOxFDkicbtWcH8xpVIsBC-A1hTBrv3XiQ0M-_6L/s640/Bj%25C3%25B6rk+Startrail+Badge+Colourfix+red+filteredV3.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZeOlMIuImLSbnrIIq2wVthZLHBmrYbOVFEJajTHCkxncYcUCjfmdznHxvFlQx-vz9InQo5B-1io1Lq8eopVAfLshTcj27vSXUqo_LeJZavRD8yU46xZRHA2wvsJYXW3P0UPvtlo9yHybH/s1600/Bj%25C3%25B6rk+Startrail+Badge+Colourfix+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="698" data-original-width="1050" height="424" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZeOlMIuImLSbnrIIq2wVthZLHBmrYbOVFEJajTHCkxncYcUCjfmdznHxvFlQx-vz9InQo5B-1io1Lq8eopVAfLshTcj27vSXUqo_LeJZavRD8yU46xZRHA2wvsJYXW3P0UPvtlo9yHybH/s640/Bj%25C3%25B6rk+Startrail+Badge+Colourfix+2.png" width="640" /></a></div>
<br />
This little badge design is based on something i saw on one of Björk's 'Debut' era (ca. 1993) releases.<br />
I guess it was supposed to be <a href="https://img.discogs.com/U7ArwENvH4Wtsv7pqjOwCSPcAWA=/fit-in/588x587/filters:strip_icc():format(jpeg):mode_rgb():quality(90)/discogs-images/R-1059533-1232148275.jpeg.jpg"><span style="color: #e06666;">Björk's logo</span></a>: the letter B in a cool foreign looking alphabet/techno design, with the repeating gradient background in earthy browntones and a startrail on top.<br />
<br />
Especially the startrail seemed like a nice idea for another brush dynamics tutorial, so i began exploring.<br />
<br />
It went all well until i tried to add a stroke to the stars, which just didnt look good because small selections converted by Gimp into a path, do not result in very accurate paths. Especially the smaller stars looked more like little blobs with all sharp points gone.<br />
<br />
So i switched to Inkscape and tried to recreate the startrail effect only to discover that its a lot harder than expected and gave up after banging my head against a wall for hours.<br />
<br />
Last week i gave it another try and this time i got it working.<br />
<br />
Not only was i able to delve deeper into designs with gradients, i also figured out how to make a vector startrail.<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
So after the jump i present to you, two techniques of making a startrail.<br />
First in Gimp and then in Inkscape.<br />
<br />
<a name='more'></a><br />
Lets start with Gimp:<br />
Convert a circular selection into a path, then delete all the nodes and segments you dont need.<br />
Its probably a good idea to do this on a duplicate, so you have a full circle backup for the decoration phase later.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgycxkRwsyXFh7uWK5IfPputL3GEw6QkABUvW1nyZXVJds96CL3PrqwW2imqSj3T2mf3KrRDQS_HJOiW7rpMbk5sTClcazCcuNI6iyphz7gZ__l3rgDYD2QToeljkGVYTbWr2c2fnynRHM7/s1600/01.+Cut+Path.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="642" data-original-width="642" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgycxkRwsyXFh7uWK5IfPputL3GEw6QkABUvW1nyZXVJds96CL3PrqwW2imqSj3T2mf3KrRDQS_HJOiW7rpMbk5sTClcazCcuNI6iyphz7gZ__l3rgDYD2QToeljkGVYTbWr2c2fnynRHM7/s400/01.+Cut+Path.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
A starbrush can easily be made with Gimp's parametric brush feature.</div>
<div class="separator" style="clear: both; text-align: left;">
The great thing about the parametric brush editor is: its vector based.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
In the brushes panel, click the little button at the bottom that says 'Create New Brush'.</div>
<div class="separator" style="clear: both; text-align: left;">
The Brush Editor pops open.</div>
<div class="separator" style="clear: both; text-align: left;">
Give it a name, choose the Diamond shape at a size of, say, a 100, crank up the 'Hardness' to 99 so it has a tiny amount of Blur (which is better for scaling), set the Spikes to 5 and the Angle to 17°, so its upright. For the Aspect Ratio i used 2,5 (matter of taste) and a standard Spacing of 100.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwavEKx5xXq2RYQ4mNpgcZhn6IJyWNkL4S9Eqgooi9yiCnzND3wDhvWF4iiIgAMQpOSa5EJAO4dToElrxaMHq_kk7fkftnj8ffF5W4S9UBCH2jh8DYCmM26WA6Oc8bYLKc_i4tQ5VJspkL/s1600/02.+Parametric+Brush.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="527" data-original-width="290" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwavEKx5xXq2RYQ4mNpgcZhn6IJyWNkL4S9Eqgooi9yiCnzND3wDhvWF4iiIgAMQpOSa5EJAO4dToElrxaMHq_kk7fkftnj8ffF5W4S9UBCH2jh8DYCmM26WA6Oc8bYLKc_i4tQ5VJspkL/s400/02.+Parametric+Brush.png" width="220" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
For the first teststroke, go to the Paths Tab, make sure the arc is highlighted and click on the Stroke Path button at the bottom of the tab. In the menu we want the 'Stroke with a paint tool' option, plus the 'emulate brush dynamics' checkbox ticked.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZnE_z4uFsdEpSlzoyIZHKJ2vYILa5do1Cq33jZtyNUngOhg-ggESBjH9oaVCyQN6oNsTGLuoGtkrRakoVtaKzOyLej3sSDCxhg2rJRZevrcrjTwCnLvmcjl5RXkZ0mu9uA1NRpnQEsvf6/s1600/2a.+Stroke.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="528" data-original-width="740" height="456" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZnE_z4uFsdEpSlzoyIZHKJ2vYILa5do1Cq33jZtyNUngOhg-ggESBjH9oaVCyQN6oNsTGLuoGtkrRakoVtaKzOyLej3sSDCxhg2rJRZevrcrjTwCnLvmcjl5RXkZ0mu9uA1NRpnQEsvf6/s640/2a.+Stroke.png" width="640" /></a></div>
<br />
Adjust the Brushsize (i used 52px) and the Spacing.<br />
At Spacing 100 there will be no gaps between the bounding boxes of each star, so lets try 135 which means 35% of the star's size will be used as space between brushstrokes.<br />
This is the result:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTxQPAs60cMhPbTE5wihlu3_bec1hOdrNKOEypYZaLGlFT03O1bq47eAUP7D0f35eCcMZrA7_LH3EH07MWtpcRWF0VqI7nGzG4xnoH3VbqLtXs6yr6rS-J9a_B9BUt6W3io2zN_uzRWh4I/s1600/03.+Teststroke.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="640" data-original-width="640" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTxQPAs60cMhPbTE5wihlu3_bec1hOdrNKOEypYZaLGlFT03O1bq47eAUP7D0f35eCcMZrA7_LH3EH07MWtpcRWF0VqI7nGzG4xnoH3VbqLtXs6yr6rS-J9a_B9BUt6W3io2zN_uzRWh4I/s400/03.+Teststroke.png" width="400" /></a></div>
<br />
Now how do we make the stars smaller with each brushstroke ?<br />
This is where the Size brush dynamic comes into play ! What we need is the 'Fade' option.<br />
Fade sets the distance in pixels over which the Brush Strokes are applied.<br />
<br />
But how do we figure out the length of our arc ?<br />
Install <span style="color: #e06666;"><a href="https://sourceforge.net/projects/gimp-path-tools/files/scripts/"><span style="color: #e06666;">ofn-path-edits plug-in</span></a> </span>!<br />
<br />
This plug-in has many uses, what we are interested in right now is the path-summary (for a full explanation check the documentary).<br />
The path length is displayed in the middle of the plug-in message.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcUqtn-fzFGVK8DZBfrAeqanIVsAWNYCWpvPEWtPHey8Bc3Ld3OF_6hsHEK-wtzTH10YCoHLI0FZvebtErIUGzsbtr77J6OYCBRoe8wRrkehwj56s1UnDXSMpuaLE6hOfx14Ug4cGT1Mf_/s1600/04.+Path+Summary.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="827" data-original-width="826" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcUqtn-fzFGVK8DZBfrAeqanIVsAWNYCWpvPEWtPHey8Bc3Ld3OF_6hsHEK-wtzTH10YCoHLI0FZvebtErIUGzsbtr77J6OYCBRoe8wRrkehwj56s1UnDXSMpuaLE6hOfx14Ug4cGT1Mf_/s640/04.+Path+Summary.png" width="638" /></a></div>
<br />
Create a new brush dynamic or use the 'All Purpose' as shown in the <span style="color: #6fa8dc;"><a href="http://gimp-science-labs.blogspot.com/2019/01/how-to-make-custom-brush-dynamic-for.html"><span style="color: #6fa8dc;">Bokeh tutorial</span></a> </span>.<br />
<br />
Because we dont want any tiny stars, i limit the Size curve to approx 35% (remember one square represents 12,5%).<br />
<br />
In the Paintbrush Tool Options, set the 'Fade length' to the value we got from the Path summary Message.<br />
<br />
Make a teststroke, undo and then decrease the Fade until the biggest star lines up nicely with the start of the path. In this case its half the brushsize (676 minus 52/2 = 650).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1wfYbqssZ3-a4d1xi7R1fV7UAZoIJu7ukSrYec9FECk9bcMTT9eS_XEF3urivWxjddW_V9vKnZS66bjyKniYZh4bmw4Af7KwXo9Q1TPS_tKq6AXXUk1oFGo5F0kE5n55YDiDKMmA7T5X3/s1600/05.+Test+1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="681" data-original-width="1137" height="382" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1wfYbqssZ3-a4d1xi7R1fV7UAZoIJu7ukSrYec9FECk9bcMTT9eS_XEF3urivWxjddW_V9vKnZS66bjyKniYZh4bmw4Af7KwXo9Q1TPS_tKq6AXXUk1oFGo5F0kE5n55YDiDKMmA7T5X3/s640/05.+Test+1.png" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC2iuZowln5XQvdQdy7hlFIDQ3MqMMM1fh5v6c4basULFSS2E3Ga9s6PumBHpCEYyPPYnrOwvydMb-6EDwBKr1rhYvWG37bgnIFL4lCJIVAS0-5ICUrOfHLlHpdOZ5jMQ-wTZLhyphenhyphenmR0Vvl/s1600/06.+test+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="681" data-original-width="1137" height="382" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjC2iuZowln5XQvdQdy7hlFIDQ3MqMMM1fh5v6c4basULFSS2E3Ga9s6PumBHpCEYyPPYnrOwvydMb-6EDwBKr1rhYvWG37bgnIFL4lCJIVAS0-5ICUrOfHLlHpdOZ5jMQ-wTZLhyphenhyphenmR0Vvl/s640/06.+test+2.png" width="640" /></a></div>
<br />
If you want the same effect but inverted, reverse the Stroke direction with the Path Edits plug-in.<br />
(another option is to invert the Brush Dynamics curve)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjikrGUbDg4q9RTE7ax6IP1WTI2monv2hBc-J05qJ27EpxcJuzV_oUFnRRloVCDMwIDL2wRYFrsN6n11mpGpS_kzIZrKgswsXIQJ-OHzDdC5MS0-uepti0m7AVovNETJvuG-8pWxWjeTtz3/s1600/08.+inverted+effect.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="640" data-original-width="641" height="398" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjikrGUbDg4q9RTE7ax6IP1WTI2monv2hBc-J05qJ27EpxcJuzV_oUFnRRloVCDMwIDL2wRYFrsN6n11mpGpS_kzIZrKgswsXIQJ-OHzDdC5MS0-uepti0m7AVovNETJvuG-8pWxWjeTtz3/s400/08.+inverted+effect.png" width="400" /></a></div>
<br />
For a slightly less linear fade, which might look more pleasing to the eye, add a little bit of curvature to the Brush Dynamics curve. This gives the fading a tendency of more "volume".<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivaOHJcp3dOzyLJcisaHNkNBsm7dpFYL3l5X4iQqAqJv0wOTlE6QlTzhGQ5mIR6Uf8_wZqGlcY6SDXr10JmawObRJg95yBpPM2spdifT3Oqb9QkrLXOtphQ5GUK5qkicKUQlEZxwPxfmnq/s1600/07.+non+linear.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="646" data-original-width="896" height="460" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivaOHJcp3dOzyLJcisaHNkNBsm7dpFYL3l5X4iQqAqJv0wOTlE6QlTzhGQ5mIR6Uf8_wZqGlcY6SDXr10JmawObRJg95yBpPM2spdifT3Oqb9QkrLXOtphQ5GUK5qkicKUQlEZxwPxfmnq/s640/07.+non+linear.png" width="640" /></a></div>
<br />
That concludes part one of the tutorial.<br />
As you can see this effect is all about finding the right balance of Size, Spacing and Fade values.<br />
It can take a lot of teststrokes and hitting the Undo button to get it right.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMnNIxytGYS7oqjiR9VXV3UFkC3liLYz5Q8RutoRnEgxAXqyHwyLcp3qKms-tpk0RPSj-STRlmOtqHUIS1am7SIZFc18VT_q1WhP7Lv0a-HT91OVKdwhT3TeAONlZ5XlK2Dw1mh3QhZx3J/s1600/TheEnd1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="600" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMnNIxytGYS7oqjiR9VXV3UFkC3liLYz5Q8RutoRnEgxAXqyHwyLcp3qKms-tpk0RPSj-STRlmOtqHUIS1am7SIZFc18VT_q1WhP7Lv0a-HT91OVKdwhT3TeAONlZ5XlK2Dw1mh3QhZx3J/s400/TheEnd1.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div style="text-align: center;">
<h3>
<b><span style="font-size: x-large;">Now for a similar effect in Inkscape.</span></b></h3>
</div>
<br />
Unfortunately making a startrail in Inkscape is not a live effect. The biggest advantage is that you will get better quality and easier editing. Im using Inkscape Version 0.92.5.<br />
<br />
Make a star, convert to a path, duplicate and scale down to taste with the aspect ratio locked.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOzQWx1UKf7Rv4MrdXbyWfcDmrjayW5vY2e2O_0LzG7cN5blE9YC8Ctn93xwugQpfTkYMEySn4AwY-lWeA3bvFbTBWWRfYQqH3_RmTvAp0hBfEhPQ8ErTWxw6M7tW9b8eQ4r1INDooT66l/s1600/IS01.+Star.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="518" data-original-width="792" height="418" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOzQWx1UKf7Rv4MrdXbyWfcDmrjayW5vY2e2O_0LzG7cN5blE9YC8Ctn93xwugQpfTkYMEySn4AwY-lWeA3bvFbTBWWRfYQqH3_RmTvAp0hBfEhPQ8ErTWxw6M7tW9b8eQ4r1INDooT66l/s640/IS01.+Star.png" width="640" /></a></div>
<br />
For the sake of the tutorial, i gave the smaller star a different colour.<br />
<br />
Make a circle, flip it horizontally to change the direction and <a href="http://tavmjong.free.fr/INKSCAPE/MANUAL/html/Shapes-Arcs.html"><span style="color: #e06666;">turn it into an arc</span></a>.<br />
Do NOT convert into a path !<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQLoGoHz7aFTc9z_AMUgQRAnE5lOAyanwTogiigTJ5BvFuVwgdNo28PLiU7gdDXrgaMT4oJ7j7gNk2R4AJPS9wHVg0N0Tnw283jIhHElvvRQCTet7t0w2DYo7zuHIDwSO41YvcQkLqWrym/s1600/IS02.+Arc.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="787" data-original-width="709" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQLoGoHz7aFTc9z_AMUgQRAnE5lOAyanwTogiigTJ5BvFuVwgdNo28PLiU7gdDXrgaMT4oJ7j7gNk2R4AJPS9wHVg0N0Tnw283jIhHElvvRQCTet7t0w2DYo7zuHIDwSO41YvcQkLqWrym/s640/IS02.+Arc.png" width="576" /></a></div>
<br />
Select both stars and call up the Interpolation Extension<br />
<div style="text-align: center;">
(Extensions → Generate From Path → Interpolate)</div>
<br />
If you want a gradient of colours, check the 'Interpolate Style' checkbox.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia2YYH15wodlzKa8SZ_vT1ubXDqBpSW2YkSHafWC2jc_38M-hjYc9nMjY5b4p19JK1pXH_3-yTaHNc8obYlGtCLVTifQnL3slqiHCn9376wt8psYbS_dW_sQN20d9HpLPJVumbD9wPmRmG/s1600/IS03.+Interpolate.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="797" data-original-width="706" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia2YYH15wodlzKa8SZ_vT1ubXDqBpSW2YkSHafWC2jc_38M-hjYc9nMjY5b4p19JK1pXH_3-yTaHNc8obYlGtCLVTifQnL3slqiHCn9376wt8psYbS_dW_sQN20d9HpLPJVumbD9wPmRmG/s640/IS03.+Interpolate.png" width="566" /></a></div>
<br />
Ungroup the interpolated stars, then select them all and call up the Restack Extension<br />
<div style="text-align: center;">
(Extensions → Arrange → Restack)</div>
<br />
For the effect to work its crucial that all stars have the correct z-order.<br />
(the biggest star must be at the bottom and the smaller ones on top of the z-order, in ascending order)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsiVCqN0fkynFXtbDFBSylzHiVg-xL9IXykQyfwTqqMb15XRnWJ_bmvSMD1X82Da-_CadrirakeUeOgWFEXsC7A7z0W1PUXF9iodLF11CZkX9si3wvpCO3jhGl8xKAZcOYZ9MrnRO861pn/s1600/IS04.+Restack.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="800" data-original-width="706" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsiVCqN0fkynFXtbDFBSylzHiVg-xL9IXykQyfwTqqMb15XRnWJ_bmvSMD1X82Da-_CadrirakeUeOgWFEXsC7A7z0W1PUXF9iodLF11CZkX9si3wvpCO3jhGl8xKAZcOYZ9MrnRO861pn/s640/IS04.+Restack.png" width="564" /></a></div>
<br />
Finally call up the Arrange dialogue (Objects → Arrange).<br />
<br />
Go to the Polar Coordinates tab, rubberband-select all stars and the arc and apply the effect with the settings i used below.<br />
<br />
Although i used the same size for stars and arc, the effect looks a bit different compared to Gimp.<br />
You might want to interpolate less stars so it doesnt look so crowded.<br />
<br />
Get rid of the arc by either removing the stroke colour or hide it behind the background.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8pPJ3UB5wCn0N2lAz71nzGykNvsNCpazk90_WHix4YhnJefdeRnbVpajMYufiLpkE81f5TxSmJ5smQzFcM_rWJNaCiAuuhPlhXeC355jv7IGOaDN62Mgo88ZVVyf0QDQxMJ4v38mbCwXm/s1600/IS05.+Arrange.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="652" data-original-width="1066" height="390" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8pPJ3UB5wCn0N2lAz71nzGykNvsNCpazk90_WHix4YhnJefdeRnbVpajMYufiLpkE81f5TxSmJ5smQzFcM_rWJNaCiAuuhPlhXeC355jv7IGOaDN62Mgo88ZVVyf0QDQxMJ4v38mbCwXm/s640/IS05.+Arrange.png" width="640" /></a></div>
<br />
In case you forgot to flip the arc, this will happen :<br />
(which threw me off big time when i tried to figure out how to do the effect, lol)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQHaVhqlAm2-1G3un_mQAYGX7IB5PgQW6NTwgdnRmU-7CCvaySWNUSZT3oRInKa4X5S5C6z4fFRCPn-aESCsjUNDin73JhYJ88GrGuL-sAn4R8pDAzmerZmbfWUPTK4xmpLyOd59lkJMht/s1600/IS06.+unflipped.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="650" data-original-width="1066" height="390" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQHaVhqlAm2-1G3un_mQAYGX7IB5PgQW6NTwgdnRmU-7CCvaySWNUSZT3oRInKa4X5S5C6z4fFRCPn-aESCsjUNDin73JhYJ88GrGuL-sAn4R8pDAzmerZmbfWUPTK4xmpLyOd59lkJMht/s640/IS06.+unflipped.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkSPhnvgjvRBV0DXjsWdS5_UJiuVe27Z4s4PQG2_gF4uCxWUK_QJSkDw2-nCgTQDTHwtUAs_LnLXZl8fcXtSi10y8omOil4iwITXazSAeImtYh8wxd3hBbOCuN-iAl3js8PROUQ7R2vq9v/s1600/The+End2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="600" data-original-width="600" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkSPhnvgjvRBV0DXjsWdS5_UJiuVe27Z4s4PQG2_gF4uCxWUK_QJSkDw2-nCgTQDTHwtUAs_LnLXZl8fcXtSi10y8omOil4iwITXazSAeImtYh8wxd3hBbOCuN-iAl3js8PROUQ7R2vq9v/s640/The+End2.png" width="640" /></a></div>
<br />Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-32811513630826407292019-09-16T07:56:00.002-07:002020-09-11T13:20:19.577-07:00Version 1.6 of 'ofn-text-along-path' releasedAfter writing the sequel to my <a href="http://gimp-science-labs.blogspot.com/2019/09/text-along-path-ii-path-directions.html"><span style="color: #6fa8dc;">Text along a circular path tutorial</span></a>, i had a little conversation with ofnuts and he gave me a few tips how to improve it.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgLzWRBvaYVcmLJluZvGNWJD4oe1YikX33nyz0IhVCSVUp4R381TFftJgunBs59q3Y272nKN5DzWmStdnobmRC4bVi60oXh9IdjfpDPBENIrvv_Q_ZyQxEtvfLjVT9OfRdtfCbF7LMpqWv/s1600/HeaderLightleaksNoir.jpg" imageanchor="1"><img border="0" data-original-height="636" data-original-width="847" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgLzWRBvaYVcmLJluZvGNWJD4oe1YikX33nyz0IhVCSVUp4R381TFftJgunBs59q3Y272nKN5DzWmStdnobmRC4bVi60oXh9IdjfpDPBENIrvv_Q_ZyQxEtvfLjVT9OfRdtfCbF7LMpqWv/s640/HeaderLightleaksNoir.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<a name='more'></a>While experimenting with the plug-in, i noticed that its still a bit hard to line up lowercase text on a circle, like this:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyhJRERZZHgIEYEeALDktxiAzydRD933_Bnqv43FHtH-5c8ZX5q0MhTOaJrXcDAZJ0pzc7LnacgeBvP7x2cWcdi-ldxb7zJzRIDIEOOqYTlF_8dSc2sB6ByQYOkNY1WLJ44t5HhZlfXZK3/s1600/lowercaselineup.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="537" data-original-width="547" height="392" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyhJRERZZHgIEYEeALDktxiAzydRD933_Bnqv43FHtH-5c8ZX5q0MhTOaJrXcDAZJ0pzc7LnacgeBvP7x2cWcdi-ldxb7zJzRIDIEOOqYTlF_8dSc2sB6ByQYOkNY1WLJ44t5HhZlfXZK3/s400/lowercaselineup.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Its especially odd it had been overlooked all this time, because it seems to be one the most basic textconfigurations you could think of. But i must admit i used the effect mostly with uppercase letters.<br />
<br />
This inspired ofnuts to add two additional Height References, so from now on we can line up text by the middle and the top of lowercase letters.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii0qaDy-pxywSG5Sjw8XY7en0ichJqcdAUh3KVOXDOpx53jMTrIQDj2f0HKdpd4WbnT6br2H2q8no5B-Tm0S6ERpLxY0HGwO1IYxUjZaPTyI0KyNehWZpajHy1E2q4fgBn53ozJ1tom3z0/s1600/HeightReference.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="786" data-original-width="511" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii0qaDy-pxywSG5Sjw8XY7en0ichJqcdAUh3KVOXDOpx53jMTrIQDj2f0HKdpd4WbnT6br2H2q8no5B-Tm0S6ERpLxY0HGwO1IYxUjZaPTyI0KyNehWZpajHy1E2q4fgBn53ozJ1tom3z0/s640/HeightReference.png" width="416" /></a></div>
<br />
He told me what made this update a bit tricky is the fact that not all lowercase letters line up with the baseline of the text. Especially rounded letters like o, c or s are often designed with a bit of "overhang" to make them visually more pleasing with other letters.<br />
<br />
In the example below, the letters i and n represent the baseline, while all the other letters have a slight overhang.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8LFwEiYoVHPYLENIfKxey_7edE5YpxE7Lk1TXGQpq1bNKzFnyQGxTfNcpOI8scFywbv_RU_8hrcFKf86TqrXzN0WUrenTmYuNqKLlDBmMsQVliXVVQFMIIdWelVUjJW3kfhBrmaD7zbbB/s1600/overhang.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="881" data-original-width="1093" height="514" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8LFwEiYoVHPYLENIfKxey_7edE5YpxE7Lk1TXGQpq1bNKzFnyQGxTfNcpOI8scFywbv_RU_8hrcFKf86TqrXzN0WUrenTmYuNqKLlDBmMsQVliXVVQFMIIdWelVUjJW3kfhBrmaD7zbbB/s640/overhang.png" width="640" /></a></div>
<br />
Here is how it was solved:<br />
<ul>
<li>to compute the top of lower/uppercase letters, it checks the max height of X/x, but decreases it by the value to which that letter extends below the baseline</li>
<li>it defines the midde-of-lower/uppercase to be the average between the two extreme values, without regard for the baseline.</li>
</ul>
<br />
You can download the new version here:<br />
<br />
<div style="text-align: center;">
<a href="https://sourceforge.net/projects/gimp-path-tools/files/scripts/"><span style="color: #e06666;">https://sourceforge.net/projects/gimp-path-tools/files/scripts/</span></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
As usual, for windows users, put the 'ofn-text-along-path.py' file in your Gimp user folder.</div>
<div style="text-align: left;">
<br /></div>
<div style="text-align: left;">
For Gimp 2.8 thats:</div>
<div style="text-align: center;">
C:\Users\Username\.gimp-2.8\plug-ins</div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: left;">
and for Gimp 2.10:</div>
<div style="text-align: center;">
C:\Users\Username\AppData\Roaming\GIMP\2.10\plug-ins<br />
<br />
<br /></div>
Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-62966888803041335002019-09-04T18:34:00.000-07:002020-09-11T13:20:21.090-07:00Text along a circle II [path directions explained]<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFcyzVvECPaa9VkIHAMFlSK9n1B8OC4rdG3yRLdpu5lF7H2WLThh191-Nc8psLelCz7B_nr71gtLoN7x8pyQkBuiKrtRFFmxQiQFPl8jM0fl6LdVoEQI9XawQG21Zf6U2sZzgAea_X4XSc/s1600/PainterlyHeaderCanvas.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="522" data-original-width="1024" height="326" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFcyzVvECPaa9VkIHAMFlSK9n1B8OC4rdG3yRLdpu5lF7H2WLThh191-Nc8psLelCz7B_nr71gtLoN7x8pyQkBuiKrtRFFmxQiQFPl8jM0fl6LdVoEQI9XawQG21Zf6U2sZzgAea_X4XSc/s640/PainterlyHeaderCanvas.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Of all blog entries, my <span style="color: #6fa8dc;"><a href="https://gimp-science-labs.blogspot.com/2014/05/text-along-circular-path.html"><span style="color: #6fa8dc;">'Text along a circular path' tutorial</span></a> </span>gets the most hits.<br />
In the statistics section of this blogspot i can see what people searched for, and apparently putting text on a path is a big problem (popular search terms are circular text and curved text).<br />
<br />
One of the more esoteric aspects of text along path is putting two aligned sets of text on the same circular path, but with each set of text going in a different direction.<br />
<br />
Gimp's native 'Text along path' functionality can only do this with fonts that are perfectly centered on all characters.<br />
<br />
With <a href="https://sourceforge.net/projects/gimp-path-tools/files/scripts/"><span style="color: #e06666;">ofnuts text along path plug-in</span></a> installed, this is much easier, because you get a lot of different Height Reference options, how to map your text to the path.<br />
<br />
But this doesnt help with finding out how to change direction of your text.<br />
<br />
So here is the secret:<br />
<br />
<a name='more'></a>paths have a direction and a starting point.<br />
<br />
In Gimp 2.8, the direction of a circular selection converted into a path is clockwise. To make things really complicated, its the other way around in Gimp 2.10 (this is a bug and has been fixed in Gimp version 2.10.20).<br />
<br />
At a clockwise direction and a Baseline 'Height Reference' the text is mapped on top, while at anti-clockwise its mapped to the bottom, or when we have a closed path, like a circle, to the inside.<br />
<br />
The starting point of a path is naturally where you created the first node, but in a circular selection converted to a path, its not so easy to determine.<br />
<br />
Thats why i used the method of rotating the text path into place in the <a href="https://gimp-science-labs.blogspot.com/2014/05/text-along-circular-path.html"><span style="color: #6fa8dc;">old tutorial</span></a>.<br />
<br />
There is another method, ofnuts taught me years ago on GC, how to get easy centered text on to a circular path. Instead of letting Gimp dictate the starting point of a circle, we cut out a little segment to get an open path.<br />
If we combine this with text that is centered, it will sit perfectly aligned on the path.<br />
<br />
With circular text its best to work with a square canvas, or if that is not an option, center the circle perfectly over two guides.<br />
If you draw your elliptical selection with 'Expand from centre' and 'Fixed Aspect Ratio of 1:1' from the point where the guides cross, you will get a perfect circle.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicNZr3M0fnUoYyOteh3vnwJVUJEFN-Mm-oDlZAjCBro3jd_NXR7jMs20VWrOZ2fPQPn8AA-sYKMHFhkHFPl4CxdJOKfWVi-Cbb2hlGrv8NYSGv4n0F3qA9z-uGXQYSpPasxqBE8tjwMgpH/s1600/circular+selection.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="532" data-original-width="761" height="446" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicNZr3M0fnUoYyOteh3vnwJVUJEFN-Mm-oDlZAjCBro3jd_NXR7jMs20VWrOZ2fPQPn8AA-sYKMHFhkHFPl4CxdJOKfWVi-Cbb2hlGrv8NYSGv4n0F3qA9z-uGXQYSpPasxqBE8tjwMgpH/s640/circular+selection.png" width="640" /></a></div>
<br />
With this selection converted to a path, you have your basic skeleton path.<br />
<br />
Now place a guide near the bottom of the active path and add nodes with the Path Tool where the guide intersects with the circle (a click while holding down CTRL adds nodes).<br />
To delete nodes and segments, click while holding down CTRL + Shift.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibvwPdWXML6GhcNqhupueF0INV-2M43v01Mh30E9lR_YGycnsoe4Gn5-lvk6wgZL9rI6ul3ut40Wd8l4MANTabhvJkxu0kqWqQcco10IAJhwx7DBt8D5bCiBnw8JWkEIygWrRk9c_VdZYm/s1600/cut+circle.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="540" data-original-width="1062" height="324" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibvwPdWXML6GhcNqhupueF0INV-2M43v01Mh30E9lR_YGycnsoe4Gn5-lvk6wgZL9rI6ul3ut40Wd8l4MANTabhvJkxu0kqWqQcco10IAJhwx7DBt8D5bCiBnw8JWkEIygWrRk9c_VdZYm/s640/cut+circle.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Now we have an open path with a clear beginning and an end !<br />
<br />
(Btw, in your real art project, this deleted segment can be a lot smaller, which is better for accurately flipping the path. In Inkscape i just split the bottom node instead of cutting out a segment. But this works because Inkscape circles have only four nodes, unlike the circular Gimp path, which has many nodes, because it doesnt "know" its a circle.)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAPT2WXE3NMoSImizw8Z0jKacIG9YF0D2BY-it7PUmVmFU0z2NmsT79uuCHHWBt-SMAWT7S9Cefm1h5K6O-_StOItSUoX29oDY4_nyO4SYGek_Z9zJ5wP3FP6LaVXviRbXRhfpMn6APlJ2/s1600/cut+no+guides.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="540" data-original-width="541" height="398" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAPT2WXE3NMoSImizw8Z0jKacIG9YF0D2BY-it7PUmVmFU0z2NmsT79uuCHHWBt-SMAWT7S9Cefm1h5K6O-_StOItSUoX29oDY4_nyO4SYGek_Z9zJ5wP3FP6LaVXviRbXRhfpMn6APlJ2/s400/cut+no+guides.png" width="400" /></a></div>
<br />
If we put text on this path, while using the centered option, it will be perfectly aligned (however, depending on the font and the letters you use, this still might need a little adjustment with the Rotate Tool, because there is a difference between what is perfectly centered and what looks <i>visually </i>centered).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1kXwXheXU1HgsHkCne5HOx_tukf1scfC64BGQJhEJBjPwGKuAvDEM2lazp3nGqwA_E6WPBtvYcU5D_B6dK5Klj8NEcv47oLgchPBTpjZMO1NHNR3ghl-LQycj8EZqEQA-nUWQNUqQA8mm/s1600/ofn-text-along-path.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="561" data-original-width="882" height="406" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1kXwXheXU1HgsHkCne5HOx_tukf1scfC64BGQJhEJBjPwGKuAvDEM2lazp3nGqwA_E6WPBtvYcU5D_B6dK5Klj8NEcv47oLgchPBTpjZMO1NHNR3ghl-LQycj8EZqEQA-nUWQNUqQA8mm/s640/ofn-text-along-path.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Now a really convenient new feature in ofn-text-along-path is the option to reverse the path direction (called 'Reverse stroke direction'). This was added in 2017 and is a great workaround for the Gimp 2.10 path direction bug.<br />
<br />
So if you try to put text on a path in Gimp 2.10, and it comes out as in the image below, you must use the 'Reverse stroke direction' option to get it on top of the path.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrOcO4W8_UEHCnXCrOPo7UStWgbro8v1f-BzRJt93sIq2FHa8PfWWz1i7uhKYKgtHVMb4Pu7J7ybAq05x-1u0S3UFQ0KTgdJ_mvazFvmf0BuK4G-Etigif9JpYrZXlr1U6YyP9pOSS6xA6/s1600/reverse+path.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="561" data-original-width="882" height="406" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrOcO4W8_UEHCnXCrOPo7UStWgbro8v1f-BzRJt93sIq2FHa8PfWWz1i7uhKYKgtHVMb4Pu7J7ybAq05x-1u0S3UFQ0KTgdJ_mvazFvmf0BuK4G-Etigif9JpYrZXlr1U6YyP9pOSS6xA6/s640/reverse+path.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
Of course, instead of using the 'Reverse stroke direction' you can also do the oldfashioned technique of flipping the path horizontically with the 'Flip Tool' in Path Mode and get the same result.<br />
<br />
A third way of changing the path's direction is installing <a href="https://sourceforge.net/projects/gimp-path-tools/files/scripts/"><span style="color: #e06666;">ofn-path-edits</span></a>, which has a 'Reverse Stroke' option and other tools for advanced path editing.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd8vV0gJ5fsib8oKRlfdp5q5tvUi6TY30Sj2_sVbXcvkhT1j1DCKSbUW_LQQH6KA_BDVEyF4vxKvAjdyXN57Ujq0tWhlu-eBG-5PRCSGbV01zLsLfhHC3nyvZqB5V9eSqfzDNz5j7CIcp6/s1600/ofn-path-edits.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="810" data-original-width="716" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd8vV0gJ5fsib8oKRlfdp5q5tvUi6TY30Sj2_sVbXcvkhT1j1DCKSbUW_LQQH6KA_BDVEyF4vxKvAjdyXN57Ujq0tWhlu-eBG-5PRCSGbV01zLsLfhHC3nyvZqB5V9eSqfzDNz5j7CIcp6/s640/ofn-path-edits.png" width="563" /></a></div>
<br />
Lets continue with our example and add a second set of text.<br />
I flipped the skeleton path vertically (it also requires a slight re-position with the Move Tool because the open circle isnt perfectly square) and then added another set of text but this time with the 'Top of caps' option.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_25L2NEi9IBFy5t3XtvmfKrnZbd8BgeFi0_QNrJqUwB2KVY2T5BMMHnZ-eXYNZRg6XvRe1HGnVtpaTH1MzMs3RTT-sHHQHddseEcgI3yuU6CnVUlyMi3imgtfPNVtm-XiFyVAyv9deGny/s1600/second+set+of+text.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="561" data-original-width="878" height="408" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_25L2NEi9IBFy5t3XtvmfKrnZbd8BgeFi0_QNrJqUwB2KVY2T5BMMHnZ-eXYNZRg6XvRe1HGnVtpaTH1MzMs3RTT-sHHQHddseEcgI3yuU6CnVUlyMi3imgtfPNVtm-XiFyVAyv9deGny/s640/second+set+of+text.png" width="640" /></a></div>
<br />
Alternatively you could maintain the Baseline 'Height Reference' and compensate with the 'Vertical adjust (px)', but that approach takes a lot of trial and error.<br />
<br />
Before this tutorial ends, lets have a quick look at Inkscape and what path directions do.<br />
The big advantage of putting text on a path in Inkscape is that its all live and always adjustable.<br />
<br />
But whats especially interesting for our purposes is that Inkscape has an option to display a path's direction (you can see little arrowheads on the path).<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfqRuY2-gu_kA_6lbMrbSeiPh3RZZ5THOblvQa26NlQWenu74JWSedkUWPDa2ZreBsifsuUoSCULabPIMDvrBBi4x-W_PKuUwG29Tq_MKn-OcjYS22qsyY5GUOLNjG9-CWR1bF5Qi8WLLq/s1600/Inkscape+basic+direction.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="512" data-original-width="546" height="375" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfqRuY2-gu_kA_6lbMrbSeiPh3RZZ5THOblvQa26NlQWenu74JWSedkUWPDa2ZreBsifsuUoSCULabPIMDvrBBi4x-W_PKuUwG29Tq_MKn-OcjYS22qsyY5GUOLNjG9-CWR1bF5Qi8WLLq/s400/Inkscape+basic+direction.png" width="400" /></a></div>
<br />
When the path is reversed, the centered text is mapped to the inside, following the counter-clockwise direction of the path.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibPjOF13E7Km6bKrI7HHQwpClgdjEebN_aKCn2voA6AEpYH8_R0BIjnWzJn4Lw1Ysm4LGtEGpRa8z42-yDBfDKuWLJUKiRucgOmGocJ5WxrU0c3kHGDwByBGqNjtu5EJ-A7Zpta7FtKrRB/s1600/09.+directionreversedAlt.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="512" data-original-width="546" height="375" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibPjOF13E7Km6bKrI7HHQwpClgdjEebN_aKCn2voA6AEpYH8_R0BIjnWzJn4Lw1Ysm4LGtEGpRa8z42-yDBfDKuWLJUKiRucgOmGocJ5WxrU0c3kHGDwByBGqNjtu5EJ-A7Zpta7FtKrRB/s400/09.+directionreversedAlt.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
The same effect happens when the path is flipped horizontally. In both examples the path's direction goes counter-clockwise.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLKVkIECjJgPcglAYopSjtnQrPYeSjat6Zmtqs-yU9Tc4WhYZ7pt48-FbazttBrf-y8shaxQd6RQtaGjTRMGFizm_jbWXXYeOyWNiUpI2SPqpYIhUASmyiSC-BwXCLDBK-4hBT0iq16jcx/s1600/Inkscape+flipped+h.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="512" data-original-width="546" height="375" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLKVkIECjJgPcglAYopSjtnQrPYeSjat6Zmtqs-yU9Tc4WhYZ7pt48-FbazttBrf-y8shaxQd6RQtaGjTRMGFizm_jbWXXYeOyWNiUpI2SPqpYIhUASmyiSC-BwXCLDBK-4hBT0iq16jcx/s400/Inkscape+flipped+h.png" width="400" /></a></div>
And this is what happens when the path is flipped vertically.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0z3WOTDmKbp3dUot0L571ufctR0EKakCBMclfWtzK4j7zNGsBw-JVrMtIu4cNjjiiu5X9LnE_THLMQw9HLzO05rBkc0gbFOoxMl6qbivVAktXeIEWuy_on4sXY6KP6bCNLLohwrYb6ur-/s1600/Inkscape+flipped+v.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="512" data-original-width="546" height="375" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0z3WOTDmKbp3dUot0L571ufctR0EKakCBMclfWtzK4j7zNGsBw-JVrMtIu4cNjjiiu5X9LnE_THLMQw9HLzO05rBkc0gbFOoxMl6qbivVAktXeIEWuy_on4sXY6KP6bCNLLohwrYb6ur-/s400/Inkscape+flipped+v.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Finally the behaviour when its flipped horizontally AND vertically.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7xGkSUO1M5A1lLNXoJQ57ZljXejmFYgKj-3ysFzf8L-0lwcxn8kaozjG-V-6TkvOXj7eM1L-5OfRZWCxsif3hr4a0JqoKxiir4pTvjc2T7boHQ5lRuSfXhL_-wf1OYwMIPO5jBVn3hXbz/s1600/Inkscape+flipped+h+%252B+v.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="512" data-original-width="546" height="375" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7xGkSUO1M5A1lLNXoJQ57ZljXejmFYgKj-3ysFzf8L-0lwcxn8kaozjG-V-6TkvOXj7eM1L-5OfRZWCxsif3hr4a0JqoKxiir4pTvjc2T7boHQ5lRuSfXhL_-wf1OYwMIPO5jBVn3hXbz/s400/Inkscape+flipped+h+%252B+v.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwEk4mQ3geceXDr8j9Mkcm9lWKrymn9rJvzwWKVwrdsNF5_m4NhFRMdQLMejwKMNzyZ1cD4GjlX8p3ybLnxIkacTlqvtuX52X46CCu1vWIg0OpnAXWdXJSSh34fKWQM_eb_4fgyichp9JC/s1600/The+End.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="500" data-original-width="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwEk4mQ3geceXDr8j9Mkcm9lWKrymn9rJvzwWKVwrdsNF5_m4NhFRMdQLMejwKMNzyZ1cD4GjlX8p3ybLnxIkacTlqvtuX52X46CCu1vWIg0OpnAXWdXJSSh34fKWQM_eb_4fgyichp9JC/s1600/The+End.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-22599213143333677822019-08-12T10:11:00.000-07:002020-09-11T13:20:19.200-07:00Hell Invaders<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje6pNVVhy21MbnUE9VIzjWVYqEkhO1YNX_e53i4__oro3MJ1QtycaYdmKbZ1ix_bdO6c1kgdwuit9ymp2JJF-mTFn1LVK49PgUW1UynvyfvwhYTXieXg3gyRoS9ts3bx4_5_LsujapDdwt/s1600/HellInvadersShrapened.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1600" data-original-width="1050" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje6pNVVhy21MbnUE9VIzjWVYqEkhO1YNX_e53i4__oro3MJ1QtycaYdmKbZ1ix_bdO6c1kgdwuit9ymp2JJF-mTFn1LVK49PgUW1UynvyfvwhYTXieXg3gyRoS9ts3bx4_5_LsujapDdwt/s640/HellInvadersShrapened.jpg" width="420" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
For full size, open in new tab.</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-73913928545030610662019-08-02T19:19:00.005-07:002021-01-08T04:21:51.044-08:00Welcome to the real worldA real stencil.<br />
Handdrawn with symmetry lines, then photocopied on to a sheet of overheadprojector acetate and cut with a scalpel.<br />
In 1997, the techstep was in full swing.<br />
<br />
Decided to turn it into a double exposure.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE-yS4qsS1IOlli_WsV7R_kKAwNLZHunOOKuS3HQ0cMSUC75PhecWzOe9yosR_YCLJY0-hLN0Owy22fMI9Nwka5l9YQT7NbDOD4RhIc3ut7dSFB3HDgCeTmC4Nn4Ne3trJWLhQVz6nuVAr/s1600/Skull_II_Double_Exposure.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="759" data-original-width="571" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjE-yS4qsS1IOlli_WsV7R_kKAwNLZHunOOKuS3HQ0cMSUC75PhecWzOe9yosR_YCLJY0-hLN0Owy22fMI9Nwka5l9YQT7NbDOD4RhIc3ut7dSFB3HDgCeTmC4Nn4Ne3trJWLhQVz6nuVAr/s1600/Skull_II_Double_Exposure.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<a name='more'></a><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxoyRhaFPl7eMxP5ll6QFsWGqqPjkGjhFujRq3GMipxNSB8eMmhBdKidEgoqRaQEe20_5KjwtPpPupw2cLega-LEVFCl7z8TF53RW_-Mio4N1XsmsBUIUFeRi9nGaz98-yykMFrOhvgva_/s1600/DoubleExposureAnatomy.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="584" data-original-width="675" height="345" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxoyRhaFPl7eMxP5ll6QFsWGqqPjkGjhFujRq3GMipxNSB8eMmhBdKidEgoqRaQEe20_5KjwtPpPupw2cLega-LEVFCl7z8TF53RW_-Mio4N1XsmsBUIUFeRi9nGaz98-yykMFrOhvgva_/s400/DoubleExposureAnatomy.jpg" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
I was super influenced by the music of <a href="https://www.discogs.com/Various-Torque/release/12101"><span style="color: #e06666;">No U-Turn</span></a> and the cover art of <a href="https://www.discogs.com/artist/2030766-Toby-Brace"><span style="color: #e06666;">Toby Brace</span></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div style="text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/cdq6lM-9AH0/0.jpg" frameborder="0" height="332" src="https://www.youtube.com/embed/cdq6lM-9AH0?feature=player_embedded" width="590"></iframe></div>
Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-54125927310658716202019-08-02T18:54:00.001-07:002020-09-11T13:20:20.463-07:00My mind is glowingAnother blast from the past.<br />
Resurrected an ancient cyborg stencil-style drawing with my scanner, gave it the vector treatment, then added a stroke in Affinity Designer (sorry Inkscape), halftone shading and a brand new warpaint in Gimp.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd6AgsjIeTc64C1O9w-k10p6kIEOuOTEQCsiteXXxp5rxHwnbQPWYCWdpHbT3ID9J__KnKvee_YEpBA0jWLhWZtAywQwlGn-6q6hpsYuv3GJN1xjCx1nxV58Ehc5G7NzaN1MWDRgsmvRZN/s1600/Mymindisglowing.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1170" data-original-width="1382" height="540" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd6AgsjIeTc64C1O9w-k10p6kIEOuOTEQCsiteXXxp5rxHwnbQPWYCWdpHbT3ID9J__KnKvee_YEpBA0jWLhWZtAywQwlGn-6q6hpsYuv3GJN1xjCx1nxV58Ehc5G7NzaN1MWDRgsmvRZN/s640/Mymindisglowing.jpg" width="640" /></a></div>
<br />
<a name='more'></a><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3P7vz62uKJOe0fWJq4VAteG-baKH-ibgJSnbvmXERl5TgVdXDJUhYZNTqgKYdaVjGvgXgQFlbUZH-Iqv7TtFuR6qlccL4vgWM4yq654z_PGK9hKSV4cAWnMozs_a8VNGceGH_f_DIRV1O/s1600/AD+Brushstroke.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="663" data-original-width="749" height="353" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3P7vz62uKJOe0fWJq4VAteG-baKH-ibgJSnbvmXERl5TgVdXDJUhYZNTqgKYdaVjGvgXgQFlbUZH-Iqv7TtFuR6qlccL4vgWM4yq654z_PGK9hKSV4cAWnMozs_a8VNGceGH_f_DIRV1O/s400/AD+Brushstroke.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
early version</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxVx1MhQMspjsbEXWdVSnM7e1s9ei-SyStWFMZEgsPxi-hnIMcsp7ur6Xqr_k1NDuv9CRbdn4p-Ryuc0dTpM-fdyTALywlWVf_PvVzQOViXLZTaV65qN7Qmae4nxb7hV7KuiFRivFDUsQ6/s1600/Cyborg.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1068" data-original-width="775" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxVx1MhQMspjsbEXWdVSnM7e1s9ei-SyStWFMZEgsPxi-hnIMcsp7ur6Xqr_k1NDuv9CRbdn4p-Ryuc0dTpM-fdyTALywlWVf_PvVzQOViXLZTaV65qN7Qmae4nxb7hV7KuiFRivFDUsQ6/s640/Cyborg.jpg" width="464" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-26396603595972377912019-07-27T12:00:00.000-07:002020-09-11T13:20:19.283-07:00Dämon #1<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqlEcdFiZhyphenhyphenY_4uFIPIWJdIoj4wyiV7urUstYpKJXKVxphi2iIy_PzR6bu3jhfXWymKFcB3PoQovX30i138FCEmmPZj1bbEqlYsh2TvTolE2_aNmTgpwU52AKDq0uaxjVC0i4KU8unniSs/s1600/Demon.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1000" data-original-width="903" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqlEcdFiZhyphenhyphenY_4uFIPIWJdIoj4wyiV7urUstYpKJXKVxphi2iIy_PzR6bu3jhfXWymKFcB3PoQovX30i138FCEmmPZj1bbEqlYsh2TvTolE2_aNmTgpwU52AKDq0uaxjVC0i4KU8unniSs/s640/Demon.jpg" width="576" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<a name='more'></a>Many years ago, when i got my first computer, a friend gave me Corel Draw 5 and i made my first steps with digital graphics design.<br />
<div class="separator" style="clear: both; text-align: left;">
With nothing but the manual, i explored what this program could do and at that time i was very interested in stencil graffiti. So i began drawing like it was a stencil, making every shape modular, so you could potentially cut and spray, and this developed into a style which is especially suitable with vector curves.</div>
<div class="separator" style="clear: both; text-align: left;">
Most of the time i just clicked away, making little shapes with the Bezier Tool, with no plan or concept and interesting ornaments and faces would appear.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
I would also do this with pencils on paper. Here is a tiny sketch from way back (early 2000s im thinking, or maybe around '97), i did on a piece of scrappaper:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1ABA9u0ieY4NeuJdWKj-sgm1JowrTK-rT6NoAGdVd0Vza6dhlRzmJJxLZ1auQucyovXetu8NUmo_KdGYalhPGeD7RxbdA7SV50kUgDuWwZdAyKj9lOwG80YQYZus8h5S3U4M_r1QoDefP/s1600/Orna_ImgID1.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="223" data-original-width="109" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1ABA9u0ieY4NeuJdWKj-sgm1JowrTK-rT6NoAGdVd0Vza6dhlRzmJJxLZ1auQucyovXetu8NUmo_KdGYalhPGeD7RxbdA7SV50kUgDuWwZdAyKj9lOwG80YQYZus8h5S3U4M_r1QoDefP/s1600/Orna_ImgID1.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
The Corel thing was fifteen years ago and yesterday i wanted to try if i can still do it.</div>
<div class="separator" style="clear: both; text-align: left;">
I filled a whole page with devils, kind of inspired by the manga 'Dorohedoro', but then i was lost what to do with it.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Im not very good at colouring and <a href="https://niark1.tumblr.com/tagged/illusyo"><span style="color: #e06666;">filling the shapes with colour</span></a> seemed wrong for my style. Tried several textures, like crumbled paper, but that didnt satisfy me either.</div>
<div class="separator" style="clear: both; text-align: left;">
I also tried to make it look even more handdrawn, but decided its not necessary because there is already variation in the freeform shapes.</div>
<div class="separator" style="clear: both; text-align: left;">
So in the end, i used plain colours and added G'MIC filtereffects to make it more interesting.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<b><span style="font-size: x-large;">Bonus:</span></b></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
they made an anime out of the manga, which will come out early 2020. Yay !</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div style="text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/KbO2LyE4xg4/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/KbO2LyE4xg4?feature=player_embedded" width="320"></iframe></div>
<br />
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-3608025720514590162019-07-22T12:21:00.000-07:002020-09-11T13:25:42.765-07:00Better Patterns with the Resynthesizer plug-inEver noticed how ugly Gimp's native patterns are ?<br />
<br />
The resulting texture always looks very artifical and uniform.<br />
This is because the tiles are very small (50-150px). In Gimp 2.8 a pattern can be up to 512x512px.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4k1535Wm1kGi2B_LqcE9n9HdWv3jUdGn7mBWovA1fifcEwSgxWidwAvyoLN7HeRXBjCUlyyxmta16GTiOf-Shwf8ITrmqPeq7Lofwm5eFq2yHpGFiVIDPVOXtFbigo5Ct7njaiM1dT7ru/s1600/Before.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="640" data-original-width="670" height="610" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4k1535Wm1kGi2B_LqcE9n9HdWv3jUdGn7mBWovA1fifcEwSgxWidwAvyoLN7HeRXBjCUlyyxmta16GTiOf-Shwf8ITrmqPeq7Lofwm5eFq2yHpGFiVIDPVOXtFbigo5Ct7njaiM1dT7ru/s640/Before.png" width="640" /></a></div>
<br />
<br />
There is a simple fix that will make them look 200% more awesome with a mouseclick !<br />
<br />
Like this:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGcqn8Kj_UZ4eYI39uwLo16WP7mQhQT9CeaxUgUdz4xqVW2_21i0f_MK2EdCsfcjTic-3PGZCg8KI-E3_aEc7IWyPB7s69LcrQQZkU1dVVMxb68qliRdb69cUlVgRgGL3hGhOTFZYX0hMA/s1600/After.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="640" data-original-width="670" height="610" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGcqn8Kj_UZ4eYI39uwLo16WP7mQhQT9CeaxUgUdz4xqVW2_21i0f_MK2EdCsfcjTic-3PGZCg8KI-E3_aEc7IWyPB7s69LcrQQZkU1dVVMxb68qliRdb69cUlVgRgGL3hGhOTFZYX0hMA/s640/After.png" width="640" /></a></div>
<br />
<a name='more'></a><br />
To make use of this magic, you'll need the Resynthesizer plug-in.<br />
This link should provide you with everything you need:<br />
<br />
<div style="text-align: center;">
<a href="https://www.gimp-forum.net/Thread-Resynthesizer-heal-selection-plugins-for-Windows"><span style="color: #e06666;">https://www.gimp-forum.net/Thread-Resynthesizer-heal-selection-plugins-for-Windows</span></a></div>
<br />
Once installed, you'll get new entries in different categories. Look here for an overview:<br />
<br />
<div style="text-align: center;">
<a href="https://templatetoaster.com/tutorials/gimp-resynthesizer-plugin/"><span style="color: #e06666;">https://templatetoaster.com/tutorials/gimp-resynthesizer-plugin/</span></a></div>
<br />
For this tutorial we are only interested in:<br />
<br />
<div style="text-align: center;">
Edit → Fill with pattern seamless...</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0xdu-rgp0KTBAPCVHiO8c_iut4x4WCJrKUH3Zib4LwnAWgrVecwraCLj5awuclDFraDlHz44NsXh_01CHcKZQfQ_iwH-8BIi_9MtTO-8RnQbdwbMesulpyv8MHABib3y01XX-9fm0FJnY/s1600/Better+Patterns.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="546" data-original-width="698" height="500" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0xdu-rgp0KTBAPCVHiO8c_iut4x4WCJrKUH3Zib4LwnAWgrVecwraCLj5awuclDFraDlHz44NsXh_01CHcKZQfQ_iwH-8BIi_9MtTO-8RnQbdwbMesulpyv8MHABib3y01XX-9fm0FJnY/s640/Better+Patterns.png" width="640" /></a></div>
<br />
The result looks like this:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRdMyh7MiBVAuQY7LCJJvji1gme0zal1pLXa5F6Lrv-ruKnd8qPbPERjezXp7f4s14YDblHIiFZGD1mmfU7jAcO27mu8DNihMwwyNtbkZhUQSra82IZC7LEQdDex_WhTgGPjf_B2QRaQOF/s1600/Leopard+resynthesized.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="240" data-original-width="670" height="229" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRdMyh7MiBVAuQY7LCJJvji1gme0zal1pLXa5F6Lrv-ruKnd8qPbPERjezXp7f4s14YDblHIiFZGD1mmfU7jAcO27mu8DNihMwwyNtbkZhUQSra82IZC7LEQdDex_WhTgGPjf_B2QRaQOF/s640/Leopard+resynthesized.png" width="640" /></a></div>
<br />
Much better !<br />
<br />
Another example:<br />
<br />
original 'Crack' pattern looks nothing like real stone:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmMh3XhUAizeaXSC2bfcWMp8wyobWyQ9OuZEClpoVhZhJKmbgAsvpuADCkyhKX3021X8_gDK2XbUIGsohZi_HZlesXkg5WdxCRq6MvftYSYvMcgoIxi-SWBW88swUjUWB1-AoBI4BQp942/s1600/Crack.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="240" data-original-width="670" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmMh3XhUAizeaXSC2bfcWMp8wyobWyQ9OuZEClpoVhZhJKmbgAsvpuADCkyhKX3021X8_gDK2XbUIGsohZi_HZlesXkg5WdxCRq6MvftYSYvMcgoIxi-SWBW88swUjUWB1-AoBI4BQp942/s640/Crack.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
resynthesized version looks way more natural:</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzZEzjcGuGyGGnUy0VChnQO1qle98iqQpvPjDqpUqqSrrw9idqcRuAUUl8s2vGmu8gv_FveBeJZl4iPYP0gxvKmGxGdqaLPFTJR9xCSzJKZQniO9TRsh6Y4h8ZFaDyhqSrCC74JKGZ2Qlt/s1600/Crack+resynthesized.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="240" data-original-width="670" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzZEzjcGuGyGGnUy0VChnQO1qle98iqQpvPjDqpUqqSrrw9idqcRuAUUl8s2vGmu8gv_FveBeJZl4iPYP0gxvKmGxGdqaLPFTJR9xCSzJKZQniO9TRsh6Y4h8ZFaDyhqSrCC74JKGZ2Qlt/s1600/Crack+resynthesized.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-54507637200496952432019-03-06T03:55:00.003-08:002020-09-11T13:20:20.546-07:00Vector Doodle<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Eg8CzkXOfkOBF2ax2vwnF8rrdRwLBRntJG2UhJ8rnCmPx8PNsJb_M6U0TFi6qZsOURk5OkGFlYNV_IjrL1qKWhibJMVH0qE4Vo6fOt3_rgmChxDodlX8qNqGLEW97Z2xG_QKQZ0wI_Sm/s1600/bedruckte+Pappe.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1291" data-original-width="1200" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-Eg8CzkXOfkOBF2ax2vwnF8rrdRwLBRntJG2UhJ8rnCmPx8PNsJb_M6U0TFi6qZsOURk5OkGFlYNV_IjrL1qKWhibJMVH0qE4Vo6fOt3_rgmChxDodlX8qNqGLEW97Z2xG_QKQZ0wI_Sm/s640/bedruckte+Pappe.jpg" width="593" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<a name='more'></a>Finally the vector doodle is finished. Got stuck and bored, but inspiration struck me all of a sudden, so here it is !<br />
Lots of little bits i did over the years for fun or practice, some with reference to music, movies, games, comics and other things i like.<br />
Special thanks to <a href="https://www.behance.net/aoku"><span style="color: #e06666;">AO KU</span></a> for letting me have his gothicecream font !<br />
<br />
In a second edit, i overlayed the b/w doodle on to a scan of cardboard packaging.<br />
This was inspired by following the fantastic art of <a href="https://motloch.tumblr.com/"><span style="color: #e06666;">Artem Solop</span></a> who makes crazy good drawings on scrap pieces of packaging.<br />
<br />Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-33344846665078874622019-03-01T20:43:00.000-08:002020-09-11T13:20:19.618-07:00Lost on the road<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQc3wQRPOjejnwbaNCtPnliem11aLu4LXLkHurZ1Y5lFQw7BzmqT5zAdrMOa-fNN3Da0HDDuYiY1yNIDrSX70EOtII5ji8aZk4VLvpey5g1TEhiBSNLm2WhNemGS9Inm8yDcJpKjNgi7RS/s1600/sleekSample.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="511" data-original-width="800" height="255" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQc3wQRPOjejnwbaNCtPnliem11aLu4LXLkHurZ1Y5lFQw7BzmqT5zAdrMOa-fNN3Da0HDDuYiY1yNIDrSX70EOtII5ji8aZk4VLvpey5g1TEhiBSNLm2WhNemGS9Inm8yDcJpKjNgi7RS/s400/sleekSample.png" width="400" /></a></div>
<br />
Its been six years since i started working with Gimp, with lots of ups and downs.<br />
<br />
For the last few years i was so focused on tutorial writing that i stopped being creative and have become a bit of a copycat. Every time i fire up Gimp, its because i want to figure out how to do a certain effect, which as a result has prevented me from being an artist.<br />
<br />
When i realized i got lost on my journey i tried to remember what i wanted to do before i mastered the program.<br />
Strangely i couldnt figure it out until i found an image on the internet of a cool futuristic logo, which would have put a smile on my face back then.<br />
<br />
The more i deal with all the technical details, the less my creativity flows.<br />
Things that would have made me excited, seem banal today.<br />
<br />
On the other hand, artists who really impress me are 100 times better than me.<br />
<br />
I have a lot of sketches from 20 years ago, that i'd like to vectorize and expand but im too scared to spoil them.<br />
<br />
So yesterday i drew a bit on paper, got an idea, quickly switched to Inkscape and began building....<br />
<br />
<a name='more'></a><br />
<br />
Wasnt too pleased at first and struggled with another ridiculous Inkscape behaviour, but today it got better and i got something good going.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEqphGZWCDRjPLqlA-Ggj1MZOiLN4ArGSrOERmjgHZkG96nnY732SzgJrTYmBtkCQSJfzOR9wFqqLLtrQrcHaGgNSmlUTsGfrugZX0CQk45DIbJ8vwvm3uL4M1HHyTKVWUps5xJeEi5x2C/s1600/Roadwork.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="742" data-original-width="1089" height="436" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEqphGZWCDRjPLqlA-Ggj1MZOiLN4ArGSrOERmjgHZkG96nnY732SzgJrTYmBtkCQSJfzOR9wFqqLLtrQrcHaGgNSmlUTsGfrugZX0CQk45DIbJ8vwvm3uL4M1HHyTKVWUps5xJeEi5x2C/s640/Roadwork.png" width="640" /></a></div>
<br />
On the right you can see the sketch i made.<br />
Theres a fontmaker on dafont i've been checking out, who bases all of his font on a shape and then applies certain rules to it. Like subtracting triangles.<br />
<br />
So i started with a rectangle for a letter and later maintained a certain dimension for all of the negative space.<br />
Unhappy with how the lightning shape of the letter S interfered with the P, i got the idea to shear it, which looked cool but gave me an uneven stroke, and i couldnt find a way to deal with this annoying behaviour (the solution was to set Transforms to Optimized in the Preferences and quickly re-trace the shape).<br />
On the next day it evolved into the square shape on the left, which got more and more aztec looking.<br />
Then i played around with a Tangram idea, which you can see in the middle with the black and green shape.<br />
Finally this evolved into the more and more sleek looking logo at the top, which is what originally fascinated me about graphics design and looks like a logo for a 70/80ies rockband or a 90ies techno label.Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com2tag:blogger.com,1999:blog-1777552167902267171.post-78455848222980846462019-01-31T16:32:00.001-08:002022-03-28T09:32:23.285-07:00Bokeh Tests <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFJnbw9lUhaNVE6WxlIuQXUQj_g9vOSv3_ULDNHUrll1nNApZwoFLaX3VVvPbDodM7rcoDdlQIzbN12Jn1gwcgfUd_KyhD8hTkd9zYyKxlsLRYBq3oKuaXS6e5-WNjVInSeI9twZsKZxIy/s1600/bokeh+1.png" style="margin-left: 1em; margin-right: 1em; text-align: center;"><img border="0" data-original-height="768" data-original-width="1024" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFJnbw9lUhaNVE6WxlIuQXUQj_g9vOSv3_ULDNHUrll1nNApZwoFLaX3VVvPbDodM7rcoDdlQIzbN12Jn1gwcgfUd_KyhD8hTkd9zYyKxlsLRYBq3oKuaXS6e5-WNjVInSeI9twZsKZxIy/s640/bokeh+1.png" width="640" /></a><br />
<br />
<a name='more'></a><br />
As long as i havent written the final Bokeh tutorial, im giving you a quick description of the workflow.<br />
<br />
All the shown effects are made of three layers:<br />
on the first layer put a few big circles and blur them a lot<br />
on the second layer, put more dots in a medium size and blur them<br />
on the third layer, put a lot of small dots with the original Bokeh brush and blur them slightly or not at all<br />
<br />
To put it all together, play around with Opacity and Blendmodes.<br />
Colour Adjustments might be necessary to tweak the effect.<br />
<br />
You can also duplicate layers, re-colour and add special filtering like Motion Blur or Depth of Field [G'MIC].<br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3V0dnImZX-ilknMNd-XeCXGkyCr07g4fFdcmFOTxQRURB2__NByoL3QyGSRBsnRXYfwo7QaEL5bA0MIThenisOfWfk5mh2BpUks6Mttp25PzCGCAdKmCNSqXRAF1gjiEZZe6nDNQjcoms/s1600/Bokeh+2.10.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="1280" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3V0dnImZX-ilknMNd-XeCXGkyCr07g4fFdcmFOTxQRURB2__NByoL3QyGSRBsnRXYfwo7QaEL5bA0MIThenisOfWfk5mh2BpUks6Mttp25PzCGCAdKmCNSqXRAF1gjiEZZe6nDNQjcoms/s640/Bokeh+2.10.png" width="640" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRG9arpxm7Cbro7Gp1xLeEtE1TqpfkMkW-xYvO65fbV_TPAd3-IRQFG5g16G1cxqnWfuxUgZtD4Mv2NY6I3373Vt5Q_sI4WD0ZPmqA8rSEKNVOuo7VfkGcof9Mcnh0hRSaS5yVJtZBA0F__oVxewlhFjX5hFe1u612kGMgqRHsK4wnS1vLgFUmqhUeOA/s1151/Raupe.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="1151" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRG9arpxm7Cbro7Gp1xLeEtE1TqpfkMkW-xYvO65fbV_TPAd3-IRQFG5g16G1cxqnWfuxUgZtD4Mv2NY6I3373Vt5Q_sI4WD0ZPmqA8rSEKNVOuo7VfkGcof9Mcnh0hRSaS5yVJtZBA0F__oVxewlhFjX5hFe1u612kGMgqRHsK4wnS1vLgFUmqhUeOA/w640-h400/Raupe.png" width="640" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><br /></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiViBuKS9gJYqeeyiw2ZcFGcuEpaMN9jJOZnDHzrKqYczupZPedpgQcDnDnnT4CcZOPs2Z4FRKKIP4VAQBCy-rFKvYiqrzmjtu3BYaCP2biLUi8E_-zYeLu6qyMwrcQ16TY-tQiD9qfoDj_/s1600/orange+Bokeh.png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="768" data-original-width="1024" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiViBuKS9gJYqeeyiw2ZcFGcuEpaMN9jJOZnDHzrKqYczupZPedpgQcDnDnnT4CcZOPs2Z4FRKKIP4VAQBCy-rFKvYiqrzmjtu3BYaCP2biLUi8E_-zYeLu6qyMwrcQ16TY-tQiD9qfoDj_/s640/orange+Bokeh.png" width="640" /></a></div>
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvlZm351clc2nGKefKyBkqp9STKcNxBEfyaKKmfLD6wMtyhaFWgaXah9677PLZEnXCdnXsjWLyCjirtTu1lNuZLS07WyEdb3ycwTklLnupjySoWtDL3_S3URu_RvoXEF3H2cUMwUeXZrPW/s1600/blue-yellow2.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="768" data-original-width="1024" height="480" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvlZm351clc2nGKefKyBkqp9STKcNxBEfyaKKmfLD6wMtyhaFWgaXah9677PLZEnXCdnXsjWLyCjirtTu1lNuZLS07WyEdb3ycwTklLnupjySoWtDL3_S3URu_RvoXEF3H2cUMwUeXZrPW/s640/blue-yellow2.jpg" width="640" /></a></div>
<span id="goog_953852342"></span>Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-32340232299301892212019-01-31T16:14:00.000-08:002020-09-11T13:20:19.493-07:00How to work with Brush Dynamics for a Bokeh effect<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiefO-2KE7ytYN2S_duPxLQgXq3V4keOhSQQ8I-97396jdu-24kzSeGSVcnXna6M2HDhfS2r-4GLtb4LdX6rUadyhnSfzdbaPy3_Iq8yPNW7KT8lok7z31Gl_yWnDzDKdFyJYMF813hBqLc/s1600/Dynamic+Header.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="433" data-original-width="1135" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiefO-2KE7ytYN2S_duPxLQgXq3V4keOhSQQ8I-97396jdu-24kzSeGSVcnXna6M2HDhfS2r-4GLtb4LdX6rUadyhnSfzdbaPy3_Iq8yPNW7KT8lok7z31Gl_yWnDzDKdFyJYMF813hBqLc/s640/Dynamic+Header.png" width="640" /></a></div>
<br />
In the next post i want to show you how to make a Bokeh effect in Gimp, but before that can happen we need to talk about Brush Dynamics and custom brushes.<br />
<br />
<a name='more'></a><br />
Brush Dynamics are probably the most powerful feature in Gimp, but also a bit hard to understand because the functionality is quite esoteric and hidden deep inside the program.<br />
<br />
So lets start with a custom brush. You may already know how to make one but bear with me, because there are a few concepts i'd like to talk about, which will help understanding Brush Dynamics.<br />
<br />
For the upcoming Bokeh effect we will need a custom brush, that looks like a circular light with a halo.<br />
<br />
Im using Gimp 2.10.8 but Gimp 2.8 should work the same.<br />
<br />
<br />
<h3 style="text-align: center;">
<span style="font-size: x-large;">Anatomy of a custom brush</span></h3>
<br />
The most important trick to make a brush that can take any color is to make it greyscale !<br />
<br />
This greyscale brush works like an inverted layermask.<br />
<br />
Everything black will be painted in the colour you chose in the Color Area. Its the stamp.<br />
<br />
Everything white will take no colour and everything greyscale will paint transparent.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxIDUP-n07o9MMMoz0sBEjhE-bscqJ_onCZm3DvQpHb3syaP5kae6i4sDCwu1MY486U3ZFZmt45JnGcs18ScObsg1E4mPkWbwpWZuR1I87ujq9i59BdIP_pR0E6VDSlLI8W6nFy4As9cyM/s1600/Brush+Anatomy.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="388" data-original-width="800" height="308" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxIDUP-n07o9MMMoz0sBEjhE-bscqJ_onCZm3DvQpHb3syaP5kae6i4sDCwu1MY486U3ZFZmt45JnGcs18ScObsg1E4mPkWbwpWZuR1I87ujq9i59BdIP_pR0E6VDSlLI8W6nFy4As9cyM/s640/Brush+Anatomy.png" width="640" /></a></div>
<br />
Lets try this:<br />
<br />
Gimp Brushes dont scale very well. So unlike Photoshop, bigger is not better. Gimp brushes work best when only scaled by small amounts (apparently that is some sort of bug and might change in the future).<br />
<b>EDIT 03.2020:</b> this bug has indeed been fixed in Gimp Version 2.10.18 with the inclusion of mipmaps for brushscaling. I still recommend trying the tutorial with the brush dimensions i used.<br />
<br />
I want my actual Bokeh light to be approx. 20px in diameter.<br />
<br />
1. Create a new document 40x40px and make the backgroundlayer white.<br />
<br />
2. Go to 'Image → Mode' and choose Greyscale !<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm5XMxpboMhJuNbJhJ4GCzyB6hcn2mfbzlxJasMau7IA2hWS7tHkkPA-dloZ1KiBOpGcoL7n7jag4OLqIaBT4YyJ_YvcLbcyBOACDmKtqIRR03csHIScJOokwIkKw-zJH7DGh5BfG60tGM/s1600/Convert+to+greyscale.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="782" data-original-width="1077" height="464" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgm5XMxpboMhJuNbJhJ4GCzyB6hcn2mfbzlxJasMau7IA2hWS7tHkkPA-dloZ1KiBOpGcoL7n7jag4OLqIaBT4YyJ_YvcLbcyBOACDmKtqIRR03csHIScJOokwIkKw-zJH7DGh5BfG60tGM/s640/Convert+to+greyscale.png" width="640" /></a></div>
<br />
3. Create a new transparent layer on top, go to 'View' and make sure 'Snap to Canvas Edges' is active.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtJOUv8kJuSfKC5Hte8VyipxCqM27IvS1bBL0FB2TV1ruhtDpzzt9S5ZkX2hO9ImO-5xzPokQyjghee9HSnBkVj-dR05iiIoODMPfOZA1MN7zOYeL4B7Zc1UJ2JsLmLS7ba0LsRgSvmMKJ/s1600/Snap+to+canvas+edges.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="754" data-original-width="1026" height="470" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtJOUv8kJuSfKC5Hte8VyipxCqM27IvS1bBL0FB2TV1ruhtDpzzt9S5ZkX2hO9ImO-5xzPokQyjghee9HSnBkVj-dR05iiIoODMPfOZA1MN7zOYeL4B7Zc1UJ2JsLmLS7ba0LsRgSvmMKJ/s640/Snap+to+canvas+edges.png" width="640" /></a></div>
<br />
4. Zoom in real close (like 800%) and make a circular selection with the help of snapping.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr3DcIdWbjHWZgSQ3vLQQ2B6Fsl9ev-QU_Tdd2VQ7li2kggDask2R_ZFZ-6ovsj9ndY1goqci6ji0Gr6xO74sHkTSuiWf-lICSnDoMqNCgxG8qUFFHBjH4FBsdB-AAGqTQk9ZfmcsIZMHH/s1600/Custom+Brush+-+Selection.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="513" data-original-width="946" height="346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr3DcIdWbjHWZgSQ3vLQQ2B6Fsl9ev-QU_Tdd2VQ7li2kggDask2R_ZFZ-6ovsj9ndY1goqci6ji0Gr6xO74sHkTSuiWf-lICSnDoMqNCgxG8qUFFHBjH4FBsdB-AAGqTQk9ZfmcsIZMHH/s640/Custom+Brush+-+Selection.png" width="640" /></a></div>
<br />
5. Next check 'Expand from centre' and 'Fixed Aspect Ratio' in the 'Elliptical Selection Tool Options', then resize the selection to 20px.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVm214EwtULTaqDuJeVQ3hMCXDY-fwwphOBUpJwOTb4_p94a-k3cqhUpBXFhf-SEGpOmXd9IVE0w9RJvpMsPm31Vl4akM6dqF1xPIjYbKF84_nZqXz_n9b3si9o6Wy8LXpLVRTBkrRsAZ2/s1600/resize+selection.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="513" data-original-width="946" height="346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVm214EwtULTaqDuJeVQ3hMCXDY-fwwphOBUpJwOTb4_p94a-k3cqhUpBXFhf-SEGpOmXd9IVE0w9RJvpMsPm31Vl4akM6dqF1xPIjYbKF84_nZqXz_n9b3si9o6Wy8LXpLVRTBkrRsAZ2/s640/resize+selection.png" width="640" /></a></div>
<br />
6. On the transparent layer, fill this circular selection with black, then convert the selection to a path ('Selection → To Path') and deselect.<br />
<br />
7. We want our brush to pick colour but also have transparency, so we reduce the Opacity of the brushlayer.<br />
<br />
I prefer Bokeh effects with bright lights on a dark background, but vibrant colours will quickly look greyish and dull when the transparency is too high, so we will have to choose the Opacity wisely.<br />
80% might be a little too opaque, so i will go with 65-70%.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMiBYhfWhZGBR3TquiJodkdOdcv_pC4qz-t_3EFOnRZKBg_-6xXCQHgvPoKeoT8NegLUgR-mo9Qs1pEMHpyIoZkzLAWIJlJbMTpXttrUX2dfTtZKIFx3Bf0iJQiEacZ15YTmrBA1IUyAj6/s1600/Opacity.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="513" data-original-width="946" height="346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMiBYhfWhZGBR3TquiJodkdOdcv_pC4qz-t_3EFOnRZKBg_-6xXCQHgvPoKeoT8NegLUgR-mo9Qs1pEMHpyIoZkzLAWIJlJbMTpXttrUX2dfTtZKIFx3Bf0iJQiEacZ15YTmrBA1IUyAj6/s640/Opacity.png" width="640" /></a></div>
<br />
8. For the halo we add a fully opaque stroke in black.<br />
Add a new layer and stroke it from the Paths-Tab. 2px width.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi43rmTFI_dSU4uiJJwwg-gkQQKhthM_vGvKyU3BYQz65rw7qpc94Ijoy9vtjZmjbZ1QoEx3q24lL9ifnde3_bR8OOsXsShCiSMkJY_yyFXqOgXMOxCrFDE0-HlDZ9w0RxNXFajgRDdNMya/s1600/Stroke+path.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="522" data-original-width="1076" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi43rmTFI_dSU4uiJJwwg-gkQQKhthM_vGvKyU3BYQz65rw7qpc94Ijoy9vtjZmjbZ1QoEx3q24lL9ifnde3_bR8OOsXsShCiSMkJY_yyFXqOgXMOxCrFDE0-HlDZ9w0RxNXFajgRDdNMya/s640/Stroke+path.png" width="640" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs_VeJnHEhRctrvtpugqdWSrY5rB6-_hTmoFyhCmJWrosTP-JRqWBWGlGLmGN3nBKuPXnysXNG7aN9N-54eDcaU7fyi3dBuESodW_e1aG9sRZaE9XGWo6RLxhLtOjqh0_c5Fdqj8A-gJry/s1600/Halo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="522" data-original-width="651" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgs_VeJnHEhRctrvtpugqdWSrY5rB6-_hTmoFyhCmJWrosTP-JRqWBWGlGLmGN3nBKuPXnysXNG7aN9N-54eDcaU7fyi3dBuESodW_e1aG9sRZaE9XGWo6RLxhLtOjqh0_c5Fdqj8A-gJry/s400/Halo.png" width="400" /></a></div>
<br />
9. Before we merge the layers and export our new brush, i want to talk about an important detail that will help you understand Spacing, Jitter and the concept of the Bounding Box better.<br />
<br />
<h3 style="text-align: center;">
<span style="font-size: x-large;">The Bounding Box</span></h3>
<br />
As you can see, the image in its current state is bigger than the part of the brush that will be visible when painted. We could crop it or leave it as it is.<br />
If we dont crop it, the extra white does not show while painting but acts as a built-in 'Spacing'.<br />
<br />
'Spacing' is not only defined by the chosen value in the export process, but also the 'Bounding Box'.<br />
<br />
In the image below, the dashed red line represents the 'Bounding Box'.<br />
On the left side a brush with the extra Spacing of the bigger 'Bounding Box' and on the right a tighly cropped brush.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq61GHDWifEPvyqaGGUEFiYgUnL7qcqD0K4N-CiTG7WK7RCfjbLKpRgClSjmkHSsIyTJqPiNyUrgr9w1jX0TfIYqudlNI-d9Jx6Kp8Hq5dWcBFunA8qMIzHFXphMyXnIBCyNWR6OS9G4wS/s1600/Bounding+Box+Demo.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="400" data-original-width="800" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgq61GHDWifEPvyqaGGUEFiYgUnL7qcqD0K4N-CiTG7WK7RCfjbLKpRgClSjmkHSsIyTJqPiNyUrgr9w1jX0TfIYqudlNI-d9Jx6Kp8Hq5dWcBFunA8qMIzHFXphMyXnIBCyNWR6OS9G4wS/s640/Bounding+Box+Demo.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
When we paint a brushstroke, the 'Spacing' dictates the intervals at which a brushstroke is painted.<br />
Spacing is a percentage of the 'Bounding Box' of the brush.<br />
<br />
A tightly cropped brush will paint each brushstroke next to the other when the 'Spacing' is 100.<br />
<br />
At a 'Spacing' <100, we will get an overlap of brushstrokes and with a 'Spacing' of greater than 100, we will get space between the strokes.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ9-uU_Mk-XeMO45GMpc3-ntE_-XpHwmsFxacaMUcL7WsxAkfiEO1WIg8u4plLWYaxMzq1JycCivDKT_ptKUjaQmf3o-5rFyOkJJVEWR3W2SDDZyMlZg92GpQM6ujt-MtDJ3eKcsMycFNZ/s1600/Spacing+Comparison+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="540" data-original-width="800" height="432" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZ9-uU_Mk-XeMO45GMpc3-ntE_-XpHwmsFxacaMUcL7WsxAkfiEO1WIg8u4plLWYaxMzq1JycCivDKT_ptKUjaQmf3o-5rFyOkJJVEWR3W2SDDZyMlZg92GpQM6ujt-MtDJ3eKcsMycFNZ/s640/Spacing+Comparison+2.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
As you can see, the behaviour of these two brushes is slightly different. all depending on the size of the 'Bounding Box'.<br />
<br />
We can compensate a big 'Bounding Box' with a decrease of 'Spacing' in the 'Tool Options', when painting.<br />
<br />
Understanding 'Bounding Boxes' and 'Spacing' can also be useful for other projects.<br />
For example when you have a really tiny brush of 4px diameter and you want to fill a whole canvas with "particles" (like little stars).<br />
Getting this tiny brush spaced out, requires a lot of 'Spacing' and 'Spacing' is limited to 5000.<br />
So adding a much bigger bounding box to this little 4px dot can be a really good idea.<br />
<br />
<h3 style="text-align: center;">
<span style="font-size: x-large;">Exporting the brush</span></h3>
<br />
10. With all this in mind, we merge the layers and then export as a .gbr file.<br />
If you use ofnuts' <a href="https://sourceforge.net/projects/gimp-tools/files/scripts/"><span style="color: #e06666;">Add-on Collection Manager</span></a> like me, its important to switch off the brush folder you want to export to, before exporting. If you dont use an Add-on manager, you export to the Gimp brush folder.<br />
<br />
For Gimp 2.8, thats:<br />
<br />
C:\Users\User-name\.gimp-2.8\brushes<br />
<br />
and for Gimp 2.10 its:<br />
<br />
C:\Users\User-name\AppData\Roaming\GIMP\2.10\brushes<br />
<br />
After you hit 'Export', Gimp opens another pop-up window where you can enter the name of the brush (perhaps with more detail) and enter the 'Spacing' you want to give your brush.<br />
For painting lines its mostly 1-10 and for brushes that dont require overlap, 100. Whatever you chose, its just the default and can be changed on the fly in the 'Tool Options'.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7gFEaDUXOe134Fw25HG5ClHgnfqeVbWoaHr9uR5bqvYfR1yA2hqag-1adz5LpC6xAa4kqsHcvu1LIFHgkEEvqzF14Y2WnBBsMkRA1ez6veAzoIKeGe_2-eTC7q_9DqZW7nTENQX-Ilvau/s1600/Export.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="576" data-original-width="829" height="443" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7gFEaDUXOe134Fw25HG5ClHgnfqeVbWoaHr9uR5bqvYfR1yA2hqag-1adz5LpC6xAa4kqsHcvu1LIFHgkEEvqzF14Y2WnBBsMkRA1ez6veAzoIKeGe_2-eTC7q_9DqZW7nTENQX-Ilvau/s640/Export.png" width="640" /></a></div>
<br />
After a refresh, the brush should appear in your Brushes Tab.<br />
<br />
<h3 style="text-align: center;">
<span style="font-size: x-large;">Jitter</span></h3>
<br />
Now its time to test the brush and introduce 'Jitter'.<br />
<br />
We can draw lines of little halos with space between the brushstrokes at default 'Spacing' and lines of overlapping circles when we reduce the 'Spacing'.<br />
But to paint the little circles in a more chaotic way, spread all across the canvas, we need to use the 'Apply Jitter' option.<br />
<br />
When you check the box in the 'Paintbrush Tool Options', a slider is revealed that lets you select the 'Amount' of 'Jitter'.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim3vDeGK9wSztGk-RqEtrpX_mXci8MSWMQormsqq3YgcApuUFvR4UiprztmMGu1TtMsDLCJjKQIfO1VLtcLVzyDqP7EItwPeUZOUjTFN3-lg3OTYvnpZkHrLCW59WwlPxldbNMeLJdyOoJ/s1600/Jitter.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="699" data-original-width="302" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim3vDeGK9wSztGk-RqEtrpX_mXci8MSWMQormsqq3YgcApuUFvR4UiprztmMGu1TtMsDLCJjKQIfO1VLtcLVzyDqP7EItwPeUZOUjTFN3-lg3OTYvnpZkHrLCW59WwlPxldbNMeLJdyOoJ/s640/Jitter.png" width="276" /></a></div>
<br />
The 'Amount' of 'Jitter' displaces each brushstroke by a random value on the vertical. The maximum displacement is calculated like this:<br />
<br />
<div style="text-align: center;">
<b><span style="font-size: large;">Brushsize + (Brushsize x Amount)</span></b></div>
<br />
So a 20px brush with a 3 for the 'Amount' will displace the brushstrokes by 80px.<br />
40px to the top and 40px to the bottom.<br />
<br />
You can easily test this by stroking a path repeatedly with a brush.<br />
After a while you will get a rectangular block in the exact size of the calculated Jitter-Amount.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR2Nr6NiKzRADeGNlWFBn64ChE74rRYarfowAmplPaaXW5zn2EdZIPfwA2-IMNrgSOXr0LHzDWFOLGXSEgLX3AhuMdClSuyPr694eCc3dAPnJB7b7BlZ51w-Gv9ZjVLN6vfmUuQyogvooR/s1600/Amount+of+Jitter+Test.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="429" data-original-width="828" height="330" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR2Nr6NiKzRADeGNlWFBn64ChE74rRYarfowAmplPaaXW5zn2EdZIPfwA2-IMNrgSOXr0LHzDWFOLGXSEgLX3AhuMdClSuyPr694eCc3dAPnJB7b7BlZ51w-Gv9ZjVLN6vfmUuQyogvooR/s640/Amount+of+Jitter+Test.png" width="640" /></a></div>
<br />
Choosing the best 'Amount' of 'Jitter' might seem difficult, thats why its important to always do a test brushstroke and play around with the options.<br />
If you want to fill a canvas with lots of broad sweeping brushstrokes, a big 'Amount' of 'Jitter' might be a good idea (like 5-10), while when you want to paint short controlled brushstrokes, go with a lower value (like 2-3).<br />
<br />
So now we can paint something like this in the image below:<br />
we get transparency from the custom brush, spacious or tightly packed depending on the 'Spacing' and spread all over the canvas with 'Jitter'.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvpRPTEStRXOXy7Ao4TyM9z64uTrUMREyHEC6QPTGKFXbssB_qCq9Ic7Z-QnHvEi5r2RjjD1Y7WHE3F9ZH_uuwPZWQceBnrD2di1DKQghK1sRxLwN9uSz4O7bZ6CQTYlYDEXX-yWamUKhc/s1600/Jitter+Test.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="400" data-original-width="800" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvpRPTEStRXOXy7Ao4TyM9z64uTrUMREyHEC6QPTGKFXbssB_qCq9Ic7Z-QnHvEi5r2RjjD1Y7WHE3F9ZH_uuwPZWQceBnrD2di1DKQghK1sRxLwN9uSz4O7bZ6CQTYlYDEXX-yWamUKhc/s640/Jitter+Test.png" width="640" /></a></div>
<br />
But it all still looks a little uniform. The only way we can have variation is to change values and colours manually and paint some more.<br />
This is where Brush Dynamics come into play.<br />
<br />
<h3 style="text-align: center;">
<span style="font-size: x-large;">Brush Dynamics</span></h3>
<br />
In your 'Paintbrush Tool Options' there is a 'Paint Dynamics' button. When you click it, a list of Brush Dynamics opens.<br />
These come installed with Gimp (and can not be edited).<br />
<br />
You can add your self-created Brush Dynamics with the 'Paint Dynamics Dialogue'.<br />
<br />
To open it, go to 'Windows → Dockable Dialogues → Paint Dynamics'.<br />
At the bottom of this dialogue is a button to create a new 'Dynamic'.<br />
When you click it, a 'Dynamic' named 'Untitled' appears and the 'Paint Dynamics Editor' will pop open.<br />
Rename it from 'Untitled' to 'All Purpose'.<br />
Because the list is ordered alphabetically, everything starting with an 'A' will appear at the top, which makes it easy to find in the 'Brush Dynamics' list.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFGX0xdiIbrpXtTazQBalTdUL20iZbVm9rfIu-vId4a6Iq_SnUZsQizs0_vtsOF2Yt7Mt7dhRuBRQDoYyEHE_Jsg6i_2_oR5QiYiaQ4MazsOUWDxi9xoGs0qmtHBzhjnzek57s-AUML8ut/s1600/Paint+Dynamics+Editor.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="565" data-original-width="520" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFGX0xdiIbrpXtTazQBalTdUL20iZbVm9rfIu-vId4a6Iq_SnUZsQizs0_vtsOF2Yt7Mt7dhRuBRQDoYyEHE_Jsg6i_2_oR5QiYiaQ4MazsOUWDxi9xoGs0qmtHBzhjnzek57s-AUML8ut/s640/Paint+Dynamics+Editor.png" width="587" /></a></div>
<br />
From now on we will only work with this single Brush Dynamic and change it on the fly to our needs.<br />
<br />
Close the 'Paint Dynamics Dialogue', then drag and drop the 'Paint Dynamics Editor' into your Tabs Panel. I have it next to my Brushes, Gradients, Patterns and Fonts.<br />
<br />
<div style="text-align: center;">
(your Gimp might be customized in a different way)</div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCfDRVRiPmKijglvhjsrMBNuFLzeYansq2-XwORfVi334_ZWMc3LTh_fh0te2aeMWv9K8LX5uwqUzdAWBMmUgUWxwGkBq5OCN2EB3GjPE3wNdt-3fEiyBuPvhyphenhyphenMmIYVL2qeyxBf9Ai7Sdh/s1600/Lock+Dock.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="492" data-original-width="551" height="569" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCfDRVRiPmKijglvhjsrMBNuFLzeYansq2-XwORfVi334_ZWMc3LTh_fh0te2aeMWv9K8LX5uwqUzdAWBMmUgUWxwGkBq5OCN2EB3GjPE3wNdt-3fEiyBuPvhyphenhyphenMmIYVL2qeyxBf9Ai7Sdh/s640/Lock+Dock.png" width="640" /></a></div>
<br />
Now you also understand what i meant when i said the Brush Dynamics are a somewhat hidden feature...;)<br />
<br />
Lets try to customize our 'All Purpose' Dynamic so that we get a random size and a variation of color.<br />
<br />
In the 'Paint Dynamics Editor' check the boxes at the intersection of Random, Color and Size.<br />
(make sure the Dynamic is switched on in the 'Paintbrush Tool Options' !)<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGTAYH_uwrot1TYsVV92TW59Lcvq75Z74oU5z1MZRaReSxlVc7N8T-NbG89mgeScj4TEPz4LBUp7PM1w90JgQ585hGqDUpr5JR4E0imqkIqpaAjLROGW3VrtNjokrbEhun_zxw8LkdaE8N/s1600/custom+dynamic.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="537" data-original-width="250" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGTAYH_uwrot1TYsVV92TW59Lcvq75Z74oU5z1MZRaReSxlVc7N8T-NbG89mgeScj4TEPz4LBUp7PM1w90JgQ585hGqDUpr5JR4E0imqkIqpaAjLROGW3VrtNjokrbEhun_zxw8LkdaE8N/s640/custom+dynamic.png" width="296" /></a></div>
<br />
Before you can make a teststroke, make sure to click the little plus so the 'Dynamics Options' in the 'Paintbrush Tool Options' are open. Choose a gradient from the 'Colour Options'.<br />
I used the hardedged two-color gradient with fully saturated colors to compensate the black background and the transparency of the Bokeh Brush.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnOmKOona16zExu8UakKbA9U3_6eTF63KFNbWwTXyakX1HZG-IB9DxQ0ColYIVDOyHeLqGebqa4__vWj-sCZwEZIiTbUk3UKN5lXgmHjG6o1z8j3AzcsAuKdd41rOXzALZ9hRcILSk301V/s1600/Color+Options.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1016" data-original-width="380" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnOmKOona16zExu8UakKbA9U3_6eTF63KFNbWwTXyakX1HZG-IB9DxQ0ColYIVDOyHeLqGebqa4__vWj-sCZwEZIiTbUk3UKN5lXgmHjG6o1z8j3AzcsAuKdd41rOXzALZ9hRcILSk301V/s1600/Color+Options.png" /></a></div>
<br />
This is the result of the teststroke. The 'Random Colour' Dynamic picks the colours from the gradient.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1WB_i9q8rZpAg4tpmfsoYNhaDMxwTy-i3eqKRwF5-kn0ZjWe5N9UBLRXDeQcKXkhIzvUmDVGNm_6Xv26T3eWejAAS-QdmKaXtArVWITDKdAtRtJK8VEh_rtcHkEappbYx01JjW4zAlWvH/s1600/Teststroke+Dynamic.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="864" data-original-width="884" height="624" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1WB_i9q8rZpAg4tpmfsoYNhaDMxwTy-i3eqKRwF5-kn0ZjWe5N9UBLRXDeQcKXkhIzvUmDVGNm_6Xv26T3eWejAAS-QdmKaXtArVWITDKdAtRtJK8VEh_rtcHkEappbYx01JjW4zAlWvH/s640/Teststroke+Dynamic.png" width="640" /></a></div>
<br />
You can also use shades of the same color with a normal 'FG to BG' gradient for a more subtle effect.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5QKvg9KFbhpLC9EWS19EEpI_2FUQteCzpGVqDunGIOozfYuV9bjNB0g3pxe82ifFk8RuqultB8aHsDpGVBSPZtdydVm60mwdO3ECTKMzouzaiaATIS_y7hDNGzsscLPGCyNohWLQOJCVo/s1600/Teststroke+II.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="864" data-original-width="884" height="624" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5QKvg9KFbhpLC9EWS19EEpI_2FUQteCzpGVqDunGIOozfYuV9bjNB0g3pxe82ifFk8RuqultB8aHsDpGVBSPZtdydVm60mwdO3ECTKMzouzaiaATIS_y7hDNGzsscLPGCyNohWLQOJCVo/s640/Teststroke+II.png" width="640" /></a></div>
<br />
You might notice, the size of our little halos varies from tiny to normal and i'd like to influence how small a single brushstroke gets.<br />
<br />
This is the ultimate level of the brush dynamics:<br />
if you have a look at the 'Paint Brush Dynamics Editor', there is a little drop-down menu, where it says 'Mapping matrix'.<br />
When you change it to 'Size', the look of the dialogue will change to a coordinate system.<br />
Make sure 'Random' is not only ticked but also highlighted blue !<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIuBmRhKc_Hyc_3Bg3IXjGQ692jNjV2Fn6TWIvijLlUPhFzIQY4TfIDGMNYM22PfR27fvoE3mzHGGs-ZCxkNdEzfvBFg9TFZj-5msTaeKfLFscVTkmgqdwgilWRLudWrHGx4C82WzTYFzF/s1600/Matrix.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="571" data-original-width="336" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIuBmRhKc_Hyc_3Bg3IXjGQ692jNjV2Fn6TWIvijLlUPhFzIQY4TfIDGMNYM22PfR27fvoE3mzHGGs-ZCxkNdEzfvBFg9TFZj-5msTaeKfLFscVTkmgqdwgilWRLudWrHGx4C82WzTYFzF/s640/Matrix.png" width="376" /></a></div>
<br />
The coordinate system is divided into eight rows and columns. Every square represents 12,5%.<br />
On the left we have 'Size' and on the right 'Random'.<br />
We can change the graph and control the behaviour of the randomness.<br />
<br />
I dont want any tiny brushstrokes.<br />
<br />
To exclude all tiny brushstrokes, all i have to do is change the point of the Size-graph to something higher.<br />
So for example, if i set it to the middle of the left side, the minimum size of the brushstroke will be limited to 50% of the original brushsize.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglz7FR70P5nYZMQvRSqDHekxDF4DCR3udancaO6eO0l4ytWIfy2jhypLuL8SaSIQlSsMlIrx_VCHq4PkZAGkmcmFOgzQT34jJE0n45kGtwJJYN2hPLhWGdO4ASiTKCnkBxNWryhrw7jhuP/s1600/Size+variation.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="571" data-original-width="336" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglz7FR70P5nYZMQvRSqDHekxDF4DCR3udancaO6eO0l4ytWIfy2jhypLuL8SaSIQlSsMlIrx_VCHq4PkZAGkmcmFOgzQT34jJE0n45kGtwJJYN2hPLhWGdO4ASiTKCnkBxNWryhrw7jhuP/s640/Size+variation.png" width="376" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
This is the result and as you can see, the circles have a lot less variation in size.</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYCfq88Aj59kePgl7e06Fe08FVvzJXZ2M1UkLtGlXCDKCxNBf9aH5rwdYS_GndFNXtncSEmyp6voklyldS1PjPp1dtRCb0u1VSPduo_fuXd1JrpED1ouTxVzbzLwdypJAIwqU43qABm6r7/s1600/size+result.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="400" data-original-width="800" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYCfq88Aj59kePgl7e06Fe08FVvzJXZ2M1UkLtGlXCDKCxNBf9aH5rwdYS_GndFNXtncSEmyp6voklyldS1PjPp1dtRCb0u1VSPduo_fuXd1JrpED1ouTxVzbzLwdypJAIwqU43qABm6r7/s640/size+result.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
That concludes this tutorial about custom Brush Dynamics.<br />
In the next post, i will show you how to combine multiple layers of randomly painted circles into an atmospheric Bokeh effect with the help of filtering.<br />
<br />
<div style="text-align: center;">
<a href="https://gimp-science-labs.blogspot.com/2019/01/bokeh-tests.html"><span style="color: #e06666;">https://gimp-science-labs.blogspot.com/2019/01/bokeh-tests.html</span></a></div>
<div style="text-align: center;">
<br /></div>
<div style="text-align: center;">
<br /></div>
<br />Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-76125943439797860362018-12-31T16:31:00.003-08:002020-09-11T13:20:21.693-07:00Goodbye & Hello<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhfqhI3sqf3k6Bu3j-r2tUYSb6ZtefjVbMYRkP2qtqdYKWTUzorhvSEZOf0QpTJp9K7MPJ3TXCa3-1o9-e8gXbvSHAykOP294V7fPyEgmCKtus7s_1lSYRGWc-XklRiZnrXIO0I40ENczN/s1600/HNY2019.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1330" data-original-width="1330" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhfqhI3sqf3k6Bu3j-r2tUYSb6ZtefjVbMYRkP2qtqdYKWTUzorhvSEZOf0QpTJp9K7MPJ3TXCa3-1o9-e8gXbvSHAykOP294V7fPyEgmCKtus7s_1lSYRGWc-XklRiZnrXIO0I40ENczN/s640/HNY2019.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<a name='more'></a>Made this in Inkscape because i wanted to try using the gradienteffect on the leaves.<br />
<br />
I added the grainy texture on the leaves in Gimp.<br />
<br />
For the grain texture i used a self-made brush.<br /><br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoTxC1uu2UyPs6k8qzqYrivp8uRGsEn4yRiwdTKvkg1RAFyByH0EKh-OR8eMSwj57gGUzJqHsVT2RvPLfzT9HMF4kYbaxyoAp5-GFIOmeVKxmu5The9TLfoHmfwAtNEy6EBNzEO3AMu8xq/s1600/GrainBrush.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="400" data-original-width="800" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoTxC1uu2UyPs6k8qzqYrivp8uRGsEn4yRiwdTKvkg1RAFyByH0EKh-OR8eMSwj57gGUzJqHsVT2RvPLfzT9HMF4kYbaxyoAp5-GFIOmeVKxmu5The9TLfoHmfwAtNEy6EBNzEO3AMu8xq/s400/GrainBrush.png" width="400" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: left;">
Found a version on my harddisk i forgot about, so why not post it as well. This one is 100% vector.</div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfwAqzBjoo2oZJ9Xw13TGZX_cYtze4WITy7kDmY_MMUzbDoB2Z3oPJXdz1eF0lBsW1kLlMlOFuMsK9Bhh1DKfpBa3sgQ-1sE9joPhBMdY5j8W9Oqc943P6LbzdAmoDyVRlXPa6DVIWzrnL/s1600/Kranz+Gradients2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="800" data-original-width="800" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfwAqzBjoo2oZJ9Xw13TGZX_cYtze4WITy7kDmY_MMUzbDoB2Z3oPJXdz1eF0lBsW1kLlMlOFuMsK9Bhh1DKfpBa3sgQ-1sE9joPhBMdY5j8W9Oqc943P6LbzdAmoDyVRlXPa6DVIWzrnL/s640/Kranz+Gradients2.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<br /></div>
<br />Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-57478434044822561352018-12-24T05:18:00.000-08:002020-09-11T13:20:20.653-07:00Merry Christmas 2018<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF9PEl8PNfSsrvhfDg2q3nGm6Iu6yeL_yPz9pkbqAx30fK1CLRhZmd-IDLQEjI4afue0TZxzPcSAD9K738kFTZ6-qIwnVes6krBT9yxGah2I3POlUtemXAn49OM12UNMGy4F0a5nPsI8KF/s1600/MerryChristmas2019.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="900" data-original-width="1600" height="360" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF9PEl8PNfSsrvhfDg2q3nGm6Iu6yeL_yPz9pkbqAx30fK1CLRhZmd-IDLQEjI4afue0TZxzPcSAD9K738kFTZ6-qIwnVes6krBT9yxGah2I3POlUtemXAn49OM12UNMGy4F0a5nPsI8KF/s640/MerryChristmas2019.jpg" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<a name='more'></a>Goldtext made in Gimp.<br />
Bead chains made with Inkscape.<br />
<br />
I used a<br />
<br />
snowtexture from: deviantart.com/funnybunny-stock<br />
<br />
and<br />
<br />
pinebrushes from: deviantart.com/hawksmontEspermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-21014779953702022052018-09-28T13:06:00.000-07:002020-09-11T13:20:19.076-07:00Gradient Alliance<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtivxCL-hY1enGQ0A6kf7-1-IOGFQU_IdqWSRe3zfD2lx-imCDOppWCZnBh67mF969a1nZ9SoMrtOLW2tpBAtfz86G9gJ-KUGEEzvmCAzLkg-7RIhcCyfiAcCMP8IZ5BPqm8QAjAu76Ede/s1600/Gradient+Alliance+2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="400" data-original-width="1000" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtivxCL-hY1enGQ0A6kf7-1-IOGFQU_IdqWSRe3zfD2lx-imCDOppWCZnBh67mF969a1nZ9SoMrtOLW2tpBAtfz86G9gJ-KUGEEzvmCAzLkg-7RIhcCyfiAcCMP8IZ5BPqm8QAjAu76Ede/s640/Gradient+Alliance+2.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<a name='more'></a>These are actually two seperate project pieces combined into one. I made the text in Inkscape first. The idea was to slice bevelled text into pieces and apply a gradient to each part. Took several days to get it right.<br />
<br />
The decorative squares are inspired by a Photoshop speedart video, which i tried to replicate in Gimp, but wasnt very successful.<br />
<br />
Photoshop has vector shapes and doesnt clip layers to the background which is a huge advantage when you want to rotate objects that are bigger than the canvas (Gimp cuts everything off).<br />
Also clipping mask are really handy.<br />
<br />
Then it seemed arakne's shape creator doesnt work in Gimp 2.10.<br />
I also got some odd edge behaviour from the layermask and scaling or rotating selections doesnt work very well either (never tried that before). So making these diamond shapes was too difficult.<br />
<br />
Next i gave it a try in Inkscape which wasnt much fun either, but i got it working.<br />
The Object Manager is basically a very good addition to the program but needs a lot of improvement to be of any real help and applying gradients is absolutely always a mess.<br />
<br />
I tweaked the final result in Gimp, because it looked a bit dull (contrast, brightness via Curves and a HighPass Filter). Another thing that is hard to change in Inkscape.Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-88638074116446355572018-08-16T13:39:00.000-07:002020-09-11T13:20:22.521-07:00Bubbles III<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheJFJuzm-coJx48tuQGVrf2iPjZ21U4359a98LHQH2bZ4teb3dO-een32IOVgCul-d0NWcvspu0gurQSMczSOo2V2DIfAeVmnNHUL5AILCBI843q9E4wabLWDxU4Bm1Yp8FfEPG_AesXMK/s1600/Bubbles3rippled.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="441" data-original-width="1000" height="282" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheJFJuzm-coJx48tuQGVrf2iPjZ21U4359a98LHQH2bZ4teb3dO-een32IOVgCul-d0NWcvspu0gurQSMczSOo2V2DIfAeVmnNHUL5AILCBI843q9E4wabLWDxU4Bm1Yp8FfEPG_AesXMK/s640/Bubbles3rippled.png" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />
<a name='more'></a>Tried to give the soap bubbles from the <a href="http://gimp-science-labs.blogspot.com/2013/06/bubble-filled-text.html"><span style="color: #6fa8dc;">Pack Sprites Tutorial</span></a> another go.<br />
Same procedure with Plasma and the GMIC - Water filter but also a few tricks like a Random deform to make it look more dynamic.Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0tag:blogger.com,1999:blog-1777552167902267171.post-81850635609586073562018-08-10T19:57:00.000-07:002020-09-11T13:20:22.108-07:00Pilot revisited<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid3yjjcQ_oaFQnYNRzspmft1RA-PvhkTbkbttoZV7lOWJ3oQRVp-e-r-IoeuGmY60jHZsv7MdBylJqAZVkU8u8pI-dzu_fQ36iZKbWRdM9Ab4KSV4yli3sfhoH2bzoM-zKEgE4AtDI5E0k/s1600/Pilot-krumm2018.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="640" data-original-width="701" height="365" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid3yjjcQ_oaFQnYNRzspmft1RA-PvhkTbkbttoZV7lOWJ3oQRVp-e-r-IoeuGmY60jHZsv7MdBylJqAZVkU8u8pI-dzu_fQ36iZKbWRdM9Ab4KSV4yli3sfhoH2bzoM-zKEgE4AtDI5E0k/s400/Pilot-krumm2018.jpg" width="400" /></a></div>
<br />
Two years ago i made this little doodle on paper which turned out nice enough for me wanting to try inking in a vector program.<br />
I had discovered <a href="https://www.youtube.com/user/jasonsecrest/videos"><span style="color: #e06666;">Jason Secrest's super cool YT channel</span></a>, but despite trying various techniques i was never able to get something i liked.<br />
<br />
My first attempt was all about <a href="http://gimp-science-labs.blogspot.com/2017/03/whats-up-partner.html"><span style="color: #6fa8dc;">rebuilding the sketch with shapes in Inkscape</span></a>, then applying "comic brushes" with 'Pattern along path', just as i learned from Jason's tutorials.<br />
But i wasnt satisfied with the outcome. With the perfect symmetry it had lost all the charme the original drawing had...<br />
<br />
My next step was to try and ink with a tablet. Took me ages to get a handle with the tablet and i have to say: i cant do it. My lines never come out as i want them, so for me this is very different to drawing on paper.<br />
Gimp has no working pressure sensitivity, Inkscape's smoothing feature didnt work too well and Krita lags on my outdated machine.<br />
<br />
I also tried the 'Power Stroke LPE' in Inkscape, which i dont find very practical. Its much easier and convenient to apply "brushes".<br />
<br />
But there is a <a href="https://freakfashion4u.wordpress.com/"><span style="color: #e06666;">spanish blog</span></a> im following and <a href="https://freakfashion4u.wordpress.com/2017/02/12/first-in/"><span style="color: #e06666;">one of the posts</span></a> had the look i wanted. Turns out the artist used a rather punk-ish approach to trace his art with the Bezier Tool, so thats what i did as well.<br />
Its not perfect yet, because i still have to clean up the lines a bit, but this is my best result so far. I used the 'Fill between strokes LPE' and a nice little trick im keeping to myself. But this may also solve my attempts on trying to trace a posterized image, like Shepard Fairey or Ben Hito do.<br />
<br />
The colouring was done in Inkscape. The background texture and halftone glow in Gimp.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<br />Espermaschinehttp://www.blogger.com/profile/05626076751537465731noreply@blogger.com0