Reply to thread

Message: <blockquote data-quote="50Cent_SL" data-source="post: 2853391" data-attributes="member: 123550">Recreate the ‘Bee Movie’ Text Effect<a href="http://www.photoshopstar.com/text/recreate-the-bee-movie-text-effect/" target="_blank">Recreate the ‘Bee Movie’ Text Effect</a>             In this quick Photoshop tutorial we’ll be recreating the ‘Bee movie’ text effect, you know, the one you’ve seen all over the place over the last few months? <img src="http://www.photoshopstar.com/wp-includes/images/smilies/icon_razz.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />  You can see what we’ll be designing with this tutorial in the below image. <img src="http://www.photoshopstar.com/wp-content/uploads/2007/12/bee-movie-tutorial.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> You can see the original text over at the <a href="http://www.apple.com/trailers/dreamworks/beemovie/" target="_blank">Apple trailers page</a>. 1. Background Creation Firstly we’re going to make a nice background. Start by creating a new document in Photoshop, all the default settings except dimensions: 600 pixels width, 300 pixels height. <img src="http://www.photoshopstar.com/wp-content/uploads/2007/11/create-document.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /> After making your new document, fill the background layer with black then make a light gradient in a new layer. <img src="http://www.photoshopstar.com/wp-content/uploads/2007/11/light-gradient.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Now you’ve got two layers, the background layer and your gradient layer, change the opacity for your gradient layer to about 5-15%, so that you end up with a very dark background again. <img src="http://www.photoshopstar.com/wp-content/uploads/2007/11/dark-gradient.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Now, you can finish off the background by adding in a screenshot of the Bee movie or like that. For this I went to <a href="http://images.google.com/imghp?tab=wi" target="_blank">Google Images</a> and searched for an extra large picture of ‘bee movie.’ I found <a href="http://media.kino-govno.com/images/beemovie/beemovie_3.jpg" target="_blank">this image</a>. If the that site is down, <a href="http://www.photoshopstar.com/wp-content/uploads/2007/12/beemovie_large.jpg" target="_blank">download here</a>. Copy the image you’ve chosen to your document and resize it to fit. After this, change the layer opacity to around 15-25%, duplicate your screenshot layer and change the layer mode to either Overlay or Soft Light. <img src="http://www.photoshopstar.com/wp-content/uploads/2007/11/screenshot-added.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Now you should have a background like this. Lastly for your background, create a new layer and draw a black to white linear gradient on your canvas, black at the bottom and white at the top, similar to this: <img src="http://www.photoshopstar.com/wp-content/uploads/2007/11/black-to-white.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Change the layer mode for your gradient layer to Multiply and you’ll end up with an effect like this: <img src="http://www.photoshopstar.com/wp-content/uploads/2007/11/gradient-layer-modes.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> What do you think? Well, at least we’re done for the background! <img src="http://www.photoshopstar.com/wp-includes/images/smilies/icon_smile.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />  2. Create Base Text Alright, time to make our base text. What you need here is a very,very fat font. Head over to <a href="http://www.dafont.com/" target="_blank">DaFont</a> or <a href="http://www.dafont.com/" target="_blank">UrbanFonts</a> and see if you can find a nice, large sans-serif font. <img src="http://www.photoshopstar.com/wp-content/uploads/2007/11/bee-text-added.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> In the above image I’ve used a font called Frutiger 95, which is sadly a commercial font. Feel free to try a different font such as Arial Black, or you know, buy or ‘get’ a nice font from somewhere. <img src="http://www.photoshopstar.com/wp-includes/images/smilies/icon_wink.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />  Note: Since we’re working in a fairly large document size, you will want to use a large text size, around 150 pt or whatever suites the document size. 3. Apply Layer Styles to Text Now, to make our text look like the real thing, we’ll add some layer styles. <ol> <li data-xf-list-type="ol"><a href="http://www.photoshopstar.com/wp-content/uploads/2007/11/drop-shadow-11.gif" target="_blank">Drop Shadow</a></li> <li data-xf-list-type="ol"><a href="http://www.photoshopstar.com/wp-content/uploads/2007/11/inner-shadow-1.gif" target="_blank">Inner Shadow</a></li> <li data-xf-list-type="ol"><a href="http://www.photoshopstar.com/wp-content/uploads/2007/11/inner-glow-11.gif" target="_blank">Inner Glow</a></li> <li data-xf-list-type="ol"><a href="http://www.photoshopstar.com/wp-content/uploads/2007/11/bevel-emboss-1.gif" target="_blank">Bevel and Emboss</a></li> <li data-xf-list-type="ol"><a href="http://www.photoshopstar.com/wp-content/uploads/2007/11/bevel-contour-1.gif" target="_blank">Bevel and Emboss — Contour</a></li> <li data-xf-list-type="ol"><a href="http://www.photoshopstar.com/wp-content/uploads/2007/11/gradient-overlay-1.gif" target="_blank">Gradient Overlay</a></li> </ol>Colors used were: <ol> <li data-xf-list-type="ol">Inner Glow: #7f7f51.</li> <li data-xf-list-type="ol">Gradient Overlay: #f86503 and #fbe432.</li> </ol>And now we have something like this: <img src="http://www.photoshopstar.com/wp-content/uploads/2007/11/layer-styles-applied.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Looks pretty much finished already, huh? <img src="http://www.photoshopstar.com/wp-includes/images/smilies/icon_smile.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />  Please note: The layer styles depend on what size your text is, the size of the bevel may need to be adjusted for smaller or bigger text, please remember this. 4. Small ‘Movie’ Text The last thing we really need to do is add ‘Movie’ underneath the main text, but in a smaller font size. You can simply duplicate your main text here, size it down and change the letters, but the layer styles will actually need a little tweaking. After duplicating your main text and changing what needs to be changed, position your text accordingly, like mine: <img src="http://www.photoshopstar.com/wp-content/uploads/2007/12/movie-text-moved.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> Now, apply/edit the following layer styles/settings: <ol> <li data-xf-list-type="ol"><a href="http://www.photoshopstar.com/wp-content/uploads/2007/12/drop-shadow-2.gif" target="_blank">Drop Shadow</a></li> <li data-xf-list-type="ol"><a href="http://www.photoshopstar.com/wp-content/uploads/2007/12/inner-shadow-2.gif" target="_blank">Inner Shadow</a></li> <li data-xf-list-type="ol"><a href="http://www.photoshopstar.com/wp-content/uploads/2007/12/inner-glow-2.gif" target="_blank">Inner Glow</a></li> <li data-xf-list-type="ol"><a href="http://www.photoshopstar.com/wp-content/uploads/2007/12/bevel-emboss-2.gif" target="_blank">Bevel and Emboss</a></li> <li data-xf-list-type="ol"><a href="http://www.photoshopstar.com/wp-content/uploads/2007/12/bevel-contour-2.gif" target="_blank">Bevel and Emboss — Contour</a></li> <li data-xf-list-type="ol"><a href="http://www.photoshopstar.com/wp-content/uploads/2007/12/gradient-overlay-2.gif" target="_blank">Gradient Overlay</a></li> </ol>Alright, now, hopefully your text looks something like this: <img src="http://www.photoshopstar.com/wp-content/uploads/2007/12/bee-movie-text.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> If it does, then congratulations! If not, well, you can always download the PSD file for this tutorial and see what went wrong! <img src="http://www.photoshopstar.com/wp-includes/images/smilies/icon_smile.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />  5. Completion This isn’t actually a real step, it’s just letting you know we’re finished and you can also download the PSD file if you like <img src="http://www.photoshopstar.com/wp-includes/images/smilies/icon_wink.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" />  Thanks for reading this tutorial everyone, I hope it was alright by your standards! If you would like, you can download the PSD file from this tutorial from below, for learning purposes only, of course.<a href="http://www.photoshopstar.com/wp-content/uploads/2007/12/bee-movie-psd.zip" target="_blank"><img src="http://www.photoshopstar.com/images/free-psd-download.gif" alt="" class="fr-fic fr-dii fr-draggable " style="" /></a> (1.8mb)</blockquote>

Verification: Hathara warak wissa keeyada? (Hathara wadi karanna 20)

Top Bottom