36 Replies Latest reply on May 28, 2012 4:17 PM by Mathias17

    Focused text look

    Maya_K

      Hello,

      I am trying to create this look in Illustrator but I am not sure where to begin or if Illustrator is even the right software to use to achieve this. I would appreciate any help on this matter.

      Thank you.

      get-facts.jpg

        • 1. Re: Focused text look
          Kurt Gold Adobe Community Professional

          Which version of Illustrator are you using?

           

          What have you tried so far in order to get your desired result?

          • 2. Re: Focused text look
            Maya_K Level 1

            I have Illustrator cs5. I rotated the text and added a radial blur and set the opacity to 90%. Then I created another line of text which I wanted to be focused and left the opacity at 100% and rotated it. It looks similar to the picture however, I am unable to achieve the light effect in the middle and also the "get the facts." line seems to be flat unlike in the picture. The light I am guessing is probably achieved by using the gradient tool but I am not sure how to apply it.

            • 3. Re: Focused text look
              [scott] Level 6

              There's a couple things going on in the image you posted.

               

              #1) the blurry text and page are a photo.

              #2) The "Get the Facts" text is merely set, rotated and distorted a bit so it lies between two (Exisiting) paragraphs in the text. (The rotation angle is off by a bit, the curve is not consisted withthe rest of the text, and the color is foreign to the overall image.)

               

              In short, the image is a composite not one image created from the ground up.

               

              Is there a reason you need this in vector format?

               

              It would be a great deal easier and faster to simply go find a stock photo of a blurry page and place whatever text you want over it the same way the creator of the image above did it.

              1 person found this helpful
              • 4. Re: Focused text look
                Maya_K Level 1

                I wanted to be able to adjust the size of the image in the future just in case I needed to without it getting pixelated. However, what you suggested sounds perfect for now. Thank you!

                • 5. Re: Focused text look
                  Wade_Zimmerman Level 7

                  Phhotoshop CS 6 has such a filter do exactly this it maight be possible to do this in Photoshop with live text I have not tried it and of course photoshop has the lighting effect filter as well for this purpose.

                  • 6. Re: Focused text look
                    JETalmage Level 6

                    I wanted to be able to adjust the size of the image in the future just in case I needed to without it getting pixelated.

                    That's a common misconception among many not yet familiar with vector programs. Something's merely having been done in Illustrator doesn't ensure it entirely consists of resolution-independent vector objects. Blur and shadows and similar Effects are, in fact, raster-based effects. They generate raster images.

                     

                    Yes, one could do graduated blur like this in Illustrator, and thereafter it could be scaled and Illustrator would automatically re-rasterize the raster elements accordingly (up to a point). But it's not really beginner stuff, so explaining to you how to do it would be rather tedious. And actually doing it anyway is rather more tedious than just using feathered selections in Photoshop and applying blur, lighting effects, etc.

                     

                    So unless you have some other compelling reason, it's probably not worth the bother. Just build it in a raster imaging program (Photoshop, etc.) at the maximum resolution you anticipate needing, and make downsampled copies of it if/when you need them.

                     

                    Both raster and vector programs exist for good reason. The effect you want to mimic is like a photographic effect, and is more natural to raster imaging. Don't kick against the thorns. There's a practical side to everything, including graphics.

                     

                    JET

                    1 person found this helpful
                    • 7. Re: Focused text look
                      emil emil Level 4

                      I agree with the advice so far but out of curiosity I tried making it in Illustrator and it doesn't seem that much more involved than making it in Photoshop, or it is not at least for me I used a gradient as opacity mask on a two differently blurred copies of the text which remain editable. It took me several minutes to do it - it gives more control over the gradual blurring than just using feathered selection in Photoshop but the same control can be achieved in Photoshop if layer style vector gradient is used for a mask but then the effort is the same in both programs.

                      By doing this experiment I couldn't find a way to apply different opacity mask on two different fills for the editable text in the Appearance panel so I couldn't keep it all in one object and two copies of editable text have to be managed on top of each other. And the other thing I learnt is that the envelope distort doesn't affect the opacity mask which stay stationary which means that any deformations has to be completed prior to masking and the gradients has to be applied after that aligned with the deformation.

                       

                      blur-text-in-Illustrator.jpg

                      • 8. Re: Focused text look
                        Wade_Zimmerman Level 7

                        I haven't worked with this tool in Photoshop before and it might tale som pratcie to get it quite right but it is definitely easier in photoshop

                         

                        BlurredType.jpg

                        • 9. Re: Focused text look
                          Wade_Zimmerman Level 7

                          This is my second try

                           

                          BlrredType2.jpg

                          • 10. Re: Focused text look
                            Wade_Zimmerman Level 7

                            BlrredType2.jpg

                             

                            I guess once you get use to it takes no time at all. This is not as bad a filter as i though it was.

                            • 11. Re: Focused text look
                              emil emil Level 4

                              Wade, I'm glad to know that the new blur tool in Photoshop is great. At my place we still haven't switched to CS6 so I can't check but I hear good things about the new blur.

                              I can make it pretty much the same with the old blur tool on a low res version of the file to make the blur more intensive and then interpolate back to the hi res. This gives very good control but requires some painting skills. Anyway the point of my message with doing it in Illustrator is that it is possible to get similar effect relatively easy and can be used if it must be done in Illustrator for reasons like keeping the text editable.

                              • 12. Re: Focused text look
                                Wade_Zimmerman Level 7

                                It can easily be done in Illustrator but it takes a long time.Screen Shot 2012-05-25 at 2.54.14 PM.png

                                • 13. Re: Focused text look
                                  Mathias17 Level 3

                                  Based on my experience, this is a job for Photoshop. Like JET points out - Illy is using raster effects and creating resolution-dependant pixels anyway.

                                   

                                  PS is better suited.

                                  • 14. Re: Focused text look
                                    Wade_Zimmerman Level 7

                                    I agree it is a job for PS but as was also pointed out the raster effects are onlyacttually applied when on aout put if you rezie the art the raster effect while reconfigured for that size.

                                     

                                    Of course if you place the ai file or a pdf or eps made from that file in another application and then resize it ther then it is have the impact from raster effects.

                                    • 15. Re: Focused text look
                                      Mathias17 Level 3

                                      Right.

                                       

                                       

                                      I think JET nailed it when he said,

                                      Just build it in a raster imaging program (Photoshop, etc.) at the maximum resolution you anticipate needing, and make downsampled copies of it if/when you need them.

                                      • 16. Re: Focused text look
                                        Wade_Zimmerman Level 7

                                        I thought I suggested this as well! At least that is what it looks like to me in the above Post #5!

                                         

                                        But perhaps my eyesight and memory are failing me!

                                        • 17. Re: Focused text look
                                          JETalmage Level 6

                                          For details on how you can build a graduated blur in Illustrator involving live text, see my posts (7,8,9) in this 2009 (the year after I did, indeed, get monovision) thread:

                                           

                                          Gradual Blur in Illustrator

                                           

                                           

                                          You see that this is a rather convoluted construct.

                                           

                                          To simulate a depth-of-field blur in Photoshop (most any version), don't futz around with the cheezy directional blur special effects filters (radial blur, motion blur, etc). Simply create an alpha channel, fill it with a linear grad, load the alpha channel as a selection, and apply Gaussian blur. Takes about two minutes; so for "editable text" it still takes less time to do it in Photoshop, even if you have to retype the text and paste it in again.

                                           

                                          JET

                                          • 18. Re: Focused text look
                                            Wade_Zimmerman Level 7

                                            It can't compare to the blur features in Photoshop CS 6

                                            • 19. Re: Focused text look
                                              Maya_K Level 1

                                              Thank you for the advice