السلام عليكم
اليوم بإذن الله تعالى نقدم لكم الدرس الثاني من سلسلة دروس شرح مكتبة font awesome، والدرس يتحدث عن جزئيتين،
الجزء الأول: كيفية التحكم بالأيقونات (الالوان، الاحجام، الحركات...).
الجزء الثاني: كيفية استخدام الأيقونات في برنامج فوتوشوب، او حتى برامج سطح المكتب بشكل عام
كيف يمكننا التحكم في الأيقونات؟ كما ذكرت في الدروس السابقة أن الأيقونات عبارة عن خطوط (font)، أي بكل سهولة التحكم في الأيقونات بشكل كامل يكون من خلال تقنية css، من خلال الخصائص التي تتعامل مع النصوص بشكل كامل.
ما هي الخصائص التي تتحكم في الأيقونات؟ من خلال خصائص css التي تتعامل مع النصوص يمكنك التحكم بالأيقونات، حيث أن:
تغيير اللون، وضع خلفية، حجم الخط، نوع -عائلة- الخط، ستايل الخط، ارتفاع النص، التدوير، تاثيرات، وباقي الخصائص التي تتعامل مع الخطوط.
كيف يمكن استخدام الأيقونات في برنامج الفوتوشوب (برامج سطح المكتب)؟ عندما قمنا بتنزيل مكتبة الخطوط، وجدنا في المكتبة مجلد باسم font، في هذا المجلد سنستخدم نوعين من الملفات لاستخدامه مع نظام التشغيل ويندوز، وسيتم استخدامه وتثبيته من خلال الخطوات التالية:
1- قم بتثبيت الخطوط على جهازك الكمبيوتر كما بالصورة التالية:
2- قم بالذهاب إلى موقع المكتبة، إلى الصفحة التالية،
اضغط هنا، ومن ثم قم بنسخ الأيقونة
نفسها -وليس اسمها- التي تريد استخدامها كما بالصورة التالية:
3- نذهب إلى برنامج الفوتوشوب، نختار أداة الكتابة
، وفي ساحة العمل نضغط مرة للكتابة، ونقوم بعمل لصق للأيقونة التي قمنا بنسخها، كما بالصورة التالية:
الآن بعد لصق الأيقونة ستظهر معك بالشكل التالي:
4- من قائمة الخطوط في البرنامج قم باختيار نوع الخط وهو
FontAwesome كما بالصورة التالية:
لاحظ الآن النتيجة لدينا كيف أصبحت الأيقونة:
هكذا يتم استخدام الأيقونات في برامج سطح المكتب جميعها.
إلى هنا وصلنا إلى نهاية الدرس الثاني.
الآن يمكنكم متابعة بالتفصيل الممل والصوت والصورة من خلال الفيديو التالي: منقول
لعيونكم ياطاهياتنا الجميلات ..