Your Favourite Photoshop Tutorials in One Place
- Photoshop is recommended for this tutorial -
As a designer, sometimes it’s difficult to get started on a new project. Maybe You will need to scour the web for inspiration, or doodle on a notepad to hopefully get some ideas. That’s when you need to look through collections of freebies.
Fortunately, enhancing your web design doesn’t have to cost a small fortune or take a lot of time. Here are 10 Awesome Freebies for Designers that can help enhance your web presence today.
1) Vector Icons
200 vector icons are fantastic for use on all manner of sites. With subjects ranging from science to entertaining, the vast scope of the icons means that you’re bound to find something useful.
This vector icon pack includes 200 vector shapes, meaning you can scale them up as much as you like and they’ll stay sharp. Each file includes AI, EPS, PSD and JPG files. They’re good for use on both personal and professional projects.
2) CORP responsive WordPress theme
CORP is a clean and versatile theme that’s absolutely packed with features. The simple grid layout provides an ideal frame to hang your content on, it’s ideal for corporations that need an online presence in a hurry, or as a starting point for any business whose brand image projects organization.
The theme was tested up to WordPress 3.5.1; it features the drag and drop GT3 Page Builder; it’s fully responsive and retina ready; it’s coded with SEO and best practices in mind; Google webfonts are supported; different header layouts are available; custom menus, backgrounds, modules, shortcodes and widgets are all included; there’s a premium slider plugin; complete documentation; and much, much more…
3) Flat Rounded Social Icons
Flat design is all the rage, and trend-conscious clients are beginning to ask for redesigns to meet the current fad for all things flat. Here is a set of free almost-flat social icons which is designed to embrace flat design without surrendering to it completely, the set is a great way to iron out your current design.
4) Flowing Borders & Ribbons
Here is a set of 46 hand-drawn frame and ribbon vectors. Scribbled onto a page and then digitized, the liberated borders look like they were drawn in the heyday of UPA cartoons; I half expect to see Mr. Magoo, or Gerald McBoing Boing, come wandering across the page.
Add a light watercolor wash and combine them with a heavily scrolling script typeface and they’d make a lovely, and personal feeling, addition to any wedding stationery.
5) Colorful Grunge Textures
This set of 25 Colorful Grunge Textures is perfect for use as overlay textures on your photos. The pack contains 25 .jpg textures at 5000 by 5000px saved at 300ppi. The textures are compatible with all photo editors that support layers (Photoshop, Photoshop Elements, GIMP, Pixelmator etc.), both PC and Mac.
6) Modus Versus PSD Template
Modus Versus is a free multi-purpose PSD template, designed on the 1170 grid system. Excellent for use with responsive frameworks like the popular Twitter Bootstrap, it could form the basis of a good corporate site. It would be an ideal choice for a marketing or professional services company, or you could pick it apart and use elements of it in other projects.
7) Flat UI Kit
Flat design is more of a rejection of 3D artifice than it is a style, which fits so perfectly into the contemporary landscape that it’s already hard to envisage a time when it wasn’t de rigueur. To help you take the leap into flat design WebDesignerDepot put together this great freebie: A free flat UI kit.
8) Bluetron icons
This is a set of 40 fantastic icons called Bluetron. They are available as PNG files (256 x 256px). You can use them for free for both personal and commercial purposes. The icons were designed by Waqas Ahmed who’s the founder and blogger of The Art Times and Lead Designer at Iconic Graphics.
9) Ultimate Social Icon Set
This is a social icon set which contains all the latest icons needed for you social needs! It includes a total of 75 icons, provided in three sizes: 16×16, 32×32 and 64×64. The file is free for personal and commercial use.
10) Exclusive Photoshop Patterns
This one is a Photoshop pattern file (.PAT) which contains 40 beautiful textures that you can apply to your designs. A detailed step by step instruction is provided inside the file to help you use them. You can use these as textures for your websites or any background.
Let’s participate to “Wix” get the new generation online technology. With “Wix”, you can create your flash website in few minutes.
Who is Wix & What Wix does?
Wix is a power media that provides simple powerful online function to make flash websites, MySpace layouts and variety of online services. Wix has been building up over 300 thousands sites to suit for different kinds of designers or web lovers.
Why choose Wix?
Wix has strong foundation that is able to provide various online services in a professional way. No need to consuming your time to look for different services from different company. You can achieve your quality service in a single point. Especially, you can make your own site by easy drag and drop with its editor. No technical skill is required.
In addition, you are able to find the comprehensive tips and tutorials in Wix as well as have strong supports from its professional team.
Wix has built up a strong worldwide community. In this, you can keep abreast with the latest information about internet. With simply sign up, you can get involved into and enjoy the real experiences sharing.
Sometimes, you may find it difficult to look for some of the highest quality photoshop tutorials using search engines. As most of time, almost all tutorials would label themselves to be good, high quality or even the best photoshop tutorial you can find. When searching through all these tutorials, your time is wasted.
In order to save your time, Photoshop Lady come up with 30 Best Photoshop Abstract Effect Tutorials of All Time. These are selected from our Photoshop users and readers.
Welcome (back) to Photoshop Lady. Thanks for reading!
In this intermediate Photoshop tutorial we will be walking through the making of an interesting, creative advertisement poster. This is what I would consider great for advertising your newest product, or just getting some design practice. I will not be explaining the function of every tool in Photoshop used in this tutorial, instead I will be walking through the design process (if you could call it that, anyway).
Here is our end result:
About the Author
Eli is a young and aspiring web designer from South Australia.
Before starting, you may want to locate some inspiration for your design. Here are just a few great places for finding design inspiration:
1. Setting up the Canvas
When creating a new document (File > New), you may want to use a Preset size. I selected International Paper > A6. This is just for practice, so we want to keep it fairly small and RGB as the color mode.
Resolution should be at 300, unless you want to change it. To fit the document nicely on your screen you will probably have to zoom out to around 33.3% of the document size.
2. Creating a Basic Background
For our basic background we’ll just be using a radial gradient. Locate and get out the gradient tool, then set your settings similar to these:
The colors seen in the above image are: #a2f0e0 and #3793b3. All done? Create a radial gradient in the center of your document. I recommend you draw some rulers onto your canvas so you can find the center easier.
2-2. Additional Background Effects
Now we want to upgrade our basic background a little bit. You can do this by adding a simple texture in there then messing with the layer mode(s) and opacity. First, head on over to Katanaz-Stock on deviantART and download the Light Texture 03 image.
Copy this image onto your canvas, resize/rotate it if you like, then change the layer mode to Multiply and lower the fill/opacity to something very low, 10% for example.
Duplicate your texture layer once, change the layer mode to Screen and put the opacity up to 50%.
Now, we still have a fairly basic background, but it’s much nicer than just a gradient.
3. Choosing your Product
Now you need to decide what sort of product you want to promote in this design. It could be a cell phone, a gaming console, something fashion-related, or anything really. I’ve gone with something a little more unique for this tutorial, a GP2X F-200.
Click the above thumbnail for the fullsize image that we’re using.
3-2. Touching up Product Image(s)
Part of the job is touching up product images and making them suitable for placing in your main design document. As you can see, the image I’ve chosen has some noticeable blotches, blemishes, etc. so let’s try and remove them using the Clone Stamp Tool. There are a few different tools that you can use to remove imperfections, but I’ve found the Clone Stamp Tool works just fine (maybe even best), in a case like this.
If you’re not too fond of what we’re doing in this step, you can of course just download the PSD file at the end of the tutorial and use the cutout, although you won’t have learned much!
After you have touched the image up, we need to cut the product out from the background. Since the product is very light grey on a white background, you can’t simply use the Magic Wand Tool, can you? So we’ll have to use the Pen Tool to make a very clean, precise selection around the device.
Obviously I can’t really walk through you through the entire making of the path, so if you’re a newbie with the Pen Tool and making paths, I recommend you read this advanced tutorial on the Pen Tool.
Optional: after you’re done you may want to add a colorful image into the screen of your product.
4. Product Placement
After you’ve made all of your touchups and cutout your product, copy it over your other canvas. If you’re running a newer version of Photoshop (CS3 I think), you should be able to convert your layer to a smart object, so you will be able to resize it, rotate it and resize it again (over and over) without losing quality.
So, if you’re on a newer version of Photoshop, right-click your product layer and convert it to a Smart Object.
Using Transform Mode (ctrl+t), size your product down to something more appropriate and then position it accordingly. To bring your product off of the background, you may want to apply a basic drop shadow via an Outer Glow layer style.
Duplicate your GP2X layer twice, rotate one -15.0 degrees, and the other 15.0 degrees using Transform Mode (ctrl+t). Position your new duplicates accordingly, and size them down a little if necessary. You have to use your own imagination here.
Both duplicates have a similar Outer Glow layer style applied to them, except using a lower opacity.
5. Abstract Elements
To make our design “pop” we’re gonna use some abstract elements.
Using Cinema 4D I managed to muster up a basic but cool abstract render using the GP2X image as the texture. Using this render we’re going to make our design look a whole lot more interesting.
This is how I made use of the 3D abstract:
1. Start by copying it to your canvas, make a few duplicates.
2. Rotate/resize/position your render(s) underneath the product, then erase away the parts of the render that make the overall design look worse than better.
3. Repeat 1-3 times.
And now I have this:
Now that looks much better! If you look around for some inspiration, or in some magazines for creative cellphone ads, you’ll notice these ads have a similar design style going on. The idea is to get some creative elements behind the product/around the product/maybe on top of the product.
6. Vector Elements
I still think our design is a bit boring, so let’s find some vector stocks. Check out the freebie websites such as Vecteezy and find some vectors. Or you can go to iStockPhoto/Vector Stock/Go Media and get some premium vectors.
To start off with I just used two simple splats with a light, sky-blue color (#87ffff), but it should be very easy to find a free brush that will do the job of these vectors just fine.
Next, I used a set of vector icons that I bought a while back from Vector Stock for just one credit (one dollar!) to place underneath the product. This is what I’ve got:
This may look better or worse in your opinion, so please feel free to do whatever you like with the design to make it according to your tastes.
Note: the icons in the above image have an outer glow applied to them, using a light color and Linear Dodge as the blend mode.
Another note: for some reason I’ve been unable to locate these icons again on Vector Stock, otherwise I would have linked to them. I’m sorry if this is an inconvenience.
If possible, find a large version of the logo that belongs to the product you’re trying to promote here. Copy it onto your canvas and resize it to an appropriate size.
Optional: lower opacity and apply layer styles to add extra effect to the logo.
Next, add in some text describing your product.
Top text, description:
Bottom text, website URL:
The font used here is called Frutiger, it’s a commercial font rather than a free one, so you may want to find a suitable alternative. The text you can see in the above images also have a slight Drop Shadow layer style applied to them.
Finalizing the design is up to you. You need to add your own touches to this design to make it perfect. I don’t think I did anything to it that wasn’t stated in the tutorial! Some ideas would be to change the color of the document using some adjustment layers (add more contrast using levels adjustment, etc.)
A good idea would be to add some more color, so if you like, create a new layer, select a large, soft brush and make a few blobs on your canvas using different colors. Change the layer mode to something such as Color Dodge or Overlay.
Subscribe to Photoshop Lady
Thanks for reading the tutorial, I hope you enjoyed it.
Emi Haze is a calm, quiet, really creative, and inspired perfectionist. For him, everything has its own importance, images, textures, sounds and fragrances.
In his recent works he tried to merge the human body with nature or rather with the four elements of fire, air, water and earth, and even with a fifth esoteric element: the Aristotelian ether, that includes all the others, the essence of celestial bodies, eternal and unchangeable in comparison with the earth as a place of change. The result is the vision of his imaginative world hanging between reality and fantasy, dream and utopia and in which color and sensitivity have the predominant role.
His artwork “Cosmogony Reloaded” is just the outcome of this idea to be part of the Photoshop 25th Anniversary special advertising campaign. “Cosmogony Reloaded” is on the short film which was featured during the Academy Award Oscars 2015 ceremony.
Photoshop Lady Forums Launching
Under Photoshop Articles ( Author: Photoshop Lady )
We aim to generate a Photoshop Community for Photoshop user in order to allow the users to swap tips, link up the worldwide designers and to have experience sharing.
Apart from these, you can also advertise your business there such as selling your personal design drawings / logos / others.
What do we do for your submission?
We are very welcome for everyone of you submitting your tutorials. Once we find your submission is appropriate for our readers, the submission will be published on Photoshoplady.com.
Why we have such a forum idea?
This forum idea is initiated when we launched “Photoshop Lady”. We are taking the steps to provide more resources to the Photoshop designers. As above-mentioned, we aim to provide a Photoshop Community for Photoshop users as well as acknowledge for our readers who have been giving us lots of opinions and supports.
Why you choose our forums to discuss, post your artworks, submit your tutorial or run your business on our market places?
So far, we have got the worldwide trust and developed a good brand in the Photoshop world. Over 2000 new visitors and 4400 RSS readers visit “Photoshop Lady” to read our post as routine. It is noted that a foundation has been set up. Therefore, whatever you are doing on our forum e.g. swap tips, link up the worldwide designers, experience sharing or advertise your own works. It will bring you a very positive and optimistic result.
In our Photoshop tutorial sections, 7 little forums are categorized as below:
1. General Forum Discussion,
2. Photoshop Techniques,
3. Drawing Tutorials,
4. Abstract Tutorials,
5. Photo Editing Tutorials,
6. 3D Tutorials,
7. Text Effect Tutorial
In order to specialise the Photoshop users and designers, we divide the tutorials categories into 7. Users and designers can easily choose the right area to go to and concentrate on a single topic as prescribed.
Moreover, if you want to have extra income and you are confident with your personal creation. We are welcome you to sell your products on our market places. These places allow you to buy / sell various products like e-books, Photoshop tutorial, other Photoshop related products. Our forum is “Not” like others, as charge or commission will not be induced. Based on our strong foundation, it is believed that our Photoshop forums will provide a certain exposure for your personal products or artworks.
At the end, we are very pleasure you giving us a lot of supports. We still need your supports in the future.
Let’s Come to our Forums and Open your discussion!