واجهة سهلة الاستخدام ، ورسومات مرسومة جيدًا ، وترتيب صحيح للعناصر على الصفحة - نصف نجاح الموقع مع الزائر. يعد رسم الأزرار لموقع ويب جزءًا صغيرًا ولكنه مهم من العمل في مشروع عبر الإنترنت.
تعليمات
الخطوة 1
حاول رسم زر دائري. الطريقة الموضحة أدناه عالمية أيضًا لإنشاء الشعارات والصور الرمزية. الرسم ليس بالأمر الصعب ، على الرغم من عدد الإجراءات التي يجب عليك القيام بها.
الخطوة 2
افتح برنامج Adobe Photoshop. قم بإنشاء مستند جديد بالضغط على "Ctrl + N". معلمات الصورة 300 * 300 ، دقة 72 نقطة في البوصة. الوضع الافتراضي للخلفية واللون هما الأبيض و RGB ، على التوالي.
الخطوه 3
من الأفضل الرسم باستخدام المتجهات ، بحيث لا تتدهور جودته عند تقليل الزر. حدد أداة الشكل البيضاوي ، واضغط على مفتاح Shift وارسم دائرة من المركز.
الخطوة 4
الآن قم بتطبيق بعض التأثيرات على الدائرة الناتجة. انتقل إلى القائمة "طبقات" - "نمط الطبقة" - "خيارات المزج". هنا سوف تحتاج إلى تطبيق التدرج اللوني.
الخطوة الخامسة
بعد ذلك ، هنا ، حدد المربع بجوار "النقش" لإعطاء الزر الانتفاخ اللازم ، وقم بتعيين المعلمات التالية: النمط - النقش على الخطوط العريضة ، الطريقة - القطع الناعم ، العمق - 220٪ ، الحجم - 1 بكسل ، التليين - 5 بكسل ، زاوية - 135 درجة بدون إضاءة عامة ، ارتفاع - 32 ، وضع تسليط الضوء - عادي مع عتامة 30٪ ، وضع الظل - يتضاعف مع عتامة 25٪
الخطوة 6
لإعطاء حجم أكبر ، هنا في معلمات المزج ، حدد المربع "الظل" وقم بتعيين المعلمات التالية: وضع المزج - الضرب ، الشفافية - 40٪ ، الزاوية - 125 درجة باستخدام الإضاءة الشاملة ، الإزاحة - 5 بكسل ، الحجم - 20 بكسل.
الخطوة 7
ستكون نتيجة الإجراءات التي تم تنفيذها صورة كما هو موضح في الشكل.
الخطوة 8
الآن قم بإنشاء طبقة جديدة ، حدد "الشكل البيضاوي" مرة أخرى وارسم دائرة بنصف قطر أصغر من الشكل الأول. افتح "خيارات المزج" ، حدد المربع بجوار "الظل الداخلي" وقم بتعيين المعلمات: وضع المزج - ضوء خفيف ، زاوية - 125 درجة ، إزاحة - 0 بكسل ، تقليص - 45٪ ، الحجم - 21 بكسل.
الخطوة 9
بعد ذلك ، هنا في خيارات المزج ، تحقق من "تراكب التدرج" وقم بإنشاء تدرج مع المعلمات كما في الصورة. انقر فوق موافق
الخطوة 10
بعد ذلك ، اضبط نمط المزج على شعاعي ، مقياس إلى 124٪
الخطوة 11
حدد الآن مربع "Stroke" وقم بتعيين المعلمات التالية: الحجم - 5 بكسل ، الموضع - الخارج ، وضع المزج - عادي ، العتامة - 100٪ ، نوع السكتة الدماغية - التدرج اللوني.
الخطوة 12
نتيجة لهذه الإجراءات ، يجب أن تحصل على شيء يشبه الزر. يمكنك إعادة فتح خيارات المزج وتجربتها.
الخطوة 13
نحتاج الآن إلى إضافة أزرار الإبرازات بحيث يأخذ الزر نسيجًا زجاجيًا. للقيام بذلك ، قم بإنشاء طبقة جديدة مرة أخرى ، وحدد أداة التحديد البيضاوي ، وقم بإنشاء شكل بيضاوي أعلى الزر واملأه باللون الأبيض باستخدام أداة التعبئة. اضغط مع الاستمرار على Ctrl ، وانقر على الطبقة ذات الدائرة الملونة ، وعكس التحديد ("التحديد" - "الانعكاس"). الآن اضغط على حذف. يجب قطع الشكل البيضاوي حول محيط الدائرة.
الخطوة 14
في لوحة Layers ، قم بتغيير الخيار Normal إلى Soft Light ، ثم انقر فوق رمز قناع المتجه وحدد أداة Fill Tool - Gradient. املأ التظليل من الأسفل إلى الأعلى. الزر جاهز تقريبًا.
الخطوة 15
يمكنك إضافة نقش على الزر. يمكنك أيضًا تطبيق تأثيرات المزج عليه ، مثل التوهج الداخلي والخارجي والتدرج وما إلى ذلك. لا تخف من التجربة ، فكلما زاد الخيال الذي تستخدمه في عملك ، زادت سرعة إتقان كل من المحرر نفسه وتصميم الويب.
