linnou
10-30-2013, بتوقيت غرينيتش 05:13 AM
السلام عليكم ورحمة الله وبركاتة
يسرني أخواني أعضاء ورواد ديزاد باتنة أن اقدم لكم هذا الشرح طريقة لتصميم موقع متكامل وأحترافي
وقد قمت بترجمته لكم من الانجليزية وأتمنى من الله لكم المتعة والفائدة والدرس مفصل بسيط وسهل التطبيق
وبأمكانك فقط بالتركيز تطبيقة كاملا دون أي مشاكل حيث ان الدرس مفصل عملي وبعيدا عن النضريات
يأخذك خطوه بخطوه وبالصور لتصميم موقع أحترافي وقد عانيت في ترجمته لأنني لا اجيد اللغة الانجليزية
ولكن بفهم بعض مصطلحات الفوتوشوب تمكنت والحمدلله من ترجمته وأي تقصير في الترجمة أتمنى منكم
عذري وأتمنى من الأخوان المصممين تقديم دروس لتصميم واجهات حتى لو كانت مترجمه فالمهم هو
التعلم والأستفادة من خبرات المصممين لنرقى بتصماميمنا وأفكارنا .
أتمنى لكم التوفيق ولا تنسونا من دعائكم .
1 - قم بإنشاء عمل جديد بمقاسات 800 * 600 وقم بتعبئة الخلفية باللون الأسود (#00000)
--------------------------------------------------------------------------------
2- ضع طبقة جديدة ثم قم باختيار أداه marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) التحديد المستطيل لتصنع الهيدر header ( العنوان الرأسي ) الخاص بتخطيطنا
http://ssuss.jeeran.com/trjm/52.jpg
ثم بعد ذلك اختر اللونين #230000للمقدمة و #AF0000 للخلفية ( http://ssuss.jeeran.com/trjm/40.gif) ومن ثم اختر أداة التدرج اللوني (http://ssuss.jeeran.com/trjm/53.jpg), وتأكد من نوع التدرج كما هو موضح بالصورة
http://ssuss.jeeran.com/trjm/55.jpg
ومن ثم قم بالسحب من الأعلى الى الأسفل لتصبح النتيجة بهذا الشكل :
http://ssuss.jeeran.com/trjm/54.jpg
ثم بعد ذلك اختر اللير واضغط على (http://ssuss.jeeran.com/trjm/41.gif ) واختر Bevel and Emboss واعطه القيم التالية :
http://ssuss.jeeran.com/trjm/56.jpg
النتيجة :
http://ssuss.jeeran.com/trjm/57.jpg
--------------------------------------------------------------------------------
3 - ضع لون المقدمة #FF4E00 ومن ثم اختر أداة قلم الرصاص Pencil Tool (http://ssuss.jeeran.com/trjm/58.jpg ) وأعطه القيم التالية :
http://ssuss.jeeran.com/trjm/59.jpg
أضف طبقة جديدة ثم قم برسم خط مستقيم أثناء القيام بالضغط على SHIFT أسفل التدرج الذي قمنا بعمله لتحصل على خط مستقيم هكذا :
http://ssuss.jeeran.com/trjm/60.jpg
ثم بعد ذلك اختر اللير واضغط على (http://ssuss.jeeran.com/trjm/41.gif ) واختر Bevel and Emboss واعطه القيم التالية :
http://ssuss.jeeran.com/trjm/61.jpg
لتصبح النتيجة هكذا ( الصورة مكبرة )
http://ssuss.jeeran.com/trjm/62.jpg
--------------------------------------------------------------------------------
4 - ضع طبقة جديدة ثم قم باختيار أداه marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) التحديد المستطيل لعمل مستطيل صغير أسفل الهيدر header ومن ثم قم بتعبئته بأداة التعبئة ( http://ssuss.jeeran.com/trjm/42.gif)
وضع اللون #434343 ومن ثم قم بإعطائها القيم التالية :
http://ssuss.jeeran.com/trjm/61.jpg
ليصبح بهذا الشكل :
http://ssuss.jeeran.com/trjm/64.jpg
بعد ذلك ضع لون المقدمة #FF4E00 وقم بعمل طبقة جديدة و أختر أداة قلم الرصاص مثل ما عملنا سابقا وضع خط أسفل منه بهذا الشكل :
http://ssuss.jeeran.com/trjm/65.jpg
ومن ثم اعطه القيم التالية :
http://ssuss.jeeran.com/trjm/66.jpg
لتصبح النتيجة : ( الصورة مكبرة )
http://ssuss.jeeran.com/trjm/67.jpg
--------------------------------------------------------------------------------
5 - ضع طبقة جديدة ثم قم باختيار أداه marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) التحديد المستطيل لعمل مستطيل بمقاس 150 بيكسل وقم بوضعه بهذا الشكل :
http://ssuss.jeeran.com/trjm/68.jpg
ثم قم بتعبئته بالون #434343 هكذا :
http://ssuss.jeeran.com/trjm/69.jpg
--------------------------------------------------------------------------------
6 - ضع طبقة جديدة ثم قم باختيار أداه marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) التحديد المستطيل لعمل مستطيل صغير داخل المستطيل الرمادي الكبير هكذا :
http://ssuss.jeeran.com/trjm/70.jpg
ثم قم بتعبئته بهذا اللون #585858 ومن ثم اذهب الى Edit->Stroke واختر القيم التالية :
http://ssuss.jeeran.com/trjm/71.jpg
النتيجة :
http://ssuss.jeeran.com/trjm/72.jpg
--------------------------------------------------------------------------------
7 - قم الآن بتكرار الصندوق الذي قمنا بعمله وذلك بالضغط على CTRL + J في لوحة المفاتيح ومن ثم اسحب الصندوق الذي قمنا بتكراره ووضعه بهذا الشكل :
http://ssuss.jeeran.com/trjm/73.jpg
--------------------------------------------------------------------------------
8 - ضع طبقة جديدة ثم قم باختيار أداه marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) الآن سنقوم بوضع مستطيل بالطول لعمل منطقة الأزرار بهذا الشكل :
http://ssuss.jeeran.com/trjm/74.jpg
بعد ذلك قم بتعبئته بهذا اللون #363636 ليصبح بهذا الشكل :
http://ssuss.jeeran.com/trjm/75.jpg
ثم بعد ذلك اختر اللير واضغط على ( http://ssuss.jeeran.com/trjm/41.gif) واختر Bevel and Emboss وأعطه القيم التالية :
http://ssuss.jeeran.com/trjm/76.jpg
النتيجة : ( الصورة مصغرة )
http://ssuss.jeeran.com/trjm/77.jpg
الآن قم بوضع طبقه جديدة ومن ثم قم باختيار أداة تحديد المستطيل marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) وارسم مستطيل صغير فوق صندوق الأزرار
وأستخدم نفس الطريقة التي استخدمناها للهيدر العنوان الرأسي وأعطه نفس القيم التي أعطيناها للهيدر ليصبح بهذا الشكل : ( الصورة مصغرة )
http://ssuss.jeeran.com/trjm/78.jpg
--------------------------------------------------------------------------------
9 - ضع طبقة جديدة ثم قم باختيار أداه marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) لنرسم صندوق بنفس ارتفاع صندوق الأزرار ولكنه أعرض منه بهذا الشكل :
http://ssuss.jeeran.com/trjm/79.jpg
ثم قم بتعبئته بهذا اللون #2C2C2C ليصبح هكذا :
http://ssuss.jeeran.com/trjm/80.jpg
ثم قم بالضغط بالكيبورد على CTRL + J لتكرار الصندوق ونسخ طبقة جديدة ثم اضغط SHIFT وقم بتحريك الصندوق لوضعه بجانب الصندوق الذي قمنا بتكراره وأثناء الضغط على SHIFT قم بالتحريك للجهة اليمنى ليصبح بهذا الشكل :
http://ssuss.jeeran.com/trjm/81.jpg
--------------------------------------------------------------------------------
10 - ضع طبقة جديدة ثم قم باختيار أداه marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) لنرسم صندوق بهذا الشكل :
http://ssuss.jeeran.com/trjm/82.jpg
ثم قم بتعبئته بلون رمادي مظلم بهذا الشكل :
http://ssuss.jeeran.com/trjm/83.jpg
م بعد ذلك اختر اللير واضغط على ( http://ssuss.jeeran.com/trjm/41.gif) واختر Stroke تحديد وأعطه القيم التالية :
http://ssuss.jeeran.com/trjm/84.jpg
لتصبح النتيجة بهذا الشكل :
http://ssuss.jeeran.com/trjm/85.jpg
ثم اضغط بالكيبورد على CTRL + J لتكرار الطبقة وقم بتحريكها لتصبح بهذا الشكل :
http://ssuss.jeeran.com/trjm/86.jpg
الآن قم بوضع رأس العنوان الهيدر header لكل صندوق واستخدم نفس التقنية المستخدمة للهيدر لتصبح بهذا الشكل :
http://ssuss.jeeran.com/trjm/87.jpg
--------------------------------------------------------------------------------
نحن الآن سنقوم بتزيين الهيدر header ( الجزء العلوي من موقعنا )
11 - ضع طبقة جديدة ثم قم باختيار أداه marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) لنرسم صندوق في المساحة السوداء الفارغة العلوية التي تقع أسفل الهيدر header بهذا الشكل :
http://ssuss.jeeran.com/trjm/88.jpg
ثم بعد ذلك نقوم بوضع لون المقدمة (#000000) ولون الخلفية (#FFFFFF) ولاختصار الوقت نقوم بالضغط على حرف D ليعيد اللون للأبيض والأسود بعد ذلك نذهب لـ Filter->Render->Clouds لنخرج بالشكل التالي :
http://ssuss.jeeran.com/trjm/89.jpg
ملاحظة : أترك التحديد نشطا لأننا سنحتاجه أثناء عمل التأثيرات
--------------------------------------------------------------------------------
12 - اضف طبقة جديدة مع ابقاء التحديد السابق نشطا ثم اذهب لفلتر الغيوم Filter->Render->Clouds ثم بعد ذلك اذهب لغيوم أخرى Filter->Render->Difference Clouds كرر هذه العملية بالضغط على CTRL+ F ست مرات ثم اذهب إلى الطبقة وأجعل الشفافية 73% هكذا :
http://ssuss.jeeran.com/trjm/1000.jpg
لتصبح النتيجة :
http://ssuss.jeeran.com/trjm/90.jpg
--------------------------------------------------------------------------------
13 - الآن أذهب إلى Layer->New Adjustment Layer->Color Balance وأضغط أوكي وطبق الإعدادات التالية :
في البداية أشر على Highlights ولا تغير القيم كما في الصورة
http://ssuss.jeeran.com/trjm/91.jpg
ثم أشر على Midtones وضع القيم التالية :
http://ssuss.jeeran.com/trjm/92.jpg
ثم أشر على Shadows وضع القيم التالية :
http://ssuss.jeeran.com/trjm/93.jpg
أضغط أوكي لتصبح النتيجة :
http://ssuss.jeeran.com/trjm/94.jpg
اترك التحديد كما هو وأذهب الى Layer->New Adjustment Layer->Brightness/Contract وأعطه القيم التالية :
http://ssuss.jeeran.com/trjm/95.jpg
لتصبح النتيجة:
http://ssuss.jeeran.com/trjm/96.jpg
--------------------------------------------------------------------------------
14 - الآن سنقوم بصنع الأزرار في منطقة الأزرار في الجانب الأيسر السفلي ضع طبقة جديدة و أختر أداة marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) وقم برسم مستطيل بهذا الشكل :
http://ssuss.jeeran.com/trjm/97.jpg
الآن ضع لون المقدمة #4D4D4D ولون الخلفية #1A1A1A ثم أختر أداة التدرج اللوني (http://ssuss.jeeran.com/trjm/53.jpg) واختر نوع التعبئة كما في الصورة :
http://ssuss.jeeran.com/trjm/98.jpg
ثم قم بالسحب داخل المستطيل ليصبح كالتالي :
http://ssuss.jeeran.com/trjm/99.jpg
ثم بعد ذلك اختر اللير واضغط على ( http://ssuss.jeeran.com/trjm/41.gif) وأختر Inner Glow وطبق الإعدادات التالية :
http://ssuss.jeeran.com/trjm/101.jpg
ثم أذهب إلى تحديد Stroke وطبق التالي :
http://ssuss.jeeran.com/trjm/102.jpg
لتصبح النتيجة :
http://ssuss.jeeran.com/trjm/103.jpg
أترك التحديد نشطا .
--------------------------------------------------------------------------------
اضف الآن لير جديد واختر أداة التحديد marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) واضغط على مفتاح Alt واثناء ذلك قم برسم مستطيل يأخذ نصف التحديد السابق بهذا الشكل :
http://ssuss.jeeran.com/trjm/100.jpg
بعد ذلك أذهب إلى Select->Modify->Contract وضع القيم التالية :
http://ssuss.jeeran.com/trjm/104.jpg
ثم ضع لون المقدمة (#FFFFFF), وأختر أداة التدرج اللوني (http://ssuss.jeeran.com/trjm/53.jpg) وأختر نوع الملء شفاف foreground to transparent وقم بالسحب من الأعلى للأسفل ليصبح بهذا الشكل :
http://ssuss.jeeran.com/trjm/105.jpg
--------------------------------------------------------------------------------
16 - قم بإضافة طبقة جديدة وأختر أداة التحديد المضلع (http://ssuss.jeeran.com/trjm/106.jpg) Polygon Lasso Tool قم برسم مثل الشكل الذي بالصورة مع الضغط على مفتاح SHIFT لضمان بقاء الخطوط مستقيمة كالتالي : ( الصورة مكبرة )
http://ssuss.jeeran.com/trjm/107.jpg
ثم قم بالضغط على مفتاح Alt وارسم بنفس الأداة هذا الشكل :
http://ssuss.jeeran.com/trjm/108.jpg
ثم قم بتعبئته باللون الأبيض بعد ذلك أذهب الى ( http://ssuss.jeeran.com/trjm/41.gif) وأختر Inner Glow وأعطه القيم التالية :
http://ssuss.jeeran.com/trjm/109.jpg
ثم أختر مرة اخرى Gradient Overlay وأعطه القيم التالية :
http://ssuss.jeeran.com/trjm/110.jpg
http://ssuss.jeeran.com/trjm/111.jpg
ثم أختر حدود Stroke وأعطه القيمة
http://ssuss.jeeran.com/trjm/112.jpg
لتصبح النتيجة بهذا الشكل :
http://ssuss.jeeran.com/trjm/113.jpg
--------------------------------------------------------------------------------
17 - أضف لير جديد وأختر أداة قلم الرصاص Pencil Tool ( ) وضع القيمة 3 كالتالي :
http://ssuss.jeeran.com/trjm/58.jpg
ثم أختر اللون FF7200 وقم برسم مربعات ثلاثة فوق بعضها كالتالي لإعطاء الزر أبعاد جميله :
http://ssuss.jeeran.com/trjm/115.jpg
وأخيرا قم بوضع الكتابة على الزر وقد اخترت نوع الخط Motken noqta بمقاس 12 وبلون أبيض ولك الأخيار في نوعية الخط ومقاسه ولكن حاول أن لا يؤثر على التصميم أنضر الشكل التالي :
http://ssuss.jeeran.com/trjm/43.gif
الآن بإمكانك وضع الزر في حافظة ومن ثم نسخه وتكراره لعدة مرات وغير أسم الحافظة بنفس أسم الزر لتحصل على النتيجة التالية :
http://ssuss.jeeran.com/trjm/44.gif
--------------------------------------------------------------------------------
18 - الآن كل ما عليك القيام به هو تزيين الهيدر header ووضع شعار الموقع عليه وبعض الصور وهي تعتمد على رغبة المصمم كالتالي :
http://ssuss.jeeran.com/trjm/tasmeemtrjmah2.jpg
وبأمكانك اضافة بعض الزينة للتصميم حسب رغبتك
أخيرا لا تنسى بأنه بأمكانك عمل أفضل من هذه التصميم بالصبر والأرادة والممارسة
قم بتحميل ملف PSD من المرفقات وفك ضغطة ببرنامج وينرار
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif tasmeemtrjmah.zip (http://www.traidnt.net/vb/attachments/59329d1152805943-tasmeemtrjmah.zip) (596.3 كيلوبايت, عدد مرات المشاهدة 780 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
يسرني أخواني أعضاء ورواد ديزاد باتنة أن اقدم لكم هذا الشرح طريقة لتصميم موقع متكامل وأحترافي
وقد قمت بترجمته لكم من الانجليزية وأتمنى من الله لكم المتعة والفائدة والدرس مفصل بسيط وسهل التطبيق
وبأمكانك فقط بالتركيز تطبيقة كاملا دون أي مشاكل حيث ان الدرس مفصل عملي وبعيدا عن النضريات
يأخذك خطوه بخطوه وبالصور لتصميم موقع أحترافي وقد عانيت في ترجمته لأنني لا اجيد اللغة الانجليزية
ولكن بفهم بعض مصطلحات الفوتوشوب تمكنت والحمدلله من ترجمته وأي تقصير في الترجمة أتمنى منكم
عذري وأتمنى من الأخوان المصممين تقديم دروس لتصميم واجهات حتى لو كانت مترجمه فالمهم هو
التعلم والأستفادة من خبرات المصممين لنرقى بتصماميمنا وأفكارنا .
أتمنى لكم التوفيق ولا تنسونا من دعائكم .
1 - قم بإنشاء عمل جديد بمقاسات 800 * 600 وقم بتعبئة الخلفية باللون الأسود (#00000)
--------------------------------------------------------------------------------
2- ضع طبقة جديدة ثم قم باختيار أداه marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) التحديد المستطيل لتصنع الهيدر header ( العنوان الرأسي ) الخاص بتخطيطنا
http://ssuss.jeeran.com/trjm/52.jpg
ثم بعد ذلك اختر اللونين #230000للمقدمة و #AF0000 للخلفية ( http://ssuss.jeeran.com/trjm/40.gif) ومن ثم اختر أداة التدرج اللوني (http://ssuss.jeeran.com/trjm/53.jpg), وتأكد من نوع التدرج كما هو موضح بالصورة
http://ssuss.jeeran.com/trjm/55.jpg
ومن ثم قم بالسحب من الأعلى الى الأسفل لتصبح النتيجة بهذا الشكل :
http://ssuss.jeeran.com/trjm/54.jpg
ثم بعد ذلك اختر اللير واضغط على (http://ssuss.jeeran.com/trjm/41.gif ) واختر Bevel and Emboss واعطه القيم التالية :
http://ssuss.jeeran.com/trjm/56.jpg
النتيجة :
http://ssuss.jeeran.com/trjm/57.jpg
--------------------------------------------------------------------------------
3 - ضع لون المقدمة #FF4E00 ومن ثم اختر أداة قلم الرصاص Pencil Tool (http://ssuss.jeeran.com/trjm/58.jpg ) وأعطه القيم التالية :
http://ssuss.jeeran.com/trjm/59.jpg
أضف طبقة جديدة ثم قم برسم خط مستقيم أثناء القيام بالضغط على SHIFT أسفل التدرج الذي قمنا بعمله لتحصل على خط مستقيم هكذا :
http://ssuss.jeeran.com/trjm/60.jpg
ثم بعد ذلك اختر اللير واضغط على (http://ssuss.jeeran.com/trjm/41.gif ) واختر Bevel and Emboss واعطه القيم التالية :
http://ssuss.jeeran.com/trjm/61.jpg
لتصبح النتيجة هكذا ( الصورة مكبرة )
http://ssuss.jeeran.com/trjm/62.jpg
--------------------------------------------------------------------------------
4 - ضع طبقة جديدة ثم قم باختيار أداه marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) التحديد المستطيل لعمل مستطيل صغير أسفل الهيدر header ومن ثم قم بتعبئته بأداة التعبئة ( http://ssuss.jeeran.com/trjm/42.gif)
وضع اللون #434343 ومن ثم قم بإعطائها القيم التالية :
http://ssuss.jeeran.com/trjm/61.jpg
ليصبح بهذا الشكل :
http://ssuss.jeeran.com/trjm/64.jpg
بعد ذلك ضع لون المقدمة #FF4E00 وقم بعمل طبقة جديدة و أختر أداة قلم الرصاص مثل ما عملنا سابقا وضع خط أسفل منه بهذا الشكل :
http://ssuss.jeeran.com/trjm/65.jpg
ومن ثم اعطه القيم التالية :
http://ssuss.jeeran.com/trjm/66.jpg
لتصبح النتيجة : ( الصورة مكبرة )
http://ssuss.jeeran.com/trjm/67.jpg
--------------------------------------------------------------------------------
5 - ضع طبقة جديدة ثم قم باختيار أداه marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) التحديد المستطيل لعمل مستطيل بمقاس 150 بيكسل وقم بوضعه بهذا الشكل :
http://ssuss.jeeran.com/trjm/68.jpg
ثم قم بتعبئته بالون #434343 هكذا :
http://ssuss.jeeran.com/trjm/69.jpg
--------------------------------------------------------------------------------
6 - ضع طبقة جديدة ثم قم باختيار أداه marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) التحديد المستطيل لعمل مستطيل صغير داخل المستطيل الرمادي الكبير هكذا :
http://ssuss.jeeran.com/trjm/70.jpg
ثم قم بتعبئته بهذا اللون #585858 ومن ثم اذهب الى Edit->Stroke واختر القيم التالية :
http://ssuss.jeeran.com/trjm/71.jpg
النتيجة :
http://ssuss.jeeran.com/trjm/72.jpg
--------------------------------------------------------------------------------
7 - قم الآن بتكرار الصندوق الذي قمنا بعمله وذلك بالضغط على CTRL + J في لوحة المفاتيح ومن ثم اسحب الصندوق الذي قمنا بتكراره ووضعه بهذا الشكل :
http://ssuss.jeeran.com/trjm/73.jpg
--------------------------------------------------------------------------------
8 - ضع طبقة جديدة ثم قم باختيار أداه marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) الآن سنقوم بوضع مستطيل بالطول لعمل منطقة الأزرار بهذا الشكل :
http://ssuss.jeeran.com/trjm/74.jpg
بعد ذلك قم بتعبئته بهذا اللون #363636 ليصبح بهذا الشكل :
http://ssuss.jeeran.com/trjm/75.jpg
ثم بعد ذلك اختر اللير واضغط على ( http://ssuss.jeeran.com/trjm/41.gif) واختر Bevel and Emboss وأعطه القيم التالية :
http://ssuss.jeeran.com/trjm/76.jpg
النتيجة : ( الصورة مصغرة )
http://ssuss.jeeran.com/trjm/77.jpg
الآن قم بوضع طبقه جديدة ومن ثم قم باختيار أداة تحديد المستطيل marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) وارسم مستطيل صغير فوق صندوق الأزرار
وأستخدم نفس الطريقة التي استخدمناها للهيدر العنوان الرأسي وأعطه نفس القيم التي أعطيناها للهيدر ليصبح بهذا الشكل : ( الصورة مصغرة )
http://ssuss.jeeran.com/trjm/78.jpg
--------------------------------------------------------------------------------
9 - ضع طبقة جديدة ثم قم باختيار أداه marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) لنرسم صندوق بنفس ارتفاع صندوق الأزرار ولكنه أعرض منه بهذا الشكل :
http://ssuss.jeeran.com/trjm/79.jpg
ثم قم بتعبئته بهذا اللون #2C2C2C ليصبح هكذا :
http://ssuss.jeeran.com/trjm/80.jpg
ثم قم بالضغط بالكيبورد على CTRL + J لتكرار الصندوق ونسخ طبقة جديدة ثم اضغط SHIFT وقم بتحريك الصندوق لوضعه بجانب الصندوق الذي قمنا بتكراره وأثناء الضغط على SHIFT قم بالتحريك للجهة اليمنى ليصبح بهذا الشكل :
http://ssuss.jeeran.com/trjm/81.jpg
--------------------------------------------------------------------------------
10 - ضع طبقة جديدة ثم قم باختيار أداه marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) لنرسم صندوق بهذا الشكل :
http://ssuss.jeeran.com/trjm/82.jpg
ثم قم بتعبئته بلون رمادي مظلم بهذا الشكل :
http://ssuss.jeeran.com/trjm/83.jpg
م بعد ذلك اختر اللير واضغط على ( http://ssuss.jeeran.com/trjm/41.gif) واختر Stroke تحديد وأعطه القيم التالية :
http://ssuss.jeeran.com/trjm/84.jpg
لتصبح النتيجة بهذا الشكل :
http://ssuss.jeeran.com/trjm/85.jpg
ثم اضغط بالكيبورد على CTRL + J لتكرار الطبقة وقم بتحريكها لتصبح بهذا الشكل :
http://ssuss.jeeran.com/trjm/86.jpg
الآن قم بوضع رأس العنوان الهيدر header لكل صندوق واستخدم نفس التقنية المستخدمة للهيدر لتصبح بهذا الشكل :
http://ssuss.jeeran.com/trjm/87.jpg
--------------------------------------------------------------------------------
نحن الآن سنقوم بتزيين الهيدر header ( الجزء العلوي من موقعنا )
11 - ضع طبقة جديدة ثم قم باختيار أداه marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) لنرسم صندوق في المساحة السوداء الفارغة العلوية التي تقع أسفل الهيدر header بهذا الشكل :
http://ssuss.jeeran.com/trjm/88.jpg
ثم بعد ذلك نقوم بوضع لون المقدمة (#000000) ولون الخلفية (#FFFFFF) ولاختصار الوقت نقوم بالضغط على حرف D ليعيد اللون للأبيض والأسود بعد ذلك نذهب لـ Filter->Render->Clouds لنخرج بالشكل التالي :
http://ssuss.jeeran.com/trjm/89.jpg
ملاحظة : أترك التحديد نشطا لأننا سنحتاجه أثناء عمل التأثيرات
--------------------------------------------------------------------------------
12 - اضف طبقة جديدة مع ابقاء التحديد السابق نشطا ثم اذهب لفلتر الغيوم Filter->Render->Clouds ثم بعد ذلك اذهب لغيوم أخرى Filter->Render->Difference Clouds كرر هذه العملية بالضغط على CTRL+ F ست مرات ثم اذهب إلى الطبقة وأجعل الشفافية 73% هكذا :
http://ssuss.jeeran.com/trjm/1000.jpg
لتصبح النتيجة :
http://ssuss.jeeran.com/trjm/90.jpg
--------------------------------------------------------------------------------
13 - الآن أذهب إلى Layer->New Adjustment Layer->Color Balance وأضغط أوكي وطبق الإعدادات التالية :
في البداية أشر على Highlights ولا تغير القيم كما في الصورة
http://ssuss.jeeran.com/trjm/91.jpg
ثم أشر على Midtones وضع القيم التالية :
http://ssuss.jeeran.com/trjm/92.jpg
ثم أشر على Shadows وضع القيم التالية :
http://ssuss.jeeran.com/trjm/93.jpg
أضغط أوكي لتصبح النتيجة :
http://ssuss.jeeran.com/trjm/94.jpg
اترك التحديد كما هو وأذهب الى Layer->New Adjustment Layer->Brightness/Contract وأعطه القيم التالية :
http://ssuss.jeeran.com/trjm/95.jpg
لتصبح النتيجة:
http://ssuss.jeeran.com/trjm/96.jpg
--------------------------------------------------------------------------------
14 - الآن سنقوم بصنع الأزرار في منطقة الأزرار في الجانب الأيسر السفلي ضع طبقة جديدة و أختر أداة marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) وقم برسم مستطيل بهذا الشكل :
http://ssuss.jeeran.com/trjm/97.jpg
الآن ضع لون المقدمة #4D4D4D ولون الخلفية #1A1A1A ثم أختر أداة التدرج اللوني (http://ssuss.jeeran.com/trjm/53.jpg) واختر نوع التعبئة كما في الصورة :
http://ssuss.jeeran.com/trjm/98.jpg
ثم قم بالسحب داخل المستطيل ليصبح كالتالي :
http://ssuss.jeeran.com/trjm/99.jpg
ثم بعد ذلك اختر اللير واضغط على ( http://ssuss.jeeran.com/trjm/41.gif) وأختر Inner Glow وطبق الإعدادات التالية :
http://ssuss.jeeran.com/trjm/101.jpg
ثم أذهب إلى تحديد Stroke وطبق التالي :
http://ssuss.jeeran.com/trjm/102.jpg
لتصبح النتيجة :
http://ssuss.jeeran.com/trjm/103.jpg
أترك التحديد نشطا .
--------------------------------------------------------------------------------
اضف الآن لير جديد واختر أداة التحديد marquee tool (http://ssuss.jeeran.com/trjm/51.jpg) واضغط على مفتاح Alt واثناء ذلك قم برسم مستطيل يأخذ نصف التحديد السابق بهذا الشكل :
http://ssuss.jeeran.com/trjm/100.jpg
بعد ذلك أذهب إلى Select->Modify->Contract وضع القيم التالية :
http://ssuss.jeeran.com/trjm/104.jpg
ثم ضع لون المقدمة (#FFFFFF), وأختر أداة التدرج اللوني (http://ssuss.jeeran.com/trjm/53.jpg) وأختر نوع الملء شفاف foreground to transparent وقم بالسحب من الأعلى للأسفل ليصبح بهذا الشكل :
http://ssuss.jeeran.com/trjm/105.jpg
--------------------------------------------------------------------------------
16 - قم بإضافة طبقة جديدة وأختر أداة التحديد المضلع (http://ssuss.jeeran.com/trjm/106.jpg) Polygon Lasso Tool قم برسم مثل الشكل الذي بالصورة مع الضغط على مفتاح SHIFT لضمان بقاء الخطوط مستقيمة كالتالي : ( الصورة مكبرة )
http://ssuss.jeeran.com/trjm/107.jpg
ثم قم بالضغط على مفتاح Alt وارسم بنفس الأداة هذا الشكل :
http://ssuss.jeeran.com/trjm/108.jpg
ثم قم بتعبئته باللون الأبيض بعد ذلك أذهب الى ( http://ssuss.jeeran.com/trjm/41.gif) وأختر Inner Glow وأعطه القيم التالية :
http://ssuss.jeeran.com/trjm/109.jpg
ثم أختر مرة اخرى Gradient Overlay وأعطه القيم التالية :
http://ssuss.jeeran.com/trjm/110.jpg
http://ssuss.jeeran.com/trjm/111.jpg
ثم أختر حدود Stroke وأعطه القيمة
http://ssuss.jeeran.com/trjm/112.jpg
لتصبح النتيجة بهذا الشكل :
http://ssuss.jeeran.com/trjm/113.jpg
--------------------------------------------------------------------------------
17 - أضف لير جديد وأختر أداة قلم الرصاص Pencil Tool ( ) وضع القيمة 3 كالتالي :
http://ssuss.jeeran.com/trjm/58.jpg
ثم أختر اللون FF7200 وقم برسم مربعات ثلاثة فوق بعضها كالتالي لإعطاء الزر أبعاد جميله :
http://ssuss.jeeran.com/trjm/115.jpg
وأخيرا قم بوضع الكتابة على الزر وقد اخترت نوع الخط Motken noqta بمقاس 12 وبلون أبيض ولك الأخيار في نوعية الخط ومقاسه ولكن حاول أن لا يؤثر على التصميم أنضر الشكل التالي :
http://ssuss.jeeran.com/trjm/43.gif
الآن بإمكانك وضع الزر في حافظة ومن ثم نسخه وتكراره لعدة مرات وغير أسم الحافظة بنفس أسم الزر لتحصل على النتيجة التالية :
http://ssuss.jeeran.com/trjm/44.gif
--------------------------------------------------------------------------------
18 - الآن كل ما عليك القيام به هو تزيين الهيدر header ووضع شعار الموقع عليه وبعض الصور وهي تعتمد على رغبة المصمم كالتالي :
http://ssuss.jeeran.com/trjm/tasmeemtrjmah2.jpg
وبأمكانك اضافة بعض الزينة للتصميم حسب رغبتك
أخيرا لا تنسى بأنه بأمكانك عمل أفضل من هذه التصميم بالصبر والأرادة والممارسة
قم بتحميل ملف PSD من المرفقات وفك ضغطة ببرنامج وينرار
الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif tasmeemtrjmah.zip (http://www.traidnt.net/vb/attachments/59329d1152805943-tasmeemtrjmah.zip) (596.3 كيلوبايت, عدد مرات المشاهدة 780 مرة)
https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©
