How to Create a Floral Typography Text Effect in Photoshop

hello everyone this is Chris from spoon graphics back with another video tutorial for Adobe Photoshop today I'm going to show you how to create the popular floral typography effect where type is combined with images of flowers to create pretty artwork we'll begin by producing a composition of floral illustrations then add the type and arrays specific portions of the artwork to make it seem like the flowers surround the text with some petals and stems appearing on top and others underneath so enhance the effect I'll then show you a clever shading technique that helps to add depth with slightly more realistic drop shadows in order to create this effect we first need some floral assets these could be flower photos that have been isolated from their backgrounds drawings or illustrations I'll be using a ready-made set of vintage flower graphics by eclectic anthology in this tutorial there are only seven dollars and there's five sets to choose from I'll put links in the description to them all at design cuts where you can get up to 50% off I want with pack number three for my artwork so to begin open up Adobe Photoshop and create a new document I'm using a canvas of 3000 by 3000 pixels at 300 PPI but yours may vary if you're building a poster album cover or whatever open up all your floral assets into Photoshop to go to select and all to make a selection then edit and copy close the image and paste it into your main canvas with edit and paste use the command or control key on windows and t chakra for transform then scale and position the flower to start filling the background with floral graphics to speed up the workflow of copying across all the other flower graphics try incorporating shortcuts like Kommandant tab to switch documents command + a to select all commanders C to copy command + W to close and command + V to paste rotate and scale each flower graphic to build a nice composition which fills most of the background area while transforming an image right-clicking and choosing flip horizontal can help you better fit the shapes of the flowers if you ran out of flowers duplicating existing images can help to fill in any remaining space flipping in rotating the graphics here also helps disguise any repetition hiding any stems that have an abrupt ending behind other flowers also helps keep things looking tidy do this by dragging the layer underneath another in the last Ike select the topmost layer and then hold shift and click the bottom flower layer press command + G to create a group of these elements select the background layer to add a custom color use the eyedropper to find a suitable hue from the existing colors used in the illustrations fill the background with the alt and backspace shortcut activate the type tool and enter your word or quote I'm using Futura bold from the Adobe fonts library don't forget to give it a white fill so it is visible against the darker background drag the text to the top of the last Dyke then press command + T to scale it to size I've split my wording of bloom over two lines let's set the paragraph alignment to the right but any text or quote layout can be used turn off the visibility of the text and background layers for a moment then select the group of flower images go to layer and merge visible but hold the Alt key while clicking to make a copy on a new layer drag this layer to the top of the last Dyke then bring back the visibility of the other layers add a layer mask to this merged layer and then select the brush tool setup the tip with 100% hardness begin painting within the mask to erase portions of the flowers to bring back the text make sure you're painting with black to arrays or switch to white to restore the reason we created this additional flower layer is to make it easy to erase the parts over the text otherwise it would be difficult outlining the letters exactly arrays the flowers wherever they obscure the letters too much but look out for leaves or petals that overlap without making the text too unreadable removing parts of some flowers but not others gives the impression that the letters are interweaved between them to enhance the effect at a drop shadow by double-clicking the layer to bring up the layer styles set up the distance and size to produce a soft shadow then bring down the opacity so it's not too prominent to create a slightly better looking drop shadow effect and to remove the unwanted shading on the areas that have been erased right-click on the drop shadow effect and choose create layer select the new drop shadow layer and press command + T right click and choose warp then bend and stretch the shadow keeping an eye on the areas that overlap the text just the shadow so it looks like those overlapping leaves and petals are lifting from the screen to move the unwanted shading add a layer mask and fill it with black to erase everything then use a white brush to bring back the shadows and just those areas within the letters the final result is a pretty floral type effect where the letters and flowers are intertwined if you enjoyed the tutorial entering new tips a like on the video would be really appreciated to help spread the word subscribe to my channel to see more of my content and head over to spooned out graphics to download all my free design resources as always thank you very much for watching and I'll see you in the next one

Be the first to comment

Leave a Reply

Your email address will not be published.


This site uses Akismet to reduce spam. Learn how your comment data is processed.