منتديات ليلاس - (موضوع حصري) دروس _دورة تصميم الروايات .. متجدد .. " الدرس السادس"

منتديات ليلاس (https://www.liilas.com/vb3/)

- المواضيع الجانبية (https://www.liilas.com/vb3/f656/)

دروس _دورة تصميم الروايات .. متجدد .. " الدرس السادس"

http://www.t7melk.com/uploads/t7melk.com13084760471.jpg

صبــــــــــــــــــاحكم / مســـــــــــــــــائكم معطر الرياحيـــن

الى المشتركات ضمن دورتنا

دورة تصميم الروايات

http://www.liilas.com/up/uploads/liilas_13087482501.png

http://up.arab-x.com/Jun11/Sll76424.jpg

نبدأ الخطوة الأولى بتوضيح كيفية تحميل وتثبيت البرنامج ..

بإمكانكم تحميل أحد روابط البرنامج في الصفحة الاولى من
http://www.liilas.com/vb3/t162653.html

انصح بتحميل النسخة السابعة او الثامنة للمبتدئين

http://im4.gulfup.com/2011-07-03/1309681967701.jpg

خطوات التحميل

http://im4.gulfup.com/2011-07-03/1309682274401.png

بعد إستكمال التحميل نذهب الى حيث حفظنا الملف ونفتح الضغط عنه

http://im4.gulfup.com/2011-07-03/1309682274932.png

قبل أن نبدأ بعملية التثبيت من الافضل ان نفصل الانترنت ونغلق جميع البرامج المفتوحة

ثم

ندخل الى الملف وبالضغط مرتين على ملف set up يبدأ التثبيت

http://im4.gulfup.com/2011-07-03/1309682274423.png

ستظهر شاشة زرقاء إبدأ بتتبع خطوات التثبيت بالضغط على "التالي","next"

http://im4.gulfup.com/2011-07-03/1309683474211.png

نختار اللغة الانجليزية لواجهة البرنامج

http://im4.gulfup.com/2011-07-03/1309681318135.png

نتابع بالضغط على "التالي"

http://im4.gulfup.com/2011-07-03/1309681318936.png

http://im4.gulfup.com/2011-07-03/1309682274384.png

http://im4.gulfup.com/2011-07-03/1309681643932.png

http://im4.gulfup.com/2011-07-03/1309681643803.png

http://im4.gulfup.com/2011-07-03/130968164394.png

http://im4.gulfup.com/2011-07-03/1309682274615.png
]

http://im4.gulfup.com/2011-07-03/1309681644286.png

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

اما بالخانه الأخيرة نضع رقم السيريال نمبر ..

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

و ستفتح لك مستند الأتفاقية و ... الخ ...

ومبروك بأمكانك الان الذهاب الى المسار

start>allprograms>photoshop

ومبروك تم تثبيت البرنامج ..

http://im4.gulfup.com/2011-07-03/1309684045171.png

لتغيير لغة برنامج الفوتوشوب من

( العربي >> الإنجليزي ) ومن ( الإنجليزي >> للعربي )

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

إختر من القوائم كما هو موضح في الصورة

http://im4.gulfup.com/2011-07-03/1309684689621.png

والاسهل أن تضغط Ctrl+k

تظهر نافذة غير منها لغة التطبيق الى الإنجليزي

ومووااااافق

http://im4.gulfup.com/2011-07-03/1309685893611.png

http://im4.gulfup.com/2011-07-03/1309685893392.jpg

أغلق البرنامج وأفتحه ستتغير اللغة

وأنتهينا ....

ولديك الان واجهة البرنامج باللغة الانجليزي

http://im4.gulfup.com/2011-07-03/1309685750951.jpg

أستودعكم الله

ولنا لقاء مع درس شرح القوائم والادوات الاساسية

القوائم الرئيسية _دورة تصميم الروايات

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

http://im4.gulfup.com/2011-07-03/1309687746481.png

http://im4.gulfup.com/2011-07-03/1309685750951.jpg

عند فتحك البرنامج لأول مرة تظهر لديك الواجهة بهذا الشكل وان لم تكن كذلك

اتبع المسار الموضح ادناه

Window >> Workspace << Reset Palette

http://im4.gulfup.com/2011-07-03/1309687694311.png

نستخدم في التعامل مع البرنامج الكثير من الاختصارات لكن هذا لا يغنينا عن التعرف
على القوائم الرئيسية والتي تضم الكثير من الاوامر التي سنتعرف عليها كلما تقدمنا بالدورة...

™¤¦¤™¤®§‡§ شـــــــــرح القوائم §‡§®¤™¤¦¤™

‡§ File §‡

New: لفتـــح عمل جديد ..

Open: لفتـــح عمل سابق او استيراد صورة من داخل جهازك ..

Browse:لعـــرض الصور بطريقة جميلة و يسهل اختيار المطلوب منها ..

Open As: لتحديد التنسيق للملف المراد جلبه ..

Open recent: فتـــح آخر الأعمال التي فتحتها و عملت عليها اخيــرا ..

Close:لأغلاق العمل ..

Save: يقوم بحفظ التعديل الأخير على العمل الذي عليه ..

Save As: لحفظ العمل باسم جديد و اختيار التنسيق "الصيغة" الذي تريد حفظ الصورة فيه ..

Save for web: حفظ الصورة كذلك لكن بالتحكم بالحجم لنشرها بالويب بصورة ودقة افضل ...

Revert: الأمر هذا اذا عملت اعدادات بالعمل ولم تقم بحفظها فهذا يعيد لك آخر نسخة قمت بها ..

Exit: يستخدم هذا الأمر لإغلاق برنامج الفوتوشوب

‡§ Edit§‡

undo: التراجع خطوة للخلف ..

Step forward : التقدم خطوة

step backward : التراجع اكثر من خطوة عند الضغط عليه ..

Fade: خفظ و رفع درجة لون الفرشاة ..

Cut: لقص الجزء المحدد بالعمل .."نسخ + ازاله من العمل و لصقة بموقع آخر "

Copy: لنسخ الجزء المحدد بالعمل .."للنسخ دون ازالته فيبقى كما هو لكن باخذ نسخة ثانيه منه "

copy merged : ينسخ هذا الأمر منطقة محددة من كل الطبقات المرئية

paste : لصق ماتم نسخة سابقاً ..

Paste Into: : يلصق هذا الأمر منطقة محددة ضمن منطقة نشطة
(يعني منطقة محددة) ثم يقوم الفوتوشوب بتحويل التحديد إلى layer mask

Clear: حذف المنطقة المحددة..

check spelling : تصحيح الأخطاء الاملائية ..

replace text : للبحث عن كلمة و استبدالها بكلمة اخرى ..

fill : لملئ منطقة محددة بلون معين او كل العمل ..

Stroke:لإنشاء حدود باللون الأمامي بالمنطقة المحددة من العمل ..

Free Transform: لمعاملة طبقة او جزء محدد معاملة تاة من حيث "التدوير - القلب - الإمالة - عكسه "

Transform: في هذه القائمة توجد اوامر مختلفه للف الطبقة المختارة او النص بعدة خيارات و عكس الطبقة من اليمين للشمال او من فوق لتحت ...الخ "

Define brush: هنا لإنشاء فرشة خاصة بك ..

Define Pattern: لأنشاء نماذج يمكن بها تعبئة الشكل ..

define custom shape: لإنشاء اشكال مثل "كورة - مستطيل - اي شكل تريدة "

purge / color setting / preset manager / preferences: إعدادات لخصائص الفوتوشوب

‡§ Image §‡

mode : تستطيع من خلال هذا الأمر استخدام أنماط مختلفة من الألوان للإظهار و الطباعة و الحفظ ، و النمط RGB هو النمط الإفتراضي و الأكثر استخداماً

Adjust: قائمة للقيام بالتصحيحات اللونية من زيادة الإضائة و شدة الألوان ..

apply image :لعمل قنوات جديدة بالطبقة لمزج الصور ..

Calculations: كالأمر الساابق لكن يفتح حسابات بالأوامر ..

iamge size :للتحكم بابعاد الصورة .."الطول و العرض "..

Canvas Size: لتغير ارتفاع و عرض الصورة مع الحفاظعلى دقتها ..

Rotate Canvas: لأدارة العمل بشكل كامل .."بجميع الطبقات و ليس بطبقة واحد مثل الأمر السابق "Free Transform "

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

trim: لتنسيق الصورة ..

reveal all: لأعادة التصميم بحجمة الأصلي ..

Histogram:يقيم هذا الأمر الدرجات اللونية للصورة وباستخدام هذا الأمر لا يمكن إجراء تغييرات على الصورة

Trap: يطبق هذا الأمر على الصور المستخدمة في الطباعة وهذه الميزة غير قابلة للتطبيق في تصميم الويب

‡§Layer§‡

new :إنشاء طبقة جديدة ..

duplicate layer : تكرار "مضاعفة " الطبقة ..

delete layer : حـــــــذف الطبقة ..

layer properties : للتحكم بخصائص الطبقة ...

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

new fill layer : لأنشاء طبقة مملوئة بلون او تدرج تختارة ..

new adjustment layer : إنشاء طبقة جديدة ذات تدرجات لونية ..

change layer ******* : مثل اللي فوقه و لكن الإجرا على طبقة محددة ..

layer ******* option : يوفر هذا الأمر مجموعة من الخيارات الإجرائية على الطبقة

type : يتيح لك هذا الأمر تحرير النص حتى يتم إعادة تشكيله

new layer based slice : لتجزئة الصور ..

][Select ][

تحديد .. اذا كل مايختص التحديد نجده بهذه القائمة ..

All: لتحديد كامل العمل ..

Deselect: إلغاء التحديد ..

Reselect: يعيد التحديد الذي ألغيته اخيرا ..

Inverse: لعكس التحديد ..

Color Range: لأنشاء التحديد على اللون بدل الشكل ..

Feather: هنا لتنعيم التحديد و جعله انسيابي ..

Modify: لتغير شكل التحديد رياضيا حسب الألوان طبعا ..

][ Filter ][

" الفلاتر التي تضيف تأثيرات على الصور وجدا مهمة .. وهذه مثبته تلقائيا مع البرنامج .. "

القائمة artistic: الفلاتر الفنية التقليدية مع الرسم و التلوين ...

القائمة blur: لتنعيم الصور و التمويه وجعله انسيابي ..

القائمة brush strokes: لمسات لإضافة اللون و النسيج والظل للصورة ..

القائمة distort: لإنشاء تشويهات و تأثيرات على العمل ..

القائمة noise: فلاتر لإنشاء نسيج بالعمل لجعله اكثر فعالية ..

القائمة pixelate: هذه القائمة للعب بألوان التصميم و تشويهها طبعا ..

القائمة render: هنا للتحكم بالأضائة و اضافة الغيوم و ...الخ ..

القائمة sharpen: لزيادة و ايضاح التفاصيل بالعمل ..

القائمة sketch: فلاتر التخطيط كالتاثير التي نحدثها بالرسم اليدوي ..

القائمة stylize: للقيام بالتأثيرات الطبيعيه ..

القائمة texture: اضافة النسيج للصورة ..

القائمة video: هنا للتحكم بانظمة الألوان ..

القائمة other: فلاتر متنوعه اخرى هنا ..

][ View ][

proof setup: يستخدم هذا الأمر في إظهار التصميم بأكثر من نمط من أنماط الألوان

proof color: يشبه اللي فوقه

gamut warning: يشبه اللي فوقه

Zoom In: يوسع منظر العدسة دون تغيير حجم الصورة

Zoom Out: يقوم بتصغير منظر الصورة دون تغيير منظر الصورة

Fit on Screen: يقوم هذا الأمر بإظهار الصورة في حجمها الواقعي كأكبر مايمكن

Actual Pixels: يعيد هذا الأمر الصورة إلى وضع الإظهار الافتراضي

Print Size: يعرض هذا الأمر الصورة في حجمها الطباعي الفعلي

Show Grid: يعرض هذا الأمر تخطيط على شكل مربعات على الصورة بحيث يساعد المصمم على الرسم بدقه اكبر

Rulers: يقوم هذا الأمر إما بإظهار أو إخفاء المساطر الأفقية والعمودية

Snap to Guides: يجب اختيار هذا الأمر عند العمل مع الدلائل وتتم محاذاة البنود تلقائياً

Lock Guides: يجب تطبيق هذا الأمر بعد وضع الدلائل على الصورة لمنع تحريكها بشكل غير مقصود واختيار هذا الأمر مرة ثانية يلغي تأثيره

Clear Guides: يحذف هذا الأمر الدلائل

New Guides: لأضافه خطوط على الصورة ليمنع تحركيها بشكل غير مقصود

look slice: إغلاق الشرائح

clear slice: حذف الشرائح

][ Window ][

هنا للتحكم بنوافذ البرنامج اظهارها و اخفائها

][ Help ][

للمساعدة

لا يوجد واجب حاليا

سنبدأ بالواجبات بعد استكمال التعرف على أدوات البرنامج
لكن لاضير ان بدأتم بالتعرف على القوائم وماتحتويه من خيارات

دمتم بحفظ الرحمن

الأدوات الأساسية _دورة تصميم الروايات

http://www.t7melk.com/uploads/t7melk.com13084760471.jpg

صبــــــــــــــــــاحكم / مســـــــــــــــــائكم معطر الرياحيـــن
جمعــــة مباركــــة

نبدأ اليوم مع شرح الأدوات الأساسية في البرنامج

قد تلاحظون أني أجلت شرح بعض الادوات كونها تحتاج الى شرح مفصل ودرس خاص بها

ورغبة مني في عدم زحمكم بكثير من المعلومات دفعة واحدة

فسأقسم شرح الادوات الى جزئين

http://up.arab-x.com/Jun11/Sll76424.jpg

http://www.liilas.com/up/uploads/liilas_13101087541.png

الجزء الأول

http://www.mobdi3ine.net/uploads/13101092991.png

http://im4.gulfup.com/2011-07-03/1309681967701.jpg

http://www.mobdi3ine.net/uploads/13101096173.png

بهذا يكون الجزء الاول من شرح الادوات الاساسية انتهى

سيكون لنا لقاء لإستكمال الجزء الثاني

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

العمل على تصميم يوظف ما أخذناه من أدوات ضمن هذا الدرس

اطلقوا العنان لخيالك ولا تبالغوا بالتأثيرات

وأعلموا أن الخيال عنصر مهم من عناصر التصميم

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

دمتن في حفظ الرحمن

http://up.arab-x.com/Jun11/Sll76424.jpg

http://www.liilas.com/up/uploads/liilas_13101087541.png

الجزء الثاني

http://im4.gulfup.com/2011-07-03/1309681967701.jpg

http://www.liilas.com/up/uploads/liilas_13115410211.jpg

http://www.liilas.com/up/uploads/liilas_13115410212.jpg

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

تمنياتي باوقات سعيدة

والى لقاء

في الدروس القادمة

اختكم
أم طيبة

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

" الدرس الخامس "

http://www.liilas.com/up/uploads/liilas_13119663302.png

الدقة / The Resolution

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

بالنسبة لي شخصيا ان لم تكن الرواية مكتوبة بنوع خط واضح ومقروء بسهولة
فإني لن اتشجع لقرائتها .. واتصور ان هناك الكثير مثلي

http://www.sheekh-3arb.info/islam/Li...s/image011.gif

إذن هنا سؤال يطرح نفسه ..

كيف أحصل على تصاميم تتمتع بجمالية ووضوح ؟ وماهي الدقة أو ال Resolutions ؟

قد يعرف الكثير منكم ان الصورة المعروضة على أي شاشة ماهي الا مجموعة كبيرة من النقاط (البكسلات/Pixels )

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

إذن كلما زاد عدد البكسلات ( النقاط لمكونة للصورة ) زادت الصورة وضوحا وكذلك زاد حجم الملف.

وكي لا تملوا من الشرح النظري ، لنرى ذلك من خلال التطبيق العملي ...

http://www.sheekh-3arb.info/islam/Li...s/image011.gif

نقوم بفتح أي صورة موجودة على الجهاز

File > open أو بالضغط على زر
ctrl+O
ونختار صورة من جهازنا ونتبع المسار الموضح في الصورة للتحكم بدقتها

http://www.liilas.com/up/uploads/liilas_13120573331.jpg

بالطبع في الغالب تكون الصور المعروضة بوضح 72 بكسل لكل انج بينما تكون الصور والتصاميم المطبوعة بوضوح 150_300

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

http://www.liilas.com/up/uploads/liilas_13119663304.jpg

يتبــــــــع

الحجم / The Size

يمكننا التحكم بحجم الصور من نفس النافذة السابقة بتغيير القيم

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

http://www.liilas.com/up/uploads/liilas_13120595021.jpg

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

لذلك يفضل دائما أن نحتفض بنسخة أصلية من الصورة قبل التعديل عليها ، ومنح النسخة المعدلة أسم ثاني لنتمكن من المقارنة بين النسختين.

يتبــــع

أحيانا احتاج الى إضافة مساحة للصورة وليس تكبيرها ..
فمثلا لو أن لدي صورتين واريد دمجهما ولا تتسع مساحة الصورة الاولى لتلك الاضافة ..

فماذا أفعل ؟

تتبعوا معي ...

http://www.liilas.com/up/uploads/liilas_13120615461.jpg

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

http://www.liilas.com/up/uploads/liilas_13120627131.jpg

كما أن لهذه الاداة فائدة كبيرة اثناء استخدام الماسح الضوئي scanner لإدخال الصور للجهاز
فغالبا مايعاني الكثيرين من عدم اعتدال الصور بعد عملية السحب فتظهر كما هو موضح ادناه
والحل تمنحنا اياه هذه الاداة الرائعة

http://www.liilas.com/up/uploads/liilas_13120637311.jpg

يتبــــع

صيغ الحفظ / Saving

لا يتطلب حفظ العمل منا الا ان نذهب من قائمة file ونختار save as مع منح اسم للملف ووضعه حيث نريد
لكن المهم حقيقة هو ماهي صيغة الامتداد الذي سنحفظ عليه عملنا..
وتوضح الصورة أهم الصيغ التي يجب ان نعرفها

http://www.liilas.com/up/uploads/liilas_13120654751.jpg

وبعد ان نقوم بحفظ الصورة بصيغة JPEG يمكننا التحكم بجودة الصورة

http://www.liilas.com/up/uploads/liilas_13120661261.jpg

بهذا أنتهى الدرس الخامس
ارجو أن يكون مفيدا لكم

تقبلوا مني كل الود والاعتزاز

http://www.t7melk.com/uploads/t7melk.com13084760471.jpg

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

اعذروا عدم انتضامي في المواعيد

فالحياة مسؤوليات وأنا أحاول قدر الامكان الا اقصر معكم فيما فيه الفائدة والنفع

اترككم مع الدرس السادس

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

http://www.liilas.com/up/uploads/liilas_13127984786.jpg

الان بما أنا بدأنا بالجد وانتهينا من التعرف على أدوات البرنامج

حان وقت التطبيق أحبائي

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

سيكون لنا دروس اخرى ضمن اساليب القص والدمج

تقبلوا مني كل الود والاعتزاز