شبكة تطوير نت



 
الرئيسيةس .و .جالأعضاءالتسجيلدخول

شاطر | 
 

  إضافة منظر جمالي لتصاميمك

اذهب الى الأسفل 
كاتب الموضوعرسالة
Mr.P R ! N C E
Admin
avatar

المتصفح :
ذكر
عدد المساهمات : 268
تاريخ التسجيل : 26/03/2011
الموقع : http://dev-net2.yoo7.com

مُساهمةموضوع: إضافة منظر جمالي لتصاميمك    السبت نوفمبر 26, 2011 5:50 am

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

نصيحه قبل البدء : أثناء
متابعتك لخطوات الدرس يجب أن يكون هدفك
تعلم
أساليب جديده تفيدك في تصاميم أخرى و
ليس
الوصول لنتيجه مشابهه لما هو مشروح في الدرس فحسب , فالمصمم الناجح
هو
من يكون مدرك متقن للكثير من الأساليب و التقنيات لتخدمه في
ظهور
تصاميمه في أحسن حال و بأفكار متجدده دوما ..



أهلا و سهلا بكم مره أخرى في
سلسلة الدروس المترجمه حصريا لبكسل: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]))
..


سنتعلم
في هذا الدرس طريقة لإضفاء منظر جمالي على تصاميمنا بطريقه سهله بإذن
الله تعالى



النتيجه النهائيه للدرس



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم تعديل ابعاد هذه الصورة. انقر هنا
لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


الصوره قبل
التعديل



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم تعديل ابعاد هذه الصورة. انقر هنا
لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


الدرس

أول
خطوه طبعا هي فتح الصوره التي نريد التعديل عليها في الفوتوشوب

بعد
فتح الصوره في الفوتوشوب نقوم بالنقر على Ctrl+J و هذا لعمل نسخه من
الطبقه الأصليه أي عمل duplicate للطبقه الأصليه



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم تعديل ابعاد هذه الصورة. انقر هنا
لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



نقوم بتنشيط الطبقه الأصليه التي في
الغالب يكون إسمها "background" و هذا
بالنقر عليها .. نقوم بالنقر على
علامة العين الموجوده بجانب الطبقه التي
قمنا بنسخها منذ قليل و ذات
الإسم "Layer 1"



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم تعديل ابعاد هذه الصورة. انقر هنا
لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



قم بالذهاب إلى Image / Adjustments /
Hue and Saturation



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم تعديل ابعاد هذه الصورة. انقر هنا
لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]




عندما تظهر النافذه الخاصه بالـ
Hue / Saturation قم بجعل الـ Saturation على حوالي -100 و الـ Lightness
على حوالي +51 ..

إترك المزلاج الخاص بالـ Hue كما هو إتركه على 0
.. قم بالنقر على OK


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم تعديل ابعاد هذه الصورة. انقر هنا
لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


الان إجعل الطبقه المسماه “Layer 1” هي
الطبقه النشطه و هذا بالنقر عليها
مره واحده ثم قم بالنقر على رمز
العين الموجود بجانبها لإظهارها مره أخرى
..



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم تعديل ابعاد هذه الصورة. انقر هنا
لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]




الان قم بالذهاب إلى Edit /
Transform / Scale:



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم تعديل ابعاد هذه الصورة. انقر هنا
لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]




النتيجه الحاليه ستكون إطارا يحيط
بالصوره مع أربع صناديق صغيره في الأركان
.. قم و بإستعمال الماوس بسحب
ركن من تلك الأركان إلى الأسفل مع إستمرار
النقر على Shift .. حدد
الحجم المناسب



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم تعديل ابعاد هذه الصورة. انقر هنا
لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



قم بالنقر على علامة صح الموجود في
الجزء العلوي .. و هذا للموافقه على الحركه التي قمنا بها منذ قليل ..


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم تعديل ابعاد هذه الصورة. انقر هنا
لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



الان و بإستعمال أداة الحرك “move
tool” سنقوم بوضع الشكل السابق في المنتصف



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم تعديل ابعاد هذه الصورة. انقر هنا
لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


النتيجه الحاليه



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم تعديل ابعاد هذه الصورة. انقر هنا
لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


الان و بينما الطبقه المسماه "layer 1" هي
الطبقه النشطه قم بالنقر على زر
"Fx " أو على حسب إصدار الفوتوشوب
الخاص بك المهم أن تذهب إلى خيارات الـ
layer style كما يظهر في
الصوره التاليه ..


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم تعديل ابعاد هذه الصورة. انقر هنا
لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



ثم



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم تعديل ابعاد هذه الصورة. انقر هنا
لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



في النافذه الخاصه بالـ layer style
خيار ال stroke قم بجعل ال size على 8 , و الـ Position على “Inside” ..

إجعل
الـ Blend mode على “Normal” و الـ Opacity على 100 ..

قم بالنقر
على صندوق الألوان لإننا نريد تغير لون الإطار



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم تعديل ابعاد هذه الصورة. انقر هنا
لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


عندما تظهر لنا نافذة إختيار الألوان إختر
اللون الأبيض كما في الصوره التاليه .. ثم قم بالنقر على Ok





[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم تعديل ابعاد هذه الصورة. انقر هنا
لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


هنا و بينما مازلت نافذة الـ Layer Style
ظاهره سنقوم بإضافة تأثير drop shadow ..



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم تعديل ابعاد هذه الصورة. انقر هنا
لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


قم بضبط الـ Blend Mode على “Multiply” ..

و
الـ Opacity على 75% ,

الـ Angle على 131

الـ Distance
على 63

الـ Spread على 14

الـ Size على 27

قم بالنقر
على Ok للمتابعه




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم تعديل ابعاد هذه الصورة. انقر هنا
لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]




النتيجه النهائيه للدرس


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] تم تعديل ابعاد هذه الصورة. انقر هنا
لمعاينتها بأبعادها الأصلية.

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]



و
إنتهى الدرس
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://dev-net2.yoo7.com
 
إضافة منظر جمالي لتصاميمك
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
شبكة تطوير نت :: عـالـم الابـداع ::  عالم التصميم :: قسم تعليم التصميم لاعضاء-
انتقل الى: