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

منتدى بريدة (https://www.buraydh.com/forum/index.php)

- منتدى تصاميم الجرافيكس والفلاش (https://www.buraydh.com/forum/forumdisplay.php?f=8)

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

[align=center]--][ السلام عليكم و رحمة الله و بركاته ][ --

----
----

الان اليكم درس لعمل 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

. يتبـع .[/align]

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/...4B-08.rar.html

][ Password ][

www.creativitycastle.ne

.. يتبع ..

[align=center]

- الان قم باختيار اداة التحديد و بالضبط الشكل الدائري كما في الصورة :

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_Vist...%20Maxemus.jpg

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

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

http://i116.photobucket.com/albums/o...en-Mx/mgs4.jpg

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

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

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

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

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

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

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

اخوك : kito koroba

.. كايتـ,ـو ..

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

.*.

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

.^.

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

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

جميل جدا بارك الله فيك

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

.*.

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

.. PiNk DreaM ..

مرحبا الحلم الوردي .. يعطيك الف عافيه اختي / اخي ع الدرس .. مرررره خطير :)

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

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

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

[align=center]

اقتباس:

المشاركة الأصلية كتبت بواسطة Qween (المشاركة 933069)

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

الف شكر لكَ ..[/align]

درس روووعه وانا كنت ادور عليييه من زمااااااااااااااااااااااااان

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

.*.

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

.. !! ..

.. ،,، ..

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

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

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