Connect With WRD
feed via e-mail
feed via e-mail

Posts Tagged ‘Photoshop’

Whether using a mouse or illustrating on a tablet, Photoshop is a powerful design suite. The brush tool is one concept with a volume of knowledge behind it. You can build your own custom brushes from scratch or even illustrate brilliant designs using only the defaults.

It all depends on your skillset and how you work in Photoshop. If you want to learn more about the brush tool then you’ll certainly love this collection. Below you will find a series of articles and tutorials related to Photoshop, and more specifically the Photoshop brush tool. Read through a few of these articles and be sure to keep practicing your technique!

Photoshop Brush Tool: A Basic Guide

basic online guide to photoshop brush tool

Read the rest of this entry »

HackingUI, a website focused on interaction and front-end design, is sharing a handy script for SVG fans.

It is a Photoshop script that automates the exporting of Photoshop layers to SVG.

Photoshop to SVG

The script is smart enough to detect only the right layers and searches for the layer names that end with ,svg.

Simply, no more going through each layer one-by-one for the conversion and all work is done in a single click.

10 years ago, icons were all about 3D and being colorful. Then the Web 2.0 effect came and shininess is added.

Right now, it is all about flat icons and, Flaticon, a website that enables us to search them quickly is pretty handy.

There are icon sets created by the developers (Freepik, which is a creative resources search engine) and also by other designers.

Flaticon Photoshop Plugin

It is possible to make a single icon search or browse them in categories or sets.

Flaticon now has a free Photoshop extension that makes searching simpler, right in the image editor we always use.

Using the extension, we don’t have to leave Photoshop and can find the icon + get it inside the canvas quickly.

Long shadow effects became very popular with the flat design trend and a new solution pop-ups each day to simplify creating them.

A free Photoshop extension, Long Shadows Generator, is probably the best solution for Photoshop users.

It is pretty straightforward, just apply the shadow length, opacity, angle and set the opacity. It is all ready.

Long Shadow Generator

Let’s say, you created the layout and getting prepared to export all the layers for front-end coding. This would take so much time if done manually.

For Photoshop, there are some built-in methods (like an export script). However, Breezy, a free Photoshop extension handles this process nicer.

You can select the layers to be exported and they will be ready very quickly (with the layer names, transparencies, etc.) inside a pre-defined folder.

Breezy - Photoshop Plugin

BlendMeIn is a free Photoshop extension to search for icons, vectors and other design resources right inside Photoshop.

Once you reached a specific resource, it can be drag ‘n’ dropped into the current composition which is a time-saver.

It is available as CS6 + CC extensions and, if you created similar design resources, you can contact them for addition too.

Update (17 Nov 2013): There is now a n Illustrator version of the extension too.

BlendMeIn - Photoshop Extension

For designs created to be displayed on iOS or any other Retina-Display device, we need to create high quality version the right way.

Retinize It is a set of 2 free Photoshop actions where one of them slices the selected layer (or group) and the other for slicing +  scaling it by 200%.

These actions are a time-saver for anyone that regularly creates designs for websites in Photoshop. Simple-yet-handy.

Retinize It

There is no limit on the effects that can be created/applied with Photoshop. Once you have the time, it is possible to fine tune any filter to get great results.

Once you don’t have that time, using actions created by professionals is a very smart step to get things done quickly and still nicely.

MightyDeals, the website of creative deals, is now offering a pack of 205 high-quality Photoshop actions for a price of $17 rather than $238.

MightyDeals Photoshop Actions

The pack is created by PhotographyPla.net and includes actions for Sunset & Sunrise, Black & White, Fashion, Autumn, Vintage, Faded & Hazy, Light Leaks, Monochromatic, and even more.

Once an action is applied, it leaves the original image layer untouched but adds the effects as layers.

MightyDeals Photoshop Actions

This is not only smart for keeping the original but also gives the power to easily edit and/or any of the effects applied.

These Photoshop Actions is a very handy set for Photoshop + photography fans and it is only available for the next few hours.

Once we design a web project in Photoshop, it takes some time to slice it and export all the assets to multiple image files.

Cut&Slice me is a great and free Photoshop plugin that can fasten this process with the smart features it offers.

First of all, it trims any unnecessary pixels while exporting. Also, it understands that "a group of layers" needs to be treated as a single object and cuts them perfectly.

Cut&Slice me Photoshop plugin

When designing buttons, once the layers are named with the format mentioned by the plugin, it can auto-slice the multiple states of that button.

Also, for designs created at full resolution, Cut&Slice me can export to iPhone + Android retina/xhdpi (ldpi, mdpi and hdpi) with only one click.

Let's say you have created a website design in Photoshop and the project consists of 3 files: homepage.psd, subpage.psd and blog.psd. And, you are using some common elements in all three like buttons, the background, etc.

Wouldn't it be great "only to update these common elements" and all the PSDs were updated?

CanLinkIt, a Photoshop plugin does that. It can link any PSD or image file Photoshop files to another.

Photoshop - CanLinkIt

The linked files are not updated automatically but this feature is triggered manually (with an "Update All" button) considering you may not want this synchronization to happen for some elements.

Also, for anyone designing a project as a team and using a file sync/storage service like Dropbox, you can edit one file while your teammate is working on a piece of that file and it's only one click to merge them.

Uptime Robot
feed-holder
FeedBurner
PSD2HTML.com