كيفية تصميم تأثير نص فسيفساء هندسي تجريدي

لقد رأيت مؤخرًا الشعار الجديد للفريق الأولمبي الكندي وتوصلت إلى فكرة إنشاء تصميم وطني بنفس تأثير الفسيفساء. اتبع الخطوات خطوة بخطوة لتتعلم كيفية تصميم تأثير نص تجريدي ملون مصنوع من عناصر فسيفساء.

بريطانيا العظمى sm.thumb.jpg.f08583fd08342

التصميم الأساسي الذي حفز هذه الفكرة يعتمد على كندا ، سيكون تصميمي هو “بريطانيا العظمى”. تتبع الأسطر المنقسمة عبر النص بوضوح تصميم العلم البريطاني بظلال مختلفة لكل لون لإضافة تنوع في الدرجات اللونية.

افتح Adobe Illustrator وأدخل عبارة من اختيارك. لقد استخدمت هنا خط Nevis المجاني الجميل.

01.thumb.jpg.edf0e115a0dcf764f0055f3216b

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

02.thumb.jpg.37f550442c483e5c8c5c2e16228

حدد عناصر نصية وقم بتحويلها إلى حدود خارجية بالضغط على CMD + Shift + O. ثم قم بإنشاء مسار مركب باستخدام الاختصار CMD + 8.

03.thumb.jpg.07b96d0e7f85ed21c2801074f05

حدد التصميم بالكامل ، ثم انقر مع الضغط على مفتاح Shift على الكلمات لإزالتها من التحديد وإنشاء مسار مركب من كل السطور.

04.thumb.jpg.a9de38f95d6673a494a46c4f4d4

حدد الأسطر والنص ، ثم انقر فوق خيار Divide من لوحة Pathfinder. سيؤدي هذا إلى قطع النص في كل مكان تمر فيه الأسطر.

05.thumb.jpg.675d84cfbe7d13b107275143305

انقر بزر الماوس الأيمن واختر Ungroup وحذف جميع الأجزاء الإضافية حول النص.

06.thumb.jpg.a044d9800f838355ff98002a7cc

انتقل إلى Outline Mode بالضغط على CMD + Y لرؤية منظور آخر للخطوط غير المرئية بين الحروف. احذف كل السطور بين الحروف.

07.thumb.jpg.3acc4fe883988bb4f17ce6f1ec8

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

08.thumb.jpg.d4455454690dffe6f6d2e52ec64

استخدم أداة القطارة لالتقاط الدرجات اللونية الباهتة والداكنة لكل لون علم. استخدمت هنا صورة العلم البريطاني.

09.thumb.jpg.2e0c2165560a78d6022f6b48b48

حدد الأشكال بشكل عشوائي عبر التصميم بالكامل واضغط باستمرار على Shift حتى تحددها معًا ثم قم بتلوينها باللون الذي تختاره باستخدام أداة Eyedropper.

10.thumb.jpg.4c2b61ac4b5ea3b502c49ae3c5c

تابع العملية لجميع الألوان وحدد الأشكال بشكل عشوائي حتى يصبح معظمها أحمر أو أزرق أو أبيض.

11.thumb.jpg.ea2c9f22f1e8d33fd55b43fdd9d

الألوان الموجودة في لوحة الألوان مسطحة ، لذا سنقوم بضربها ثم تلوين النسخة الجديدة بتدرجات من اللون الأساسي إلى ظل أفتح قليلاً.

12.thumb.jpg.47e264a24d21ef72c2f1bc7432b

حدد أول لون مسطح في لوحة الألوان ثم انتقل إلى القائمة:

حدد> نفس> لون التعبئة

انقر باستخدام ماصة اللون على التدرج المطابق للون المسطح بحيث يتم استبدال اللون في التصميم بالتدرج المطلوب.

14.thumb.jpg.e2a8349173e52f9e0dfc886a87b

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

15.thumb.jpg.93a8c48119041b3ec223dfa73f0

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

16.thumb.jpg.45c5876d04a602a9b387df90ff5

الآن سننتقل إلى Photoshop لإنهاء التصميم. لا يوجد شيء لا يمكننا فعله في Illustrator ولكن Photoshop يميل إلى التعامل مع التأثيرات مثل الضوضاء والظلال بشكل أفضل. قم بتلوين الخلفية بتدرج أزرق متناسق مع لون التصميم.

17.thumb.jpg.e7090ebe2d173cc426aec548696

أضف لمسة من الضوضاء من القائمة:

تصفية> الضوضاء> إضافة الضوضاء

ستكون قيمة 2٪ كافية لإضافة مادة ضوضاء طفيفة.

18.thumb.jpg.ebc5b050da42a65d254d5eb85fc

الصق تصميم النص من Illustrator وامنحه ظلًا خفيفًا باستخدام تأثيرات نمط الطبقة.

19.thumb.jpg.8195276f96bb4b28fda853ac1d7

انقر فوق ة المصغرة للنص في لوحة Layers أثناء الضغط على CMD لتحديد النص ، ثم املأ التحديد باللون الأبيض على طبقة جديدة. قم ب مرشح Add a Noise على هذه الطبقة بنسبة 12٪.

انقر فوق الصورة المصغرة للنص في لوحة Layers أثناء الضغط على CMD لتحديد النص ، ثم املأ التحديد باللون الأبيض على طبقة جديدة. قم بتطبيق مرشح Add a Noise على هذه الطبقة بنسبة 12٪.

20.thumb.jpg.1a016bc0d3688cbd58907247277

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

21.thumb.jpg.b46eba91d58f3c85f3d109907fe

وبهذا ننهي هذا الدرس. تعطي الخطوط المتقاطعة مظهرًا رائعًا للتصميم بينما تمنحه الألوان والتدرجات الحيوية والحيوية.

بريطانيا العظمى sm.thumb.jpg.f08583fd08342

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

أضف تعليق