Tutorial: Apple Style Reflection in Photoshop

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.

الخطوة الثانية عشرة:
الان يمكنك ان تقطع او تسطح الصورة كما شئت و تستخدمها على الانتر نت او باى شكل ترغب فية.

Note: This article originally appeared in the September 2008 issue of Shufflegazine.