Sunday, October 28, 2018

adobe photoshop - How to isolate the text from a bitmap logo?


I have been given a logo from a client that they want me to 'extract' or 'cut' the text out of and use just the text with a transparent background to fit with the design ethos of their marketing.


I'm using Photoshop CS6 and have tried using channels, magic wand and eraser but I can't get clean edges on the text.


I'm pretty new to Photoshop and any help appreciated.



Basically they want me to cut out the word 'patagonia', keep it white and have it sit on a transparent background on their marketing material



Answer



The easiest way would of course be to try and find the typeface the text is set in, and reproduce the word. Barring that possibility, you could try the following:



  • Make your image a regular layer (as in: not the background)

  • Use the Magic Wand tool set to a somewhat generous tolerance (~32) and select all of the white letterforms (use shift)+click to add to your selection).

  • Click on the 'Add layer mask' button to make your selection into a mask for the layer. You'll find the button on the bottom om the layers panel.


This will yield your text, with some darkish edges where the Magic Wand took along some black pixels and made them partially opaque:


dark edges on text




  • Then, add a color overlay in white to your layer. You can reach the color overlay by right-clicking on the layer in the layers palette and choosing 'Blending options'. To edit the colour and the settings of the overlay, remember to click on the 'color overlay' word on the left-hand list, not just the checkmark.


This will cover all of the visible pixels of the layer in white, leaving the partial transparency of the greyish edges intact, but making them white:


dark edges removed from text


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...