Solved

How to accurately color image?

Posted on 2009-04-11
14
194 Views
Last Modified: 2012-05-06
I have attached an image that I'd like to color gray:

R 187
G 197
B 212
hex# bbc5d4

The problem is it if use the paint bucket, it creates jagged edges.  I've included the original white and my low quality gray.  Any suggestions how I can paint it so the edges aren't jagged?
up.png
upgray.png
0
Comment
Question by:brettr
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
14 Comments
 
LVL 6

Expert Comment

by:Madkhali
ID: 24124591
it is better to create it again, the problem your pic is anti-aias, so when coloring it again it color the somothing pixels
use the pen tool to createagain, or use any one of custom shapes to draw the an arrow and delete the extra points.
0
 

Author Comment

by:brettr
ID: 24124701
I'm using the line tool.  I create three lines then fill with the paint bucket.  The problem I keep having is a little thread of white keeps whisking out of one point.
0
 
LVL 6

Expert Comment

by:Madkhali
ID: 24124779
this why i told you to use the custom shape :)
it is a vector based drawing
you wil get clean shape :)
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 6

Expert Comment

by:Madkhali
ID: 24124781
you can apply to it anyting
stroke, gradient and so on
0
 

Author Comment

by:brettr
ID: 24124822
Ok.  I'm a newbie.  Can you provide steps on how to draw a triangle and then shade it?
0
 
LVL 6

Accepted Solution

by:
Madkhali earned 300 total points
ID: 24124918

  1. select the Pen Tool
  2. from option select the Shape layers
  3. click three times to draw the shape, the last one must close your shape
or
  1. select the Custom Shape Tool
  2. from Shape select any arrow
  3. draw
  4. selcet Direct Selection Tool
  5. click the edge of the object
  6. select the Pen Tool
  7. hold alt key
  8. click on any anchor point to delete it.
0
 

Author Comment

by:brettr
ID: 24126088
I tried the first option you mentioned.  Had a some minor problems with the second line always ending outside of the image.  I'm guessing because of the small image size.  I used the transform to size it back into the image then closed the shape.   Overall, very easy.  Thanks.

One last thing: Do you know how I can get a grid to display on such a small image?  It will help with aligning.
0
 
LVL 6

Expert Comment

by:Madkhali
ID: 24126655
you can use the arrow tool

or

if you mean align in to the center of the scene:
  1. highlight the bacground then the layer or link them
  2. choose move tool
  3. from the option click align vertically and horizontally
0
 

Author Comment

by:brettr
ID: 24126702
Which is the arrow tool and how does that help?
0
 
LVL 1

Assisted Solution

by:cysto
cysto earned 50 total points
ID: 24137787
The arrow tool is a shape from the "Custom Shapes Tool".

Is this what are you looking for? (The attached image)
arrow2.png
0
 

Author Comment

by:brettr
ID: 24137908
Yes but I was able to follow Madkhali's instructions and get the shape I need.  How does the arrow tool put a grid on the image at such a small size?
0
 
LVL 3

Assisted Solution

by:Binylkumar
Binylkumar earned 150 total points
ID: 24165402
Hi brettr,

The easiest and good method to draw perfect up arrow like this, also to avoid the jagged effect follow my steps.
In this example I have choosen grey color to draw the up arrow. you can change the color for your wish.

check the attached image to get the clear view of my steps.
 
1. Create a new document. For Example 75x75 with white background.
2. Create a new layer.
3. Zoom it to 100% and choose pencil tool with single pixel size.
4. Choose the foreground color as #999999
4. Draw a line by clicking with the pencil. That is, by single click you will get a single dot, right? now adjustent to that put one more dot and so on....upto 7 dots. This will give you a line.
5. Now draw another line in the same manner above that line. This line should have two pixel less than bottom layer, one at each end. So this line will be less than in length of bottom line.
6. In the same manner draw lines one by one above that by reducing two pixels at each end till you get one pixel at the top.
7. Now Choose the foreground color as #CCCCCC
8. Now put dots at each line begining and end from bottom to top.
9. Now reduce the zoom to actual pixels.
10. You can see the up arrow image without any jagged effect.
11. Depends upon the size you have to draw the line.

design-steps.gif
0
 
LVL 6

Expert Comment

by:Madkhali
ID: 24165435
sorry i was mistaken
press V key to switch to the Move tool
sorry to reply late :(
0
 
LVL 6

Expert Comment

by:Madkhali
ID: 24165445
look to this tutorial to learn this perfect tool

http://www.melissaclifton.com/tutorial-pentool.html
0

Featured Post

Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
image resizer software ? 5 191
How to add a video layer with different dimensions in Photoshop 2 109
Logo design 8 80
Why is this simple, masked Flash animation flickering? 20 205
HOW TO CREATE A WEB 2.0 IMAGE WITH A REFLECTION I would like to start by saying I know Web 2.0 isn't a style. It is actually the practice of information sharing or  collaboration on the Web. It is also associated with the technology that is used …
Read about why website design really matters in today's demanding market.
In this tutorial viewers will learn how to restore old photos in Photoshop (an introduction to the Clone tool) Zoom into a damaged area: Click on the "Stamp" icon to use the Clone tool. Hold the Alt key and click to select a region. Click again, and…
In this tutorial viewers will learn how to correct colors in Photoshop using the Color Balance adjustment Open a photo for editing in Photoshop: Open a photo for editing in Photoshop: Select "OK" on the dialogue: The Color Balance adjustment works b…

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question