القائمة الرئيسية

الصفحات

كيفيه عمل نموذج تسجيل الدخول علي برنامج الفوتوشوب

 

كيفيه عمل نموذج تسجيل الدخول علي برنامج الفوتوشوب


إنشاء نموذج تسجيل الدخول في Adobe Photoshop 


تفاصيل البرنامج التعليمي

  • البرنامج : Adobe Photoshop CC
  • الوقت المقدر للانتهاء: 1 ساعة
  • الصعوبة: مبتدئ - متوسط

الخطوة 1

قم بإنشاء مستند بحجم 600 × 600 بكسل ، وانتقل إلى عرض> إظهار> الشبكة لتمكين الشبكة ثم انتقل إلى عرض> انطباق على> الشبكة لتمكين الانطباق على الشبكة . اضغط على Control + K لفتح نافذة التفضيلات ، انتقل إلى Guides، Grid & Slices وأدخل الإعدادات المذكورة في الصورة التالية.

طوال البرنامج التعليمي ، قمت بإيقاف تشغيل الشبكة ( Control + ' ) حتى تحصل على رؤية أفضل. ستجعل الشبكة من السهل عليك إنشاء الأشكال.
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 1


الخطوة 2

ركز على لوحة Layers ، وانقر نقرًا مزدوجًا على طبقة Background locked واضبط الاسم الجديد على BG.

قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 2


الخطوه 3

من لوحة Layers ، افتح نافذة Layer Style للطبقة "BG" لتعيين لون خلفية جديد بالإعدادات الموضحة في الصورة الثانية.

قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 3
قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 3


الخطوة 4

الآن ، ركز على شريط الأدوات الخاص بك واملأ اللون الأمامي بـ # F0F5FE .
حدد أداة Rounded Rectangle Tool ، وركز على الشريط العلوي واضبط نصف القطر على 10 بكسل ، ثم انتقل إلى اللوحة القماشية لإنشاء شكل متجه 264 × 190 بكسل .
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 4


الخطوة الخامسة

في هذه الخطوة سوف تتعلم كيفية إنشاء نمط. ضرب تحكم + N وإنشاء 5 x5px ثيقة.

اضبط اللون الأمامي على # 000000 ، واختر أداة Pencil Tool واضبط الحجم على 1 بيكسل . استخدم زر الفأرة الأيسر لإضافة النقاط السوداء الموضحة في الصورة أدناه.

الآن ، انتقل إلى Edit> Define Pattern ، واختر اسمًا للنمط الخاص بك وانقر فوق OK.

قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 5


الخطوة 6

افتح نافذة Layer Style لشكل متجه المستطيل المستدير وأدخل الإعدادات الموضحة في الصور التالية. بالنسبة إلى قسم Pattern Overlay ، أضف النمط المحفوظ في الخطوة السابقة.

قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 6
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 6
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 6


الخطوة 7

انظر داخل لوحة Layers وتأكد من أن شكل المتجه الخاص بك لا يزال محددًا.

قم بتكرارها باستخدام اختصار لوحة المفاتيح Control + J. انقر بزر الماوس الأيمن على هذه النسخة الجديدة وانتقل إلى Clear Layer Style . قم بخفض التعبئة إلى 0٪ وافتح نافذة Layer Style لهذه النسخة لإدخال الإعدادات كما هو موضح في الصورة الأخيرة.
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 7
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 7
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 7


الخطوة 8

ضاعف ( Control + J ) نسخة الشكل المتجه ، وافتح نافذة Layer Style لهذه النسخة الجديدة وأدخل الإعدادات الموضحة في الصورة التالية.

قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 8
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 8


الخطوة 9

غيّر لون المقدمة إلى # E5E9F2 ، وحدد أداة Rounded Rectangle Tool واضبط نصف القطر على 10 بكسل من الشريط العلوي.
انتقل إلى اللوحة القماشية الخاصة بك ، وقم بإنشاء شكل متجه 220 × 36 بكسل وضعه تمامًا كما هو موضح في الصورة أدناه.

قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 9


الخطوة 10

افتح نافذة Layer Style للشكل المتجه الذي يشكل نموذج الإدخال الخاص بك (تم إنشاؤه في الخطوة السابقة) وأدخل الإعدادات الموضحة في الصور التالية.

قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 10
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 10
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 10


الخطوة 11

ضاعف ( Control + J ) شكل متجه نموذج الإدخال وانتقل إلى Clear Layer Style .
الآن ، اضغط على زر السهم لأسفل من لوحة المفاتيح لتحريك هذه النسخة الجديدة كما ترى في الصورة أدناه.

قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 11


الخطوة 12

انتقل إلى نافذة Layer Style للشكل المتجه الذي تم إجراؤه في الخطوة السابقة وأدخل الإعدادات الموضحة في الصور التالية.

قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 12
قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 12
قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 12
قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 12


الخطوة 13

ارجع إلى الشكل المتجه الأول لنموذج الإدخال وحدد أداة الكتابة الأفقية من شريط الأدوات.
افتح نافذة شخصيتك ( Window> Character ) ، واستخدم خط Calibri Bold ، واملأ اللون بـ # CB7C6F واضبط الحجم على 14 بكسل ، ثم أدخل النص كما ترى أدناه.

قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 13
قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 13


الخطوة 14

طرح نمط طبقة نافذة للنص وأدخل الإعدادات المبينة في الصورة أدناه.

قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 14


الخطوة 15

قم بتغيير لون المقدمة إلى # 848F93 وحدد أداة المستطيل .
قم بإنشاء شكل متجه 2 × 14 بكسل وضعه كما ترون في الصور التالية.
استخدم أداة Add Anchor Point Tool لإضافة نقطتي ربط جديدتين إلى المستطيل كما ترى في الصورة الأخيرة.

قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 15
قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 15


الخطوة 16

استخدم أداة التحديد المباشر Direct Selection Tool لتحديد نقاط الربط الجديدة التي تمت إضافتها في الخطوة السابقة واضغط على زر السهم لأعلى على لوحة المفاتيح 3 مرات لتحريكها 3 بكسل .
الآن ، اختر أداة تحويل النقاط وانقر مرة واحدة على نقاط الربط الجديدة لإزالة المنحنيات.

قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 16
قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 16
قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 16


الخطوة 17

استخدم أداة Ellipse Tool لإنشاء شكل متجه 6 × 8 بكسل ثم ضعه كما ترى أدناه.

قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 17
قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 17


الخطوة 18

الآن ، عد إلى شكل متجه نموذج الإدخال الثاني وحدد أداة الكتابة الأفقية .
انتقل إلى نافذة الأحرف ( Window> Character ) ، واستخدم خط Calibri Bold ، وقم بتغيير اللون إلى # 8D9799 واضبط الحجم على 16 بكسل ، ثم أدخل النص كما ترى أدناه.
بعد ذلك ، افتح نافذة Layer Style لهذا النص لإدخال الإعدادات الموضحة في الصورة الأخيرة.

قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 18
قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 18
قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 18


الخطوة 19

بدّل لون المقدمة إلى # 4BB1FB واختر أداة المستطيل .
قم بإنشاء شكل متجه 2 × 16 بكسل ثم ضعه كما ترى أدناه.

atTheEnd 19
atTheEnd 19


الخطوة 20

قم بتغيير اللون الأمامي إلى # 848F93 ، واختر أداة Ellipse Tool وانتقل إلى اللوحة القماشية الخاصة بك.
أنشئ دائرة 7 × 7 بكسل ودائرة 2 × 2 بكسل . تأكد من وضع هذه الأشكال المتجهة الجديدة كما هو موضح أدناه.
نصيحة: اضغط مع الاستمرار على زر Shift على لوحة المفاتيح لإنشاء دائرة مثالية.

قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 20
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 20


الخطوة 21

انظر داخل لوحة Layers ، وحدد كلا الدائرتين اللتين تم إجراؤهما في الخطوة السابقة وانتقل إلى Merge Shapes .

الآن ، اختر أداة تحديد المسار ، وانقر داخل الدائرة الصغيرة (2 × 2 بكسل) ، وركز على الشريط العلوي وحدد طرح الشكل الأمامي كما ترى في الصور أدناه.

قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 21
قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 21


الخطوة 22

اختر أداة القلم لإنشاء الشكل المتجه الذي يمكنك رؤيته في الصورة أدناه.
حدد جميع الأشكال المتجهة التي تشكل رمز المفتاح الخاص بك وانتقل إلى دمج الأشكال .
اضغط على Control + T لتدوير شكلك بمقدار 45 درجة ، واضغط على Enter وضعه كما ترى في الصورة الأخيرة.
نصيحة: اضغط مع الاستمرار على زر Shift من لوحة المفاتيح لتدوير اختيارك بشكل مثالي.

قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 22
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 22
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 22


الخطوة 23

احصل على أداة Rounded Rectangle Tool واضبط نصف القطر على 3 بكسل من الشريط العلوي.
انتقل إلى اللوحة القماشية الخاصة بك ، وقم بإنشاء شكل متجه 28 × 28 بكسل وضعه تمامًا كما هو موضح في الصورة أدناه.
حدد الآن أداة القلم لإنشاء الشكل المتجه الذي يمكنك رؤيته في الصورة الثانية.

قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 23
قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 23


الخطوة 24

ركز على لوحة Layers وحدد أشكال المتجهات التي تم إجراؤها في الخطوة السابقة.
انقر بزر الماوس الأيمن على أحد هذه الأشكال وانتقل إلى دمج الأشكال .
انتقل إلى نافذة Layer Style لهذا الشكل المتجه الجديد وأدخل الإعدادات الموضحة في الصور التالية.

قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 24
قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 24
قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 24
قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 24
قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 24


الخطوة 25

قم بتغيير لون المقدمة إلى # 22BE69 ، حدد أداة الشكل المخصص وركز على الشريط العلوي لاختيار شكل جديد.
انتقل إلى اللوحة القماشية الخاصة بك ، وأنشئ رمز تحقق مقاس 16 × 16 بكسل وضعه كما ترى أدناه.
نصيحة: اضغط مع الاستمرار على زر Shift من لوحة المفاتيح لإنشاء شكل مثالي.

قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 25
قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 25


الخطوة 26

انتقل إلى نافذة Layer Style للشكل المتجه الذي تم إجراؤه في الخطوة السابقة وأدخل الإعدادات كما ترى أدناه.

قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 26
قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 26


الخطوة 27

قم بتكرار ( Control + J ) رمز تلميح الأداة الأخضر الخاص بك وضعه كما ترى أدناه.
الآن ، ركز على هذه النسخة وانتقل إلى Clear Layer Styles .

قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 27
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 27


الخطوة 28

طرح نمط الطبقات نافذة للنسخة تلميح الأدوات وأدخل الإعدادات المبينة في الصور التالية.

قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 28
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 28
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 28
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 28
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 28


الخطوة 29

غيّر لون المقدمة إلى # FFA2A1 واستخدم أداة المستطيل لإنشاء شكلين متجهين: 2 × 7 بكسل و 2 × 2 بكسل ثم ضعهما كما ترى أدناه.

قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 29
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 29


الخطوة 30

احصل على أداة Rounded Rectangle Tool واضبط نصف القطر على 5 بكسل .
انتقل إلى اللوحة القماشية الخاصة بك ، وقم بإنشاء شكل متجه 100 × 34 بكسل وضعه تمامًا كما هو موضح في الصورة أدناه.

قم بإنشاء نموذج تسجيل دخول في Adobe Photoshop من Scratch 30


الخطوة 31

افتح نافذة Layer Syle للشكل المتجه الذي تم إجراؤه في الخطوة السابقة وأدخل الإعدادات الموضحة في الصور التالية.

قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 29
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 29
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 29
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 29
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 29


الخطوة 32

تغيير اللون الأمامي إلى # FFFFFF ، حدد أداة الفرشاة ، واختيار نوع الفرشاة ثم تعيين الحجم إلى 80px و صلابة إلى  .
ركز على الجانب السفلي من لوحة Layers وانقر فوق الزر Create a new layer .

قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 29


الخطوة 33

تأكد من تحديد الطبقة الجديدة الخاصة بك.
باستخدام أداة الفرشاة ، انقر مرة واحدة على شكل المتجه الأزرق كما ترى في الصور التالية.

قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 29
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 29


الخطوة 34

اضغط مع الاستمرار على زر التحكم في لوحة المفاتيح ، وانقر فوق أيقونة Layer Thumbnail لشكل المتجه الأزرق الخاص بك لإجراء تحديد كما ترى في الصورة الأولى.
انظر داخل لوحة Layers ، وانقر فوق الزر Add Layer Mask .
تأكد من تحديد الطبقة ذات الفرشاة البيضاء ، واستمر في التركيز على لوحة Layers ، وقم بتغيير وضع Blend إلى Soft Light وخفض التعتيم إلى 80٪ .

قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 29
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 29
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 29


الخطوة 35

ضاعف ( Control + J ) الشكلين اللذين يتألف منهما الزر الخاص بك ، وحدد النسخ وانقلها كما ترى في الصورة التالية.

قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 29


الخطوة 36

حدد أداة الكتابة الأفقية ، واستخدم خط Calibri Bold ، واضبط اللون على #FFFFFF واضبط الحجم على 14 بكسل ، ثم أدخل النصوص التي يمكنك رؤيتها أدناه.
أخيرًا ، افتح نافذة Layer Style لهذه النصوص وأدخل الإعدادات الموضحة في الصورة الأخيرة.

قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 29
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 29
قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch 29


وانتهينا!

هنا كيف يجب أن تبدو النتيجة النهائية الخاصة بك.

قم بإنشاء نموذج تسجيل الدخول في Adobe Photoshop من Scratch Final

  • فيس بوك
  • بنترست
  • تويتر
  • واتس اب
  • لينكد ان
إظهار التعليقات