©؛°¨°؛©][مدرسة الفوتوشوب][©؛°¨°؛©

يسلمو ديووو

 

 

و رجعت ...

ها تطبيقي و تطبيق al_hlwa .... لان كومبيوترها تعبان و في اجازة هههههههه





مشكورة على الدرس الكول يا الحبوبة ....

سي يـــــــــــــــــــــــــــــــــــــا

 

 

درس اليوم وااااااااااااااااااايد سهل ...

و تطبيقه اسهل ....

الاطـــــــــــــــــــــــــــار المتموج :::

سنحتاج لصورة من اختيارك ،، وقد اخترت الصورة التالية ..



كما ستحتاج للشكل التالي ..

وسنسميه الشكل المتموج ..


1- قومي بتخزين الشكل المتموج ..

2- افتح صورة الشكل المتموج في الفوتوشوب عن طريق
File >> Open

ثم استحضر الصورة من المكان الذي قمت بتخزينه ..

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



4 - اتجه لقائمة Edit واختر Define Brush



سيظهر لك بوكس آخر .. اضغط على OK



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



قم بفتح الصورة المطلوبة في برنامج الفوتوشوب عن طريق:
File >> Open
ثم استحضر الصورة من المكان الذي قمت بتخزينه ..

شاهد الصورة مع وضع بوكس الليرات



سنرفع علامة القفل لاحقاً .. ولا بأس إن رفعته الآن ..



قم بإضافة لير جديد ..

شاهد وضع بوكس الليرات بعد إضافة لير جديد ..



اضغط على حرف D من لوحة المفاتيح كي تعيد الألوان لأصلها الأبيض والأسود

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

شاهد الصورة


بعد اختيارك لأداة الفرشاة ،، اتجه لمساحة العمل ،، واختر جانباً مناسباً من الصورة كي تصنع له البرواز ..
لاحظ خط الفرشاة على مساحة العمل ،، وهي تمثل الجانب الذي قمت باختياره للتصميم


قم بطبع الفرشاة ،، وستكون النتيجة كالتالي ..


في بوكس الليرات .. لاحظ أن طبعة الفرشاة استقرت على اللير الجديد (Layer 1) ،، وهذا شرط أساسي لتطبيق التصميم ،،

تأكد من تفعيل لير الفرشاة (Layer 1) ثم باستخدام أداة العصا السحرية وفي مساحة العمل قم بتحديد البقعة السوداء .. شاهد الصورة بعد التحديد ،،



والآن قم بتفعيل لير الصورة عن طريق الاتجاه لبوكس الليرات ،، ثم الضغط على لير Background كي يتم تحديده بالأزرق ،، شاهد الصورة ..



لاحظ علامة القفل على اللير علينا رفعه

اتجه لقائمة:
Layer >> New >> Layer From Background
كما في الصورة



سيظهر لك بوكس آخر اضغط على OK



ستلاحظ اختفاء علامة القفل ،، وتغيير اسم اللير من Background إلى Layer0



والآن .. بعد أن رفعنا القفل .. قم بعكس التحديد .. وذلك عن طريق الضغط على Shift + Ctrl + I من لوحة المفاتيح ..



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

شاهد وضع بوكس الليرات مع مساحة العمل بعد تنفيذ هذه الخطوة ..



من بوكس الليرات ،، قم بتفعيل لير الفرشاة (Layer 1) عن طريق الضغط عليه بالماوس ــ الفأرة ــ ثم غير خاصيته من Normal إلى Soft Light

لاحظ الصورة



والنتيجة ..



لمسة أخيرة على لير الفرشاة ونكون قد انتهينا من تصميم الصورة ..

اتجه لقائمة:
Layer >> Layer Style >> Blending Options



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



- اضغط على كلمة Stroke
2- غير الـ Position إلى Inside وهذا الاختيار يحدد وضعية الحدود ،، خارج الصورة ،، أم داخلها أم في الوسط ،، وفي الدرس اخترت داخل الصورة كي تظهر التموجات بشكل واضح ،، وأنت حر في اختيار وضعية أخرى ..
3- اضغط على المربع الملون الذي بجانب كلمة Color ستظهر لك قائمة بالألوان ،،ثم اختر اللون الذي يتلائم مع تصميمك
4 - - بعد الانتهاء من الخطوات الثلاث السابقة .. اضغط على OK

والنتيجة



بإمكانك التوقف هنا ,, وتخزين العمل بصيغة Gif ..

أما إن أردت إضافة نص ما على التصمبم فتابع معي الخطوة الإضافية للدرس

اضغط على Ctrl + E من لوحة المفاتيح لدمج الليرات ،،

ثم اختر أداة المؤشر واتجه بالماوس ــ الفأرة ــ لمساحة العمل ،، وأزح الشكل لليسار ..

والآن اختر أداة الكتابة وأضف النص الذي تريده في أي مكان من جهة اليمين ،، وقت قمت بكتابة اسم الموقع ،،
مع إضافة تأثيرات الـ Blending Options كما في الخطوة السابعة .. ولكن باستخدام تأثيرات مختلفة ،، يمكنك أن تجرب حتى تحصل على الشكل الذي يرضيك ،، تمتع بالمحاولة

وقبل أن نخزن الصورة ،، لاحظ أن لدي مساحة زائدة من الأعلى والأسفل ،، سنقوم بقطع هذه المساحة باستخدام أداة القطع



اتجه لمساحة العمل ،، وحدد المنطقة التي تريدها ..

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

والآن خزن التصميم بصيغة Gif ..

شاهد النتيجة النهائية



و هذي كم من امثلة علىالدرس ...





شكراً على المتابعة ... و اجوف تطبيقاتكم جريب .....

جزاكم الله خيراً



سي يـــــــــــــــــــــــــــــــــا

 

 

هلا يا جماعة ...

بما ان كومبيوتر al_hlwa بعده في اجازة ...

فبحط تطبيقها الي سوته .....



و اتريا تطبيقاتكم جريب ...

و من خاطري حابة اجوفها ....

سي يـــــــــــــــــــــــــــــــــــــــــــــــــ ا

 

 

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

تدرج المربعات

في هذا الدرس ستتعلم كيفية استخدام مهارات الحركة في الإمج ردي ،، طريقة التطبيق سهله جداً ولكنها طويله بعض الشي وتحتاج لتركيز ،، ولكن ما أن تتقنها ستحب الدرس وستبتكر حركات أخرى معتمداً على نفس التقنية ،،


افتح مساحة عمل جديدة عن طريق File >> New



سيظهر لك مساحة العمل بالشكل التالي



استخدم أداة التحديد المربعة ثم قم بتحديد ثلاثة أرباع المساحة ،، وقبل أن تعقد الأمور ،، شاهد الصورة التوضيحية ..



والآن سنقوم بتعبئة المساحة المحددة ،، وفي الدرس سأقوم بتعبئته بالتدرج ،، لذا قم باختيار لونين تفضلهما ،، وهنا قمت باختيار الوون الأخضر الغامق للواجهة ،، واللون الأخضر الفاتح للخلفية ،،


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



ثم طبق التدرج على المنطقة التي قمنا بتحديدها ،



شاهد مساحة العمل بعد تنفيذ التدرج



سننتقل الآن للخطوة الثانية لنكتب على المربع ،، ولكن قبل ذلك قم برفع التحديد عن طريق الضغط على Ctrl + D من لوحة المفاتيح لأننا لم نعد بحاجة إليه ..

والآن قم باختيار أداة الكتابة واكتب النص الذي ترغبه ،، وفي الدرس سأكتب عبارة (سبحان الله والحمد لله)

والنتيجة



اتجه الى اللير الثاني و سوي عليه كليك باليمين



و بيطلع لك بوكس .... و طبيقيه كالاتي ..



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



1- عند الرقم 1 ،، عليك وضع إشارة صح في المربع الصغير الموجود بجانب كلمة Drop Shadow
2- عند الرقم 2 ،، عليك أن تضغط على كلمة Stroke نفسها ــ لاحظ مكان وجود السهم في الصورة ــ ،، وستلاحظ تغير محتوى البوكس بالكامل
3- عند الرقم 3 أدخل رقم (1) في الشريط الأبيض الصغير الموجود على يسار كلمة Size ،، ووبهذه العملية ستحدد حجم الحدود التي ستحيط بالنص ،،
4- لاحظ مكان رقم 4 في الصورة السابقة ،، عليك أن تضغط على المربع الصغير ــ غالباً ما يكون باللون الأحمر ،، ستلاحظ ظهور بوكس الألوان،، اختر منه اللون الذي يعجبك ،، بالنسبة لي اخترت اللون الأخضر الغامق ....
- بعد أن تنهي هذه الخطوات ،، اضغط على OK

لاحظ النتيجة بعد تطبيق العملية السابقة



قبل أن ننتقل للخطوة الثالثة سندمج لير النص مع لير الخلفية الخضراء ،، كي لا تربكنا في الخطوات القادمة ،، لذا قم بالضغط على Ctrl + E من لوحة المفاتيح ..

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

تابع معي ..
المربع الأول ..

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

شاهد وضع بوكس الليرات



ثم اختر أداة التحديد المربعة ،، لكن هذه المرة سنغير خصائصها .. ستجد خصائص الأداة أسفل القائمة الرئيسية ،، لاحظ الصورة




تابعوا معاي ....

سي يـــــــــــــــــــــــــــــــــــــــــــا

 

 

تابع معي الصورة من اليسار ،،
تلاحظ وجود المربع الأحمر على المربع الصغير ،، عليك ان تضغط هنا بالفأرة ــ الماوس ــ
عند كلمة Style عليك ان تغير الخاصية من Normal إلى Fixed Size ،، بعد أن تغير الخاصية ستلاحظ تفعيل المربعين الأخيرين ،، Width و Height ،، عليك ان تدخل رقم 15 px في كلاهما ،،

والآن اتجه لمساحة العمل ،، واضغط على يسار مساحة العمل ،،

شاهد الصورة ..



سنقوم الآن بتلوين المربع ،، من قائمة الأدوات اختر اللون المطلوب ،، وقد اخترت درجة الأخضر الغامق مجدداً ،، وبعد ذلك اختر أداة السطل ثم عبيء المربع الصغير باللون الذي اخترته ..



لقد قمت برفع التحديد عن طريق الضغط على Ctrl + D من لوحة المفاتيح ..

وبذلك انتهينا من رسم المربع الأول ..

المربع الثاني ..

أضف لير جديد بنفس الطريقة السابقة ..
شاهد بوكس الليرات بعد إضافة اللير الثاني ..



أعد اختيار أداة التحديد المربعة واضغط فوق المربع الأول ،، وكما نبهت سابقاً ،، ضع الفأرة ــ الماوس ــ في منتصف المربع حتى يظهر لك السهم الأبيض ثم قم بتحريكة للمكان المطلوب فوق المربع الأول مباشرةً ..

ثم اختر لوناً مختلفاً ،، وقد اخترت درجة أفتح من اللون الأخضر
باستخدام أداة السطل قم بتلوين المساحة المحددة ..

شاهد مساحة العمل بعد تلوين المربع ورفع علامة التحديد ..



والآن ،، بعد أن كررت العملية 3 مرات ،، تابع المرة الرابعة والخامسة وحدك بنفس الخطوات ،، ويفترض أن تصل في النهاية للشكل التالي ..

شاهد وضع بوكس الليرات بعد تنفيذ كل المربعات


والنتيجة المطلوبة ..



وبهذه الخطوة نكون قد انتهينا من العمل في الأدوبي فوتوشوب ،، وأصبحنا مستعدين تماماً للانتقال للإمج ردي .. فإلى هناك ..

لانتقال للإمج ردي ..

للانتقال يمكنك استخدام إحدى الطرق التالية:

الطريقة الأولى: File > Jump To > Adobe ImageReady
الطريقة الثانية: Shft + Ctrl + M
الطريقة الثالثة: هو الانتقال للامج ردي عن طريق الرمز الموجود أسفل قائمة الأدوات مثل ما هو موضح في الصورة



سنحتاج لشريط الحركة Animation ،، غالباً ما ستجده بمجرد فتح الإمج ردي ،،

ولكن إن لم يكن موجوداً،،
اذهب للقائمة الرئيسية واختر Window وتأكد من وجود إشارة صح على كلمة Animation

لاحظ الصورة




في الصورة السابقة ــ التي تمثل قائمة Window ــ ،، تأكد من وضع إشارة صح على كلمة Layers أيضاً ،، لأننا سنحتاج له بشكل أساسي في عملنا ،،

أهم العناصر التي سنحتاجها في عملنا في الأدوبي إمج ردي هي شريط الحركة Animation ،، وبوكس الليرات ..

شاهد الوضع في صفحة الإمج ردي



في البداية سنعمل على بوكس الليرات في الإمج ردي،، قم برفع علامة العين من ليرات المربعات كلها ،، فقط أبقي علامة العين على اللير الذي في الأسفل ـ وهي لير الخليفية التي كتبنا عليها ،، واسمه
Layer o ـ

شاهد الصورة ..




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

شاهد شريط الحركة بعد أن قمت بنسخ البرواز ،، ولاحظ مكان وجود مربع النسخ ..



والآن عد مجدداً إلى بوكس الليرات وأعد علامة العين على لير المربع الأول واسمه Layer 1
شاهد الصورة ..



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



مرة أخرى ،، اتجه لبوكس الليرات وأعد علامة العين على لير المربع الثاني واسمه Layer 2



عد مرة أخرى لبوكس الليرات وأعد علامة العين على المربع الثالث واسمه Layer 3 ،، وهكذا

هل استوعبت العملية ،، سهلة للغاية ،، عليك أن تكررها حتى تصل للمربع الخامس Layer 5 ،، وما نفعله هو إضافة كل مربع في برواز جديد ،، كي تبدو المربعات وكأنها تظهر فوق بعضها في خط مستقيم أثناء الحركة ،،

في النهاية سيكون شكل شريط الحركة كالتالي ..




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

لاحظ كيفية اختيار التوقيت ..



ولكي تشاهد الحركة اضغط على رمز التشغيل Play الموجود أسفل شريط الحركة Animation ..

لا تنسى أن تخزن عملك الرائع ،، وذلك في الإمج ردي عن طريق:

File >> Save Optimized As



ثم اختر اسما مناسبا واضغط OK

والنتيجة النهائية



و ها مثال ثاني على الدرس



شكراً على المتابعة
جزاكم الله خير...

و ان شاء الله اجوف تطبيقاتكم جريب .....

سي يـــــــــــــــــــــــــــــــــا

 

 

مشكووورة ديا على الدرس السهل و هذا تطبيقي

 

 

روعة التطبيق يا الغالية ...

وايد حلو ....

تسلمين على المتابعة ..

سي يـــــــــــــــــــــــــــــــــا