Photoshop Tutorials 02 : CREATING A LOGO REFLECTION

Posted by Eshark on Sep 28th, 2007

00.jpg

Hi there.. Welcome again! When you say about music on Mac, everybody will think about iTunes. If you are familiar with iTunes, then you should already knew with this kind of feature where you can view the Music album by scrolling side by side while see the reflections on the lower part. On this tutorial, I’ll share with you guys the same idea on how to create a something like water or mirror reflections of your logo. For this tutorial, I’ll be using my own Eshark Design.

012.jpg

STEP 1 : Open your Logo in a new layer (click the ‘create a new layer’ button on the Layers pallete) and fill the background with Gradient Overlay, any color would do as long as the upper part is lighter while lower part much darker.

a.jpg

STEP 2 : To apply Gradient Overlay for your background, simply click the ‘Add a layer style’ icon on the far left lower part of your Layers pallete (Click Mac: Apple+F7 / PC: Ctrl+F7).

b.jpg

STEP 3 : Click right on the Gradient color swatches and the Gradient Editor will pop up. This where you will choose your gradient color presents you like. For this tutorial, I choose ‘The Moon Bar’ and the roughness is set to 35%.

Tip : set the percentage for Roughness lower for smoother background, set the percentage higher to get the opposite effect.

022.jpg

032.jpg

STEP 4 : Okay! At this point you now have two new layers, one is ‘Logo’ and another one is ‘background’. Next step is to ‘add a layer style’ to the logo which is ‘Outer Glow’. Set the opacity to 50% and for the size is up to you as long it’s not to big. See the effect where the logo has some glow effect from the edges.

052.jpg

STEP 5 : Now, you have to duplicate the Logo to a new layer, to do this.. simply drag the ‘Logo’ layer down to ‘the create a new layer’ button and then name this layer as ‘Reflection’. Of course you cannot see the new Logo since the Logo was overlapping to the old one.

062.jpg

072.jpg

STEP 6 : Next is to drag the new logo which is ‘Reflection’ to the bottom part of the old logo using the ‘Move Tool’ (press v).

Tip : drag while holding Shift key for straight allingment.

Then on the ‘Reflection’ layer selected, go to Edit>Transform>Flip Vertical, this will make the new logo turns the opposite way.. think of a mirror! then you’ll understand.

082.jpg

STEP 7 : Then on the Layers pallete, set the Fill to 20% or less.. and see the effect!091.jpg

102.jpg

STEP 8 : Now, click the Rectangular Marquee Tool (press Shift + M) on the toolbar and make one long oval shape something like this and place it right in between of those two logos. Then go to Select>Inverse, by selecting this, the area that been selected by Rectangular Marquee Tool is been reversed.

11.jpg

12.jpg

STEP 9 : Now your photoshop window will look like something like this. Apply a Feather to the selected area by pressing (Shift+F6) or go to Select>Feather and set the pixels to 15 px.

13.jpg

STEP 10 : Start to press DELETE and you’ll notice the effect… Waalah!!

Keep practicing + play with it! Once you get the rhythms then you’ll become addicted, and once you become addicted to Photoshop.. there’s nothing you CANNOT photoshoped!! He! He! Enjoy everyone….

Here’s another sample for public viewing.. till we meet up next Friday!

14.jpg

6 Responses to “Photoshop Tutorials 02 : CREATING A LOGO REFLECTION”

  1. MyAvatars 0.2
    ethel

    Oooo nice tutorial!
    I would’ve done a different way for the “reflection”, but it produces the same thing. :mrgreen: Thanks for sharing! ;)

  2. MyAvatars 0.2
    Eshark

    No probs! Ya! there’s many ways to apply this kind of reflection effect, depends very much how people understand Photoshop. :)

  3. MyAvatars 0.2
    zeck

    hai….very good tutorial..i learning new thing from u ..any more tutorial i can learn from…u must expert person using photoshop thamks a lot

  4. MyAvatars 0.2
    Eshark

    Hi zeck! No probs! more tutorials are comin, just stay tuned.

    If you got any kind of suggestion/problems on photoshop/illustrator you want to see on this tutorials, do let me know okay! sure I’ll do one for you.. cheers!

  5. MyAvatars 0.2
    frank

    hi i would like 2 know how did u do your header and navigation. can u post something ?

  6. MyAvatars 0.2
    Eshark

    Sure Frank! email me ur contact details and I reply you with the secret recipe.. ;)

Leave a Reply

I'm currently pack with projects, however, please use the Contact form to send all your projects proposals and I'll get intouch with you as soon as I possibly can!

Recent Posts

Categories

Archives

Blogroll

Meta:

 

PestaKaamatan2008__8336PestaKaamatan2008__9745PestaKaamatan2008_9747PestaKaamatan2008_9387PestaKaamatan2008_9367PestaKaamatan2008_9350PestaKaamatan2008_9348PestaKaamatan2008_9310PestaKaamatan2008_9223PestaKaamatan2008_9218PestaKaamatan2008_9205PestaKaamatan2008_9154PestaKaamatan2008_9147PestaKaamatan2008_9117PestaKaamatan2008_9106PestaKaamatan2008_9090PestaKaamatan2008_9075PestaKaamatan2008_9071PestaKaamatan2008_9046PestaKaamatan2008_8337

Crestock Stock Photos

Foxkeh