How to delete White Background in a Line Drawing With Photoshop


Using Photoshop is a joy once one becomes familiar with how to apply all the powerful tools to actual projects. I will be providing various Photoshop and Gimp tutorials which are relevant to designers, illustrators and artists. This one is about a commonly sought after issue – how to create a transparent background in line drawings.

 

Sometimes when scanning in a line drawing, the background appears grey and speckles of dust may show. The actual scanned drawing may be old and full of dust, or stained - or there may be dust on the scanner bed. Of course this can be erased manually by zooming in on an image (in Photoshop, Gimp, etc.) and painting over the white parts with the color white. But, this may take a huge amount of time, especially if the line drawing is quite detailed.

 

coral flow contour drawing 

 

So how do one delete this background quickly and efficiently? Luckily Photoshop can be used to make a transparent background, which I will explain to you below. (This Photoshop tutorial uses Photoshop CS5)

 

How to Erase the White Background and Make it Transparent with Photoshop

 

  • background layerUnlock background layer by double clicking the background (Layer 0) in the layers palette. Then hot OK in the popup.
  • Adjust levels – Go to Image / Adjustments / Levels. Adjust the slider until all the grey disappears in the background.
  • Use dodge tool – If there still appears to be dust or graininess, use the dodge tool in the white areas.
  • create layer photoshopMake white disappear – Select layer 0 and hit CTRL + alt + ~ (For Photoshop CS4 and upwards press ctrl+alt+2). Now all the white parts in the image will be selected. Hit delete on your keyboard. 
  • Hit Lock transparent pixels at the top of your layers palette. Press D on your keyboard (default colors). Then fill the background color with alt + backspace.
  • Now you are left with a completed line drawing with a transparent background. Save this file in a safe location as a png. If you plan on coloring it in later, save as a PSD. To color, simply create new layers for each color, so that each can be worked on individually.

    See the finished image below… Notice the BIG difference!

line drawing transparent background

 

How can a transparent background be applied to design?

 

There are many situations where a background would need to be removed from a line drawing. If the drawing needs to be added to another image, it can be easily and seamlessly done having the transparent background. If the drawing is to be used on products, such as t-shirts, the transparent background would definitely make it look better. The design could also appear with different background colors. Society6 and other similar sites recommends this be done for certain designs applied to its products.

 

I hope this tutorial was thorough and easily understandable. Look forward to a tutorial on how to do the same using Gimp. Please subscribe to receive this and other helpful tutorials directly to your email.

 

If you need any help at all, or have any questions about making that transparent background in your line drawings, do not hesitate to leave a comment below.

Related

Photoshop 3767741647593069437

Post a Comment Default Comments

  1. Super, now how does one remove that white background in a drawing if using Gimp? Thanks ahead!

    ReplyDelete
  2. Thank your for this info. Now how does one use Gimp in removing the white background if one scans in a line drawing ? Thanks!

    ReplyDelete
  3. Your tutorial is good enough to learn about deleting background from any image. Good work.

    ReplyDelete

emo-but-icon
:noprob:
:smile:
:shy:
:trope:
:sneered:
:happy:
:escort:
:rapt:
:love:
:heart:
:angry:
:hate:
:sad:
:sigh:
:disappointed:
:cry:
:fear:
:surprise:
:unbelieve:
:shit:
:like:
:dislike:
:clap:
:cuff:
:fist:
:ok:
:file:
:link:
:place:
:contact:


Turn Your Creativity Into A Career
Get Paid for Your Writing
Create Free Websites!

Hot in WeekRecentComments

Hot in Week

Recent

Webydo adds Media Library – Online Image Storage

Webydo, the online website building platform for web designers, has been steadily adding new features. These features come from the recommendations of a community of some of the best web designers. Ch...

Illustrations by Beat Mandersloot - Flying Dutchman

Beat Mandersloot The Netherlands Mediums: Adobe Illustrators/Photoshop Style: Modern Favorite Quote: "There is always room for improvement" Favorite Book: The Shadow of the wind Favori...

The Best Infographic Design Elements and Templates

Infographics are very, very popular on the web. They can be used as a marketing and teaching tool, and to get ideas across effectively. Quite a few websites have popped up which allow users to create ...

Amazing Images for Graphic Design Inspiration

Are you searching for inspiration for your graphic design projects? Below, we have 10 amazing designs and illustrations from various graphic designers. We plan to feature more inspirational images soo...

Web Design Industry Analysis - Infographic

Webydo recently published a very interesting infographic which shows the current state of the web designing industry, and the role of professionals vs DIY systems. The infographic makes a very good ar...

Professional Portfolio Themes for Tumblr

The social media and blogging community Tumblr has for a long time been a good place for creatives of all types – artists, designers, illustrators, and more – to post works and find inspiration from o...

Shana Stern – Incredible Abstract Fluid Acrylic Paintings without Brushes

Shana Stern Age:  43 Austin, TX I have been painting for about 1 1/2 years so I haven't been wearing the "artist" cap for long but have always been an artist in the broader sense. I bega...

Comments

Anonymous:

wow nice thank you i like this widget..beautifull

Anonymous:

Amazing collection of quotes. This one impressed me the most “Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away.” Thank you for the good emotio...

Anonymous:

Thanks for this! Very informative

Anonymous:

Loved this article, thanks :) Check out my Blog at David Munroe Art - http://www.davidmunroeart.com/blog.html

Anonymous:

Beautiful Artworks of Kasia!!Take a look at this post of the artwork "Seduced" of Kasia Pawlak at Facebook fan page Obras de Arte from Brazil: https://www.facebook.com/obrasdarte/posts/10200...


item