[درس] تصميم صورة شخصيةللمنتديات بلعبة(تيترس)tetris للمحترفين
 

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

أقدم لكم هذا الدرس وهو عن تصميم صورة شخصية للمنتديات مثل لعبة تيترس Tetris ...
الدرس هو على جزئين ...الأول في الفوتوشوبPhotoshop و الثاني في الايمج ريدي ImageReady

أولاً: في الفوتوشوب:
قم بعمل مستندان جديدان الأول بقياس 75 × 75 بيكسل و الثاني بقياس 7 × 7

http://i52.photobucket.com/albums/g6...s-avatar/1.jpg

http://i52.photobucket.com/albums/g6...s-avatar/3.jpg

في المستند الأول ( 75 × 75 ) قم بجعل لون الخلفية أسود

http://i52.photobucket.com/albums/g6...s-avatar/2.jpg

و في الثاني ( 7×7 ) إجعل لونه أصفر

http://i52.photobucket.com/albums/g6...s-avatar/4.jpg

الآن و بواسطة أداة التحريك move tool http://i52.photobucket.com/albums/g6...s-avatar/5.jpg قم بأخذ المربع الصغير (7 × 7 ) و ادخله الى المستند 75 × 75

الآن قم بإنشاء مجلد جديد أو Set

http://i52.photobucket.com/albums/g6...s-avatar/6.jpg

و اعمل للمربع الأصفر duplicate أو نسخ

http://i52.photobucket.com/albums/g6...s-avatar/7.jpg

قم بوضع اللاير المنسوخ داخل المجلد Set1 ثم إبدأ بنسخ اللاير الي داخل المجلد الى أن تحصل على الشكل التالي

http://i52.photobucket.com/albums/g6...s-avatar/8.jpg

الآن قم بالضغط على المجلد ثم إذهب الى Layers --> Merge Layer Set

سوف تحصل على التالي

http://i52.photobucket.com/albums/g6...-avatar/10.jpg

الآن و بنفس الطريقة اعمل مجلد و انسخ لاير المربع الأساسية و ضعها داخله و إبدأ بنسخه و اعمل هذه الأشكال و لا تنسى طبعا أن تدمج كل مجلد ( كل شكل له مجلد )

http://i52.photobucket.com/albums/g6...-avatar/11.jpg

بعد الدمج

http://i52.photobucket.com/albums/g6...-avatar/12.jpg

الآن قم بحذف لاير المربع الصغير لأننا لم نعد بحاجة إليه
الآن إختر أي شكل من الأشكال ثم إذهب الى Image --> Adjustments --> Hue/Saturation أو عبر الضغط على Ctrl + U
قم بتغيير لون كل شكل كما تريد عبر تحريك الـ Hue

http://i52.photobucket.com/albums/g6...-avatar/13.jpg

هذه الألوان التي إخترتها

http://i52.photobucket.com/albums/g6...-avatar/14.jpg

الآن ينبغي علينا ترتيب أشكال اللعبة و سوف أجعل اللعبة في حالة الفوز ...
أولاً الشكل الأخضر سميه رقم 1 و قم بوضعه هنا

http://i52.photobucket.com/albums/g6...-avatar/15.jpg

قم بنسخ Duplicate هذا الشكل (رقم 1) ثم قم بتسميته 2 و قم عبر ctrl + T الى عمل دوران له و ضعه هنا

http://i52.photobucket.com/albums/g6...-avatar/16.jpg

أظهر الشكل الثالث و الرابع و رتبهم مثل التالي

http://i52.photobucket.com/albums/g6...-avatar/17.jpg

قم بنسخ الشكل الرابع أو الأصفر ليصبح الشكل الخامس و عبر Ctrl + T قم بعمل دوران له و و قم بوضعه مثل التالي

http://i52.photobucket.com/albums/g6...-avatar/18.jpg

قم بنسخ الشكل الرابع كمان مرة و سم اللاير المنسوخ 6 و قم بعمل دوران له و ضعه مثل التالي

http://i52.photobucket.com/albums/g6...-avatar/19.jpg

الآن قم باظهار الشكل السابع و هو العامود ثم قم بوضعه كالتالي

http://i52.photobucket.com/albums/g6...-avatar/20.jpg

http://i52.photobucket.com/albums/g6...-avatar/21.jpg

قم بنسخ الشكل السابع و سم الشكل المنسوخ بالثامن مع عمل دوران له و قم بترتيبه كالتالي

http://i52.photobucket.com/albums/g6...-avatar/22.jpg

http://i52.photobucket.com/albums/g6...-avatar/23.jpg

الآن قم بعمل مجلد جديد و ضع كل الأشكال داخله ثم قم عمل duplicate أو نسخ له

http://i52.photobucket.com/albums/g6...-avatar/24.jpg

الآن إذهب الى Layer --> Merge layer set

http://i52.photobucket.com/albums/g6...-avatar/25.jpg

http://i52.photobucket.com/albums/g6...-avatar/26.jpg

قم بتخفيف الطبقة المنسوخة الى 50 % و الهدف من هذه الخطوة أن نعرف موقع كل شكل في الجزء الثاني من الشرح

http://i52.photobucket.com/albums/g6...-avatar/27.jpg

الآن قم بإلغاء العين عن جميع الأشكال ما عدا الشكل رقم

http://i52.photobucket.com/albums/g6...-avatar/28.jpg

و هنا تنتهي مرحلة الفوتوشوب

ثانيا الايمج ريدي Imageready :

انتقل الى الايمج ريدي

وفيه اخرج نافذة Animation

http://i52.photobucket.com/albums/g6...-avatar/30.jpg

قم بحمل الشكل الأول الى الأعلى لكي يختفي الى أن يختفي كليا

http://i52.photobucket.com/albums/g6...-avatar/31.jpg

اعمل Frame جديد

http://i52.photobucket.com/albums/g6...-avatar/32.jpg

الآن ابدأ بالفرايم الجديد باظهار جزء من الشكل

http://i52.photobucket.com/albums/g6...-avatar/33.jpg

ثم في فرايم جديد أنزل الشكل أكثر

http://i52.photobucket.com/albums/g6...-avatar/34.jpg

و استمر في هذا كله الى أن تصل الى المكان الأصلي

http://i52.photobucket.com/albums/g6...-avatar/35.jpg

استمر بهذه الطريقة مع الاشكال الثمانية

الآن قم بإلغاء العين عن اللاير المنسوخ عن المجلد tetris copy

http://i52.photobucket.com/albums/g6...-avatar/36.jpg

عدل وقت كل فرايم Frame الى 0.5 ثانية

http://i52.photobucket.com/albums/g6...-avatar/37.jpg

الآن قم بعمل فرايمات جديدة مرة عين على المجلد tetris و مرة شيلها

http://i52.photobucket.com/albums/g6...-avatar/38.jpg

أخيراً قم بحفظ العمل عبر File ---> Save Optimized أو Ctrl + Alt + S

http://i52.photobucket.com/albums/g6...-avatar/39.jpg

النتيجة :

http://i52.photobucket.com/albums/g6...vatar/End1.gif

للأمانهـ الدرسـ منقووولـ

وهذا تطبيقيـ أنا :

http://www.al-amakn.net/up2/uploads/2271f9e1d2.gif

وأنتظر تطبيقاتكمـ

ودمتمـ بود

ملاحظة : الدرسـ ماهو صعبـ بسـ يحتاجـ تركيز كاااملـ عليهـ