Tutorial: Apple Style Reflection in Photoshop

[Magnus]

You know the cool interfaces and looks Apple creates in their software and on their web site? It’s often shiny, glossy, has shadows and reflections are everywhere. You can make reflections yourself really easy in applications like KeyNote and Pages just by clicking one button. It’s not quite that easy in Photoshop but we’ll show you how you can create a high-quality reflection in just a few easy steps. We’ll work with a text but the same principle can be applied to a photograph.

?? ??? ??????? ???? ??????? ??? ??? ??????? ? ??? ?????? ???????????. ????* ???? ? ???????? ????? ? ????? ?? ?? ????. ?????? ?? ??????? ????? ?? ??? ??????? ??? KeyNote* ? Pages ????? ???? ??. ????? ??? ???? ??????? ?? ?????? Photoshop ?????? ??? ???? ??? ???? ???????? ????? ?????? ?? ??? ????? ?????. ????? ??? ????? ??? ?? ??? ?? ????? ???? ???? ???? ??????? ??? ?????.

Step 1
Open or create the picture you are going to work with. In our case we start with a bit of white text on a black background. Note that the text and the background are on separate layers.

?????? ??????:
???? ?? ???? ?????? ???? ??? ????? ?????. ?? ??? ?????? ??? ???? ??? ?? ??? ???? ? ????? ?????. ??? ?? ????? ?? ?? ?? ???? ? ??????? ??? ?? ????? ??? ?????? (Layer ) ???????.

Step 2
Select the text layer, and in the drop down menu for the Layers palette select Duplicate Layer to make a copy of it.

?????? ???????:
???? ( Layer )* ????? ?????, ?? ???? ????? (Layer ) ???????? ? ? ??? ???? (Layer Duplicate).

Step 3
Give the duplicate layer a name. I’m going to call it “shuffle reflection” because this layer will be the reflection of the text.

?????? ???????:
???? ??? ?? ???? ???? ?????? ???? ???????, ??? ?????? ??? ( ?????? Shuffle) ?? (Shuffle reflection) ??? ??? ?????( Layer) ??? ???? ?????? ????.

Step 4
Move the “shuffle reflection” text down a bit so it approximately meets up with the bottom of the “shuffle” text.

?????? ???????:
??? ?? ( ?????? Shuffle) ??? ?????? ??? ????? ??? ?????? ?? ???? ?? (Shuffle) ??????.

Step 5

With the “shuffle reflection” layer selected, go to Layer > Rasterize > Type. This turns the reflection text into a graphic. Now you can no longer edit the text.

?????? ???????:
???? ( Layer) ( ?????? Shuffle) ?? ???? ???????? ??? ??? ????? (Layer) ?? (Rasterize) ?? (Type) ??? ?????????? ??? ???? ???? ??? ??????.

Step 6
Still with the “shuffle reflection” layer selected, go to Edit > Transform > Flip Vertical.

?????? ???????:
????? ?? ?????? ( ?????? Shuffle) ?? ???? (Edit) ?? (Transform) ?? (Flip Vertical).

Step 7

Still with the “shuffle reflection” layer selected, click on the Add Layer Mask button in the Layer Palette.

?????? ???????:
????? ?? ?????? ( ?????? Shuffle) ?? ???? ??? ????? ( Layer Palette) ? ???? (Add Layer Mask).

Step 8
You can now notice that the “shuffle reflection” layer has changed its look in the Layers Palette and another icon has appeared next to it, that’s the mask.

?????? ???????:
????? ?? ????? ???? ?? ?????? Shuffle ???? ???? ?? ????? (Layer Palette) ??? ?? ?????? ????? ???? ?????? ???? ??? ??????.

Step 9
Now select the Gradient Tool from the main toolbar.

?????? ???????:
???? ???? ( Gradient) ?? ????? (Tool Bar) ????????.

Step 10
Position the cursor in the reflection and click and drag it down. Release and you’ll see the effect. You will have to try this step a few times to get it right. You can also start dragging outside the reflection text if you want.

?????? ???????:
?? ??? ?????? Cursor ?? ???????? ?? ???? ??? ?????? ?? ???? ??? ?????? ? ??? ??? ?????. ???? ??? ???? ??? ?????? ???? ?????? ??? ???? ??? ???? ??? ?????? ??????, ? ????? ???? ?????? ?????? ???? ???? ??? ????.

Step 11

You can now notice that the mask icon in the Layers Palette has changed to look like a gradient.

?????? ??????? ????:
???? ????? ?? ????? ?? ?????? ?????? ?? ????? ?? ????? ( Layer Palette) ? ????? ???? ??? ?????.

Step 12
Now you can crop, flatten and export the finished picture as desired and use it on the web, or wherever else you want.

?????? ??????? ????:
???? ????? ?? ???? ?? ???? ?????? ??? ??? ? ???????? ??? ?????? ?? ?? ??? ??? ???? ???.

</img> </img> </img> </img> </img>


Headline from Shufflegazine.com

[Magnus]

I guess the Arabic didn't come through at all. Will have to work on that I think.

[Mushroom]

It's a vBulletin problem, IIRC. I have had issues with that before.

[Magnus]

Originally Posted by Mushroom

It's a vBulletin problem, IIRC. I have had issues with that before.

These last few posts in Blog have been automatically imported from the Shufflegazine RSS feed and the Arabic works fine in Wordpress on Shufflegazine - Apple Lifestyle Magazine but apparently not here in vBulletin. That's a shame.