🌐 Public

Mastering UI Design Tools

By Dave Yoon

Introduction

Designers who are looking for tips and workflows to better utilize popular UI tools.

1 How to use the all-new Pencil Tool in Illustrator

Illustrator Tutorial One of the big pieces of news in the latest release of Illustrator CC was a radical overhauled of the Pencil Tool, which is used to create vector paths with a natural, hand-drawn look. Now, using quick presets you can now create a smooth, fluid path with fewer points, or a path that more closely matches your drawing

2 Captain Awesome - English - Transform Each 2.0

You know that feeling, when you look at your old works and think "What was I thinking!". So, I looked at Transform Each script with same thoughts and decided to make an update for it. I rewrote it from the ground, fixed previous bugs, redesigned the interface and added some features, which were requested in comments. If you're new here,

3 Using Sketch like a boss

This page is formerly named as "Using Sketch like a boss". You will learn from how to master Sketch to use it to optimize your design workflow. Make sure checkout the resources list out at the bottom of the route. They are awesome!

5 The Best Hidden Features In Sketch

It's hard to learn a new design application. And especially when you've already invested many years in Photoshop, Illustrator or Fireworks. Luckily, Sketch isn't hard to learn as explained in my previous articles Sketch VS Photoshop. But I've failed to explain all the intricate features that make this gem a lot more than meets the eyes. Simplicity can be deceiving.

6 It's Time to Dump Photoshop and Embrace Sketch

Over the past few years or so I've gotten increasingly frustrated with how inept Photoshop is for user interface, and user experience design. Adobe isn't at fault, of course. It was never intended as an app for designing websites. Gaining popularity back when there was no feasible alternative.

8 Introducing Origami for Quartz Composer

Introducing Origami for Quartz ComposerFor easier interactive design prototypingToday, the Facebook design team launched Origami ( http://origami.facebook.com), a toolkit of patches and examples for Quartz Composer that makes it easier for designers to create interactive prototypes without writing code. I've talked at length about the importance of investing in the right design tools for the job, and we've shared the

9 Making use of Art Brushes in Illustrator

Since I started working on Dealotto, I've spent a lot of time looking at design resources. Themes, fonts, actions, patterns, plug ins; all sorts of goods. During this time, I've noticed that there's a much larger variety of resources available for Photoshop than there is for Illustrator. This is despite the fact that you can create actions, patterns, styles, textures,

15 Mirroring Objects in Illustrator

Up until recently, drawing symmetrical shapes in Illustrator had been an straight-forward, but lengthy process. I would draw the left side of my shape, fine-tune it by mentally imagining how it looked once reflected along the x-axis, then make a copy, reflect it and align the two objects together to see how the shape looked as a whole. Sometimes I

16 Creating Seamless Patterns in Illustrator

I had to design a repeatable vector pattern for a client last week for the first time, and I figured I would share the process I took from start to finish. The pattern is for local music startup Muzooka, and the goal was to create a pattern relating to music that could be used as a subtle background on some

17 Photoshop Secrets

Disclaimer: This is a Photoshop blog so even though I am trying to be as un-biased as possible, I can't get away from my bias towards Photoshop. I noticed a lot of my fellow designers starting to use Sketch, and frankly, I was puzzled. At least on the surface, Sketch seemed to be missing so many features that are crucial

18 5 simple Illustrator tips

As you might know, I like working in Illustrator. The fact that I've been using this application for so long, has a lot to do with that. You get so used to it, and over the years you get better and faster. Though, just like anyone else, I have my moments of frustrations too. For instance if something works differently

Added by Dave Yoon: “Must have scripts to supercharge and simplify how you do things in Illustrator.

20 Adobe Illustrator Scripts by Hiroyuki Sato

Please note that this page is no longer actively maintained. Hiroyuki dedicated this website to all the future updates. This repository includes a "js" and a "jsx" folder. They are the same scripts but "js" folder includes ".js" extension and Windows newline (CRLF). Maybe suitable for old CS on Windows. Adjust Dashes-offset fig.1 : This script adjusts dashed lines in

21 Gradients

Gradients are a great way to add lifelike lighting and shading to surfaces. When built with gradient layers and layer styles, they also ensure UI elements can be scaled and reused easily.Linear gradientsLinear gradients are gradients in their most basic form-a gradual blend between colors, following a straight line. I'm sure you knew that, so onto the more interesting stuff.

23 Masking in Photoshop CS6

If you're constructing icons or user interface elements with a decent amount of complexity, there's a good chance you're going to need some kind of masking. Here's a rundown of what's available, using only vector shapes.If you need portions of a shape layer to be see-through, multiple paths with different boolean path operations can be used. In the example below,

24 Experimenting with linked Smart Objects

Adobe have released Photoshop CC 14.2, which adds the ability for Smart Objects to be stored externally, and linked to a document.This may seem reasonably insignificant, but it allows the creation of basic external style sheets if you need to maintain vector scaling, or complex object reuse if you don't need to maintain scaling (a bit more on that later).

26 Method & Craft | Wrangling Gradient Meshes in Illustrator

Illustrator's mesh tool is extremely powerful, but for years I failed to fully understand how to use it to create advanced gradients, until recently. Watch as I walk you through my process for using and controlling a gradient mesh as well as a helpful tip which give you the flexibility to change its appearance on the fly.

zooshme

Freshman

  • 0 Playlists
  • 0 Followers

Willian Matiola

Co-fundador do @chocoladesign, Co-fundador da @uilabschool e Senior Product Designer na @teamhomeyou.

  • 0 Playlists
  • 0 Followers

AnnaTovmas

Freshman

  • 0 Playlists
  • 0 Followers

Dianna Jackson

Freshman

  • 0 Playlists
  • 0 Followers

Remington Robertson

Former tech startup founder, product designer & growth hacker consultant available for hire. https://t.co/8kvRGw3LbL

  • 0 Playlists
  • 0 Followers

Natalia Kaplita

Freshman

  • 0 Playlists
  • 0 Followers

Gloria Ip

Freshman

  • 0 Playlists
  • 0 Followers

ianfarrell123

Freshman

  • 0 Playlists
  • 0 Followers

Brandon L. Harris

Freshman

  • 0 Playlists
  • 0 Followers

Alex

Designer | Sociologist | Aspiring Cheese Connoisseur

  • 0 Playlists
  • 0 Followers

Trung Kiên

Freshman

  • 0 Playlists
  • 0 Followers

buckmilder

Freshman

  • 0 Playlists
  • 0 Followers

cld3800

Freshman

  • 0 Playlists
  • 0 Followers

Mustafa El-Helbawy

Front-End Developer

  • 0 Playlists
  • 0 Followers

prathameshm

Freshman

  • 0 Playlists
  • 0 Followers

Kate

ಠ◡ಠ

  • 0 Playlists
  • 0 Followers

Jakub Dziedzic

Freshman

  • 0 Playlists
  • 0 Followers

sommayah

Freshman

  • 0 Playlists
  • 0 Followers

Wayne Turner

Freshman

  • 0 Playlists
  • 0 Followers

Austin Feltan

Técnico Electrónico, Aficionado al Diseño Web y HackSchooling

  • 0 Playlists
  • 0 Followers
Load more

Delete your comment

Are you sure you want to delete your comment?