Photoshop Lady

Your Favourite Photoshop Tutorials in One Place

Painting-a-Nice-Cartoon-Artwork

Under


- Photoshop is recommended for this tutorial -

 
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

The Outer Child or Inner Child

The Outer Child or Inner Child

Digital photography works L’Enfant Extérieur (The Outer Child) was projected by French retoucher Cristian Girotto and Quentin Curtat.

These creative original ideas reveal somewhere inside each of us, there’s a young lively, creative but also innocent and naive kid. L’ Enfant Extérieur makes this analysis come ture, showing us a world of men in the shape of children, as if the body could slip on the elapse of life,though wrinkles, freckles and beards may climb on to faces.

The inspiration of these creations begins from the classical dichotomy that questions itself about the nature of purity and the unavoidability of the corruption, without taking this contradiction too seriously, because children are always children. They like to play. More children are expected……

The Outer Child or Inner Child-s1
The Outer Child or Inner Child-s2
The Outer Child or Inner Child-s3
The Outer Child or Inner Child-s4
The Outer Child or Inner Child-s5
The Outer Child or Inner Child-s6
The Outer Child or Inner Child-s7
The Outer Child or Inner Child-s8
The Outer Child or Inner Child-s9
The Outer Child or Inner Child-s10
The Outer Child or Inner Child-s11
The Outer Child or Inner Child-s12
The Outer Child or Inner Child-s13
The Outer Child or Inner Child-s14
The Outer Child or Inner Child-s15
The Outer Child or Inner Child-s16
The Outer Child or Inner Child-s17
The Outer Child or Inner Child-s18

How To Paint A Poe & Pluton Cartoon Portrait in Photoshop

How To Paint A Poe & Pluton Cartoon Portrait in Photoshop

Final Image Preview

On this tutorial we will make a Poe and Pluton cartoon portrait, using custom brushes created by ourselves

Tutorial Assets

Watercolor Texture

Paper Texture

Step 1

Open a new document of 1800px high and 1200px wide. First, we will set up what will be the brush that we are going to use to draw the general lines, from the Brush Selector pick the brush no.30, Hard Round, and set its opacity to 75% and Flow to 35%.

Step 2

Now, on the Brush Presets menu (F5), make the following settings, check the Shape Dynamics and Transfer boxes, and adjust Spacing to 1%. You can see the final shape of the Brush.

Step 3

Create a new layer “Poe”, and leave its default setting. With the Brush we created, start drawing the face, neck and shoulders, adjust the size to get thicker strokes on the garb, and thinner strokes for the face, hair, and neck. Draw flowing strokes, without taking much care on the detail, afterwards use the Erase Tool to remove the unwanted parts of the strokes. Also use the Erase Tool to create the eye’s brights.

Step 4

Next, on a new layer “Body & Pluton”, start drawing the Poe’s lower body and Pluton. On the picture you can see that the strokes just establish the main forms, using stains instead of precise lines. Again, use the Erase Tool to remove certain areas as Pluton’s eyes and Poe’s fingers.

Step 5

We will add an extra layer “Lower Body”, where we will paint the area between Poe and Pluton. After, this will be useful for split the two elements and avoid to mix them together. Notice the erased area beside the Pluton’s head.

Step 6

Now, let’s start to create our custom watercolor brush. Use a new layer to paint two brush strokes as shown, using the Soft Round Brush. Notice that they aren’t symmetrical, this will be better for the final result. Next, go to Edit > Define Brush, we can name it “watercolor”, now it is ready on the Brush List for being used.

Step 7

Next, on the Brush Presets (F5), start setting the following adjustments, check the Shape Dynamics box, and adjust Spacing to 1%.

Step 8

Check the Scattering box and adjust its settings as shown. The same with the Transfer option. You can see how the brush shape changes on the display.

Step 9

Finally check the Dual Brush box and select the brush number 45 with the following settings. Now we have our watercolor brush ready for be used.

Step 10

Pick the Smudge Tool, and with the watercolor brush, smudge the painted layers we created before. Adjust the Strength to get different results.

Step 11

Create a new layer “Details” and with a Hard Round Brush paint the fine details as cat’s whiskers and some loose hairs. Next, with the Smudge Tool, and a Soft Round Brush selected, drag some portions of black to create more cat fur, with a small brush size selected.

Step 12

Now, we will create another textured brush. Using the brush number 30 as a base, apply the following settings on the Space Dynamics and Scattering sliders.

Step 13

Following with the Transfer and Dual Box adjustments.

Step 14

Picking the Eraser Tool, and the brush we just create selected, erase some edges of Poe’s suit to imitate a dry brush watercolor effect.

Step 15

Next, create a new layer “Pluton’s Eyes”, and on it draw the necessary brush strokes to draw the eye’s pupil, yes, remember that it only has one…and the eye’s shadows. With white color, paint the tusk and the eye’s brights.

Step 16

For the Poe’s face shadows, select the brush number 30 and adjust it as shown.

Step 17

For the Poe’s face shadows, create a new layer “Poe Face Shadows”, set its Blending Mode to Normal and 60% opacity. Start painting the shadows as cheeks, chin, eye sockets, etc. Overlap more than one brush stroke to achieve darker tones.

Step 18

Let’s start with the background, create a new layer “Background Color”, just bellow of the layer we created before. On it, with the Gradient Tool, select a brownish tone and make a gradient from bottom to upper zone as shown.

Step 19

Next, to start making the lights, create a new layer “Highlights”, with the brush we created on step 16, select white color, and start painting the lights, I chose a cenital light, so it impacts on the upper areas of volumes as shown.


Step 20

To add some vignetting on the background, go to Filters > Lens Correction, and on the Custom tab you will find out the Vignette Amount slider, a quantity of -40 will be ok.

Step 21

To create the paper texture, we will add a real paper image. Create a new layer “Paper Texture”, set its Blending Mode to Multiply and 30% Opacity. Next, Copy and Paste the paper image on that layer.

Step 22

Next, we will add an spotlight just behind Poe. Create a new layer “Spotlight”, set its Blending Mode to Lighten and 50% Opacity. With the Elliptical Marquee Tool, create a circle, place it behind the Poe’s shoulders and fill it with withe color, next go to Filter > Blur > Gaussian Bluer, and blur its edges. To avoid that the white overlap to Poe, create a Layer Mask and hide the unwanted areas.

Step 23

Continuing adding textures, create a new layer “Ink Stain”, set its Blending Mode to Lighten and 80% Opacity. On it, place one of the ink textures you will find on the assets as shown.

Step 24

More textures…Create a new layer “Aged Texture”, set its Blending Mode to Soft Light, and 80% Opacity. On it place again one of the ink textures from the assets to give an aged finish to the image. Notice that all textures are placed bellow Poe & Pluton’s layers, to keep them clean on other plane.

Step 25

Now the image is almost finished, create a new Group and put in it all the layers. Next save the document as .JPG, open it, and place this file on top.

Step 26

With the Dodge Tool, light up a bit some areas to create more contrast. The watercolor brush will be a good choice to do that.

Step 27

Again, let’s add some more vignetting, go to Filters > Lens Correction, and adjust the Amount slider to -30.

Step 28

Finally, to add some noise to the image, create a new layer “Noise”, set its Blending Mode to Multiply, and fill it (Shift + F5) with white color. Next, go to Filters > Noise > Add Noise, a quantity between 8 and 10 will work.

Step 29

And this is the final result

Advertise

Advertise

Introduction

Photoshop Lady is established in April 2008. We have been growing really fast within these six months. Photoshop Lady has been featured on many popular websites and blogs and has been received a lot of positive feedback.

Photoshop Lady aims to collect the best and free photoshop tutorials around the internet. Photoshop Lady is updated daily. User can add your favorite photoshop tutorials simply by clicking “Add to Favorite”, so that users can revisit them at any time.

Currently, there are over 10,000 RSS readers with over 200,000 unique visitors and over 800,000 page views / month. Our visitors consist mainly of professional designers from all over the globe with the majority located in the US. You can find more details about each ads zones below or via BuySellAds.

Small Banner Ads

The banners are located at the Top of the Blog. The banner ad will appear on every single page of the blog. The banner size is 160x100px. You will receive over 800,000 impressions every month, the banners are static and will not be rotated. There are only 0 / 4 ads spots are available. The cost of Top Small Banner Ads is $280/month.

sbanner.png

Leaderboard Banner Ads

The banners are located After the 1st/2nd Blog Post. The banner ad will appear on every single page of the blog. The banner size is 728x90px. You will receive over 800,000 impressions every month, the banners are static and will not be rotated. There are only 0 / 1 ads spots are available. The cost of Top Small Banner Ads is $380/month.

sbanner.png

Skyscraper Banner Ads

The banners are located at the Left Side of the Blog. The banner size is 200x400px. You will receive over 800,000 impressions every month, the banners are static and will not be rotated. There are only 1/1 ads spot available. The cost of Sidebar Large Banner Ads is $350/month

lbanner.png

If you are interested, please feel free to make a puchase via BuySellAds.

Create Your Flash Website in Few Minutes with Wix

Create Your Flash Website in Few Minutes with Wix

create-flash-sites.png

Introduction

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.

Resources

In addition, you are able to find the comprehensive tips and tutorials in Wix as well as have strong supports from its professional team.

Worldwide Community

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.

PostworkShop – Beyond the Artistic Filters

PostworkShop – Beyond the Artistic Filters

Introduction

Everybody knows the artistic filters in our favorite image editing program, but sometimes the results can appear somewhat artificial. Let me introduce you an alternative tool: PostworkShop that comes in handy when we need an artistic effect for a photo, a 3D render or a vector illustration. First let’s see a few sample images:

pic1

These are just a few possible results among the 350+ artistic styles that you can find in PostworkShop, the artistic image manipulation tool that we are talking about. It costs $99 usd only, which is very affordable!

How it works?

With one simple click you can transform your photo, 2D image or 3D render into an oil painting or watercolor, pastel drawing or pencil sketch, abstract or old-time photograph with the built-in styles.

pic2

You can also Create your own styles with the Style Editor. Simply drop filters and existing styles into the workspace and build a new, custom filter graph. Just link each filters’ output and input pins together to easily create a complex image processing engine that becomes your own custom style!

Currently, PostworkShop is not a Photoshop plug-in, but image exchange is possible through PSD files. The plug-in will be released as a free update in version 2.0, so you can already start to learn and use it.

Conclusion

PostworkShop is really a handy tool for transforming pictures in a lot of different styles. It is easy to learn and to use. We do strongly recommend it. Let’s try it out now!

Professional Brochure Printing by UPrinting

Professional Brochure Printing by UPrinting

uprinting

Introduction

UPrinting.com is a leading socially responsible online printing, marketing and technology firm, has established itself as a major player in the industry with its distinct vision and clear approach to helping small businesses grow. It serves thousands of on-demand business printing and graphic printing orders online daily, using high-quality press printing and a robust yet simple and easy-to-use online ordering system, resulting in high-end printing services and reliable color printing at discount printing costs.

UPrinting.com also offers convenient marketing support such as print design services, custom online printing quotes and direct mailing to help the small or medium-sized business grow. They are committed to social responsibility and eco-friendly printing initiatives that support non-profit organizations and environmental sustainability.

Brochure Printing

Brochures are usually a marketer’s weapon of choice. They would contain images and text designed to attract a potential buyer into making a purchase. They contain valuable product or service information and are disseminated in places with high foot traffic. A marketing tool like brochures would also work as part of a sales kit. Creative individuals can probably think of other ways to utilize brochures.

Do you need any brochure for your company too? UPrinting offers brochure printing ranging from 50 to 100,00 pieces in quantity, with 100lb Paper Gloss, 100lb Paper Matte, 10 pt. Cardstock Gloss, and 10 pt. Cardstock Matte. Different sizes available in 5.5″ x 8.5″ , 8.5″ x 11″ , 8.5″ x 14″ , 11″ x 17″ and 11″ x 23.375″. Customized sizes are also available too. They have several folding options, Half Fold, Trifold/Letterfold, Z-Fold, Roll Fold and Accordion Fold. Usually the turnaround is only 1 to 3 Business Days.

What are you waiting for? Just try out their service, and I am sure you will love them since then. With the help of their Easy Design Tool, creating a unique design you can call your own is real easy!

This post is sponsored by UPrinting.com, online printing company. See more information about brochure printing and other printing services available on UPrinting.com

Parallax Your Site, Code-Free & Join Webydo’s Closed Beta

Parallax Your Site, Code-Free & Join Webydo’s Closed Beta

Webydo offers a code-free, fully integrated website design solution for professional web designers. However, what does it take for a designer to start creating sites for their clients? First, after a year, Webydo has become known and widely praised by the creative professional community for their intuitive design studio, feature rich options and ability to continuously develop and add new features for their designers. The best part about all of this is that there is absolutely no code involved.

image001

Innovation is piped in through the air vents at Webydo because what the designers are able to accomplish in a year has taken other similar platforms twice the amount of time. The latest and most exciting feature update is Webydo’s code-free, Parallax Scrolling Animator. Presently only offered in closed-beta, Webydo is granting access to the first 3,000 designers who sign up. Keep in mind that this is a hot feature and picking up a lot of attention and invites are running out quick, so grab yours before this unique opportunity closes.

image003

Webydo’s mission is to put designers in the driver’s seat of every project or task. Good news for designers is that by adding the ability to create a Parallax Scrolling website with their pixel-perfect animator, they can work independently to create and manage websites for their clients that will meet today’s hottest web design trends. We have seen some big names recently switch over to parallax scrolling such as Puma and Sony. In addition, designers can work on a site to site basis or upgrade their work load by signing up for the team or agency packages. This allows designers to have more control over their client’s websites and growing their design agency.

image004

You can place Webydo in the center of your business so that you have the option to do more in less time. It’s not going to be the run of the mill website creator. Getting starting is more intuitive for the experienced designer thanks to the familiar layout that is akin to that of Photoshop or InDesign. Shortening the learning curve and getting designers creating sites either right from a blank canvas or to take inspiration from one of the readymade designs or layout options.

image005

There are some incredible features within this B2B cloud-based design suit. You will be able to create a great looking website from start to finish without using code. You can also bill your clients within the dashboard. When your clients enter the CMS aspect to make any changes to content, they see your logo thanks to the white labeling option, allowing you to not only brand the dashboard but also help clients to see exactly where they are.

The community is really what makes Webydo so unique. The “Participate” page is where designers can propose features and let the community vote. Within a few weeks, the Parallax Scrolling Animator will also be live, which is one of the hottest trends hitting web design right now. In case you’re not sure of what this is, it allows depth, movement, and animation to be added when a user scrolls down the length of a web page. Providing an almost 3D affect, that started picking up popularity in video games and then taking off in 2013 by the web design community.

image007

Webydo’s closed-beta invites are again available for the first 8,000 designers who sign up and they will have the opportunity to be some of the first to experience the freedom of Parallax Scrolling Animation with Webydo.

image009

This article is presented by Webydo’s professional community of designers.