مشاهدة النسخة كاملة : درس تصميم الفواصل
A7med Baraka
04-04-2010, 10:47 PM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
درس تصميم الفواصل
الفاصل اللي بنتعلم كيفية تصميمه يعتمد على:
* صور الورود وتعديلها عشان يتناسب مع حجم الفاصل
* ادوات التحديد
* الألوان والتحكم بخصائص الظل
الأمثلة
http://www.jewelsuae.com/psd/allDoroos/Doroos/dFa9el/dFa9el01.gif
أدوات الدرس
http://www.jewelsuae.com/psd/allDoroos/Doroos/dFa9el/dFa9el1.jpg
http://www.jewelsuae.com/psd/allDoroos/Doroos/dFa9el/dFa9el2.jpg
http://www.jewelsuae.com/psd/allDoroos/Doroos/dFa9el/dFa9el3.jpg
http://www.jewelsuae.com/psd/allDoroos/Doroos/dFa9el/dFa9el4.jpg
http://www.jewelsuae.com/psd/allDoroos/Doroos/dFa9el/dFa9el5.jpg
خزنوا اي صورة ،، وافتحوها في الفوتوشوب ،، بتلاحظو ان الصورة عليها علامة القفل ،، القفل ما يأثر على شغلنا ،، كملوا وانتوا مرتاحين ،، بمجرد ما تشتغلوا في الصورة يتشال ،،
يتبع ان شاء الله
A7med Baraka
04-04-2010, 10:48 PM
الخطوه الاولى:
تعديل صورة الوردة لتتناسب مع حجم الفاصل ،،
الصورة المستخدمة:
http://www.jewelsuae.com/psd/allDoroos/Doroos/dFa9el/dFa9el4.jpg
في البداية لازم نطلع الوردة من الخلفية ،، طبعاً فى طرق مختلفة للتخلص من الخلفية ،، لكن في الحالة دى بنستخدم أداة الممحاة السحرية Magic Eraser Tool ،، بنظري دى اسهل طريقة ،،
فين نلاقي هذه الأداة ؟؟
تروحوا قائمة الادوات اللي على يسار شاشة الفوتوشوب ،، تشوفوا أداة الممحاة ،، نقرة على اليمين على اداة الممحاة بتظهر لكم قائمة صغيرة ،، اختاروا ثالث واحد ،، الممحاة اللي عليها مثل نجمة ،،
http://file12.9q9q.net/local/thumbnail/93549833/600x600.gif
ولممحاتنا السحرية بتلاحظوا فوق في الشريط مكتوب Tolerance وامامه رقم ،، حطوا رقم 100 لان هذه القيمة هي الافضل لإزالة الخلفية اللي نتعامل معاها في الصورة السابقة ،،
http://file12.9q9q.net/local/thumbnail/54767646/600x600.gif
بعد ما غيرنا القيمة ،، نكون جاهزين لاستخدام الاداة ،، نقرة وحدة بالماوس على يسار الخلفية ،، وبتعرفوا لي سموها بالممحاة السحرية !!
http://file12.9q9q.net/local/thumbnail/44655522/600x600.gif
يتبع...انتظرونا ان شاء الله
A7med Baraka
04-04-2010, 10:49 PM
تصغير الصورة عملية سهلة جداً ،،
نروح لـ Image >> image size
http://file12.9q9q.net/local/thumbnail/85526517/600x600.gif
لما نضغط على image size بيظهر لنا بوكس الحجم ،،
غيروا اول رقم بس ،، خلوه : 150،، والرقم اللي تحته بيتغير بشكل تلقائي ،، لان حجم العرض مرتبط بالطول عشان تغييرنا للحجم ما يأثر على شكل الصورة ،، وبعد كدة اضغطوا Ok
لاحظوا الصورة:
http://file12.9q9q.net/local/thumbnail/14644697/600x600.gif
والنتيجة:
http://file12.9q9q.net/local/thumbnail/32786416/600x600.gif
وبكدة نكون خلصنا من الخطوة الاولى ،، واصبحت الوردة جاهزة لاستخدامها في تصميم الفاصل
A7med Baraka
04-04-2010, 10:49 PM
نخلي الوردة ونفتح صفحة عمل جديدة،،
File >> New
http://file13.9q9q.net/local/thumbnail/65712518/600x600.gif
و اخترت 400 Pixels للعرض
و 200 Pixels للطول
او اي حجم تفضله ،، المهم ان العرض يكون اكثر عن الطول ،،
على الفكرة هذا الحجم كبير جدا بالنسبة لفاصل ،، لكن عشان نآخذ راحتنا في التحكم بالعناصر ،، ولما انخلص شغلنا ان شاء الله ،، بنقصه عشان نرتب الفاصل ،،
واتأكدوا انكم اخترتوا Transparent ،، يعني خلفية شفافة ،،
شوفوا الصورة:
http://file13.9q9q.net/local/thumbnail/96111957/600x600.gif
دلوقتى وباستخدام أداة التحديد(شكل المربع) الموجوده في قائمة الادوات على يسار الشاشة نرسم شكل مستطيل ،،
http://file13.9q9q.net/local/thumbnail/38444656/600x600.gif
لاحظوا الصورة:
http://file12.9q9q.net/local/thumbnail/48727476/600x600.gif
A7med Baraka
04-04-2010, 10:50 PM
دلوقتى بنلون المساحة اللي حددناها ،،
بس في البداية لازم نختار الالوان ،،
للتسهيل الشرح اضغطوا على حرف D من لوحة المفاتيح وتتحول الالوان للأبيض والاسود ،،http://www.jewelsuae.com/psd/Basik/blakwhite.gif (http://www.jewelsuae.com/psd/allDoroos/PsdBasik/colors.htm) دلوقتى انقروا على اللون الاسود عشان تطلعو قائمة الالوان ،، واختاروا اللون اللي يتناسب مع الوردة اللي اخترتوها ،،
وهنا انا اخترت اللون الاحمر بالدرجة: CC3333 #
شوفوا الصورة:
http://file12.9q9q.net/local/thumbnail/91333932/600x600.gif
وبعد ما نتهيت من هذه العملية شكل الألوان اصبح مثل هذا http://www.jewelsuae.com/psd/Basik/red.gif (http://www.jewelsuae.com/psd/allDoroos/PsdBasik/colors.htm)
دلوقتى باستخدام اداة التدرج من قائمة الادوات بنلون المنطقة المحددة ،، واللي مش ظاهر عنده ،، ويكون على رمز السطل ونقرة على اليمين بالماوس ،، وياخذ الاختيار الاول من القائمة اللي بتظهرله ،،
شوفوا الصورة:
http://file12.9q9q.net/local/thumbnail/29157529/600x600.gif
اضغطوا بالماوس على يمين المستطيل واسحبوه لحد ثلاثة ارباع المساحة وسيبوه (ارفعوا ايدكم عن الماوس)
http://file12.9q9q.net/local/thumbnail/18282551/600x600.gif
خلصنا من علامة التحديد (المستطيل المنقط) ،، شلوها ،،
كيف نتخلص من علامة التحديد؟؟
اضغطوا على Ctrl + D من لوحة المفاتيح وبتنشال على طول
A7med Baraka
04-04-2010, 10:50 PM
الخطوة الثالثة:
في هذه الخطوة بنضيف نوع من الواقعية على المستطيل الجامد ،، يعني شوية ظل عشان نعطيه تأثير البروز ،،
نروح لـ بوكس اليرات ،، اتشوفوا اللير اللي نشتغل عليه ،، نقرة على اليمين وبتظهر لنا قائمة نختار منها Blending Options
شوفوا الصورة ،،
http://file12.9q9q.net/local/thumbnail/22136416/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/thumbnail/26518885/600x600.gif
بتظهر لنا قائمة الالوان ،، وانا اخترت هذه الدرجة: 660000 # ،، (المفروض انكم تختاروا اللون المناسب وبعد كدة تضغطوا على OK
لاحظوا الصورة
http://file12.9q9q.net/local/thumbnail/16325439/600x600.gif
وبعد ما انتهينا من الخاصية الثانية ،، نضغط Ok
لاحظوا التغيير اللى حصل على المستطيل:
http://file12.9q9q.net/local/thumbnail/76421268/600x600.gif
A7med Baraka
04-04-2010, 10:52 PM
روح لصورة الوردة اللي خليناها على جنب ،، وباستخدام علامة المؤشر الموجوده في اعلى يمين قائمة الادوات http://www.jewelsuae.com/psd/Basik/moAsherjewels.gif نسحب الوردة من مكانها ونضعها في صفحة العمل الجديدة اللي اشتغلنا عليها ،، مكان ما حطينا المستطيل ،،
بعد ما نقلنا الوردة للمستطيل ،، بنفس الأداة ـ المؤشر http://www.jewelsuae.com/psd/Basik/moAsherjewels.gif ـ نحطها في مكان مناسب ،، عشان نعطي منظر حلو للفاصل ،، وهنا انا اخترت يسار المستطيل كمكان للوردة ،،
شوفوا الصورة:
http://file13.9q9q.net/local/thumbnail/93828415/600x600.gif
ممكن تسحبوا الوردة أكثر من مرة لوضعها في اكثر من مكان على الفاصل ،، مثل هذا
http://www.jewelsuae.com/psd/allDoroos/Doroos/dFa9el/dFa9el01.gif
اللي حاب يضيف تأثيرات الـ Blending Options على الوردة ،، بيكون حاجة حلوة ،، وهو في النهاية يعتمد على اسلوبكم في التنسيق ،،
لو تلاحظوا الفاصل ضايع في صفحة العمل ،، صح؟!!
باستخدام أداة القطع http://www.jewelsuae.com/psd/Basik/crop2.gif الموجودة في قائمة الادوات ،، نحدد حواف الصورة ــ خذوا مساحات بسيطة من الحواف ــ ونضغط على Enter من لوحة المفاتيح ــ ،،
لاحظوا الصورة:
http://file13.9q9q.net/local/thumbnail/79568411/600x600.gif
خطوة اخيرة ومهمة ،،
الفاصل لازم يتخزن بصيغة gif لا غير ،، لاننا لو خزناه بصيغة ثانية ،، بيتخزن الفاصل على شكل مربع ،، يعني خلفية الفاصل بتكون بيضه مش شفافه ،، وحنا عايزين الخلفية تكون شفافة ،،
عند التخزين ،، نروح للقائمة:
File >> Save as
http://file13.9q9q.net/local/thumbnail/28578544/600x600.gif
وده التطبيق
http://file13.9q9q.net/local/thumbnail/54689895/600x600.gif
للفائدة
Powered by vBulletin™ Version 4.2.5 Copyright © 2024 vBulletin Solutions, TranZ by Almuhajir