Design Buzz Logo Affiliated Business News
61
This set of Photoshop /GIMP brushes is made up of paintable textures. You can see some of them in the preview image above. These are great for digital artists or graphic designers that want to paint with some texture, rather than just a plain round brush. They’re also great for adding texture to just about anything with a few clicks. These are all high resolution images, with the average brush size being about 1900 pixels. READ MORE...

(posted by Jennifer Apple for www.PhotoshopSupport.com)
Read More
/>
3

Photoshop is a really powerful tool to draw any digital presentation that we could possibly imagine. Some of us might have familiarized ourselves with Photoshop and may have even been working with it for ages. Still, I often find a Photoshop file stacked with poorly managed layers, causing headaches when a refinement is needed, or when converting it into another format.


messy files


For a graphic or web designer who regularl

Read More
y works in a team environment, where multiple designers may work on a single Photoshop file, the issue of managing and organizing the file suddenly becomes a very important matter.


In general, there are some benefits when we organize our files properly:



It will streamline the workflow.
It helps other designers to understand our design structure easily.
All designers involved with the file can do a revision, quickly and easily, if necessary.
This minimizes errors in the criss-cross production process.

Thus, in the following post, we will share some basic tips to manage and organize Photoshop files so that we can work more efficiently, particularly in a team.



1. Creating folders and managing assets

When working with Photoshop, we typically have many files like photos, backgrounds, fonts and the PSD file itself.


To organize these files and reduce the possibility of chaos, the items should be placed in corresponding folders. So, before we even start up Photoshop, we should create these folders first. For instance, a fonts folder for font files or a background folder for the images we use as backdrops in the design.


font folders


That way, you will be able to do the project faster, as you already know where to go for which file. On the Windows OS, files can be stored according to recent history, which will help you call files even faster.


In web development this practice is obvious. Files and all assets must be placed in the respective directories for the website to work properly, otherwise it would cause a 404 Not Found error.


2. Setting the document properly

In early 2003, I was working with Photoshop for the first time. I did not set up the document properly, which eventually became a real pain during the production process.


Photoshop comes with several preset documents that you can use to quickly and easily create a commonly used standard document for your project. However, often times we need to work with a document size that is not available in the Presets. In these conditions, we have to set up the document ourselves.


Presets Menu


When creating a new document through Files > New... menu or hitting Ctrl / Cmd + N, a new window with several options will pop up. In this dialog we can set document parameters: like the dimension, DPI, background and color mode.


New File


Print Design

When designing a project intended for print, the document will need some pre-requisites to ensure that the document can be printed correctly. It normally needs a 300 dpi resolution and has to be in CMYK color mode to be printed via color separation. Document size may vary depending on the project specifications.



You will also need to ‘bleed’ print designs. To bleed a document is to give it an extended area from the actual document size it will be printed on. This is important for designs that use a colored background instead of white. Bleeding prevents the occurence of white spaces that will turn up when cropping is not done with perfect precision.


Web Design

Designing websites need fewer specifications as it is only for screen view purposes, so a 72 dpi resolution with an RGB color mode should be sufficient. The pixel (px) is used as the unit measurement.



You can save this customized document specification, if you find that you will use it regularly.


3. Naming the layers

We have prepared the files and the new document has been set up. We now move to working with layers.


When we have layers that grow along with our design, it would be better to rename these layers to be more descriptive and meaningful rather than just with random names like Shape 1 or Layer 1. That way we will be able to find the layers we want to edit more easily.



Be descriptive with the name. However, make the layers’ names simple, and short as well. Use your local language if it is the preferred language in your work environment.



4. Grouping the layers

We may find that we have too many layers and these layers are actually several parts that shape a single object. In this case, we can group those layers and name the group to appropriately represent all the layers. We can also create a sub-group and nest it inside a group like a tree structure, if necessary.


When naming the groups, try to be descriptive, simple, short and intuitive. For instance, in web design, we typically have default groups of layers like header, sidebar, content and footer.



This practice will be helpful when working in a team, particularly when we work with developers that tend to work in an orderly and organized fashion. This practice can also be applied in print design projects.


5. Arrange layers or groups in order

Poorly ordered layers will drive anyone insane, and it is a nightmare to look at as well.


Let’s try putting the layers and the groups in a logical order. Have the layers and the groups positioned in the Layer tab as matched with its visual position. For instance, when we have several layers/groups like question, replied, option box and screen, the layers position should be as follows:



That way, anyone who will continue working on the design can intuitively find the layers and the groups faster.


Bonus Tips: Clean up unused layers

Sometimes we try a lot of things to get an effect or look for a design; this often leaves some unused layers. Eliminating these layers will not only keep the Layers tab clean and neat but it also reduces the PSD file size as well.


Conclusion

These practices, ideally, should be done from the moment the first layer is produced. It’s a matter of preferences what sticks and what goes. Some might prefer organizing the layers/groups from the beginning while others might do it after the whole design is complete.


However, these tips are not the only way to be organized and nobody is totally right when it comes to tips and best practices. It all depends on our working experience with Photoshop. Feel free to share and add your experiences in the comments section below.



Related posts:
10 Killer Adobe Photoshop Tips For Designers
How to Create a TRON Minimal Design – Photoshop Tutorial


1
This week’s Deke’s Techniques video celebrates the New Year by showing you how to create a one-page full-year calendar in Illustrator. The idea for using hexagons in calendars was originally inspired by the 2010 oeuvre of illustrator German Ariel Berra, but it seems German has moved on from calendars in the past few years, so it’s Deke’s Techniques and Illustrator to the rescue for 2013 (30-day free trial). READ MORE...

(posted by Jennifer Apple for www.PhotoshopSupport.com)
97
HereonOne today announced the availability of Perfect Photo Suite 7. Improved to give photographers even more ways to maximize their creativity and solve common problems in digital photography. Use our exclusive discount code PSSPPT06 to get 15% off any onOne product, including the new Perfect Photo Suite 7. READ MORE...

(posted by Jennifer Apple for www.PhotoshopSupport.com)
102
In this episode of the Adobe Creative Suite Podcast, Terry White shows how to use InDesign to create iPad Apps without writing code. See the complete process from InDesign to the App running on my New iPad. READ MORE...

(posted by Jennifer Apple for www.PhotoshopSupport.com)
26

Using ‘Actions’ in Photoshop helps you reduce time in processing and saving images. The usual way to run a saved action is to use shortcut buttons, but if you have too many actions in your list, chances are, some of them are saved without any shortcut keys assigned. So running these actions will require you to select related actions and clicking on the tiny ‘Play action’ button.


Play Action shortcut


If however, you can set a keyboar

Read More
d shortcut for the ‘Play’ button to run a single or multiple actions at once, you can simplify everything and save time.


This quick guide will show how you can assign shortcut keys to ‘Play action’.



Set Keyboard shortcut for ‘Play Action’


Go to Edit > Keyboard Shortcuts.


Menu




The options window will appear. From the Shortcuts For dropdown menu, select Panel Menus.


Shortcuts



At Panel Menus, go to Actions and set shortcut keys for the ‘Play‘ button. To set the shortcut, simply highlight Play and press your keyboard keys. In this example, we use keyboard keys Shift + Cmd + 1 as our shortcut.

Add shortcut




Click Accept and then hit the OK button.


Record




Conclusion

Now you have successfully added a keyboard shortcut to your ‘Play action’ button. The next time you need to play action, you can simply select an action and hit the keyboard shortcut without having to click on the tiny play button.


Related posts:
How to Reveal iPad’s Hidden Keyboard Buttons [Quicktip]
How To Assign Shortcuts to Any Program in Windows [Quicktip]
How To Turn Android Device into Keyboard And Mouse
How To Turn Your IPhone into a Temporary Keyboard And Mouse

76
In this week’s free Deke’s Techniques video, Deke celebrates his favorite holiday by showing you how to carve a ghoulish but gorgeous graphic into the face of a pumpkin using Adobe Photoshop. READ MORE...

(posted by Jennifer Apple for www.PhotoshopSupport.com)
46
From Bittbox: 5 free Vectorized Tree Branch Brushes for use in Photoshop. READ MORE...

(posted by Jennifer Apple for www.PhotoshopSupport.com)
94
Found a nice free brush set from Webgraphics, Rays Of Light, plus a tutorial for ideas on how to use them. Here's the info and links: This brush set is excellent for creating modern, abstract style artwork. The brushes can be used to quickly create lighted backgrounds around subjects. Layer the brushes and add an outer glow layer style to intensify the glow effect. READ MORE...

(posted by Jennifer Apple for www.PhotoshopSupport.com)
123

From time to time, we observe, find and collect high-quality photoshop tutorials and feature them in lists such as this to keep our readers abreast with the latest and greatest tutorials around. We’ve previously showcased a number of text effect tutorials, as well as tutorials on photo effects, and retro and vintage effects, but if you’re more into text effects, then today’s article will more than likely help you kick it up a notch.


Read More
eam-powered-effect.jpg" />


I’ve put together more than 20 fantastic Photoshop Text Effect Tutorials that give you cute, creepy, festive, fun and even legendary results. If you like what you see, check out the tutorials via the links provided below. Which of the tutorials did you like best? Tell us your thoughts.


3D Skyscraper Text Effect

Stack up your text in 3D skyscraper style using Photoshop CS5. [View Tutorial]



3D Ribbon Wrapped

Create a 3D ribbon cutout text effect in Photoshop from scratch with this detailed tutorial. [View Tutorial]



Cinematic "Sergeant America" Text Effect

This tutorial focuses on how to create a marvelous "Sergeant America" metallic text in Photoshop. [View Tutorial]



Retro Folded Typography

Put your text through the folds, with an awesome folded coloured paper text effect in Photoshop. [View Tutorial]



Super Glossy 3D Typography

This is a tutorial based on how to create a super glossy and colourful text effect with reflection in Photoshop. [View Tutorial]



"Real Steel" Inspired Text Effect

Ever wanted that metallic and super cool text effect as inspired from the "Reel Steel" movie poster? Now you can build your own from scratch in Photoshop and this tutorial. [View Tutorial]



Ice Cream Type Treatment

A cute and delicious way to treat your text. [View Tutorial]



3D Text Effect with Abstract Brush

This tutorial shows how to create a wonderful 3D text effect with beautiful brush decoration and lighting in Photoshop from scratch. [View Tutorial]



Colourful Aura Text Effect

This is a tutorial based on creating a colourful aura text effect in Photoshop from scratch with detailed steps. [View Tutorial]



Realistic Folded Paper Text

Create a realistic folded paper text effect in Photoshop. [View Tutorial]



Lost in Space Typography

This tutorial is based on creating an abstract composition of colours and lights, and applying that created texture in a text layer in Photoshop. [View Tutorial]



3D Text Effect Using Layer Styles

This is a tutorial on how to create a 3D text effect with metallic and shiny edges and inside light effects in Photoshop. [View Tutorial]



Smoke Text Effect

Learn how to create a realistic smoke text effect in Photoshop, easy and simple, with detailed guides. [View Tutorial]



Colorful Text Design

This is a tutorial which shows how to create marvelous and splendid colourful text styles with different layers in Photoshop. [View Tutorial]



Grungy Style Text Effect Inspired by "Infamous 2"

This tutorial is based on how to create a grungy and superb text effect as inspired by the game Infamous 2, in Photoshop. [View Tutorial]



Baseball-Inspired Text Effect

This is a tutorial based on how to create a realistic baseball inspired text effects with stitches around the corner in Photoshop, made from scratch. [View Tutorial]



RAWZ Light Effects

This tutorial shows how to create superb RAWZ light effect text style with carbon fiber background in Photoshop from scratch. [View Tutorial]



Candy Cane Text

A tutorial to create a modern, colourful and delicious candy-like text effect in Photoshop. [View Tutorial]



Broken Plate Text Effect

This tutorial illustrates a wonderful and realistic broken plates text effect in Photoshop from just a blank Photoshop document. [View Tutorial]



Colourful Rainbow Text Effect

This tutorial is based on creating a marvelous rainbow text effect with different effects in Photoshop from scratch. [View Tutorial]



Realistic Stitched Text Effect

Create a realistic fabric stitching text effect in Photoshop from zero. [View Tutorial]



Steam Powered Typographic Treatment

This is a tutorial which focuses on creating an awesome steam-powered text effect in Photoshop from scratch. [View Tutorial]



Abstract Layered Text with Decorative Lighting Effect

Learn how to render an abstract layered text effect with wonderful lighting effects in Photoshop. [View Tutorial]



Editable on Screen Text Effect using Smart Objects

This is a tutorial which focuses on creating an LED pattern type text which you can see in normal LED displays, in Photoshop using Smart Objects. [View Tutorial]



More Photoshop Tutorials

Here are more Photoshop tutorials we’ve previously published:



How to Draw Realistic iPad2
How to Draw Realistic Samsung Galaxy S2
How to Draw Apple iCloud Icon
The Avengers Text Effect With Illustrator & Photoshop
More..

Related posts:
28 Fresh Photoshop Text Effect Tutorials
25+ Water Effect Photoshop Tutorials and Brushes
Realistic Smoke Effect Photoshop Tutorials
Creating The Avengers Text Effect With Illustrator & Photoshop

Join Our Newsletter:


What is Design Buzz?

Design Buzz is a community for all those involved in designing, developing and running websites, web mastering, etc. Here are featured new design trends, news and events, design articles, design software, webmaster tips and tricks, creative tutorials and hand-picked design stuff from all over the world.

Latest Comments
Affiliated Business RSS Subscribers