Floral 3D Text Effect

Floral 3D Text Effect

Step 2 - Create a new Document

Choose File > New or press Ctrl/Command + N to create a new document. I'm using wallpaper size of 1440px(width) X 900px(height). You can use any wallpaper size as you wish.

Step 3 - Bring the 3D text to Photoshop

You can save the image as .png format to get transparency or you can directly copy (Ctrl/Command + C) the 3D text from illustrator & paste (Ctrl/Command + V) in Photoshop. So you will get the 3D image in Photoshop as you see the image below.

Step 4 - Adding Color to the text

Now we need to add some color to the text. To do this, choose Image > Adjustments > Hue/Saturation the use these settings:

  • Colorized: Checkmarked
  • Hue: 198
  • Saturation: 22
  • Lightness: 0

Step 5 - Adding Contrast to the Image

Now we’ll need to add more contrast to the text. Choose Image > Adjustment > Levels then adjust the settings like shown in the image below.

Pages: 1 2 3 4 5 6

90% Off Cyberpunk Preset Bundle

Make your artwork look like they're from an alternate universe. These Cyberpunk presets work with Photoshop (via the Camera Raw filter) and Lightroom. Download all 788 presets for 90% off.

12 comments on “Floral 3D Text Effect”

  1. Terrible explanation. You totally left out how to proceed if Illustrator doesn't allow you to copy/paste multiple objects and doesn't allow saving as .png

  2. I'm confused at steps 10(drop shadow, 16(making plants) and step 18(the final image).

    at step 10, can you please clearly explain how to put the shadow? (My shadow is just within the 3d text itself. It's not spreading)

    at step 16 and 18, how did you add shadows and colors at those plants, swirls and circles?

    Btw, it's a great tutorial. Thanks for taking the time to post this. Keep it up!

    1. Okay, so on step ten, I ran into the same problem. Here's a little bit of a more detailed explanation.

      1. Ctrl-click on the thumbnail of the text layer. This will load a selection of it.
      2. Make a new layer. Drag it underneath the text layer.
      3. Fill the selection with black. You will not be able to see it yet.
      4. (VERY IMPORTANT) Deselect. (Ctrl D)
      5. Apply guassian blur as directed and continue with tutorial

      For step 16, those are not shadows. The dark parts are the actual original color. It just looks like shadows because you add in some lightness using the dodge tool. (He tells you what settings to use - you must've just missed them.)

      For step 18, this is a little more advanced. Actually a lot more advanced. You can either use the Hue/Saturation with Colorize turned on to add colors, but there are a bunch of other ways to do it. Here are some steps to get you started on the Hue/Saturation method.

      1.) Copy the layer with the circles and swirls.
      2.) Go to Image-Adjustments-Hue/Saturation. Check the Colorize box.
      3.) Adjust sliders to change the color. The higher the Saturation, the more vivid the color. (The whole thing will turn this color - don't worry, we'll fix that in a minute)
      4.) Press OK when you get a color you like
      5.) Use the eraser tool to erase everything on the colored layer except the part that you want to color.
      6.) Repeat 1-5 as desired, using different colors. DON'T FORGET to copy the original layer with the swirls and the circles every time. Otherwise this method will not work.

      Hope this all helps! Happy Photoshopping.

  3. Hello,

    Could you please let me know how to make a selection of the whole 3D letter and not just the front or extrusion (but both)? Thank you for posting this great tutorial which allows me to learn techniques which are new to me.

Leave a Reply

Your email address will not be published.