الــــدرس الثانـــي ( تمــــرير جـــزء من الصورة ) مــدعــم بالصور

[Elham]

http://www.shy22.com/upfiles/AKO39527.jpg (http://www.shy22.com/)
http://dc11.arabsh.com/i/02888/g6q65zr7k4qm.gif

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

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

... الــــدرس الثانــــي ...

( تمــــرير جـــزء من الصورة )

الصـــــــورة قــــبل تنفيــــــذ الدرس ..

http://dc11.arabsh.com/i/02888/fwkmphaisfya.jpg

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

http://dc11.arabsh.com/i/02888/f7pr6s0lomll.gif

الخــطــــــــــــــــوات ..

نفتــــــــح بــــــــرنامج الفـــــــــوتوشوب ..

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

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

مثـــــــــل مالصــورة موضحة ..

http://dc11.arabsh.com/i/02888/5jwtqqm8dknk.jpg

نختار الصورة لي نبي نطبق عليها الدرس

http://dc11.arabsh.com/i/02888/g82lg3isw4vm.jpg

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

http://dc11.arabsh.com/i/02888/z34a3mf4rsxx.jpg

نروح عند قائمة Image نختار منها .. Image size عشان نعرف مقاس

الصورة الي اخترنا نشتغل عليها


http://dc11.arabsh.com/i/02888/ortjwsivsm63.jpg

ظهرت لنا النافذه فيها مقاس الصورة ..

هني الصورة لي انا اخترتها ..

الـ width ( العرض ) مالها = 260

والـ height ( الارتفاع )مالها = 194

خلاص احين عرفنا عرض وارتفاع الصورة لي بنشتغل عليها ..

احين خلاص مانغير شي , نضغط ( × ) او ( OK ) عشان نطلع من النافذة .

http://dc11.arabsh.com/i/02888/hl44vcq92jd2.jpg

هني نروح نختار من قائمة New < ----- File

http://dc11.arabsh.com/i/02888/45cbs76w8v2t.jpg

احين ظهرت لنا نافذة New

لاحظوا بنخلي

الـ width ( العرض ) = قيمة اصغر من قيمة الصورة الاساسية لي اخترنا نشتغل عليها

يعني انا الصورة الي اخترت اشتغل عليه .. كان عرضها 260 مثل ما شفتوا

احين اقلل العرض انا هني خليتها 100

والـ height ( الارتفاع ) = نفس ارتفاع الصورة الاصلية

يعني الارتفاع مال الصورة لي انا اشتغل عليها = 194 وهم احين اخليه 194

نضغط ( OK )

http://dc11.arabsh.com/i/02888/08wiqxobpouo.jpg

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

http://dc11.arabsh.com/i/02888/vwtcbkbad12g.jpg

احين مثل مانتو شايفين الصورة ذي تبين لنا ..

مال مساحة العمل اليديدة ومال الصورة الاصلية ..

http://dc11.arabsh.com/i/02889/unabmz1xf7qg.jpg

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

http://dc08.arabsh.com/i/02888/qpiby5ljgx2o.jpg

احين عقب ما سحبنا الصورة بالسهم صارت جذيه ..

http://dc08.arabsh.com/i/02888/4yilfwvxf8e7.jpg

احين بنحط السهم على الصورة وبنضغطه وبنسحب الصورة الى مساحة العمل

مثل مالصورة موضحة ..

http://dc08.arabsh.com/i/02888/dkrirkcqajwr.jpg

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

http://dc08.arabsh.com/i/02888/iqpk0cnzso67.jpg

مثل مانتو شايفين ظهر لنا شريط الـAnimation تحت ..

ولاحظو فيه فريم ( Frame ) واحد يحتوي على الصورة الي سحبناها في مساحة العمل ..

http://dc08.arabsh.com/i/02888/8qike2imxf5w.jpg

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

http://dc09.arabsh.com/i/02888/zr3sgjvbsaxf.jpg

احين اضاف لنا فريم يديد ولاحظو صاير الفريم الاول والثاني نفس الصورة

http://dc09.arabsh.com/i/02888/3wb8zcw05gkm.jpg

نحدد الفريم الثاني ونحرك الصورة الى الاخر ..

بمعنى انه الفريم الاول الجزء الظاهر من الصورة = بداية الصورة الاصلية من اليسار

والفريم الثاني الجزء الظاهر من الصورة = نهاية الصورة الاصلية من اليسار

http://dc09.arabsh.com/i/02888/qjjq8w5fb72e.jpg

احين نضغط على الشكل لي موضح بالصورة والي اهوا عبارة عن زر الـ (tween) توين

http://dc09.arabsh.com/i/02888/pbmikgrhfwem.jpg

طلعت لنا النافذة مال التوين ..

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

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

http://dc09.arabsh.com/i/02888/f0geiqat6hrl.jpg

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

يعني صار مجموع الفريمات كلها 14 .. 2 الاساسيين و12 الي ضافهم .

http://dc08.arabsh.com/i/02888/41gvx8817i7f.jpg

هالصورة توضح لنا شريط الـ Animation عقب ما اضاف الـ 12 فريمز .

http://dc08.arabsh.com/i/02888/rsox5he1utli.jpg

احين عندنا حالتين ..

- اذا نبي نخلي وقت الانتقال بين الفريمات نفسه ..

نطبق ذي الخطوة

- اما اذا نبي وقت الانتقال بين الفريمات يختلف من فريم الى اخر ..

ما نحتاج نطبق هالخطوة ..

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

لين ما نحددهم كلهم ..

http://dc08.arabsh.com/i/02888/e07d8956nb2d.jpg

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

عليه بعدين نختار select all frames

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

http://dc08.arabsh.com/i/02888/962aq2invgbs.jpg

احين نضغط مثل مانتو شايفين ونحدد المدة الزمنية للانتقال بين الفريمات ..

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

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

واحد بروحه .. غيرته لفريم واحد وتغيرت لهم كلهم ..

http://dc08.arabsh.com/i/02888/cft1y741qwg0.jpg

هني كم مرة تبون الانتقال بين الفريمات يتكرر ..

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

http://dc08.arabsh.com/i/02888/5gu6f7v2yed2.jpg

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

http://dc08.arabsh.com/i/02888/rmz9y5xubykd.jpg

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

http://dc08.arabsh.com/i/02888/oavn3ayden1j.jpg

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

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

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

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

[الـــــــرازم]

جهد تستحقين الشكر عليه

طرح مميز وتوصيل واضحه ودرس طيب

واستفاده ماشاء الله

5 نجوم وختم التميز لهذا المجهود

ابوخليفة

[صمت الأمل]

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


ألف ألف شكر لكـ أخي الهام .


الدرس جدا رائع والشرح بصراحهـ لايعلى عليهـ .:88:


أتوقع لو شفت شرح هالدرس عند شخص آخر ما أفهم لهـ كثير أو أتعب جدا في التطبيق .:p


لكن ما أقول الا اللهـ يجزاكـ ألف خيييييييييير .


الصورهـ الأصليهـ :


http://www.2zoo.org/get-4-2011-2zoo_org_axdsg5nu.jpg (http://www.2zoo.org)


بعد التطبيق :


http://www.2zoo.org/get-4-2011-2zoo_org_urxrhgd2.gif (http://www.2zoo.org)


ياللهـ يا أعضاء نبي نشوف تطبيقكم للدرس .:freind:

[Elham]

جهد تستحقين الشكر عليه

طرح مميز وتوصيل واضحه ودرس طيب

واستفاده ماشاء الله

5 نجوم وختم التميز لهذا المجهود

ابوخليفة

تسلم بوخليــــــفة

ربـــــــي يعطيك العافية على المتابعة المستمرة لجميع الاقسام ..

+ مشكــــــور عـ الختم والتقييم ماقصرت

[Elham]

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


ألف ألف شكر لكـ أخي الهام .


الدرس جدا رائع والشرح بصراحهـ لايعلى عليهـ .:88:


أتوقع لو شفت شرح هالدرس عند شخص آخر ما أفهم لهـ كثير أو أتعب جدا في التطبيق .:p


لكن ما أقول الا اللهـ يجزاكـ ألف خيييييييييير .


الصورهـ الأصليهـ :


http://www.2zoo.org/get-4-2011-2zoo_org_axdsg5nu.jpg (http://www.2zoo.org)


بعد التطبيق :


http://www.2zoo.org/get-4-2011-2zoo_org_urxrhgd2.gif (http://www.2zoo.org)


ياللهـ يا أعضاء نبي نشوف تطبيقكم للدرس .:freind:

ماشاء الله عليـــج اختي صمــت

تطبـــــــيق اكثـــــــر من رائــــــــع

موفقة حبيبتي .. وناطرين باجي الاعضاء

[call of duty 6]

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

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

قبل

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

بعد

http://www.2zoo.org/get-4-2011-2zoo_org_6zka87f0.gif

.. تحياتي ..

:rolleyes:

[soul2006]

إلهام انتي دكتورة فوتوشوب

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



http://www.2zoo.org/get-4-2011-2zoo_org_kjv0n56i.gif


CS4 نفس CS5 يمكن فيه فرق بسيط جدا

بارك الله فيك

[soul2006]

تطبيق آخر

قبل

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


بعد

http://www.2zoo.org/get-4-2011-2zoo_org_5v9668wb.gif

[Elham]

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

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

قبل

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

بعد

http://www.2zoo.org/get-4-2011-2zoo_org_6zka87f0.gif

.. تحياتي ..

:rolleyes:

ماشاء الله تطبيقك رهيب ..

موفق اخوي ..

[Elham]

إلهام انتي دكتورة فوتوشوب

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



http://www.2zoo.org/get-4-2011-2zoo_org_kjv0n56i.gif


CS4 نفس CS5 يمكن فيه فرق بسيط جدا

بارك الله فيك

ههه تسلم اخوي ..

وان شاء الله اشوفكم كلكم دكاترة في الفوتو على نهاية الدورة ...

وتطبيقك اكثر من رائع

تطبيق آخر

قبل

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


بعد

http://www.2zoo.org/get-4-2011-2zoo_org_5v9668wb.gif

ماشاء الله .. شكلك تحمست مع الدرس ..

تطبيق جميل موفق اخوي

[مربية قطط]

يسلمووو الهام عالدرس عاد انا طبقت بس احس انها مو عدله وانتي احكمي اذا عدله او لا :D


http://www.2zoo.org/get-5-2011-2zoo_org_bapl1tmh.jpg


http://www.2zoo.org/get-5-2011-2zoo_org_rrhfv9ir.gif

[Elham]

يسلمووو الهام عالدرس عاد انا طبقت بس احس انها مو عدله وانتي احكمي اذا عدله او لا :D


http://www.2zoo.org/get-5-2011-2zoo_org_bapl1tmh.jpg


http://www.2zoo.org/get-5-2011-2zoo_org_rrhfv9ir.gif


لا ماشاء الله عليج .. بدعتي ..

تطبيقج 100% ..

وصورة القطوة كيوت ..

موفقة يالغـــــــلا

[Mr,majed]

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

الأستاذة الفاظله / Elham
بارك الله فيكِ على مجهودك الجميل وشرحك الطيب

تطبيقي

قبل

http://im3.gulfup.com/2011-05-04/1304519541862.jpg

بعد

http://im3.gulfup.com/2011-05-04/1304519541261.gif

وان شاء الله يطلع التطبيق صحيح

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

[Elham]

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

الأستاذة الفاظله / Elham
بارك الله فيكِ على مجهودك الجميل وشرحك الطيب

تطبيقي

قبل

http://im3.gulfup.com/2011-05-04/1304519541862.jpg

بعد

http://im3.gulfup.com/2011-05-04/1304519541261.gif

وان شاء الله يطلع التطبيق صحيح

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


ماشاء الله عليك ..

تطبيق اكثر من رائع ..

ناطرة تطبيقك لباجي الادروس ..

موفق اخوي

[oonaa]

كل موضوع لكـ احلى من الثـآني

ما ننحرم يا رب ~

اختكـ ~

[Elham]

كل موضوع لكـ احلى من الثـآني

ما ننحرم يا رب ~

اختكـ ~

وانت كل رد لج احلى من الثاني ..

منورة يالغلا = )

[ملكة الوفاء]

مشكوره

لإيوجد تطبيق ماعندي فوتو

الله يسعدج يأرب

[افريكانو 7]

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

[LiLi]

ما شاء الله ما شاء االله

الله يعطيكم العافية يا رب