تصميم هيدر بطريقة احترافية وبسيطة ..مترجم ^^

[ريحان]

http://www.anageed.com/upload/uploads/4072122a02.png

النتيجة :

http://psdvibe.com/tutorials/design_studio_header/Picture%2017.jpg (http://psdvibe.com/tutorials/design_studio_header/Picture%2017.jpg)



اولا قم بفتح ملف صفحة عمل جديدة بقياسات 1000×216


http://psdvibe.com/tutorials/design_studio_header/Picture%201.jpg (http://psdvibe.com/tutorials/design_studio_header/Picture%201.jpg)



الآن نريد عمل تدرج للخلفية اضغط بالزر الأيمن على طبقة الخلفية ثم اختر

blending options

وقم بعمل الموضح بالصورة :


http://psdvibe.com/tutorials/design_studio_header/Picture%202.jpg (http://psdvibe.com/tutorials/design_studio_header/Picture%202.jpg)


http://psdvibe.com/tutorials/design_studio_header/Picture%203.jpg


الآن سنستخدم أداة rectangle marquee tool


لعمل تحديد من الأسفل قم بتحديدها كما في الصورة

ثم قم بتعبئتها باللون

ffffff#

http://psdvibe.com/tutorials/design_studio_header/Picture%204.jpg (http://psdvibe.com/tutorials/design_studio_header/Picture%204.jpg)


الآن قم بفتح blending options وعدل الخيارات كما في الصور :


http://psdvibe.com/tutorials/design_studio_header/Picture%205.jpg (http://psdvibe.com/tutorials/design_studio_header/Picture%205.jpg)


http://psdvibe.com/tutorials/design_studio_header/Picture%206.jpg (http://psdvibe.com/tutorials/design_studio_header/Picture%206.jpg)



http://psdvibe.com/tutorials/design_studio_header/Picture%207.jpg


يجب ان تكون حصلت على نتيجة مماثلة للصورة التالية :


http://psdvibe.com/tutorials/design_studio_header/Picture%208.jpg (http://psdvibe.com/tutorials/design_studio_header/Picture%208.jpg)


أما الآن قم بكتابة الكلمات التي تريدها كما الآتي :


http://psdvibe.com/tutorials/design_studio_header/Picture%209.jpg (http://psdvibe.com/tutorials/design_studio_header/Picture%209.jpg)


الآن نريد ان نبين شكل الصورة النشطة .
ولفعل ذلك نختار أداة
rectanglemarquee toolمن جديد ونحدد كما
التحديد الموجود في الصورة التالية


http://psdvibe.com/tutorials/design_studio_header/Picture%2010.jpg



بعدها اذهب الى Edit > clear يجب ان تظهر نتيجة مشابهة للآتي :



http://psdvibe.com/tutorials/design_studio_header/Picture%2011.jpg


الآن نحن نريد عمل شريط صغير للأعلى .

قم باستخدام الأداة rectangle marquee tool

واعمل تحديد كما في الصورة
أدناه وعبئ التحديد باللون
fffff#

http://psdvibe.com/tutorials/design_studio_header/Picture%2012.jpg (http://psdvibe.com/tutorials/design_studio_header/Picture%2012.jpg)


افتح blending options

وعدل الخيارات كما في الصور :


http://psdvibe.com/tutorials/design_studio_header/Picture%2013.jpg (http://psdvibe.com/tutorials/design_studio_header/Picture%2013.jpg)


http://psdvibe.com/tutorials/design_studio_header/Picture%2014.jpg


يجب ان تظهر نتيجة مشابهة للآتي :


http://psdvibe.com/tutorials/design_studio_header/Picture%2015.jpg (http://psdvibe.com/tutorials/design_studio_header/Picture%2015.jpg)


قمنا هنا بوضع اسم للموقع وشعار استخدمنا الأشكال الموجودة في الفوتوشوب لعمل الشعار.


http://psdvibe.com/tutorials/design_studio_header/Picture%2016.jpg (http://psdvibe.com/tutorials/design_studio_header/Picture%2016.jpg)

وأخيرا يمنكنك وضع خلفية وتغيير المود حتى تظهر بشكل مناسب كالآتي :


http://psdvibe.com/tutorials/design_studio_header/Picture%2017.jpg (http://psdvibe.com/tutorials/design_studio_header/Picture%2017.jpg)


لتحميل الملف بصيغة psd

اضغط على الصورة


http://www.anageed.com/upload/uploads/8390d43728.png (http://psdvibe.com/tutorials/design_studio_header/psd.zip)


..انتهينا ..

{ ترجمة ..

أختكم : ريحان


أنتظر تطبيقاتكم ^^

[المصمم المحترف]

الصراحة
it's really fantastic lesson
ما شاء الله تبارك الله
درس رائع حقا
وهذا تطبيقي
على فكرة
الهيدر هذا احلى من اللي حاطه أحمد ( المصمم المسلم )
التطبيق ^^ ...
http://www.9o9i.com/uploads/images/9o9i-7292c67b74.gif

نرجوا ان تنال إستحسانكم

وانتبهي استاذة ريحان

الموقع اللي ترفعين منه الملفات يلحق الكمبيوتر بالضرر

إستخدمي غيره بارك الله فيكي

[نور التفاؤل]

ما شاء الله ..
رائع ..
درس جميل ..

نفع الله بكم الأمة ، و بارك في جهودكم ..

[ريحان]

المصمم المحترف ..

ما شاء الله والله تطبيق موفق وجميل ..

أحسنتم الأداء (علامة كاملة ) ^__^

نشكر لكم تفاعلكم ..

بالنسبة للرابط سيتم تعديله بأقرب وقت ..

جزيتم خيرا

[ريحان]

أختي نور ..


أنتظر تطبيقك يا غالية .. ومعا نستفيد ونرتقي في مجالات التصميم

(باذن الله)

جزاك الله خيرا ..

أشكر لك مرورك الجميل ^^

[الإمبراطورة]

رائع جدا
لي عودة مع التطبيق
باذن المولى

[خيال]

دائما مبدعة ليس في التصاميم فقط بل في الدروس أيضا...

بوركت يمناك

وجزاك ربي الجنة

ونتمنى أن يستفيد منه الجميع

أشكرك الشكر الجزيل...

[ريحان]

الامبراطورة


اهلا بك ..

جزيت خيرا


خيال

بارك الله فيك يا غالية

أسعد بتواجدك كثييرا

جزاك الله كل خير

[صفاء النور]

جميل...بارك الله بكم ووفقكم..

[مُسلم]

جميـــــــــــــــــــــــــــــــــــــــــــل

[شموخ الغد]

ما شاء الله
النتيجه النهائية روعه
جزاك الله خير على الترجمه

[مصمم محترف]

http://img231.imageshack.us/img231/1742/dsifr.jpg
وهذا التطبيق ياريت أعجبكم

[ريحان]

جزاكم الله خيرا على ردودكم ...

سعدت بتواجدكم :)

المصمم المحترف ..

تطبيق جميل ما شاء الله

بارك الله فيك

جزيت خيرا على تفاعلك ,, إلى الأمام

[foooox]

جذاك الله خيرا

[foooox]

جذاك الله كل خير