تعلم كيفية تصميم مدونة إحترافية

خطوة 1

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

خطوة 2

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

خطوة 3

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

خطوة 4

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

خطوة 6

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

خطوة 7
ثم طبق الستايل التالي

لنحصل على النتيجة

خطوة 8

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

خطوة 9

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

خطوة 10

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

خطوة 11

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

خطوة 12

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

خطوة 13

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

خطوة 14

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

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

خطوة 16

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

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

خطوة 18

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

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

خطوة 20

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

صورة 21

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

خطوة 22

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

خطوة 23

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

خطوة 24

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

الخطوة 25

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

الخطوة 26

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

خطوة 27

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

خطوة 28

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

خطوة 29

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

خطوة 30

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

خطوة 31

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

خطوة 32

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

خطوة 33

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

خطوة 34

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

خطوة 35

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

خطوة 36

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

خطوة 37

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

خطوة 38

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

لنحصل على التأثير التالي

خطوة 39

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

تم بحمد الله

للدخول مرة اخري للموقع اكتب في جوجل

حلم العمر المنصورة