17 Replies Latest reply: Jun 2, 2012 12:27 PM by tromboniator RSS

    'Imprinting' a Shape with Words

    Josh525 Community Member

      I want to 'imprint' a shape with text. The result being that the words in that shape will show whatever background color the shape is placed upon.

       

      Can someone please show me how to do this?

       

      I asked this question a while ago but reading it back cannot uderstand it for the life of me!

       

      many thanks,

      Josh

        • 1. Re: 'Imprinting' a Shape with Words
          tromboniator Community Member

          I asked this question a while ago but reading it back cannot uderstand it for the life of me!

          I have the same problem – with the question. Could you please show us at least a rough sketch of what you want to accomplish?

           

          Thanks,

          Peter

          • 2. Re: 'Imprinting' a Shape with Words
            emil emil Community Member

            I guess Josh wants a mask.

            Make the word/s with white color and put it in front of what you want to mask as shown in the first image below. Then Select All and from the menu of the Transparency panel choose Make Opacity Mask and you will  the result in the second image.

             

            Capture.JPG

            • 3. Re: 'Imprinting' a Shape with Words
              Wade_Zimmerman Community Member

              You guys don't know no english well enought o knw not what somebody want to say you and can't undersstand no good english either what so wrong with you ! Huh!

               

              the want an opcaity mask. The Op wrote it correctly bu it one of thise things that looks like it is worded oddly even though it is not all that way.

               

              1. Set the text on top of the shape

               

              2. select the sahpe and the text using a selection tool (not the type tool)

               

              3. go to the transparency panel and select from the flyout menu Make Opcaity Mask (it might not look right att first)

               

              4. Uncheck Clip if it is checked and make sure inverted is unchecked as well

               

              5. Place the masked art over a shape(s) fill with a color fill(s).

               

              Screen Shot 2012-05-28 at 9.26.10 PM.png

               

              You can resize the filled paths so the do not extend beyond the masked shape.

              • 4. Re: 'Imprinting' a Shape with Words
                Wade_Zimmerman Community Member

                Yo can get clever wit this technique and reshape the background paths so the color

                 

                Screen Shot 2012-05-28 at 9.37.42 PM.png

                • 5. Re: 'Imprinting' a Shape with Words
                  emil emil Community Member

                  Wade_Zimmerman wrote:

                   

                  You guys don't know no english well enought o knw not what somebody want to say you and can't undersstand no good english either what so wrong with you ! Huh!

                  ...

                  You are a funny guy Wade. True, my English sucks but at least I press that spell checker button so my ridiculous words are at least spelled correctly, I guess you and me should write the messages together to make posting perfect.

                   

                  By the way, if the background objects don't overlap, what you showed, alternatively can be made with making a black text on a wide box and putting everything in front with lighten color blending mode.

                  • 6. Re: 'Imprinting' a Shape with Words
                    Jacob Bugge MVP

                    Josh, others,

                     

                    What is wrong with a Clipping Mask, just using live Type as it is?

                     

                     

                    • 7. Re: 'Imprinting' a Shape with Words
                      Wade_Zimmerman Community Member

                      Jacob think about what you just suggested and look aat your posted art?

                       

                      Why would you make a clipping mask to fill type with a color when you can just fill it with any color just by selecting a swatch or color from the mixer.

                       

                      It kind of doesn't make sense!

                       

                      The Op wanted to place a shape the had text in it so that any color place behid it would fill or show through, if you read the the original posting carefully.

                       

                      You end up wioth no shapeand if you put a color behind it the clipping maksk the type doesn't change color Unless you change the blending mode or give a trans parency.

                      • 8. Re: 'Imprinting' a Shape with Words
                        Jacob Bugge MVP

                        Wade,

                         

                        Josh is obviously looking for a solution that goes beyond merely colouring some Type.

                         

                        Otherwise, someone would surely have suggested to just change its fill colour.

                         

                        There is no limit to the use of a Clipping Mask in terms of colours, gradients, whatever, and the image just showed one simple case that fits the words, with only the back ground.

                         

                        Now the image is extended to also show the shape in between. The term background implies that it extends beyond the shape so it is quite possible to select the Type (which is on top of the shape) and the background (that is under the shape) and create the Clipping Mask which will be on top, as shown in the lower part of the image.

                         

                        Creating an Opacity Mask also works and is more fun to watch in the process.

                         

                        But just selecting the Type and the background and Alt/Option+O+M+M (Object>Clipping Mask>Make) is a bit simpler after all.

                        • 9. Re: 'Imprinting' a Shape with Words
                          Mathias17 Community Member

                          Haha . . .

                           

                           

                          Anyway, Josh, it's very simple. We all get kinda noisy here some times, trying to innovate the best method, but I'm suggesting a quick destructive pathfinder operation.

                          By desctructive I mean it won't be a dynamic effect you can necessarily modify after you've committed to it. Compensate for this by making a copy of things before using the Pathfinder Panel.

                           

                           

                          Do this:

                           

                          1. Design your type.
                          2. Design your shape that you want to "show whatever background color the shape is placed upon".
                          3. Position your type on top of the shape.  (might make a copy, drag it off to the side before proceeding)
                          4. Color type a unique color, color shape a unique color.
                          5. Hide everything except the type and shape (CTRL+SHIFT+ALT+3).
                          6. Outline type.
                          7. Select both type and shape and Pathfinder Panel > Divide.
                          8. *EDIT    Forgot to add here: Deselect all and use Magic Wand to select all type and hit DELETE.
                          9. Object > Path > Path Cleanup

                           

                          You're left with a knocked-out shape. Simpleasy.

                           

                          retropowa.PNG

                          • 10. Re: 'Imprinting' a Shape with Words
                            emil emil Community Member

                            Nothing wrong Jacob, in fact it is an excellent suggestion. I never happened to try live text as a clipping mask and it didn't occur to me to suggest it.

                            • 11. Re: 'Imprinting' a Shape with Words
                              Wade_Zimmerman Community Member

                              You realize the clipping mask and the Opacity mask are very different animals? and work differently.

                              • 12. Re: 'Imprinting' a Shape with Words
                                Jacob Bugge MVP

                                Emil, I was just joking with the fact that all answers were based on Opacity Masks.

                                 

                                Wade, I know. And as I hinted, I am very fond of Opacity Masks.

                                • 13. Re: 'Imprinting' a Shape with Words
                                  Josh525 Community Member

                                  Hey Tromboniator,

                                   

                                  The image I am working on is below.

                                  At the moment the letters you can see are just normal text in white. I want the letters to actually become part of the 'shape path' so that when I put the logo over say a grey background, both the letter and the gap between the shapes will show the background through them

                                   

                                  Hope this makes more senses..

                                  Josh

                                   

                                   

                                  Picture 67.png

                                  • 14. Re: 'Imprinting' a Shape with Words
                                    Jacob Bugge MVP

                                    Josh,

                                     

                                    If you want to have the full background, extending outside the shape parts shown as two separate parts, one with a solid colour and one with a gradient, you may just leave the gap between them as a gap that shows the background and let the live Type run across them and over the gap, and then:

                                     

                                    A1) Copy the background in fornt of itself (Ctrl/Cmd+C+F), btoh the original and the copy being behind the shapes,

                                    A2) Select the Type and the copy background and Object>Clipping Mask>Make (Alt/Option+O+M+M), leaving the original background (in the background).

                                     

                                    which will create a mask with the right background appearance in front of the shapes, and is applicable for any appearance of the background, or if you have a background with a solid colour, you may:

                                     

                                    B1) Just select the Type and change its Fill colour to that of the background.

                                    • 15. Re: 'Imprinting' a Shape with Words
                                      Josh525 Community Member

                                      This is brilliant. Thanks Mathias!

                                      • 16. Re: 'Imprinting' a Shape with Words
                                        emil emil Community Member

                                        Josh, try this, it takes a few seconds and your text remains editable.

                                        1. Select all objects that you showed with your image

                                        2. In the Transparency panel, from its menu select "Make Opacity Mask", uncheck "Clip", and check Invert "Mask"

                                        • 17. Re: 'Imprinting' a Shape with Words
                                          tromboniator Community Member

                                          Read up on Knockout Groups.

                                           

                                          Peter

                                           

                                          Knockout groups.png