1 1 1 1 1 1 1 1 1 1

-{ tutorial }- نص معدني متآكل !

-{ tutorial }- نص معدني متآكل !

راح نبدأ ان شاء الله سلسلة من الدروس المترجمة .. مو ترجمه حرفيه .. ترجمه تتضمن حاجات اكثر من تكون حرفيه .,
احتاج تقيمون مسألة الترجمه في هالدرس .. هل مستواها احترافي .. او ممتاز .. او جيّد .. او يحتاج لتطوير .,

غير كذا .. نبي نشوف ملاحظات واقتراحات .,
عشان الواحد يعرف اخطاءه .. وياخذ بأكثر من رأي .,

اليوم الدرس ممتع .,
أنا شخصياً حبيته وانا اترجم واطبّق .. حسيت فيه متعه .,
إن شاء الله عمّا قريب راح يكون شرح بالفيديو .,

الدرس عبارة عن عمل نص معدني متآكل بالفوتوشوب .,
أهم شي في التطبيق انكـ تكون مرووووق ع الاخر .. وتجتهد شوي .,

.
.

الخطوة 1 :

في البداية راح نعمل ” نمط = Pattern ” .,

نفتح مستند جديد بمقاس ( 100 بيكسل × 100 بيكسل ) و ” دقة = Resolution ” بمقدار ( 300 pixels/inch ) .,

نحدد لون الخلفيه بالاسود .,

نرسم دائرة بأبعاد ( 24 بيكسل × 24 بيكسل ) ونسحبها اعلى الزاوية اليسرى .. ونضع خطوط ارشادية في وسط الدائرة .,
نكرر ” شفيفة = Layer ” الدائرة ونسحبها اربع خطوات بالاسهم مع استخدام ( shift ) للأسفل .. ونضع خطوط ارشادية في وسط الدائرة .,
نكرر ” شفيفة = Layer ” الدائرة الثانية ونسحبها اربع خطوات بالاسهم مع استخدام ( shift ) لليمين .. ونضع خطوط ارشادية في وسط الدائرة .,
نكرر ” شفيفة = Layer ” الدائرة الثالثة ونسحبها اربع خطوات بالاسهم مع استخدام ( shift ) للأعلى .. ونضع خطوط ارشادية في وسط الدائرة .,
نكرر ” شفيفة = Layer ” الدائرة الرابعة ونسحبها خطوتين بالاسهم مع استخدام ( shift ) لليسار .. وخطوتين للأسفل مع استخدام ( shift ) .,

نحدد مربع مع تقاطع الخطوط الارشادية .. ثم نضغط ” تحرير > تحديد نمط = Edit > Define Pattern ” .,
ونسمي النمط ” الثقوب = Holes ” .,

1

تقدر تقفل المستند بعد كذا .. لان مهمته انتهت ^_^ .,
..

الخطوة 2 :

 

نفتح مستند جديد بمقاس ( 1450 بيكسل × 700 بيكسل ) .. و ” دقة = Resolution ” بمقدار ( 300 pixels/inch ) .. مع التأكد من استخدام ( RGB ) لـ ” نمط الألوان = Color Mode ” .,
نختار ” أداة الكتابة الأفقية = Horizontal Type Tool ” نقدر نستخدم الاختصار ( T ) من لوحة المفاتيح .. ونكتب النص الي نبيه ( أنا كتبت هنا ” PSD ” واخترت هنا نوع الخط : Arial Black .. بمقاس : 116 pt ) .,

2 

..

الخطوة 3 :

 

1 – راح نضيف حد للكلمة .,
من ” الشفائف > اسلوب الشفائف > حد = Layer > Layer Style > Stroke ” .,
نخلي ” الحجم = Size ” بمقدار ( 10 ) .. و ” المركز = Position ” ( بالداخل = Inside ) .. و ” الشفافية = Opacity ” بمقدار ( 100 % ) .. ونختار اللون الأسود .,

2- راح نضيف تعبئة بالنمط الي عملناه اول شي .,
من ” الشفائف > اسلوب الشفائف > تعبئة بالنمط = Layer > Layer Style > Pattern Overlay ” .,
نخلي ” الشفافية = Opacity ” بمقدار ( 100 % ) .. و نختار من  ” النمط = Pattern ” النمط الي عملناه اول شي .. و ” مقياس الرسم  = scale ” بمقدار ( 50 % ) .,

 3

..

الخطوة 4 :

 

نخلي الخلفية غير مرئية ( عن طريق حذف العين من امام الشفيفة ) .. وإضافة ” شفيفة = Layer ” جديدة أعلى الشفائف ونسميها ” 2 Alpha ” .,
نروح لـ ” صورة > طبقة صورة = Image > Apply Image ” .. نحط صح امام ” المقلوب = Invert ” .. ونشيل اي صح ثاني لو كان موجود .,

4

..

الخطوة 5 :

نحدد الشفيفة ” 2 Alpha ” عن طريق الضغط بالسهم على الصورة الصغيره امام الشفيفة مع مفتاح ( Ctrl ) .. ثم نسخ التحديد عن طريق ( Ctrl + C ) .,
في نفس لوحة الشفائف .. شي اسمه ” القنوات = Channel ” نضغط عليه .. ونضيف قناة جديدة مثلها مثل لمن نضيف شفيفة جديدة .. ونلصق التحديد عن طريق ( Ctrl + V ) .,
نضغط على ( Ctrl + D ) لتعطيل التحديد .,

5

..

الخطوة 6 :

نرجع لـ لوحة الشفائف .. ونحذف الشفيفة ” 2 Alpha ” .,
الحين نحدد شفيفة النص ” PSD ” ونعطّل ” التعبئة بالنمط = Pattern Overlay ” .. ونغير لون الخط للون الأبيض .,

6

..

الخطوة 7 :

نتأكد ان الخلفية ما زالت غير مرئية .. ونضيف ” شفيفة = Layer ” جديدة أعلى الشفائف ونسميها ” 2 Alpha ” .,
نروح لـ ” صورة > طبقة صورة = Image > Apply Image ” .. نحذف الصح امام ” المقلوب = Invert ” وموافق .,

7

..

الخطوة 8 :

نحدد الشفيفة ” 2 Alpha ” عن طريق الضغط بالسهم على الصورة الصغيره امام الشفيفة مع مفتاح ( Ctrl ) .. ثم نسخ التحديد عن طريق ( Ctrl + C ) .,
نروح لـ لوحة ” القنوات = Channel ” .. ونضيف قناة جديدة مثلها مثل لمن نضيف شفيفة جديدة .. ونلصق التحديد عن طريق ( Ctrl + V ) .,
ونضغط على الصوره الصغيرة امام قناة ” 1 Alpha ” مع مفتاح ( Ctrl ) لتحديد القناة .,

8

..

الخطوة 9 :

 

نرجع لـ لوحة الشفائف .. ونحذف الشفيفة ” 2 Alpha ” .,
ونضيف شفيفة جديدة بإسم ” Text ” .. ونختار اللون 80% رمادي من لوحة الألوان .. ونضغط ( Alt + Backspace ) لتعبئة التحديد بنفس اللون .,
نضغط على ( Ctrl + D ) لتعطيل التحديد .,

9

..

الخطوة 10 :

نرجّع الخلفية مرئية ونعطيها لون 90% رمادي من لوحة الألوان .. ونخلي ” PSD ” غير مرئية .,

الحين راح نعطي ظل للشفيفة ” Text ” .. من ” الشفائف > اسلوب الشفائف > ظل = Layer > Layer Style > Drop Shadow ” .,
نخلي ” الزاوية = Angle ” بمقدار ( 120 درجة ) .. و ” المسافة = Distance ” بمقدار ( 16 بيكسل ) .. و ” الانتشار = Spread ” بمقدار ( 30 % ) .. و ” الحجم = Size ” بمقدار ( 15 بيكسل ) .,

وراح نعطيها تعبئة بالنمط .. عن طريق ” الشفائف > اسلوب الشفائف > تعبئة بالنمط = Layer > Layer Style > Pattern Overlay ” .,
نختار ( Soft Light ) من ” نمط المزيج = Blend Mode “  .. و” الشفافية = Opacity ” بمقدار ( 100 % ) .. و نختار ( نمط الرخام الاسود = Black Marble )** من ” النمط = Pattern ” .. و ” مقياس الرسم  = scale ” بمقدار ( 100 % ) .,

10

..

الخطوة 11 :

 

نكرر الشفيفة ” Text ” عن طريق ( Ctrl + J ) .. ونعيد تسميتها إلى ” Paint ” .. نحذف الظل والتعبئة عن طريق سحب الآثار لسلة المهملات .. كما هو مبين في الصورة .,

11

..

الخطوة 12 :

 

نروح لـ لوحة ” القنوات = Channel ” .. ونضيف قناة جديدة .. نختار ” المرشحات > تجسيد > الغيوم = Filter > Render > Clouds ” .,
نختار ” المرشحات > تجسيد > غيوم اخرى = Filter > Render > Difference Clouds ” .. ونكرر هالعملية مرتين عن طريق Ctrl + F .,
نختار ” صورة > إعدادات > المقلوب = Image > Adjustments > Invert ” .,
بعدين نختار ” صورة > إعدادات > المستويات = Image > Adjustments > Levels ” .. ونحط المدخلات 200 , 1 , 255 .,
ونضغط على الصوره الصغيرة امام قناة ” 3 Alpha ” مع مفتاح ( Ctrl ) لتحديد القناة .,

12

..

الخطوة 13 :

نرجع لـ لوحة الشفائف .. ونختار شفيفة ” Paint ” ونضغط على Delete من لوحة المفاتيح لمسح المنطقة المختارة .,
نكرر الشفيفة ” Paint ” .. ونسميها ” Grain ” ونخليها غير مرئية في الوقت الحالي .,
نضغط على ( Ctrl + D ) لتعطيل التحديد .,

13

..

الخطوة 14 :

نرجع للشفيفة ” Paint ” وعمل ” ظل = Drop Shadow ” و ” توهج داخلي = Inner Glow ” و ” تعبئة متدرجة = Gradient Overlay ” .,
بالاعدادات الي بالصورة .,

14

..

الخطوة 15 :

 

نضيف شفيفة جديدة فوق ” Paint ” ونسميها ” Color ” .. نختار آداة التدرج ومن لوحة الألوان نختار ( الأزرق والأحمر والأصفر ) .,
نخلي التعبئة خطية .. ونبدأ نعمل التدرج من أسفل اليمين لأعلى اليسار كما هو مبين في الصورة .. نختار ( Difference ) من ” نمط المزيج = Blend Mode ” للشفيفة نفسها .,
نضغط على Alt وفوق الخط الفاصل بين ” Paint ” و ” Color ” .. عشان نخلي ” Color ” قناع لـ ” Paint ” .,

15

..

الخطوة 16 :

 

نختار شفيفة ” Grain ” .. ونروح إلى ” المرشحات > فني > فيلم الحبوب = Filter > Artistic > Film Grain ” .,
ونخلي ” الحبوب = Grain ” بمقدار ( 10 ) .. و ” تسليط الضوء على المنطقة = Highlight Area ” بمقدار (0) .. و ” الكثافة = Intensity ” بمقدار ( 0 ) .,
ونختار ( Color Dodge ) من ” نمط المزيج = Blend Mode ” للشفيفة نفسها .,

16

..

الخطوة 17 :

 

نحدد الشفيفة ” Text ” عن طريق الضغط بالسهم على الصورة الصغيره امام الشفيفة مع مفتاح ( Ctrl ) .,
نضيف شفيفة جديدة ونسميها ” Highlight ” اعلى الشفائف .,
نختار آداة التحديد الدائري .. ونحرّك التحديد عن طريق الأسهم لليسار خطوة وللأعلى خطوة .. ثم نلونه باللون الابيض .,
نحرّك التحديد مره ثانيه عن طريق الأسهم لليمين خطوة وللأسفل خطوة .. ونضغط على Delete من لوحة المفاتيح لحذف المنطقة المختارة .,
نعمل ” توهج داخلي = Inner Glow ” للشفيفة ” Highlight ” .. بالاعدادات الموضحة في الصورة .,

17

..

الخطوة 18 :

نروح لـ لوحة ” القنوات = Channel ” .. ثم نحدد قناة ” Alpha 2 ” عن طريق الضغط بالسهم على الصورة الصغيره امام الشفيفة مع مفتاح ( Ctrl ) .,
نضيف شفيفة جديدة ونسميها ” Highlight 2 ” اعلى الشفائف .,
نرجع لـ لوحة الشفائف ونحرّك التحديد عن طريق الأسهم لليمين خطوة وللأسفل خطوة .. ثم نلونه باللون الأبيض .,
نحرّك التحديد مره ثانيه عن طريق الأسهم لليسار خطوة وللأعلى خطوة .. ونضغط على Delete من لوحة المفاتيح لحذف المنطقة المختارة .,
نضغط على ( Ctrl + D ) لتعطيل التحديد .,

18

..

الخطوة 19 :

نروح لـ ” المرشحات > الضبابية > التمويه الضبابي = Filter > Blur > Gaussian Blur ” .. ونعطي ” الشعاع = Radius ” مقدار ( 1 ) .,

19

..

الخطوة 20 :

نروح لـ لوحة ” القنوات = Channel ” .. ثم نحدد قناة ” Alpha 2 ” عن طريق الضغط بالسهم على الصورة الصغيره امام الشفيفة مع مفتاح ( Ctrl ) .,
نضيف شفيفة جديدة ونسميها ” Shade ” اعلى الشفائف .,
نختار آداة التحديد الدائري .. ونحرّك التحديد عن طريق الأسهم لليسار خطوتين وللأعلى خطوتين .. ثم نلونه باللون الاسود .,
نحرّك التحديد مره ثانيه عن طريق الأسهم لليمين خطوتين وللأسفل خطوتين .. ونضغط على Delete من لوحة المفاتيح لحذف المنطقة المختارة .,
نضغط على ( Ctrl + D ) لتعطيل التحديد .,

20

..

الخطوة 21 :

نروح لـ ” المرشحات > الضبابية > التمويه الضبابي = Filter > Blur > Gaussian Blur ” .. ونعطي ” الشعاع = Radius ” مقدار ( 1 ) .,

21

..

الخطوة 22 :

نحدد الشفيفة ” PSD ” عن طريق الضغط بالسهم على الصورة الصغيره امام الشفيفة مع مفتاح ( Ctrl ) .. ثم نضيف شفيفة جديدة ونسميها ” Shade 2 ” اعلى الشفائف.,
نلونها باللون الأسود .. ونحرّك التحديد عن طريق الأسهم لليسار خطوتين وللأعلى خطوتين .. ونضغط على Delete من لوحة المفاتيح لحذف المنطقة المختارة .,
نضغط على ( Ctrl + D ) لتعطيل التحديد .,
نروح لـ ” المرشحات > الضبابية > التمويه الضبابي = Filter > Blur > Gaussian Blur ” .. ونعطي ” الشعاع = Radius ” مقدار ( 2 ) .,

22

..

الخطوة 23 :

 

نحدد الشفيفة ” PSD ” عن طريق الضغط بالسهم على الصورة الصغيره امام الشفيفة مع مفتاح ( Ctrl ) .. ثم نضيف شفيفة جديدة ونسميها ” Highlight 3 ” اعلى الشفائف.,
نلونها باللون الأبيض .. ونحرّك التحديد عن طريق الأسهم لليمين خطوتين وللأسفل خطوتين .. ونضغط على Delete من لوحة المفاتيح لحذف المنطقة المختارة .,
نضغط على ( Ctrl + D ) لتعطيل التحديد .,
نروح لـ ” المرشحات > الضبابية > التمويه الضبابي = Filter > Blur > Gaussian Blur ” .. ونعطي ” الشعاع = Radius ” مقدار ( 2 ) .,

23

..

الخطوة 24 :

نضيف شفيفة جديدة فوق شفيفة الخلفية ” Background ” ونسميها ” Texture ” .. نلونها باللون الأسود .,
نروح لـ ” المرشحات > تسجيد > عدسات مضيئة = Filter > Render > Lens Flare ” .. ضبط ” السطوع = Brightness ” بمقدار ( 160 % ) .. ونوع ” عدسة التكبير = Lens Type ” إلى ( 50-300 ملم ) .,
نروح لـ ” المرشحات > تجسيد > غيوم أخرى = Filter > Render > Difference Clouds ” .,
نروح لـ ” صورة > إعدادات > عدم التشبيع = Image > Adjustments > Desaturate ” .,
نروح لـ ” المرشحات > تشويه > الزجاج = Filter > Distort > Glass ” .. ضبط ” التشويه = Distortion ” بمقدار ( 20 ) .. و ” النعومة = Smoothness ” بمقدار ( 2 ) .. و ” التحجيم = Scaling ” بمقدار ( 100 % ) .,
اخيراً .. راح نعطيها ” تعبئة متدرجة = Gradient Overlay ” عن طريق ” الشفائف > اسلوب الشفائف > تعبئة متدرجه = Layer > Layer Style > Gradient Overlay ” .,
نختار ( Multiply ) من ” نمط المزيج = Blend Mode ” .. و ” الشفافية = Opacity ” بمقدار ( 70 % ) .,

24

..

في النهاية نستطيع ان نخرج بأساليب مختلفه .. ونتائج أفضل عن طريق تغيير الألوان واللعب في الخلفيه .,
ولكل واحد اسلوبه الخاص وإبداعه .,

25

.

.

الخطوط الإرشادية
الخطوط الإرشادية هي عبارة عن خطوط أفقية ورأسية يمكنك أن تنشئها لتساعدك في محاذاة الكائنات الرسومية والنصوص على الصورة ولكي تتمكن من إنشاء الخطوط الإرشادية عليك عرض المساطر على إطار الصورة، ولوضع خطوط إرشادية اضغط بزر الماوس على المسطرة الأفقية أو الرأسية واسحب للمنطقة المراد وضع خط إرشادي عندها. وسيظهر خط إرشادي بلون مختلف عن خطوط الشبكة كما حددته من الأمر
 

 

 

Edit º Preferences º Guides&Grid

ملاحظة
لتعديل مكان الخط الإرشادي وجه مؤشر أداة التحديد على الخط وعند تحوله إلى خطين متوازيين اضغط بالماوس مع التحريك للمكان الجديد.
لحذف خط إرشادي قم بسحبه بمؤشر الماوس خارج إطار الصورة وللتخلص من الخطوط الإرشادية استخدم الأمر Clear Guides
 

 

 

View º Clear Guides

لتحكم أدق بموقع الخطوط الإرشادية استخدم الأمر New Guide
 

 

 

View º New Guide

ضع المسافة المراد أن يظهر فيها الخط الإرشادي للخطوط الأفقية أو الإرشادية.

 

 

Edit º Preferences º Units&Rulers
  
.
. 

ان شاء الله ما تخيبوا آمالي .,
واشوف الكل يطبق ان شاء الله .,

واي نقطه مش واضحه أو مش مفهومه .,
لا يتردد بالسؤال عنها .,

ارجوا .. ذكر مصدر الترجمه عند النقل .,
مدونة بعثرة التابعة للمصمم سعد الغامدي .,

الدرس الاساسي

لكم مني احترامي وتقديري .,
ســـ ع ـــد الغامدي .,



× 15 تعليق

Meiro:

بتاريخ 18 أكتوبر 2009 - 8:16 م
1

ماشاء الله

ابداااع بكل معنى الكلمة

بالنسبة للشرح .. يحتاج تبسيط اكثر

يعني في حاجات ما عرفتها

مثل الخطوط الارشادية ^^

آآآآآ بالنسبة للباترن .. هل هو محمل من موقع ولا كيف ؟

ووو اشكرك بعنف

عمر الغامدي ^^

نفر من الأنفار:

بتاريخ 19 أكتوبر 2009 - 4:03 ص
2

خبث1 <<< بعدين أوريك الفيس في المسن

ياااارجل أبدعت و الله…لا تعليق صراحة

ما شاء الله ما شاء الله

………..

عزيزي عمر الغامدي~

أظن الدرس موجهة للفئة المتوسطة بالفوتو..لذلك أشكلت عليك بعض الأمور

و إن حبيت ممكن تضع استفسارك هنا و سنسعد بالإجابة عليه ^^

Sa'ad alGhamdi:

بتاريخ 19 أكتوبر 2009 - 8:52 ص
3

حياك الله اخوي عمر .,

انت عارف انه في شرح من عندي يعني هذا مو طبق الدرس الاصلي .,

الدرس الاصلي ما عنده تفصيل مثل كذا .,
حاط في باله انك انسان عارف الحاجات البسيط هذي .,

فأنا تعبت في الشرح حتى اقدر اوصل كل المعلومات بالشكل الصحيح او البسيط .,

الخطوط الارشادية مو الشي المهم او الكبير الي راح يأثر .. هي مسألة تحديد ووزنيه عشان لمن تاخذ مكان معين تاخذه بشكل موزون .,
راح اسوي لها مقطع بسيط لانه في كثير كلمني عليها .,

قريبا ان شاء الله .,

لكـ مني احترامي وتقدير ي.,
ســـ ع ـــد الغامدي .,

Sa'ad alGhamdi:

بتاريخ 19 أكتوبر 2009 - 8:54 ص
4

يا خبث انت وينك من زمان عنك .,
تسلم لي ع المرور انتظر التطبيق << مافيه فكه .,

لكـ مني احترامي وتقدير ي .,
ســـ ع ـــد الغامدي .,

Meiro:

بتاريخ 19 أكتوبر 2009 - 9:19 م
5

سأنتظرك وكلي شوق

ايدي تحكني ابغا اطبق لووول

الله يسعدك ويحفظك ياارب

^ ^

Sa'ad alGhamdi:

بتاريخ 19 أكتوبر 2009 - 11:20 م
6

تم اضافة شرح للخطوط الارشادية اخر الدرس علّك تراجعها .,

^_^

esma3el:

بتاريخ 20 أكتوبر 2009 - 2:26 م
7

نفسي اعرف كيف دائرة بأبعاد ( 24 بيكسل × 24 بيكسل ) ؟
اللي أعرفه إن الدائرة لها قطر و نصف قطر ؟
إلا إذا لها طريقة معينة الرجاء إخباري بها
وشكرا
:D

Sa'ad alGhamdi:

بتاريخ 20 أكتوبر 2009 - 2:50 م
8

يا فهمان .,
تقدر تراجع الدرس في فور شباب او سما او انشادكم .,

حطيت لك شرح كيفية تغيير ابعاد الدائره .,

لكـ مني احترامي وتقديري .,
ســـ ع ــد الغامدي .,

uzer:

بتاريخ 21 أكتوبر 2009 - 8:40 ص
10

خطيير ..وذوق في اختيار الدرس ياغالي ..

راح اطبق ان شاء الله اذا حصلت وقت ..

شكرأً لك يا قمر ..

smarts-girl:

بتاريخ 28 أكتوبر 2009 - 12:18 م
11

ما شاء الله ..

مشكووووووور ..يعطيك العافية

Abudi h:

بتاريخ 29 أكتوبر 2009 - 3:09 ص
12

يعطيك العافية يا أستاذي ولي عودة إنشاء الله بتطبيق ^^

master:

بتاريخ 9 مارس 2010 - 10:54 م
13

يعطيك العافية اخوي سعد

MR.DESIGN:

بتاريخ 25 مارس 2010 - 2:10 م
14

مآآشآآآء الله مدونة ـة ولـآآآ آرووع ـع ..

ع ـندي ـي طلـ ب ـب آخوي ــي ..

ممكن ـن ..

ممكن ـن تدينآآ الموقع الأجنبي اللي ـي فيه ـه الدروس ـس اللي ـي انت ـت مترجمهآآ ..

ATHEeeER:

بتاريخ 25 يوليو 2010 - 5:56 ص
15

درس جميل .. مفصل :) .. يحمل في خفاياه بعض الخطوات المميزة .. والتي من الممكن استغلالها في أشياء أخرى ..
جزيت خيرا ..
وفقك الله في الدارين ..

أضف تعليق:




جميع الحقوق محفوظة لـ بعثره 2010 ©   l   تصميم: سعد الغامدي   |   هذا الموقع يستخدم ووردبريس