منتديات تو زوو
الصفحة 1 من 3 1 23
عرض 40 مشاركات من هذا الموضوع لكل صفحة

منتديات تو زوو (http://www.2zoo.com/vb/index.php)
-   قسم التصميم والفوتوشوب (http://www.2zoo.com/vb/forumdisplay.php?f=91)
-   -   الــــدرس الثالث ( عمل شريط الـLoading بطريقتين ) مدعم بالصور (http://www.2zoo.com/vb/showthread.php?t=216274)

Elham 25-04-2011 03:04 AM
الــــدرس الثالث ( عمل شريط الـLoading بطريقتين ) مدعم بالصور
 
http://dc12.arabsh.com/i/02905/ewp0lfj4zkoy.png
بســـــــــــم الله الرحمـــــــــن الرحيـــــــــم

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

الــــــــــدرس الثــــــــــالث

عمل شريط الـLoading بطريقتين

النتيجة النهائية بعد تنفيذ الدرس بالطريجة الاولى ..


النتيجة النهائية بعد تنفيد الدرس بالطريجة الثانية ..


في هالموضوع بشرح الطريجة الاولى وفي الدرس

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

خطوات الطريجة الاولى

من قائمة ابـــدء --> Photoshop CS4 ..

نختــــــــار .. new<------- File بالعربي ملف -----> يديد


هني نختار الـ width ( العرض ), و الـ Height ( الارتفاع )


انا هني اخترت العرض 400 و الارتفاع 200


هذي اهي مساحة العمل ظهرت لنا بالمقاسات لي اخترناها


هني على اليمين مثل مانتم شايفين الادوات ..

نختار الاداة المحددة بالصورة ..الي اهي مال الاشكال التلقائية ..


احين لمن ضغظنا عليه شوفوا شنو طلع لنا فوق

مثل مانتم شايفين انا شنو محددة ..

المستطيل الاول لي عـ اليسار .. نختار منه الشكل الي عـ اليسار

والمستطيل الوسطي .. نختار واحد من الاشكال لي جدامكم ..

طبعا على حسب انتم شلون تبون الشريط ..

والمستطيل الاخير الي عـ اليمين نضغط على السهم الصغير .. والصورة لي بعدها بتوضح قصدي



لمن نضغط على السهم بتنسدل لنا قائمة بنختار منها الشكل لي انا محددته ..

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

ومن الداخل موب معبئ يعني فارغ ..


هذه مساحة العمل لي نشتغل عليها وفيها الشكل لي رسمناه من شوي


في شغلة مهمة حيل : احين بعد مانرسم الشكل التلقائي ..

طبعا رح يظهر في طبقة منفصلة .. ومجرد انه نشيل السهم من على الطبقة لي فيها الشكل

ونحدد طبقة غيرها رح يختفي الشكل

فعشان جذيه شنو رح نسوي عشان نحل ذي المشكلة ..

نروح عند الطبقة الي فيها الشكل لي رسمناه ( الي اهوا المستطيل ) ..

حتى لو اختفى موب مشكلة ..

والصورة موضحة اننا محددين الطبقة .


احين بنضغط على الطبقة نفسها دبل كليك .. رح تطلع لنا هالنافذة ..

رحح نحط صح عند الخيار لي انا محددته وبنضغط عليه ..


احين عقب ماضغطنا عليه فتحت لنا النافذة فيها خصائص ..

ممكن احين نغير اللون والحجم ..

انزين لون شنو وحجم شنو ..

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

بنختار هني لون حدوده .. وبنختار حجم الحدود نبيها عريضة لو رفيعة الخ ..


هني ممكن نضغط على هالخيار اذا نبي حدوده ملونة باكثر من لون

يعني بس بهالحالة اذا نبيها باكثر من لون .. اما اذا نبيها لون واحد مايحتاج نضغط ..


احين عقب ماضغطنا طلع لنا هالشكل .. مثل ما الصورة موضحة بنضغط على الشكل ..

وبنختار الالوان لي نبيها ..


انا خليته بلون واحد يعني ماحتجت ذي الخطوة ..

انا اخترت لونه اسود وحجمه 1


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

لي اهي اننا لو حددنا طبقة غير الطبقة لي فيها المستطيل مارح يختفي..

موب مثل قبل لا ننفذ ذي الخطوة كان مجرد نحدد طبقة ثانية غير طبقة المستطيل

يختفي المستطيل ..



احين بنرد نختار الشكل الي شايفينه ..


احين لمن ضغظنا عليه شوفوا شنو طلع لنا فوق

المستطيلات لي بالاحمر الي انا محددتهم ..

المستطيل الاول لي عـ اليسار .. نختار منه الشكل الي عـ اليسار

والمستطيل الوسطي .. نختار الشكل الثاني من اليسار..

والمستطيل الاخير احين اقولكم شنو نختار منه


نختار مثل ما انا موضحة بالصورة .. لاننا احين نبي الشكل يكون معبى من الداخل مو مثل

اول كنا نبيه فارغ ..


احين انا رسمت ذا الشكل داخل المستطيل مثل مالصورة موضحة ..


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


هني نسوي مضاعفة للطبقة .. نضاعف الطبقة 5 مرات ..

يعني بيصير عندنا مثل الشكل الاحمر 6 مرات ..

بعدين بنحركهم وبنخليهم يم بعض ..

يعني لمن نضاعف الطبقة للمرة الاولى ,, بتصير عندنا طبقة يديدة بنروح عندها

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

وبنحرك الشكل وبنخليه يمهم .. لين مايصير عندنا من الشكل الاحمر 6 ومرتبين يم بعض ..

في شغلة احب انبه عليها انه لازم نحدد الطبقة بعدين نحرك الشكل

لانه ماكو شي بيتحرك الا اذا حددنا الطبقة الي اهوا فيها .




هني بنحدد الطبقات بالضغط على CTRL + بنضغط علىى الطبقات بالترتيب ..

ولاحظو الطبقة الي فيها المستطيل الكبير ماحددناها وياهم ..

بس الطبقات لي فيهم المستطيلات الحمر الصغار ..

+ مهم جدا انه تكون الطبقة لي فيها المستطيل الكبير فوق كل الطبقات مثل مالصورة موضحة ..

اذا كانت تحت حددوها وحركوها خلوها تصير فوق كل الطبقات الثانية


احين بنضغط وبنختار مثل مالصورة موضحة .. هالخيار بيسوي لنا دمج للطبقات لي حددناها


هني توضح انه الطبقات لي حددناها كلها صارلها دمج بطبقة وحدة


احين بنضغط دبل كليك على الطبقة نفسها وبنختار Gradient overlay ونحط

يمها صح و نضغط عليها

عقب ماتطلع الخصائص بنختار الالوان الي نبيها ..

طبعا ذي الوان الاشكال الحمراء الصغيرة لي دمجنا طبقاتهم ويا بعض ..

انا هني اخترت احمر وابيض ..


نروح لقائمة Animation <--- Windows


هني بنضغط على الشكل لي جدامكم لي اهوا اضافة فريم


هالصورة توضح انه في الفريم الاول نخلي الي بالشكل لي بالاحمر بالبداية

وبالفريم الثاني نخليه بالنهاية طبعا بنحركه بعد مانحدد الطبقة


هني بنختار الشكل الموضوح بالصورة الي اهوا زر التوين ..

وخبرتكم قبل عنه وفايدته انه يضيف فريمات بالنص بين الفريمين الي عندنا


وهني هالنافذة ظهرت عقب ماخترنا زر التوين


انا اخترت 10 فريمات


هني يوضح الفريمات عقب ماضغطنا اوك


هني اذا تبون تكتبون اي شي .. كتبوه +

ارسمو شكلين تلقائين وعبوهم باللون الابيض وحطوهم على نهاية وبداية الشريط يعني

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


هني تحددون وقت التنقل بين الفريمات ولي متى تبونه يتنقل ..

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


وهني تحفظون الصورة من ..save for web and devices <-- File


تـــــــــــــم بحـــــــــــمدالله

المـــــــــوضــــــــوع من مجهـــــــودي الشخصي ..و اي ســـــــــــؤال انا حاضـــــــرة

فـــــــلا تنسوني من صالح دعــــائكم .

اختـــــكم في الله : الهـــــــــام

صمت الأمل 25-04-2011 04:56 AM
رد: الــــدرس الثالث ( عمل شريط الـLoading بطريقتين ) مدعم بالصور
 
وعليكم السلام ورحمة اللهـ وبركاتهـ .


واللهـ الدرس جدا جدا خطيييييير ورائع ,, وحاولت كم من مرهـ اني أتبعهـ . :12:


لكن للأسف اوقف عند هالنقطهـ :


اقتباس:
احين انا رسمت ذا الشكل داخل المستطيل مثل مالصورة موضحة ..

كيف أرسم الشكل ؟؟ لأنهـ رافض تماما اني استخدم الفرشهـ !! :confused:


http://www.2zoo.org/get-4-2011-2zoo_org_u1xas59f.jpg


واذا مكنتهـ ((على كلامهـ )) اختفى الشكل المربع اللي رسمتهـ !! :eek:


كيف أرسم مربع التحميل بدون هالمشكلهـ ؟؟


ايهـ صحيح ,, انا حملت CS3 لأن CS4 مالقيت لهـ سيريال فعال ,, وهو صالح للإستخدام لمدة شهر وانا ابي شيء يعيش معي فترهـ أطول لين أشتري الـ DVD تبعهـ . :p


لكنهـ ممتاز وبهـ كل اللي مميزات CS4 بالضبط وماواجهت أي مشاكل معهـ . :freind:


بإنتظار مشورتكـ أختي .

Elham 25-04-2011 01:21 PM
رد: الــــدرس الثالث ( عمل شريط الـLoading بطريقتين ) مدعم بالصور
 
اقتباس:
المشاركة الأصلية كتبت بواسطة صمت الأمل (المشاركة 2095898)
وعليكم السلام ورحمة اللهـ وبركاتهـ .


واللهـ الدرس جدا جدا خطيييييير ورائع ,, وحاولت كم من مرهـ اني أتبعهـ . :12:


لكن للأسف اوقف عند هالنقطهـ :





كيف أرسم الشكل ؟؟ لأنهـ رافض تماما اني استخدم الفرشهـ !! :confused:

http://www.2zoo.org/get-4-2011-2zoo_org_u1xas59f.jpg


واذا مكنتهـ ((على كلامهـ )) اختفى الشكل المربع اللي رسمتهـ !! :eek:


كيف أرسم مربع التحميل بدون هالمشكلهـ ؟؟


ايهـ صحيح ,, انا حملت CS3 لأن CS4 مالقيت لهـ سيريال فعال ,, وهو صالح للإستخدام لمدة شهر وانا ابي شيء يعيش معي فترهـ أطول لين أشتري الـ DVD تبعهـ . :p


لكنهـ ممتاز وبهـ كل اللي مميزات CS4 بالضبط وماواجهت أي مشاكل معهـ . :freind:


بإنتظار مشورتكـ أختي .

الفرشة..!.

شدخل الفرشة بالموضوع ..؟..:D

انا مايبت طاري الفرش ..


انزين احين بوضج لج جم شغلة ..

اول شي ..

احين انت اخترتي هالشكل الي بالصورة ماشي..

http://dc17.arabsh.com/i/02905/2rybs2axrfz7.jpg

طلع لج مثل ذي الصورة وانا قلتلكم تختارون الشكل لي على اليسار من المستطيل لي على اليسار ..

ومن المستطيل الوسطي يا تختارون الشكل الاخير الي على اليسار او الي يمه مباشرة ..

ومن المستطيل لي عـ اليمين . . تضغطين على السهم الصغير .. والصورة لي بعدها بتوضح قصدي ..

http://dc17.arabsh.com/i/02905/yjvth8gqeh25.jpg

هذا اهوا السهم الصغير لي انا مؤشرة عليه ومثل مالصورة موضحة لمن نضغط عليه بتنسدل

لنا قائمة بنختار منها الشكل لي انا محددته ..

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

ومن الداخل موب معبئ يعني فارغ ..

http://dc17.arabsh.com/i/02905/mhp2s234anog.jpg

احين في شغلة مهمة حيل : اهي انج احين بعد ماترسمين الشكل التلقائي ..

طبعا رح يظهر في طبقة منفصلة ..

ومجرد انج تشيل السهم من على الطبقة لي فيها الشكل وتحددين طبقة غيرها

رح يختفي الشكل مثل ماصار وياج ..

فعشان جذيه شنو رح نسوي عشان نحل ذي المشكلة ..

مثل ماقلت لكم ..

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

تضغطين على الطبقة دبل كليك .. رح تطلع لج ذي القائمة ..

http://dc17.arabsh.com/i/02906/ol8qg2sed9a9.jpg

رح تحطين صح عند الشكل لي انا حددته بالصورة بالاضافة الا انج بتضغطين عليه ..

عقب ماتضغطين عليه .. رح يفتح لج الخصائص مثل مالصورة موضحة ..

هني بتختارين لون حدود الشكل التلقائي لي رسمتيه لي اهوا المستطيل

وبتختارين حجمه تبينه عريض او رفيع .. بعدين ضغطي اوك

http://dc17.arabsh.com/i/02906/aapqrgfh1xuh.jpg

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

لي اهي انج لو حددتي طبقة غير الطبقة لي فيها المستطيل مارح يختفي..

موب مثل قبل لا ننفذ ذي الخطوة كان مجرد نحدد طبقة ثانية غير طبقة المستطيل يختفيى المستطيل ..

.. احين عشان ماتواجهج مشاكل ضيفي هالخطوة ..

اضافة طبقة يديدة بالضغط على الشكل لي انا موضحته بالصورة ..

http://dc14.arabsh.com/i/02907/k26ihom71td9.jpg

بعدين تبدئين ترسمين المستطيلات الحمر الصغار وتكملين باجي الخطوات عادي ..

ناطرة تطبيقج يالغلا .. واي مشكلة تواجهج لا تترددين ..

وبالنسبة للسيريال نمبر للـ photoshop cs4

في وايد سيريالات .. وترا اهم شغلة في الموضوع انج لمن تيين .. تبين تشتغلين على الفوتوشوب

طفي النت .. وفتحي الفوتوشوب ودخلي السيريال نمبر .. عقب ماينفتح الفوتوشوب

نطري شوي بعدين ردي شغلي النت ..

ولازم كل ماتفتحينه تسوين نفس الطريجة انه النت يكون موب شغال ..

عشان مايطلبج سيريال نمبر يديد ..

يعني تصير دخلتي سيريال نمبر واحد ويمشي وياج .. الا اذا بالغلط يتي وفتحتي الفوتوشوب

والنت شغال .. يصير يطلبج سيريال نمبر يديد ..

وذولي السيريالات لعيونج .. بس قبل لا تجربينهم طفي النت وابدئي جربي .



1329-1343-1486-6065-9891-0685
1329-1432-1490-4368-7664-8670
1329-1623-6240-3656-0876-9877
1329-1063-8500-4830-8248-4389
1329-1416-9632-0852-2836-0368
1329-1804-9795-3510-8344-1189
1329-1407-1021-5684-6494-2132
1329-1660-3885-5823-8110-3956
1329-1278-7368-6794-9109-5923
1329-1260-6057-1294-0776-6809
1329-1990-1622-2283-5591-7587
1329-1253-4119-0472-4349-1474
1329-1585-8176-7554-4259-3658
1329-1421-9838-1478-8135-5587
1329-1584-6408-8381-9061-5676
1329-1690-5319-2144-0562-6843
1329-1100-8137-3182-5840-5794
1329-1257-9160-3434-3135-3442
1329-1192-9209-7749-7240-9229
1329-1013-5537-2061-9024-0314
1329-1968-9921-4493-2532-7992
1329-1211-7046-2373-9443-5980
1329-1936-4351-0804-9247-4195
1329-1038-4933-0683-2453-6651


موفقة حبيبتي ..^^

soul2006 28-04-2011 03:59 PM
رد: الــــدرس الثالث ( عمل شريط الـLoading بطريقتين ) مدعم بالصور
 
صمت الامل دخلي هالرابط
*النسخة العربية [ Adobe PhotoShop CS5 ME ] + تفعيل البرنامج*

ومعذرة منكم اذا القوانين المنتدى لا يسمح ذلك وانا فقط حبيت اساعد

بالنسبة للدرس والله صعب بس بنحاول فيه

لاني استخدم CS5 مختلف عن cs4 شوي

جاري التطبيق

soul2006 28-04-2011 04:11 PM
رد: الــــدرس الثالث ( عمل شريط الـLoading بطريقتين ) مدعم بالصور
 
صعب جدا

ههههههههه

دار رأسي من لاير

http://dc17.arabsh.com/i/02906/z1f5hbmeq2eu.jpg



http://www.2zoo.org/get-4-2011-2zoo_org_ihfugv1c.jpg

Elham 28-04-2011 05:25 PM
رد: الــــدرس الثالث ( عمل شريط الـLoading بطريقتين ) مدعم بالصور
 
الدرس موب صعب .. بس شكله شرحي موب مفهوم ..

لووووووووووووووووووووووووول

عموما بعيد شرحه .. بالفيديو ..

بس ابي افهم ليه نص الصور موب ظاهرة .....!.

soul2006 28-04-2011 06:10 PM
رد: الــــدرس الثالث ( عمل شريط الـLoading بطريقتين ) مدعم بالصور
 
هههه نعم انه شدخل الفرشة هههه انتي خليك مع الدجاج يا صمت (امزح)

درس كثير حلو لازلت احاول

انا احب صور متحركه وايد

وعشان كذا ابى اتعلم من دروسج ولاحظتها كله متحركه

بس اللي مستغرب منه لاير 1 و 2 و 3 و 4 و 5

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


وايضا باللي عندي غير لاحظي الصورة
عندي وايد اشكال عاد اي واحد منهم
http://www.2zoo.org/get-4-2011-2zoo_org_afl2jd5e.jpg

Elham 28-04-2011 06:37 PM
رد: الــــدرس الثالث ( عمل شريط الـLoading بطريقتين ) مدعم بالصور
 
اقتباس:
المشاركة الأصلية كتبت بواسطة soul2006 (المشاركة 2099676)
هههه نعم انه شدخل الفرشة هههه انتي خليك مع الدجاج يا صمت (امزح)

درس كثير حلو لازلت احاول

انا احب صور متحركه وايد

وعشان كذا ابى اتعلم من دروسج ولاحظتها كله متحركه

بس اللي مستغرب منه لاير 1 و 2 و 3 و 4 و 5

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


وايضا باللي عندي غير لاحظي الصورة
عندي وايد اشكال عاد اي واحد منهم
http://www.2zoo.org/get-4-2011-2zoo_org_afl2jd5e.jpg

هلا اخوي ..

اول شغلة الصور موب كلها ظاهرة عشان جذيه في خطوات ناقصة ..

وانا حاجيت الادارة وبيعدلون الصور ..

المهم .. الدرس حده سهل ..

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

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

http://dc371.4shared.com/img/7V8ywAk.../22_online.jpg

من ناحية سالفة الـ لايرز .. ابصراحة مافهمت عليك .. شتقصد بالضبط ..

انت اقرأ الشرح وشوف الصور وطبق نفسه . واي سؤال .. لا تتردد ..


soul2006 28-04-2011 07:27 PM
رد: الــــدرس الثالث ( عمل شريط الـLoading بطريقتين ) مدعم بالصور
 
صرت مزعج هههههه

انا اقصد اني مشيت خطوة بخطوة وتوقفت لما شفت لاير باللي ف شرح

شوفي هذا اللي موجود بالشرح

http://www.2zoo.org/get-4-2011-2zoo_org_28zxn0n2.jpg

وتوقفت انا هنا
http://www.2zoo.org/get-4-2011-2zoo_org_5xrorrvx.jpg


انتي ما شرحتي لنا كيف جات اللايرات



انا اقول يمكن ناقص او المشاركة ما تسمح ترفعي الصور اكثر

يعني الشرح لازم يكون في مشاركتين

لازلت احاول

Elham 28-04-2011 07:41 PM
رد: الــــدرس الثالث ( عمل شريط الـLoading بطريقتين ) مدعم بالصور
 
اقتباس:
المشاركة الأصلية كتبت بواسطة soul2006 (المشاركة 2099769)
صرت مزعج هههههه

انا اقصد اني مشيت خطوة بخطوة وتوقفت لما شفت لاير باللي ف شرح

شوفي هذا اللي موجود بالشرح

http://www.2zoo.org/get-4-2011-2zoo_org_28zxn0n2.jpg

وتوقفت انا هنا
http://www.2zoo.org/get-4-2011-2zoo_org_5xrorrvx.jpg


انتي ما شرحتي لنا كيف جات اللايرات



انا اقول يمكن ناقص او المشاركة ما تسمح ترفعي الصور اكثر

يعني الشرح لازم يكون في مشاركتين

لازلت احاول

اول شغلة ابي اسألك .. سؤال ..؟.

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

الصور بعد تنفيذ الدرس ظاهرة عندك .؟.

عموما انت ماعليك من الـ لايرات ذي ..

انت تابع الشرح وبس اهتم بالـ لايرات لي اييب طاريها ..

لانه انا كنت اشتغل على شرح الدرس + على تطبيق الدرس ..

يعني فاتحة اكثر من مساحة عمل .. فماعليك من عدد الـ لايرات بس تابع الشرح ..

والمهم بالصور الشغلات لي انا محددتها باللون الاحمر .. او الي اييب طارها ..


جميع الأوقات بتوقيت GMT +3. الساعة الآن 01:02 AM.
الصفحة 1 من 3 1 23
عرض 40 مشاركات من هذا الموضوع لكل صفحة

Powered by vBulletin® Version 3.8.8 Alpha 1
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd
الحقوق محفوظة لمنتديات تو زوو