Design Buzz Logo Affiliated Business News
95

With the advent of high-definition screens, web designers now have to make sure that the images they use are optimized for HD. Skipping this process may render websites blurry or pixelated, leaving a not so good impression on visitors. One of the best ways to deal with HD screens is to use Vector Graphic whenever possible.



Vector Graphic is scaleable at any size, so it will look great on an HD screen. In this post, we would like to share a quick tip on how to c

Read More
onvert your Photoshop Text into SVG. If you have, for example, a text-based logo in your design, you’ll probably find this tip very useful.



Photoshop Stage

For this example, we will use a simple text-based logo created using the Pacifico font family (screenshot).



On the the Layers tab in Photoshop, right-click on the text layer and select Convert to Shape (screenshot).



Then, save the file in Photoshop EPS format.



Illustrator Stage

Open the EPS file in Adobe Illustrator. You should see that the text is now a vector object.



In this stage, you can make a few adjustments such as removing unnecessary layers, changing the background colors, or resizing. To resize the document in Illustrator, just go to File > Document Setup and select Edit Artboards.


You can use your mouse to resize the Artboard, or specify the size more accurately by filling in the Width (W) and the Height (H).



Next, save the file in SVG format, which is the default option. And that’s it.



Conclusion

The act of converting the font into Shape is to ensure compatibility across multiple computers – when you are working remotely, different fonts installed on different systems may cause the "Font missing" error. This may also happens with different versions of Adobe Illustrator or Photoshop. Turning text to SVG will help minimize or eliminate issues to do with compatibility.



Related posts:
20+ New Photoshop Text Effect Tutorials
5 Simple Tips to More Organized Photoshop Files
Convert Your Google Drive Files with DriveConverter
Copy and Extract Text From Images with GT Text [Quicktip]


66
Here's a good tutorial — How to make an animal hybrid in Photoshop, from Photoshop Daily. "In this free Photoshop tutorial we’ll be covering the techniques used to extract and apply textures from one animal to another." READ MORE...

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

If you love making collages with scissors, glue, mom’s magazines and dad’s subscriptions when you were growing up, there is no reason to stop now. Collage is a specific technique of art that is made from different pieces of artworks which create a new, improved, sometimes perfect look. These days, you can make an awesome Collage with Photoshop!


Here are 50 excellent Collage Photoshop Tutorials that will teach you to combine photography with hand-drawn elements and turn an otherwise ordinary image into awesome photo manipulation. You

Read More
’ll get to know how to incorporate lots of objects into one stunning image.



Who knows, later on you might be able to create gift cards, postcards or even a beautiful cover for your own book. Let’s get inspired!


1. How To Make A Photoshop Montage



2. Free Psd Premium Tutorial: Create A Mixed Style Collage



3. Learn How To Design A Charming Collage Composition



4. Create A Nature-Inspired Digital Illustration In Photoshop



5. Futuristic Collage



6. Photoshop Tutorial: Create A Stunning Pin-Up Collage



7. New Premium TUT – How To Create A Digital Collage With 3D Shapes, Patterns, & Colors



 


8. Surreal Collage Creation



9. Premium Tutorial – Recycle Vintage Images To Create A Photoshop Collage



10. How To Create An Abstract Photo Manipulation



11. Create A Mock-Retro Poster Concept



12. Photoshop Tutorial: Create A Digital Collage From Hand-Drawn Elements



13. Photoshop Tutorial: Create An Amazing Summer Flyer Design



14. Creative Collages And Mixed-Media Effects



15. Photoshop Tutorial: Advanced Compositing Techniques



16. A New Take On Cityscape Collage



 


17. Be Clear Through Abstraction



18. Construct Beautiful Distortions



19. High-Rise B-Movie Poster Case Study By Falcon White Design



20. Design An Awesome Urban City Photo-Montage In Photoshop



21. Create Atmospheric Digicollages



 


22. Case Study “Deadliest Catch”



23. Create A Surreal Urban City Montage with Lightning Effect in Photoshop



 


24. Collage Of Polaroids



25. Create A Grunge & Textured Mixed Collage In Photoshop



26. Photoshop Tutorial: Making of “Color Combustion” A Photo Manipulation



27. How To Create A Fantasy Photomanipulation In Photoshop



28. Photoshop Tutorial: Retro Collage Techniques



29. How To Create An “Alice in Wonderland” Inspired Artwork With Photoshop



30. Add A Vintage Feel With Custom Brush Strokes



31. Add Depth To Mixed-Media Collages



32. Construct A Kaleidoscopic Collage Effect In Photoshop



33. Create An Abstract Collage effect



34. Digitally Collage A Camouflage Paper Jacket



35. Create A Striking Collage Fusing Ancient And Modern




Related posts:
50 Excellent Photoshop Photo Effect Tutorials [Part III]
25+ Water Effect Photoshop Tutorials and Brushes
20+ New Photoshop Text Effect Tutorials
55 Just Gorgeous Dance Photo Manipulation Artworks (And Tutorials!)


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)
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