Newer posts are loading.
You are at the newest post.
Click here to check if anything new just came in.

February 25 2014

07:30

February 17 2014

11:00

January 31 2014

11:00

Not Up For Creative Cloud? 10 Professional Alternatives to Photoshop CC


  

Photoshop CC is no longer for sale. You can only rent it and pay a monthly fee to be allowed to use it. This does not appeal to everybody and I personally know more former Photoshop users who reject that licensing model than those who embrace it. As I was a regular updater anyway, the new mode of operation saves me money. But I can understand all those who only updated every three or four versions and would now have to shell out a lot more money than before. All of these will be eager to find a valid alternative to Photoshop CC. We took a look at ten of the best competitors…

January 02 2014

21:12

Showcase Of Fresh Photoshop Text Effect Tutorials

In this assortment, we are showcasing some fresh and outstanding Photoshop Text Effect Tutorials. For the designers Photoshop plays a vital role in their designing. Adobe Photoshop is easy to use, save time, and make designers work easier for them. Adobe Photoshop have so many advantages, this is the reason that every designer keeps an eye on every innovative and fresh Adobe Photoshop Tutorials.

With this collection, you can make your typography designs more colorful, and eye-catching. With the typography, web designers can easily show their creative skills and wonderful imagination power to the whole creative world.

Basically Typography is the arrangement of letters. So what are you waiting for? Scroll through our wonderful collection and be inspired to create your own amazing and attractive text effect, as well. You can easily download these amazing Photoshop text effect tutorials without paying any cost. And do not forget to share what you think about this compilation. Your suggestions and comments are very precious for us. So please give your feedbacks via comment section below.

Create Inspirational 3D Gold Text with Photoshop

Learn how to make any inspirational message look more meaningful by turning it into a 3D typography poster. In this Photoshop tutorial, you will learn how to create striking 3D gold text, add reflections with image-based lighting, create a drywall background from scratch, and position your lights using an easy method that feel like you’re playing a 1st person shooter game. To follow this tutorial, you’ll need Photoshop CS6 Extended.

Create a Magma Hot Text Effect

In this tutorial, we will explain how to create a magma hot text effect using layer styles and textures in Photoshop. Let’s get started!

The Text on the Wet Sweaty Window

This tutorial explains how to use a couple of images, a blur filter, and a simple brush to create a realistic text-on-wet-window effect.

How to Create Colorful Wooden 3D Text

Photoshop is a powerful tool for creating all sorts of imagery but it does have its limitations. While Photoshop does have some fantastic tools for creating 3D text, there are other applications that are often better suited for the job. That is why many illustrators use a combination of Photoshop and some other 3D application to help create 3D text. In this tutorial, we will show you how to use Cinema 4D to create wooden 3D text and then how to use Photoshop to add the final touches. Let’s get started!

Use Photoshop and Illustrator to Create Guitar String Typography

Photoshop and Illustrator are great tools to help you create things that only exist in your imagination. In this tutorial, we will create words out of intertwining guitar strings. Let’s get started!

Create a Unique Glowing Text with Space Background

In this tutorial, I will show you the steps I took to Create this Unique Glowing Text with Space Background in Adobe Photoshop CS5. We will use techniques such as layer blending, filter effect, custom brushes and transform tools to create this text effect. This is an beginner to intermediate level Photoshop tutorial, let’s get started! Layered PSD file included.

Design Unique Grass Wood Text Effect

In this Photoshop tutorial, I will show you the steps I took to Design this Unique Grass Wood text effect in Photoshop. This is an intermediate level tutorial so some steps can be a little tricky. We will come across techniques such as layer masking, image adjustments, blending, a number of filter effects. Have a try!

Vintage Wood Typography Tutorial

Learn how to create a vintage wood typography using a coll 3D Photoshop action. You can easily combine different font types, shapes and layer styles to create unlimited number of effects. You can easily customize the 3D effect as it uses smart objects.

Flower Blossom Typography Tutorial

In this Adobe Photoshop tutorial I will show you how I created this beautiful flower blossom typography using some simple techniques that can be practiced even by beginners.

Design Abstract Text Effect with Pen Tool and Grunge Brush

In this tutorial, I will show you the steps to design this abstract text effect with pen tool and grunge brush decoration in Photoshop. Along the way, we will practice using Pen Tool to draw some nice hair-like lines, as well as apply grunge brushsets for some cool abstract effect for our texts.

Design Fluid Typography on Watercolour Background

In this tutorial, I will show you the steps to Design this Fluid Typography on Watercolour Background in Photoshop. We will mainly use custom brushes and the liquify tool to achieve this simple, but unique effect. This is a beginner level tutorial, have a try!

How to Create a Metallic Text Effect

In this tutorial, we will explain how to create a metallic text effect using layer styles in Photoshop. Let’s get started!

Vintage 3D Text Effect

The 3D Environment in Photoshop CS6 is a great way to create amazing 3D text effects without the need for any other 3D software. This tutorial will explain how to use the many tools and settings to create a nice vintage 3D text effect.

Simple Bokeh Text Effect

Bokeh, in Photography, is a word that describes “the way the lens renders out-of-focus points of light”. It adds an absolutely stunning touch to photographs, and creates a really nice effect. This tutorial is inspired by this technique, and will show you a super easy way to create a dazzling beautiful bokeh text effect, using a simple brush and a layer effect.

Vintage Tiles Text Effect

This tutorial will show you how to create some letters, convert them to shapes, exclude them from rounded rectangles, then apply a simple layer style to create lovely vintage looking tiles. Then, a nice action will be applied to enhance the coloring of the final result.

3D Bold Text Effect

This tutorial will explain how to create a bold bright-textured slick text effect in Photoshop CS6. A simple pattern will be used to create the bump map, while some other material settings will be changed to create the final appearance. Lighting, Environment, and Image Based Light settings will also be modified to complete the scene and create the final result.

Colorful Textured Plastic Text Effect

This tutorial is a retro stationery inspired one. It will explain an easy way to create textured plastic semi-transparent letters, then move them around over the graph paper background.

Design a Hot Golden Text with Disintegration Effect

In this Photoshop tutorial, I will show you the steps I took to Design this Hot, Golden Text with Disintegration Effect in Photoshop. We will mainly use the selection tool and layer mask to perform some texturing for the letters, and use image adjustment tools to fine-tune the effect.

Create an “Out of the Box” Stone and Concrete 3D Text Effect

In this tutorial, we will mix Photoshop CS6s 3D tools with Filter Forge to create an “out of the box” stone and concrete 3D text effect. Let’s get started!

Striped Road-Inspired Text Effect

This tutorial will show you some tips on how to use the Pen Tool, along with some Brushes and Blend Modes, to create a striped road (street) inspired text effect.

Dot-Cutout Paper Text Effect

This tutorial will explain how to create a colorful dot-cutout paper text effect, by rasterizing the type layers, then creating and stroking work paths with a modified round brush. It will also explain the process of adding a couple of adjustment layers to modify the coloring of the final result.

Decorated Wood Text Effect

In this tutorial we will learn how to create a wood style text effect.

Create a Retro Sign from Scratch Using Advanced Techniques

In this tutorial, Stephen Petrany will push Photoshop to its limits to produce a realistic neon sign. He will use several techniques, ranging from simple to advanced, to help us create and texture a neon sign within Photoshop. We will explore how to use Smart Objects, create custom textures, manipulate Layer Styles and create custom brushes.

Grunge Road Paint Photoshop Text Effect

Learn how to create a realistic road paint effect in Photoshop in just a few simple steps. This grunge paint road works great with text, shapes and silhouettes. You can use it with any paint color not just with white and yellow.

Create a 3D Text Effect

Photoshop is an incredibly versatile application that is often used alongside 3D applications. In this tutorial, Wojciech Pijecki will show you how to sketch out an idea for a text effect, build up the idea in Photoshop, render it in 3D using Maya, and then how to add the finishing touches again in Photoshop.

Brick Text Typography Surreal Tutorial

Learn how to create a 3D brick typography in Photoshop using a free 3D action maker. We will combine the brick text effect with different images to create a surreal photo manipulation.

Create an Advanced Stone Text Effect

Today’s advanced tutorial will teach you how to create a realistic stone text effect from scratch in Photoshop. You’ll learn how to create a custom bump map, and how to use this technique to distort virtually any surface. Then you will combine Layer Styles to create an authentic ancient stone texture. Finally, we will explore few simple techniques for creating fast and realistic jungle vines with leaves.

Love Roses Text in Photoshop

Learn how to create a beautiful love red rose text in Photoshop. To create this text effect I will use a 3D action for creating the #d text effect and some interesting layer styles with creative red rose patterns.

Happy New Year Text Effect

In this tutorial I wanted to create a 3D text effect for the 2013 New Year. I have used several techniques in this tutorial that I hope you will find useful for creating your own text effects. I have also used free Photoshop action for creating a 3D effect.

Create a Sparkling Diamond and Gold Text Effect

In this tutorial, we will explain how to use Filter Forge and Photoshop to create a glamorous, sparkling, diamond and gold text effect. Let’s get started!

Create a Unique Rock Text with Space Background

In this Photoshop tutorial, I will show you the steps I took to Create this Unique Rock Text with Space Background in Photoshop. I will show you an interesting way to place the rocks and join them together with simple line-drawing techniques. This is a beginner to intermediate level tutorial, have a try!

Design an Awesome Electrified Metal Scrap Text Effect

In this tutorial, I will show you the steps I took to Design an Electrified Text Effect in Photoshop. The focus of this tutorial is show you how you can combine serveral elements seamlessly using selection and layer blending modes, in order to create an eye-catching text effect. This is an intermedia level tutorial so some steps can be tricky, but why not have a try!

Gingerbread Cookies Text Effect

This tutorial will explain how to bake make a delicious gingerbread cookies inspired text effect, using layer styles, some filters, and a couple of other simple elements. Ready?

Simple New Year Typographic Wallpaper

This mini-tutorial will explain how to use simple text and a filter to create a nice new year’s typographic wallpaper.

Colorful Futuristic Text Effect

This tutorial explains how to create a colorful futuristic looking text effect, using a couple of Layer Styles for multiple layers, and a simple brush.

Create a Cross Stitch Effect

Learn how to create a cross stitch effect in Phtoshop that you can use to make creative text effects using fabrics and other cloth textures. This effect is only for text and numbers, so if you want to turn images/shapes/clipart to cross stitch you will have to do it using the cross stitch brush and the process is very slow.

Ghostly Text Effect

This tutorial will show you how to combine different layer effects with the gaussian blur filter to create a simple hazy ghostly text effect.

Create Electrified Metal Text Effect

In this tutorial, I will show you the steps to Create Electrified Metal Text Effect in Photoshop. We will cover a number of selection techniques, as well as how we can use the right texture to form unique text effect.

December 24 2013

07:30

Brushlovers – Free Photoshop Brushes, Styles and Patterns En Masse


  

Brushlovers is one of these sites to waste one’s day away, without ever feeling bored. If you are an avid user of Adobe Photoshop, Brushlovers should sit at the top of your bookmarks list. What Brushlovers enables you to do is far more astounding than what the average filter overkill does for you. Every other site these days jumps the brushes bandwagon, yet only very few are really notable. Brushlovers is one of these few. We have curated some of the best free Photoshop brushes and some of their other resources in the following article. Enjoy…

November 26 2013

11:00

Marvel: Free Website Prototyping Tool for Photoshop-Dropboxers


  

If you are anything like me, you fire up your Photoshop to create a first visual prototype of your next client’s website. And if you’re anything like me, you’re not bound to change that in the foreseeable future. All the clients I had over the last 20 years wanted to see a visual prototype before coding started. If you could create a clickable one, the better. A fresh web app named Marvel enters the stage with the promise to achieve just that. Are you a user of Photoshop, Fireworks, Gimp or any other pixel-editor and do you rely on Dropbox? Great, still, if you don’t design websites, you need not read further ;-)

November 18 2013

07:30

Fall Cleaning Pt. 2: 26 Free Design Resources, Fresh from October 2013


  

Hello global design community!. We are back with another edition of our monthly collection of the freshest design resources. Today, we’ll show you, what October 2013 had to offer. If you know our series already, you know you can expect the best HTML, CSS and PSD templates, as well as UI-kits for your next great web or native app. All of the resources showcased here are fresh, free and easy to download, suitable for experienced and amateur web designers, so be sure to download the ones you love and share them with everyone you know!

November 15 2013

15:05

Blueprints For Web And Print: Specctr, A Free Adobe Illustrator Plugin


  

Have you ever submitted design files to a development team for production and a few weeks later gotten something back that looks nothing like your original work? Many designers and design teams make the mistake of thinking that their work is done once they’ve completed the visual design stage.

A design is more than a simple drawing on a canvas in Illustrator, Fireworks or Photoshop; it is a representation of function. “Form follows function” is a well-known principle, first coined in 1896 by the architect Louis Sullivan. How will the website work? How will that section fold? What happens when you hover over this button? How does that menu function?

Designers also know that the details will make or break a product’s usability. But designers are also responsible for not letting those details fall through the cracks in production. Yes, those 5 pixels do matter! The development or production team also needs to understand how the product will work and what it will look like in every scenario and variation of the product’s use. Annotating all of these scenarios can be a nightmare, but this is where Specctr can help.

Specctr is a plugin for Adobe applications. (Currently, versions are available for Fireworks, Illustrator and Photoshop, the first of which you can read about in “Blueprints for the Web: Specctr Adobe Fireworks Plugin”.) Specctr transitions a visual design to production by enabling you to specify form (spacing, width and height, colors, fonts, etc.) and function (hover states, transitions, user flows, etc.). It automatically generates a specification and creates a blueprint for the design, which saves time.

Specctr logo

Note: The Specctr plugin for Adobe Illustrator has two versions, Lite and Pro. The Lite version is free for everyone but has some limitations. The Pro version is more powerful, is paid and has an “Expand Canvas” feature, and you can change the font in which the specification is displayed. Specctr Pro has other advanced settings that can be configured in the “Spec Options” tab in the panel, including options for the colors in the three types of specifications, the color mode (RGB, CMYK, HSL, HSB), etc.

Overview Of Specctr For Illustrator

Adobe Illustrator is a favorite tool of many designers because of its flexibility and versatility. Whether you use Illustrator for Web, print, identity or packaging design, Specctr may be useful to you, and in this article we’ll show you how. This plugin includes:

  • the width and height of elements;
  • text specifications (font family, font size, font color).


The main tab of the panel, the “Select Details” panel tab and the “Spec Options” panel tab in the Specctr Lite version. (see larger preview)

The width and height of elements as well as the text-specification abilities are most common to a designer’s workflow, which is why we included them in the free version. These two features alone should save you a lot of time. Additionally, the free version has the “Expand Canvas” feature and the option to change a specification’s font.

Requirements and Installation

Specctr Lite can be downloaded for free from our website (search for “Try Specctr Lite”). To use Specctr for Illustrator, you will need:

  • a Mac or Windows machine;
  • a copy of Adobe Illustrator CS5, CS5.1, CS6 or CC (Creative Cloud version).

The installation process is pretty straightforward:

  1. Download the Specctr installer.
  2. Double-click the downloaded ZXP file. The Adobe Extension Manager will open. Click on “Install.”
  3. Restart Illustrator.
  4. In Illustrator, go to Window → Extensions → Specctr in the menu to open the Specctr panel.

Note: If you are using Windows Vista+, you might need to launch the Adobe Extension Manager as an administrator, or else the extension could fail to install (this is a known limitation of the Adobe Extension Manager).

A Quick How-To Guide

After you install Specctr, you can spec a document in a few easy steps:

  1. Adjust your settings in the “Spec Options” tab.
  2. Select the options you want to display.
  3. Make room for your specifications (optional).
  4. Spec away!

The process of working with Specctr Lite and Pro is quite similar. The only difference is in functionality (Lite has fewer features).

1. Adjust Settings in “Spec Options” Tab

First, it’s a good idea to customize how the specifications will look. You can do this in the “Spec Options” tab in the Specctr panel. There, you can do the following:

  • Control how your specifications will look by adjusting font, color, size and line weight.
  • Set the color mode in which you want to spec: RGB (both rgb() and HEX modes are available), CMYK, HSL or HSB.
  • Assign different colors based on the type of specification: type object, shape object, and spacing and dimensions.

2. Select the Options to Display

In the “Select Details” tab in the panel, you can define (using simple checkboxes) which properties of objects to spec.

For example (as mentioned earlier), for shape objects, the following properties (or specification) can be generated by Specctr: fill color, fill style, stroke color, stroke size, opacity. And for text objects, the following properties (or specification) can be generated: font family, font size, font color, font style, text align, line height, letter spacing, opacity.

3. Make Room for Your Specifications

Optionally, you can expand the size of the artboard (or canvas) to make more room for the generated specifications. Use the numeric field next to the “Expand” button to increase the size (in pixels).

4. Spec Away!

Simply select any object(s) on the artboard, and then use one of the specification buttons: “Shape / Text,” “Width & Height” or “Spacing.” Specifications will be generated automatically for the elements selected on the artboard.

You can select two objects (by holding down the Shift key) to spec the space in between them. If only one object is selected and you press the “Spacing” button, then the distance from the object to the artboard’s edges will be displayed.

Here’s a brief screencast of this workflow:

Other Features

For maximum time-saving, you can spec multiple text and shape objects with one click. Simply select multiple (or all) objects and hit the spec button.

For better readability, line endings in Specctr will change depending on what you are spec’ing: a filled dot for text, an outlined circle for shape, and brackets for distance.

Spec line ends
Line endings automatically adjust based on shape, text and distance.

Your specifications are automatically organized and grouped into layers so that you can quickly turn their visibility off or delete them.

Specs in layers panel
Specifications organized into layers.

If many objects are close to each other, then there is a chance that specifications might overlap. To fix this issue, simply move and spread the specifications out. The arm that connects them to their object will always remain connected to the object, no matter where you move them on the artboard.

Please note that if you update an object after you’ve spec’d it, then the specification won’t update automatically; you must spec the object again. You don’t have to delete the old specification, though, because it will update with the new properties and remain in its current position.

A Note About Units

Specctr will use distance-based units based on the user’s settings in Illustrator (Edit → Preferences → Units). For Web documents, Specctr will always use pixels.

Illustrator preferences.
Illustrator’s “Preferences” dialog: Units.

Different Specification Scenarios

Web Design

There are plenty of reasons to use Illustrator for Web design. (Read Vincent Le Moign’s article “Productive Web Design With… Adobe Illustrator?” to hear some of the arguments.) Illustrator is fast, reliable, reusable and especially useful for designers who create both wireframes and final designs.

Specctr was created with Web designers in mind because of the myriad of screens flows that have to be created and spec’d. Although spec’ing is usually a process that only large design teams do, I’ve found the plugin to be helpful on small teams as well. With technology advancing and our capability to create more complex graphics, transitions and animations growing, there is an increasing demand for designers to spec their work. Interactions, responsive design and hover states should become clearer with a few notes and annotations attached.

Here follows an example of a one-page Web design made in Illustrator and spec’ed using the Specctr plugin. The first screenshot shows the large-screen version, and the second shows the mobile-screen version.

Example of a web site design spec'ed with Specctr
Example of a Web page spec’d with Specctr. The artboard contains the large-screen version; below it are shown three states of the same button (normal, :hover and :focus, and pressed). (View larger version)

responsive design spec'd example.
Example of a Web page spec’d with Specctr. The artboard contains the small-screen (i.e. mobile) version. (View larger version)

Note: In Illustrator, you can use multiple artboards to create variants of the same Web page for different screen types; for example, desktop, tablet, mobile, etc.

Make sure to set up your document correctly for Web design work. Create Web documents with the “Align new objects to the pixel grid” option activated; always use whole pixel sizes for all objects; and select the RGB color mode. The “Align new objects to the pixel grid” option is especially important.

Web settings
My recommended settings for Web documents in Illustrator. (View larger version)

Print and Packaging Specification

Unique print pieces (die cuts, special folds, etc.) require detailed instructions. Here is an example of a custom folder that was spec’d using Specctr for Illustrator.

Packaging spec example
A print design example. (View larger version)

Setting up your document correctly for print design is important, too. Here are the settings that I often use:

Print settings
My recommended settings for print documents in Illustrator (View larger version)

Branding Guideline Book

A brand is the public face of the company. It conveys the mood and tone of the company and covers every detail of its communication with the public. A branding book is a vital step in a branding project because it establishes the rules and teaches collaborators how to use the new visual language; a rebranding campaign is only successful if it is used consistently and widely.

A brand book usually includes the logo, fonts, colors, textures and patterns, photographic and image styles, language and tone. The guidelines can get quite detailed and long.

Here is an example of a very brief brand book that uses Specctr for the nitty-gritty details:

Brand Guidlines
Specctr for Illustrator can help you create a brand book.

Here are a few brand guidelines:

To learn more about branding, I recommend Kat Neville’s article “Designing Style Guidelines for Brands and Websites.”

Conclusion

Being a successful designer takes not only creativity and design skills but the follow-through to see a project come alive just as you imagined it. A designer may create a well-crafted website or a beautiful logo or an elegantly packaged product, but chances are they won’t be the one bringing it to life.

Communicating and explaining your design both verbally and visually is a requirement for precise and successful results. This is especially true for large teams spread out over the globe. We hope the Specctr plugin for Illustrator helps you with this important task.

Plans for the Future?

Here’s what the Specctr team is working on next:

  • CSS exporting (the objects you spec will be the ones that are added to your CSS export);
  • Relative (i.e. percentage-based) spacing, to help you with responsive design tasks;
  • More options for iOS and Android design specs.

Please let us know which features you would like to see added to the next version of Specctr’s panels! You can also leave a comment here. We’d appreciate your feedback.

(mb, al, il)


© Chen Blume for Smashing Magazine, 2013.

October 30 2013

17:44

BlendMeIn: Free Photoshop Extension Gives you Access to Dozens of the Most Popular Icon Sets


  

At the beginning of October we introduced you to Flaticons by Freepik. The hyperactive guys from Spain developed a Photoshop extension to let you access their more than 13,000 icons large repository from within Adobe’s pixel giant directly. Being able to have thousands of icons at your fingertips and not having to leave your design environment is a potential time-saver, to say the least. BlendMeIn enters the market with a similar, yet slightly different concept…

October 24 2013

10:00

Saving Big Bucks: 200 Premium Photoshop Actions for 17 instead of 243 Dollars


  

First and foremost, Photoshop actions are time-savers and will boost the productivity of any creative professional regularly working with images. These premade actions are also great for people with only a basic level of Photoshop knowledge, as they get equipped with professional manipulation steps, they would not have been able to accomplish left to their own devices. Today, we are not only talking about time-saving, we are also talking about saving big-time. Because in our Deal of the Week we have 200 premium Photoshop actions discounted 93 percent off of their original price. Get 17 bucks ready to spend and read on…

October 18 2013

08:00

45 Photo Editing Tutorials for Photoshop

This post was originally published a few years ago, and since that time many of the tutorials that were featured in the post are no longer online. So we’ve revamped the article with a fresh selection of tutorials, some old and some new, that should prove to be very helpful.

Photoshop allows designers and photographers to improve photos in countless ways. Some photos are edited in a subtle way that the viewer may not even notice unless it is side-by-side with the original photo, and others are edited in more drastic ways. The good news is that there is a tutorial for just about anything you would want to do in Photoshop. Here you’ll find a collection of 45 different tutorials that teach the art of photo editing.

Telling Stories with Shadows

Telling Stories with Shadows

Create Vignette Effects with the Radial Filter in Photoshop CC

Create Vignette Effects with the Radial Filter in Photoshop CC

Water Reflection Effect in Photoshop CS6

Water Reflection Effect in Photoshop CS6

How to Add Reflections to Sunglesses with Photoshop

How to Add Reflections to Sunglesses with Photoshop

Learn How to Remove a Person from a Photo

Learn How to Remove a Person from a Photo

Remove a Person and Recreate a Busy Background Using the Clone Tool

Remove a Person and Recreate a Busy Background Using the Clone Tool

Black & White Adjustment

Black & White Adjustment

How to Replace a Sky Using Photoshop

How to Replace a Sky Using Photoshop

Dark Grunge Photo Effect

Dark Grunge Photo Effect

Vintage Cross Processed Photo Effect in Photoshop

Vintage Cross Processed Photo Effect in Photoshop

Six Ways to Create a Vignette in Photoshop

Six Ways to Create a Vignette in Photoshop

Creating Fashion Contrast Photo Effect

Creating Fashion Contrast Photo Effect

Handy Techniques for Cutting Out Hair in Photoshop

Handy Techniques for Cutting Out Hair in Photoshop

How to Reduce Digital Noise in a Photograph

How to Reduce Digital Noise in a Photograph

Professional Sharpening Techniques in Photoshop

Professional Sharpening Techniques in Photoshop

Apply a Color Effect to a Photo

Apply a Color Effect to a Photo

Create a Stunning High Key Portrait Photo

Create a Stunning High Key Portrait Photo

Old Fashioned, Hand-Tinted Photo Effect with Photoshop

Old Fashioned, Hand-Tinted Photo Effect with Photoshop

Ghosting an Image with Photoshop

Ghosting an Image with Photoshop

Gritty HDR

Gritty HDR

Star Diffusion

Star Diffusion

Selective Sepia

Selective Sepia

How to Create a Split Tone Effect in Photoshop

How to Create a Split Tone Effect in Photoshop

Hot & Fiery Photo Effect

Hot & Fiery Photo Effect

Turn a Photo Into a Collage of Polaroids with Photoshop

Turn a Photo Into a Collage of Polaroids with Photoshop

Pop Art

Pop Art

Vector Art with Photoshop

Vector Art with Photoshop

High-Key B&W Portrait Effect

High-Key B&W Portrait Effect

Coloring Effects

Coloring Effects

Bourne Ultimatum Color and Motion Blur Effect with Photoshop

Bourne Ultimatum Color and Motion Blur Effect with Photoshop

Selecting and Extracting Hair

Selecting and Extracting Hair

Phoenix Hair Effect

Phoenix Hair Effect

Basic Photo Editing Tutorial

Basic Photo Editing Tutorial

Edgy Style Photo Treatment

Edgy Style Photo Treatment

Perform Laser Eye Surgery on a Photo with Photoshop

Perform Laser Eye Surgery on a Photo with Photoshop

Make Eyelashes Thicker

Make Eyelashes Thicker

5 Second Eye Enhancement

5 Second Eye Enhancement

Artistic Sepia/Colorizing Effect

Artistic Sepia/Colorizing Effect

Boosting Contrast and Color with the Luminosity Mask in Photoshop

Boosting Contrast and Color with the Luminosity Mask in Photoshop

Enhance Your Image with Selective Color Adjustments

Enhance Your Image with Selective Color Adjustments

Applying a Realistic Tattoo

Applying a Realistic Tattoo

Add Dynamic Lighting to a Flat Photograph

Add Dynamic Lighting to a Flat Photograph

Add Dramatic Rain to a Photo in Photoshop

Add Dramatic Rain to a Photo in Photoshop

Creating Selective Contrast in Photoshop

Creating Selective Contrast in Photoshop

Realistic Makeup Application in Photoshop

Realistic Makeup Application in Photoshop

For more Photoshop tutorials see:

October 17 2013

08:00

40 Photoshop Tutorials for Lighting and Abstract Effects

This post was originally published a few years ago, and since that time many of the tutorials that were featured in the post are no longer online. So we’ve revamped the article with a fresh selection of tutorials, some old and some new, that should prove to be very helpful.

Photoshop gives designers the ability to create some amazing effects that can accomplish just about anything you can image. Lighting effects and abstract effects can be some of the most engaging and powerful effects created in Photoshop, and they’re also a lot of fun for designers. Fortunately, there are plenty of Photoshop experts who are willing to write detailed tutorials to show off the potential. Here is a look at some of the best tutorials for using various lighting and abstract effects. Follow a few of these tutorials to learn different techniques, and then put your creativity to work and find some ways to use lighting effects on your own.

Add Light Streaks to a Photo with Photoshop

Add Light Streaks to a Photo with Photoshop

Flaming Car in Photoshop

Flaming Car in Photoshop

The Revolution Artwork

The Revolution Artwork

Create Dynamic Lighting Using Custom Brushes in Photoshop

Create Dynamic Lighting Using Custom Brushes in Photoshop

Compositing Tutorial – Colors and Light Effects

Compositing Tutorial - Colors and Light Effects

Beautiful Lady with Flowing Light Effects

Burning Wishes – Abstract Photoshop Tutorial

Beautiful Lady with Flowing Light Effects

Sparkling Hot Girl in Photoshop

Sparkling Hot Girl in Photoshop

Fiery Photoshop Space Explosion Tutorial

Fiery Photoshop Space Explosion Tutorial

Really Cool Eclipse Effect in Photoshop

Really Cool Eclipse Effect in Photoshop

Electrifying Glow Album Art

Electrifying Glow Album Art

Mastering Light Effects

Mastering Light Effects

Luminescent Lines

Luminescent Lines

Creating Light Motion Trails & Glowing Sparks

Creating Light Motion Trails & Glowing Sparks

Super Slick Dusky Lighting Effects in Photoshop

Super Slick Dusky Lighting Effects in Photoshop

Create a Space Explosion from Scratch in Photoshop

Create a Space Explosion from Scratch in Photoshop

Add a Sparkle Trail to a Photo with Photoshop

Add a Sparkle Trail to a Photo with Photoshop

Space Lighting Effects in 10 Steps

Space Lighting Effects in 10 Steps

Seriously Cool Photoshop Explosion Effect

Seriously Cool Photoshop Explosion Effect

Advance Glow Effects

Advance Glow Effects

MSNBC Style Effect

MSNBC Style Effect

Super Fast – Speed Lighting Effect

Super Fast - Speed Lighting Effect

Fire Lines Photoshop Tutorial

Fire Lines Photoshop Tutorial

Dazzling Photoshop Smoke Unicorn Tutorial

Dazzling Photoshop Smoke Unicorn Tutorial

Creating Smoke

Creating Smoke

End of the World Photo Manipulation

End of the World Photo Manipulation

Design a Coldplay/Apple Inspired Portrait in Photoshop

Design a Coldplay/Apple Inspired Portrait in Photoshop

Magic Lighting Effect in Photoshop

Magic Lighting Effect in Photoshop

Classic Light Effect in Photoshop

Classic Light Effect in Photoshop

Old Signage in Photoshop 3D

Old Signage in Photoshop 3D

80s Christmas Artwork in Photoshop

80s Christmas Artwork in Photoshop

RAWZ Light Effects in Photoshop

RAWZ Light Effects in Photoshop

Light Effect Text Button

Light Effect Text Button

Create a Rocking Silhouette in Photoshop

Create a Rocking Silhouette in Photoshop

Using Custom Photoshop Brushes to Create an Immersive Lighting Effect

Using Custom Photoshop Brushes to Create an Immersive Lighting Effect

Create a Trendy Galactic Poster Design in Photoshop

Create a Trendy Galactic Poster Design in Photoshop

Abstract Lighting Effects

Abstract Lighting Effects

Drawing an Abstract Lightbulb

Drawing an Abstract Lightbulb

Create a Simple Vibrant Light Effect in Photoshop

Create a Simple Vibrant Light Effect in Photoshop

Chroma Wallpapers

Chroma Wallpapers

 

For more Photoshop tutorials please see:

October 16 2013

06:30

Colors of Fall 2013: 21 Fresh and Free Design Resources


  

Hello designers, developers, web enthusiasts of the globe. We are back with another edition of our monthly collection of the freshest design resources the month of September had to offer. If you know our series already, you know you can expect the best HTML, CSS and PSD templates, as well as UI-kits for your next great web or native app. All of the resources showcased here are fresh, free and easy to download, suitable for experienced and amateur web designers, so be sure to download the ones you love and share them with everyone you know!

October 08 2013

06:30

Best of GIMP: 40 Professional Tutorials to Level Up your Skills


  

The Gimp is where you go, if you don’t go for Photoshop. There is no other free alternative with such a grand feature-set. There is only little that can’t be done using Gimp. The large community behind the project works on getting this little even smaller. Did you know that there are really great tutorials out there, not only to help you get started? In fact, the tutorial scene behind Gimp does not need to hide in any way. We’ve curated the best of the best tutorials in the following article..

October 03 2013

06:30

LightZone: Totally Free Photo Lab lets you Forget Adobe Lightroom


  

If you want to do quick everyday photo manipulations on a bunch of images, you will usually not go for Photoshop. Adobe Lightroom is what people inside the Photoshop universe will recommend you. A while ago, we already introduced you to a free competitor of Adobe’s commercial solution, Darktable (which is great). Today we have an even greater solution for you. The formerly commercial, now Open Source tool LightZone will really excite you. The most enthralling thing is, it works totally different from anything you know…

October 02 2013

06:30

Flaticon.com: Use 11,000+ Free Icons from within Adobe Photoshop


  

Freepik, our friends from sunny Spain just did it again. They pushed out a new project by the name of flaticon.com. Flaticon.com is a platform hosting more than 11,000 icons, all in the looks of the ever so popular flat design trend. This week they added a brand-new Photoshop plugin to the free service. This makes it possible to access each and every icon directly from within Photoshop, which makes for a must-have for any designer out there…

September 13 2013

14:18

15 Useful Free Photoshop Custom Shapes Set

The world of internet is full of loads of collections on Photoshop brushes, patterns, textures and actions; what’s missing is Photoshop shapes. Finding out custom Photoshop shapes is something really difficult as not many people offer such collections that contain Photoshop shapes. Keeping this in mind, we thought it would be a great idea if we compile a collection of some useful Photoshop custom shapes for you.

Therefore, here we have come up with this assortment where we are presenting some truly useful custom shapes that you can integrate with Adobe Photoshop. Here is the full collection after the jump. We hope that you enjoy this collection. Feel free to share your comments with us via comment section below.

Circles and Stars shape

Ui Icons Shapes

Feather Custom Shapes

Spirograph Punctum II

Summer Time Shapes

Shapes for Photoshop

KissMeStyleByImTribute

Abundant Arrow Shapes Pack

The Edge Shapes

Crop Circle PS Shapes

CU Bracket Frame Shapes

Decor Shapes Csh

Nate’s Shapes – Photoshop Custom Shapes

Custom Shapes: WW2 Planes

Urban Designs Custom Shapes

06:30

Hotter than August: 26 Fresh Templates, Themes and UI-Kits from Last Month


  

How was the month of August in your area of the globe? Over here in Europe we definitely had (and still have) some hot spots. So, if swimming is what you aim for, come over to the Mediterranean and be happy. If you’d rather refresh some web designs than your worn-out body stay with us and read on. Once again we roamed about the webs, searching for the freshest elements a web designer could be interested in. This is what we came up with.

September 10 2013

13:00

20 Adobe Photoshop Plugins that You Might Want to Download

Let’s face this fact: Photoshop is still the number one design tool that a designer should master. The mastery of Photoshop will always be tantamount to the learning of other Adobe software programs.

Personally, I consider Photoshop as the mother of all Adobe platform software collection. It is versatile and jam-packed. Everything you need (well, almost all) is in there. You just have to stretch your creativity a wee bit. But being imperfect too, Photoshop has its limits at times. Sometimes, it cannot seem to perform the way we want it to be.

Designers often have problems with Photoshop functions that are non-existent. This predicament calls for additional software. So what designers do is search, download and open another software just to fit the needs of their imagination. This, I think, might cause some time. And for a designer, time is always of the essence. With this, it is very advantageous to have just one software that could cater to all the needs.

Now, you, as a designer have two choices: Either you get rid of Photoshop and look for a more versatile software (which I think would be very difficult, if not impossible), or look for solutions that could make Photoshop better. Hence, plugins.

20 Photoshop Plugins for Your Convenience

Plugins are software extensions that you can download and install within a program. Plugins help make the world a better place by unifying all the creative solutions in just one software. It becomes a one stop shop for designer needs. It saves time, effort and in the long run, money for designers and this also allows them to stretch their creativity more.

Because I love Photoshop very much, I looked for plugins that might help designers in their design needs. Here they are:

1. CSS3Ps

If you’re having trouble with the sizing, coloring and naming of your CSS elements, this plug-in will get you started. What does it do? Well, it just gives you the exact size of the layer in CSS3 codes, the color, the font-size and family of your design element. Just copy the code and paste it in your CSS code editor. CSS3Ps is fast and exact. Just click on the element, open the plug-in and wait for it to tell you how it should be placed.

photoshop-plug-in-02

2. Cut and Slice Me

Cut and Slice Me as its name implies, helps you cut images to serve as assets to your website for further coding. It gives you the one-click ease to realize your web design dreams! What I like about this plug-in is it’s convenience. Just select, then click. It’s also very versatile! It cuts the images the way you want them to be.

photoshop-plug-in-03

3. Adobe’s Kuler

Adobe’s Kuler is simply the cooler color picker tool. It allows you to see other users’ color schemes. This will help you know what colors suit each other!

photoshop-plug-in-04

4. Guide Guide

Guide Guide is an intelligent plug-in that will allow you to set guides for your designs with ease. It automatically and precisely puts guidelines along your design. What I love about Guideguide is it’s mathematical. It knows when your guide fits the proportion of your design. It also easy to use because you just have to type the exact location of the guide and it’s all set.

photoshop-plug-in-05

5. CSSHAT

CSSHat is a tool that makes your webpages magically pop out of a hat. It is an amazing plug-in that helps you code your CSS! Just select the layer, copy the code to the clipboard and enjoy life. What’s good about CSSHat is it is simple and easy to manipulate because the syntax it uses is more readable.

photoshop-plug-in-06

6. Divine Elemente

Divine Elemente is a flexible web design Photoshop plug-in cum software that bridges PSD designs to WordPress themes! It mainly caters the blogging industry and the good thing here is you are not required to do the actual coding!

photoshop-plug-in-07

7. SiteGrinder

SiteGrinder allows you to make webpages out of PSDs. In SiteGrinder, you don’t actually need to code or slice anything. Like Divine Elemente, SiteGrinder is a one-click tool for designing web pages! Pretty cool, huh?

photoshop-plug-in-08

8. Subtle Patterns

Do you want to create cool and very detailed background patterns for your website or design? Well, this plug-in is for you. With a vast database of uploaded patterns, Subtle Patterns helps the designer to choose a pattern easily. Thus removing the burden of creating (or searching for) them! You’re ensured of the quality of patterns here as they are created by the users themselves. Plus, they are very subtle. Your viewers won’t get too much distracted with the intricate pattern your website has!

photoshop-plug-in-09

9. WebZap

WebZap is another functional plugin designed to increase the productivity of web designers in doing mockups and UIs.

photoshop-plug-in-10

10. Perfect Resize

This software, formerly known as Genuine Fractals, is mainly a photographic plug-in that allows you to blow up images without destroying the sharpness of the picture. This is good for doing background images, or headers. Try it.

photoshop-plug-in-20

11. Enigma

Enigma is another image exporter plug-in for Photoshop that allows you to produces lossless images (up to 80% optimization) in a very simple and easy to use UI.

photoshop-plug-in-19

12. Skeuomorphism

With the explosion of the flat design trend, skeumorphic websites will definitely have trouble transforming their designs to flat. (That is, if they want to ride the bandwagon) But with Skeumorphism.it, you will be able to transform your skeumorphic PSD layout to a flat design! Well, what it actually does is it removes the unneeded layer effects of the design. But it’s a pretty good plug-in to download.

photoshop-plug-in-18

13. Punchcut

Punchcut’s Expanding Universe Toolset for Managing Screen Resolutions allows you to select from a set of PSDs where you can see the devices for ‘comping’ them. It basically helps you make your website look better in all browsers of all sizes.

photoshop-plug-in-17

14. SuitecaseFusion

Suitcase Fusion is a good font management Photoshop plug-in. It lets users preview the fonts that the design will be using, organizes them and gives the user ease of access. With SuiteCase, you can collect and select fonts from WebINK and Google Web Fonts.

photoshop-plug-in-16

15. Xtivity

Xtivity is an easy to use plugin that will help you create interactive websites. It features a professional feel on your work. It is very easy to use and it’s fast.

photoshop-plug-in-15

16. SuperPNG

The use of PNG files in web designing has been a necessity. Because of PNG’s transparency features, it becomes a very potent tool in putting designs in your webpages. Because of this, the need to create good PNG files becomes very important as well. SuperPNG allows you to do that. It supports lossless compressions and can be read by all modern web browsers! It also supports Alpha channel control, variable compression, ICC profile embedding and metadata saving.

photoshop-plug-in-14pg

17. AtlasCSS

Atlas CSS allows you to generate a coordinated CSS code using a script. You just need to collate all your icons in one Photoshop folder and viola! You have an instant stylesheet!

photoshop-plug-in-13

18. Corner Editor

Corner Editor is a flexible Photoshop script that allows you to make the corners of any polygonal shape round. It can also run multiple and smooth corners. Plus, it can also edit multiple layers at one click.  Well, for one thing, this plug-in is a rounded-corner haven for a designer.

photoshop-plug-in-12

19. Tncyh Panel

This one is not really purely web design-inclined. Tynch panel is best for laying out pictures. It artistically and automatically puts pictures in their proper juxtaposition. However, it becomes an advantage for designers to have this because you need to place pictures once in a while too.

.photoshop-plug-in-21

20. Icon Plugin

Want to create desktop icons or favicons? This free software allows you to do that!

photoshop-plug-in-11

Conclusion

Plug-ins are very helpful for a designer. They make life better. They are instantaneous and very convenient to use. But sometimes, the good thing is the difficult to attain. Plugins are just aids whenever we encounter a designing roadblock. It’s still better, in some cases, to put a lot of effort in your design. Good luck!

September 04 2013

06:30
Older posts are this way If this message doesn't go away, click anywhere on the page to continue loading posts.
Could not load more posts
Maybe Soup is currently being updated? I'll try again automatically in a few seconds...
Just a second, loading more posts...
You've reached the end.

Don't be the product, buy the product!

Schweinderl