قبل البدء في الدرس أرجو منكم رجاء شخصي إخواني و أخواتي الأعزاء .. ألا تنسوا الدعاء لأخونا وليد البريدي مؤسس الموقع بالرحمه و المغفره ...

و الأن أهلا و سهلا بكم مره أخرى في سلسلة الدروس المترجمه حصريا لبكسل بواسطتي لبكسل

نصيحه أخويه قبل البدء : أثناء متابعتك لخطوات الدرس يجب أن يكون هدفك تعلم أساليب جديده تفيدك في تصاميمك ألأخرى و ليس الوصول لنتيجه مشابهه لما هو مشروح في الدرس فحسب , فالمصمم الناجح هو من يكون متقن للعديد من الأساليب و التقنيات لتخدمه في ظهور كل تصاميمه بأفكار متجدده دوما ..

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




قم بفتح مساحة عمل جديده بالأبعاد 800×600




بإستعمال أداة Ellipse Tool (ذات الاختصار U ) قم بإنشاء شكل دائري كما في الصوره التاليه



سيتم إضافة الـ layer styles التاليه عليها , بالترتيب كما في الصور التاليه








و تكون النتيجه الحاليه لمساحة العمل الخاصه بك كالتالي :






قم الآن بتكرير (Duplicate ) الشكل الدائري السابق

قم بإستعمال الإختصار CTRL+T للنقل الحر , و إستعمال ركن من أركان المربع التي ستظهر ثم إستعمال الإختصار SHIFT+ALT و إسحب لأسفل

قم بالنقر بزر الماوس الأيمن على الطبقه الخاصه بالشكل الجديد من قائمة الإختيارات التي ستظهر قم بإختيار “Clear Layer Styles”




إستعمال الـ layer styles التاليه على الشكل الدائري الجديد








و تكون النتيجه الحاليه لمساحة العمل الخاصه بك هي




الآن و بإستعمال أداة Rectangular Marquee Tool ذات الأختصار (M) , قم بتحديد المنطقه حول الدائره و لونها باللون الأسود



سنستعمل الآن فلتر noise عن طريق الذهاب إلى Filter > Noise > Add Noise



و من ثم الذهاب إلى Filter > Blur > Radial Blur






الان نلغي تنشيط المنطقه المحدده عن طريق إستعمال الإختصار (Ctrl + D) , بعد ذلك قم بوضع الـ blend mode الخاص بالطبقه على “Screen”

نحتاج الآن لقص جزء من المستطيل , لذلك نضع الطبقه الخاصه الألمنيوم في منتصف الدائره كما في الصوره التاليه




نشط الطبقه الخاصه بالشكل الدائري مع النقر على زر CTRl أثناء ذلك

إذهب إلى Layer > Load Selection

بعدها إلى Select > Inverse

ثم إضغط على زر Delete من لوحة المفاتيح




سنستعمل الآن رمز الطاقه الموجود ( إضغط هنا )



و نضعه في منتصف مساحة العمل كما في الصوره التاليه



سنضيف بعض layer styles على هذا الرمز كما في الصور التاليه بالترتيب











يجب أن تكون النتيجه النهائيه لمساحة العمل الخاصه بك هي




الآن نقدر أن نقول أننا أنهينا الزر

في لوحة الطبقات قم بإنشاء مجموعه جديده و أسحب فيها كل الطبقات الموجوده و سمي المجموعه بإسم button

قم بعمل تكرير (Duplicate) للمجموعه

سمي المجموعه الجديده بإسم glow

داخل المجموعه التي أسميناها glow غير الـ layer styles الخاصه برمز القوه إلى الاستايلات الموجوده في الصور التاليه













ستكون النتيجه الحاليه لمساحة العمل الخاصه بك



الآن حان وقت إضافة الحركه و النشاط للتصميم الخاص بنا :d

قم بإخفاء الطبقه التي أسميناها “Glow ” و اترك المجموعه الآخرى ظاهره

إذهب إلى لوحة الرسوم المتحركه أو animation عن طريق الإختصار Window > Animation

إنقر على الركن الأيمن الرمادي المشار إليه بالسهم الاحمر و من القائمه التي ستظهر قم بإختيار Convert To Frame Animation




من القائمه السفليه للرسوم المتحركه إختر الإختيار Duplicate Frame

بالنسبه للإطار الاول سيكون الإطار الخاص بالحاله العاديه للزر و الذي فيه ستكون المجموعه المسماه glow مخفيه

في الإطار الثاني ستكون الحاله هي الحاله التي تكون فيها المجموعه المسماه button مخفيه و المجموعه المسماه glow هي المجموعه الظاهره




الآن قم بتنشيط الإطارين كما في الصوره التاليه عن طريق النقر على الأولى و الضغط في نفس الوقت على زر CTRL ثم النقر على الإطار الثاني

بعد تنشيط الإطارين قم بالنقر على الركن الأيمن الموجود في الأسفل كما تعلمنا و إختار الإختيار Tween



عندما تظهر النافذه الحواريه إختر كما في الصور التاليه




بعد الضغط على OK ستظهر لك خمسة إطارات إضافيه في الأسفل

إذا ضغط على زر Play ستشاهد عرض تجريبي للحركه التي صممناها




بعد تنشيط السبعة إطارات ( كما تعلمنا من قبل )

إضغط على زر التكرير أو (duplicate ) و بعدها يجب أن يكون موجود عندك في الأسفل 14 إطار

إضغط على الركن الأسفل ( كما تعلمنا ) و إختر من القائمه “Reverse Frames”



قبل التجربه النهائيه للحركه

قم بتنشيط ال14 إطار كما تعلمنا ثم إفعل كما في الصوره التاليه






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




إنتهى الدرس بحمد الله

الدرس من إنتاج photoshop-plus.co.uk و ترجمة MonTexo خصيصا لمنتديات بكسل التعليميه