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