<?xml version="1.0" encoding="UTF-8"?>
<!--Generated by Squarespace V5 Site Server v5.13.384-154 (http://www.squarespace.com) on Mon, 07 Mar 2016 00:18:25 GMT--><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><title>Captain Awesome (EN)</title><link>http://blog.kam88.com/en/</link><description></description><lastBuildDate>Mon, 12 Oct 2015 14:18:26 +0000</lastBuildDate><copyright></copyright><language>en-US</language><generator>Squarespace V5 Site Server v5.13.384-154 (http://www.squarespace.com)</generator><item><title>Transform Each 2.1 Update</title><category>scripts</category><dc:creator>Kamil Khadeyev</dc:creator><pubDate>Mon, 03 Aug 2015 19:54:28 +0000</pubDate><link>http://blog.kam88.com/en/transform-each-21-update.html</link><guid isPermaLink="false">958249:11079850:35433551</guid><description><![CDATA[<p>Since Adobe have changed how some stuff work in Photoshop scripting, Transform Each script required an update. I rewrote its UI from the scratch and while I was there, I also added Preview button. And yes, it finally <strong>works in CC2014/2015</strong>. Yay!</p>

<p><a href="http://blog.kam88.com/getTransformEach21">
<img src="http://blog.kam88.com/storage/post-images/transformeach21_preview_small.gif" alt="" class="roundcorners"/>
</a></p>

<p><a href="http://blog.kam88.com/getTransformEach21" class="btn">Download</a>
<small><center>Requires Adobe Photoshop CS5, CS6, CC2014 or CC2015.</center></small></p>

<p>You can place the script into <code>Photoshop/Presets/Scripts</code> folder and access it from <code>File → Scripts</code> menu. <br />
You can also setup a custom hotkey in <code>Edit → Keyboard shortctus…</code></p>

<p>UI and functions remained pretty much the same, so you can review description of each slider in <a href="http://blog.kam88.com/en/transform-each-20.html">the previous post</a>  </p>

<p><img src="http://blog.kam88.com/storage/TransformEach21.png" alt="" class="roundcorners"/></p>

<p>I've added Preview button, which give you ability to preview transformation result before applying it. May be pretty useful.</p>

<h2>Take a notice</h2>

<p>CC2014/2015 users may experience some interface “flashing” while clicking Preview button. It doesn't affect anything, it's just how things work in the new version of Photoshop, I couldn't find a way to fix this (if you know how — tell me in the comments) <br />
Maybe Adobe will fix this in future patches.</p>

<p>Anyway, hope you'll enjoy using updated version!</p>
]]></description><wfw:commentRss>http://blog.kam88.com/en/rss-comments-entry-35433551.xml</wfw:commentRss></item><item><title>Move Tool bug in Photoshop</title><category>tips</category><dc:creator>Kamil Khadeyev</dc:creator><pubDate>Wed, 29 Apr 2015 00:30:46 +0000</pubDate><link>http://blog.kam88.com/en/move-tool-bug-in-photoshop.html</link><guid isPermaLink="false">958249:11079850:35323476</guid><description><![CDATA[<p><img src="http://blog.kam88.com/storage/post-images/movetool-bug/movetool-bug_main.png" alt="" title="" />
Encountered with a weird bug in Photoshop today. Every time when I tried to move a layer using my wacom tablet it just snapped back to its initial position (see the gif below). At the same time, keyboard arrows and regular mouse worked normally. </p>

<p>It is not the first time when I encounter this, so I decided to write this post so I could remember how to fix this again, and maybe it'll help some of you too.  </p>

<h2>How it looks</h2>

<p>Here's a gif showing how this bug looks like:</p>

<p><img src="http://blog.kam88.com/storage/post-images/movetool-bug/movetool-bug_preview.gif" alt="" title="" /></p>

<h2>How to fix this (OS X)</h2>

<p>And in case you ever encounter the same thing here&#39;s how to fix this:</p>

<ol>
    <li>Quit Photoshop and open Activity Monitor.app and shut down <code>WacomTabletDriver</code> process</li>
    <li>Relaunch Wacom Tablet Driver, it is just regular *.app file stored in <code>/Library/Application Support/Tablet/</code></li>
    <li>Launch your Photoshop, everything should work fine now</li>
</ol>

<h2>Yep</h2>

<p>Way to go Wacom!</p>
]]></description><wfw:commentRss>http://blog.kam88.com/en/rss-comments-entry-35323476.xml</wfw:commentRss></item><item><title>Parsing Colors from Image in Photoshop</title><category>scripts</category><dc:creator>Kamil Khadeyev</dc:creator><pubDate>Wed, 20 Aug 2014 19:15:45 +0000</pubDate><link>http://blog.kam88.com/en/parsing-colors-from-image-in-photoshop.html</link><guid isPermaLink="false">958249:11079850:34975855</guid><description><![CDATA[<p><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@darkwark">
<meta name="twitter:creator" content="darkwark">
<meta name="twitter:title" content="Parsing Colors from Image in Photoshop (Script)">
<meta name="og:description" content="Recently Marc Edwards wrote an article on creating color palettes using adjustment layers. I made a script that helps import these palettes to Swatches panel in Photoshop">
<meta name="twitter:image:src" content="http://blog.kam88.com/storage/post-images/colorparser/main.png"></p>

<p><img src="http://blog.kam88.com/storage/post-images/colorparser/main.png" alt="" title="" />
Recently, <a href="https://twitter.com/marcedwards">Marc Edwards</a> from <a href="https://twitter.com/bjango">@Bjango</a> wrote an <a href="http://bjango.com/articles/adjustmentlayers/">article</a> on creating color palettes using adjustment layers. Pretty neat idea. But getting all of the color values from resulting image manually can be tedious. So, I made a script that solves this problem. </p>

<h3>What it does</h3>

<p>Script parses image for colors and add them to your swatches library (<code>Window → Swatches</code>)  </p>

<p><img src="http://blog.kam88.com/storage/post-images/colorparser/slide1.png" alt="" title="" /></p>

<h3>How to use it</h3>

<p>1) First of all you'll need a grid of colors. Read <a href="http://bjango.com/articles/adjustmentlayers/">Marc's article</a> on how to make it:</p>

<p><img src="http://blog.kam88.com/storage/post-images/colorparser/instructions1.png" alt="" title="" /></p>

<p>2) Then you have to make a rectangular selection that contains all of your colors. Use ⌘+click in Layers panel for percise selection:</p>

<p><img src="http://blog.kam88.com/storage/post-images/colorparser/instructions3.png" alt="" title="" /></p>

<p>3) Now it's time to run the script. Here you'll need to specify amount of rows and columns of your colors grid:</p>

<p><img src="http://blog.kam88.com/storage/post-images/colorparser/instructions4-1.png" alt="" title="" /></p>

<p><img src="http://blog.kam88.com/storage/post-images/colorparser/instructions4-2.png" alt="" title="" /></p>

<p>4) When you hit “OK” script will scan your selection for colors and add them to your swatches panel (<code>Window → Swatches</code>):</p>

<p><img src="http://blog.kam88.com/storage/post-images/colorparser/instructions5.png" alt="" title="" /></p>

<p>That's it! From there you can either export your palette as Adobe Color File (.aco) or use it right away inside your Photoshop.</p>

<p>You actually don't have to use rectangular or square pieces of colors for this. Just make sure that all of your colors lay down in some kind of a grid. Script will basically split your selection into zones and will pick colors from each one:</p>

<p><img src="http://blog.kam88.com/storage/post-images/colorparser/instructions2.gif" alt="" title="" /></p>

<h3><a href="http://cl.ly/X8FP/f">Download Color Parser.jsx</a></h3>

<p>You may want to place it into your <code>Photoshop/Presets/Scripts</code> folder to have a quick access from <code>File → Scripts</code> menu.</p>

<p>Script was tested in <strong>Photoshop CS5, CS6 and CC’14</strong></p>

<h3>Fun Part</h3>

<p>Scanning for color palettes may be fun. But what if we will use pixel art picture as a source image? Surprisingly enough, script will depict this image inside of your swatches panel!</p>

<p>For example, you can pick Super Mario sprite and make a rectangular selection around it:</p>

<p><img src="http://blog.kam88.com/storage/post-images/colorparser/supermario1.png" alt="" title="" /></p>

<p>Then enter its pixel dimensions as <code>rows</code> (height) and <code>columns</code> (width)</p>

<p><img src="http://blog.kam88.com/storage/post-images/colorparser/supermario2.png" alt="" title="" /></p>

<p>And voilà!</p>

<p><img src="http://blog.kam88.com/storage/post-images/colorparser/supermario_animation.gif" alt="" title="" /></p>

<p>Take a notice in our case script will make <code>29 × 18 = 522</code> color swatches, so it can take few moments to finish. Also make sure to empty your swatches before running the script, here's <a href="http://viget.com/inspire/clean-up-photoshop-swatches-and-styles">Mindy Wager writes  how to do it</a></p>

<h3>Yep</h3>

<p>Hope you'll have some fun with this script! :)
<!-- AddThis Button BEGIN --></p>

<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet" tw:text='Parsing Colors from Image in Photoshop (Script):'></a>
</div>

<script type="text/javascript">
    var addthis_share = {
          url: "http://dwrk.me/colorParser",
    }
    var addthis_config = {
        data_track_clickback: false
    }
</script>

<script type="text/javascript" src="http://blog.kam88.com//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-537e4dcd5fc7fd9e"></script>

<!-- AddThis Button END -->
]]></description><wfw:commentRss>http://blog.kam88.com/en/rss-comments-entry-34975855.xml</wfw:commentRss></item><item><title>RotateMe 3.0</title><category>scripts</category><dc:creator>Kamil Khadeyev</dc:creator><pubDate>Wed, 28 May 2014 19:05:02 +0000</pubDate><link>http://blog.kam88.com/en/rotateme-30.html</link><guid isPermaLink="false">958249:11079850:34841125</guid><description><![CDATA[<p><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@darkwark">
<meta name="twitter:creator" content="darkwark">
<meta name="twitter:title" content="Photoshop Script: RotateMe 3.0">
<meta name="og:description" content="RotateMe is a script that makes desired amount of clones for selected layer and places all copies around a circle">
<meta name="twitter:image:src" content="http://blog.kam88.com/storage/post-images/rotateme3/main.png">
<img src="http://blog.kam88.com/storage/post-images/rotateme3/main.png" alt="" title="" />
Hey I made a new version of RotateMe script, previous one was a bit too simple because I wrote it for <a href="http://www.smashingmagazine.com/2013/07/25/introduction-to-photoshop-scripting/">SmashingMag article</a> to overview scripting for Photoshop, so I decided to create something more interesting with new UI and fancy functions. And here it is.</p>

<h3>What is it?</h3>

<p>Basically, RotateMe is a script that makes desired amount of clones for selected layer and places all copies around a cricle</p>

<p><img src="http://blog.kam88.com/storage/post-images/rotateme3/slide1.gif" alt="" title="" />
In new version you can specify radius of the circle and give some rotation to each copy</p>

<p><img src="http://blog.kam88.com/storage/post-images/rotateme3/slide2.gif" alt="" title="" />
So you can make some interesing things with it, like flowers, preloaders or even clock face</p>

<p><img src="http://blog.kam88.com/storage/post-images/rotateme3/examples.png" alt="" title="" /></p>

<h3><a href="http://blog.kam88.com/getRotateMe3">Download [KAM] RotateMe 3.jsx</a></h3>

<p>Put downloaded file into <code>Photoshop/Presets/Scripts</code> directory and restart your Photoshop. Script will appear in <code>File → Scripts → [KAM] RotateMe 3</code>  </p>

<p>You can also setup a hotkey in <code>Edit→Keyboard Shortcuts…</code> </p>

<p>Tested on Photoshop CS5, CS6 and CC.</p>

<h3>User Interface</h3>

<p>Script's UI looks like this: </p>

<p><img src="http://blog.kam88.com/storage/post-images/rotateme3/window.png" alt="" title="" /></p>

<p>In Properties you'll find: <br />
- <code>Copies</code> — total amount of duplicates <br />
- <code>Radius</code> — distance from the center in which each copy will be placed <br />
- <code>Rotation</code> — here you can specify rotation for each copy  </p>

<p>In Options you can find: <br />
- <code>Rotate Relative To Center</code> — I guess it's easier to show a picture:  </p>

<p><img src="http://blog.kam88.com/storage/post-images/rotateme3/rotateRelativeCenter.png" alt="" title="" /></p>

<p>I also added these options because of some requests in comments to previous scripts: <br />
- <code>Group Layers</code> — puts all new copies in a group folder <br />
- <code>Save Original Layer</code> — check this to save original layer, otherwise it'll be deleted   </p>

<h3>Using with <a href="http://blog.kam88.com/en/transform-each-20.html">Transform Each 2.0</a></h3>

<p><a href="http://blog.kam88.com/en/transform-each-20.html">My previous script</a> can be really useful here if you want to tune up some options after using RotateMe, like rotation: </p>

<p><img src="http://blog.kam88.com/storage/post-images/rotateme3/transformEach.gif" alt="" title="" /></p>

<p>Or scaling of individual layers for more interesting results:</p>

<p><img src="http://blog.kam88.com/storage/post-images/rotateme3/transformEach2.gif" alt="" title="" /></p>

<h3>Yup</h3>

<p>There you have it, hope you'll have some fun with this new script. Sometimes you can come up with really interesting results, hope to see some of them in comments ;)</p>

<!-- AddThis Button BEGIN -->

<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet" tw:text='Photoshop Script: RotateMe 3.0'></a>
</div>

<script type="text/javascript">
    var addthis_share = {
         url_transforms : {
              shorten: {
                   twitter: 'bitly'
              }
         }, 
         shorteners : {
              bitly : {} 
         }
    }
</script>

<script type="text/javascript" src="http://blog.kam88.com//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-537e4dcd5fc7fd9e"></script>

<!-- AddThis Button END -->
]]></description><wfw:commentRss>http://blog.kam88.com/en/rss-comments-entry-34841125.xml</wfw:commentRss></item><item><title>Transform Each 2.0</title><category>scripts</category><dc:creator>Kamil Khadeyev</dc:creator><pubDate>Thu, 27 Feb 2014 19:22:16 +0000</pubDate><link>http://blog.kam88.com/en/transform-each-20.html</link><guid isPermaLink="false">958249:11079850:34664987</guid><description><![CDATA[<p><img src="http://blog.kam88.com/storage/post-images/transformeach2/main.png" alt="Main" title="" />
You know that feeling, when you look at your old works and think “What was I thinking!”. So, I looked at <a href="http://blog.kam88.com/en/transform-each-beta-script.html">Transform Each script</a> with same thoughts and decided to make an update for it.</p>

<p>I rewrote it from the ground, fixed previous bugs, redesigned the interface and added some features, which were requested in comments. </p>

<p>If you're new here, Transform Each is a script that gives ability to make individual transformations with a group of layers:</p>

<div class="message_update">This version of the script is depricated. <a href="http://blog.kam88.com/en/transform-each-21-update.html">Update is here →</a></div>

<p><img src="http://blog.kam88.com/storage/post-images/transformeach2/transformEach-example.gif" alt="" title="" />  </p>

<p><strike>Download Transform Each 2.0 (25 KB)</strike></p>

<h3><a href="http://blog.kam88.com/en/transform-each-21-update.html">Transform Each 2.1 is live. Get it here →</a></h3>

<p>Move downloaded file to <code>Photoshop/Presets/Scripts/</code> and it'll be available in Photoshop through the menu <code>File → Scripts → ...</code></p>

<p>You can also set shortcut in  <code>Edit → Keyboard Shortcuts…</code> (open  <code>File&gt; Scripts&gt;</code> and find installed script).  </p>

<p>Tested in <strong>Adobe Photoshop CS5, CS6, CC</strong></p>

<h2>New Interface</h2>

<p>I guess most noticeable change is script's new interface: </p>

<p><img src="http://blog.kam88.com/storage/post-images/transformeach2/ui.png" alt="New look" title="" />
I decided to get rid of <code>Skew</code>, <code>Move</code> and <code>Random</code>, because, well, they were not so useful. Excpet for the <code>Random</code> I guess, it has potential, but I think it needs some rethinking, maybe I'll make it as a separate script someday. Anyway, as the result we have <code>Scale</code> and <code>Rotate</code> — functions that were most popular among people I polled. </p>

<h2>Anchor Point</h2>

<p>I also added option to select the anchor point — point around which all transformations will be made. You can choose one of the nine positions: top left corner, middle center, bottom right corner etc. You can see how it works on this gif:  </p>

<p><img src="http://blog.kam88.com/storage/post-images/transformeach2/aPoint-example.gif" alt="" title="" />
Basically it replicates functionality of the same control in Photoshop's transform tool options.</p>

<h2>Small fixes</h2>

<p>Beside that, Transform Each now works correctly with layers inside different groups and you can now undo all script actions in one click. Finally.</p>

<h2>Yep</h2>

<p>Yeah, it's 2.0 despite of the fact that previous version was just “Beta”. Because this is how things are work here, son. <br />
Anyway, hope you'll find this update useful. Have fun!</p>
]]></description><wfw:commentRss>http://blog.kam88.com/en/rss-comments-entry-34664987.xml</wfw:commentRss></item><item><title>Group Layer Renaming (Script)</title><category>scripts</category><dc:creator>Kamil Khadeyev</dc:creator><pubDate>Wed, 02 Oct 2013 17:15:11 +0000</pubDate><link>http://blog.kam88.com/en/group-layer-renaming-script.html</link><guid isPermaLink="false">958249:11079850:34301928</guid><description><![CDATA[<p><img src="http://blog.kam88.com/storage/post-images/layerRenamer_APR/main.png" alt="" title="" />
Hey! I made a script. Again. This time (I hope) it will help you with group layer renaming. Script can append, prepend or replace layer name with entered text. </p>

<p><img src="http://blog.kam88.com/storage/post-images/layerRenamer_APR/beforeafter1.png" alt="" title="" /></p>

<p>Should be useful if you are layer organization geek or if you use applications like <a href="http://macrabbit.com/slicy/">Slicy</a> or new Photoshop CC feature called <a href="http://blogs.adobe.com/photoshopdotcom/2013/09/introducing-adobe-generator-for-photoshop-cc.html">Image Assets</a>, that can export layers using tags in their names.</p>

<h2>Download and Install</h2>

<p><a href="http://blog.kam88.com/layersRenamerAPR"><strong>Download Latest Version of the Script</strong></a> <br />
Put downloaded file into <code>Photoshop/Presets/Scripts/</code> and restart Photoshop. Script will be available in the menu <code>File → Scripts → [KAM] Layers Renamer - APR</code></p>

<p>And as always you can setup a custom hotkey for the script in <code>Edit → Keyboard Shortcuts…</code>. I have <code>F2</code> hotkey for renaming layers (basically it is <code>Layer (Group) Properties</code>), so I used <strong>alt+F2</strong> for group renaming.</p>

<h2>How it works</h2>

<p>Basically, all you need is select target layers, run the script, enter new text and choose renaming method:</p>

<p><img src="http://blog.kam88.com/storage/post-images/layerRenamer_APR/scriptwindow.png" alt="" title="" /></p>

<p>Methods are: <br />
<code>Append</code> — add text at the end of the layer name; <br />
<code>Prepend</code> — add text at the beginning of the layer name; <br />
<code>Replace</code> — completely replace layer name by entered text  </p>

<p>I also added special keyword <strong>%n</strong>, that will be replaced by layer's index while renaming process.</p>

<p>For example, if you enter <code>Item #%n</code>:</p>

<p><img src="http://blog.kam88.com/storage/post-images/layerRenamer_APR/n-word_step1.png" alt="" title="" /></p>

<p>Then layers will have names like <code>Item #1</code>, <code>Item #2</code>, <code>Item #3</code> and so on:</p>

<p><img src="http://blog.kam88.com/storage/post-images/layerRenamer_APR/n-word_step2.png" alt="" title="" /></p>

<p><strong>Update according layer folders renaming:</strong></p>

<blockquote class="twitter-tweet"><p>if you use <a href="https://twitter.com/darkwark">@darkwark</a>&#39;s Layer Renaming script in PS CS6 – use cmd to select multiple groups not shift, then it only renames the group folder</p>&mdash; Matthew Rose (@matrose25) <a href="https://twitter.com/matrose25/statuses/395902803996319744">October 31, 2013</a></blockquote>

<script async src="http://blog.kam88.com//platform.twitter.com/widgets.js" charset="utf-8"></script>

<h2>Yup</h2>

<p>Finally I released this script, hehe. Its functionality were done a while ago, but I was lazy to make a UI for it. But here it is. Hope it will help in your workflow. </p>

<p>Have a good week!</p>
]]></description><wfw:commentRss>http://blog.kam88.com/en/rss-comments-entry-34301928.xml</wfw:commentRss></item><item><title>Introduction To Photoshop Scripting</title><dc:creator>Kamil Khadeyev</dc:creator><pubDate>Tue, 30 Jul 2013 18:27:12 +0000</pubDate><link>http://blog.kam88.com/en/introduction-to-photoshop-scripting.html</link><guid isPermaLink="false">958249:11079850:34079494</guid><description><![CDATA[<p><img src="http://blog.kam88.com/storage/post-images/scripting_smash/scripting-smash.png" alt="" title="" />
I finished an article about basics of writing scripts for Photoshop. I walk through some theory of Photoshop Object Model and then I show step by step process of writing RotateMe script (which is remastered version of my <a href="http://blog.kam88.com/en/rotateme-photoshop-actions.html">old action</a>). Hope it will help some of you to get started.  </p>

<p><a href="http://www.smashingmagazine.com/2013/07/25/introduction-to-photoshop-scripting/">Read on Smashing Magazine ...</a></p>
]]></description><wfw:commentRss>http://blog.kam88.com/en/rss-comments-entry-34079494.xml</wfw:commentRss></item><item><title>Lighten / Darken Color (Script)</title><category>scripts</category><dc:creator>Kamil Khadeyev</dc:creator><pubDate>Thu, 18 Jul 2013 17:34:37 +0000</pubDate><link>http://blog.kam88.com/en/lighten-darken-color-script.html</link><guid isPermaLink="false">958249:11079850:34035005</guid><description><![CDATA[<p><img src="http://blog.kam88.com/storage/post-images/lighten-darken-color/main.png" alt="Lighten / Darken Color" title="" />
While working on one project I came up with a small script that helps dealing with color in Photoshop, thought that it can be useful for someone else, so I decided to share it here</p>

<p>Long story short, script makes you able to setup a hotkeys for changing foreground color's brightness  </p>

<p><img src="http://blog.kam88.com/storage/post-images/lighten-darken-color/colorpick.png" alt="" title="" /></p>

<p>There are actually two scripts: one increases brightness by 10% and another decreases it</p>

<p><img src="http://blog.kam88.com/storage/post-images/lighten-darken-color/preview.png" alt="Preview" title="" /></p>

<p>Of course, you can do it manually in color picker or in Color panel, but I always wanted to have a hotkey for this. If you missed this too, download link and instructions are below.</p>

<h2>Download</h2>

<p>Latest version of the script can be <a href="http://blog.kam88.com/getColorLD">downloaded here</a>.</p>

<h2>Installing</h2>

<p>In the archive you'll find two script files: <code>[KAM] Color Darken.jsx</code> and <code>[KAM] Color Lighten.jsx</code>   </p>

<p>You have to put them into <code>Photoshop/Presets/Scripts/</code>, just like regular scripts, nothing special</p>

<p><img src="http://blog.kam88.com/storage/post-images/lighten-darken-color/hotkey.png" alt="Hotkey" title="" /></p>

<p>Then, you have to restart Photoshop and go to `Edit → Keyboard Shortcuts...<code>then</code>File ><code>,</code>Scripts >`` look for just installed scripts and setup hotkeys for them. My shortcuts look like this:</p>

<ul>
<li>Color Darken — <code>cmd+alt+[</code>  </li>
<li>Color Lighten — <code>cmd+alt+]</code>  </li>
</ul>

<p>I was kind of surprised that they were available. After configuring hotkeys you are ready to go.</p>

<h2>Yup</h2>

<p>Yeah, again blog-post about scripts for Photoshop. And I can not promise you that it will be the last one — I have  few more in the development process :P</p>

<p>Anyway, hope this will be helpful in your workflow. Have a good summer everyone!</p>

<p>P.S.: And sorry for my poor English guys, hehe (read recently in Twitter that someone is lol'ing about it)</p>
]]></description><wfw:commentRss>http://blog.kam88.com/en/rss-comments-entry-34035005.xml</wfw:commentRss></item><item><title>TemplateGen Beta (Script)</title><category>scripts</category><dc:creator>Kamil Khadeyev</dc:creator><pubDate>Wed, 29 May 2013 14:54:21 +0000</pubDate><link>http://blog.kam88.com/en/templategen-beta-script.html</link><guid isPermaLink="false">958249:11079850:33771505</guid><description><![CDATA[<p><img src="http://blog.kam88.com/storage/post-images/templategen/main.png" alt="" title="" />
And here I am with new script. This time it is inteded to help you to deal with templates in Photoshop.</p>

<p>If you like me, then you know the problem with templates in Photoshop. Everything that Adobe gave us is document size presets. It's cool, but not enough, for me at least. I have bunch of “starter-kits” for different design tasks, like iOS icon grid or iPhone screen with native navigation bar, tab bar etc. I have to duplicate them to my project folder again and again.   </p>

<p>I think, such routine processes should be automated and be done by computer, to save our precious time for actual work. Therefore I decided to write this script.</p>

<h2>What it is?</h2>

<p>Here's how it works. When you create new document in Photoshop, you can add to the end of your document name special keyword, <code>+960x12</code> for example:   </p>

<p><img src="http://blog.kam88.com/storage/post-images/templategen/newdocument.png" alt="" title="" />  </p>

<p>Then our new document will have 12 column 960 grid with guides in layer group called “Grid (960x12)”:</p>

<p><img src="http://blog.kam88.com/storage/post-images/templategen/newdocumentGrid.png" alt="" title="" />    </p>

<p>That's it :)</p>

<h2>Download and install</h2>

<p><a href="http://blog.kam88.com/getTemplateGen"><img src="http://blog.kam88.com/storage/post-images/templategen/download.png" alt="" title="" />
<center>Download latest version of the script</center></a>  </p>

<h3>Installing</h3>

<p>Install process differs from regular scripts, so please read carefully and do all steps as described below: <br />
1. Move downloaded <strong>folder (!)</strong> to <code>Photoshop/Presets/Scripts/Event Scripts Only/</code> (if there's no <code>Event Scripts Only</code> folder, then create it) <br />
Take a notice that you need to <strong>move whole folder</strong>, not just scripts inside them.  </p>

<p><img src="http://blog.kam88.com/storage/post-images/templategen/installed-folder.png" alt="" title="" />
2. Inside downloaded folder you'll find file called <strong>+install.jsx</strong>, you have to run it in Photoshop. To do this, double click on it. If somehow script will not opens in Photoshop, then run it from it manually via menu <code>File→Scripts→Browse</code> or just drop script file into Photoshop window/icon on dock.   </p>

<p><img src="http://blog.kam88.com/storage/post-images/templategen/script_installed.png" alt="" title="" /></p>

<p>It should show you message, that script was installed successfully. After this installation is completed.  </p>

<h3>Uninstalling</h3>

<p>If you want to uninstall script, then you have to run file <strong>+uninstall.jsx</strong>, just as described above in step 2, it'll show you message that script was uninstalled, then you can just remove folder from your <code>/Scripts/Event Scripts Only/</code> directory</p>

<h2>What other keywords exist?</h2>

<p>I decided to add few preinstalled templates, here they are:   </p>

<h3>960 Grid System: from +960x2 to +960x16</h3>

<p><img src="http://blog.kam88.com/storage/post-images/templategen/960gsbanner.png" alt="" title="" />
This is popular <a href="http://960.gs">960.gs</a> grid with from 2 to 16 columns. Here's how it works: you write keyword <code>+960xN</code> where <code>N</code> can be: <code>2</code>, <code>3</code>, <code>4</code>, <code>6</code>, <code>8</code>, <code>12</code> or <code>16</code>. For example, if you enter <code>+960x8</code> it will create grid with 8 columns. <br />
Take a notice, that your document should be at least 960 px wide.  </p>

<h3>OSX Icon Template: +OSXicon</h3>

<p><img src="http://blog.kam88.com/storage/post-images/templategen/osxiconbanner.png" alt="" title="" /></p>

<p>This keyword will make a grid for OS X icons with major sizes of 512, 256, 128, 48, 32 and 16 pixels. All sliced up and ready for export to PNG via Save for Web and Devices (don't forget to check <a href="http://c.kam88.com/NzT2/o">All User Slices</a>)
Minimum size of the document is 850x640 px  </p>

<h3>iOS Icon Template: +iOSicon</h3>

<p><img src="http://blog.kam88.com/storage/post-images/templategen/iosiconbanner.png" alt="" title="" /></p>

<p>This will create roundrects with major sizes for iPhone and iPad icons. Just like OS X icon template, all roundrects are sliced and ready for export to PNGs. 
Minimum size of the document is 850x640 px  </p>

<h3>User Templates</h3>

<p><img src="http://blog.kam88.com/storage/post-images/templategen/customization.png" alt="" title="" /></p>

<p>You can use your own templates and customize existing iOS and OSX icon templates. To do this, you just have to add your PSD with template inside <code>/templates/</code> folder. Keyword for the template will be name of the document. For example, if you have template called <code>test.psd</code>, then keyword will be <code>+test</code>. Take a notice, that name of the file must have only latin characters and numbers (no special symbols)</p>

<p>Also, inside <code>/templates/</code> folder you'll find iOS and OSX icon template, so you can customize or replace them if you want. </p>

<p>Inside document you can create text layer called <strong>%DocName%</strong>, then it will be renamed to the new document's name. Take a notice, that this layer should lay on the root of layers stack (e.g. it shouldn't be in the group)</p>

<p><img src="http://blog.kam88.com/storage/post-images/templategen/locksize.png" alt="" title="" /></p>

<p>Also, you may have noticed, that script resizes templates to the size that was entered in the New Document dialog. If you want to prevent this and use template as is, then you need to create empty layer in your template file with name <strong>Lock Size</strong> and place it to the top of all layers. Then script will not resize your new document and will use size of the template file</p>

<h2>What else?</h2>

<p><img src="http://blog.kam88.com/storage/post-images/templategen/whatelse.png" alt="" title="" /></p>

<p>In future I want to add more dynamic templates like 960 grid, I have some thoughts about making responsive 960.gs. If you have any suggestions or ideas for the templates — add them in comments.</p>

<h2>Yep</h2>

<p>And that's it! Hope this script will help you save some time <br />
Thanks.</p>
]]></description><wfw:commentRss>http://blog.kam88.com/en/rss-comments-entry-33771505.xml</wfw:commentRss></item><item><title>Transform Each Beta (Script)</title><category>scripts</category><dc:creator>Kamil Khadeyev</dc:creator><pubDate>Fri, 17 May 2013 15:00:40 +0000</pubDate><link>http://blog.kam88.com/en/transform-each-beta-script.html</link><guid isPermaLink="false">958249:11079850:33723167</guid><description><![CDATA[<p><img src="http://blog.kam88.com/storage/post-images/transformEach/main.png" alt="" title="" />
Adobe Illustrator has nice features that I miss in Photoshop. One of them is Transform Each. When you need to transform group of layers, it transforms each of selected layers as it was transformed individually. Yeah, sounds confusing, let me explain on pictures</p>

<h2>What is it?</h2>

<p>Imagine, that you have a feed with some text paragraphs and userpics:</p>

<p><img src="http://blog.kam88.com/storage/post-images/transformEach/example_step1.png" alt="" title="" /></p>

<p>You need to resize each userpic in 50%. If you'll select all of them and transform it via default Transform Tool, then it'll look like this:</p>

<p><img src="http://blog.kam88.com/storage/post-images/transformEach/example_step2.gif" alt="" title="" /></p>

<p>Not cool. Alternatively, you can choose each image and transform it manually. This can be tedious process. So, here comes Transform Each, it transforms each of selected layers as it was transformed individually: </p>

<p><img src="http://blog.kam88.com/storage/post-images/transformEach/example_transformEach.png" alt="" title="" /></p>

<p>In our case, script resized each userpic in 50%, and moved it top right in 20px.</p>

<h2>Download @ Install</h2>

<p><a href="http://blog.kam88.com/en/transform-each-20.html"><img src="http://blog.kam88.com/storage/post-images/transformEach/download.png" alt="" title="" />
<center><strong>Download Latest version of the script</strong></center></a> <br />
You have to move downloaded file into <code>Photoshop/Presets/Scripts</code> and restart your Photoshop</p>

<p><img src="http://blog.kam88.com/storage/post-images/transformEach/hotkey.png" alt="" title="" /></p>

<p>Also don't forget to setup a hotkey (<code>Edit→Keyboard Shortcuts…</code>, look for <code>File&gt;Scripts&gt;[KAM] TransformEach</code>). My hotkey is <code>cmd+alt+ctrl+T</code></p>

<h2>Window description</h2>

<p>When you run script you'll see this window:</p>

<p><img src="http://f.cl.ly/items/1o2s2U1P291k3V2d3z0h/transformEach.png" alt="TransformEach" title="" /></p>

<p>All inputs are from default Transform Tool, but just in case, I'll write a bit about them:</p>

<h3>Scale</h3>

<p>Resizes layer <br />
<code>Horizontal (%)</code> — horizontally resizes layer. 100% — is initial size, 200% — doubled size etc. <br />
<code>Vertical (%)</code> — vertically resizes layer <br />
You can enter negative values to flip object horizontally/vertically  </p>

<h3>Move</h3>

<p>Moves layer relative to its current position <br />
<code>Horizontal</code> — moves layer horizontally in pixels. Positive numbers moves layer to the right, negative — to the left <br />
<code>Vertical</code> — moves layer vertically in pixels. Positive numbers moves layer to the bottom, negative — to the top:
<img src="http://blog.kam88.com/storage/post-images/transformEach/move.png" alt="" title="" /></p>

<h3>Shear</h3>

<p>Shears layer:  </p>

<p><img src="http://blog.kam88.com/storage/post-images/transformEach/shear.png" alt="" title="" /></p>

<p><code>Horizontal</code> — shears layer horizontally. Positive numbers shears layer to the left, negative — to the right.
<code>Vertically</code> — shears layer vertically. Positive numbers shears object to the top, negative — to the bottom</p>

<h3>Rotate</h3>

<p>Rotates object <br />
<code>Angle</code> — angle of the layer rotation in degrees. Positive numbers rotates object clockwise, negative — counterclockwise</p>

<h3>Scale Styles checkbox</h3>

<p><img src="http://blog.kam88.com/storage/post-images/transformEach/styles.png" alt="" title="" />
I guess it's self-descriptve—scales layer styles with layer.</p>

<h3>Random checkbox</h3>

<p><img src="http://blog.kam88.com/storage/post-images/transformEach/rotate-random.png" alt="" title="" />
Allows to apply random transformation to the layers in the range of initial values to new values. For example, if you'll enter 360 in Rotate Angle and check Random, then script will randomize rotation angle for layers from 0 to 360. Same goes for scale: if you set horizontal/vertical scale to 500, then random will be in the range from 100 to 500</p>

<h2>Some notices</h2>

<p>There's one issue, that I'm still working on: If each of the selected layers were in their own groups, after script finish work all your layers will be in one group</p>

<p><img src="http://blog.kam88.com/storage/post-images/transformEach/issue.png" alt="" title="" /></p>

<p>I'm thinking how to walkaround this thing. <br />
Also take in mind, that if you'll select big amount of layers it will take some time to perform all transformations</p>

<h2>Yep</h2>

<p>And that was another post with script for your Photoshop. <br />
Hope you'll find it useful :)</p>
]]></description><wfw:commentRss>http://blog.kam88.com/en/rss-comments-entry-33723167.xml</wfw:commentRss></item></channel></rss>