الدرسـ الاولـ [الجزء الاول] فى عالم التصميم

[عبدالله ابراهيم]

واتمنى ان يستفيد الجميع من هذه الدوره

في بادئ الامر
احببـ ان انوه
ان الدوره للمبتدئين
ولكني لا اعد بان اشرح كل ما يحويه البرنامج بالتفصيل
لذى .. اذا تبادرت الاسئله الى اذهانكم ...
انا هنا كي اجيب عليها .. ان شاء الله..

وان كنت تريد التعلم <- ما بتحصله بارده وامبرده .. يبالها تتعب شوي هعـ
والامر يحتاج منك لجهد ومتابعه
وايضا تطبيق كل ما تراه
لكي يكون البرنامج سهلاً وملك يديدك

//

http://www.psdworld.com/vb/images/smilies/accbl45.gifطريقة الحفظhttp://www.psdworld.com/vb/images/smilies/accbl45.gif

هناك 3 صيغ مهمه يجب عليك
فهمها قبل معرفتها

قبل الشرح
هنا الفرق بين النوعين
JPG و GIF

http://www.psdworld.com/vb/uploaded/543/thedifferent.jpg

لاحظ عندم دقة الالوان في الـ GIF

JPG

هذه الصيغه لكل الاعمال
وهي ذي دقه عاليه من حيث اللون
فـ عليك استخدامها لكل عمل ..
ما عدا الحالات التاليه
الشفافيه او التحريك

GIF

يستخدم للاعمال المتحركه
وهو داعم للشفافيه
ولكن اللوان فيه محدوده 256 لونا فقط
فـ بذلك يؤثر على جودة العمل
واذا كانت الاعمال صور
فـ ستكون اللوانها
منقطه عند انتهاء الـ 256 لونا

ما معنى الشفافيه اذا اردت ان تكتب اسمك فقط
ولا تريد اي طبقه غيرها ولا اي لون
تكتب الكلمه في طبقه شفافه
وتحفظها على اساس Gif
لتكون بهذا الشكل ..

http://www.psdworld.com/vb/uploaded/543/psdW.gif

اما بدون الشفافيه فيكون بهذا الشكل
مع لون الخلفيه

http://www.psdworld.com/vb/uploaded/543/psdW.jpg


PNG

يحوي خصايص
Gif & jpg

هناك نوعين

PNG8-

وهو يختص بالشفافيه ولكنه محدود اللوان كـ الجيف

PNG24-

وهو غير محدود الالوان ولكن لا

يختص بالشفافيه

واخيرا
الصيغه الاساسيه
التي تستطيع من خلالها
فتح العمل من جديد وتعديله
وهو

PSD

كيفية حفظ العمل تكون بالضغط على
File
Save
او
Save As
بعدها سترى هذه النافذه ومنها تقوم بتغير الصيغه من هنا

http://www.psdworld.com/vb/uploaded/543/saving.gif

والطريقة الاخرى
لكي يتسنى لك الحفظ على اساس
PNG
وايضا
Gif
وسترى العمل كيف سيكون مباشرةً
وهي ان تختار
File
Save As for web
وسترى هذه النافذه

http://www.psdworld.com/vb/uploaded/543/savingforweb.gif

\\

http://www.psdworld.com/vb/images/smilies/accbl45.gifطريقة فتح عمل جديدhttp://www.psdworld.com/vb/images/smilies/accbl45.gif

File
New

http://www.psdworld.com/vb/uploaded/543/new.gif


//

http://www.psdworld.com/vb/images/smilies/accbl45.gif Layer http://www.psdworld.com/vb/images/smilies/accbl45.gif

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

فـ يكون اساس اي تصميم دقيق
هي كثرة الطبقات
(Layer)

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

.,.

ما يكون ظاهر لك في التصميم
هي الطبقات العلويه

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

مثال ..

http://www.psdworld.com/vb/uploaded/543/layer.gif

\\


http://www.psdworld.com/vb/images/smilies/accbl45.gif الاختصارات http://www.psdworld.com/vb/images/smilies/accbl45.gif

لهذا البرنامج اختصارات عديده
لذلك لا تقول باللعب
بان تضغط
Ctrl & or Alt
مع اي حرف
فتقوم باظهار واخفاء الادوات <- يا هي مصيبه هعـ

وهنا اختصارات مهمه
يجب عليك فهمها
لكثرة استخدامها والحاجه اليها

Ctrl + G

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

ليصبح بهذا الشكل

http://www.psdworld.com/vb/uploaded/543/ctrlG.gif

وتستطيع معاملت اكثر من طبقه
على اساس مجموعه من المربع

Ctrl + Shift + I

عندنا يكون لديك تحديد معين
ولكنك تريد ان تعمل تأثير
لما هو خارج هذا التحديد
تقوم بعمل هذا الاختصار
وسترى النتيجه

Ctrl + كليك على الطبقه بالماوس

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

Ctrl + T

هذه الاختصار
لتغير مقاس الصوره
او تقوم قلبها وما شابه ذلك
قم بالضغط على الطبقه المراده
وبعد ضغط الاختصار
سترى مربع هو الشكل المطلوب
لكي تقوم بالتصغير والتكبير

لكي لا تفقد العمل جودته
وانت تقوم بالتصغير
قم بالضغط على
Shift

وهناك مميزات اخرى
اضغط رايت كليك

سترى اكثر من خيار
جربه لتفهمه

http://www.psdworld.com/vb/uploaded/543/ctrlT.gif

وبعد الانتهاء
اضغط
Enter

Ctrl + U

لتغير اللون
تضغط على الطبقه المراده
بعدها الاختصار
وسترى هذه الشاشه
تلاعب بالقيم
واختر ما تشاء

http://www.psdworld.com/vb/uploaded/543/ctrlU.gif

Ctrl + Alt + U

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

Ctrl + Z

لكي تعود خطوه الى الوراء

Ctrl + Alt + Z

لكي تعود اكثر من خطوه الى الوراء <- حسب ذاكرة الجهاز هعـ


//


http://www.psdworld.com/vb/images/smilies/accbl45.gif واجهة البرنامج http://www.psdworld.com/vb/images/smilies/accbl45.gif

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

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

http://www.psdworld.com/vb/uploaded/543/the-faceP.jpg

\\


http://www.psdworld.com/vb/images/smilies/accbl45.gif الادوات http://www.psdworld.com/vb/images/smilies/accbl45.gif

هنا شرح للادوات التى ستسخدمها
والبعض منها لا اهميه له <- لاني لا اعرف استخدمها هعـ

http://www.psdworld.com/vb/uploaded/543/toolsP.jpg

بالنسبه للون
سيكون اي لون تختاره في الاعلى
هو لون الشكل او الفرشاه او اي شي ستقوم باضافته

http://www.psdworld.com/vb/images/smilies/accbl45.gif الاضافات http://www.psdworld.com/vb/images/smilies/accbl45.gif

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

Brushes

وهي الفرش التي تزين بها التصميم
او ترسم بها ..

http://www.psdworld.com/vb/uploaded/543/BurshesP.jpg

Pattern

وهي الاضافات التى تزين بها التصميم
باضافه خطوط منقطه شطرنجيه او الاطار او نقوش للتصميم

تحميلـ الباترن (http://www.psdworld.com/vb/uploaded/543/Patterns.zip)

http://www.psdworld.com/vb/uploaded/543/PatternP.jpg

Filter

وهي التاثيرات التي تستطيع اضافتها للتصميم
وسادعكم تكتشفونه لوحدكم
ومع الدروس القادمه باذن الله<- اذا دخل وياناا خير انشالله هعـ

Style

وهي التاثيرات التي تستطيع اضافتها للاشكال
والكتابه

http://www.psdworld.com/vb/uploaded/543/styleP.jpg

Gradient

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

http://www.psdworld.com/vb/uploaded/543/GradientP.jpg

تحميلـ التدرجات (http://www.psdworld.com/vb/uploaded/543/Gradients.zip)

//


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

[خ ــادم الإسلام]

جزاك الله كل خير يا الطيب :)

[سارق عيونك]

جميل

بارك الله فيكـ اخوي عاشق الجنه :)

[عبدالله ابراهيم]

تسلموا للمرور والله يا غاليين على والله

[سيد العرب]

مشكوور اخووي

وشرح حلووو :)

[Var]

مشكوور يالغلا

[عبدالله ابراهيم]

تسلموا للمرور حبيبى

[عمر]

تسلم يا غالي وما تقصر

[عبدالله ابراهيم]

شكرا للمرور اخوى

[DR JORDANIAN]

مشكور يا غالي