Color fill and text

breeze351
breeze351 used Ask the Experts™
on
Need help with Photoshop 5.1.  I've down loaded a shamrock from the net.  I need to fill it with "Kelly Green" and add some centered text into the image itself.
As far as filling, everything that I've read on the net doesn't work.

Also, how do you center text in the image.

Thanks
Glenn
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Shaun VermaakTechnical Specialist
Awarded 2017
Distinguished Expert 2018

Commented:
Can you post the image?

Author

Commented:
Here's the image.

I want to add text and a background color.
Shamrock.png

Author

Commented:
Does anyone want to answer this!!!!!!!!!!!
PMI ACP® Project Management

Prepare for the PMI Agile Certified Practitioner (PMI-ACP)® exam, which formally recognizes your knowledge of agile principles and your skill with agile techniques.

Shaun VermaakTechnical Specialist
Awarded 2017
Distinguished Expert 2018

Commented:
Do you want the steps or can I just fill it for you?

If I can do it for you, please send me the color code.
The process I follow with this is to first convert it to a vector

Author

Commented:
I need the steps.  Everything instructions that I found on the web did not work for the fill.
Shaun VermaakTechnical Specialist
Awarded 2017
Distinguished Expert 2018

Commented:
As I said, you need to first need to convert it to a vector.

See attached
Clover.svg

Author

Commented:
You're kidding?  Why would I change it to vector?  There is no way to fill the text with a color and add text?
Shaun VermaakTechnical Specialist
Awarded 2017
Distinguished Expert 2018

Commented:
You're kidding?  Why would I change it to vector?  There is no way to fill the text with a color and add text?
Nope. You need to do vector first otherwise you will have a tough time separating those colors
Hello breeze351

I can see from your other questions that you are designing an Irish themed website for a restaurant, hence the iconic shamrock and vivid green.  If this shamrock image is simply going to be an image somewhere on the website and the text in the middle of it is going to remain fixed, then it would be easy enough to modify for your needs it in most image editing applications.

Your shamrock image has a black border surrounding the shamrock outline and the background is transparent.  Do you want to retain the black border or do you want that filled with the same shade of green as the rest of the shamrock so that you have the leaf shape as one solid colour?

"Kelly Green" is one of those colours that people seem to apply some latitude to and it can end up looking anywhere from emerald green to snot green.  Having looked up the colour codes on various websites the most commonly used (and probably standardised) are:

HTML Colour Code: #4CBB17
RGB Value: 76, 187, 23
CMYK Value: 59, 0, 88, 27

Here's a block image infilled with Red, Blue, Green (RGB) 76, 187, 23

Kelly_Green.png
Assuming that's the colour you want to fill your shamrock PNG with, you will need to learn to use a couple of tools in Photoshop to achieve what you want.  You will be using a selection tool to outline the shamrock shape in the image and then flood-filling it with colour selected by specifying the RGB values.

The Magic Wand selection tool will allow you, after some experimentation with the tolerance value, to select the shamrock shape:
https://www.photoshopessentials.com/basics/selections/magic-wand-tool/
http://www.peachpit.com/articles/article.aspx?p=1661119
If you aren't keeping the black border you can click in the area AROUND the outside of the shamrock shape (in the transparent area) to select that and then INVERT the selection so that it now has the shamrock shape selected instead.

There are a few ways you can fill a selected area with solid colour:

During the magic wand tool selection you will probably see a "fill color" option that you can use:
https://clippingpathindia.com/blogs/tips/magic-wand-tool-select-mask-photoshop
http://www.informit.com/articles/article.aspx?p=1915160&seqNum=16
https://www.gadgethacks.com/ajax/sssync/

You could also use the Paint Bucket Tool (sometimes known as "flood-fill") to apply the opaque green to the selected area of the image:
https://simplephotoshop.com/photoshop_tools/paint_bucketf.htm
http://akvis.com/en/photoshop-tips/filling-tools.php

Applying text to an image in Photoshop:
https://helpx.adobe.com/uk/photoshop-elements/using/add-text.html
https://improvephotography.com/50052/how-to-add-text-to-photos-in-photoshop/

Author

Commented:
Thanks

Author

Commented:
Thanks
Thank you breeze351

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial