This content originally appeared on Envato Tuts+ Tutorials and was authored by Rose
Using bold, beautiful typography with statement titles is one of design's timeless trends. This tutorial will show you how to use simple selection and adjustment techniques to quickly create a beautiful, bold floral text effect.
You'll learn to make a beautiful floral text effect in Photoshop from scratch in this tutorial. But if you're low on time and need Photoshop text effects fast, just head to Envato Elements. You'll find downloads of premium layer styles that are easy and quick to use.
Do you prefer video tutorials? Then you can't miss this new video by Jonathan Lam from the Envato Tuts+ YouTube channel! Follow it to learn how to bold text in Photoshop and how to make a beautiful floral design in Photoshop:
What You'll Learn in This Floral Photoshop Text Effect Tutorial
- How to make a quick selection
- How to create a background and add text
- How to add an image and apply adjustments
- How to match different images' coloring
- How to copy smart filters
- How to add a basic depth of field effect
What You'll Need
The following assets were used during the production of this floral Photoshop text effect tutorial:
- Lust Script font
- Pink Roses by CarolynH
- Rose 01 by VocabMike
- Rose 02 by VocabMike
- Rose 03 by hansbenn
1. How to Make a Quick Selection
Step 1
It's important to pick the right image for the floral text effect. A good image should have a bunch of flowers, preferably with a couple of empty areas between them, and a good contrast with the background to help isolate them.
Open the Pink Roses image, pick the Quick Selection Tool, and click the Add to selection icon in the Options bar.
After that, click-drag to select the roses in the image. You can hold the Option key to subtract from the selection if needed.
Step 2
Once you've selected the flowers, click the Select and Mask button in the Options bar.
Step 3
Change the View to On Black, and increase the Opacity to 100%.
Adjust the rest of the settings to get a clean, smooth selection.
Here, the Smooth value is set to 5 and the Shift Edge to -30%. This creates a softer selection and makes sure the edges don't include any areas outside the flowers.
You can also check the Decontaminate Colors box to reduce the amount of color overflow, and set the Output to New Layer with Layer Mask.
Step 4
This will create a selection in a new layer using a layer mask. You can now make any adjustments on the layer mask if needed, and refine the selection even more.
Step 5
Duplicate the selected layer you have, and then right-click the copy's mask and choose Apply Layer Mask.
Step 6
Rename the resulting layer to Roses, save the file as a PSD, and keep it open as we'll be using it throughout the tutorial.
2. How to Create a Background and Add Text
Step 1
Create a new 1150 x 850 px document, click the Create new fill or adjustment layer icon at the bottom of the Layers panel, and choose Gradient.
Step 2
Create the gradient fill using the Colors #ffffff to the left and #d3d3d3 to the right. Change the Style to Radial and the Scale to 255.
Step 3
Now we'll create the base of our floral text design in Photoshop using the Lust Script font. Set the Size to 350 pt and the Color to #160742.
3. How to Add an Image and Apply Adjustments
Step 1
Place the Roses layer on top of the text layer, right-click it, and choose Convert to Smart Object. Then right-click it again and choose Create Clipping Mask.
Converting the layer into a smart object helps us make all the changes non-destructively. For older versions of Photoshop, however, it might not be possible to apply some of the adjustments directly to a smart object. So you can either rasterize the layer or use Adjustment Layers instead.
Step 2
Go to Image > Adjustments > Selective Color, and use these settings:
Reds
- Cyan: -10
- Magenta: 5
- Yellow: 10
- Black: 30
Whites
- Cyan: 35
- Magenta: -30
- Black: -10
Neutrals
- Cyan: 35
- Magenta: 5
- Yellow: -50
- Black: 15
This will enhance the overall coloring and introduce some blues in the darker areas. You can use different values to get different results, especially if you are using a different image.
Step 3
Go to Image > Adjustments > Levels, and use these settings:
RGB
- Input Shadows: 20
- Gamma: 0.85
- Output Highlights: 235
Blue
- Output Shadows: 20
This will darken the image and add some more blues to our floral design in Photoshop.
Step 4
Go to Filter > Noise > Reduce Noise, and use these settings:
- Strength: 7
- Preserve Details: 55
- Reduce Color Noise: 45
- Sharpen Details: 15
This is more of an optional step, but it adds a subtle plastic-like feel to the roses.
Step 5
Go to Image > Adjustments > Hue/Saturation, and change the Saturation to -5.
Step 6
Go to Filter > Camera Raw Filter, and then, under the Basic tab, change the Clarity to 50.
4. How to Match Different Images' Coloring
Step 1
Open the Rose 01 image, and then select and mask the rose the same way you did with the original rose image.
Step 2
Apply the layer mask to get a rasterized layer.
Step 3
In order to add the rose image to the original document, the colors need to be matched. This can be done in many different ways, but the quickest way in this case is via Match Color.
So go to Image > Adjustments > Match Color.
Under Image Statistics, set the Source to the original roses PSD file you saved at the beginning of the tutorial, and choose the Roses layer from the Layer menu.
Here is where creating the rasterized layers comes in handy, since having a layer mask or using the original images might make matching the colors a bit harder.
Once you choose the source file and layer, you can tweak the Image Options settings if needed, and then click OK.
5. How to Copy Smart Filters
Step 1
Add the modified rose image to the original file, rename its layer to Rose 1, and convert it to a smart object.
Step 2
Expand the Roses layer's filter list. Then hold the Option key, and drag the Smart Filters tab to the Rose 1 layer.
Step 3
The Camera Raw Filter effect might be a bit too strong for the rose image, so drag its tab to the Delete icon at the bottom of the Layers panel to get rid of it.
You can delete and adjust any of the other filters as needed.
Step 4
Add the Rose 02 and Rose 03 Images to the document using the same steps.
You can even duplicate and transform any of them to have more roses without actually using a ton of different images.
6. How to Add a Basic Depth of Field Effect
Step 1
You can add smaller flowers and make them seem out of focus behind the text.
To do so, select the layer of the rose you want to make out of focus, and then go to Filter > Blur > Gaussian Blur, and use a Radius value around 3.
Step 2
You can also add slightly bigger roses, and use smaller Gaussian Blur Radius values to create a more dynamic effect.
Step 3
Once you're done, add a Gradient Map layer on top of all layers.
Create the gradient fill using the Colors #5d4e7c to the left, #8d6385 in the center, and #cd9a90 to the right.
Then, check the Dither box, and change the Gradient Map layer's Blend Mode to Soft Light.
Congratulations! You're Done
In this Photoshop text effect tutorial, we isolated some flower images, applied a couple of adjustments and filters to them, and added them to some text. The result is a simple, bold, floral text effect.
I hope you enjoyed learning how to add effects to text in Photoshop. Feel free to apply what you learned to a lot of your creative projects!
More Cool Text Effects for Photoshop From Envato Elements
Are you looking to try something other than the floral text design you just made in Photoshop? You can always browse our tutorials (more on that later), or check Envato Elements if you're short on time. There you'll find some of the coolest text effects for Photoshop online. Here are a few of them worth checking out:
1. Liquid Slime Photoshop Text Effect (PSD, ASL, AI, EPS, PNG, JPG)
What needs to be said about Liquid Slime that's not on full display? This Photoshop text effect's design looks like melted chrome, with letters just holding enough of their shape to be readable. The results are high quality, so you can showcase your dripping text in all its glory for your creative projects.
2. 3D Retrowave Mesh Text Effect for Photoshop (PSD)
This cool retrowave text effect for Photoshop is textured and eye-catching. It stays true to its 80s roots, while also looking like something from a near-future society. Use the Smart Object layers to customize the Photoshop text effect to fit your needs.
3. Choco Editable Photoshop Text Effect (PSD)
My sweet tooth just kicked into overdrive thanks to Choco. This delicious Photoshop text effect's design resembles a chocolate-covered candy bar thanks to its authentic textures. Since it's easy to use, you won't need a text effect Photoshop tutorial for these decadent results.
4. Silver Balloon Foil 3D Text Effect (PSD)
Celebrate in silver with this 3D text effect for Photoshop. It makes a convincing foil balloon look that works with whatever words you choose to use. Use this option for birthday party invitations, social media announcements, and anything else you're excited to talk about. It's faster than learning how to add foil balloon effects to text in Photoshop.
5. Black Iron 3D Text Effect for Photoshop (PSD, JPG)
The bold 3D lettering makes this 3D text effect a standout Photoshop download. The textures and depth create a sense of strength in each letter. It's also 4K resolution, so the results look high-quality when set against any background.
Discover More Photoshop Tutorials and Resources
Do you want to expand your knowledge in Photoshop? Then you've come to the right place! Here are some amazing resources from Envato Tuts+ so that you can keep practicing and learning new skills:
30+ Cool Photoshop Text Effects, Actions & Styles for 2023
How to Create a Realistic Neon Light Text Effect in Adobe Photoshop
How to Create a 'Stranger Things' Inspired Text Effect in Adobe Photoshop
How to Create a Fun Felt Photoshop Text Effect
40 Creative Photoshop Text Effects—With Vibrant Styles
100+ Best Photoshop Text Effect Tutorials
30+ Best New Photoshop Actions & Photo Effects (Updated for 2023)
25+ Best New Photoshop Actions & Photo Effects for 2023
This content originally appeared on Envato Tuts+ Tutorials and was authored by Rose
Rose | Sciencx (2017-02-26T09:16:04+00:00) How to Create a Bold Floral Text Effect Quickly in Adobe Photoshop. Retrieved from https://www.scien.cx/2017/02/26/how-to-create-a-bold-floral-text-effect-quickly-in-adobe-photoshop/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.