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

[A7med Baraka]

End Google Ads 201810 - BS.net 01 -->

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

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


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



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

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

الأمثلة


أدوات الدرس











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



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

[A7med Baraka]

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

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

الصورة المستخدمة:


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

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

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




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




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






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

[A7med Baraka]

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








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

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

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



والنتيجة:





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

[A7med Baraka]

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

File >> New





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

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



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

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




دلوقتى وباستخدام أداة التحديد(شكل المربع) الموجوده في قائمة الادوات على يسار الشاشة نرسم شكل مستطيل ،،


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

[A7med Baraka]

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

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

للتسهيل الشرح اضغطوا على حرف D من لوحة المفاتيح وتتحول الالوان للأبيض والاسود ،، دلوقتى انقروا على اللون الاسود عشان تطلعو قائمة الالوان ،، واختاروا اللون اللي يتناسب مع الوردة اللي اخترتوها ،،

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

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




وبعد ما نتهيت من هذه العملية شكل الألوان اصبح مثل هذا


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

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


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



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

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

[A7med Baraka]

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

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

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

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




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

أما الخاصية الاولى ،، فهي اسقاط الظل Drop Shadow ، نكتفي بان نحط علامة صح في البوكس الصغير ــ يعني مجرد كلك في المربع الصغير ،،

والخاصية الثانية تحتها على طول ،، واسمها Inner Shadow يعني اضافة ظل داخلي على الشكل،، هذي الخاصية لازم نضغط على الكلمة نفسها عشان بنغير فيها شوية ،، لاحظوا مكان الماوس من الكلمة:


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

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

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

لاحظوا:



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

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




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

لاحظوا التغيير اللى حصل على المستطيل:

[A7med Baraka]

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

بعد ما نقلنا الوردة للمستطيل ،، بنفس الأداة ـ المؤشر ـ نحطها في مكان مناسب ،، عشان نعطي منظر حلو للفاصل ،، وهنا انا اخترت يسار المستطيل كمكان للوردة ،،

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



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



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

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

باستخدام أداة القطع الموجودة في قائمة الادوات ،، نحدد حواف الصورة ــ خذوا مساحات بسيطة من الحواف ــ ونضغط على Enter من لوحة المفاتيح ــ ،،

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




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

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

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





وده التطبيق






للفائدة