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

كيفية إنشاء أيقونة سحابة في أدوبي XD

إنشاء الأشكال الأساسية للسحابة

في البداية، عليك إعداد لوح رسم بحجم 60 x 60 بيكسل ثم اختره وشغل الشبكة في شريط الأدوات على اليمين. الشبكة مضبوطة على !، فكل بيكسل فيها سيكون دليلًا رأسيًا وأفقيًا.

حدد أداة Ellipse Tool وانقر بزر الماوس الأيسر واضغط مع الاستمرار على Shift   لرسم دائرة صغيرة إلى حد ما.ثم اذهب الى   تعديل > تكرار، انقل النسخة لأعلى وإلى اليمين ، مع الاستمرار في الضغط على Shift وتوسيع نطاقه.

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

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

الآن حدد أداة المستطيل وارسم مستطيل أفقي، ثم اسحب فوق كل شيء وانتقل إلى  .Object> Align to Pixel Grid. يساعد ذلك كل شيء على التموضع في مكانه والاصطفاف في الجزء السفلي على وجه الخصوص.

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

إنشاء شكل سحابة واحدة وضبطه

الآن ، هذا يبدو وكأنه فوضى من أشكال مختلفة في الوقت الراهن. ومع ذلك ، في Adobe XD يمكننا الجمع بين أشكال متعددة في شكل واحد.

ما عليك سوى السحب فوق كل شيء ، ومن الخيارات الموجودة في الجزء العلوي من Property Inspector، اختر Add,، وسوف يجمع كل الأشكال معًا في شكل واحد.

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

ثم اسحب فوق كل شيء وضع له حدًا واحدًا من الحدين. ومن منتقي الألوان حدد #4A4A4A والغي تحديد التعبئة. زد درجة اللون قليلًا وابق ضاغطًا على Alt-Shift واضبط القياس من المنتصف.

مرة أخرى، انتقل إلى Object> Align to Pixel Grid   وإن أردت. يمكنك أن ترى أنه يتحرك عشوائيًا قليلا ، لذلك قد تحتاج إلى ضبط بعض الأشكال مرة أخرى ، كما فعلنا من قبل.

أضف التفاصيل النهائية

آخر شيء سنقوم به هو إضافة القليل من الانجناء ، فقط لمنح السحابة المزيد من التفاصيل.

حدد أداة القلم وانقر فقط بزر الماوس الأيسر ثم افعل ذلك مجددًا لإنشاء منحنى ، واضغط على Escape   لإكمالها.ثم حدد نفس الحامل # 4A4A4A من منتقي الألوان. وآخر شيء يمكننا القيام به هو السحب فوق كل شيء والانتقال إلى كائن> مجموعة حتى نتمكن من تحريكه ككائن واحد.

سترى أن سحابة لدينا تكون بعيدة قليلاً عن شبكة البيكسل. لذلك يمكنك فقط سحب فوق كل شيء ، والذهاب إلى   Object> Group to group all together together. ثم انتقل إلى شريط الأدوات واضبط قيمة y بحيث بدلاً من أن تكون 15.5 ، يتم تقريبها إلى 15. وسوف تراها الآن متناسقة مع شبكة بكسل تمامًا.

شاهد الدورة كاملة

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

يمكنك أخذ هذه الدورة مباشرة من خلال الاشتراك في Envato Elements .مقابل رسوم شهرية واحدة منخفضة ، يمكنك الوصول ليس فقط إلى هذه الدورة التدريبية ، ولكن أيضًا إلى مكتبتنا المتنامية التي تضم أكثر من 1000 دورة فيديو وكتب إلكترونية رائدة في المجال على Envato Tuts +.

.بالإضافة إلى ذلك ، يمكنك الآن الحصول على تنزيلات غير محدودة من مكتبة Envato Elements الضخمة التي تضم أصولًا إبداعية عددها 440 ألفًا.قم بإنشاء خطوط ورسومات وصور ورسومات فريدة ، وتقديم مشاريع أفضل بشكل أسرع.