بسمه تعالى
اللهم صل وسلم على محمد وآله الأطهار
إن أحببت زائري الكريم التسجيل معنا فمرحبا بك أخا وعزيزا
وإن أحببت أن تسجل دخولك فمرحبا بك ونسعد بتواجدك
ولانسألكم سوى الدعاء
SmileSmileSmile

موفقيــ،ـ،ـن
بسمه تعالى
اللهم صل وسلم على محمد وآله الأطهار
إن أحببت زائري الكريم التسجيل معنا فمرحبا بك أخا وعزيزا
وإن أحببت أن تسجل دخولك فمرحبا بك ونسعد بتواجدك
ولانسألكم سوى الدعاء
SmileSmileSmile

موفقيــ،ـ،ـن
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.



 
الرئيسيةأحدث الصورالتسجيلدخول


 

 شرح كامل لطريقة تصميم لستايلات

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
أثير المحبه
الإداره
الإداره
أثير المحبه


الأوسمه : شرح كامل لطريقة تصميم لستايلات _14
عدد المشاركات : 1279
الموقع : زحل

شرح كامل لطريقة تصميم لستايلات Empty
مُساهمةموضوع: شرح كامل لطريقة تصميم لستايلات   شرح كامل لطريقة تصميم لستايلات I_icon_minitimeالجمعة أبريل 10, 2009 2:58 am

.. :: ][ .. تصميم الإستايل .. ][ ::..


لكل شخص طريقته في التصميم و لكل شخص إحترافيته ..

بسم الله نبداء ,,

أفتح الفوتوشوب < تحتاج صورة ؟

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



شرح كامل لطريقة تصميم لستايلات 988fdf9d468e0c072e10a7f6579d8852724332597



نختار المقاسات مع اسم التصميم


شرح كامل لطريقة تصميم لستايلات Img-resized تم تقليل : 91% من الحجم الأصلي للصورة[ 557 x 315 ] - إضغط هنا لعرض الصورة بحجمها الأصلي
شرح كامل لطريقة تصميم لستايلات F0c01afdc6c3fc0d15b1dd0f415022711934084140



الان فتح العمل أمامنا .. لوحة بيضاء فارغه ..

كل اللي أريده منك تتخيل أن هذا هو الإستايل اللي راح تصممه ..

و هذا هو العمل أمامك تلعب فيه على راحتك .. و راح يكون بمثابة ستايل خاص فيك ..


/

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



شرح كامل لطريقة تصميم لستايلات 5435420d5a4949e83502b331ee6db060775797421



مجرد تضع علامة الصح على كلمة Extras
راح تلاحظ إن تصميمك تحول على هيئه شبكه .. و إذا تبغى تلغي الشبكه ألغيها بإزالة الصح ..

الى الآن تمام يا جماعه ؟

طيب

الحين نبداء بمرحله أوليه .. اللي هي إختيار لون الإستايل
من صندوق الأدوات اللي على يسار الفوتوشوب .. إختار أداة [السطل] و صورتها زي كذا :


شرح كامل لطريقة تصميم لستايلات 68ad6c24bf9b3a3e2b6085e36e10a25b1139270804


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

نجي الحين للنقطه المهمه اللي هي تصميم الهيدر ..
الهيدرهو أعلى المنتدى

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


من الأدوات على اليسار نختار أداة الشكل المستطيل و هذي صورتها ..


شرح كامل لطريقة تصميم لستايلات 6a26ed991f7a1f27b418251647efd20e841163924



بالتأكيد راح يكون لون الهيدر مختلف إختلاف بسيط عن لون الخلفيه اللي قبل شوي سويناه ..
بعد إختيارك للأداه .. إختر أداة الألوان و أختار لك لون مشابة للون اللي قبل شوي ..
و مو مشكله لو كان لون ثاني ..
أهم شي يكون فيه تناسق مع اللون اللي قبله .. حلو ؟

شرح كامل لطريقة تصميم لستايلات 37d3ff41f5e1802b1976716c288bbbcd1997195364



طيب أرسم مستطيل أعلى التصميم ..
مثل الصورة هذي ..



شرح كامل لطريقة تصميم لستايلات Img-resized تم تقليل : 64% من الحجم الأصلي للصورة[ 799 x 214 ] - إضغط هنا لعرض الصورة بحجمها الأصلي
شرح كامل لطريقة تصميم لستايلات F9cfea5d1fc897239cd042e489de309a612407347



لو تلاحظون لنقاط الشبكه .. تحصلون أخذت 9 نقاط .. صحيح ؟
الحقيقه هي على كيفك .. بس أعتبر إن هذا هيدر
يعني لا ينزل كثير ..


حلو .. خلصنا من الهيدر ..
نبغى نتلاعب فيه شوي .. يعني نضيف عليه لمسات خفيفه ,

من صندوق الليرات نختار ..



شرح كامل لطريقة تصميم لستايلات E0657b8ec8c00f3493083f16dc3b84a71764422359


و ثم


شرح كامل لطريقة تصميم لستايلات Img-resized تم تقليل : 85% من الحجم الأصلي للصورة[ 600 x 438 ] - إضغط هنا لعرض الصورة بحجمها الأصلي
شرح كامل لطريقة تصميم لستايلات A3b281e06481940330e0824dc037b36b1524148576


ثم


شرح كامل لطريقة تصميم لستايلات Img-resized تم تقليل : 84% من الحجم الأصلي للصورة[ 605 x 443 ] - إضغط هنا لعرض الصورة بحجمها الأصلي
شرح كامل لطريقة تصميم لستايلات 5a89f395ea37533b7232a11fca88c1c91931248154


يتبــــــــــــــــــــــــــــع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
أثير المحبه
الإداره
الإداره
أثير المحبه


الأوسمه : شرح كامل لطريقة تصميم لستايلات _14
عدد المشاركات : 1279
الموقع : زحل

شرح كامل لطريقة تصميم لستايلات Empty
مُساهمةموضوع: رد: شرح كامل لطريقة تصميم لستايلات   شرح كامل لطريقة تصميم لستايلات I_icon_minitimeالجمعة أبريل 10, 2009 3:01 am

أضغط ok آخر شي ..
نكون كذا خلصنا من الهيدر .. ايش باقي ؟
باقي إضافة الصور عليه ..
و لا تخافون راح أتطرق لعملية دمج الصور


خلصنا من الهيدر .. متبقي علينا الفوتر
الفوتر هو عكس الهيدر .. أي أن الهيدر هو أعلى المنتدى
الفوتر هو أسفل المنتدى ..
ما يحتاج أقولك أبداء و أشتغل من جديد .. لا
نبغى يكون تصميم الفوتر مشابه لتصميم الهيدر ..
و العمليه سهله جداً ..

على لاير الهيدر .. كليك يمين و أختار دبل مثل الصورة هذي ..


شرح كامل لطريقة تصميم لستايلات 27b6ba9b2d05cbf121d0e18f33a0a8a71193430690



ثم إختار أداة التحريك ..


شرح كامل لطريقة تصميم لستايلات 404c35e799634d9f380e245a706970f31854714686



الأن روح لمنطقة الهيدر و كليك يسار بالفاره و أسحبه لين تحت ..
تحصل إن الهيدر بقي مثل ما هو و الطبقه الثانيه نزلت لين تحت ..
حط فـ بالك شي واحد ..
إن الفوتر دايم مقاسه أقل من الهيدر يعني أنا أخذت 9 نقاط في الهيدر ..
راح آخذ أقل من الـ 9 نقاط بالفوتر و نقول مثلاً 4 نقاط
لاحظوا كيف ..


شرح كامل لطريقة تصميم لستايلات Img-resized تم تقليل : 61% من الحجم الأصلي للصورة[ 826 x 493 ] - إضغط هنا لعرض الصورة بحجمها الأصلي
شرح كامل لطريقة تصميم لستايلات Ad68bb9df08feea6054697999b6ac86786982105


مثل ما تشوفون إن مقاس الهيدر أكبر من مقاس الفوتر
لحد الحين تمام .. ؟


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


شرح كامل لطريقة تصميم لستايلات Img-resized تم تقليل : 60% من الحجم الأصلي للصورة[ 842 x 498 ] - إضغط هنا لعرض الصورة بحجمها الأصلي
شرح كامل لطريقة تصميم لستايلات 1b4e2f6125ef9591f943f50a0ac631ce888095289



زي ما أتفقنا مو ناقص علينا غير الصور .. و هي نقطتنا القادمه


:

:
الرجوع الى أعلى الصفحة اذهب الى الأسفل
أثير المحبه
الإداره
الإداره
أثير المحبه


الأوسمه : شرح كامل لطريقة تصميم لستايلات _14
عدد المشاركات : 1279
الموقع : زحل

شرح كامل لطريقة تصميم لستايلات Empty
مُساهمةموضوع: رد: شرح كامل لطريقة تصميم لستايلات   شرح كامل لطريقة تصميم لستايلات I_icon_minitimeالجمعة أبريل 10, 2009 3:02 am

.. :: ][ .. دمج الصور داخل الأشكال .. ][ ::..

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


شرح كامل لطريقة تصميم لستايلات 06d3bb8c71ee2ba97226ca86af5d4b461411281336


شرح كامل لطريقة تصميم لستايلات Img-resized تم تقليل : 87% من الحجم الأصلي للصورة[ 584 x 644 ] - إضغط هنا لعرض الصورة بحجمها الأصلي
شرح كامل لطريقة تصميم لستايلات 88d7a1daea9ea3e906105b6ba2e12cbb234310834


الحين اللاير حق الصورة ..
راح يكون فوق لاير الهيدر .. حلو ,,
من لوحة المفاتيح أضغط على Ctrl+G
راح تحصل إن الصورة دخلت تلقائي داخل الشكل .. بس يبغالك شي واحد اللي هو تمسح الحدود حقت الصورة
من أداة الممحاه ..
و إذا تبي الصورة تكون ألوانها متناسقه مع لون التصميم
غير المود للصورة من Normal الى luminosity
يمكن يسألني أي شخص كيف أغير مود الصورة ؟
تغيير المود كذا .. ضلل لير الصورة و غير ..


شرح كامل لطريقة تصميم لستايلات C16ab56cae31c88a4e999e715f6c80ce1432246030




يتبـــــــــــــــــــــع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
أثير المحبه
الإداره
الإداره
أثير المحبه


الأوسمه : شرح كامل لطريقة تصميم لستايلات _14
عدد المشاركات : 1279
الموقع : زحل

شرح كامل لطريقة تصميم لستايلات Empty
مُساهمةموضوع: رد: شرح كامل لطريقة تصميم لستايلات   شرح كامل لطريقة تصميم لستايلات I_icon_minitimeالجمعة أبريل 10, 2009 3:03 am

. :: ][ ..عمل الهيدر بالمنحنيات .. ][ ::..
أداة الباث .. أساس إحتراف أي ستايل ..
أداة موجوده داخل الفوتوشوب تساعد في عمل المنحنيات .. و أغلب الإستايلات تعتمد عليه ..
الميزه اللي يستصعبها الشخص فيها .. إن مالها شكل محدد ..
مجرد تتعلمها راح تسوي اللي في بالك فيها .. حتى تقدر تكتب اسمك و ترسم اي شكل فيها ..

و العرب شخص ما يحب يفكر .. يبغى كل شي جاهز و عشان كذا صعبه


المهم .. بعد رسمك للمستطيل حق الهيدر ..
نختار أداة الباث من هنا



شرح كامل لطريقة تصميم لستايلات Ec9498251634742357d21cb0d35a3373710365033



نحدد نقاط على مستطيل الهيدر .. في أي منطقه ما يهم
على حسب تشكيلك ..


شرح كامل لطريقة تصميم لستايلات Img-resized تم تقليل : 60% من الحجم الأصلي للصورة[ 848 x 246 ] - إضغط هنا لعرض الصورة بحجمها الأصلي
شرح كامل لطريقة تصميم لستايلات 1ddfa0dba8ecd3d1a3d0e730da024b0b1887346679


بعد تحديد النقاط .. نختار الأداة هذه

شرح كامل لطريقة تصميم لستايلات 982d6777b12305e523b27ae763ea647a1361390769



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


شرح كامل لطريقة تصميم لستايلات Img-resized تم تقليل : 57% من الحجم الأصلي للصورة[ 884 x 204 ] - إضغط هنا لعرض الصورة بحجمها الأصلي
شرح كامل لطريقة تصميم لستايلات 8ec5983ab8c4cbb69bd11b9deeafe6291909814362


كررت لاير الهيدر ثلاث مرات .. و كل لاير خليت له تاثير مختلف
و زي كذا الفكره ..


شرح كامل لطريقة تصميم لستايلات Img-resized تم تقليل : 59% من الحجم الأصلي للصورة[ 861 x 225 ] - إضغط هنا لعرض الصورة بحجمها الأصلي
شرح كامل لطريقة تصميم لستايلات 4c18c519b191a24495f67796ca3cdd771533996643





بــــــــــــــــــــح


يالله ياهاني المبشر سو لينا ستايل جديد



الجزء الثاني قريبا طريقة تقطيع الستايلات


وملتوووووش لعيونكم


موفقين
الرجوع الى أعلى الصفحة اذهب الى الأسفل
حلم مجنون
مشرفه
مشرفه
حلم مجنون


الأوسمه : شرح كامل لطريقة تصميم لستايلات 10
عدد المشاركات : 661
الموقع : مدرسة العشق

شرح كامل لطريقة تصميم لستايلات Empty
مُساهمةموضوع: رد: شرح كامل لطريقة تصميم لستايلات   شرح كامل لطريقة تصميم لستايلات I_icon_minitimeالجمعة أبريل 10, 2009 4:44 am

تسلمي حبوبه





ع الروئع اللي تقدميها







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


الأوسمه : شرح كامل لطريقة تصميم لستايلات _14
عدد المشاركات : 1279
الموقع : زحل

شرح كامل لطريقة تصميم لستايلات Empty
مُساهمةموضوع: رد: شرح كامل لطريقة تصميم لستايلات   شرح كامل لطريقة تصميم لستايلات I_icon_minitimeالجمعة أبريل 10, 2009 4:59 am

الله يسلمك

نورتي

بإطلالتك البهيه

لاخلا و لاعدم

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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: °°°•°°°°•.¸° قسم التكنولوجيا التقنيه والإتصالات °•.¸¸.°°°•°° :: أثير الكمبيوتر والإنترنت والبرامج المشروحه-
انتقل الى: