درس تصميم الفواصل

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

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


درس تصميم الفواصل



الفاصل اللي بنتعلم كيفية تصميمه يعتمد على:

* صور الورود وتعديلها عشان يتناسب مع حجم الفاصل
* ادوات التحديد
* الألوان والتحكم بخصائص الظل

الأمثلة
http://www.jewelsuae.com/psd/allDoro...l/dFa9el01.gif

أدوات الدرس

http://www.jewelsuae.com/psd/allDoro...el/dFa9el1.jpg

http://www.jewelsuae.com/psd/allDoro...el/dFa9el2.jpg

http://www.jewelsuae.com/psd/allDoro...el/dFa9el3.jpg

http://www.jewelsuae.com/psd/allDoro...el/dFa9el4.jpg

http://www.jewelsuae.com/psd/allDoro...el/dFa9el5.jpg

خزنوا اي صورة ،، وافتحوها في الفوتوشوب ،، بتلاحظو ان الصورة عليها علامة القفل ،، القفل ما يأثر على شغلنا ،، كملوا وانتوا مرتاحين ،، بمجرد ما تشتغلوا في الصورة يتشال ،،



يتبع ان شاء الله

الخطوه الاولى:

تعديل صورة الوردة لتتناسب مع حجم الفاصل ،،

الصورة المستخدمة:
http://www.jewelsuae.com/psd/allDoro...el/dFa9el4.jpg

في البداية لازم نطلع الوردة من الخلفية ،، طبعاً فى طرق مختلفة للتخلص من الخلفية ،، لكن في الحالة دى بنستخدم أداة الممحاة السحرية Magic Eraser Tool ،، بنظري دى اسهل طريقة ،،

فين نلاقي هذه الأداة ؟؟

تروحوا قائمة الادوات اللي على يسار شاشة الفوتوشوب ،، تشوفوا أداة الممحاة ،، نقرة على اليمين على اداة الممحاة بتظهر لكم قائمة صغيرة ،، اختاروا ثالث واحد ،، الممحاة اللي عليها مثل نجمة ،،

http://file12.9q9q.net/local/thumbna...33/600x600.gif


ولممحاتنا السحرية بتلاحظوا فوق في الشريط مكتوب Tolerance وامامه رقم ،، حطوا رقم 100 لان هذه القيمة هي الافضل لإزالة الخلفية اللي نتعامل معاها في الصورة السابقة ،،

http://file12.9q9q.net/local/thumbna...46/600x600.gif


بعد ما غيرنا القيمة ،، نكون جاهزين لاستخدام الاداة ،، نقرة وحدة بالماوس على يسار الخلفية ،، وبتعرفوا لي سموها بالممحاة السحرية !!


http://file12.9q9q.net/local/thumbna...22/600x600.gif



يتبع...انتظرونا ان شاء الله

تصغير الصورة عملية سهلة جداً ،،
نروح لـ Image >> image size


http://file12.9q9q.net/local/thumbna...17/600x600.gif





لما نضغط على image size بيظهر لنا بوكس الحجم ،،

غيروا اول رقم بس ،، خلوه : 150،، والرقم اللي تحته بيتغير بشكل تلقائي ،، لان حجم العرض مرتبط بالطول عشان تغييرنا للحجم ما يأثر على شكل الصورة ،، وبعد كدة اضغطوا Ok

لاحظوا الصورة:
http://file12.9q9q.net/local/thumbna...97/600x600.gif


والنتيجة:


http://file12.9q9q.net/local/thumbna...16/600x600.gif


وبكدة نكون خلصنا من الخطوة الاولى ،، واصبحت الوردة جاهزة لاستخدامها في تصميم الفاصل

نخلي الوردة ونفتح صفحة عمل جديدة،،

File >> New


http://file13.9q9q.net/local/thumbna...18/600x600.gif


و اخترت 400 Pixels للعرض
و 200 Pixels للطول

او اي حجم تفضله ،، المهم ان العرض يكون اكثر عن الطول ،،
على الفكرة هذا الحجم كبير جدا بالنسبة لفاصل ،، لكن عشان نآخذ راحتنا في التحكم بالعناصر ،، ولما انخلص شغلنا ان شاء الله ،، بنقصه عشان نرتب الفاصل ،،



واتأكدوا انكم اخترتوا Transparent ،، يعني خلفية شفافة ،،

شوفوا الصورة:
http://file13.9q9q.net/local/thumbna...57/600x600.gif



دلوقتى وباستخدام أداة التحديد(شكل المربع) الموجوده في قائمة الادوات على يسار الشاشة نرسم شكل مستطيل ،،
http://file13.9q9q.net/local/thumbna...56/600x600.gif

لاحظوا الصورة:


http://file12.9q9q.net/local/thumbna...76/600x600.gif

دلوقتى بنلون المساحة اللي حددناها ،،

بس في البداية لازم نختار الالوان ،،

للتسهيل الشرح اضغطوا على حرف D من لوحة المفاتيح وتتحول الالوان للأبيض والاسود ،،http://www.jewelsuae.com/psd/Basik/blakwhite.gif دلوقتى انقروا على اللون الاسود عشان تطلعو قائمة الالوان ،، واختاروا اللون اللي يتناسب مع الوردة اللي اخترتوها ،،

وهنا انا اخترت اللون الاحمر بالدرجة: CC3333 #

شوفوا الصورة:

http://file12.9q9q.net/local/thumbna...32/600x600.gif


وبعد ما نتهيت من هذه العملية شكل الألوان اصبح مثل هذا http://www.jewelsuae.com/psd/Basik/red.gif


دلوقتى باستخدام اداة التدرج من قائمة الادوات بنلون المنطقة المحددة ،، واللي مش ظاهر عنده ،، ويكون على رمز السطل ونقرة على اليمين بالماوس ،، وياخذ الاختيار الاول من القائمة اللي بتظهرله ،،

شوفوا الصورة:
http://file12.9q9q.net/local/thumbna...29/600x600.gif

اضغطوا بالماوس على يمين المستطيل واسحبوه لحد ثلاثة ارباع المساحة وسيبوه (ارفعوا ايدكم عن الماوس)

http://file12.9q9q.net/local/thumbna...51/600x600.gif

خلصنا من علامة التحديد (المستطيل المنقط) ،، شلوها ،،

كيف نتخلص من علامة التحديد؟؟
اضغطوا على Ctrl + D من لوحة المفاتيح وبتنشال على طول

الخطوة الثالثة:

في هذه الخطوة بنضيف نوع من الواقعية على المستطيل الجامد ،، يعني شوية ظل عشان نعطيه تأثير البروز ،،

نروح لـ بوكس اليرات ،، اتشوفوا اللير اللي نشتغل عليه ،، نقرة على اليمين وبتظهر لنا قائمة نختار منها Blending Options

شوفوا الصورة ،،

http://file12.9q9q.net/local/thumbna...16/600x600.gif


بيظهر لنا بوكس كبير ،، على يساره في قائمة بالخصائص المؤثرة ،، مش بنحتاج منها غير الاول والثاني ،،

أما الخاصية الاولى ،، فهي اسقاط الظل Drop Shadow ، نكتفي بان نحط علامة صح في البوكس الصغير ــ يعني مجرد كلك في المربع الصغير http://www.jewelsuae.com/psd/Basik/DropShadow.gif ،،

والخاصية الثانية تحتها على طول ،، واسمها Inner Shadow يعني اضافة ظل داخلي على الشكل،، هذي الخاصية لازم نضغط على الكلمة نفسها عشان بنغير فيها شوية ،، لاحظوا مكان الماوس من الكلمة: http://www.jewelsuae.com/psd/Basik/InnerShadow.gif


طبعاً محتويات البوكس بتتغير بالكامل ــ ما عدا القائمة اللي على اليسار ــ

ضمن الاشياء اللي بتظهر لنا مربع صغير باللون الاسود ،، احنا عاوزين انغير اللون الاسود للون يتناسب مع لون الشكل والورد المستخدم ،،

عشان كدة بنضغط على المربع الاسود بالماوس ،،

لاحظوا:
http://file12.9q9q.net/local/thumbna...85/600x600.gif


بتظهر لنا قائمة الالوان ،، وانا اخترت هذه الدرجة: 660000 # ،، (المفروض انكم تختاروا اللون المناسب وبعد كدة تضغطوا على OK

لاحظوا الصورة

http://file12.9q9q.net/local/thumbna...39/600x600.gif


وبعد ما انتهينا من الخاصية الثانية ،، نضغط Ok

لاحظوا التغيير اللى حصل على المستطيل:
http://file12.9q9q.net/local/thumbna...68/600x600.gif

روح لصورة الوردة اللي خليناها على جنب ،، وباستخدام علامة المؤشر الموجوده في اعلى يمين قائمة الادوات http://www.jewelsuae.com/psd/Basik/moAsherjewels.gif نسحب الوردة من مكانها ونضعها في صفحة العمل الجديدة اللي اشتغلنا عليها ،، مكان ما حطينا المستطيل ،،

بعد ما نقلنا الوردة للمستطيل ،، بنفس الأداة ـ المؤشر http://www.jewelsuae.com/psd/Basik/moAsherjewels.gif ـ نحطها في مكان مناسب ،، عشان نعطي منظر حلو للفاصل ،، وهنا انا اخترت يسار المستطيل كمكان للوردة ،،

شوفوا الصورة:
http://file13.9q9q.net/local/thumbna...15/600x600.gif


ممكن تسحبوا الوردة أكثر من مرة لوضعها في اكثر من مكان على الفاصل ،، مثل هذا
http://www.jewelsuae.com/psd/allDoro...l/dFa9el01.gif


اللي حاب يضيف تأثيرات الـ Blending Options على الوردة ،، بيكون حاجة حلوة ،، وهو في النهاية يعتمد على اسلوبكم في التنسيق ،،

لو تلاحظوا الفاصل ضايع في صفحة العمل ،، صح؟!!

باستخدام أداة القطع http://www.jewelsuae.com/psd/Basik/crop2.gif الموجودة في قائمة الادوات ،، نحدد حواف الصورة ــ خذوا مساحات بسيطة من الحواف ــ ونضغط على Enter من لوحة المفاتيح ــ ،،

لاحظوا الصورة:

http://file13.9q9q.net/local/thumbna...11/600x600.gif


خطوة اخيرة ومهمة ،،

الفاصل لازم يتخزن بصيغة gif لا غير ،، لاننا لو خزناه بصيغة ثانية ،، بيتخزن الفاصل على شكل مربع ،، يعني خلفية الفاصل بتكون بيضه مش شفافه ،، وحنا عايزين الخلفية تكون شفافة ،،

عند التخزين ،، نروح للقائمة:
File >> Save as


http://file13.9q9q.net/local/thumbna...44/600x600.gif


وده التطبيق




http://file13.9q9q.net/local/thumbna...95/600x600.gif

للفائدة