مشاهدة النسخة كاملة : تزيين الفواصل
نبض قلبك
11-09-2006, 12:01 AM
[Link nur für registrierte Benutzer sichtbar]
وفي البداية أبي أقول لكم إن تصميم الفواصل ما بيعتمد على أسلوب معين أو طريقة واحدة ،،
بالعكس ،، هو مجال مفتوح يعتمد على عنصرين:
1- خيالكم ،،
2- امكانية استخدامكم لأدوات الفوتوشوب ،،
نبدأ الشرح
الخطوه الاولى:
تعديل صورة الوردة لتتناسب مع حجم الفاصل ،،
الصورة المستخدمة:
[Link nur für registrierte Benutzer sichtbar]
تروحوا لقائمة الادوات اللي على يسار شاشة الفوتوشوب ،، تشوفوا أداة الممحاة ،، نقرة على اليمين على
اداة الممحاة بتظهر لكم قائمة صغيرة ،، اختاروا ثالث واحد ،، الممحاة اللي عليها زى نجمة ،،
[Link nur für registrierte Benutzer sichtbar]
وبعد ما نختار الأداة نروح لشريط التحكم الموجود فى الأعلى ونغير القيم
زى اللى فى الصورة
[Link nur für registrierte Benutzer sichtbar]
عقب ما غيرنا القيمة ،، نكون جاهزين لاستخدام الاداة ،، نقرة وحدة بالماوس على يسار الخلفية ،، ووراح تعرفو
ليه سموها بالممحاة السحرية !!
لاحظوا النتيجة اللي ظهرت لي:
[Link nur für registrierte Benutzer sichtbar]
حلينا مشكلة الخلفية والحمد لله ،، خلونا نحل مشكلة الحجم بإذن الله ،،
يتبع
نبض قلبك
11-09-2006, 12:02 AM
تصغير الصورة عملية سهلة جداً ،،
نروح لـ Image >> image size
غيروا اول رقم بس ،، خلوه : 150،، والرقم اللي تحته بيتغير بشكل تلقائي ،، لان حجم العرض
مرتبط بالطول عشان تغييرنا للحجم ما يأثر على شكل الصورة ،، و بعد كدة اضغطوا Ok
وهذا حجم الصورة بعد التعديل
[Link nur für registrierte Benutzer sichtbar]
وبكدة نكون خلصنا من الخطوة الاولى ،، و الوردة جاهزة لاستخدامها في تصميم الفاصل ،،
الخطوة الثانية:
نخلي الوردة لوحدها،، ونفتح صفحة عمل جديدة،،
File >> New
و أنا اخترت 400 Pixels للعرض
و 200 Pixels للطول
او أي حجم تفضله ،، المهم ان العرض يكون اكثر عن الطول ،،
وأهم حاجة أن الخلفية تكون شفافة
باستخدام أداة التحديد[Link nur für registrierte Benutzer sichtbar](شكل المربع) الموجوده في قائمة الادوات على يسار الشاشة
نرسم شكل مستطيل كما موضح فى الصورة ،،
[Link nur für registrierte Benutzer sichtbar]
دحين راح نلون المساحة اللي حددناها ،،
بس في البداية لازم نختار الالوان ،،
واختاروا اللون اللي يتناسب مع الوردة اللي اخترتوها ،،
وأنا أخترت الأحمر والأخضر
باستخدام اداة التدرج[Link nur für registrierte Benutzer sichtbar] من قائمة الادوات بنلون المنطقة المحددة ،،
واللي مو ظاهر عنده يروح على رمز السطل [Link nur für registrierte Benutzer sichtbar] ونقرة على اليمين بالماوس ،، وياخذ الاختيار الاول من القائمة اللي بتظهرله ،،
انتظروني
يتبع
نبض قلبك
11-09-2006, 12:04 AM
معليش لان الصفحة ما تاخذ روابط كثيرة فضطريت افتح صفحة جديدة
نكمل
في طريقة ثانية للتلوين ،، باستخدام الاستايل ،،
باستخدام رمز السطل [Link nur für registrierte Benutzer sichtbar] نلون المساحة المحددة ،، بعد كدة نضغط على اي مربع يعجبنا من بوكس الاستايل،،
[Link nur für registrierte Benutzer sichtbar]
ملاحظة مهمة: اللي يستخدم الاستايل ينتقل للخطوة الرابعة على طول ،، ماراح يحتاج للخطوة الثالثة
]خلصنا من علامة التحديد (المستطيل المنقط) ،، شيلوها ،،الحين
اضغطوا على Ctrl + D لإزالة التحديد بيصير المستطيل بالشكل التالي:
[Link nur für registrierte Benutzer sichtbar]
الخطوة الثالثة:
في هذه الخطوة بنضيف نوع من الواقعية على المستطيل الجامد ،، يعني شوية ظل عشان نعطيه تأثير البروز ،،
نروح لـ بوكس اليرات ،، وتشوفوا اللير اللي أشتغلنا عليه ،، نقرة على اليمين وبتظهر لنا قائمة نختار منها Blending Options
بيظهر لنا بوكس كبير ،، على يساره قائمة بالخصائص المؤثرة ،، ماراح احتاج منها غير الاول والثاني ،،
أما الخاصية الاولى ،، فهي اسقاط الظل Drop Shadow ، نكتفي بان نحط علامة صح في البوكس الصغير ــ يعني مجر كلك في المربع الصغير [Link nur für registrierte Benutzer sichtbar]
والخاصية الثانية تحتها على طول ،، واسمها Inner Shadow يعني اضافة ظل داخلي على الشكل،، هذي الخاصية لازم نضغط على الكلمة نفسها عشان بنغير فيها شوية ،، لاحظوا مكان الماوس من الكلمة:[Link nur für registrierte Benutzer sichtbar]
نبض قلبك
11-09-2006, 12:05 AM
هلاااااااااااااااااااا
طبعاً محتويات البوكس بتتغير بالكامل ــ ما عدا القائمة اللي على اليسار ــ
ضمن الاشياء اللي بتظهر لنا مربع صغير باللون الاسود ،، احنا نبي نغير اللون الاسود للون يتناسب مع لون الشكل والورد المستخدم ،،
عشان كدة بنضغط على المربع الاسود بالماوس ،،
بتظهر لنا قائمة الالوان ،،
أختاروا اللون المناسب للتصميم
بعد ما تختاروا اللون ،، خلوا باقي الخصائص مثل ما هي ،،
ممكن انكم تجربون باقي الخصائص اللي في البوكس ،، بتحصلون على تأثيرات حلوة للي عايز ينوع ،،
وعقب ما انتهينا من الخاصية الثانية ،، نضغط Ok
لاحظوا التغيير الحاصل على المستطيل
[Link nur für registrierte Benutzer sichtbar]
الخطوة الرابعة والأخيرة:
نروح لصورة الوردة اللي خليناها لوحدها ،، وباستخدام علامة المؤشر[Link nur für registrierte Benutzer sichtbar] الموجوده في اعلى يمين قائمة الادوات
نسحب الوردة من مكانها ونحطها في صفحة العمل الجديدة اللي اشتغلنا عليها ،،
بعد ما نقلنا الوردة للمستطيل ،، بنفس الأداة[Link nur für registrierte Benutzer sichtbar] ـ المؤشر نرتبها في مكان مناسب ،،
عشان نعطي منظر حلو للفاصل ،، ،،
مثل الصورة:
[Link nur für registrierte Benutzer sichtbar]
نبض قلبك
11-09-2006, 12:06 AM
ممكن تسحبون الوردة أكثر من مرة لوضعها في اكثر من مكان على الفاصل ،،
اللي حابب يضيف تأثيرات الـ Blending Options على الوردة ،، بيكون شي حلو ،، وهو في النهاية
يعتمد على اسلوبكم في التنسيق ،،
لو تلاحظون الفاصل ضايع في صفحة العمل ،، صح؟!!
باستخدام أداة القطع [Link nur für registrierte Benutzer sichtbar]الموجودة في قائمة الادوات ،،
نحدد حواف الصورة ــ خذوا مساحات بسيطة من الحواف ــ ونضغط على Enter من لوحة المفاتيح ــ ،،
لاحظوا الصورة:
[Link nur für registrierte Benutzer sichtbar]
خطوة اخيرة ومهمة ،،
الفاصل لازم يتخزن بصيغة gif لا غير ،، لاننا لو خزناه بصيغة ثانية ،، بيتخزن الفاصل على شكل مربع ،،
يعني خلفية الفاصل بتكون بيضه مش شفافه ،، وأحنا عايزين الخلفية تكون شفافة ،،
عند التخزين ،، نروح للقائمة:
File >> Save as
نكتب اسم الفاصل عادي ،، بتلاحظون ان تحت شريط الاسم شريط ثاني مكتوب على يساره Format
وعلى يمينه سهم صغير اضغطوا على السهم عشان تظهر لكم قائمة الصيغ ،، اختاروا منها صيغة GIF
وبعد كذا اضغطوا Save
النتيجة النهائية
[Link nur für registrierte Benutzer sichtbar]
على فكرة وانا أزين بالدرس اتعفس 60 مليون ألف واربعمية عفسة الله لا يوريكم
بس بالنهاية الحمد لله طلع حلو
وهذا تصميمي على الدرس
وروني تصاميمكم
[Link nur für registrierte Benutzer sichtbar]
^10^
نبوووض
هديـل
11-10-2006, 12:22 PM
مجهووود حلوووو
ان شاء الله الكل يستفيد من موضوعك نبووض
الف شكر لك
بحر العيون
12-08-2006, 07:37 PM
تسلمي نبض على هيك درس
vBulletin® v3.6.7, Copyright ©2000-2008, TranZ by Almuhajir