سوف نقوم بتصميم مدونة blog بإستخدام اشكال بسيطة وبعض تقنيات استخدام الفرش، وبعض الصور، والعديد من ادوات الفوتوشوب. تصميم موقع ويب اسهل مما يمكن ان تتصوره، يمكنك تعلم بناء مواقع جذابه بسرعه. لنبدأ.
خطوة 1

اختر طبقة الخلفية واضغط CTRL+J لتكرار الطبقة. سوف والآن لنطبق تدرج لوني على الطبقة الجديدة. إذهب إلى Layer > Layer Style > Gradient Overlay وطبق التالي:

خطوة 2

بإستخدام اداه رسم المستطيل دائري الزوايا قم برسم الشكل الموضح بالصورة
خطوة 3

طبق الستايل style التالي على المستطيل.



خطوة 4

بإستخدام نفس الآداه السابقة قم برسم مستطيل اكبر وقم بملئه باللون التالي #001424.
خطوة 6

قم برسم مستطيل اخر واملئه باللون الأبيض.
خطوة 7
ثم طبق الستايل style التالي

لنحصل على النتيجة
خطوة 8

فوق هذه الطبقة اضف صورة مناسبة من اختيارك.
خطوة 9

اذهب إلى Select > Load selection، سوف تجد تحديد يظهر حول الصورة كما فى الصورة التالية.
خطوة 10

قم بعمل طبق جديدة، اختر فرشاه ناعمة وقم بإستخدامها بالعرض مع الضغط على مفتاح SHIFT لنحصل على النتيجة التالية.
خطوة 11

اضغط CTRL+D لإلغاء الإختيار ثم بإستخدام اداه رسم المستطيل لرسم الاشكال التالية واملئها باللون #4b6e82.
خطوة 12

للشكلين قم بتطبيق الستايل style التالي

خطوة 13

ثم بإستخدام اداه التحديد الدائرية قم برسم تحديد خلف المستطيل الايسر واملئه باللون الاسود كما بالصورة
خطوة 14

اذهب إلى Filter > Blur > Gaussian Blur وقم بتحديد قيمة Radius بـ 4.5 بكسل.
خطوة 15

والآن بعد ان قمنا بعمل الظل كما بالشكل. الآن لنظهر هذا الظل بإضافة بعض الإضاءة. وبإستخدام اداه الخط Line Tool وبإستخدام خط 1 بكسل واضف خط عمودي ابيض كما بالشكل.
خطوة 16

الآن اضغط زر الفارة الايمن على الطبقة السابقة واختر Rasterize laye.
خطوة 17

قم بإختيار الممحاه بإستخدام فرشه بقطر 100 بكسل واستخدمها لمسح اطراف الخط كما بالصورة
خطوة 18

بنفس الطريقة السابقة ارسم خط بأعلى المستطيل الجانبي.
خطوة 19

قم برسم خط اسود تحت الابيض في الخطوة السابقة.
خطوة 20

داخل الشكل الاوسط قم برسم مستطيل اخر باللون الابيض.
صورة 21

ارسم بعض المربعات كما بالشكل وسنضيف اليها بعض الصور لاحقا.
خطوة 22

طبق الستايل style التالي كما بالصورة
خطوة 23

الان لنضيف بعض الصور في المستطيلات واضف بعض النصوص.
خطوة 24

اضف بعض الخطوط العريضه بين النصوص
الخطوة 25

قم برسم مستطيل خلف معلومات التدوينة.
الخطوة 26

اعلى القائمة الجانبية قم برسم مربع البحث. ترى اننا قمنا بإضافة بعض النصوص اعلى قائمة الموقع.
خطوة 27

قم بتطبيق الستايل style التالي لمربع البحث

خطوة 28

الآن قم برسم مربع داخلي اخر واضف ايقونه البحث بجانبها.
خطوة 29

اعلى الصورة المنزلقة قم برسم مربع اخر كما بالصورة. وقم بتعديل الشكل للوصول إلى الشكل التالي
خطوة 30

ثم قم بتطبيق الستايل style التالي كما بالصورة


خطوة 31

قم برسم دائرة اسفل المربع واسفل مربع الانزلاق كما بالصورة
خطوة 32

سوف نضيف الآن زرين للتقديم والإرجاع واضافة بعض النصوص وبعض الأسهم كما بالشكل.
خطوة 33

فى القائمة الجانبية قم برسم بعض المربعات باللون الابيض كما بالشكل وهي المربعات التي سيتم عرض الإعلانات بها.
خطوة 34




وطبق عليها الستايل style التالي

خطوة 35

الآن قم بإضافة بعض صور الإعلانات في القائمة الجانبية وبعض ازرار المشاركة فى المواقع الإجتماعية المتخصصة.
خطوة 36

اضف بعض النصوص إلى القائمة الجانبية، وايضاً قم بعمل بعض الفواصل بين الروابط.
خطوة 37

اضف بعض التفاصيل إلى القائمة الرئيسية. فواصل بين الروابط، بإستخدام اداه الخط قم بإستخدام خط عمودي وقم بمسح الاطراف مع تطبيق ستايل style مناسب وتغيير نوع الطبقة إلى Soft Light للوصول للشكل التالي.
خطوة 38

الآن قم بكتابة إسم الموقع وطبق الستايل style التالي


لنحصل على التأثير التالي
خطوة 39

في النهاية قم بعمل طبقة جديدة خلف طبقة اسم الموقع وامام خلفية التصميم وبإستخدام فرشاه ناعمة واللون الابيض قم بعمل اضاءة خلف اسم الموقع وتغيير نوع الطبقة إلى Soft Light كما بالشكل

تم بحمد الله




©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©