Developer Resources, Uncategorized, Web

300+ Free Photoshop Resources,Tutorials,Tools And Tips


Photoshop is the most commonly used design tool, it is the best and versatile design tool.In this article we have put together a list of 300+ Photoshop Resources,Tutorials,Tools,Tips,Plugin and many more.

Photoshop Resources,Tutorials,Tools And Tips

  1. Tutorials For Beginers
  2. Ebooks and PDF
  3. Cheat Sheets
  4. Video Tutorials
  5. Plugin
  6. Cinemagraph Tutorial
  7. Best Web Forum to Ask Questions
  8. Tips and Tricks
  9. Manipulations Tutorials
  10. Text Effect Tutorials
  11. Water Effect Tutorials
  12. Actions Tutorials
  13. Photoshop extension


40 Free Photoshop Tutorial For Beginners


Free EBooks And PDF

Free eBook on Adobe Photoshop CS6




Official Photoshop Reference Book




How To Cheat In Photoshop








An Introduction to Adobe Photoshop





Photoshop Cheat Sheet

Photoshop CS6 All-in-One Cheat Sheet



Photoshop Toolbox Reference



Adobe Photoshop Quick Reference (PDF)



Adobe Photoshop Elements’ Organizer Cheat Sheet



Photoshop Lasso Tool CheatSheet

photoshop-cheet -sheet-1


Illustrator CS3 Useful Keyboard Shortcuts–Mac (PDF)




Video Tutorials


Best Photoshop Plugin


Pictura allows you to search and add images to your Photoshop conveniently without leaving your workspace.





Ink will help you to generate layer styles, font size, font family used, element size and position against other elements.





Duplllicator provides the fastest way to duplicate Photoshop layers or groups.




Lorem Ipsum Generator

This Adobe Extension  help you to complement your amazing design.You can customize options to generate words, sentences or paragraphs with a simple click, without having to leave your favorite Application.





Hexy allows you to use the Eyedropper tool to simply click on the color of the object you’re after and copies it directly to your clipboard.








Lorem Picsum

Lorem Picsum generates random images rather than text. The image provided is derived from popular movie and TV shows such as Futurama, Rio,The Simpsons, Finding Nemo, and UP.








Size Marks

Size Marks is a helpful Photoshop script for web designers and front-end engineers.Script converts rectangular marquee to labeled measurement mark. Landscape marquee → horizontal mark. Portrait or square marquee → vertical mark.





It’s  Photoshop plugin to export UI assets from layers.



Retinize It

RetinizeIt is perfect for designers and front-end developers who need to slice UI-elements from PSDs for iOS or Retina-ready websites.




Avocode – The bridge between designers and developers The smartest way to share designs, export assets and collaborate with your team.



LiveShare PS

With LiveShare PS you can now broadcast any Photoshop document to as many people as you want through an instant LiveShare meeting. If you make a change to your Photoshop document, they’ll instantly see your changes in the LiveShare meeting—you don’t even have to hit the save button!



Free Photoshop Script

Free photoshop script, Export your vector layers from PS to SVG in a single click!




Convert your Photoshop mobile design into native code in seconds.





Our Weather extension was designed with simplicity in mind and provides a clean and simple user interface. Meet your new OS, Photoshop.



Clear Nine Patch

Clear the superfluous stretchable areas through selection. Automate minimising the stretchable patches that are defined by the left and top lines to 1px width or height. (Only supports the NinePatch images that have a 1-pixel-wide black line in stretchable areas).




This panel provides wide angle video distortion correction. It lets you configure and automate the process.



Photoshop Social Share Plugin

Share your design instantly from Photoshop using our free Photoshop plugin.



Photoshop Cinemagraph Tutorials

Create Cinemagraphs Easily Using Cliplets.

This awesome image which showcases a moving skateboard wheel can be mimicked in no time with this tutorial. It uses Cliplets to help you create this cinemagraph.

How To Make a Cool Cinemagraph Image in Photoshop.

This tutorial teaches you to play around with Photoshop action tools so that you can have your own cute shopping cinemagraph image like the shopping montage of the 90s.

How To Make A Cinemagraph for Photoshop Newbies.

All you need for this particular tutorial is basic Photoshop skills, a tripod, a video camera, Photoshop (of course) and Quicktime player. If you’re armed with that, you’re good to go.

Create an awesome cinemagraph in Photoshop.

In this lesson you learn how to use Photoshop frames to process footage, and how to tweak your sequence in order to find the ideal loop for export.

Creating a Cinemagraph in Photoshop.

This cool video guide will walk you through the process of creating a cinemagraph in Photoshop and also tells you all the niceties of using this method including how to save the file in the correct format.

Cinemagraph tutorial.

In just 6 easy steps, this tutorial can show you how to create a wonderful cinemagraph in Photoshop.

Create a Cinemagraph (or Cinegraph) Using Photoshop CS6.

Use the latest Photoshop version CS6 to create a cinemagraph that’s bound to make everyone else green with envy!

How to Create a Cinemagraph Using Adobe Photoshop CS5.

Hair fluttering in the wind or blinking eyes are the perfect parts of the photo to animate as they are subtle. Watch this short video to learn how to do it yourself.

Tutorial: Como hacer un cinemagraph con Photoshop.

For all of you more comfortable with the Spanish language, here’s a handy cinemagraph tutorial in Spanish.


Why not bring one of your favorite movie scenes to life in a different way? This guide will show you how to make a cinemagraph from a Vimeo video without having to take pictures.

Click Here To See More Cool Cinemagraphs 


Web Forums To Ask Questions

Photoshop Tips

10 Awesome Adobe Photoshop Tips For Designers

1.Gradient Fill layers

Using the Gradient Fill adjustment as opposed to the layer style and you have a larger Scale size of 1,000%. Layer styles only go up to 150%



2.Control your panels

In the top right hand corner of every panel is a little icon that reveals a fly-out menu, giving additional options that you might not have seen before. You can use this menu to set your layer panel thumbnails to be larger, crop to artwork and much more – experiment

photoshop tips


3.Bird’s Eye View

If you’re doing detailed work such as cloning or edge refinement, it can be easy to lose sight of the bigger picture. Equally, if you’re working at a high zoom level, navigating around the document can become tiresome when you need to get back to your high-level zoom. With the Bird’s Eye View feature, when zoomed in you can press and hold the H key on your keyboard, and click and drag with your mouse to temporarily zoom out to a bird’s eye view. When you let go, you’ll zoom back in to the level you were working at.

4.Interactively set styles

When you’re adding a drop-shadow layer style, move the dialogue box to one side. By clicking and dragging on the canvas you can use your mouse to interactively move the shadow around relative to the layer casting the shadow.
photoshop tips

5.Paste in Place

Paste in Place is one of those functions that you’ll use all the time if you know about it, but if you don’t it will come as a revelation! After you’ve made a selection either in your current document, or in a second document if you’re combining artwork, copy as usual by choosing Edit>Copy, or by using the shortcut keys Ctrl+C(Windows) or Cmd+C (Mac). Once you’re viewing the document you want to paste into, use the shortcut keys Ctrl+Shift+V (Windows) or Cmd+Shift+V(Mac).

6.Blend modes

Did you know that blend modes can be placed onto multiple layers at a time? Just highlight more than one and the list stays active.

photoshop tips and tricks

7.Repeat Transformations

Once you’ve made a transformation to a layer or object using Edit>Transform, you can very quickly repeat that same transformation on another layer or object. Simply press Cmd+Shift+T on a Mac, or Ctrl+Shift+T on Windows, and Photoshop will repeat the same transformation on the currently active layer.

8.Solo your layer

If you’d like to preview a single layer, you can quickly get a look at it on its own byAlt+clicking on the layer’s eye icon in the layers panel. Alt+clicking on the eye icon again will return you to the previous layer visibility state. Note that if you accidentally click on another layer’s eye icon you’ll lose the ability to revert back to the previous state.

photoshop tips

9.Liquify filter

The Liquify filter has a maximum brush size of 15,000 pixels, increased from a previous 1500px brush size.

photoshop tips

10.Merge vector shapes

If you’re lucky enough to have Photoshop CS6 at your disposal, you can merge two vector shapes together and keep the result as an editable vector. Simply select the two shape layers and hitCmd/Ctrl+E on your keyboard to merge them together. In previous versions this would have resulted in a rasterized layer, but Adobe have updated the functionality for CS6.

photoshop tips

11.Draw dotted lines with the brush

A common Photoshop technique is to use the brush tool to draw straight lines. With the brush tool selected click to place a point, then hold down Shift+click at a second point to draw a straight line between the two points. You may not know that you can open the brush panel and set the brush spacing to 150%+ to draw a dotted line instead of a solid one!


12.Copy layer styles quickly

If you’ve been using Photoshop for a while you’ll know you can copy a layer to a new layer by holding down Alt/Opt and dragging a copy of the artwork across the canvas. You can use this same trick for layer styles: simply hold down theAlt/Optkey and drag the FX icon in the layers panel from the layer with the styles to the target layer – the styles will be copied right over!

13.Patch tool is Content-Aware

For cloning areas and retouching photos, the Patch tool can be set to Content-Aware in the Options bar.

photoshop tips

14.Quickly change measuring units

When you open a new document in Photoshop you can set the measuring units to match your needs, but sometimes you’ll need to switch between different units. The normal way to change is to select the options Photoshop>Preferences>Units & Rulers (or, on a PC, Edit>Preferences>Units & Rulers). But there is a quicker way! Just right-click on a ruler (Cmd+R/Ctrl+R will show your rulers if they’re not already visible) and choose the new measuring unit you need.

15.Fill with scripted patterns

Photoshop CS6 introduces a new pattern fill option based on a script. First isolate an object on a transparent background and define it as a pattern (Edit>Define Pattern). Next, access the fill command as you normally would (Edit>Fill orShift+F5). Choose Pattern as the fill type, then select your isolated object from the patterns drop-down.

Finally, tick the Scripted Patterns checkbox and choose one of the options from the predefined scripts. All bar spiral will add a colour and brightness shift randomly to your object as part of the fill operation. You can also write your own scripts to use in this dialogue!


16.Insert Lorem Ipsum

A small new feature that will help save time when you’re producing mockups inside Photoshop is the handy new Lorem Ipsum function. Select the type tool and draw an area type box by clicking and dragging out a selection. Now choose Type > Paste Lorem Ipsum to automatically fill your type area with faux Latin text.


17.Crop non-destructively

Another nice addition to CS6 is the ability to crop without throwing away the bits of image outside your crop area. Choose the crop tool and uncheck the new Delete cropped pixels checkbox. Now when you apply your crop, the areas of image outside the crop will simply be hidden for later retrieval. To get access to the area outside your crop, simply choose the crop tool again and change your crop accordingly.


18.Layer styles to Groups

If you have lots of layers and don’t feel like spending half a day assigning the same layer style to each one, put them into a Group and double-click it to open layer styles.

photoshop tips

19.Hide other layers quickly

You can quickly get a preview of the current layer by turning off all other layers without losing track of which layers were visible and which were hidden. To do so, hold down the Alt/Opt key and click once on the eyeball icon in the layers panel for the layer you want to isolate. When you Alt/Opt and click again, the other layers will switch back on again, remembering which you had hidden.

20.Quickly create 3D extrusions

You can now add punch to your titles using 3D extrusions in Photoshop CS6. The 3D interface has been overhauled to make it more friendly to non-3D modellers, and it’s now really easy to create high-quality, textured 3D type by simply creating a type layer and choosing 3D>New 3D Extrusion from selected layer. Shadows and reflections are easier to control too, making it a great way to create engaging display type in a hurry.


21.Use actions for common tasks

One of the most powerful features in Photoshop is its ability to record macros of common tasks, allowing you to automate mundane manipulation work. Open the actions panel to see a list of pre-defined actions that can be run. Click the New button at the bottom of the panel to record your own action!

22.Add selective focus

With the new blur gallery in CS6 you can selectively blur and, by extension, add focus to your image. Individual focus points can be added to your image, with the amount of blur, fall off and iris size all edited directly on the canvas using the HUD. You can also add special effects such as lens bokeh with ease, making it simple to draw attention to the parts of an image you’re interested in.



Photoshop Manipulation Tutorials

Photo Manipulate a Beautiful Snow Queen Scene

Today you’ll learn how to create an atmospheric snow queen scene. This tutorial will teach you all kinds of practical techniques

photo mannupaliation


Create a Surreal “Parting of the Sea” Photo Manipulation

Water, by its very nature is difficult to convincingly incorporate into a composition. In this tutorial, you will discover how to combine advanced masking techniques, blending modes, adjustment layers and clever use of filters to part the sea and create a surreal photo manipulation. Let’s get started!

Photo manupulation


Create a Battlefield Scene Using Stock Photography in Photoshop

By combining the right photography in Photoshop you can create just about any scene that you want. In this tutorial, we will create a battlefield using several stock photographs. Let’s get started!

photo manupulation


Creating the Elegant Photo Manipulation “Out of Reach”

This tutorial will teach you how to create a really beautiful outcome called ‘Out of Reach’ in a few simple, clear, straight forward steps.You’ll master blending various images together, applying adjustment layers, working with masks, brushes, light effects and much more.

Photo manupulation


Create a Lone Ranger Photo Manipulation

photo manipulation


Welcome to Ghost Town – Manipulation Tutorial

In this beginers to intermediate tutorial we’ll learn how to create a ghostly town in just a few easy steps.We’ll use selective desaturation,play with opacity and combine a few layers to match a scene and create a hdr effect.So let’s begin.


Welcome to Ghost Town – Manipulation Tutorial


Solitude Manipulation Tutorial

Creating a night scene can be a challenging task. In this tutorial I show you a few techniques that I used to make this manipulation. I will show you how to use adjustment layers and how to create light effects and shadows to achieve a more realistic look.


photo manipulation


8.Combine a Crocodile with a Car to an Exotic Crocomobile

photo manipulation


Coming Home Photo Manipulation

photo manipulation


Song for a Raven – Manipulation Tutorial

photo manipulation

Text Effect Tutorials

Making A Strawberry Style Of Text Effect


View Tutorial


Skin Textured Typography Scene In Photoshop


View Tutorial


Stunning 3D Effects


View Tutorial

Spectacular Flaming Meteor Effect


View Tutorial

Grass Text Effect


View Tutorial

Electrified Neon Text Effect


View Tutorial

Battleship Text Effect


View Tutorial

Steam Powered Typographic Treatment


View Tutorial

Folded Text Effect


View Tutorial

Copper Photoshop Text Effect


View Tutorial

Create A Gold Text Effect In Photoshop


View Tutorial

Super Cool Frilly Bits Typography


View Tutorial

Jelly Fish Delight


View Tutorial

Luscious Text Effect Using Illustrator And Photoshop


View Tutorial

Paper Text In Photoshop


View Tutorial

Purple Laser Text Effect In Photoshop


View Tutorial

Glazing Effect For Text Creation


View Tutorial

Nice Shiny Golden Text Effect


View Tutorial

Create A Style Text Effect For Universe


View Tutorial

Colorful Ornamental Text Photoshop


View Tutorial

Glowing Liquid Text With Water Splash Effect In Photoshop


View Tutorial

Bright Rope Light Text Effect


View Tutorial

Burning Metal Text With Melting Effect


View Tutorial

Easy Furry Text In Photoshop


View Tutorial

Style Shining Text Effect Creation


View Tutorial

Dissolved Ancient Ink Text Effect In Photoshop


View Tutorial

Easy X-Ray Typography In Photoshop


View Tutorial


Photoshop Water Effect Tutorial


Photoshop Action Tutorials


Photoshop Extension

To connect with us please follow our Facebook,Google+ and Twitter page.

Like Facebook page

Follow us on twitter

Follow us on G+

You Might Also Like