الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

تصميم المواقع بالفوتوشوب

مغلق
بدأه أسامة في 3 يونيو 2004 · 9 رد · 9,784 مشاهدة · في ارشيف لقسم الفلاش والجرافيكس
مشاركة: واتساب X فيسبوك تيليجرام
#1 صاحب الموضوع

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

كما وعدناكم بدروس تصميم المواقع بأشهر برنامج لتحرير الرسوميات >>الفوتوشوب<<

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

* الدروس متقطعه لذلك بعد الإنتهاء قم بحفظ عملك وذلك من قائمة File إختر Save ،، وعند إستكمال الدرس قم بفتح الملف من جديد :)

* هناك عده مراحل تتكرر معنا لذلك يجب حفظ الطريقة ( مثلاً سنحتاج لعمل طبقات عده مرات ،، يجب عليك معرفة كيف تضيف طبقه ) ,

لا أطيل ،، هذا الدرس ،،،،، بسم الله الرحمن الرحيم

إفتح برنامج الفوتوشوب ومن قائمة فايل إختر نيو :

asve.jpg

وضع هذه الإعدادات :

1.jpg

ملاحظة / مقاس العمل صغير وذلك ليكون أسهل في التعامل ،،، ‏المقصد هو أن تعرف كيف تبني موقعاً بالفوتوشوب ،، وفي ‏المستقبل اختر المقاسات التي تناسب موقعك .‏

قبل البدء يجب أن نجهز الأدوات والألواح والبيئة التي نحتاجها في ‏التصميم ،،

لذلك قم بعمل الآتي :‏

‏- إذهب إلى قائمة وندوز ويجب أن تضع علامة صح أمام الخيارات ‏الموضحة بالصورة

‏ ( وذلك بالنقر عليها فقط ).‏

widwis.jpg

‏- قم بعمل تكبير لصفحة العمل بنسبة 100% وذلك من الصندوق ‏الصغير والذي يقع بالزاوية اليسرى بالأسفل .‏

‏- لا تنسى تكبير نافذة العمل ،،، كما هو معروف ( إنظر الصورة )‏

takper.jpg

‏- أيضاً يجب أن نضع الشبكة لكي تساعدنا في عمل الأشكال ‏بدقة وذلك من قائمة ‏view>>show>>grid‏ .‏

show-grid.jpg

‏- ولا ننسى أن نتحكم في أبعاد الشبكة بما يناسب طول وعرض ‏العمل ،،، لذلك إذهب إلى قائمة ‏Edit>>>preferences>>>Guides,grid&slices‎‏ . ‏

وضع القيم كما في الصورة ، ‏

grid.jpg

الآن أصبح كل شئ جاهز

‏-‏قم بإضافة لير جديد ( طبقه جديدة) وذلك بالظغط ‏على ‏Shift+Ctrl+N‏ ،، سيخرج لك صندوق إنقر ‏موافق ،، ستلاحظ وجود الطبقة في لوحة الطبقات ‏‏( كما تشاهد في الصورة)

layer.jpg

‏قم بالنقر مرتين على الطبقة الجديدة ثم قم ‏بتسميتها بـ ( الاطار)

‏

‏-‏قم بنقر على زري ‏ctrl+A‏ وذلك تحديد العمل كله ‏( ستلاحظ وجود تحديد متحرك على العمل).‏

‏

أحللت يا عود الآراكِ بثغرها - ما خفت يا عود الآراكِ آراكَ

لو كنت من أهل القتالِ قتلتكَ - ما فاز مني يا سواكُ سواكَ

#2

‏إذهب إلى قائمة ‏Edit>>Strok‏ ،،

edite.jpg

وضع الإعدادات التالية::

2.jpg

‏-‏قم بإنشاءلير آخر ( طبقة جديدة ) وذلك بالظغط على ‏Shift+Ctrl+N‏ .،،،، ثم قم بالنقر على هذا ‏اللير مرتين وغير إسم اللير إلى ( أسود).‏

‏( لاتنسى إظهار الشبكة ،، إن لم تكن ظاهرة فإنقر ‏مفتاحي ‏Ctrl+;‎‏ )‏

‏-‏قم بإختيار آداة التحديد المربع وقم بعمل تحديد على ‏أعلى الصفحة بكامل عرض الصفحة وبإرتفاع ثلاث ‏مربعات ،، ( كما تشاهدون بالصور التحديد بثلاث ‏مربعات ).‏

morab3.jpg

mostateel.jpg

‏-‏إختر آداة التعبئة ثم إختر اللون الأسود وقم بتعبئة ‏التحديد ،، ( عند النقر على أي أداة ستلاحظ وجود ‏شريط خياراتها بالأعلى،، تأكد بأن تكون الخيارات كما ‏هي مطابقة بالصورة.

kauarat.jpg

t3beah.jpg ‏

‏-‏إنقر على زري ‏Ctrl+D‏ وذلك لإلغاء التحديد،،‏

‏-‏إنشئ لير جديد ( طبقة جديدة) ،، وقم بتسميتها ‏‏(البرتقالي الاعلى ).‏

‏-‏إنقر على آداة التحديد المربع وقم بعمل تحديد ‏بأسفل المستطيل الأسود بطول 7 مربعات .

ثم إختر آداة التعبئة وإختر اللون البرتقالي مثلاً ( أو غير إلى أي لون تريد)

وقم بالنقر على التحديد لكي يصبغ بللون الذي إخترت ،

a_362004425370.369198.jpg

إنقر على زري Ctrl+D لإلغاء التحديد .

إنتهت المرحلة الأولى

تم تعديل هذه المشاركة بواسطة أسامة في 3 يونيو 2004 في 14:26

أحللت يا عود الآراكِ بثغرها - ما خفت يا عود الآراكِ آراكَ

لو كنت من أهل القتالِ قتلتكَ - ما فاز مني يا سواكُ سواكَ

#3

مشكور على الدرس الرائع يا أستاذ أسامة

#4

العفو يا جو ،، وإن شاء الله تكون طبقت الدرس :)

أحللت يا عود الآراكِ بثغرها - ما خفت يا عود الآراكِ آراكَ

لو كنت من أهل القتالِ قتلتكَ - ما فاز مني يا سواكُ سواكَ

#5

درس ممتاز ولقد طبقته باللون الازرق وليس البرتقالي... انتظر الجزء الثاني بفارغ الصبر :D

PAT.jpg

تم تعديل هذه المشاركة بواسطة راكان الحنيطي في 4 يونيو 2004 في 13:48

راكان الحنيطي

Be Open Source

opensource-550x4752.gif

#6

أخيرا تم التطبيق و فى انتظار باقى الدروس و مشكوووووووووووووور

#7

راكان وراك مستعجل :)

مابعد خلص الدرس ،،

لكن شئ جميل ،،،، موقعك حلو

أحللت يا عود الآراكِ بثغرها - ما خفت يا عود الآراكِ آراكَ

لو كنت من أهل القتالِ قتلتكَ - ما فاز مني يا سواكُ سواكَ

#8

مشكور علي الدرس الممتع

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

{وقل اعملوا فسيرى الله عملكم ورسوله والمؤمنون}

صدق الله العظيم

#9

العفو صقر زمانة ،،،،، وبالتوفيق للجميع

أحللت يا عود الآراكِ بثغرها - ما خفت يا عود الآراكِ آراكَ

لو كنت من أهل القتالِ قتلتكَ - ما فاز مني يا سواكُ سواكَ

#10

مشكور حبيبي على الدرس الجميل

هذا الموضوع مغلق.

مواضيع مشابهة

عدد الزوار حالياً

المتواجدون خلال آخر دقيقتين · يتحدّث كل ٣٠ ثانية

—الإجمالي—أعضاء مسجّلون—زوار بدون تسجيل

جارٍ التحقق من المتواجدين…