كيفية إنشاء نص على شكل قلادة ملونة باستخدام Adobe Photoshop

مرحبا بكم اصدقائي في أول درس من سلسلة الدروس المترجمة من موقع Tuts Plus الشهير اكبر موقع في العالم يقدم دروس وشروحات في جميع المجالات، نقدمها لكم في مدونة الجيك اسبوعيا كل سبت.
هل تريد عمل هدية تقدمها لأصدقاءك؟ في هذا الدرس ستتعلم كيف تستخدم انماط الطبقات (Layer Style) والملمس (texture) والاشكال (Shapes) لعمل نص لامع وملون على شكل قلادة مميزة، فهيا بنا نتعلم :)
مرفقات الدرس:
هذه هي كل المرفقات المستخدمة خلال هذا الدرس
- خط Sedona Script FLF
- الخلفية (قماش ستان)
- صورة قلادة
- مجموعة فرش (Brushes) أشكال لامعة
- مجموعة تدرجات لونية مجانية (ملف CHROMES.grd)
1- إنشاء الخلفية:
الخطوة 1
قم بإنشاء ملف جديد بقياس 683 × 1024 بكسل ثم قم بوضع صورة قماش الستان فوق طبقة الخلفية (Background)، ثم اضغط على Ctrl+T وقم بتكبير صورة القماش بحجم الخلفية.

الخطوة 2
قم بإنشاء طبقة تعديل (Adjustment layer) بالضغط على الايقونة الموجودة أسفل قائمة الطبقات(Layers)٬ ثم قم باختيار المستويات (Levels).

الخطوة 3
غير قيمة Gamma (Midtone) في المربع الاوسط إلي 1.85 و Highlights في المربع الأيمن إلى 205. وسيقوم هذا بتفتيح لون الخلفية.

2- إنشاء النص وعمل النمط (Style):
الخطوة 1
قم بإنشاء النص باستخدام خط SedonaScriptFLF، واجعل الحجم 350pt وكود اللون
#f062b2
.
قم بعمل نسختين من النص بالضغط على Ctrl+J مرتين، ثم غير قيمة التعبئة (Fill) في النسخة الثانية إلى 0

اضغط مرتين على الطبقة الأصلية للنص لتطبيق الأنماط (Styles) التالية:
الخطوة 2
حدد الشطب والنقش (Bevel and Emboss) واجعل إعداداته كالتالي:
- النمط: Style: Stroke Emboss
- الحجم: Size: 8
- محيط اللمعان: Gloss Contour: Cone
- حدد مربع Anti-aliased
- نوع التوضيح: Highlight Mode: Linear Light
- الشفافية: Opacity: 75%
- شفافية الظل: Shadow Mode - Opacity: 50%

الخطوة 3
حدد محيط الشكل (Contour) واجعل إعداداته كالتالي:
- محيط الشكل: Contour: Cone
- حدد مربع Anti-aliased

الخطوة 4
حدد التظليل الخارجي(Stroke) واجعل إعداداته كالتالي:
- الحجم: Size: 5
- الموقع: Position: Outside
- نوع التعبئة: Fill Type: Gradient
- النمط: Style: Reflected
- الزاوية: Angle: 90
- تعبئة التدرج: Gradient Fill: stove pipe 80

الخطوة 5
حدد إضافة ظل (Drop Shadow) واجعل إعداداته كالتالي:
- الشفافية: Opacity: 45%
- المسافة: Distance: 11
- الحجم: Size: 20

الخطوة 6
اضغط على علامة(+) بجوار كلمة Drop Shadow (خاص بإصدار CC 2015!) لإضافة نافذة ظل (Drop Shadow) جديدة، ثم حددها
بعد تحديد نافذة الظل (Drop Shadow) الجديدة، اجعل الإعدادات كالتالي:
- نوع الدمج: Blend Mode: Color Burn
- الشفافية: Opacity: 15%
- المسافة: Distance: 10
- الحجم: Size: 5

هذا سيشكل تحديد القلادة الخارجي.

3- إنشاء نمط (Style) للنسخة الأولى من النص:
اضغط مرتين على طبقة (Layer) النسخة الأولى من النص لتطبيق الأنماط (Styles) التالية:
الخطوة 1
حدد الشطب والنقش (Bevel and Emboss) واجعل إعداداته كالتالي:
- الحجم: Size: 16
- محيط اللمعان: Gloss Contour: Ring-Double
- حدد مربع Anti-aliased
- نوع التوضيح: Highlight Mode: Vivid Light
- نوع الظل: Shadow Mode: Color Burn
- كود اللون:
#4c0d33

الخطوة 2
حدد محيط الشكل (Contour) واجعل إعداداته كالتالي:
- محيط الشكل: Contour: Guassian - Inverse
- حدد مربع Anti-aliased

الخطوة 3
حدد الملمس (Texture) واجعل إعداداته كالتالي:
- النمط: Pattern: Metallic Snakeskin

هذا سيحدد شكل النسخة الأولى من النص.

4- إنشاء نمط (Style) للنسخة الثانية من النص:
اضغط مرتين على طبقة (Layer) النسخة الثانية من النص لتطبيق الأنماط (Styles) التالية:
الخطوة 1
حدد الشطب والنقش (Bevel and Emboss) واجعل إعداداته كالتالي:
- الحجم: Size: 18
- ازل التحديد من مربع Use Global Light
- الزاوية: Angle: 135
- الارتفاع: Altitude: 74
- محيط اللمعان: Gloss Contour: Cone - Inverted
- حدد مربع Anti-aliased
- نوع التوضيح: Highlight Mode: Linear Light
- نوع الظل: Shadow Mode: Color Burn
- كود اللون:
#11d6b3

الخطوة 2
حدد الملمس (Texture) واجعل إعداداته كالتالي:
- النمط: Pattern: Metallic Snakeskin

هذا سيحدد شكل النسخة الثانية من النص.

5- إنشاء الحلقات:
الخطوة 1
حدد اداة رسم الدائرة (Ellipse Tool)، اضغط على زر Shift مع الاستمرار، ثم اضغط بالفأرة وقم بالسحب لإنشاء دائرة بحجم 25 × 25 بكسل. ثم اترك الازرار بعد إنشاء الدائرة.
بعد ذلك اضغط على زر Alt مع الإستمرار لقص دائرة صغيرة من داخل الدائرة الكبيرة كالتالي:
اضغط بالفأرة وابدأ بالسحب، ثم اترك زر Alt وقم بالضغط على زر Shift مع الاستمرار استمر بالضغط والسحب حتى تنشئ دائرة بحجم 15 × 15 بكسل.
يمكنك الضغط على زر المسافة (Spacebar) مع الاستمرار لتحريك الدائرة الصغيرة حتى تصبح بالضبط في وسط الدائرة الكبيرة، ثم اترك كل الأزرار بعد ذلك وهذا سينشئ شكل حلقة.

الخطوة 2
ضاعف الشكل 3 مرات بالضغط على Ctrl+J. سمي النسخة الثانية Ellipse 2، والنسخة الثالثة Ellipse 2 copy.
ضع الأشكال Ellipse 1 و Ellipse 1 copy فوق طرف الحرف الأول من الكلمة، والأشكال Ellipse 2 و Ellipse 2 copy فوق طرف الحرف الأخير من الكلمة.

6- إنشاء نمط (Style) للحلقات السفلية:
اضغط مرتين على طبقة Ellipse 1 لتطبيق الأنماط (Styles) التالية:
الخطوة 1
حدد الشطب والنقش (Bevel and Emboss) واجعل إعداداته كالتالي:
- الحجم: Size: 7
- محيط اللمعان: Gloss Contour: Ring
- حدد مربع Anti-aliased
- نوع التوضيح: Highlight Mode: Linear Light
- شفافية الظل: Shadow Mode - Opacity: 50%

الخطوة 2
حدد محيط الشكل (Contour) واجعل إعداداته كالتالي:
- محيط الشكل: Contour: Cone
- حدد مربع Anti-aliased

الخطوة 3
حدد إضافة ظل (Drop Shadow) واجعل إعداداته كالتالي:
- الشفافية: Opacity: 45%
- المسافة:Distance: 11
- الحجم: Size: 20

الخطوة 4
أضف طبقة ظل جديدة (Drop Shadow) بالضغط على(+) واجعل إعداداته كالتالي:
- نوع الدمج: Blend Mode: Color Burn
- الشفافية: Opacity: 15%
- المسافة: Distance: 10
- الحجم: Size: 5

الخطوة 5
هذا سيحدد شكل الحلقات السفلية.
حدد طبقة Ellipse 1 ثم اضغط على زر الفأرة الأيمن (Right-Click) واختر Copy Layer Style، بعد ذلك حدد طبقة Ellipse 2 ثم اضغط على زر الفأرة الأيمن (Right-Click) واختر Paste Layer Style.

7- إنشاء نمط (Style) للحلقات العلوية:
اضغط مرتين على طبقة Ellipse 1 copy لتطبيق الأنماط (Styles) التالية:
الخطوة 1
حدد الشطب والنقش (Bevel and Emboss) واجعل إعداداته كالتالي:
- الحجم: Size: 7
- محيط اللمعان: Gloss Contour: Ring
- حدد مربع Anti-aliased
- نوع التوضيح: Highlight Mode: Linear Light
- شفافية الظل: Shadow Mode - Opacity: 50%

الخطوة 2
حدد محيط الشكل (Contour) واجعل إعداداته كالتالي:
- محيط الشكل: Contour: Cone - Inverted
- حدد مربع Anti-aliased

الخطوة 3
هذا سيحدد شكل الحلقات العلوية. انسخ النمط ثم الصقه بطبقة Ellipse 2 copy.

8- اضافة السلاسل:
الخطوة 1
احضر صورة القلادة ثم استخدم اداة التحديد العشوائي (Lasso Tool) لتحديد السلسلة اليمنى. يمكنك استخدام اداة المغناطيس (Magnetic Lasso Tool) لتحديد الجزء السفلي من السلسلة.
اذهب الى قائمة تحرير>نسخ (Edit > Copy)،او بالضغط على Ctrl+C

الخطوة 2
اذهب الى قائمة تحرير>لصق (Edit > Paste)، أو بالضغط على Ctrl+V، ثم اذهب الى قائمة الصورة > تعديلات > إلغاء التشبع (Image > Adjustments > Desaturate).
ضع طبقة السلسلة فوق كل طبقات الحلقات (Ellipse)، وكبرها للحجم المناسب، ثم استخدم اداة التحريك (Move Tool) لتحريك السلسلة ووضعها فوق الحلقات اليمنى.

الخطوة 3
انسخ النمط (Style) الخاص بطبقة Ellipse 1 والصقه بطبقة السلسلة، ثم اضغط مرتين على طبقة السلسلة وأزل التحديد من تأثير الشطب والنقش (Bevel and Emboss).
وسيتبقى تأثير الظل (Drop Shadow) على طبقة السلسلة.

الخطوة 4
ضاعف طبقة السلسلة بالضغط على Ctrl+J ثم اذهب الى قائمة تحرير > تحويل > عكس الاتجاه الرأسي (Edit > Transform > Flip Vertical) ثم حرك الطبقة الجديدة المعكوسة وضعها فوق الحلقات اليسرى.

9- إضافة اللمعان والتأثير الضبابي:
الخطوة 1
انشئ طبقة (Layer) جديد فوق كل الطبقات الأخرى وسميها Flares، ثم غير نوع الدمج (Blend Mode) إلى Linear Light.
حدد اداة الفرشاة (Brush Tool)، واجعل اللون الأمامي (Foreground) كالتالي
#f4f1e2
اختر اي نوع من انواع فرش الأشكال اللامعة، ثم غير حجمها ويمكنك ايضا تغيير زاويتها من نافذة Brush Tip Shape الموجودة في قائمة نوافذ > فرش (Window > Brush). ثم أضف بعض اللمعات الصغيرة في المناطق المضيئة.

الخطوة 2
حدد طبقة القماش الستان، ثم اذهب لقائمة تآثير > مجموعة التأثير الضبابي > إمالة التحول (Filter > Blur Gallery > Tilt-Shift) ثم غير قيمة التأثير الضبابي (Blur) إلى 7، وغير في الاعدادات حتى تحصل على النتيجة التي تراها مناسبة.

10- إضافة بعض الظلال:
الخطوة 1
حدد طبقات النص والحلقات والسلاسل، ضاعف كل الطبقات، ثم اضغط بزر الفأرة الأيمن على أي طبقة من الطبقات المضاعفة واختر إزالة النمط (Clear Layer Style) ثم اذهب الى قائمة الطبقات > دمج الطبقات (Layers > Merge Layers)
اعد تسمية الطبقة الناتجة من دمج الطبقات الى Shadow وضعها فوق طبقة المستويات (Levels).

الخطوة 2
اذهب إلى قائمة الصورة > تعديلات > التشبع (Image > Adjustments > Hue/Saturation) وغير قيمة الاضاءة (Lightness) إلى -100

الخطوة 3
اذهب إلى قائمة تأثير > تحويل إلى التأثيرات الذكية (Filter > Convert for Smart Filters) ثم اذهب إلى قائمة تأثير > تأثير ضبابي > ضباب حركة (Filter > Blur > Motion Blur). ثم قم بتغيير الزاوية (Angle) إلى -35، وغير قيمة Distance إلى 115.

الخطوة 4
استخدم اداة التحريك (Move Tool) لتحريك الظل وجعله يمتد من النص.

الخطوة 5
غير نوع الدمج (Blend Mode) لطبقة Shadow إلى Multply وغير قيمة الشفافية (Opacity) إلى 7 او اي قيمة تراها مناسبة.

الخطوة 6
وأخيرا، استخدم اداة التحريك (Move Tool) لتحريك طبقتي الخلفيات Ellipse 1 copy وEllipse 2 copyقليلا، وهذا سيظهر الطبقة السفلية للحلقات وسيعطي شكلا مميزا وثلاثي الأبعاد.

الخطوة 7 (ملحوظة):
يمكنك تحريك أو تغيير حجم اي جزء في التصميم لما تراه مناسبا.

تهانينا! لقد فعلتها!
قمنا في هذا الدرس، بتعديل اضاءة الخلفية، ثم أنشأنا عدة طبقات للنص وأضفنا الأنماط (Styles) لتشكيل النص الرئيسي.
بعد ذلك استخدمنا اداة رسم الدوائر (Ellipse Tool) وقمنا برسم الحلقات وعدلنا شكلها، وكذلك قمنا بقص السلسلة وعدلنا في إضاءتها وألوانها ودمجناها في التصميم، وأخيرا، أضفنا بعض اللمعان للنص، ووضعنا تأثيرات ضبابية وظلال لتضيف واقعية للتصميم.
نتشوق لرؤية اعمالكم الفنية وتطبيقاتكم لهذا الدرس، ونرحب بتعليقاتكم واقتراحاتكم واستفساراتكم في أي وقت ... تابعونا في سلسلة الدروس المعربة من موقع Tuts Plus
تعليقات
إرسال تعليق