Solved

How to accurately color image?

Posted on 2009-04-11
14
190 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
14 Comments
 
LVL 6

Expert Comment

by:Madkhali
Comment Utility
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
Comment Utility
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
Comment Utility
this why i told you to use the custom shape :)
it is a vector based drawing
you wil get clean shape :)
0
 
LVL 6

Expert Comment

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

Author Comment

by:brettr
Comment Utility
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
Comment Utility

  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
Comment Utility
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
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
LVL 6

Expert Comment

by:Madkhali
Comment Utility
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
Comment Utility
Which is the arrow tool and how does that help?
0
 
LVL 1

Assisted Solution

by:cysto
cysto earned 50 total points
Comment Utility
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
Comment Utility
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
Comment Utility
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
Comment Utility
sorry i was mistaken
press V key to switch to the Move tool
sorry to reply late :(
0
 
LVL 6

Expert Comment

by:Madkhali
Comment Utility
look to this tutorial to learn this perfect tool

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

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

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 …
Introduction When sharing photos, especially via e-mail, the large resolution images that most cameras take today make for extremely large file sizes. The time required to upload these files to forums, send in e-mails, post to blogs or even placi…
In this tutorial viewers will learn how to create a postcard text effect in Photoshop and get an introduction to Layer masks Use magic wand to select the "inner" part of the letters: Create a new layer and fill the selected area with black: Go back …
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…

771 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now