22 Replies Latest reply: Mar 18, 2013 6:28 AM by Noel Carboni RSS

    how do you treat such picture?

    w345

      I have some scanned picture. (Actually they can also be photoed.)

      Specifically, they are Chinese calligraphics.

      They are color graphics although almost completely black.

      Their border are hairy, no clear cut border.

       

      My question is:

       

      How do you transform their color?

       

      The original color is black, almost black, not gray scale.

      For design purpose, I would like to transform it into any desired color.

      (The color need to match with other part of the graph.)

      I cannot use color replacement, since it is not only one color. It is not only black.

       

      I can only transform into some color, but not any arbitrary color since the black is too heavy,

      which are the original color mounted with some other color.

       

      I attached one such picture so that you may try it.

      The paper used caused some background which can be easily removed by adjusting it contrast and black/white threshold.

       

      http://forums.devnetwork.net/download/file.php?id=1593&sid=c04452d12d080bf1ee2a6157f9ba947d&mode=view

        • 1. Re: how do you treat such picture?
          davetwo Community Member

          There's many, many ways.

          I suggest the easiest is probably to go to Image>Adjustments>Hue/Saturation. Click the 'colorize box', increase the saturation and play with the hue slider until you find what you want.

           

          PS. Wow, that is some enormous image you've attached!

          • 2. Re: how do you treat such picture?
            c.pfaffenbichler Community Member

            Another option is loading the composite channel or the channel with the best structure (by command clicking it in the Channels Panel), inverting the Selection, creating a Solid Color Layer and hiding the original Layer.

            This Solid Color Layer will take the Selection as a Mask which can be edited with Curves or other Adjustment to increase contrast or change the white point.

            • 3. Re: how do you treat such picture?
              conroy Community Member

              I'd use a mask and solid colour layer like Christoph says, but he beat me to it, so here's another option using colour in "Lighten" mode on top of pure black and white. The black and white was made by adding a "Threshold" adjustment to a desaturated version of your image.

               

              calli1.png

               

              calli2.png

               

              calli3.png

              • 4. Re: how do you treat such picture?
                Noel Carboni Community Member

                Yet another approach:

                 

                Use the Dodge Tool set to Highlights and a small exposure value to carefully remove the remnants of the texture of the paper.

                 

                Image - Adjust - Black & White, then set the Tint option to set the color to what you want.  You could add a Black & White Adjustment Layer if changing pixel values isn't your thing.

                 

                Tint.jpg

                 

                -Noel

                • 5. Re: how do you treat such picture?
                  w345 Community Member

                  I tried davetwo's suggestion.

                  It indeed produced many different background colors.

                  But for most of the cases the forground is still black, or looks like black.

                  Furthermore, the colors came out randomly. I have no control

                  of it, like if I can say I want C 30 M 20 Y 80 K 13.

                   

                  Secondly, I do not know what is the purpose for checking that 'colorize' box.

                  I have to acknowledge I am not an expert in photoshop.

                  For most of the time my knowledge is enough for my purpose.

                  But this time....

                  • 6. Re: how do you treat such picture?
                    w345 Community Member

                    I simply do not understand what c.pfaffenbichler said.

                     

                    What do you mean 'channel with the best structure'?

                    And, the following steps.

                    Sorry, I am not an expert.

                    Please be patient.

                    Thanks.

                    • 7. Re: how do you treat such picture?
                      w345 Community Member

                      Conroy, Thank you for such detail reply. But first a few naive questions:

                      1. How did you got the window you shown on the right?

                      2. Why did you desaturate it before doing other steps?

                      3. Why add a layer in "lighten" mode?

                      4. Now that you have changed the strokes into other color, how do you cange the background too?

                      Say, if I want blue stroke +  yellow background etc.

                      Thank you for your  patience if my questions are too naive.

                      • 8. Re: how do you treat such picture?
                        conroy Community Member

                        1. The Layers panel can be opened from the Window menu. A keyboard shortcut may be seen in the menu, too.

                         

                        2. Good question. My mistake: that step was unnecessary.

                         

                        3. Lighten mode selects the lighter of two colours. All colours are lighter than black, so Lighten mode will use the layer's colour to replace the black pixels of the image below.

                         

                        4. That is solved by using the masking method which Christoph suggested, and which would be my first choice. Invert the black and white image created by Threshold and use as a mask attached to the (blue) Color Fill layer in Normal mode, not Lighten. Put a (yellow) Color Fill layer underneath the masked (blue) layer.

                         

                         

                        Screen-shot-2012-08-12-at-16.22.45.png

                        • 9. Re: how do you treat such picture?
                          Paulo Skylar Community Member

                          Since numerous ways of treating this image seems to be the theme let me add another.

                           

                          1. FIx the background by double clicking on the image  layer and adjust  the Blend If Gray setting of This Layer: Move the right slider to some where around 220.

                          2. Go to the Channels panel and make an inverse luminance mask:  Control click on the thumbnail of the RGB channel and then do a Ctrl+Shift +I  to invert the selection.

                          3. Go to the layers panel and click on the icon  at the bottom to create a new adjustment layer - choose solid color layer and then choose the color for the characters.

                          4. In the layers panel Ctrl click on the Add new layer icon. Fill it with the background color of your choice.

                           

                          Paulo

                           

                          Capture.PNG

                          • 10. Re: how do you treat such picture?
                            w345 Community Member

                            What did Noel (is that Christmas in French?) said?

                            I cannot find under Image -> Adjust a Black & White and Tint

                            Where is that?

                            • 11. Re: how do you treat such picture?
                              w345 Community Member

                              Conroy, Which version of photoshop are you using? I am CS2. How comes my layer panel is different from yours? Is it because of some setting?

                               

                              The layer/mask method indeed solved my problem.

                              But there is actually a pit: The originally "black" is not only black. It is actually a whole spectrum of colors very close to black. Now the mask made them all become one color. Is there any way that I can preserve such spread?

                              • 12. Re: how do you treat such picture?
                                conroy Community Member

                                1. CS6

                                 

                                2. Instead of Threshold adjustment, desaturate then use Levels adjustment to fine tune the spectrum of black to white for use in the mask.

                                 

                                (That reminds me of why there was a superfluous desaturation in my first example. I had initially used a Levels adjustment then decided to post a solution with Threshold instead.)

                                • 13. Re: how do you treat such picture?
                                  w345 Community Member

                                  1. What is the correct way to make the lighten layer? Layer -> Duplicate Layer seems always override the background layer or produce an extra picture instead of layer.

                                   

                                  2. Now that it is a matching between two colors. Is there a mechanical way to match these two colors so that they looks beautiful, or it is only an aethetic problem could only be judje by personal experience?

                                  • 14. Re: how do you treat such picture?
                                    conroy Community Member

                                    1. I thought you had already decided to not use Lighten mode because you want coloured background instead of white. It would greatly help if you presented an example of the effect which you wish to achieve.

                                     

                                    2. There are formulaic methods to combine colours. Try Adobe Kuler:

                                    http://kuler.adobe.com/#create/fromacolor

                                     

                                    There's also a Kuler plug-in but it might not work in CS2.

                                    • 15. Re: how do you treat such picture?
                                      w345 Community Member

                                      I did not decided.

                                       

                                      What I perceived from your previous post is:

                                       

                                      Creat a new layer with lighten mode to change the color of the black + reverse the image but use the normal mode to change the background.

                                       

                                      Did I mis-understood it? The second part indeed does not work. I must misunderstood somemthing.

                                      • 16. Re: how do you treat such picture?
                                        conroy Community Member

                                        You've misunderstood. In the Lighten mode method, only the top layer is in Lighten mode and no image is inverted. In the masking method, the mask is an inversion and no layer is in Lighten mode.

                                        • 17. Re: how do you treat such picture?
                                          w345 Community Member

                                          screen1.jpg

                                          I am surprised they are two different methods.

                                           

                                          Cannot the same lighten layer method be extends to make the background?

                                          I tried use the lighten method to created a forground and a background. And one choose

                                          as layer the other choose multiply or darken they works. Although I really do not understand

                                          what all these means.

                                           

                                          It seems your second method is just putting a yellow background on top of the blue color?

                                          Why then do you need to invert it? Is that because the black is too dark?

                                           

                                          These steps sound like magic for me.

                                          • 18. Re: how do you treat such picture?
                                            conroy Community Member

                                            w345 wrote:

                                             

                                            I am surprised they are two different methods.

                                             

                                             

                                            There are many more methods that haven't been mentioned.

                                             

                                             

                                             

                                            Cannot the same lighten layer method be extends to make the background?

                                            I tried use the lighten method to created a forground and a background. And one choose

                                            as layer the other choose multiply or darken they works. Although I really do not understand

                                            what all these means.

                                             

                                             

                                             

                                            http://help.adobe.com/en_US/photoshop/cs/using/WSfd1234e1c4b69f30ea53e41001031ab64-77eba.h tml

                                             

                                             

                                             

                                            It seems your second method is just putting a yellow background on top of the blue color?

                                            Why then do you need to invert it? Is that because the black is too dark?

                                             

                                             

                                            The yellow background is underneath the blue calligraphy, not on top.

                                            The inversion was for the mask which is attached to the blue layer. White reveals the corresponding pixels of the layer, black conceals them.

                                             

                                             

                                             

                                            These steps sound like magic for me.

                                             

                                            Don't worry. It will make sense as you gain experience.

                                            • 19. Re: how do you treat such picture?
                                              w345 Community Member

                                              Is it possible to make the background transparent? Or simply to cut the forground?

                                              (I am not sure how to state my problem.)

                                              • 20. Re: how do you treat such picture?
                                                conroy Community Member

                                                Look at my reply #8 with blue calligraphy on yellow background. Click the eye at left of background layer to make the layer invisible. Now you'll see the blue character surrounded by the checkered transparency grid.

                                                • 21. Re: how do you treat such picture?
                                                  w345 Community Member

                                                  Sorry, I may not understood #8 well. Hence cannot reproduce the effect you mentioned.

                                                  Furthermore, after the "checkered transparency grid" appears will you be able to save the result? so that what is transparent is still transparent...

                                                  I will need to save it as a picture. Later on put on top of another picture B so that the characters seems to be written on B directly.

                                                   

                                                  see the picture below. The chacters are on-top of the photo. The characters shown are simply text-font, which is easy to put on-top.

                                                  But when it is an image....that is my question.

                                                  biofluiddynamics.jpg

                                                  • 22. Re: how do you treat such picture?
                                                    Noel Carboni Community Member

                                                    Conroy showed clearly how to put the character with surrounding transparency above a solid yellow background.  It could just as well be a graphic or composite of other layers below as that solid yellow fill layer.

                                                     

                                                    Save it as a PSD or PNG file, which support the saving of transparency, and you can use it later to composite with other things e.g., in Photoshop by placing or pasting it as a layer over the top.

                                                     

                                                    -Noel