(( درس تصميم باترن في الفوتوشوب ))

[عبدالمحسن الشراري]

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته!

أخواني وأخواتي

أولا وقبل الدرس؟

ما هو (( الباترن - Patterns ))

الباترن هو:

تأثير رائع وذو لمسات مميزة على التصميم..

ويعتبر من اساسيات برنامج "الفوتوشوب" لذلك!

سأحاول... شرح طريقة تصميمه.. حسب رغبة

المصمم.. أي باختصار؟

(( وداعاً.. لجمع الباترن من الانترنت ))


....


ان شاء الله الدرس.. حلو ومرتب وخفيف يالغالين!

بسم الله نبدأ...


:::: بداية الدرس :::::



أول شي؟ نقوم بفتح "عمل جديد" .. كما في الصورة التالية:


http://asaaayl.com/up/ar/Patterns-1.gif



1- File "ملف".

2- New "جديد".


.....


الان.. نقوم باعدادات العمل الجديد.. كما في الصورة التالية:


http://asaaayl.com/up/ar/Patterns-2.gif



3- Name "اسم العمل".

4- Width "العرض" بقياس البيكسل.

5- Height "الطول أو الارتفاع" بقياس البيكسل.

6- White "خلفية العمل بيضاء".

بعد هذه الخطوات.. نضغط على "OK".



.......



الان.. من قائمة الادوات؟ نختار أداة "التكبير والتصغير"

كما في الصورة التالية:


http://asaaayl.com/up/ar/Patterns-3.gif


7- نختار أداة التكبير.. التي بجانب الرقم "7".



......



نكبّر العمل الى آخر نقطة ممكنه للتكبير..

كما في الصورة التالية:


http://asaaayl.com/up/ar/Patterns-4.gif


8- المساحه بعد التكبير.



......



نعود الان.. الى قائمة الادوات؟ ومن ثم.. نقوم باختيار

أداة "القلم" كما في الصورة التالية:


http://asaaayl.com/up/ar/Patterns-5.gif


9- أداة القلم.. كما هي بجانب الرقم "9" تماماً.



.......



الان نرسم الشكل اللذي نريد.. او نرغب به!

كما هو في (( اللون الاسود )) في الصورة التالية:


http://asaaayl.com/up/ar/Patterns-6.gif


10- كما تشاهدون باللون الاسود.. رسمنا شكل بسيط وعفوي.



......



الان نقوم بحفظ العمل الى "باترن" كما هي الطريقة

في الصورة التالية:


http://asaaayl.com/up/ar/Patterns-7.gif


11- Edit "تحرير".

12- Define Pattern "اضافة الحشو".



.....


الان.. علينا اضافة "تسمية" للباترن أو الحشو..

كما في الصورة التالية:


http://asaaayl.com/up/ar/Patterns-8.gif


13- Name "الاسم"... باترن - 1 ومن ثم "OK".


...........


نفتح أو نحضر الصورة التي نريد تطبيق الباترن عليها..

او نريد استعماله عليها.. سنلاحظ....

عدم تفعيل اضافات "الزر F" كما نلاحظ ايضاً..

وجود "رمز قفل" في "اللير" المعروض في الطبقات..

كما هو مشار اليه بالسهم الاحمر في الصورة التالية:



http://asaaayl.com/up/ar/Patterns-9.gif


14- نضغط على "رمز القفل" دبل كلك.. اي ضغطتان سريعتان متتاليتان.



.....



ستظهر لنا "نافذه صغيره" كما في الصورة التالية:


http://asaaayl.com/up/ar/Patterns-10.gif



15- نضغط على "زر OK " دون تغيير اي شئ.




.....



نلاحظ الان.. اختفاء "رمز القفل" كذلك..

تنشيط "زر F " في أقصى قائمة الليرات

في اسفل اليسار.. كما هو موضح في الصورة التالية:



http://asaaayl.com/up/ar/Patterns-11.gif


16- تم اختفاء "رمز القفل" و تنشيط "زر F "الان..



.......




الان نريد اضافة الباترن.. الى التصميم..

لاحظ الخطوات في الصورة التالية:


http://asaaayl.com/up/ar/Patterns-12.gif


F- نضغط على "زر F " المشار اليه بالسهم الاحمر.

17- نضغط على.. أو نختار "Pattern Overlay".



............



الان.. نتحكم بشكل ووضوح ومقاس الباترن..

كما في الصورة التالية:



http://asaaayl.com/up/ar/Patterns-13.gif


18- نضغط على السهم تحت الرقم "18" ليعرض لنا الباترن المتوفر.

19- نقوم باختيار "الباترن" اللذي قمنا بتصميمه.. وتمت اضافته مؤخراً.


...........



نقوم الان.. تحرير الخيارات.. كما يناسبنا..

أو كما يناسب التصميم.. كما في الصورة التالية:



http://asaaayl.com/up/ar/Patterns-14.gif


20- من قائمة "Blend Mode" نختار "Overlay".

واخيراً نضغط على زر "OK".



............


الان... اليكم الصورة بعد التعديل عليها؟


http://asaaayl.com/up/ar/Patterns-2007.gif

..

http://asaaayl.com/up/ar/Patterns-2008.gif


:::::: انتهى الدرس :::::::




الان اليكم عدد من التطبيقات.. بشكل آخر:



http://asaaayl.com/up/ar/Patterns-16.gif


http://asaaayl.com/up/ar/Patterns-17.gif


http://asaaayl.com/up/ar/Patterns-18.gif


http://asaaayl.com/up/ar/Patterns-19.gif


http://asaaayl.com/up/ar/Patterns-20.gif



::::::::::::::::::::::::::::::::



أتمنى ان يكون الدرس.. رائع ومفيد..

كذلك أتمنى ان يكون الشرح مبسط ومفهوم للجميع..


تقبلوا فائق احترامي وتقديري لكم جميعاً...

ودمتم بودّ.. الى الأبدّ!...

والى اللقاء.. في الدرس القادم..


(( ان شاء الله تعالى ))





....

[حــرب]

الاخ : عبدالمحسن الشراري

يعطيك الف عافيه...شرح وافى وواضح جداً........

تقديري واحترامى

اخوك : حــرب

[قلوب الشوق]

خيو

عبدالمحسن الشراري

التميز والأبداع دائما هما ع ــنوانكـ

شرح رائع وواضح ج ــدا

وهذا هو تطبيقي :

http://www.ksh5a.net/upload/dohahost_25446867.gif

ونلتقي بود

[الورده الحمراء]

عبد المحسن

ربى يعطيك الف عاافيه

على هذااا الشرح الواااضح

لاحرمناا الله جديدك

دمتـ بحفظ الرحمن

[ksa girl]

عبد المحسن

يعطيك العافيه اخوي

[(شموخـّ أنـ[ـثـ]ـى!!)]

رووووووووووووعة

عبد المحسن شرح وافي

وجميل يعطيك الف عااااااااافية علية