Photoshop Lady

Your Favourite Photoshop Tutorials in One Place

Making-a-Earth-Disaster-Scenery

Under


- Photoshop is recommended for this tutorial -

 
The Best Photoshop Tutorials in 2014

The Best Photoshop Tutorials in 2014

Happy New Year! Photoshop Lady Group would like to say thank you very much to everyone who has been supporting Photoshop Lady in the past and we do hope our contents can inspire and help you with your artwork creation. Some published great tutorials from 2014 have been selected in this article and hope you guys like them. Enjoy!

10 Free Resources for Web Designers

10 Free Resources for Web Designers

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.

vector-icons-free

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…

wp-theme2

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.

social-icons

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.

ribbon

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.

patterns

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.

theme

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.

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.

blue-icons

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.

social-media

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.

bg

Awesome Artworks Printed on Quality Posters

Awesome Artworks Printed on Quality Posters

Posters are great avenues to showcase one’s creativity. They allow artists to express themselves in countless ways. Posters are designed to be both eye-catching and convey information. The followings will show you some sophisticated artworks printed on quality posters which can admire yourself.

Captain America

captain-america

Professional Cat

proffessional-cat

Acrobatic Hero

acrobatic-hero

Attack of the Zombies

attack-of-the-zombies

Conversation

conversation

Blue Faced Beast

blue-faced-beast

Gravity

Gravity

Dark & Demanding

Dark-&-Demanding

Cute Kitties

Cute-Kitties

Barbarian

Barbarian

Streams

Streams

Coming for Us

Coming-for-Us

Flying First Class

Flying-First-Class

Alone in the War

Alone-in-the-War

Ape Emotion

Ape-Emotion

Busy Designer

Guardian

Cosmic Bubble

Cosmic-Bubble

Fire Mage

Fire-Mage

Go Up Spidey

Go-Up-Spidey

Forest

Forest

Designing a Portable Gaming Device Poster

Designing a Portable Gaming Device Poster

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:

GP2X Console Advertisement Design

About the Author

Eli is a young and aspiring web designer from South Australia.

Inspiration

Before starting, you may want to locate some inspiration for your design. Here are just a few great places for finding design inspiration:

deviantART (Designs & Interfaces)
depthCORE
Designflavr
Smashing Magazine Inspiration
Web Design Inspiration

And there are plenty more sites out there where you can get inspiration, just take a look. You can even get inspiration from stock sites such as iStockPhoto and Vector Stock.

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.

Settings for New Document

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:

Radial Gradient Settings

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.

Centered Radial Gradient

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.

Light Texture Added

Duplicate your texture layer once, change the layer mode to Screen and put the opacity up to 50%.

Light Texture Duplicate

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.

Head over to Google Images and search for a large or an extra large image of whatever product you want to use. I was lucky enough to find a pretty decent, extra large image of a GP2X.

gp2x

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.

Clone Stamp Tool in Action

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.

Pen Tool and Path Created

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.

GP2X Screen Added

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.

Convert Layer to 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.

Outer Glow Layer Style Added

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.

Duplicate and Rotate Products

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.

Download Abstract Render

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:

Abstract Render Duplicates

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.

Splatter Vectors Added

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:

Icon Vectors Added

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.

7. Logo/Text

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.

Logo Added

Optional: lower opacity and apply layer styles to add extra effect to the logo.

Layer Styles Change

Next, add in some text describing your product.

Top text, description:

Top Description Text Added

Bottom text, website URL:

Bottom Text (URL) Added

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.

8. Finalizing

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.

GP2X Console Advertisement Design

Subscribe to Photoshop Lady

If you don’t want to miss any great articles or tutorials, please subscribe to Photoshop Lady via a feed reader, or via email updates!

Thanks for reading the tutorial, I hope you enjoyed it.

Top 20 User Interface Design in Photoshop

Top 20 User Interface Design in Photoshop

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 Top 20 User Interface Design in Photoshop. These are selected from our Photoshop users and readers.

Webydo’s 50K Community of Professional Designers Creating Their Websites Code-Free, Join The Revolution

Webydo’s 50K Community of Professional Designers Creating Their Websites Code-Free, Join The Revolution

Are you looking to kick start your website design by professional developers? Is there something that is getting in the way or preventing you from starting you from starting your website design project? Is the cost involved too high for you or your clients to hire a developer? These might be some of the questions on the back of your mind whenembark on a new project. Well, fear not, as Webydo is leading the way in professional online website creators to help designers create and publish their websites code-free. You might be thinking that it is similar to those sites offering website designing. Well, it’s not, Webydo is a well-known online design studio which has provided their community of designers a way around the coding so there is no need to hire a developer. Webydo offers you a diversified range of options having customized CMS (Content Management System) at your disposal and entire list of professional features to help kick start your business.

image001

Getting started can sometimes be the most challenging, but Webydo provides you with three clear paths to embark on. First, if you already have a vision for your design you can chose the blank canvas and spill your creative juices out onto this canvas. The other options are to take one of the basic layout options or choose a readymade inspirational design. All of these are completely customizable as well for you to make them your own.Once you have gone through the process of choosing a design, and when you feel satisfied, the site will make that virtual website into a living reality for your business and/or recreation purposes. After you create a website, you can see it live on one the Webydo subdomain, and test it out on the web, share with clients and make your edits right then and there.

image002

CEO of Webydo, Shmulik Grizim believes that they can bring any design to life without wasting time on writing a single line of code. The very same site has also achieved the milestone of breaking previous habits of website designing and complex coding. It has surely provided a feasible detour away from all such worries. The most remarkable feature of it includes the drag and drop option. Webydo’s professional website design studio allows you to import your favorite designs, media, photos and much more to your under-developed webpage using Webydo’s online canvas where you can assemble all the elements the way you like it. This gives you the utmost liberty of website design for each and every pixel on your webpage.

Do you want to insert any value-adding feature? Not a problem! The technical features of websites; like, blogging features propped up with various forms and Google map integration is more than just a need for any business. The popularity of this B2B website design platform is reflected from the ever-increasing influx of 50,000+ designer community within Webydo. These professional designers also helping to craft the future of the platform by regularly submitting new feature suggestions and voting on what should be added next right on the Participate page.

image003

Webydo is surely a unique blend of beautifully crafted webpages and endless marketing horizons for promoting a bold perspective of your very own business. Webydo has a number of qualified and expert designers which have the experience of developing numerous websites and an ability to convert them into a success. Design a website can be quite a tedious and time consuming process and this is Webydo is so remarkable, because they have provided a professional design platform for creative professionals to take full control of their design projects from creating, to publishing and managing. By allowing designers to rebrand the CMS with their logo or send branded invoices, the platform functions more efficiently for the designers at work. So, if you are looking for having better marketing prospects, you would surely contact us for crafting your very own pathway towards success.

image004

This article is proudly sponsored & presented by Webydo’s designer’s community.

The Evolution of Photoshop Infographic

The Evolution of Photoshop Infographic

In 1987, Thomas Knoll, a PhD student at the University of Michigan began writing a program on his Macintosh Plus to display grayscale images on a monochrome display. This program, called Display, caught the attention of his brother John Knoll, an Industrial Light & Magic employee, who recommended Thomas turn it into a fully-fledged image editing program. Thomas took a six month break from his studies in 1988 to collaborate with his brother on the program, which had been renamed ImagePro. Later that year, Thomas renamed his program Photoshop.

During this time, John traveled to Silicon Valley and gave a demonstration of the program to engineers at Apple and Russell Brown, art director at Adobe. Both showings were successful, and Adobe decided to purchase the license to distribute in September 1988. While John worked on plug-ins in California, Thomas remained in Ann Arbor writing program code. Photoshop 1.0 was released in 1990 for Macintosh exclusively.

That’s the early history of Photoshop. Here we have created The Evolution of Photoshop Infographic, in order to show you the entire history of Photoshop up until now.

Click to enlarge.

evolution-photoshop

About the Author

Dona Collins is an infographic artist, blogger and financial writer at CreditLoan.com. When she is free you can find her on twitter and other times you can find her writing articles for creditloan blog.

About Photoshop Lady

About Photoshop Lady

Photoshop Lady aims to collect the best and free photoshop tutorials around the internet. All of the high quality photoshop tutorials are categorized into 3D Effect, Abstract Effect, Drawing Effect, Photo Effect, Text Effect, Texture & Patterns and User Interface Design.

You can see the rating and number of views for each Photoshop tutorials.You can add your favorite photoshop tutorials simply by clicking “Add to Favorite”, so that you can revisit them at any time. You can also drag your favorite photoshop tutorials into the bin if you do not need them anymore.

Photoshop Lady is updated daily. Please make sure you have subscribe to our RSS Feed as well, so that you can receive new high quality photoshop tutorials everyday. We are very welcome you to submit your own photoshop tutorials to us as well. There will be more features coming soon. Please stay tuned.