Jakub Steiner Designer. Camera Pilot. http://jimmac.musichall.cz/blog 2017-11-27T21:44:00Z Jakub Steiner London UX Hackfest http://jimmac.musichall.cz/blog/2017-11-27-london-ux-hackfest/ 2017-11-27T21:44:00Z 2017-11-27T23:01:03+01:00 Article Author <p class='image full'> <iframe src='https://player.vimeo.com/video/244096946' height='500' class='image full' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <small><a href='https://vimeo.com/244096946'>London UX Hackfest</a> from <a href='https://vimeo.com/jimmacfx'>jimmac</a> on <a href='https://vimeo.com'>Vimeo</a>.</small> </p> Thanks to the GNOME Foundation, a handful of designers and developers got together last week in London to refocus on the core element of the GNOME experience, the shell. <a href="https://blogs.gnome.org/aday/2017/11/22/gnome-shell-ux-hackfest/">Allan</a> and <a href="https://medium.com/system76/gnome-ux-hackfest-2017-3b3db7298155">Cassidy</a> have already summed up everything in their well written blog posts, so I&rsquo;d like to point to some pretty pictures and the video above. <p class="row"> <a data-flickr-embed="true" href="https://www.flickr.com/photos/jakubsteiner/38509516822/in/album-72157689461399504/" title="" class="image 4u"><img src="https://farm5.staticflickr.com/4551/38509516822_a21ee5f08e.jpg" alt=""></a> <a data-flickr-embed="true" href="https://www.flickr.com/photos/jakubsteiner/37653331355/in/album-72157689461399504/" title="" class="image 4u"><img src="https://farm5.staticflickr.com/4527/37653331355_182ff89271.jpg" alt=""></a> <a data-flickr-embed="true" href="https://www.flickr.com/photos/jakubsteiner/38484985396/in/album-72157689461399504/" title="" class="image 4u"><img src="https://farm5.staticflickr.com/4534/38484985396_5d917bcde6.jpg" alt=""></a> </p> <p>Stay tuned for some higher fidelity proposals in the areas of app switching &amp; launching and the lock/login experience.</p> <div class='image '><h1></h1> <img alt='' src='index/sponsored.png'> </div> Blender Daily Doodles — Day 28 http://jimmac.musichall.cz/blog/2017-10-16-blender-daily-doodles--day-28/ 2017-10-16T00:23:00Z 2017-10-16T12:21:16+02:00 Article Author <p>People following me on Instagram have been asking why I do the daily renders. You&rsquo;re not gonna get better by thinking about it. The arsenal of tools and methods in Blender is giant and over the years I still struggle to call myself proficient in any of them.</p> <div class="row nogap"> <div class='image 4u'><h1></h1> <img alt='' src='index/01.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/02.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/03.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/04.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/05.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/06.jpg'> </div> </div> <p>&nbsp;</p> <div class="row nogap"> <div class='image 4u'><h1></h1> <img alt='' src='index/07.png'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/08.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/09.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/10.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/11.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/12.jpg'> </div> </div> <p>&nbsp;</p> <div class="row nogap"> <div class='image 4u'><h1></h1> <img alt='' src='index/13.png'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/14.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/15.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/16.png'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/17.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/18.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/19.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/20.jpg'> </div> </div> <p>&nbsp;</p> <div class="row nogap"> <div class='image 4u'><h1></h1> <img alt='' src='index/21.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/22.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/23.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/24.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/25.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/26.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/27.jpg'> </div> <div class='image 4u'><h1></h1> <img alt='' src='index/28.jpg'> </div> </div> <p>Follow me on <a href="http://instagram.com/jimmacfx">Instagram</a> to see them come alive. I&rsquo;m probably not gonna maintain the daily routine, but I will continue doing these.</p> Blender Daily Doodles http://jimmac.musichall.cz/blog/2017-09-24-blender-daily-doodles/ 2017-09-24T11:00:00Z 2017-09-25T08:44:39+02:00 Article Author <p>If you follow me on <a href="http://instagram.com/jimmacfx">Instagram</a> or <a href="https://www.youtube.com/JakubSteiner">Youtube</a>, you&rsquo;ve probably noticed all my spare time has been consumed by flying racing drones recently. Winter is approaching, so I&rsquo;d rather spare my fingers from freezing and focus on my other passion, 3D doodling.</p> <div class='image full'> <img alt='Modifier stack explorations' src='/log/index/index/blender-doodle1.png'> <small>Modifier stack explorations</small> </div> <p>This blog post is the equivalent of a new year&rsquo;s resolution. I&rsquo;ll probably be overwhelmed by duties and will drop out from this, but at least being public about it creates some pressure to keep trying. Feel free to help out with the motivation :)</p> <div class='image full'> <img alt='Animation Nodes is amazing' src='/log/index/index/blender-doodle2.png'> <small>Animation Nodes is amazing</small> </div> GUADEC 2017 Manchester http://jimmac.musichall.cz/blog/2017-08-28-guadec-2017-manchester/ 2017-08-28T11:44:00Z 2017-08-28T13:56:25+02:00 Article Author <p>Really enjoyed this year&rsquo;s GUADEC. Thanks everyone for coming and the local team for pulling off a perfectly organized conference.</p> <p class='image full'> <iframe src='https://player.vimeo.com/video/230936701' height='500' class='image full' frameborder='0' webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <small><a href='https://vimeo.com/230936701'>GUADEC 2017 Manchester</a> from <a href='https://vimeo.com/jimmacfx'>jimmac</a> on <a href='https://vimeo.com'>Vimeo</a>.</small> </p> <p>Check out a few <a href="https://www.flickr.com/photos/jakubsteiner/albums/72157685439498403">photos</a> too.</p> <p class="row"> <a data-flickr-embed="true" href="https://www.flickr.com/photos/jakubsteiner/35875770174/in/album-72157685439498403/" title="" class="image 4u"><img src="https://farm5.staticflickr.com/4404/35875770174_021c72eb0d.jpg" alt=""></a> <a data-flickr-embed="true" href="https://www.flickr.com/photos/jakubsteiner/35875777124/in/album-72157685439498403/" title="" class="image 4u"><img src="https://farm5.staticflickr.com/4351/35875777124_5d3d1f6da1.jpg" alt=""></a> <a data-flickr-embed="true" href="https://www.flickr.com/photos/jakubsteiner/36541111212/in/album-72157685439498403/" title="" class="image 4u"><img src="https://farm5.staticflickr.com/4409/36541111212_9ac7206594.jpg" alt=""></a> </p> Recipe Icon http://jimmac.musichall.cz/blog/2017-03-31-recipe-icon/ 2017-03-31T10:52:00Z 2017-03-31T12:56:13+02:00 Article Author <p>Initially I was going to do a more elaborate workflow tutorial, but time flies when you&rsquo;re having fun on 3.24. With the release out, I&rsquo;d rather publish this than let it rot. Maybe the next one!</p> <p> <iframe width='100%' height='500' src='https://www.youtube.com/embed/dfw-aifD5qg' frameborder='0' allowfullscreen> <a href='https://www.youtube.com/watch?v=dfw-aifD5qg'></a>Recipe Icon</iframe> </p> Blender Constraints http://jimmac.musichall.cz/blog/2017-03-20-blender-constraints/ 2017-03-20T10:00:00Z 2017-04-03T01:09:31+02:00 Article Author <p>Last time I wrote about <a href="/blog/2017-01-25-artistic-constraints/">artistic constraints</a> being useful to remain focus and be able to push yourself to the max. In the near future I plan to dive into the new contstraint based layout of gtk4, <a href="https://www.bassi.io/tag/gtk/">Emeus</a>. Today I&rsquo;ll briefly touch on another type of constraint, the <a href="http://blender.org">Blender</a> object constraint!</p> <p>So what are they and how are they useful in the context of a GNOME designer? We make quite a few prototypes and one of the things to decide whether a behavior is clear and comprehensible is motion design, particularly transitions. And while we do not use tools directly linked to out stack, it helps to build simple rigs to lower the manual labor required to make sometimes similar motion designs and limit the number of mistakes that can be done. Even simple animations usually consist of many keyframes (defined, non-computed states in time). Defining relationships between objects and createing setups, &ldquo;rigs&rdquo;, is a way to create of a sort of working model of the object we are trying to mock up.</p> <div class='image full'> <img alt='Blender Constraints' src='/log/index/index/blender-constraints.png'> <small>Blender Constraints</small> </div> <p>Constraints in Blender allow to define certain behaviors of objects in relation to others. Constraints allow you to limit movement of an object to specific ranges (a scrollbar not being able to be dragged outside of its gutter), or to convert certain motion of an object to a different transformation of another (a slider adjusting a horizon of an image, ie. rotating it). </p> <p>The simplest method of defining relation is through a hierarchy. An object can become a parent of another, and thus all children will inherit movements/transforms of a parent. However there are cases — like interactions of a cursor with other objects — where this relationship is only temporary. Again, constraints help here, in particular the <em>copy location</em> constraint. This is because you can define the influence strength of a constraint. Like everything in Blender, this can also be keyframed, so at some point you can follow the cursor and later disengage this tight relationship. Btw if you ever though you can manualy keyframe two animations manually so they do not <em>slide</em>, think again.</p> <div class='image full'> <img alt='Inverse transform in Blender' src='/log/index/index/blender-constraints.gif'> <small>Inverse transform in Blender</small> </div> <p>The GIF screencasts have been created using Peek, which is <a href="http://flatpak.uploadedlobster.com/peek-stable.flatpakref">available to download</a> as a <a href="http://flatpak.org/apps.html">flatpak</a>.</p> <div class='image full'> <img alt='Peek, a GIF screencasting app.' src='/log/index/index/peek.png'> <small>Peek, a GIF screencasting app.</small> </div>