Tagged: Photoshop

Pixel perfect art when rotating layers in Photoshop

When you’re working on your pixel-perfect artwork in Photoshop, some common functions like moving, rotating and pasting can undo your hard work, resulting in a blurry mess. In fact, if you’re not careful, rotating layers in Photoshop can damage them in a very noticeable, pixel-mashing way – as illustrated below. But with some small changes to your workflow, you should be able to maintain the highest-quality artwork from the start to the end of the project.
Pixel-perfect rotation
Marc Edwards at Smashing Magazine has a great pixel perfection tutorial outlining a few methods that most designers are unaware of that avoids the problem.

One of the easiest solutions that I’ve used for years is to simply change the rotation orientation to the top left axis when rotating objects.

How to apply pseudo-HDR image enhancement to your photos

Sometimes even a photo that has been composed perfectly needs a little something to really make it pop. Or maybe you just want to jazz it up for use in a text-heavy document. There’s a simple way to give it a pseudo-HDR effect using Adobe Photoshop, or even Pixelmator.

Pseudo-HDR effect

The original image lacks the oomph we're looking for

The original image above is really nice. It’s well-composed, has great depth and color, and would probably be fine as is. To give it some punch, you make a duplicate of the background layer by hitting Command + J, and set the Layer Blending Mode to Overlay using the drop-down menu at the top of the Layers panel.

Pseudo-HDR effect

Adding a few layer copies can boost the overall color & contrast

While the image already shows boosted color and contrast, try duplicating that newly created layer again using Command + J. The Blending Mode should already be set to Overlay, but if it isn’t go ahead and do so. As you can see in the image above, the effect is quite stunning. But if you feel you went too far, adjust the Transparency of the top-most layer until you’re satisfied.

Creating precision guides in Photoshop with the GuideGuide panel

Before you ask, the answer is no, there is no error in the headline. The name of the Adobe Photoshop Panel add-on is GuideGuide. It has a silly name, but it’s one of the more useful add-ons I’ve seen in quite a while, and it’s absolutely free.

Guide Guide panel

GuideGuide is a custom Panel you add to Photoshop which makes creating precision guides as simple as entering some numbers and clicking an icon. Rather than go into loads of detail, I encourage you to check out the GuideGuide page Cameron McEfee has put up for sharing his creation. If you’re a web designer creating comps, or a graphic designer looking for precision column guides, this Panel is going to make your life MUCH easier!

Add Instagram effects to Photoshop for free

For those of you who love to use Instagram on your iPhone and wish you could have those same simple effects available to you in Adobe Photoshop – REJOICE!

Instagram Photoshop Actions

X Pro II Photoshop action compared to the original Instagram filter

Daniel Box has made a set of Instagram Photoshop Actions that come extremely close to reproducing several of the Instagram filters in Photoshop.

They’re free, so give ’em a try!

Cinemagraph: making .gif popular again

Cinemagraph

Cinemagraph: the latest craze in web images (Image: From Me To You photography blog)

There’s no Flash, no fancy JQuery, Javascript, or HTML5 going on behind the scenes with the image above. No, the image above is a plain old fashioned .gif file at its heart. Of course, there’s nothing plain about how this Cinemagraph was made.

Cinemagraph is finding its way onto a lot of websites because there’s no compatibility issues to deal with, and it has a fairly low technical barrier. Anyone with a copy of Adobe Photoshop and a video camera can produce a Cinemagraph image.

Check out these 28 sample Cinemagraph images, then when you’re ready to start making your own, visit Tested.com for a simple Cinemagraph tutorial.

Free Adobe Creative Suite printing guide available for download

Adobe Creative Suite 5 Printing Guide

The Adobe Creative Suite 5 Printing Guide is available for download

Many users of Adobe’s Creative Suite software are unaware that Adobe provides an excellent printing guide in PDF format to aid in learning the ins-and-outs of successful commercial printing using the Creative Suite apps

The guide is an excellent resource for new users, serving as a training manual, as well as a brush-up for experienced users. The guide covers a wide-range of printing-related topics in Adobe InDesign, Photoshop, Illustrator and Acrobat. The free Creative Suite 5/5.5 Printing Guide is a 22MB download.

Alien Skin announces Snap Art 3

Alien Skin Software has announced Snap Art 3, the new version of its artistic natural media plug-in for Adobe Photoshop, Photoshop Elements, and Photoshop Lightroom. Snap Art turns a photo into a beautiful work of art that looks completely handmade. You make the creative choices while Snap Art takes care of all the tedious work of drawing brush strokes.

AlienSkin Snap Art 3

AlienSkin Snap Art 3 turns your photos into works of art

Snap Art 3 will be available in August 2011 for $199. Owners of Snap Art 1 or 2 may upgrade for $99, and if you buy Snap Art 2 now, you’ll get the upgrade to version 3 for free.

The Graphic Mac Link Box #3

The Graphic Mac Link BoxA collection of interesting or otherwise helpful links I’ve come across recently that you may not have seen:

Prepare for Pixelmator 2
For those who want full featured image editing but don’t want the price tag attached to Photoshop, Pixelmator is the perfect app. Pixelmator 2.0 will be available later this summer via the Mac App Store as a free upgrade for everyone who purchased any version of Pixelmator via the Mac App Store. For now, anyone who doesn’t have the app can purchase the currently available version of Pixelmator on the Mac App Store for $29 and receive a free upgrade of Pixelmator 2.0 once it is released.

Control your privacy in Google Chrome
I love Google Chrome, it’s a great Web browser with plenty of features and extensions. The problem is, it was made by Google; so you know they’re collecting all sorts of data while you’re using it. Ahad Bokhari has a great tutorial on how to protect your privacy while using Google Chrome.

Photoshop CS5 vs. CS5.5
If you work primarily in Adobe Photoshop, you may be wondering what the difference between PS CS5 (v. 12.0.4) and PS CS5.5 (v. 12.1) actually is. The answer is: absolutely nothing. John Nack explains on his blog.

Google stands by 15-minute refunds
Google offers a 15-minute time frame to receive a refund on apps purchased in the Android Marketplace. While many users complain that it takes that longer than 15-minutes to download and configure some apps, it’s still better than Apple’s refund time of zero!

View Instagram stream on your Mac
Screenstagram allows avid Instagram users to view their Instagram photo stream as a screensaver on any Snow Leopard Mac desktop or laptop.

40 Online generators for web designers and developers
Web forms, charts, button makers, AJAX plugins, fonts, color schemes, CSS menus, and more. Tripwire Magazine has a list of 40 great generators to save you some coding time.

Prevent color shifting in your Photoshop image by adjusting only the gray values

Photoshop Adjustment Layer iconWhen you’re using Curves, Color Balance, Levels, Hue & Saturation, and other color correcting filters on your Adobe Photoshop image, it’s always best to use an Adjustment Layer (the icon at the bottom of the Layers panel shown at right). Doing so allows you to make further adjustments to your image later on using the Adjustments panel, leaving the original image intact. It also gives you an easy way to adjust only the gray values in your image, thus preventing color shifting.

Luminosity Blend Mode allows you to adjust only the gray values in your image

Using the Luminosity Blend Mode allows you to adjust only the gray values in your image

First create an adjustment layer using the color adjustment of your choice. In the example above, I’ve chosen Color Balance. Next use the Blending Mode drop down menu at the top of the Layers panel to set the layer blending mode to Luminosity.

Now when you tweak the settings in your Adjustments panel, Photoshop will limit the changes to only the gray values in your image. As you can see in the image above, leaving the Blending Mode of the Adjustment Layer set to Normal introduces a lot of color shifting in the image. By changing it to Luminosity, Photoshop prevents it from taking place.