الــدرس الاول :: تصميم الستايل علي الفوتوشب (1)

بسم الله .. و الصلاة و السلام علي رسول الله
سيدنا محمد ابن عبدالله و على اله و صحبه و من اتبعه الي يوم الدين

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

اخواني الافاضل . اعضائنا الكرام

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

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

الـــدرس الاول :: تصميم الستايل علي الفوتوشب (1)
الدرس الثـــاني :: التقطيـــــع علي برنامج الفوتوشب (2)
الدرس الثالـــث :: توزيع الستايل بالفرونت بيج و التركيب (3)
الدرس الرابـــع :: ضبط اعدادات الستايل ( الوان - خطوط ) (4)
الدرس الخامس :: استيراد ملف الـ xml و رفع الستايل علي الموقع (5)

بسم الله نبدئ

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

اولا ندخل علي برنامج الفوتوشب و نفتح عمل جديد بمقاس 790*600

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

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

الهيدر= و هو رأس التصميم يعني الجزء العلوي من العمل
الفوتر = و هو نهاية التصميم يعني الجزء السفلي من العمل

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

منطقة التمدد = المنطقة الي بيكون فيها تمدد الستايل علي حسب اعدادات شاشة المستخدم و بتخلي التصميم يتناسب مع كل الاجهزة

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

و هذا مخطط توضيحي لبنية الستايل

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

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

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

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

هذي نتيجة العمل المبسط الي سويته انا .

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

[size=16]هالدرس جدا مهم قبل ما ننتقل للدرس الثاني
اتمنى اشوف التطبيقات تبعكم الي راح تشتغلو عليها باقي الدورة
و كمان ياريت ما حد يتردد في طرح اي سؤال او استفسار عن الدرس و طريقة العمل

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

اخـــوكم في الله

ايـــــــــــــــــــــــــــــــــــــوب

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

م ن ق و ل

[/size]

يعطيك العافيه وانشا اللله نستفيد منك اميييييييييييييين الــدرس الاول :: تصميم الستايل علي الفوتوشب (1) Icon_biggrin

تحياتي ( بو عقيل)

يعطيك العافيه يا بو عقيل بدايه قويه

عفوا ايوب يعطيك العافيه

» الدرس الثـــاني :: التقطيـــــع علي برنامج الفوتوشب (2)
» الدرس الثالـــث :: توزيع الستايل بالفرونت بيج (3)