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

[P!nK DreaM]

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

----
----



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


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


][ الدرس ][


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





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





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





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





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




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





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






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





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





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




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




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




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





. يتبـع .[/align]

[P!nK DreaM]

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





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



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




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



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




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



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



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





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







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




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

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

][ Password ][

www.creativitycastle.ne


.. يتبع ..

[P!nK DreaM]

[align=center]

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





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





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





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





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





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





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





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





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












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

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

[kito koroba]

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

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

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




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


اخوك : kito koroba

[P!nK DreaM]

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



.*.

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

.^.

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

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

[zezo_1400]

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

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

[P!nK DreaM]

.*.

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

.. PiNk DreaM ..

[Queen of buraydh]

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


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




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

[P!nK DreaM]

[align=center]

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

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

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

[الكناري]

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

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

[P!nK DreaM]

.*.

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

.. !! ..

[InFinito Amore]

.. ،,، ..



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

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