Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
1

How to make a drawing solid-black with crisp edges?

Community Beginner ,
Mar 29, 2022 Mar 29, 2022

I need to make some simple ink drawings usable for putting on tee-shirts. As in, they need to be solid black (with the color being able to be easily swapped) and with crisp/clear edges that don't have any blur. Basically I'm looking to make a raster image work a little like a vector image (crisp edges and easy to swap the colors). The raster images I'm using are scanned in at a high resolution (600dpi).

 

I'm used to making tee shirt designs using Illustrator, but as of right now I only have access to Photoshop.

 

All of my designs are simple one-color designs, and are meant to be white against a black background. I would also like the option to make them black against a white background, which is why I would like to make the drawings easily color-swappable. Once again, I'm used to doing all of this in vector, so the switch to Photoshop has been kind of an adjustment for me 😅

 

Here is an example of one of the scanned drawings that I am trying to do this with:

Screen Shot 2022-03-29 at 10.43.54 AM.pngScreen Shot 2022-03-29 at 10.44.29 AM.png

 

Other than using Contrast/Levels to make the drawing as black as I can and knocking out the white background using Select Color Range, what else can I do? I've tried Bitmapping the drawing at a 50% threshhold but that just gives it slightly jagged edges. And tracing vector paths over this with the Pen tool would take FOREVER, lol. Is there another process that I am overlooking?

 

I am using Photoshop 2021 on MacOS Mojave. Thanks! 🙂

TOPICS
macOS
3.2K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Mar 30, 2022 Mar 30, 2022

Everything is already explained. When you blur it will mix black and white and create transition area something like gradient from black to white. Gradient area can be manipulated using Levels, for example. Grey pixels can be manipulated to "convert" them to black or white using three sliders in Levels dialogue. 

 

To learn more about process and how thing works I will sugest following:

  • Alt + click on layer mask to show mask on screen.
  • Zoom in closer to white part(s)
  • Use Gaussian blur to blur e
...
Translate
Adobe
Community Expert ,
Mar 29, 2022 Mar 29, 2022

Try Capture to create a vector shape graphic. Here's a quick tutorial for Capture in Photoshop.

https://youtu.be/KMyzM6-CxaU

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 29, 2022 Mar 29, 2022

If I can understand what are you talking about then try with layer mask to "sharpen" edges. Make selection using transparency (dragging layer onto layer mask may help) then blur mask. The last step to move mask edge inward is to use Levels directly on mask or try without blurring to use Select and Mask > Radius and Shift Edge.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 29, 2022 Mar 29, 2022

Using the Blur and Levels command works really well! Great suggestion.

Michelle

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Mar 30, 2022 Mar 30, 2022

Hi, I've actually never used Layer Masks before but am interested in trying this process. Can you simplify and explain the process in a little more detail? 🙂

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 30, 2022 Mar 30, 2022

Everything is already explained. When you blur it will mix black and white and create transition area something like gradient from black to white. Gradient area can be manipulated using Levels, for example. Grey pixels can be manipulated to "convert" them to black or white using three sliders in Levels dialogue. 

 

To learn more about process and how thing works I will sugest following:

  • Alt + click on layer mask to show mask on screen.
  • Zoom in closer to white part(s)
  • Use Gaussian blur to blur edges and watch what is happening and how.
  • Use Image > Adjustments > Levels and start dragging sliders while watching what is happening.

In this way you can shrink/grow unprotected area and to minimize jagy edges.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Mar 30, 2022 Mar 30, 2022

Thank you! Since I wanted the entire image to be flattened, the layer mask wasn't necessary because that would've only sharpened the edges. All I had to do was apply a Gaussian Blur to the entire flattened image and then adjust the levels to get the flat and crisp look that I was going for. Then it was easy to remove the background, change colors, etc. using the selection tools and layer effects 👍Screen Shot 2022-03-30 at 1.53.30 PM.png

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 30, 2022 Mar 30, 2022

Hi Kitsume,

 

I thought you might like to see the steps that bojan was talking about. I took a screen shot of your image and deleted the gray and white checker board to show you these steps. The numbers might be different if you have a higher resolution.

 

1. Isolate your artwork by using a layer mask.

Screen Shot 2022-03-30 at 2.51.56 PM.png

2. Apply a Gaussian Blur, see the dialog box for amount.

Screen Shot 2022-03-30 at 2.58.01 PM.png

3. Use levels and bring in the  black and white sliders to the middle (see image). You can move the sliders to the right or left to either make it darker or open up the whites a little more.

Screen Shot 2022-03-30 at 2.59.49 PM.png

Michelle

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 02, 2022 Apr 02, 2022

Thank you. This is exactly what I did to get the image to look the way I wanted to 😊

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Apr 02, 2022 Apr 02, 2022

Great! I'm glad it worked!

Michelle

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 30, 2022 Mar 30, 2022

It sounds as though you should use Vector shapes and not pixel-based lines. This may help.

https://helpx.adobe.com/photoshop/how-to/photoshop-vector-shape-tools.html

warmly/j

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 30, 2022 Mar 30, 2022

I think the problem is that they're scanned drawings.Why not draw the art directly into Photoshop using a tablet? That way, you get smooth crisp lines on a separate layer. Part of what caused your artifacts/jaggy lines was the process of removing the background.

 

adobe-writing-3.jpg

 

ADOBE-WRITING2.jpg

 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Apr 02, 2022 Apr 02, 2022

I would love to. I have a Wacom One tablet, but I haven't been able to get it to work lately so that is why I have been scanning drawings in by hand. The tablet works, but I think there may be a hardware issue with my computer's HDMI ports. Once I get it working again, I will definitely be using the tablet!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Aug 19, 2023 Aug 19, 2023
LATEST

In an ideal world you should be able to create a selection of all the black > create path from selection > then turn that path into a shape.

 

The problem is that photoshop's "create path from selection" function is a big failure and you end up with an awful looking (probly unrecognizable) path/shape. 

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines