.:: خطوه بخطوه من اجل اتقان الفوتوشوب ::.

[.|| عـبـود ||.]

السلام عليكم ..

آسف على تأخري بالدروس لكن ان شاء الله راح نبداء

من اليوم واللي عنده سؤال او استفسار عن نقطه

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

لكن ان كان يبي شي غير اللي بالدرس ينزل موضوع

من شأن ما نشتت اخوانا واخواتنا ..

وراح يكون شرحنا بإذن الله على الفوتوشوب الاصدار

الاخير اللي هو الثامن ..

.:: للتحميل الفوتوشوب الثامن اضغط هنا ::. (http://www.7zzz7.com/vb/showthread.php?t=2587)

بسم الله

اولا تدرون اننا في منتدى التصاميم والآبداع و احنا

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

نكون محترفين ان حاولنا اكثر من مره وحاولنا

نصمم ونتابع دروس سوا بمنتدانا او براء

من اجل الابداع والاحتراف لازم نفهم

اولا ماهو الفوتشوب ومتى بدأ

+-+-+-+-+-+-+-+-+-+-+-+-+-+

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

ما هو الفوتوشوب ؟

بدايات الفوتوشوب :

في أواخر الثمانينيات من القرن العشرين قام تواس نول

Thomas Knoll بإنشاء برنامج كمبيوتر يقوم بفتح

وعرض أنواع مختلفة من ملفات الرسومات علي جهاز

ماكنتوش بلس...

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

فيما بعد ليصبح "فوتوشوب", أقوي برنامج الرسومات

علي مستوى العالم بأسره ..

ولحسن حظ مستخدمي فوتوشوب وجد توماس نول أن

العمل في برنامج كمبيوتر أكثر متعة من كتابة الأبحاث الجامعية.

ومع تشجيع أخيه جون بدأ توماس في إضافة إمكانيات تعديل

الصور لبرنامجه الصغير.

بعد ذلك, تولت شركة أدوبي الإشراف علي برنامج توم..

وبعد مرور فترة وجيزة, بدأ جون -اخو توماس-

في إنشاء مرشحات للبرنامج, ومن خلال الجهد المشترك

للإخوان نول من ناحية ولمبرمجي شركة أدوبي من ناحية أخري,

بدأ فوتوشوب يتطور ليصبح البرنامج الذي فجر ثورة عالم

النشر بالألوان.

+-+-+-+-+-+-+-+-+-+-+-+-+-+

عملية التصميم في الفوتوشوب :

فوتوشوب برنامج ساحر, فهو البوابة التي يمكن أن تنطلق

منها الي عالم النشر المكتبي بالألوان, وعملية الإعداد لما قبل الطباعة,

وإنشاء الوسائط المتعددة والرسوم المتحركة, والتصوير الفوتوغرافي

الرقمي, والرسم فبمجرد أن تدخل الصورة الي فوتوشوب, سواء

من ماسح ضوئي أو كاميرا رقمية أو جهاز فيديو, فانك تستطيع

أن تبدأ في لمساتك عليها وإضافة المزيد من الرسوم إليها,

وتصحيح ألوانها, وزيادة حدتها, أو تعتيمها أو حتى تشويهها,

ومن الممكن أيضا أن تقص أجزاء من الصوره وتدمجها مع

صوره أخرى. ومن الممكن أن تحفظ الصوره لعرضها علي الويب,

أو لعرضها علي مسجل شرائح, أو مسجل فيديو, أو تطبعها

علي طابعة ملونة, أو أبيض وأسود, أو ترسلها إلي طابعة أفلام

لإنشاء الفيلم النهائي الذي ترسله الي المطبعة.

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

والحين نبدأ بالنصائح والملاحظات والتوجيهات :

1- دايما لمن تيجي تصمم ، لازم تحط براسك فكرة التصميم

كيف بتكون مثلا ..

2- لازم تصنع خلفيه كبدايه عشان تشتغل عليها ، أن ضبطت

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

الصور غيرها واصنع غيرها وحاول تخليها منسقه تماما مع

الصور الموجوده بالتصميم .

3- التصميم حلاوته بالتركيز ، يعني وانت تركز بالتصميم زين

مرة بتقدر تقص بشكل ممتاز جدا ، وبتقدر تبدع أكثر وأكثر ..

فمن الضروري جدا أنك كل ما تصمم تصميم لازم كل تركيزك تخليه

بالتصميم وكل فكرك عشان توضح الفكرة وتكون كاملة .

4- انا مصمم مبتدىء مثلا وما أعرف أصمم ، لازم أدور دروس

ابحث بكل موقع عن أي درس بالبرنامج اللي أنا أصمم فيه

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

الحين خلصنا من بدايات الفوتوشوب والنصائح باقي اننا

نبداء بالدروس لكن قبل ما نبداء بالدروس يجب عليكم

معرفة معاني القوائم اللي بالفوتوشوب اللي فوق

وخصوصا للفوتوشوب الثامن الانجليزي لان زي

ما قلت الشرح راح يكون كله على الانجليزي

.:: لمعرفة ترجمة القوائم الانجليزيه للفوتوشوب ::. (http://www.7zzz7.com/vb/showthread.php?t=2863)

وانتظروا الدرس الاول مني ان شاء الله

وراح انزله قريب بإذن الله

لكم كل الود والاحترام

عبود

[الحلا كله فيني]

مشكوووور اخوي عبود

وفي انتظار الدرس

تحيتي لك

[ReBeL]

وهذي جلسه


وفي الانتظار



ReBeL

[.|| عـبـود ||.]

مشكورين اخواني على مروركم

وآسف على تأخري

والحين راح نبداء بإذن الله

يلا شدوا حيلكم

لكم كل الود

[.|| عـبـود ||.]

http://www.theholidayspot.com/valentine/graphics/rose.gif

.:: الدرس الأول ::.

من مبادئ الفوتوشوب

( كيفية إنشاء صفحة جديدة )

طريقة عمل صفحة جديدة :

أما أن تفتح قائمة ملف (File) ثم أختيار جديد (New)

أو بالضغط على Ctrl+N بعدها سوف تظهر لك هذه القائمة :

http://www.7zzz7.com/images/lesson1.jpg

عادة يفضل ترك درجة الوضوح كما هي 72 إلا في بعض الحالات أو الدروس

يفضل تغييرها وسوف يقام بذكر وجوب تغييرها ..

وهذا شرح لخيارات المقاسات في الفوتوشوب اللي هي Preset Sizes

* ملاحظه جميع المقاسات بوحدة Pixels

H تعني الإرتفاع و W تعني العرض

Custom: أي مقاساتك أنت

Default Photoshop Size: مقاسات الفوتوشوب المعروفة إلي هي

W:504 × H:360

Letter : مقاسات رسالة إلي هي W: 2550 × H: 3300

Legal: مقاسه W: 3300 × H: 4200

Tabloid: مقاسها W: 3300× H: 5100

3×2: هذي مقاسها W: 600×H: 900

6×4 هذي مقاسها W: 1200×H: 1800

7×5 هذي مقاسها W: 1500 × H: 2100

10×8 هذي مقاسها W: 2400 × H: 3000

+-+-+-+-+-+-+-+-+-+-+-+-+-+

شوفوا حبايبي هذول الثلاثة مقاسات خلفيات اللي هم :

480×640

600×800

768×1024

وعادة يفضل إستخدام 768×1024 لأنه إذا جيبت تحط خلفية بتحطها

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

الخلفية أقل من مقاس الشاشة فبتبان عيوب أثناء التصميم ما كانت موجودة

زي التشويش وعدم صفواة الصورة وعدم عرضها بالصورة المتوقعة لدى

المصمم *_^

وهذا المقاس بتلقيه بنفس المجموعة بس هو للبانرز حقت النت :

****** banner: المقاسات W: 468 × H: 60

+-+-+-+-+-+-+-+-+-+-+-+-+

والمجموعة إلي مظللة نفس الشئ إختارها وبتتغير الأرقام المحطوطة

إلى المقاسات حقت الخيار إلي إخترته والـ A4 هذا مقاس ورق الطباعة

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

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

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

اكثر ان شاء الله .. بما ان الدرس الاول سهل راح ادخل على طول بالدرس

الثاني من شأن نستفيد باسرع وقت ..

تابعوا الدرس الثاني >>

[.|| عـبـود ||.]

http://www.theholidayspot.com/valentine/graphics/rose.gif

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


حرف T او آداة الكتابة


للكتابه في برنامج الفوتوشوب نستخدم هذه الاداة http://www.psdland.com:8080/lesson/w-tool/tool1.gif

تحتوي هذه الاداة على الكثير من الفروع اذا لاحظت

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

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

http://www.psdland.com:8080/lesson/w-tool/toolcontan.gif

من الصوره واضح فائدة كل واحد وهي كالتالي :

+-+-+-+-+-+-+-+-+-+-+-+-+-+

1- Horizontal Type Tool للكتابة الافقية .

http://www.psdland.com:8080/lesson/w-tool/right.gif

2- Vertical Type Tool للكتابة العمودية .

http://www.psdland.com:8080/lesson/w-tool/up.gif

3- Horizontal Type mask Tool للكتابة الافقية ولكن

يفرقها عن الاولى : هذه الأداة لما تكتب فيها تحدد لك الكلام

( بخطوط مقطعة ) بدون ماتلونه كأنه محدد بالمقص .

4- Vertical Type mask Tool للكتابة العمودية نفس الكلام

عن سابقتها .

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

سأقوم بشرحه بشكل مبسط ..

http://www.psdland.com:8080/lesson/w-tool/line.gif

1- للتحديد طريقة الكتابه فعند الضغط عليه تظهر لك القائمة

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

2- نوع الخط و تحديدة بالضغط على الزر تظهر لك قائمة كاملة

بالخطوط الموجوده لديك ..

http://www.psdland.com:8080/lesson/w-tool/font.gif

3- حجم الخط و قد لا يناسبك المقاس الموجود في القائمة

عندها قم بكتابه الرقم الذي تريده بدل الرقم المدخل في

صندوق الارقام ..

http://www.psdland.com:8080/lesson/w-tool/sizefont.gif

4- هذه القائمة تحتوي على اشكال الخط .

* ملاحظة في فوتوشوب الداعم للعربي :

في بعض الاحيان قد لا يتوقف الفوتوشوب عن الكتابه بالعربي

مع انه داعم للعربية عندها تأكد من اللقائمه فستجده على

خيار None عدلها كما تريد و سيعود للكتابه بالعربي .

5- للتحديد صف الكتابه هل من اليمين ام اليسار ام توسيط ..

6- اذا كانت الكتابه عربية اضغط على السهم الايمن ليبدأ لك

المؤشر من اليمين و اذا انجليزية اضغط اليسار كي يظهر لك

المؤشر من ناحية اليسار .

7- لون الخط و ستظهر لك لوحة الالوان و اختر منها ما تريد .

8- Warp ********

http://www.psdland.com:8080/lesson/w-tool/warptxt.gif

http://www.psdland.com:8080/lesson/w-tool/warpex.gif

و هذه الطريقة للتغير اسلوب الكتابة

اضغط على Style

و ستظهر لك قائمة بالأشكال التي يمكن ان تحرك بها

الخط و تستطيع تعديل الانحناءات من هذه الارقام

و المعايير الموجوده معها ..

اختر منها ما تشاء و كنماذج للخطوط

9- ستظهر لك هذه القائمة ..

http://www.psdland.com:8080/lesson/w-tool/character.gif

تحتوي على انواع الخطوط :

1- لتحديد نوع الخط

2- مقاس الخط

3- المسافه بين الاسطر

4- المسافه بين الحروف

5- امتداد الكلمة

6- اختيار اللون

7- هذا لحالات الكلمة بحيث

( ممكن تكون على شكل اس او مايل او تحتي او مشخوط او

تحته سطر او او او.... جرب ما راح تخسر شي بس ماهي مهمة .

8- هذي اللغة المستخدمة .

فوق فيه سهم اذا ضغطته تطلع لك هذه القائمة

http://www.psdland.com:8080/lesson/w-tool/list.gif

1 - هذا لتحديد الخط العريض و المائل .

2- لتحويل الخط الى عامودي و افقي .

3- تعديل الحروف اما كبيره و اما صغيره .

4- لوضع خط تحت الكلام او وسط الكلام.

5- من اليمين لليسار و من اليسار لليمين .

6- هذا القسم مهم لكتابه الارقام **

عند كتابة الارقام في الفوتوشوب ستظر لك دوما ارقام

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

اختار

Hindi Numbers

و ستتحول الارقام الى عربية .

+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+

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

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

عندكم يعني هل نمشي خطوه خطوه او تبون اننا

ندخل بحاجات اكثر تعمق يعني انا اللي اشرحه الحين

للمبتدئين فما ادري هل تبون اننا نكمل على الوضع

هذا او ندخل بعمليات الدمج وتركيب الصور على بعض

...:: اتمنى اشوف ارأئكم قبل وضع الدرس الثالث ::..

[الامير]

بارك الله بك , شكراً أخي الكريم