تسجيل الدخول

مشاهدة النسخة كاملة : .. درسـ \\ لـكـيـفـيـة عـ,ـمـ,ـل. .(* User Bar ). . أحتـ,ـرافي خـ,ـاص بـ,ـك


P!nK DreaM
20-01-07, 09:22 am
--][ السلام عليكم و رحمة الله و بركاته ][ --

----
----



الان اليكم درس لعمل User Bars خاص بكم حصريا على منتديات بريده ببرنامج الفوتوشوب Photoshop ،، و طبعا الكل منا يعرف هذه اليوزربارات و البعض لا ،، هي تكون على شكل أشرطة صغيرة توضوع كتوقيع أو أي شيىء و هي تعبر عن استعمالكم لشيىء ما مثلا كالبرامج Windows - Photoshop - 3Dsmax - Firefox ... الخ ،، و أيضا أجهزة الفيديو جيمز و الفيديوجيمز Video Games Consols & Video Games مثل الـ Playstation - Xbox - Nintendo ... الخ ،، و هي في الغالب توضع كتواقيع في المنتديات و تكون بشكل مميز و جميل ^^


الان لنبدأ بالدرس و ان شاء الله تستفيدون منه و ينال اعجابكم ..


][ الدرس ][


- أولا نقوم بعمل مشروع جديد New Project أو ملف جديد New File بحجم 350 بيكسل في العرض و 20
بيكسل في الطول و أيضا بخلفية شفافة Transparent ،، أنضر في الصورة


http://www.6q.net/freehost/6q_1290_1.jpg


- و الان كما ترون هنا حجم الشريط و شكله :


http://www.6q.net/freehost/6q_1064_2.jpg


- الان قم بملئه بأي لون تريد ،، هنا اخترت اللون الازرق .

http://www.6q.net/freehost/6q_920_3.jpg



- بعد اختيارك للون قم بالضغط على الطبقة Layer بالزر الايمن للماوس و اختر Blending Option .

http://www.6q.net/freehost/6q_800_4.jpg

http://www.6q.net/freehost/6q_676_5.jpg

- من ثم قم باختيار خاصية التدرج Gradient Overlay ،، من ثم اضغط على الشريط المدرج باللون الاسود و الابيض من ثم ستضهر لك نافدة أخرى لتحرير التدرج Gradient Editor .. اتبع كما في الصورة


http://www.6q.net/freehost/6q_566_6.jpg

قم بأختيار التدرج الاول في الـ Presets الذي يتكون من اللون الذي اخترته في الاول و اللو ن الاسود و من ثم اختر اللون الذي تريد ان تدرجه مع اللون الذي اخترته و من ثم تقوم بالتحكم في التدرج ( يوجد في ذالك الشريط الكبير أربعة أسهم اثنان في الاعلى و اثنان في الاسفل استعمل فقط الاسهم الذي في الاسفل لتغيير الالوان ) السهم الذي على اليسار يمثل اللون الاسفل في الـ User Bar و التي في الايمن تمثل اللون الاعلى . أنا اخترت في هذا الدرس الازرق الفاتح في الاسفل .


http://www.6q.net/freehost/6q_487_7.jpg


- هنا كما ترون الشريط باللون المتدرج الذي قمنا بعمله .


http://www.6q.net/freehost/6q_415_8.jpg



- الان قم بعمل New File ملف جديد Ctrl + N بحجم 4×4 pixels و بخلفية شفافة Transparent . كما في الصورة :


http://www.6q.net/freehost/6q_382_9.jpg


- ثم قم بتكبيرها بأدات التكبير Zoom حتى أقصى حد .


http://www.6q.net/freehost/6q_328_10.jpg


- ثم قم باختيار أداة القلم Pen Tool كما في الصورة .

http://www.6q.net/freehost/6q_265_11.jpg


- قم بتغيير حجم القلم الى 1 بيكسل 1 pixel و الـ Hardness الى 100% .

http://www.6q.net/freehost/6q_232_12.jpg


- ثم قم بعمل خط مائل كما في الصورة :

http://www.6q.net/freehost/6q_175_13.jpg


- من ثم قم باعتمادها على شكل Pattern بالذهاب الى Edit > Define Pattern و قم بتسميتها خطوط أو أي شيء و من ثم قم بالضغط على Ok .


http://www.6q.net/freehost/6q_169_14.jpg


. يتبـع .

P!nK DreaM
20-01-07, 09:34 am
http://www.6q.net/freehost/6q_151_15.jpg


- سنعود الان الى منصة العمل الاولى و من ثم سنقوم بانشاء طبقة جديدة New Layer .


http://www.6q.net/freehost/6q_138_16.jpg


- الان قم بملء هذه الطبقة بالـ Pattern الذي قمنا بعمله بالذهاب الى Edit > Fill .

http://www.6q.net/freehost/6q_107_17.jpg

- الان قم بختيار الـ Pattern الذي قمنا بعمله في خاصية الـ *******s و قم بعمل قيمة الـ Opacity مابين 15 بيكسل و 25 .


http://www.6q.net/freehost/6q_98_18.jpg

- و الان كما ترون الخطوط مندمجة مع الشريط :

http://www.6q.net/freehost/6q_115_19.jpg

- الان سنقوم بادخال أيقونة أو صورة ما حسب اختيارنا و يمكن ان ندرج أيقونات بصيغة Png بجودة عالية و تكون جميلة و سهلة الاستعمال و أيضا يمكن أن ندخل صور مقصوصة أو معدلة و أيضا تقوم بتغير حجمها حسب الشريط و طبعا كل ذالك حسب اختيارنا . هنا قمت باختيار رمز لوندوز vista .


http://www.6q.net/freehost/6q_90_20.jpg

- هنا تقوم بتصغير حجم الصورة أو الايقونة الذي تريد حسب الشريط و تقوم بنسخها و لصقها في منصة عمل الشريط أو ادراجها فيه .

http://www.6q.net/freehost/6q_84_21.jpg

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

http://www.6q.net/freehost/6q_111_22.jpg

- الان نأتي الى مرحلة النص **** و هي المرحلة الاساسية الثانية ،، و هنا ستحتاج الى خط Font من نوع pixel و ستجده رابطه في أسفل الدرس مع باسورد فك الضغط www.creativitycastle.net .
الان ستقوم بالضغط على اداة النص **** كما في الصورة أو بالضغط على حرف T في الكيبورد و تقوم بكتابة أي شيء تريده . هنا قمت بكتابة windows vista user و أيضا حسب الايقونة و الـ User Bar الذي تريد .

http://www.6q.net/freehost/6q_84_23.jpg

http://www.6q.net/freehost/6q_60_24.jpg

- و ليكون النص واضحا و مميزا قم باعتماد None عوض Sharp أو أي خاصية أخرى و أيضا قم بالذهاب الى الـ Blending Option لطبقة النص **** Layer بالضغط عليها بالزر الايمن للماوس في منصة الطبقات و قم باختيار خاصية Stroke و اتبع كما في الصور .

http://www.6q.net/freehost/6q_66_25.jpg

http://www.6q.net/freehost/6q_56_26.jpg

http://www.6q.net/freehost/6q_52_27.jpg

- و هنا الشريط بعد التعديل في هذه الخصائص :

http://www.6q.net/freehost/6q_56_28.jpg


][ رابط لتحميل الخط المستعمل ][

http://rapidshare.com/files/9569593/PxFont-04B-08.rar.html

][ Password ][

www.creativitycastle.ne


.. يتبع ..

P!nK DreaM
20-01-07, 09:44 am
- الان قم باختيار اداة التحديد و بالضبط الشكل الدائري كما في الصورة :

http://www.6q.net/freehost/6q_44_29.jpg



- الان قم بعمل طرف هذه الدائرة أعلى الشريط كما في الصورة :


http://www.6q.net/freehost/6q_37_30.jpg


- الان قم بالذهاب الى Edit > Fill و قم باختيار اللون الابيض و قم بتعديل الـ Opacity مابين 50 و 75 في المئة كما في الصورة :

http://www.6q.net/freehost/6q_30_31.jpg



- و الان كما ترون الشريط بعد هذه اللمسة :


http://www.6q.net/freehost/6q_46_32.jpg


- الان قم بانشاء طبقة جديدة و قم بتحديد الكل Ctrl + A كما في الصورة :


http://www.6q.net/freehost/6q_51_33.jpg


- من ثم قم بالذهاب الى Stroke في الـ Blending Option للطبقة و قم بتحرير الاعدادت كما في الصورة :

http://www.6q.net/freehost/6q_41_34.jpg



- و الان الشكل النهائي للشريط User Bar


http://www.6q.net/freehost/6q_35_35.jpg


- بعد الانتهاء قم بدمج الصورة و قم بحفضها على صيغة Jpeg و قم بعمل جودة الصورة في الخيارات الى أقصى حد كما في الصورة و قم بحفضها في جهازك ،، ^^


http://www.6q.net/freehost/6q_30_36.jpg


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


http://www.6q.net/freehost/6q_1_Vista%20User%20By%20Maxemus.jpg

http://www.6q.net/freehost/6q_1_CR-C%20members%20UserBar.jpg

http://i116.photobucket.com/albums/o14/Jaden-Mx/862.jpg

http://i116.photobucket.com/albums/o14/Jaden-Mx/mgs4.jpg



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

تم نقل الدرس من موقع .. \\ .. قلعة الابداعَ

kito koroba
20-01-07, 11:05 pm
السلام عليكم ورحمه الله وبركاته

درس أكثر من رائع اختي الغالية

وبما اني من عشاق الفوتوشوب هذا تصميم ( تجربتي )


http://www.ks20.com/up/1-20-2007/1403454941.jpg

ملاحضة : خرجت عن النص كثيرااا ^_^


اخوك : kito koroba

P!nK DreaM
21-01-07, 12:05 am
.. كايتـ,ـو ..

http://www.ks20.com/up/1-20-2007/1403454941.jpg

.*.

فـ هذا كانَ مطلبيـ ونقليـ الدرس \\ بتصرف الفـائـده فقـطَ للاعضـاء
ونتجيـتكَ فـ تطبيق الدرس \\ رائع واتمنى ارئ امثالكَ اخِ كايتـ,ـو

.^.

فـ انا لا اريد رد فقطَ وشكرَ .. نريد الفـائـده والحـمـاس
باخذ \ الدروس وتطبيقها ..!!

.. اشكركَ اخِ وانتظر البقيه ..

zezo_1400
23-01-07, 01:50 am
جميل جدا بارك الله فيك

تسلم لنا هالايادي على هالنقل

P!nK DreaM
23-01-07, 02:06 am
.*.

.. الله يسلمكَ اخِ \\ zezo

.. PiNk DreaM ..

Queen of buraydh
24-01-07, 05:01 am
مرحبا الحلم الوردي .. يعطيك الف عافيه اختي / اخي ع الدرس .. مرررره خطير :)


وهذا تطبيقي : يارب يطلع صح ..:confused:

http://majdona.com/upload/uploads/9cc32c1859.jpg (http://majdona.com/upload/)


بالرغم اني مسويه حد ع الشريط بس مدري ليه مو مبين ..:ash:

P!nK DreaM
24-01-07, 05:25 am
مرحبا الحلم الوردي .. يعطيك الف عافيه اختي / اخي ع الدرس .. مرررره خطير :)


وهذا تطبيقي : يارب يطلع صح ..:confused:

http://majdona.com/upload/uploads/9cc32c1859.jpg (http://majdona.com/upload/)


بالرغم اني مسويه حد ع الشريط بس مدري ليه مو مبين ..:ash:



مابينَ لانكَ اخترتَ حد الشريط خارجيـ .. والمفروض تختـار حد داخليـ ..
علشان يكونَ اطار \ وحد على التطبيـق ..

الف شكر لكَ ..

الكناري
24-01-07, 05:43 pm
درس روووعه وانا كنت ادور عليييه من زمااااااااااااااااااااااااان

مشكوره على الدرس

P!nK DreaM
25-01-07, 04:06 am
.*.

كناري \ الشكر لكَ

.. !! ..

InFinito Amore
30-01-07, 12:15 pm
.. ،,، ..

http://www.c5c6.com/Janu/1170152323.jpg

تـطـبـيـق لهــذا الــدرس

.. P!Nk DraeM ..
درس مميـز ورائــع وكــل الشكــّـر لكِ