العملية الكاملة لإنشاء صفحات الويب التجارية باستخدام Photoshop

المؤلف: Brother Mouse

اليوم سأوضح لك عملية إنشاء صفحة ويب تجارية. ويجب على الأصدقاء الذين يعرفون صفحات الويب أن يعرفوا أهمية برنامج Photoshop في هذه العملية، لأنه الأساس في إنتاج صفحات الويب. لذلك، قام المؤلف بإعداد هذه المجموعة من البرامج التعليمية والغرض من ذلك هو أن يكون لدى الأصدقاء المبتدئين فهم أعمق لعملية الإنتاج، وفي الأيام القادمة، سأقوم بإعداد المزيد، مقارنة بالألبومات الترويجية، وملصقات الصالح العام، وما إلى ذلك .، عملية الإنتاج. دعونا نبدأ الآن!

دعونا نلقي نظرة على الاداءات النهائية أولا:

الاداءات

الشكل (1) حدد أولاً ملف > جديد (CTRL + N) وقم بتعيين المعلمات في مربع الحوار. كما هو مبين في الشكل 1.

تعيين المعلمات

الشكل (2) قم بإنشاء طبقة جديدة الآن ابدأ بالخلفية أولاً قم بتعيين لون التدرج (هنا أستخدم اللون الأحمر والأسود كلون للخلفية. يمكن تعديل اللون وفقًا لتفضيلاتك الخاصة.) اضغط باستمرار على Shift+. الماوس في الصورة انقر بزر الماوس الأيسر لتمتد إلى الأسفل في خط مستقيم. كما هو مبين في الشكلين 2 و 3. +

محرر التدرج

مخطط تأثير التدرج

الشكل (3) بعد ضبط لون الخلفية، استخدم أدوات الحرق والمراوغة (مفتاح الاختصار o) لتحريرها لإضفاء طابع محكم عليها. كما هو مبين في الشكلين 4 و5.

قليلا من يشعر النسيج

أدوات الحرق والمراوغة

الشكل (4) بعد استخدام أداة التحديد (مفتاح الاختصار m) لتحديد النطاق المقابل في الزاوية اليمنى العليا، اضغط باستمرار على ctrl+j لنسخ طبقة منفصلة. تحرير أسلوب ذلك. كما هو مبين في الشكلين 6 و 7.

اضغط باستمرار على ctrl+j لنسخ الطبقة بشكل فردي

تحرير أنماط الطبقة

الشكل (5) حدد الطبقة 2، واستخدم نفس الطريقة المذكورة أعلاه، وحدد النطاق المقابل، واضغط باستمرار على ctrl+j لنسخ طبقة منفصلة. تحرير أسلوب ذلك. كما هو مبين في الشكل 8.

حدد النطاق المناسب

الشكل (6) بعد ذلك، نحتاج إلى البدء في تغميق الطبقة التي تم تحديدها وتحريرها للتو وتفاديها. حدد أولاً الطبقة 3، كما هو موضح في الشكل 9، ثم حدد الطبقة 4 بعد التحرير، كما هو موضح في الشكل 10.

إجراء عمليات التغميق والتفتيح

الشكل (7) قم بإنشاء شكل جديد 5. الآن قم بتعديل الصورة واستخدم أداة التحديد لتحديد النطاق المناسب، كما هو موضح في الشكل (11) املأ R:255 G:2 B:252 انقر نقرًا مزدوجًا فوق الطبقة 5 لتحريرها النمط. كما هو مبين في الشكل (12). اضبط شفافية هذه الطبقة على 40%. كما هو مبين في الشكل (13)

استخدم أداة الشاشة الاسمية لتحديد النطاق المناسب

تحرير نمط الطبقة

شفافية الطبقة

(8) قم بإنشاء طبقة جديدة، حدد النطاق واملأه باللون R:255 G:2 B:252 قم بتحرير النمط كما هو موضح في (14) واضبط شفافية هذه الطبقة على 0.

تحرير نمط الطبقة

الشكل (9) الآن نقوم بإدخال النص، (يمكنك أيضًا التفكير في الاسم الذي تفضله.) وسوف أقوم بتسمية صفحة الويب Heitongdiba، وإدخال بعض الخطوط وفقًا لذلك. كما هو مبين في الشكل (15).

اكتب النص

الصورة (10) حسنًا، الآن نحتاج إلى معالجة الخط، وتعديل سمة التلميذ الأسود، والنقر المزدوج على الطبقة لتحريرها بالنمط، كما هو موضح في (16)، وضبط شفافية هذه الطبقة إلى 0.

الخطوط العملية

الشكل (11) ابحث عن بعض الصور ذات الصلة وقم بإدخالها (لكن يجب أن تتطابق مع الموضوع الذي قدمته، لا تبحث فقط عن بعض الصور.)، ثم ضع الصور في النمط المخصص للتحرير. كما هو مبين في الشكل (17)

إذا كانت

نمط الطبقة

أضف بعض التعديلات الطفيفة

منتهي! دعونا نرى النتيجة النهائية.

التأثير النهائي

بمجرد اكتمال صفحة الويب، يصبح الأمر في الواقع أمرًا سهلاً للغاية، حيث يمكن للمبتدئين استخدام هذه الطرق البسيطة لمحاولة إنشاء صفحة الويب الخاصة بهم. ليس من الضروري أن يكون لأي تصميم الكثير من التأثيرات ليكون جيدًا، ففي بعض الأحيان تكون البساطة أيضًا نوعًا من الجمال. إذا كان لديك آراء مختلفة في البرنامج التعليمي، وآمل أن تتمكن من التواصل معي. اتصل بـ QQ: 95512068.