Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

كيفية إنشاء تأثير النص الروسي في Adobe Illustrator

by
Difficulty:IntermediateLength:LongLanguages:

Arabic (العربية/عربي) translation by Aisy Abdullah (you can also view the original English article)

Final product image
What You'll Be Creating

في هذا البرنامج التعليمي، سوف تتعلم لإنشاء تأثير نص متجهة من وحي روسية، مزينة بشكل جميل التصاميم الهندسية التقليدية وزاهية الألوان الأصفر والأحمر.

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

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

إذا كنت بحاجة إلى المزيد من أنماط المصور وتأثيرات النص، يجب التأكد من أن توجه إلى جرافيكريفير، حيث ستجد الكثير من الموارد.

أصول البرنامج التعليمي

لإكمال البرنامج التعليمي ، ستحتاج إلى الأصول التالية:

1. كيفية إعداد وثيقة جديدة

إطلاق المصور، وانتقل إلى الملف > جديد لفتح مستند فارغ. اكتب اسماً للملف الخاص بك وتعيين الأبعاد، ومن ثم حدد بكسل كوحدات و RGB وضع اللون.

بعد ذلك، انتقل إلى تحرير> تفضيلات > العامة، تعيين زيادة لوحة المفاتيح إلى 1 px وأثناء وجوده هناك، انتقل إلى الوحدات للتأكد من أنها يتم تعيين كما في الصورة التالية. وعادة ما يعمل مع هذه الإعدادات، وأنها سوف تساعدك في جميع مراحل عملية الرسم.

how to open a new Illustrator document

2. كيفية إنشاء النص الروسي

الخطوة 1

لإنشاء تأثير نص هذا، نحن ذاهبون إلى استخدام الكلمة "Русский"، الذي يعني الروسي. حتى الاستيلاء (Type Tool (T وكتابة الأحرف "PYCCKNN" على لوح الرسم الخاص بك باستخدام الخط الأراضي الروسية، مع حجم pt 240. في الحقل تعيين تتبع للحروف المحددة ، حدد قيمة 10 لإضافة مساحة أكبر بين الأحرف.

اختر Expand من قائمة كائن، تليها فك التجميع (Shift-التحكم-G) لتحويل النص إلى أحرف فردية.

how to type the Russian text

الخطوة 2

حدد الحرفين الأخيرين فقط ، وانتقل إلى لوحة Transform ، ومن القائمة المنسدلة ، اختر Flip Horizontal. الآن هذه الحروف تتطابق مع الأبجدية السيريلية.

نحن بحاجة إلى لهجة لإكمال الحرف الأخير، وحتى اتباع تسلسل الصور لإنشائه. أولاً، رسم اثنين 20x20px  الدوائر مليئة باللون الأسود، وبعد ذلك، رسم مسار منحنى الربط بينهما في الجزء السفلي. اعطها 4 pt سواد Stroke و اختار Expand من Object القائمة لتحويل الجرة إلى شكل. الآن ، حدد جميع الأشكال الثلاثة واضغط Unite في ال Pathfinder لوحة لدمجها في شكل لهجة. حركه فوق الحرف الأخير.

how to adjust the Russian vector text

3. كيفية إنشاء طبقات النص الملون

الخطوة 1

التركيز على الرسالة الأولى وملء باللون الأزرق الشاحب في الوقت الراهن. أيضا، اختر 1pt أزرق Stroke.

how to create the first and second layer of Russian vector letter

الخطوة 2

مع استمرار تحديد الحرف ، أضف New Stroke في أسفل لوحة Appearance. أعطيها 10pt Stroke وردي السكتة الدماغية.

إضافة New Stroke في الجزء السفلي من لوحة Apperance وتعطيه بط 10 pt أخضر Stroke. بينما تظل سمة Stroke هذه محددة في لوحة Appearance ، انتقل إلى Effect> Distort & Transform> Transform وقم بتطبيق الإعدادات المعروضة. سيؤدي ذلك إلى تحريك الطبقة الخضراء إلى الجانب الأيمن السفلي لإنشاء بعض العمق.

how to create the third and fourth layer of Russian vector letter

الخطوة 3

مع الحرف الأول لا يزال محددة، اضغط على أيقونة نمط جديد في الجزء السفلي من لوحة أنماط الرسوم كي يتم حفظه. الآن، حدد بقية الأحرف وتنطبق عليهم نفس النمط.

how to save the graphic style for Russian vector text

الخطوة 4

حدد النص واختر Expand Appearance متبوعًا بالتوسيع من قائمة Object لتوسيع المظاهر والحدود. (Ungroup (Shift-Control-G مرتين للحصول على الطبقات الملونة الفردية.

عند هذه النقطة ، قد لا يبدو النص رائعًا في بعض المناطق. إذا حصلت على الارتفاع الموضح في الصورة عن قرب ، فيمكنك إزالتها بمساعدة أداة Delete Anchor Point Tool (-). ببساطة انقر على نقطة الربط في التلميح إزالته، وسيتم تحديث المنحنى نفسه.

how to expand and fix the Russian vector text

الخطوة 5

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

how to organize layers for Russian vector text

4. كيفية تلوين النص الروسي

الخطوة 1

حدد الشكل "عمق" الحرف الأول فقط، وانتقل إلى تحديد > نفس > لون التعبئة. كنتيجة لذلك، المصور سيتم تحديد كافة الأشكال الخضراء لك. استبدال لون التعبئة باللون الأحمر.

how to color the edge of Russian vector text

الخطوة 2

بعد ذلك، حدد الشكل "الحد الخارجي" فقط للرسالة الأولى والذهاب إلى تحديد > نفس > لون التعبئة.  ونتيجةً لذلك ، سيحدد Illustrator جميع الأشكال الوردية ، ويمكنك بسهولة استبدال لون التعبئة بلون أبيض باهت. أيضا ، قم بتطبيق pt1 red Stroke واضغط على خيار Align Stroke to Inside في لوحة Stroke.

how to color the outer border of Russian vector text

الخطوه 3

الآن ، حدد الشكل "الحرف الرئيسي" واستخدم نفس الأسلوب لاستبدال اللون الأزرق الباهت بالأصفر. انتقل أيضًا إلى التأثير> Stylize> Inner Glow وتطبيق الإعدادات الموضحة.

how to color the main letter of Russian vector text

الخطوة 4

الشكل الأخير هو "الحدود الداخلية". استبدل اللون الأزرق باللون الأحمر باستخدام نفس الطريقة.

how to color the inner border of Russian vector text

الخطوة 5

عند هذه النقطة ، إذا قمت بتكبير الحرف الأول ، ستلاحظ أن بعض الزوايا مفقودة ونحتاج إلى إصلاحها. الاستيلاء على أداة القلم (P) ورسم شكل المثلث لتغطية المساحة الفارغة في الزوايا. املأهم بنفس اللون الأحمر مثل عمق الشكل (1).

الآن، حدد الشكل "عمق" جنبا إلى جنب مع المثلثات واضغط اتحد وا في لوحة باثفايندر دمج لهم (2). تحريك الشكل التي تم الحصول عليها حديثا "عمق" إلى الخلف، حيث كان (3).

how to fix the corners of Russian vector letter

الخطوة 6

تكبير الأحرف الأخرى كذلك، وإصلاح الزوايا كما هو موضح في الخطوة السابقة.

how to fix all corners for Russian vector text

5. كيفية إنشاء نمط روسي تقليدي بسيط

الخطوة 1

دعونا إنشاء نسخة مبسطة من النمط التقليدي. خذ أداة المستطيل (M) وارسم مربع 50 × 50 بكسل على لوح الرسم الخاص بك (1)؛ ثم ارسم مربعًا أصغر 20 × 20 بيكسل في المنتصف. حدد 6pt stroke black Stroke لكلاهما (2).

وتناوب كل المربعات 45 درجة باستخدام لوحة حول تيار (3) ثم اختر التوسيع من قائمة الكائنات تتحول يملأ السكتات الدماغية. اسحب الأشكال اثنين إلى لوحة الحوامل لحفظه حامل نمط جديد (4).

how to create a simple traditional Russian pattern

الخطوة 2

دعونا نطبق هذا النمط. ركّز على الحرف الأول وحدد الشكل المسمى "الحرف الرئيسي". إضافة تعبئة جديدة فوق التعبئة الصفراء الموجودة وحدد Squares Pattern Swatch المحفوظة حديثًا من لوحة (Swatches (1.

لتقليص هذا النمط، انتقل إلى كائن > تحويل > مقياس وتأكد من أن خيار تحويل أنماط فقط. اكتب 15% في حقل جدول موحد وضرب موافق (2). وأخيراً، تعيين وضع مزج تراكب هذه السمة التعبئة (3).

how to apply a traditional pattern to Russian vector letter

الخطوة 3

قم بتكرار نفس الشيء للحروف الأخرى وتطبيق النمط.

how to apply a traditional pattern to Russian vector text

6. كيفية إنشاء التظليل على حافة النص الروسي

الخطوة 1

لنقم بإنشاء شكل قناع أولاً. حدد شكل "العمق" للحرف الأول ثم قم بنسخ ولصق في المكان (Shift-Control-V) لعمل نسخة منه أمام كل شيء (1). وبعد ذلك، حدد الشكل "الحد الخارجي" وثم نسخ ولصق في مكان (Shift-التحكم-V) مرة أخرى (2). لأسباب بصرية، لقد تغيرت ألوان التعبئة إلى الأزرق والأخضر.

بينما تبقى هذه النسخ المحددة، اضغط ناقص الجبهة في لوحة مستكشف المسارات، ونتيجة لذلك سوف تحصل على مجموعة من الأشكال (3). الاحتفاظ فقط بالأشكال التي تتطابق مع الحافة السفلي اليمنى، وحذف الباقي. انتقل إلى (Object> Compound Path> Make (Control-8 لدمج الأشكال المتبقية في واحد. هذا سيكون شكل اخفاء (4).

كرر نفس الشيء مع رسائل أخرى لأنك سوف تحتاج إخفاء شكل لكل واحد منهم (5). إخفاء لهم في الوقت الراهن.

how to create a mask shape for Russian vector letter

الخطوة 2

استخدم أداة القلم (P) أو أداة قطعة الخط (\) لرسم مسار قصير مستقيم في الزاوية اليمنى السفلى من الحرف الأول (1). تقدم له بط 2 أسود السكتة الدماغية؛ ثم انتقل إلى تأثير > طمس > 'التمويه الضبابي' وتطبيق دائرة نصف قطرها 4 px. الحد من التعتيم إلى 75% (2).

قم بضرب هذا المسار وإضافة نسخ في زوايا أخرى حيث يجب أن يكون ظل، كما هو موضح في الصورة أدناه (3).

how to create shading on Russian vector letter

الخطوه 3

الآن، قم بتحديد كافة المسارات التظليل جنبا إلى جنب مع القناع الشكل الذي قمت بإنشائه سابقا (التي ينبغي أن تكون في الجبهة)، ومجموعة للسكتة الدماغية-لا شيء، وملء-بلا وانتقل إلى كائن > قناع قطع > جعل (التحكم--7). وهذا سيجعل التظليل مرئية فقط على حافة حمراء.

how to mask shading on Russian vector letter

الخطوة 4

تفعل الشيء نفسه بالنسبة رسائل أخرى بضرب نفس المسار التظليل وترتيبها في المناطق حيث تريد إنشاء ظل خفية. وبعد ذلك، قناع باستخدام الأشكال التي تم إنشاؤها في وقت سابق.

how to create shading for Russian vector text

7-كيفية إنشاء فرشاة نقش متقاطع بسيطة وتقليدية

الخطوة 1

لنقم بإنشاء نسخة مبسطة من الديكور متقاطع الشريط التقليدي. أداة المستطيل (M) ورسم 117.5 x 117.5 مقصف مربعة على لوح الرسم الخاص بك (1). بعد ذلك، رسم 17.5 أصغر أربعة × 17.5 مقصف الساحات مليئة بالأحمر الداكن، وترتيبها في الزوايا الخارجية لأكبر واحد (2). رسم آخر أربعة 17 × 67 مقصف مستطيلات مليئة بالأحمر، وترتيبها بين المربعات الصغيرة على الجانبين (3).

حدد كافة الأشكال وتناوب عليها 45 درجة في لوحة التحويل. عند هذه النقطة، يمكنك حذف المربع الرمادي (4). بعد ذلك ، استخدم أداة Delete Anchor Point Tool (-) وانقر على النقاط الخارجية للمربعات الصغيرة لحذفها. الآن سوف تتحول المربعات إلى مثلثات.

انتقل إلى طريقة عرض > الحكام > إظهار المساطر والسحب الأفقي اثنين ودليلين الرأسي لقاعدة لكل مثلث (5). أنها سوف تساعدك على رسم مربع جديد في بين. ملء مع أصفر لامع وإرساله إلى الخلف (6).

how to create a criss-cross pattern brush in Illustrator

الخطوة 2

اسحب الزخرفة المربعة التي قمت بإنشائها في الخطوة السابقة إلى لوحة الفرش لحفظه 'فرشاة نمط جديد'. في الإطار 'خيارات الفرشاة النمط'، اكتب 'خطوط متصالبة، فرشاة النقش' كالاسم واسحب مربع التمرير الحجم إلى 4 في المائة. ضرب موافق.

how to save a criss-cross pattern brush in Illustrator

الخطوة 3

دعونا تطبيق الفرشاة المحفوظة حديثا. الاستيلاء على أداة القلم (P) أو 'أداة مقطع الخط' () ورسم مسار مستقيم في أعلى الرسالة الأولى حتى الحدود الحمراء الداخلية (1). حدد بط 1 السكتة الدماغية و 'فرشاة نمط خطوط متصالبة،' من لوحة الفرش. إدخال تعديلات إضافية إذا لزم الأمر، والتأكد من أنه يناسب تماما (2).

رسم مسار جديد بنفس الطول، الحق في الجزء السفلي من الزخرفة الشريطية متقاطع (3)، وتعطيه بط 1 الدماغية الأحمر. وهذا سيجعل التصميم متناظرة أكثر (4).

كرر نفس الشيء وإنشاء آخر متقاطع شريطية الديكور في الجزء السفلي من الحرف الأول (5).

how to create a criss-cross stripe on Russian vector letter

الخطوة 4

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

how to create a criss-cross stripe on Russian vector text

8-كيفية إنشاء فرشاة نقش زهرة هندسية

الخطوة 1

استخدام أداة المستطيل (M) لرسم مستطيل 12 × 8.5 مقصف صغير في لوح الرسم الخاص بك، وملء مع أصفر لامع. قم بالتبديل إلى أداة التحديد المباشر (A) واستخدمها لتحديد أهم نقطتين فقط ؛ ثم نقلها إلى اليمين باستخدام مفتاح السهم الأيمن على لوحة المفاتيح. سوف تحصل على شكل يشبه البتلة الهندسية (1).

بعد ذلك، رسم 5.5 الصغيرة هما x 2.5 مقصف المستطيلات وترتيبها في شكل صليب. قم بمحاذاة الجانب الأيمن من الشكل تلة مع الركن الصليب الرمادي كما هو موضح أدناه (2). بينما يبقى شكل البتلة محددًا ، انتقل إلى Object> Transform> Reflect ، وتحقق من Horizontal ، واضغط على Copy. سوف تحصل على البتلة الثانية ، وتحتاج إلى محاذاة مع زاوية الصليب الرمادي (3).

بينما كل تلات الإقامة المحددة، أن نعود إلى كائن > تحويل > الانعكاس، وهذه المرة، تحقق من رأسي. نسخة ضرب، ويمكنك الحصول على تلات جديدة اثنين للجانب الأيسر. ترتيبها في المكان (4).

في حين تبقى البتلات الأربعة محددة ، اذهب إلى Object> Transform> Rotate واختر زاوية 90 درجة. ضرب نسخة وستحصل على بتلات الأربعة الأخيرة. ترتيبها في المكان ، والآن الزهرة الهندسية كاملة (5).

استخدام أداة المستطيل (M) لرسم مربع حول الزهرة. الأعمال المتعلقة بالألغام بالضبط 50 × 50 بيكسل. ملء مع أحمر داكن وإرساله إلى الخلف (6).

how to create a geometric flower pattern brush in Illustrator

الخطوة 2

حدد زهرة هندسية والساحة الحمراء وتناوب عليها 45 درجة في لوحة التحويل. اسحب كل شيء إلى لوحة الفرش لحفظه 'فرشاة نمط جديد'. في الإطار 'خيارات فرشاة النقش'، فقط اكتب 'فرشاة نقش زهرة هندسية' كالاسم وثم اضغط موافق.

how to save a geometric flower pattern brush in Illustrator

الخطوة 3

الآن، دعنا نستخدم الفرشاة المحفوظة حديثا لتزيين النص الروسي متجه. التركيز على الرسالة الأولى ورسم مسار مستقيم مع أداة القلم (P) أو 'أداة مقطع الخط' () كما هو مبين (1). حدد بط 1 السكتة الدماغية و 'زهرة هندسية نقش الفرشاة' من لوحة الفرش. فتح نافذة 'خيارات الحد' من لوحة المظهر، واسحب مربع التمرير الحجم إلى 15% بغية جعل الزهور هندسية صغيرة (2).

رسم مسار آخر على الحرف الأول وتطبيق نفس الإعدادات من أجل إضافة المزيد من الزينة (3).

how to apply a geometric flower pattern brush on Russian vector letter

الخطوة 4

تكرار نفس الشيء لبقية الأحرف وتزيين لهم مع 'زهرة هندسية نقش الفرشاة' كذلك.

how to apply a geometric flower pattern brush on Russian vector text

9-كيفية إضافة تفاصيل إضافية حول تأثير النص الروسي

الخطوة 1

قم بتكبير الحرف الأول، ورسم شكل كما هو موضح في الصورة أدناه، بين الحدود الداخلية الحمراء. وبعد ذلك، رسم أشكال مماثلة في الرسائل الأخرى. ملء هذه الأشكال بنفس الظل الأحمر كالحدود الداخلية.

how to add extra details on Russian vector text effect

الخطوة 2

وأخيراً، يمكنك إضافة دائرة حمراء صغيرة جداً مليئة بنفس الظل الأحمر في الثلث الأول، والرابع الحروف.

how to add extra small decorations on the Russian vector text effect

10-كيفية إنشاء الظل تحت تأثير النص الروسي

الخطوة 1

التركيز على الرسالة الأولى مرة أخرى، وحدد الشكل 'عمق' فقط. نسخ ولصق في مكان (Shift-التحكم-V) لجعل نسخة منه أمام كل شيء (1). بعد ذلك ، حدد شكل 'الحد الخارجي' والنسخ واللصق في المكان (Shift-Control-V) مرة أخرى لعمل نسخة من هذا الشكل أيضًا (2). لأسباب مرئية ، قمت بتغيير ألوان التعبئة إلى الأزرق والرمادي.

أثناء بقاء كلتا النقطتين محددتين ، اضغط على Unite في لوحة Pathfinder لدمجها في شكل جديد (3). أرسل هذا الشكل الجديد أسفل الحرف في لوحة الطبقات. ثم انتقل إلى تأثيرu003e Stylizeu003e Drop Shadow وتطبيق هذا التأثير ثلاث مرات لإنشاء الظل (4).

how to create shadow under Russian vector letter

هذه هي إعدادات تأثيرات Drop Shadow الثلاثة:

drop shadow effect settings for Russian vector text effect

الخطوة 2

اتبع التقنية الموضحة أعلاه لإنشاء الأشكال الجديدة لبقية الأحرف وإرسالها إلى الخلف. تطبيق التأثير Drop Shadow ثلاث مرات باستخدام نفس الإعدادات.

how to create shadow under Russian vector text effect

عمل رائع ، لقد انتهيت!

هنا هي الصورة النهائية لتأثير النص المستوحاة من الروسية. آمل أن تكون قد استمتعت بهذا البرنامج التعليمي وأنك تعلمت تقنيات جديدة اليوم يمكن تطبيقها في المشاريع المستقبلية أيضًا.

Russian inspired vector text effect final image

استمر في الرسم والتعلم باستخدام البرامج التعليمية الموصى بها:

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.