Menu Search
Jump to the content X X
Smashing Conf Barcelona

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Posts Tagged ‘Photoshop’.

We are pleased to present below all posts tagged with ‘Photoshop’.

Photoshop Shortcut Keys Cheat Sheet [PDF]

Over the last months we released a variety of icon sets, tools and templates, but now we would like to release something a bit different for a change. In this post we are glad to release Photoshop Keyboard Shortcuts, a PDF-file with a handy overview of most useful keyboard shortcuts available in Adobe Photoshop. The cheat sheet was created by Kenneth Setzer and released especially for Smashing Magazine and its readers.

Photoshop Keyboard Shortcuts

The cheat sheet is a mousepad-sized image featuring a typical PC keyboard. Photoshop's keyboard shortcuts are listed for each key, with the shortcut and its icon printed on the individual key. In red is the shortcut you will get by hitting the key in combination with the Ctrl key. For example, typing "t" in Photoshop will activate the Type tool, while typing Ctrl+t will allow you to use the Transformation tool. Additional shortcuts requiring more than two keys are listed as well.

Read more...

Photoshop Secrets: Unknown Tricks and Time-Savers

We all have shortcuts that are essential to our daily workflow. A majority of them are staples such as Copy (Command + C) and Paste (Command + V), but occasionally we stumble upon a shortcut we wish we'd learned years ago. Suddenly, this simple shortcut has streamlined our process and shaved quite a bit of time off our day. Collected here are some lesser known but extremely useful shortcuts. Many of these are not documented in the "Keyboard Shortcuts" menu, and some of them don't even have equivalent menu options.

Layer List

Please note that all of the shortcuts listed below assume that you are using Photoshop CS4 on OS X. They will work on the Windows platform by converting as follows: Command → Control and Option → Alt.

Read more...

How To Use Photoshop Masks [+Keyboard Shortcuts]

Design is a fluid and shifting process in which layers are constantly modified and tweaked. As complexity builds, so does the need for preserving data in a flexible way. Learning non-destructive editing techniques helps you produce documents that bend along with your creativity. Photoshop Masks are the cornerstone of this process. Not only do they preserve important pixel data, but they allow for the creation of flexible interface elements as well. In this article, we'll explore the technical aspects and creative advantages of incorporating masks into your workflow.

Unveiling Photoshop Masks

Photoshop offers five methods of masking: Pixel Masks, Vector Masks, Quick Masks, Clipping Masks and Clipping Paths, all of which define pixel opacities without affecting the original data. Each of them has its own pros and cons, and knowing which method to use is extremely important for creating clean, flexible and properly masked layers.

Read more...

Beautiful Illustrations By Photoshop Artists Around The World

Photoshop is a magical tool for digital artists and photographers, and it rules the digital imaging world. It is not just a tool, though; Photoshop is a blank canvas that invites you to perform magic with your creativity. It gives you room to creatively manipulate photos and explore the artist in yourself.

To celebrate the upcoming holidays, in today’s post we decided to step away from technical design/coding-related topics and showcase some beautiful digital illustrations and their creators. Hopefully, the artwork will inspire you and stir your imagination. [Content Care Dec/02/2016]

As you know, so many more brilliant illustrations have been done by digital artists doing great work, but we cannot cover them all in a single post, so we will try to showcase them in our future posts (if you want to). If we forgot to mention the work of your favorite artist, please do share it with the other readers and let us know their name.

Read more...

Brushing Up On The Photoshop Brush Tool

When laid by a learned hand, brush strokes can convey a sense of energy, tactility and humanness. These qualities speak to your audience's subconscious, whispering ideas that words alone can't convey. In the digital realm, a website with beautiful brushwork is a welcome break from the stark precision of most corporate websites. [Updated February/28/2017]

Brushing Up on Photoshop's Brush Tool

Mastering the digital brush is by no means easy. It carries the same difficulties as the sable brush hidden at the bottom of your art bin. In fact, the difficulty is multiplied by the disconnect between the hand and monitor. Developing Photoshop brush skills takes time, but it is well worth the effort. This article outlines the plethora of options that Photoshop affords, so that you can efficiently create and use brushes like the Old Masters.

Read more...

How to Blend Faces in Adobe Photoshop

Adobe Photoshop is my favorite software. One of the reasons why I love it is because asides from being able to make a living creating designs from the software, I can use it to have a little fun as well. In this tutorial, you will learn how to use Photoshop to mix people's faces or put a person's face on another person's head. Anyway, let us get started right away.

Read more...

The Ails Of Typographic Anti-Aliasing

As printed typography enjoys the fruits of high-DPI glory, proudly displaying its beautiful curves and subtleties, its on-screen counterpart remains stifled by bulky pixels, living in a world of jagged edges, distorted letterforms and trimmed serifs. Until display manufacturers produce affordable 200 or 300 PPI monitors, we'll have to rely on software advances to fix these problems.

The Typographic Ails of Anti-Aliasing

Enter anti-aliasing: the next best thing to a world of higher-resolution monitors. The concept of anti-aliasing is fairly simple: add semi-transparent pixels along the edges of letterforms to smooth the appearance of the "stair-step" effect.

However, many factors and technologies determine the actual effectiveness of the process: hinting, subpixel rendering, software capabilities and operating system specifications, to name a few. Here, we'll look at what you as a designer can do to improve the results of anti-aliasing with Photoshop, Flash and CSS. Plus, we'll explain the constraints of hardware, browsers and operating systems.

Read more...

Setting Up Photoshop For Web, App and iPhone Development

Most people who have designed websites or apps in Photoshop will, at one point or another, have had issues trying to match colors in images to colors generated by HTML, CSS or code. This article aims to solve those problems once and for all. So how can we achieve color management that matches colors across multiple devices? [Updated February/28/2017]

Screenshot

In the print world, color management typically involves calibrating your entire workflow, from scanner or digital camera to computer display to hard proofs to the final press output. This can be quite a tall order, especially when the devices use different color spaces — matching RGB and CMYK devices is notoriously hard.

When designing or editing for TV, calibrating the main editing display and using a broadcast monitor are common; these show real-time proof of how the image will look on a typical TV in a viewer’s home. In such a scenario, color management offers many benefits and is highly recommended.

When building Web and application interfaces, the situation is a little different. The final output is the same device that you’re using to create the artwork: a computer display (putting aside for now differences in gamma between Windows, OS X prior to 10.6 and the iPhone, which we’ll cover later.)

Read more...

Urban Art Tutorial in Photoshop and Illustrator

Photoshop and Illustrator, as we’ve all come to realize, have revolutionized contemporary design and illustration, unleashing the creative potential of artists the world over. Through this tutorial, we’ll take you through process and technique, from sketch to Photoshop to Illustrator, so that you can learn skills to complement your ample creativity! As we go through constructing this image, I encourage you to experiment with the skills you learn, applying them to your own style.

Illustration: Final

Pencils sharp! We start with the sketch. Though a short one, this step is without a doubt the most important in this tutorial. With a strong sketch and concept, you have a much better chance of producing a first-rate result! That said, let's begin fleshing out the rough details of our illustration.

Read more...

Mastering Photoshop With Paths

Anomalously residing within the pixel-gridded world of Photoshop are a series of tools waiting to break out of the canvas' inherent squareness. Mastering these tools opens the stage for a higher level of flexibility, full of clean lines and non-destructive editing. Presented here is a guide to help you build proficiency, increase productivity and demystify the elusive world of Paths. [Updated February/28/2017]

Photoshop Mastery Series: Paths

The Pen tool (P) – simple to use but difficult to master. It provides a precise method for creating paths, but requires an experienced hand to plot naturally flown curves. The power unlocked by mastering this tool is well worth the time needed to do so. While no amount of instruction can make you a Bezier master, below are some tips to keep in mind as you practice.

Read more...

Photoshop Performance – 10 Simple Steps

Before getting started with Photoshop, we all should have first visited the "Edit > Preferences" menu and change the "Performance" settings to fit our personal taste and computer specifications, but this isn't always the case – in many situations designers simply forget these aspects. [Content Care Nov/30/2016]

Photoshop - Memory Usage

If you never changed the default performance settings in your Photoshop or you just want to double check them to improve the Photoshop performance, here are 10 important and useful points that you may want to consider.

Maybe you already went through that bad feeling of clicking "undo" dozens of times and realizing that Photoshop wouldn't provide you with more previous steps, but this problem can be easily resolved by changing the History States setting in the "Edit > Preferences > Performance" menu.

Read more...

Photoshop Plugins and Filters A-Z

The Photoshop community is choc-full of many free resources, tutorials, tips and techniques, .psd files and even Actions. There is one area that it sadly lacks in, and that is free plugins and filters. Of course, Photoshop has been the pioneer in graphic editor development for a long time now, and with each new version (its current version is CS4) has added an endless supply of features and addons, and as a result, perhaps the need for free plugins or filters is no longer required. Or has it been ignored? [Content Care Jan/03/2017]

Photoshop Plugin and Filters

Traditionally plugins are an amateur photographer's best friend, take your shots, fire up Photoshop, apply some well preset filters, and hey presto you have a reasonably professional image. Professional photographers have been known to use plugins as a base and then tweak and add effects to achieve there own personal professional touch. Plugins are basically an indispensable tool that do not recieve the attention they deserve. And that brings us back to our original mystery, why are there so few free plugins and filters? Do you know the answer? I don't.

In this A-Z of free Photoshop plugins and filters you will find a few plugins that are (almost) as old as time itself, do not fear, they will work perfectly on all versions of Photoshop and the effect they produce are just as useful now as they were then. If you are looking for a simple and easy method to add effects to an image, this is the post for you.

Read more...

↑ Back to top