تأخذ هذه المقالة الإصدار الصيني من Photoshop CS2 كمثال. قد تختلف الخطوات الخاصة بالإصدارات الأخرى من Photoshop قليلاً. دعونا نلقي نظرة على التأثير النهائي أولا.
الخطوات المحددة
للتأثير النهائي
هي كما يلي.1. ابدأ تشغيل الإصدار الصيني من Photoshop CS2، ثم اضغط على Ctrl+N لفتح مربع الحوار "جديد"، وقم بإجراء بعض الإعدادات حسب الحاجة (يجب أن يكون الحجم قادرًا على استيعاب قائمة التنقل المستقبلية)، ثم انقر فوق الزر "موافق" إنشاء مستند جديد.
2. انقر فوق الزر "إنشاء طبقة جديدة" أسفل لوحة الطبقة لإنشاء طبقة جديدة. حدد "أداة المستطيل الدائري" في صندوق الأدوات، واضبط نصف قطرها على 15 بكسل في شريط الخيارات، ثم ارسم مستطيلًا مستدير الزوايا كما هو موضح في الشكل 1 على الطبقة الجديدة.
الشكل 1
3. الآن قم بتطبيق نمط الطبقة التالي على الشكل أعلاه.
الإسقاط:
الشكل 2
الظل الداخلي:
الشكل 3
التوهج الداخلي:
الشكل 4
تراكب اللون:
الشكل 5
السكتة الدماغية:
في الشكل 6
، يتم الحصول على تأثير الزر الموضح في الشكل 7.
الشكل 7
4. الآن استخدم "أداة المستطيل المستدير" مرة أخرى، هذه المرة، ارسم مستطيلًا أبيض مستديرًا أصغر حجمًا فوق الزر، كما هو موضح في الشكل 8.
الشكل 8
5. اضبط وضع المزج لهذه الطبقة على "تراكب" واضبط العتامة على 30%، يمكنك الحصول على تأثير الزر كما هو موضح في الشكل 9.
الشكل 9
6. قم بعد ذلك بنسخ هذه الأزرار وترتيبها في قائمة التنقل وإضافة النص، كما هو موضح في الشكل 10.
الشكل 10
7. حدد "أداة الشريحة" في صندوق الأدوات، وافتح قائمة "عرض"، وتأكد من وجود علامة اختيار على يسار "محاذاة". سيؤدي ذلك إلى محاذاة الشرائح تلقائيًا مع الحواف وإنشاء المزيد من الدقة شرائح. استخدم "أداة الشريحة" للقطع زرًا تلو الآخر، وكل شريحة تحتوي على زر. وتظهر النتيجة في الشكل 11.
الشكل 11
8. الآن بعد الانتهاء من التقطيع، يمكنك الآن إخراجه كملف HTML للتحضير لتصميم الويب اللاحق. حدد أمر القائمة "ملف | حفظ للويب" للحصول على أفضل تأثير للصورة، استخدم الإعدادات الموضحة في الشكل 12. بعد الإعداد، انقر فوق الزر "حفظ".
الشكل 12
9. في مربع الحوار "حفظ نتائج التحسين باسم"، حدد الموقع الذي سيتم حفظ ملف صفحة الويب فيه، وأدخل اسم الملف كما هو موضح في الشكل 13، وحدد نوع الحفظ كـ "HTML والصور (*. html)"، ثم انقر فوق الزر "حفظ".
الشكل 13
: سينتج عن ذلك صفحة HTML ومجلد صور يحتوي على صور الأزرار.
الآن تحتاج فقط إلى نسخ كود HTML إلى صفحات الويب الأخرى لاستخدامه، ولكن لا تنسخ علامات الرأس/النص التي أنشأها Photoshop عند النسخ.