7 Days with Sketch 2

7 Days with Sketch 2

May 08, 2012 Reviews

Day 1:

Upgrading to Sketch 2 was a cinch. Having bought the previous version from the Mac App Store, updating to Bohemian Coding’s latest and greatest Illustrator replacement was as simple as hitting the update button under Sketch 2’s product icon. And whilst the 16MB update downloaded in the background, I began to un-install Adobe’s prime creative application from my computer.

To say the least, I got rid of Photoshop. I had to get rid of it. Since I only use Photoshop for what Sketch does, I might as well go head-on with using Sketch 2 as a replacement. I needed to see what it could do.

The un-installation took me over half an hour. In the meantime, I played with the new version of Sketch to see most of its major and minor interface changes. It looked better than the last version, and that’s not to say the last version’s UI wasn’t great. The guys over at Bohemian Coding knew my taste. They’re good. Sketch 2’s UI felt more native, and that’s something I still haven’t grown accustomed to in much of Adobe’s apps (I’ll have to wait and see how CS6 pans out). Sketch 2 feels minimal, and slightly more navigable, too.

If you’ve never used Sketch before, then you should know this: unlike Photoshop, Sketch has an infinite canvas. There are no set sizes for the canvas, and everything you draw with Sketch is vector; infinitely scalable if drawn right. Now I’d say Sketch is more of a designer’s tool than Photoshop, because Sketch itself was built and designed by like-minded designers. (Not to say the guys at Adobe aren’t like-minded. Some of the guys there are pretty cool.)

As I tinker more, the Photoshop un-installer tells me it’s finished. It also says I’ve received over 3GB of disk space. Can you believe that? I use over 3GB for interface design — and that’s what Sketch does in a fraction of it!

I restart my Mac. I would imagine others in the same position I currently am, finally replacing clunky old Photoshop for something more simple, and well-designed. Though, I do hope Sketch 2 is viable; I still have my doubts — and I still wonder if I’ll go crawling back for the Adobe disk.

I log in and see Sketch 2 in all its glory: Re-opened windows. Sketch 2 does great at what Photoshop does terribly, and that is the ability to pick up where I’ve left off. The fact that it restored my window even though I haven’t saved the file is another that completely astounds me. I can imagine this being entirely useful during an unexpected, uninformed blackout. I’m already loving Sketch 2, and that’s still just one of the many features included in the app.

Day 2:

Serious work. I quickly needed to create some icons for a personal project for a friend of mine. Having become habitual typing “P-h-o” in Spotlight, it launched iPhoto instead of Photoshop. Like always, iPhoto on my Mac takes nearly 45 years to launch (realistically, that’s 45 seconds). And that’s almost about the same amount of time Photoshop takes to save a file. I launch Sketch 2 from the launchpad. Before I even decided to drag the icon to the dock (realistically, about 0.75 seconds), Sketch 2 was ready for action. Well worth it, I thought. I dragged Sketch 2’s icon to the dock, to be used for the days to come.

If you’ve ever used the pen tool before in Adobe Illustrator, or at least in Photoshop, then you basically already know how to use Sketch 2. What the brush tool is in Photoshop, the pen tool is in Sketch 2. It’s the beginnings of your work, and it will, I tell you, make up most of what you create. Why? Because using Sketch’s pen tool is a breeze. It feels fast, responsive, “smooth.” Compared to Photoshop’s (of which I’ve been using), where it feels small, off at times, and “rough.” The same goes for Illustrator.

I begin my icons. Simple, more or less. The same way I do them in Photoshop. Though, to begin with, I’m designing more of what’s usually called glyphs. Simple black on white shapes, aimed to visually represent something in a simple way. To me, that’s what I feel Sketch can do at its most, though, having seen some incredible pieces of work made entirely in Sketch 2, I might as well take the extra leap. But not for now. I’m more simply focused on if Sketch 2 really did improve in performance from its first version.

Sketch 2 feels slightly more 1-on-1 in terms of UI improvement. Unlike the first version (running in OSX Lion), Sketch 2 feels slightly less buggy and more responsive. Though, there are some gripes. The “boolean” parameters in Sketch feel somewhat jittery. For example, if I select one or more objects in Sketch and apply the “difference” boolean parameter, the app lags a bit, and the objects are thrown in random places around the canvas. And for that, having an infinite canvas is a pain — sometimes, and including the situation as mentioned before, duplicating an object brings its copy to somewhere far away from the original’s location. That means having to zoom out far to find it, which is even worse when you’ve duplicated something incredibly tiny.

Lo and behold, the icons I’ve made in Sketch 2, are pictured below. Not my best, not my worst either. But if I were to make them in Photoshop, I’d be spending more time trying to pixel-hint the vector shapes than actually focusing on what the icons look like.

Exporting the icons were incredibly fast. Sketch 2’s slicing feature was definitely easier than that of Photoshop. I began to think Sketch 2 was the web design application Jason Santa Maria was looking for. Probably. The fact that exporting large amounts of icons (including ones made in separate layers) was made easy in Sketch 2, it feels more and more that Sketch 2 really is “the app” for designers.

Day 3:

Sketch is fun to use. What began as playing around with its beautiful, customizable bezier-curve options ended as creating fun, cartoonish avatars for myself. In my wait for The Avengers (one of the best movies ever, by the way) and of heavy inspiration by Joey Ellis’ Avengers Avatars Dribbble shot, I decided to create some for myself.

Though I found out that the more time I spent with Sketch, the more I experienced some of its buggy shortcomings. In fact, I was quite frustrated enough that I decided to list a few of them:

In a concise nutshell, Sketch 2 still needs some work. Thankfully, that’s what updates are for. I’ve been informed that most of these have been taken care of in the recently submitted 2.0.1 update. The incredible features Sketch has, in my opinion, gives me enough to tolerate a few of my gripes.

Day 4:

I was just recently “inspired” by David Lanham’s style of illustration. I still kept thinking that Sketch felt more like an illustration app than a “serious” go-to design app. But that’s not the case for Sketch anyhow, as the quality of work is depicted by the tool’s user.

If you have the time to watch David Lanham illustrate on Vimeo, he uses a combination of an input sketching tablet and Adobe Illustrator to sketch his drawings. I was craving for that sort of thing with Sketch. Sadly, Sketch 2 isn’t much of a raster-drawing app, but more of a sketch app (go figure), so brush strokes and the like weren’t possible. Instead, I relied on some pencils, paper, Photo Booth and dragging & dropping to begin drawing some Lanham-esque illustrations.

The result? Thanks to Sketch 2’s brilliant color-picking bug as mentioned above, the wonderful ease of the pen tool and the flexible transformations of shapes, that video below shows how I used Sketch as a brilliant illustration tool.

What I found out too was that Sketch is extremely fluid, in a sense that it works so smoothly in terms of vector-sketching. What’s a plus even, is that in my opinion, Sketch feels like a “lightweight” app, very much like how Espresso for Mac feels for me. It’s simple and fast, yet well-designed and feature-packed.

Day 5:

I generally keep myself from trying some UI work in Sketch, but today, I tried anyway. This also gives me more time with its styles sidebar, or the inspector.

I started off by creating some buttons. Everyone likes buttons. I began with the oh-so common rounded rectangle shape. One key feature I like about Sketch 2 is the ability to adjust the rounded rectangle’s border-radius — even after drawing it. I played around with this one with so much enthusiasm that I practically laughed at where Photoshop once sat on my dock. How immature of me.

Navigating the inspector is so much easier than having to double-click a layer in Photoshop. Sketch is strong where Photoshop is weak. The UX trumps Photoshop’s feature-packed bloatness. (Though on the other hand, Photoshop is great for photographers.)

Sketch 2 had enough options to create the usual of a UI designer’s style. Borders, inner and outer shadows, gaussian blur, inner and outer glows, a handy “reflection” toggle, and blending modes, too. Surprisingly enough though, It misses some of the key things I use so commonly in Photoshop like bevels and satin. It was my first time too, trying to build a gradient in Sketch 2. It felt flimsy at first, but once you get the hang of it, you’ll be creating gradients as complex as double rainbows. Sorry, what?

After a few hours of gradients, borders, shadows and even amusing myself with Sketch 2’s ability to instantly add noise to any color fill/gradient, I created what you see below. Another by-product of having fun and trying to be serious about it.

Day 6:

I love the fact that almost everything you create in Sketch is vector and infinitely scalable. Usually, if a day spares me time, I trace over old font books in hopes of creating custom lettering for myself. It’s an art I love doing in Photoshop, and having to try to do the same in Sketch wasn’t at all different. If I ever finish tracing over and creating custom lettering in Photoshop, I end up slicing and saving them for the web, then copy them over to a Pages file to print. In Sketch, everything I do is greatly reduced: with Sketch 2’s feature for saving as either a PDF, EPS, or an SVG, I don’t have to worry about exporting the font at multiple sizes. Even more, I don’t even need to export the image — a simple copy and paste into Pages will do the trick.

The guys over at Bohemian Coding are very clever too. If you’ve been busy designing Retina-UIs at 1x, Sketch has a simple “export @2X” option, which to many is an incredible time-saver. Basically, if you’re thinking of designing your next iOS app — Sketch 2 is best for you. There’s no doubt about that.

Day 7:

With almost a week spent without Photoshop, the premise of using Sketch 2 as my only tool for designing is almost one I could live with. I say almost, because I’m an avid user of Photoshop alone. And of course, I and many others, would love to spend some time with Photoshop CS6 slew of new features. Other than that, Sketch 2’s capabilities are limited by that of the user.

In my seven days of using Sketch 2, I know for myself that I haven’t covered everything. In fact, I’ve so subconsciously been slightly annoyed that I’ve created a small list of things I may have missed from the days before. But I am as satisfied to know that I have touched on the main features that makes Sketch 2 the app that it is.

In conclusion, Sketch 2 feels to me like it is Photoshop, trimmed down to suit the very needs of us designers — the very same ones who only use the layer styles window and the vector shape tools in Photoshop. Sketch 2 is an app designed by the people it was designed for _ designers. Both with purpose and cleverness in mind at a fraction of the cost.

Sketch 2 costs $49.99 on the Mac App Store — get it.

  • Hybrido

    If you really like Sketch2, then you’ll love Adobe Fireworks.

    • http://twitter.com/cjmlgrto CJ Melegrito

      Fireworks feels bloat-y.

      • NetscapePizza

        It’s not bloated at all, it’s just badly coded.

        Best web design app hands down though, blame Adobe for letting it get dusty.

        • Dario

          Absolutely.

        • Stojan Mihajlovski

          Yes, it needs some more love from Adobe tho, it lags behind PS and AI (update wise)

      • Dario

        With all my respect, you have absolutely no idea what you are talking about.

    • yrrell

      no.

    • http://galengidman.com Galen Gidman

      Yeah, Sketch 2 has a lot of similarities to Fireworks.

      • Dario

        It’s a clon! Welcome though. Somebody had to do it, since Adobe is not.

  • http://twitter.com/iqonicdesign Ari

    Brilliant review, CJ! I downloaded the trial, can’t wait to try it myself!

  • Mathew Eis

    Great review! Sounds like Sketch 2 is going to be to Illustrator what Pixelmator is to Photoshop.

    • Darios

      Adobe deserves a couple of slaps in the face.. They have turned PS into a monster and still does not do the UI job. But hey! They still have every UI desingner convinced. That’s marketing.

  • yrrell

    Seems like you missed the “rotate copies” tool. You can activate it by customizing the toolbar! It’s incredibly useful and should be a standard button IMO.

  • http://twitter.com/pbinderup Peter Binderup

    Can it handle *.ai files?

  • Dario

    All this is great. But Adobe Fireworks has had it for years and nobody considered even opening it cause Adobe’s standards tell us to use PS or AI. Now people love Sketch. Follow the sheep.

    • Stojan Mihajlovski

      Yes!!! Fireworks is so underestimated, and yet SO powerful – especially for UI design. Even Adobe doesn’t seem to give enough love to Fireworks :| It always seems a step behind PS and AI when it comes to UI updates and bug fixes.

    • Tim

      And unfortunately it crashed ALL the time after Adobe got hold of it. It is very sensitive to fonts. If a font becomes corrupt it crashes, unlike almost every other app I’ve used that trods along unaffected.

  • cdpage

    I am intrigued… but you keep referring to PS like it’s a comparable program.

    if you compared it to illustrator i’d have a better understanding of how good this is. since you did not, i can only assume you are not proficient with illustrator, and therefore, your comparing ease of use, flow, and capabilities go out the window.

    I know illustrator very well. and Photoshop.

    convincing us to jump ship to an “unbloated” app. from an app. that we already know how to navigate, and are fully aware of its capabilities would require not only an A B comparison (B=illustrator and/or Firework)… but also something special

    Don’t get me wrong. Adobe’s programs are bloated, take for ever to load, and crash often.

    I welcome some good competition. Wake Up Adobe!

    but after 15 years of using Adobe, knowing a program inside and out like that is hard to compete with… i would likely come back knowing that it can do THAT filter, with THAT size tool, over THAT many layers, and move it back and forth from one program to another.

    • http://www.facebook.com/stevelucky Steven Heller

      This. While Photoshop is way larger than it seems like it needs to be, it runs CIRCLES around Sketch, when taking into consideration what it’s actually for. If you’re just looking for vector UI design, I’m not sure why anyone would consider PS in the first place. I would always go to Illustrator. Photoshop is really the industry standard for photo manipulation. I love Illustrator and Photoshop and use them on a daily basis. The comparisons made in this article were either uninformed or disingenuous.

  • bradthedesigner

    Someone ought to tell CJ Melegrito about Adobe Illustrator. I’d rather shoot myself in the face than use Photoshop for vector work.

    • Isabel

      “…updating to Bohemian Coding’s latest and greatest Illustrator replacement was as simple as hitting the update button under Sketch 2’s product icon..” – guess he already got rid of it?

  • Jaasman torrezza

    This article has got me a little confused. Why is the author comparing a vector drawing software with a bitmap editing software?

    • Isabel

      Why is the people using a photo editing tool to design? That is why.

  • Did

    I’m sorry but it feels like you’re comparing a car to a bike.

    • Isabel

      He is comparing what designers use to what they should be using. Ridiculous as it is, the industry standards for screen design and artwork are print tools.

  • dolphins78

    Between Pixelmator and Sketch, I think it’s very easy for many casual and semi-pro designers to get rid of Adobe’s bloated software and have a lot more fun with a more focused feature set. I don’t think that it’s possible for a true pro to go without Adobe yet (if only because people transfer files in Adobe’s formats and you have to bend to your customers) but for somebody that wants to make graphics for their blogs, touch up photos, do some casual UI design, these kinds of tools are perfect. I’m glad that Adobe is seeing some real competition in this space, because that forces them to improve.

  • http://nodws.com/ Nodws

    bah! shitty mac app, Corel FTW

    • TurtleGerald

      Agreed on the Corel FTW part – but you try convincing them to make Corel Graphics Suite for Mac. Even after proclaiming that they’re better than Adobe after Adobe announced that CS was going subscription-only they still won’t commit to a Mac version.

      I switched to Mac last October. I’ve been using Corel since version 1 and was sad to see it go. Why they won’t make a new version is beyond me but this seems sadly typical of the big names in software. You see the same from the big game publishers in the iOS app store – they are less innovative and produce lower quality apps than a lot of independents.

      • http://nodws.com/ Nodws

        Because mac is BAD, if anything they should port to LINUX

        • TurtleGerald

          Bad in what way?

        • josueochoa

          jelly

        • http://camgould.com/ Cam

          Clearly not a professional with high-end needs :p

      • Tim

        Are you talking about Corel Draw, because WOAH on that one. That program is full of suck. Corel Painter on the other hand is awesome, albeit a complicated UI.

        • TurtleGerald

          Obviously views on software will vary and be highly subjective. Quite how CorelDraw is “full of suck”, however, eludes me. I skipped only one version between 1.0 and X5 and got a great deal of use and pleasure out of each and every one. Sure, there were a few releases that weren’t as good – 4, 6 and 10 seem in particular to have been more clunky than 3, 5 and 9 respectively, but overall I always found it to be a great package and did a lot with it.

          I live in hope that it will return to the Mac someday, though, because I certainly won’t be returning to Windows!

  • Stojan Mihajlovski

    This post lost all credibility when I read The Avengers – best movie ever :)

  • Shannon Yeh

    i definitely have to try this out =D

  • http://judgecredd.com/ Justin

    Although this article is well over a year old, it answers a few of my questions and methinks I’ll be purchasing this right-about-now. I had the trial but was too busy to appreciate it. I think it’s worth the money if it means speeding up workflow. Sounds like it will complement PS and AI in some respects.

  • http://nerdburn.com/ Shawn Adrian

    I actually read this all the way through! Bravo! :) I’ve been playing with Sketch for one day so far, and everything has been awesome except for “Vectorize Stroke” which seems to have unexpected consequences.

  • chsweb

    Quick note regarding one of your final bullets:

    “Shifting layers up and down is made much quicker through toolbar buttons. It’s far more superior than Photoshop’s “drag a layer to the very top until satisfied” dilemma.”

    In Photoshop, moving Layers up/down once or all the way to the top/bottom in addition to layer selection, is a simple keystroke.

    1. Option + ] and Option + [ moves layer selection up and down one layer at a time.
    2. CMD + ] and CMD + [ moves the selected layer up and down one layer at a time
    3. SHIFT + CMD + ] and SHIFT + CMD + [ moves the selected layer to the very top and very bottom of the current layer group or layer palette

    Here’s a quick demo: http://chsweb.me/pslyrshrt

  • aboutjax1990

    Thanks for your article! I’ve just recently began to give Sketch a try :)

  • http://julioest.com Julio Estrada

    Thank you for the article and your opinions. I’m actually playing with Sketch right now this morning. It’s one damn sexy app. It’s obviously not as “powerful” as illustrator, but I’m really digging it.

    Btw, where are those bezier customization options you mentioned on Day 3?

List Grid
Load More