البحث في الموقع

للأوسمة التي نستخدمها في التصاميم العديد من النماذج، تبعا لنوع التصميم الذي سنستخدمه، سنتعرف على طريقة تصميم نموذجين منها في هذا المقال، ويمكن أن نسمي النموذج الأول بالوسام المسطح، والنموذج الآخر بالوسام الذهبي. خطوات تصميم الوسام المسطح بعد اختيار أداة النجمة والمضلع Stars and polygons من شريط الأدوات سنختار من الشريط العلوي للأداة شكل النجمة، وسنضع في الخانات القيم التالية: Corners : 46 Spoke ratio : 0.919 Rounded : 0.170 Randomized : 0.000 ويمكنك استخدام القيم التي تفضلها، مع ملاحظة وجود عقدتين أسفل الشكل يمكن عن طريقها عمل المزيد من التلاعب بالشكل من حيث تغيير اتجاه الزوايا أو زيادة عمقها. بعد وصولنا للشكل المطلوب يمكننا تغيير لونه عن طريق لوحة التعبئة والحدود Fill and stroke ويمكننا تغيير حجمه عن طريق أسهم التحجيم والتحديد مع الضغط على Ctrl+Shift أثناء ذلك للمحافظة على التناسب بين الطول والعرض. نرسم دائرة بحجم مقارب للنجمة، ونلونها باللون الذي نرغب به، ثم نحاذيها بعد اختيارها ثم اختيار النجمة عاموديا وأفقيا. نكرر الدائرة ثم نصغرها مع الضغط على Ctrl+Shift أثناء التصغير ومن لوحة التعبئة والحدود نزيل تعبئة اللون من تبويب التعبئة Fill بالضغط على علامة X ثم ننتقل لتبويب رسم الحدود Stroke paint لوضع الحدود، ثم من تبويب سمة الحد Stoke style سنجعل عرض الحد width بقيمة 3 . نعيد تكرار الدائرة المكررة وتصغيرها مع الضغط على Ctrl+Shift إلا أنا سنجعل قيمة عرض الحد أقل من سابقه، وقد جعلناه هنا 1.500. من شريط الأدوات نختار أداة النص Text tool، ثم من قائمة Text في الشريط العلوي نختار لوحة النص والخط Text and font وستظهر لنا اللوحة على يمين الشاشة، نختار منها الخط والحجم الذي نرغب به، حيث سيظهر لنا الشكل في أسفل اللوحة، نختار Apply من أسفل اللوحة للتطبيق. حول النص إلى مسار عن طريق تحديده ثم من قائمة المسارات Path اختر Object to path ثم فك تجميع النص بالضغط على الزر الأيمن ثم Ungroup ثم عد للقائمة Path بعد التأكد من كون جميع الحروف ما زالت محددة واختر Union؛ وغرضنا من هذه الخطوات هو جعل الكلمة ككائن واحد. أزل تعبئة الشكل من لوحة التعبئة وأضف للنص حدا ولونه بنفس لون النجمة ومن لوحة سمة الحد اختر العرض الذي تريده. سنرسم شريطة حول الشعار عن طريق أداة الرسم المنحني Bezier حيث سنرسم خطا بزوايا على شكل حرف z معكوس في طرفيه، بالشكل الذي نرغب أن يبدو عليه شكل واتجاه الشريطة. اختر أداة التحرير Node tool ثم حدد جميع عقد الشكل ومن الشريط العلوي اختر Make selected nodes smooth لجعل الشريطة بحواف ناعمة مستديرة، ولضبط استدارتها سنحرك أذرع العقد Node handles. بعد حصولنا على الاستدارة المناسبة لزوايا الخط يمكننا من أسهم التحريك والتحجيم أن نصغر الشكل أو نقلل عرضه. من الشريط العلوي نختار من القائمة Extensions خيار Generate from path ثم نختار منه الأمر Motion. سنظهر لنا نافذة صغيرة، نضع في خانة الحجم Magnitude القيمة 80 ونضع في خانة الزاوية Angle القيمة 90 ونتأكد من وجود علامة (صح) عند عبارة Live preview ليظهر لنا التأثير بشكل مباشر، ثم نضغط على Apply للتطبيق ونغلق النافذة. عند تلوين الشريطة باللون المناسب سنلاحظ شكلا زائدا غير مرغوب في أحد أطراف الشريطة، وللتخلص منه نفك تجميع الشريطة ثم نحذفه. نعيد فك تجميع الشريطة مجددا وذلك لنرسل أطراف الشريطة للخلف وذلك من الشريط العلوي من خيار Page down. من لوحة التعبئة والحدود وبتحريك مؤشر شريط L نجعل جزئي الشريطة المنعطفين أقتم، ثم نحدد جميع أجزاء الشريطة ونجعل حدودها بنفس اللون القاتم، ونجعل عرضه بمقدار 2.300. في طرفي الشريطة الأيمن والأيسر سنضيف عن طريق أداة Node tool عقدة Node وذلك بتحديد المساحة التي سنضيف عندها العقدة ثم من الشريط العلوي نختار Insert new nodes ثم نزيل التحديد للعقد بالضغط على المساحة البيضاء ثم نختار العقدة التي أضفناها توا ونحركها للداخل، ونفعل الأمر نفسه مع الطرف الآخر. في حال رغبنا بالتعديل على حجم الشريطة أو اتجاهها أو محاذاتها يمكننا تحديد جميع أجزاء الشريطة وتجميعها ثم التعديل عليها من أسهم التحجيم، ثم نفك تجميعها ونعيد جوانبها للخلف كما فعلنا سابقا. سنجعل الوسام بدرجتين لونيتين؛ ولفعل ذلك سنحدد جميع أجزاء الوسام ثم نكرره بالزر الأيمن باختيار Duplicate. ثم من قائمة Path نختار Union لتصير جميعها شكلا واحدا. نرسم مستطيلا في منتصف الشكل ثم نختاره هو وشكل الوسام ومن قائمة Path نختار Intersection. نلون الشكل المتبقي مع حدوده باللون الأبيض ونعطيه شفافية Opacity أقل من المنتصف. نجمع جميع أجزاء الشكل في مجموعة عن طريق تحديدها واختيار الاختصار Ctrl+G ثم ندوره بعكس اتجاه عقارب الساعة مع الضغط على Ctrl أثناء التدوير، وبهذا نكون انتهينا من الوسام المسطح. خطوات تصميم الوسام الذهبي نكرر الوسام المسطح ونلغي تجميعه ونحذف أجزاء الشريطة والنجمة. نلون الوسام بدرجة من درجات اللون الأصفر -ويمكنك الاستعانة بالقيم الموجودة في الصورة في لوحة التعبئة والحدود- ثم نختار التدرج الخطي Linear gradient ثم نختار خيار التعديل على التدرج Edit gradient من أسفل اللوحة. نختار العقدة اليسرى في طرف خط التدرج ثم من الشريط العلوي نختار خيار Insert new stop لإضافة عقدتين لونيتين جديدتين ثم نعود مرة أخرى للعقدة الأولى ونضيف عقدة ثالثة من أجل التوازن في توزيعها حول الخط، مع ملاحظة أنه يمكننا تحريكها للموضع الذي نرغب أن تكون فيه. الدرجات اللونية التي اخترناها للعقد بترتيبها من اليمين إلى اليسار كالتالي: العقدة الأولى + الخامسة: d4aa00ff العقدة الثانية + الرابعة: a68400ff العقدة الثالثة الوسطى: ffdf5eff يمكنك لصق القيمة في خانة RGBA في لوحة التعبئة أو اختيار الدرجات اللونية التي ترغب بها مع ملاحظة أن الشريط A يخص شفافية اللون وبتحريكه لأقصى اليمين تزول شفافيته. باستخدام أداة Bezier سنرسم نصف الشريطة وذلك برسم خط يشبه حرف Z . سنختار الأمر Motion كما فعلنا مع الشريطة السابقة ونعطيها لونا أجمرا ونحذف الجزء الزائد بنفس الطريقة السابقة عن طريق فك التجميع وحذفه. بعد أن حصلنا على نصف الشريط بالشكل والحجم الذي نرغب به، نقوم بتكراره ومن الشريط العلوي نعكس الشكل أفقيا. نفك تجميع الشريطة، ثم نحدد المستطيلين الذين نرغب بتوحيدهما، ومن قائمة Path نختار الأمر Union. نختار المستطيل المتوسط للشريطة ونلونه بالتدرج الخطي، ثم نختار العقدة اليسرى لإضافة ثلاث عقد لونية، ثم نعود لاختيار العقدة الأولى لإضافة عقدة إضافية، ثم نختار العقدة الأولى مجددًا لإضافة العقدة الأخيرة؛ وذلك كما فعلنا مسبقا لنحافظ على مسافة متناسقة بين العقد مع إمكانية تحريك مكان العقد يدويا. الدرجات اللونية التي اخترناها للعقد بترتيبها من اليمين إلى اليسار كالتالي: العقدة الأولى + السابعة: ff2a2aff العقدة الثانية + السادسة: 8e0000ff العقدة الثالثة + الخامسة: fa0000ff العقدة الرابعة (الوسطى): ff6363ff سنلون أطراف الشريطة بنفس لون التدرج، ونجد التدرج جاهزا عند اختيارنا للتدرج الخطي، أما زوايا الشريطة المثنية سنلونها بلون قاتم مسطح دون تدرج. ثم نحدد جميع أجزاء الشريطة ونزيل الحدود من تبويب رسم الحدود. للتأكد من كون الشريطة بمحاذاة الوسام عاموديا سنحدد أجزاءها ونجمعها ونختارها ثم نختار الوسام ومن لوحة المحاذاة والاصطفاف نحاذيها عاموديا. لإضافة انحناء للشريطة نبقي أجزاء الشريطة مجمعة ونتأكد من كونها محددة ثم من قائمة Path نختار Path effects لتظهر لنا لوحة تأثيرات المسار على يمين الشاشة، نختار من أسفل اللوحة علامة + لإضافة تأثير ثم نختار تأثير الانحناء Bend ثم نختار رمز السهم عن يمين عبارة Bend path وبتحريك الخط الأخضر الذي سيظهر في وسط الشريطة يمكننا حني الشريطة للأسفل. للمحافظة على بقاء الانحناء في حال تم فك تجميع الشريطة، نتأكد من كون الشريطة ما زالت محددة ثم نختار الأمر Object to path من قائمة Path ثم نفك التجميع لنعيد أطراف الشريطة للخلف. نضيف النص الذي نرغب به عن طريق أداة النص، ثم نعطيه لونا مناسبا للوسام وبذا نكون أنهينا تصميم الوسام الذهبي. يمكننا أن نضيف لكل وسام خلفية مناسبة له، بإضافة مستطيل خلف الوسام الذهبي وإعطائه لونا رصاصيا بتدرج خطي، ثم نكرر الخلفية ونرسلها خلف الوسام المسطح مع تلوينها باللون الأحمر العادي من دون تدرج. لإضافة الدرجة اللونية الأخرى للخلفية سنرسم بأداة Bezier خطا بمحاذاة خط الوسام ومنطبقا عليه، ونرسم بقية خطوط الشكل خارج الخلفية ثم نغلق المضلع. نلون المضلع بنفس لون الخلفية ونزيل حدوده، ثم نكرر الخلفية وباختيارهما معا – أي المضلع والخلفية المكررة – نختار من قائمة المسارات الأمر intersection ثم نلون الجزء المتبقي بلون أفتح من سابقه بتحريك مؤشر الشريط L. النتيجة النهائية هذه هي النتيجة النهائية للوسمين بنموذجيه المسطح والذهبي: