منتديات الأمل - دروس التصميم http://www.alamalnet.com/vb/ لنتبادل هنا خبراتنا في مجال التصميم، ولنبحث عن دروس نطرحها نشرا للفائدة ar Fri, 09 Oct 2026 23:47:17 GMT vBulletin 60 https://vb.alamalnet.com/alamalnet/misc/rss.jpg منتديات الأمل - دروس التصميم http://www.alamalnet.com/vb/ النفس الأخير, أروع خدع الفوتوشوب http://www.alamalnet.com/vb/showthread.php?t=14617&goto=newpost Sun, 09 Sep 2012 20:47:11 GMT
السلام عليكم و رحمة الله و بركاته
اليوم سأقدم لكم شرح بالصوت و الصورة
لخدعة من خدع الفوتوشوب اللامتناهية,
و قد إخترت لكم طريقة تمويهية و من صلب الخيال.
سأترككم تكتشفون ذلك بأنفسكم و فرجة ممتعة
[FLASH=http://www.youtube.com/v/CXbNC6g-0aI?version=3&hl=fr_FR&rel=0]width=640 height=480[/FLASH]
]]> دروس التصميم سفيان القاسمي http://www.alamalnet.com/vb/showthread.php?t=14617 طريقة عمل فرش (أو ختم) شخصي بالفوتوشوب ووضعه على الصور http://www.alamalnet.com/vb/showthread.php?t=14580&goto=newpost Wed, 15 Aug 2012 19:01:59 GMT
السلام عليكم و رحمة الله و بركاته

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

[FLASH=http://www.youtube.com/v/L_2HpmMPo1g?version=3&hl=fr_FR&rel=0]width=400 height=350[/FLASH]
]]> دروس التصميم سفيان القاسمي http://www.alamalnet.com/vb/showthread.php?t=14580 فنون الجليد ...مع الفوتوشوب ... http://www.alamalnet.com/vb/showthread.php?t=12546&goto=newpost Sat, 17 Oct 2009 18:09:29 GMT
السلام عليكم ورحمه الله وبركاته


هذا هو الدرس الرابع لي معكم ....




اتمني ان ينال اعجابكم


للمشاهدة




للتحميل

http://www.mediafire.com/download.php?jywyd23x2zz

اي سؤال او استفسار انا موجوده بإذن الله


في انتظار تطبيقاتكم
]]> دروس التصميم أماني محمد http://www.alamalnet.com/vb/showthread.php?t=12546 فنون الجليتر .... فوتوشوب ... http://www.alamalnet.com/vb/showthread.php?t=12435&goto=newpost Wed, 23 Sep 2009 13:49:07 GMT
السلام عليكم ورحمة الله وبركاته


الدرس الثاني



http://www.mediafire.com/download.php?uhnmwyejmzg




اي سؤال او استفسار انا موجوده بإذن الله


هذا تطبيقي




[BIMG]http://up2.up-images.com/up/uploads2/images/hosting-ca88a1e940.gif[/BIMG]





..... في انتظار التطبيقات .....
 ]]> دروس التصميم أماني محمد http://www.alamalnet.com/vb/showthread.php?t=12435 مطر متحرك ... بالفوتوشوب http://www.alamalnet.com/vb/showthread.php?t=12434&goto=newpost Wed, 23 Sep 2009 13:43:41 GMT




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


http://www.mediafire.com/download.php?m2dzzzktlij




اتمني ان ينال اعجابكم


اي سؤال او استفسار انا موجوده بإذن الله


هذا تطبيقي

[BIMG]http://up2.up-images.com/up/uploads2/images/hosting-b396a9a25f.gif[/BIMG]

انتظر تطبيقاتكم




والسلام ختاااااااااااااااااااااااااااااام

]]> دروس التصميم أماني محمد http://www.alamalnet.com/vb/showthread.php?t=12434 شرح تصميم بخار فنجان قهوة بواسطة برنامج Gimp http://www.alamalnet.com/vb/showthread.php?t=12151&goto=newpost Tue, 18 Aug 2009 11:52:29 GMT
:520va1:
السلام عليكم ورحمة الله تعالى وبركاته
اليوم جئتكم بشرح عمل بخار لكوب من القهوة على برنامج gimp وهو عبارة عن شرح بالفيديو مع العلم أنكم تعلمون ان هذا البرنامج له عدة مزايا عديدة وهو المنافس الفوتوشوب الحالي بدون إطالة في الكلام أترككم مع الشرح :

:WeddingSet1Line2:

الشرح على حساب youtube :

:68188517wu6:

[FLASH=http://www.youtube.com/v/lf1Caiwk-CM&hl=en&fs=1&" type="application/x-shockwave-flash]width=500 height=350[/FLASH]

ولمن أراد تنزيل الشرح على جهازه إليكم الرابط :

:68188517wu6:

:downicon:

تحياتي لكم وإنتظروني في الموضوع القادم إنشاء الله.
]]> دروس التصميم يوسف أيت قدور http://www.alamalnet.com/vb/showthread.php?t=12151 15 صورة مختارة مصممة ببرنامج Gimp مع روابط الدروس لكل تصميم.. http://www.alamalnet.com/vb/showthread.php?t=11915&goto=newpost Mon, 13 Jul 2009 18:45:35 GMT
مرحبا بكم أحبتي الكرام..
في هذا الموضوع حاولت أن أجوب النت لأختار لكم مجموعة من التصاميم المنجزة ببرنامج Gimp والذي يمثل البديل المجاني لبرنامج التصميم Photoshop، ولمن أحب التعرف على برنامج Gimp وكذا تحميله فهذا موضوع لمبدعتنا ايجا حول البرنامج:
:WeddingSet1Line2:
برنامج 2.6 GIMP البديل الرسمي المجاني و المفتوح المصدر لبرنامج Photoshop
:icf-(43):
:WeddingSet1Line2:
لعل من لا يعرف في التصميم غير الفوتوشوب يعتقد بأن كل برنامج تصميم سواه فهو لا يعدو أن يكون برنامجا بسيطا فقط للتصاميم السريعة وغير الاحترافية، أيضا هذه النظرة توجد حتى لمن يعرفون برنامج Gimp باعتباره بديلا للفوتوشوب ولكنهم لم يمنحوه الفرصة بحق حتى يتعرفوا على إمكانياته التي أقر بأنها تضاهي إمكانيات الفوتوشوب بكثير، وهذه النظرة للأسف قد تصادفها في كثير من المواقع والمدونات، وكم قرأت لمصممين عرب يحصرون مجال التصميم في الفوتوشوب، بل حتى إن الفوتوشوب بات عندهم مرادفا للتصميم، وكم استغربت من وجود شركات تطلب مصممين محترفين في الفوتوشوب ومنهم من قد لا يقبل من يعمل على غيره!!
هدفي من موضوعي هذا هو أن أساهم ولو قليلا في تبديد ذلك الرأي القائل باستبداد الفوتوشوب لمجال التصميم الاحترافي ولأصحح الؤية في هذا الباب، ما أمكن، وطبعا الدعوة عامة في هذا المجال إلى كل أمل وزائر للأمل..
الصور والشروحات التي استقيتها لكم هي من مواقع غربية نظرا لكوننا كعرب لازلنا بعد لم نتجاوز ظواهر عدة كثيرة تعيقنا عن الاهتمام بالبرامج الحرة، فمادام المقرصن موجودا فلا وقت لتضييع الوقت في برامج حرة "فقيرة ومعقدة" بنظر البعض..
ونحن إن شاء الله سنعمل معا في منتديات الأمل على توفير الشروحات للبرامج الحرة والمجانية، وشخصيا سأحاول إن شاء الله مراسلة ناشري الدروس الغربية التي تروقني لأستأذنهم في ترجمتها ونشرها مع حفظ حقوقهم طبعا، كما سأجتهد بحول الله في نشر دروس خاصة..
:framerosepj6:
قد أكثرت الكلام، والآن إلى صلب الموضوع:
ملاحظة :
يرجى النقر على الصور لرؤيتها بحجمها الطبيعي.


رابط الدرس:
Gimp Galaxy

:062:

رابط الدرس:
Make Gunge-Vector Style Art

:062:

رابط الدرس:
Gimp Tutorial: Experiment on 3D Text Effect in Gimp


:062:


رابط الدرس:
Mac style Wallpaper


:062:


رابط الدرس:
Cool Circle Light Effect in Gimp


:062:


رابط الدرس:
Splash Screen: Create a colorful stream of light with particles


:062:


رابط الدرس:
Creating Fireball and Explosion effect in Gimp


:062:


رابط الدرس:
SOAP BUBBLE TUTORIAL


:062:



رابط الدرس:
Fractal art with flames and lights using Gimp

:062:


رابط الدرس:
Tutorial: Beautiful Parrot Photo Manipulation in Gimp


:062:



رابط الدرس:
Turning people into stone


:062:

رابط الدرس:
Making empty broken EGG shell in gimp


:062:

رابط الدرس:
Round Web 2.0 Button with a Metal Ring


:062:

رابط الدرس:
Blog Theme Design tutorial


:062:

رابط الدرس:
How To Create Your Own Website Design Using Gimp


:framerosepj6:
أرجو أن تكون هذه الباقة من الروابط قد راقتكم، كما أرجو أن تروقكم فكرة الموضوع..
بالتوفيق للجميع ومني لكم أرق تحية..
]]> دروس التصميم عبد الهادي اطويل http://www.alamalnet.com/vb/showthread.php?t=11915 شرح تصميم نص بتأثير ثلجي ببرنامج gimp http://www.alamalnet.com/vb/showthread.php?t=11907&goto=newpost Sun, 12 Jul 2009 13:26:31 GMT السلام عليكم ورحمة الله وتعالى وبركاته
اليوم عدت وأنا معي شرح لبرنامج gimp المجاني والمنافس لبرنامج photoshop

:520va1:

1- نقوم بعمل جديد :



بالقياسات التالية :



:WeddingSet1Line2:

2- نختار أداة السطل واللون الأسود ونملء مساحة العمل بالأسود :





:WeddingSet1Line2:

3- نختار أداة النص لنكتب الكلمة المناسبة للعمل ونقلب اللون من الأسود إلى الأبيض ونختار الخط المناسب :



:WeddingSet1Line2:

4- نذهب إلى مساحة العمل ونكتب الكلمة المختارة :



:WeddingSet1Line2:

5- ندهب إلى لير الكتابة ونضغط عليه بزر الفأرة الأيمن ونضغط عليه ونختار التالي :



:WeddingSet1Line2:

6- هذه نتيجة عمل تحديد للنص :



:WeddingSet1Line2:

7- ندهب إلى قائمة Filtre ونختار التالي :



:WeddingSet1Line2:

8- تظهر لنا قائمة التالية ونعمل عليها كما هو موضح في الصورة :





:WeddingSet1Line2:

9- نذهب إلى قائمة coulours ونختار التالي :



:WeddingSet1Line2:

10- تظهر لك قائمة ونعمل القياسات الموضحة في الصورة :




:WeddingSet1Line2:

12- ونذهب من جديد إلى قائمة couleurs ونختار الآتي :



12-2-



:WeddingSet1Line2:

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



:WeddingSet1Line2:

14- نتيجة هذا الأخير :



:WeddingSet1Line2:

15-الآن نضيف لير جديد ونقوم بإزاحته إلى الأعلى :



15-2- نختار القياسات الموضحة :



:WeddingSet1Line2:

16- هذه هي عملية الإزاحة إنظروا إلى الصورة



16-2- هذه نتيجة عملية الإزاحة :



:WeddingSet1Line2:

17- إنظروا إلى الصورة و إنتبهوا لعملية جمع اللير معا :



17-2- نتيجة جمع اللير معا :



:WeddingSet1Line2:

18- نذهب إلى قائمة sélection ونختار التالي لكي نلغي عملية التحديد :



:WeddingSet1Line2:

19- ندهب إلى مساحة الأدواة ونختار اداة القلب ونضع لها قيمة 90.00 درجة :



19-2-



19-3-نتيجة عملية قلب النص :



:WeddingSet1Line2:

20- نذهب إلى قائمة فلتر ونختار التالي :



20-2- وتظهر قائمة ونعمل القياسات الموضحة :



:WeddingSet1Line2:

21- الآن نذهب إلى عملية القلب ونضغط عليها ونعمل -90.00 كم هو موضح :



:WeddingSet1Line2:

22- نذهب إلى قائمة couleurs ونختار التالي :



22-2- نختار القياسات التالية من هذه النافدة :



:WeddingSet1Line2:

23- تظهر لك النتيجة الأخيرة :



:520va1:

هذه النتيجة الأخيرة


جميع الحقوق محفوظة لدى منتديات الأمل ..
تحياتي الخالصة .
أنتظر التطبيق .... ]]> دروس التصميم يوسف أيت قدور http://www.alamalnet.com/vb/showthread.php?t=11907 عمل تأثير متحرك على فاصل ثابت http://www.alamalnet.com/vb/showthread.php?t=11284&goto=newpost Thu, 09 Apr 2009 20:30:57 GMT

ملاحظة :
إن برنامج Adobe Photoshop برنامج تجاري وليس مجانيا، ويمكن الحصول عليه أو تحميل نسخة تجريبية منه من خلال موقعه عبر الرابط التالي:
برنامج Adobe Photoshop
:home:
:062:
يمكنك ايجاد بدائل مجانية لهذا البرنامج من خلال تصفح القسم التالي:
قسم برامج التصميم
:icf-(43):

أهلا ومرحبا بكم أخوتي الكرام

:jewlpurpbaruk5:

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

وهذه أمثلة على الدرس اتمنى ان تروق لكم







والآن أترككم مع مشاهدة الفيديو

[FLASH=http://www.youtube.com/v/f1V-5S1qJoM&hl=en&fs=1&rel=0&color1=0x402061&color2=0x 9461ca&border=1]width=500 height=405[/FLASH]

وهذا رابط لمشاهدة وتحميل الفيدو من youtube
:down2uw1:

وهذا مثال للشرح القادم أن شاء الله لادخال الـ gllitter على النص بفكرة سهلة وحصرية




اتمنى أن أكون وفقت في عمل الشرح وفكرة وتنفيذ التصميم

مع تمنياتي لكم بالتوفيق دائما
]]> دروس التصميم عبدالسميع سرحان http://www.alamalnet.com/vb/showthread.php?t=11284 النص اللامع photoshop glitter http://www.alamalnet.com/vb/showthread.php?t=11271&goto=newpost Tue, 07 Apr 2009 16:05:26 GMT

ملاحظة :
إن برنامج Adobe Photoshop برنامج تجاري وليس مجانيا، ويمكن الحصول عليه أو تحميل نسخة تجريبية منه من خلال موقعه عبر الرابط التالي:
برنامج Adobe Photoshop
:home:
:062:
يمكنك ايجاد بدائل مجانية لهذا البرنامج من خلال تصفح القسم التالي:
قسم برامج التصميم
:icf-(43):

مرحبا بكل زوار وأعضاء منتديات الأمل الكرام

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

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

درس استعمال الجليتر

برنامج camstudio

برنامج movi maker

شرح بالصور إدراج فيديو من اليوتيوب


معلومات حول الفيديو
- حفظ الجليتر على الجهاز
- تفكيك الجليتر بفتح الصورة بـ image ready
- الانتقال لـ photoshop
- حفظ كل طبقة كـ pattern
- فتح ملف جديد
- كتابة النص وتحديد حجمه وشكله
- عمل ظل drop shadow
التعبئة pattern overlay
عمل إطار stroke
- ثم مضاعفة اللير واختيار باقي الـ pattern
- الأنتقال لـ image ready
- حفظ العمل وانتهى

مثال على العمل



للأسف ربما يكون التصميم غير جيد ولكن عذرا فهذه بداية وهذا ربما يكون أفضل نوعا ما



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

:down2uw1:
على بركة الله




[FLASH=http://www.youtube.com/v/skk5UtLjCcI&hl=en&fs=1&rel=0&color1=0x402061&color 2=0x9461ca&border=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="405"]width=500 height=405[/FLASH]

وهذا الرابط

للمشاهدة بملىء الشاشة
:down2uw1:

بانتظار ملاحظاتكم وإرشاداتكم

تحياتي وتقديري
]]> دروس التصميم عبدالسميع سرحان http://www.alamalnet.com/vb/showthread.php?t=11271 درس استعمال الجليتر http://www.alamalnet.com/vb/showthread.php?t=10945&goto=newpost Sat, 14 Feb 2009 19:57:33 GMT
ملاحظة :
إن برنامج Adobe Photoshop برنامج تجاري وليس مجانيا، ويمكن الحصول عليه أو تحميل نسخة تجريبية منه من خلال موقعه عبر الرابط التالي:
برنامج Adobe Photoshop
:home:
:062:
يمكنك ايجاد بدائل مجانية لهذا البرنامج من خلال تصفح القسم التالي:
قسم برامج التصميم
:icf-(43):

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

احببت ان اطرح درس الجليتر بطريقتي الخاصة

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

اولا نختار صورة جليتر مثل هذه ونحفظها عندنا بالجهاز



لانه يتوجب قبل كل شي ان نجهز الجليتر ونحفظه عندنا بمجموعة الباترنز في الفوتوشوب.

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

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



لماذا فتحنا الجليتر بالايمج ردي وليس بالفوتوشوب؟

لان الفوتو لا يدعم الصور المتحركة ويستحيل فتح اي صورة متحركة صيغتها gif بالفوتوشوب

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

الآن فتحنا الجليتر... مثل ماتلاحطون الجليتر مكون من ثلاث ليرات او طبقات



ننتقل الآن للفوتوشوب بالضغط على المكان اللذي فيه السهم الاسود

الطبقات نفسها في صندوق الطبقات.



الآن نبتدئ عملية حفظ الجليتر كباترن.

اللير الاول مفعل وبجانبه العين... ضروري باقي الليرات ان نزيل من جانبها العين

نذهب لقائمة Edit ونختار مثل مافي الصورة.



ونضغط اوكي في النافذة اللتي ستظهر



ننتقل للير الثاني نضغطه ونظهر العين ولاننسى ان نزيل العين عن اللير الاول



ونذهب لقائمةEdit ونفس الخيار مثل اللير الاول



ونفس العملية للير الثالث مع ازالة العين من اللير الثاني.

الآن انتهينا من حفظ الجليتر واصبح مسجلا عندنا بمجموعة الباترنز



القسم الاول من الدرس انتهى.

ننتقل الآن لكيفية استعمال الجليتر.

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

نكتب الكلام اللذي نريد

ونضع له تاثيرات حسب ذوقنا,,

طبعا نفتح النافذة التي فيها هذي التاثيرات من حرف F الظاهر عليه نجمة وردي في الصورة



في نفس النافذة نذهب لكلمة باترن اوفرلاي ونضغط الجملة ككل مع وضع علامة على الخانة

لانه عندما نضغط الجملة ككل تفتح لنا خصائص التاثير



انا رقمت الجليتر بالارقام 1 و2 و3 حتى يكون الشرح اسهل

نضغط الرقم 1 فقط ونضغط اوكي

سنلاحظ ان الكتابة صارت بشكل الجليتر الذي وضعنا.

نحن وضعنا جزء واحد فقط منه وباقي لنا جزئين..

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



نذهب للحرف F ونختار الباترن اوفرلاي



ونختار رقم 2 من الجليتر ونضغط اوكي

نذهب للير الكتابة النسخة اي اللير الاعلى ونضاعفه بنفس الطريقة

اي كلك يمين ونضاعفه

ونذهب لحرف F وباترن اوفرلاي ونختار الجليتر رقم 3

الآن انتهينا من الجليتر وننتقل مرة ثانية للايمج ردي حتى نجعل الجليتر متحرك



سيكون عندنا الشكل في الايمج ردي مثل مافي الصورة



نضغط رقم 1 اي السهمين الصغيرين وبعدها نضغط رقم 2

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

بالضغط على شكل (القمامة) وحذف

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



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

ثم نضع العين رقم 2



نلاحظ ان الصورة ظهرت في الليرات الثلاث الذي في صتدوق الانيميشن



لتشغيل العمل نضغط المثلت وسط النجمة ونفس المكان لايقاف العمل

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

بالاخير نحفظ العمل بالطريقة التالية



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

وهذه النتيجة



والجليتر ممكن استعماله في اشياء ثانية غير الكتابة

مثل الاطارات وتزيين الفرش وغيره من الاستعمالات

وكلها بنفس الطريقة

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

وهذي بعض المواقع للجليتر من مفضلتي

الاول

الثاني

الثالث

الرابع

الخامس

بالتوفيق للجميع ]]> دروس التصميم أم ايـــوب http://www.alamalnet.com/vb/showthread.php?t=10945 درس الكتابة بالليزربطريقة إن شاء الله(واضحة) مقدمه ( بن زعقان) http://www.alamalnet.com/vb/showthread.php?t=10639&goto=newpost Tue, 06 Jan 2009 19:45:23 GMT السلام عليكم ورحمة الله وبركاته

عزائي الكرام هذة اول مشاركة سويشية في منتداكم عسى ان ترضوا بها;) ;)

مع خاص تحياتي للجميع;) ;)

[FLASH=http://ramzy99.jeeran.com/lyzles.swf] width = 650 height = 350]width=400 height=350[/FLASH]

[FLASH=http://ramzy99.jeeran.com/my_lyzer.swf] width = 450 height = 300]width=400 height=350[/FLASH]

جميع الحقوق محفوظه لبن زعقان

دمتم في حفظ الرحمن ]]> دروس التصميم ابو عكاشة http://www.alamalnet.com/vb/showthread.php?t=10639 شرح تصميم توقيع فلاشي ببرنامج السويش ماكس SwishMax حسب طريقة hadi060 (الجزء الرابع) http://www.alamalnet.com/vb/showthread.php?t=9262&goto=newpost Fri, 25 Jul 2008 23:38:56 GMT

مرحبا بكم أحبتي الكرام في هذا الجزء وهو الرابع والأخير من سلسلة دروس السويش ماكس التي أقدمها بشكل حصري في منتديات الأمل.
قبل البدء في درس اليوم لا بأس من التذكير بأجزاء هذه السلسلة من الدروس:
:framerosepj6:
تم تنظيم دروس هذه السلسلة حسب الشكل التالي:
:TEAL: الجزء الأول: شرح أساسيات برنامج السويش ماكس (شرح فلاشي)
:MOSS: الجزء الثاني: التأثيرات على النصوص من خلال تقديم درس عملي عبارة عن فيديو مصور لعملية تصميم توقيع.
:MAGENTA: الجزء الثالث: التأثيرات على الصور وأيضا تحريكها وجعلها تناسب أي نص أو عنصر نريد من خلال فيديو عن تكملة التصميم الذي بدأناه في الجزء السابق.
:SILVER: الجزء الرابع والأخير: بعض الإضافات المهمة كمشهد ما قبل التحميل وأمر جعل الفلاش يتكرر تلقائيا، ثم تصدير العمل في النهاية، أيضا على شكل فيديو.
:framerosepj6:
لمن يحب أن يتتبع السلسلة بشكل جدي فإنني إنصحه بشدة بتتبع الأجزاء حسب تسلسلها الذي وردت به في الفهرس أعلاه، أي بدءا من الجزء الأول وانتهاء بهذا الجزء.
كما سبق وأشرت في الجزء الأول من الدروس فإنكم ستحتاجون خلال تتبعكم لهذه الدروس إلى برنامج السويش ماكس والذي يمكنكم الحصول عليه أو على نسخة تجريبية منه من خلال موقعه على الرابط التالي:
:062:
SwishMax
:icf-(43):
:062:
أيضا قد تلاحظون بأنني أستعمل خطوطا عربية لا تملكونها، ولو أنه يمكنكم استعمال الخطوط الموجودة عندكم، لكن من أراد منكم أن ينوع خطوط حاسوبه فإنني أنصحكم بموضوع أختنا المبدعة ايجا من خلال هذا الرابط:
:062:
خطوط عربية

:062:
في الجزء الثالث (أي السابق) تمكنا من الوصول إلى النتيجة التالية:
[FLASH=http://hadi060.googlepages.com/alamalnet2.swf]width=400 height=200[/FLASH]
وفي هذا الجزء لن تكون النتيجة مختلفة كثيرا عن نتيجة الجزء السابق، لأن عملنا سيتركز بالأساس على إضافة رموز برمجية (أكواد) نتحكم بها في الفلاش بشكل معين، كما سنتعلم طريقة إنشاء مشهد ما قبل التحميل.
:062:
ملاحظة :
إن مشهد ما قبل التحميل هو عبارة عن مشهد نخبر به المشاهد بأن الفلاش جاري تحميله، وهو أمر مفيد جدا إذا كان حجم الفلاش كبيرا وأيضا إذا كان الارتباط بالنت ضعيفا، بحيث مع عدم وجود مشهد ما قبل التحميل فإن الشخص الذي يريد مشاهدة الفلاش لن يعرف هل سيفتح الفلاش أم لا طالما هو ينتظر ويشاهد صفحة بيضاء فلا يعرف هل هناك خلل أم سيظهر الفلاش.
إن مشهد ما قبل التحميل هو أول ما يتم تحميله، لذلك من الأفضل أن يكون خفيفا حتى يتم تحميله بسرعة ليخبر المتلقي أن تحميل الفلاش جار.

والآن أترككم مع الدرس من خلال موقع اليوتوب:
:fassil:
[FLASH=http://www.youtube.com/v/ICkNzlFulKE&hl=en&fs=1&rel=0&color1=0x006699&color 2=0x54abd6&border=1]width=425 height=355[/FLASH]
:fassil:
ولمن أراد تحميل هذا الشرح على حاسوبه ليشاهده بجودة عالية كيفما ووقتما يشاء، ها هو الرابط المباشر(حجم الفيديو الأصلي يبلغ 21Mb):
درس السويش ماكس: مشهد ما قبل التحميل وأمر جعل الفلاش يتكرر تلقائيا

:062:
ملاحظة :
الفيديوهات تم تصديرها باستعمال التقنية DivX من أجل نقاوة عالية وحجم صغير، لذلك ولمن لا يتوفر على هذا البرنامج في جهازه عليه تحميله وتثبيته، وهاكم روابط تحميله:
DivX Codec - Français
:synaptic_mini:
:WeddingSet1Line2:
DivX Codec -English
:synaptic_mini:

:framerosepj6:
شرح الرموز البرمجية (الأكواد)
ملاحظة :
يتكون العرض الفلاشي الذي صممناه من مشهدين: المشهد Scene_1 وهو الذ اشتغلنا عليه في البداية، ثم مشهد ما قبل التحميل وهو الذي أضفناه من خلال هذا الجزء، ولقد جعلنا مشهد ما قبل التحميل هو المشهد الأول في الفلاش، بينما المشهد Scene_1 هو المشهد الثاني. ويمكن لعرض فلاشي ما أن يتكون من عدد غير محدد من المشاهد بحسب الحاجة، فقارئ الفلاش يقرأ المشاهد بحسب ترتيبها في شجرة المشاهد:

:062:
من الآن فصاعدا سوف أسمي الكود باسم الرمز البرمجي، وسوف أسمي الفريم باسم الإطار لنكون للعربية أقرب.
أول ما فعلناه في جانب الرموز البرمجية هو أننا أضفنا رمزا برمجيا في الإطار الأخير من المشهد Scene_1 كما هو موضح في الصورة التالية:

الإطار الأخير كان هو الإطار رقم 103 وقد أضفنا إليه الرمز البرمجي الموضح في الصورة التالية (مظلل بالأصفر):

وإليكم شرح هذا الرمز بالتفصيل:
العبارة التالية:
كود PHP:
onFrame (103) 
هذه العبارة تخبر قارئ الفلاش أنه في الإطار 103 هناك أمر يجب تنفيذه، لكن ما هو هذا الأمر؟ الجواب في بقية الرمز البرمجي:
كود PHP:
{
    gotoSceneAndPlay("<current scene>",1);
} 
التعليمة gotoSceneAndPlay تأمر قارئ الفلاش بالذهاب إلى الإطار المعين في المشهد المعين ليقرأ الفلاش، ولقد تم تحديد المشهد ب <current scene> وتعني المشهد الحالي، وتم تحديد الإطار في برقم 1 أي الإطار الأول من المشهد الحالي (وهو Scene_1 في حالتنا هذه)، وبالتالي يكون معنى الرمز كاملا كالتالي:
عند الإطار 103 من المشهد الحالي انتقل إلى الإطار 1 من نفس المشهد.
لذلك ما سيحدث أن قارئ الفلاش حينما سيصل إلى الإطار 103 سينتقل تلقائيا إلى الإطار الأول من نفس المشهد ليعيد قراءة المشهد مجددا وهكذا دواليك.
:062:
ملاحظة :
قد يتساءل قائل: وما فائدة هذا الأمر ما دام قارئ الفلاش يفعل هذا الأمر تلقائيا؟
والجواب هو: صحيح أننا حينما نفتح الفلاش في حاسوبنا فإنه يشتغل باستمرار، لكن يحدث في بعض المواقع أو المنتديات أن الفلاش يتوقف، حيث تكون أكوادها التي تمكننا من إضافة الفلاش مبرمجة على توقيف الفلاش حينما يصل إلى الإطار الأخير، وبالمناسبة فهذا الأمر كان يحصل حتى في منتديات الأمل سابقا لكننا ألغيناه.

:062:
الآن ننتقل إلى شرح الرمور البرمجية الخاصة بمشهد ما قبل التحميل.
في مشهد ما قبل التحميل ذهبنا إلى الإطار الأول منه:

ثم أضفنا الرمز البرمجي التالي (المظلل بالأصفر):

هذا هو أهم أمر في هذا المشهد، فما معناه يا ترى؟
أصبح من الواضح الآن أن العبارة
كود PHP:
onFrame (1) 
تخبر قارئ الفلاش أن هناك أمرا ما يجب تنفيذه عند الإطار الأول.
هذه المرة نجد أمرا شرطيا لوجود الدالة if (وتعني إذا)، والأمر هو:
كود PHP:
{
    if (sceneFrameLoaded("Scene_1",103)) {
        gotoSceneAndPlay("Scene_1",1);
    }
} 
وهي تخبر قارئ الفلاش أنه إذا تم تحميل المشهد Scene_1 إلى غاية الإطار 103 (أي المشهد Scene_1 بكامله):
كود PHP:
sceneFrameLoaded("Scene_1",103) 
إذا تحقق هذا الشرط فقم بتشغيل المشهد Scene_1 من الإطار الأول:
كود PHP:
gotoSceneAndPlay("Scene_1",1) 
وبالتالي فإن قارئ الفلاش حينما يبدأ في قراءة الفلاش فإنه يبدأ طبعا بمشهد ما قبل التحميل لأننا جعلناه الأول، فأول ما يصادف هو الأمر السابق، وبالتالي فإنه يتأكد إذا ما تم تحميل المشهد Scene_1 بكامله أم لا، فإذا تم تحميله يذهب إلى الإطار الأول من ذلك المشهد ليقوم بتشغيله، لكن السؤال هنا هو: وماذا يفعل قارئ الفلاش إذا لم يتم تحميل المشهد بكامله؟
طبعا هذا هو المتوقع خصوصا مع الفلاشات التي يكون حجمها كبيرا، إذ أن قارئ الفلاش حينما يتحقق قد يجد أن جزءا من حجم المشهد هو الذي تم تحميله مثلا وليس المشهد كله، لذلك فنحن نضيف له أمرا آخر في الإطار الأخير من مشهد ما قبل التحميل، نأمره فيه بالرجوع إلى الإطار الأول من مشهد ما قبل التحميل، فيقرأ الأمر من جديد وطبعا يكون الفلاش قد زاد حجم ما تم تحميله منه، ويواصل هكذا إلى أن يكون المشهد قد تم تحميله لحاسوب المتصفح بكامله، حينها يكون الشرط قد تحقق فينتقل للإطار الأول من مشهدنا الذي صممنا وهو Scene_1، وهنا تكمن أهمة مشهد ما قبل التحميل، فهو يظهر للمشاهد طالما يتم تحميل الفلاش من السيرفر.
لذلك نذهب إلى الأطار الأخير من مشهد ما قبل التحميل:

ثم نضيف الأمر التالي:

وهو الذي أخبرتكم أنه يامر قارئ الفلاش للعودة إلى الإطار الأول من مشهد ما قبل التحميل حيث يتحقق من جديد من مدى تحقق الشرط الأول أم لا.
:062:
ولرؤية النتيجة النهائية المرجو النقر على الرابط التالي:
مشهد ما قبل التحميل
:icf-(43):
(تعمدت طرح رابط الفلاش حتى تتمكنوا من مشاهدة مشهد ما قبل التحميل، وبالرغم من ذلك فقد لا يتمكن من مشاهدته من سرعة ارتباطه كبيرة، لأنه حينها يتم تحميل المشهد بسرعة مادام حجمه صغيرا، وبالتالي سيتحقق الشرط في رمشة عين، لذلك لا تستغربوا إذا لم تشاهدوا مشهد ما قبل التحميل ^_^)
:062:
وبهذا نكون قد انتهينا من التصميم الكامل لهذا الفلاش، وقد وضحت لكم على مدى الأجزاء الأربعة الطريقة نفسها التي أتبعها شخصيا، ولا أخفي أن شرح الرموز البرمجية تطلب مني مجهودا إضافيا ذلك أنني اخشى ألا يتم استيعابها سيما وأنني أريد من الشرح أن يكون في متناول الجميع مهما كان مستواهم في مجال تصميم الفلاشات. لذلك عذرا إن لاحظتم وجود تكرار او ركاكة في الأسلوب..
كان هذا آخر جزء من سلسلة دروس السويش ماكس، وأرجو أن أكون قد وفقت في تقديمها.
انا معكم دوما لتلقي استفساراتكم، كما سأسعد برؤية تطبيقاتكم على الدروس.
بالتوفيق ومني لكم أرق تحية..
]]> دروس التصميم عبد الهادي اطويل http://www.alamalnet.com/vb/showthread.php?t=9262 شرح تصميم توقيع فلاشي ببرنامج السويش ماكس SwishMax حسب طريقة hadi060 (الجزء الثالث) http://www.alamalnet.com/vb/showthread.php?t=8535&goto=newpost Sun, 25 May 2008 22:41:36 GMT

أرحب بكم أحبتي الكرام في جزء جديد وهو الثالث من سلسلة دروس السويش ماكس قصد تصميم توقيع فلاشي خاص بكم، هذه السلسة التي نقدمها لكم من منتديات الأمل.
قبل البدء في درس اليوم لا بأس من التذكير بأجزاء هذه السلسلة من الدروس:
:framerosepj6:
تم تنظيم هذه الدروس حسب الشكل التالي:
:TEAL: الجزء الأول: شرح أساسيات برنامج السويش ماكس (شرح فلاشي)
:MOSS: الجزء الثاني: التأثيرات على النصوص من خلال تقديم درس عملي عبارة عن فيديو مصور لعملية تصميم توقيع.
:MAGENTA: الجزء الثالث: التأثيرات على الصور وأيضا تحريكها وجعلها تناسب أي نص أو عنصر نريد من خلال فيديو عن تكملة التصميم الذي بدأناه في الجزء السابق .
:SILVER: الجزء الرابع: بعض الإضافات المهمة كمشهد ما قبل التحميل وأمر جعل الفلاش يتكرر تلقائيا، ثم تصدير العمل في النهاية، أيضا على شكل فيديو.
:framerosepj6:
الدروس متتابعة، لذلك أنصح بشدة بتتبع الدروس بشكل متسلسل، لذلك بدءا من الجزء الأول لمن هم جدد في هذا المجال.
كما سبق وأشرت في الجزء الأول من الدروس فإنكم ستحتاجون خلال تتبعكم لهذه الدروس إلى برنامج السويش ماكس والذي يمكنكم الحصول عليه أو على نسخة تجريبية منه من خلال موقعه على الرابط التالي:
:062:
SwishMax
:icf-(43):
:062:
أيضا قد تلاحظون بأنني أستعمل خطوطا عربية لا تملكونها، ولو أنه يمكنكم استعمال الخطوط الموجودة عندكم، لكن من أراد منكم أن ينوع خطوط حاسوبه فإنني أنصحكم بموضوع أختنا المبدعة ايجا من خلال هذا الرابط:
:062:
خطوط عربية

:062:
أيضا وكجديد بالنسبة لهذا الدرس فإنكم ستحتاجون لبعض الصور لأن درس اليوم عن التأثيرات على الصور وأيضا تحريكها، وبالنسبة لي فلقد استعملت الصور التالية (طبعا بإمكانكم استعمالها تسهيلا لتطبيق الدرس):
:062:





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

:062:
من المتوقع أن يتمكن كل عضو قام بتتبع دروس السلسلة وتطبيق هذا الدرس من الحصول على الفلاش التالي في النهاية:

[FLASH=http://hadi060.googlepages.com/alamalnet2.swf]width=400 height=200[/FLASH]

والآن أترككم مع الدرس من خلال موقع اليوتوب:
:fassil:
[FLASH=http://www.youtube.com/v/zEKH9Oz05ro&hl=en&rel=0&color1=0x006699&color2=0x5 4abd6]width=425 height=355[/FLASH]
:fassil:
ولمن أراد تحميل هذا الشرح على حاسوبه ليشاهده كيفما ووقتما يشاء وبجودة عالية، ها هو الرابط المباشر(حجم الفيديو الأصلي يبلغ 24Mb):
درس السويش ماكس: التأثيرات على الصور وأيضا تحريكها وجعلها تناسب أي نص أو عنصر نريد

:062:
ملاحظة :
الفيديوهات تم تصديرها باستعمال التقنية DivX من أجل نقاوة عالية وحجم صغير، لذلك ولمن لا يتوفر على هذا البرنامج في جهازه عليه تحميله وتثبيته، وهاكم روابط تحميله:
DivX Codec - Français
:synaptic_mini:
:WeddingSet1Line2:
DivX Codec -English
:synaptic_mini:

:framerosepj6:
أرجو ان يكون الدرس في المتناول، كما أتمنى لكم مسيرة موفقة في عالم التصميم الفلاشي، ولا تنسوا أنني بانتظار تطبيقاتكم واستفساراتكم وأيضا ملاحظاتكم..
انتظروا الجزء التالي قريبا إن شاء الله..
مني لكم أرق تحية..
]]> دروس التصميم عبد الهادي اطويل http://www.alamalnet.com/vb/showthread.php?t=8535 شرح تصميم توقيع فلاشي ببرنامج السويش ماكس SwishMax حسب طريقة hadi060 (الجزء الثاني) http://www.alamalnet.com/vb/showthread.php?t=8431&goto=newpost Tue, 13 May 2008 19:45:57 GMT

أهلا بكم أحبتي الكرام في جزء جديد من سلسلة دروس السويش ماكس قصد تصميم توقيع فلاشي خاص بكم.
قبل البدء في درس اليوم لا بأس من التذكير بأجزاء هذه السلسلة من الدروس:
:framerosepj6:
تم تنظيم هذه السلسلة من الدروس حسب الشكل التالي:
:TEAL: الجزء الأول: شرح أساسيات برنامج السويش ماكس (شرح فلاشي)
:MOSS: الجزء الثاني: التأثيرات على النصوص من خلال تقديم درس عملي عبارة عن فيديو مصور لعملية تصميم توقيع.
:MAGENTA: الجزء الثالث: التأثيرات على الصور وأيضا تحريكها وجعلها تناسب أي نص أو عنصر نريد من خلال فيديو عن تكملة التصميم الذي بدأناه في الجزء السابق.
:SILVER: الجزء الرابع: بعض الإضافات المهمة كمشهد ما قبل التحميل وأمر جعل الفلاش يتكرر تلقائيا، ثم تصدير العمل في النهاية، أيضا على شكل فيديو.
:framerosepj6:
طبعا أنا أنصح بشدة بتتبع الدروس بشكل متسلسل، لذلك فإنني أنصح بالرجوع للجزء الأول من خلال القائمة أعلاه قصد متابعة جيدة لهذا الجزء.
كما سبق وأشرت في الجزء الأول من الدروس فإنكم ستحتاجون خلال تتبعكم لهذه الدروس إلى برنامج السويش ماكس والذي يمكنكم الحصول عليه أو على نسخة تجريبية منه من خلال موقعه على الرابط التالي:
:062:
SwishMax
:icf-(43):
:062:
أيضا قد تلاحظون بأنني أستعمل خطوطا عربية لا تملكونها، ولو أنه يمكنكم استعمال الخطوط الموجودة عندكم، لكن من أراد منكم أن ينوع خطوط حاسوبه فإنني أنصحكم بموضوع أختنا المبدعة ايجا من خلال هذا الرابط:
:062:
خطوط عربية

:062:
من المتوقع أن يتمكن كل واحد منكم قام بتطبيق الدرس من الحصول على الفلاش التالي في النهاية:
[FLASH=http://hadi060.googlepages.com/alamalnet.swf]width=400 height=200[/FLASH]
وطبعا تلاحظون بأنني ركزت على التعامل مع النصوص وإدخال التاثيرات عليها وتحريكها كما هو مخطط له، كما إنكم ستحتاجون لمعرفة أساسيات برنامج السويش ماكس من خلال الجزء الأول لذلك نصحتكم بالرجوع إليه.
والآن أترككم مع الدرس من خلال موقع اليوتوب:
:fassil:
[FLASH=http://www.youtube.com/v/-39Hp5I1_68&hl=en&rel=0&color1=0x006699&color2=0x54 abd6]width=425 height=355[/FLASH]
:fassil:
ولمن أراد تحميل هذا الشرح على حاسوبه ليشاهده بجودة عالية كيفما ووقتما يشاء، ها هو الرابط المباشر(حجم الفيديو الأصلي يبلغ 34Mb):
درس السويش ماكس: التأثيرات على النصوص

:062:
ملاحظة :
الفيديو تم تصديره باستعمال التقنية DivX من أجل نقاوة عالية وحجم صغير، لذلك ولمن لم يتمكن من مشهادة الفيديو فهو لا يتوفر على هذا البرنامج في جهازه وعليه تحميله وتثبيته، وهاكم روابط تحميله:
DivX Codec - Français
:synaptic_mini:
:WeddingSet1Line2:
DivX Codec -English
:synaptic_mini:

:framerosepj6:
أرجو ان يكون الدرس في المتناول، كما إنني أسعد بتلقي استفساراتكم بخصوص الدرس، وأنا رهن الإشارة إن شاء الله بما أعلم..
أتمنى لكم مسيرة موفقة في عالم التصميم الفلاشي، ولا تنسوا أنني بانتظار تطبيقاتكم واستفساراتكم وأيضا ملاحظاتكم..
انتظروا الجزء الموالي قريبا إن شاء الله..
إن كانت لكم أية ملاحظات بخصوص طريقة عرض الدروس فلا تترددو في طرحها..
مني لكم أرق تحية..
]]> دروس التصميم عبد الهادي اطويل http://www.alamalnet.com/vb/showthread.php?t=8431