درس كيفية انشاء ثأثير 3dعلى النص

هذا البرنامج التعليمي سوف تتعلم كيفية إنشاء تأثير نص أنيق 3D باستخدام أداة بسيطة الشكل أنماط الطبقة ، والمسارات.

Step 1:

Setting Size 

الخطوة 1 : 

تحديد الحجم

انشاء عمل جديد ...انا اخترت هذه المقاسات  I'm choosing a standard desktop resolution of 1280×1024 so this can be used as a wallpaper.

Step 2: الخطوة 2 :

Now press "U" and select the rectangle tool. 

الان اضغط علة حرف u واختر اداة rectangle tool

  Create a rectangle that is the size of the document.

  إنشاء مستطيل وهذا هو حجم المستند.

Name this rectangle layer "Gradient".
   اسم هذه الطبقة المستطيل "Gradient".
Now apply a layer style with a gradient overlay using these colors #af1854 , #f0d6c0 and #ffffff . 
الآن تطبيق نمط طبقة مع تراكب الانحدار باستخدام هذه الألوان # af1854 ، # # ffffff f0d6c0 و.
Be sure the gradient is set to Radial. 
مما لا شك فيه تعيين Radial

Step 3: الخطوة 3 :

Now transform the rectangle named "gradient" and increase it's size from all sides. 

الآن تحويل المستطيل المسمى "gradient" وزيادة حجمه من جميع الجوانب

. The gradient will stretch along with rectangle and the background will look like this:

  وgradient تمتد على طول المستطيل ومع الخلفية سيبدو هذا :

Step 4: الخطوة 4 :

Now click on type tool and write "Think" on a new layer. 

الآن انقر على أداة الكتابة  type tool  واكتب اي شيء تريدة انا كتبت Think" في طبقة جديدة. 

Name this layer "Think". 

اسم هذه الطبقة Think

"". I used Helvetica Neue 75 bold .

  Apply an inner glow with these settings:

  تطبيق توهج داخلي مع هذه الإعدادات :

Blend Mode : Multiply
Color – black اللون -- أسود
Opacity – 8% غموض -- 8 ٪
Size – 13 px حجم -- 13 px
Note: These values may change depending on the size of your font. 

ملاحظة : هذه القيم قد تتغير تبعا لحجم الخط الخاص بك

. Use the image below for reference. 

استخدام الصورة بالأسفل كمرجع.

The text will look like this: 

أما النص تبدو مثل هذا :

Step 5:

Creating 3D Text 

  : إنشاء نص 3D

Duplicate the text layer and position it behind "Think" layer.

انسخ طبقة النص وضعه وراء طبقة  Think"

Name this layer "3D".

  اسم هذه الطبقة 3D"

". To give it a 3D look, we need to extract all the highlighted 3D faces of text . 

لاعطائها نظرة 3D ، نحن بحاجة إلى استخراج كافة 3D أبرز faces من النص.

  Let's start with letter "T".

  لنبدأ مع حرف "T".

Press " U " and create a rectangle of equal width above the letter "T".

  اضغط على " U" ، وإنشاء مستطيل للعرض على قدم المساواة فوق حرف "T

 ". Don't forget to turn on "shape layer". 

لا تنس أن تقوم بدورها على شكل طبقة ""

. Fill this rectangle with any color and give opacity 20%. 

ملء هذا المستطيل مع أي لون وإعطاء التعتيم opacity20 ٪.

Press " A " and select the direct selection tool. 

اضغط على "A" وحدد أداة direct selection tool

ثم قم بتعديل المستطيل الصغير حسب الصورة 

Create other faces shown below using the same process. 

إنشاءfaces shown أخرى التي تظهر أدناه باستخدام نفس العملية.

  Name these T2 and T3.

  اسم هذه T2 و T3.

Step 6: 

Giving Shadows

: إعطاء الظلال

Select the face T1 and change it's color to white

. تحديد وتغيير ال face T1 هو اللون إلى الأبيض. 

Hold Ctrl and click on layer T1 to get selection of layer. 

امسك (اضغط) Ctrl وانقر على طبقة T1 للحصول على اختيار طبقة

. Create a new layer and name it "T1shadow". 

انشاء  طبقة جديدة وتسميته

"T1shadow". Select a brush, and using the color black, hardness 0% and size 50 px

. اختيار فرشاة ، واستخدام اللون الأسود ، وصلابة hardness0 ٪ وحجم 50 

. Drag from left to right to give it depth.

  اسحب من اليسار إلى اليمين لإعطائه العمق.

Step 7:

Repeat step 5 & 6 to the rest of the characters. 

كرر الخطوة 5 و 6 لبقية الاحرف. 

Give shadows to other letters carefully.

 اجعل الظلال على احرف أخرى بعناية. 

If everything is done correctly, the result will look like this. 

إذا كان كل شيء يتم بشكل صحيح ، ستكون النتيجة بهذا الشكل.

You may decide to apply your shadows differently. 

قد تقرر تطبيق الظلال الخاص بشكل مختلف

.I've applied shadows that gives the text a bit of a soft glossy feel. 

لقد طبقت الظلال التي تعطي النص قليلا من يشعر soft glossy

Step 8: 

Select all layers except the background layer, group them and name the group "Think".

  اختيار كل الطبقات ما عدا طبقة الخلفية ، ومنهم مجموعة اسم مجموعة "Think"

". Copy the group and merge all the layers of this group copy. 

نسخة المجموعة ودمج جميع طبقات هذه النسخة مجموعة.

  This layer will be automatically named as "Think"

. وسيتم تسمية هذه الطبقة تلقائيا "Think". 

Duplicate the Think layer and change the blending mode to multiply with

50% opacity. تكرار  طبقة Thinkوتغيير طريقة مزج لمضاعفة مع غموض 50 ٪.

Step 9:  

To create a perfect shadow we need to establish a perspective viewport.

  لإنشاء الظل perfect shadow نحن بحاجة إلى إنشاء perspective viewport

 . Create a new document of size 900 x 600 px

. إنشاء مستند جديد من حجم 900 × 600 بكسل.

  Press ctrl + " to show the grid. Press print screen to copy the entire desktop.

Open new document, paste the image and remove the area without the grid. 

اضغط على ctrl + "لاظهار الشبكة. print screenلنسخ سطح المكتب بأكمله. فتح وثيقة  او عمل جديدة ، ولصق الصورة وإزالة المنطقة دون الشبكة.

Copy this grid and paste it in our work document.

  نسخ هذه الشبكة ولصقها في الوثيقة التي عملناها 

. Change it's blending mode to multiply to see through it.

  تغيير طريقة multiplyانها لمضاعفة لنرى من خلال ذلك. 

Transform it to create a plane on which the shadow will fall. 

تحويلها لإنشاءplane الضل الذي سيسقط

Step 10:

Shadowing 

 : تظليل

Duplicate the Think layer and fill it with black. 

تكرار  طبقة Thinkوملء مع السود.

  Transform it to make it fall onto our grid. 

تحويلها لجعلها تقع على الشبكة لدينا.

Fill in empty spaces where we added extra faces on our characters with black and merge them with the think shadow layer.

  ملء المساحات الفارغة حيث أضفنا extra faces على الاحرف مع الأسود ودمجها مع  طبقةthink shadow layer

 . Now our shadow will look like this: 

الآن سوف يصبح الظل لدينا بهذا الشكل :

Step 11:

Apply a Gaussain Blur to our shadow layer "think shadow" and change it's blending mode to multiply

. تطبيق Gaussain Blur لدينا طبقة الظل ""think shadow ، وتغييره لطريقة  multiply لتكاثرها. 

Now add a layer mask to the “think shadow” layer to fade out the shadow using a gradient (or use a soft eraser).

  الآن إضافة طبقة layer mask "فيthink shadow" لتتلاشى طبقة think shadow باستخدام التدرج (أو استخدام ممحاة لينة).

Step 12: خطوة 12 :

Looking pretty good!

  تبدو جيدة جدا!

  Now let's add some lighting effects.

  الآن دعونا نضيف بعض آثار الإضاءة.

  Press P to select the pen tool and create a Path like this. 

اضغط على حرف P لتحديد أداة القلم pen tool ، وخلق مسار من هذا القبيل.

Now select a brush of size of 5px with 100% hardness. 

الآن اختيار فرشاة من حجم 5px مع صلابة بنسبة 100 ٪. 

Select White as your foreground color. 

حدد الأبيض واللون الأمامي الخاص بك. 

Select the pen tool again—the path you drew before should still be there

. حدد أداة القلم pen toolمرة أخرى ، المسار الذي رسمته قبل لا يزال ينبغي أن يكون هناك. 

Right click and select "stroke path" tool

 . انقررايت كليك واختر "مسارstroke path tool

 . Select Brush from drop down menu and turn on "stimulate pressure".

  حدد الفرشاة من القائمة المنسدلة وبدوره على ""stimulate pressure

 ". You will get stroke like this: 

سوف تحصل على شكل من هذا القبيل :

Step 13: خطوة 13 :

Name the this stroke layer as "Wave 1" and duplicate the layer.

  اسم هذه الطبقة stroke laye "Wave 1" وتكرارا طبقة. 

Go to filter > Distort > Wave and apply filter with these settings: 

الذهاب الى  filter > Distort > Wave وتطبيق فلتر مع هذه الإعدادات :

This will give an extra wavy look to the stroke. 

وهذا سيعطي نظرة مائج اضافية الى stroke

Step 14:

Create some more waves by following the steps 12 & 13 and arrange them around the text. 

خلق المزيد من موجات باتباع الخطوات 12 و 13 و ترتيبها حول النص

. Apply a light gussian blur to some waves to give them a sense of depth. 

تطبيق  light gussian blur لبعض موجات لمنحهم شعورا من العمق.

  If everything is done correctly then it will look like this:

  إذا كان كل شيء يتم بشكل صحيح بعد ذلك سوف تبدو مثل هذا :

Step 15:

As an optional step, we can add some stars to our text

. وكخطوة اختيارية ، يمكننا أن نضيف بعض النجوم لنصنا. 

Press "U" to select the custom shape tool and select 5 point

star. 

اضغط على  "U"" لتحديد custom shape tool وحدد5 poinنجمة

Make a new document of size 100 x 100 px and make a star with the 5 point star shape. 

تقديم وثيقة جديدة من حجم 100 × 100 بكسل وجعل نجم مع شكل نجمة 5 نقطة.5 poin

Fill it with black and then ctrl + click the same layer to get selection of star

  ملئها مع  أسود ومن ثم ctrl + نفس الطبقة  للحصول على اختيار النجوم.

  Go to Edit > Define Brush Preset, create the brush and name it star brush. 

الذهاب الىEdit > Define Brush Preset ، إنشاء فرشاة وتسميته فرشاة نجمةstar brush.

Step 16: 

Press F5 to access the brush panel and apply these settings: 

اضغط F5 للوصول إلى لوحة فرشاة وتطبيق هذه الإعدادات :

Brush tip shape – spacing 30%
Shape Dynemics – size jitter & angle jitter 100% شكل Dynemics --
Scattering – 578% on both axis
Other Dynemics – opacity 100%. Dynemics

Step 17:

Select this star brush and keep its size to 15 px. 

اختر فرشة النجمة  والحفاظ على حجمها إلى 15  

Set foreground color to " #ff62ad ".

  تعيين اللون الأمامي إلى #ff62ad

Create another path with the pen tool, right click to select "stroke path". 

إنشاء مسار آخر مع أداة  pen tool ، رايت كليك و تحديد "stroke path

  Turn on stimulate pressure and create a wave of stars. 

بدوره على  stimulate pressure وخلق موجة من النجوم. 

Name this new layer something like “Star Wave”

. اسم هذا  الطبقة الجديدة مثل Star Wave

Step 18:  

Now we just need to hide this star wave layer from some places to make it seem as if it is passing through layers. 

ونحن الآن بحاجة فقط لإخفاء هذه الطبقة wave layer من بعض الأماكن لجعله يبدو كما لو أنه يمر من خلال طبقات.

  I prefer to use a mask, and manually filling in the areas I want to hide. 

انا افضل لاستخدام قناع mask، وملء يدويا في المناطق أريد أن تخفيه.

انتهى الدرس ارجو ان تستفيدو منه


هذا تصميم لاسم المدونة 

وهذا ملف مفتوح


http://arabsh.com/ns0ad48u6jle.html