التخطي إلى المحتوى
طريقة-اضافة-font-awesome-واستخدامها-في-برنامج-الفوتوشوب-800x600 طريقة اضافة font awesome واستخدامها في برنامج الفوتوشوب

شرح مكتبة font awesome

الجزء الأول: كيفية التحكم بالأيقونات (الالوان، الاحجام، الحركات…).
الجزء الثاني: كيفية استخدام الأيقونات في برنامج فوتوشوب، او حتى برامج سطح المكتب بشكل عام.
راجع:

همسة: يوجد فيديو شرح لنفس الدرس، في النهاية.

كيف يمكننا التحكم في الأيقونات؟

كما ذكرت في الدروس السابقة أن الأيقونات عبارة عن خطوط (font)، أي بكل سهولة التحكم في الأيقونات بشكل كامل يكون من خلال تقنية css، من خلال الخصائص التي تتعامل مع النصوص بشكل كامل.

ما هي الخصائص التي تتحكم في الأيقونات؟

من خلال خصائص css التي تتعامل مع النصوص يمكنك التحكم بالأيقونات، حيث أن:
تغيير اللون، وضع خلفية، حجم الخط، نوع -عائلة- الخط، ستايل الخط، ارتفاع النص، التدوير، تاثيرات، وباقي الخصائص التي تتعامل مع الخطوط.

كيف يمكن استخدام الأيقونات في برنامج الفوتوشوب (برامج سطح المكتب)؟

عندما قمنا بتنزيل مكتبة الخطوط، وجدنا في المكتبة مجلد باسم font، في هذا المجلد سنستخدم نوعين من الملفات لاستخدامه مع نظام التشغيل ويندوز، وسيتم استخدامه وتثبيته من خلال الخطوات التالية:

1- قم بتثبيت الخطوط على جهازك الكمبيوتر كما بالصورة التالية:

a5e18e53cef34ed891755afc61f3bb28-20485492-1 طريقة اضافة font awesome واستخدامها في برنامج الفوتوشوب

2- قم بالذهاب إلى موقع المكتبة، إلى الصفحة التالية، اضغط هنا، ومن ثم قم بنسخ الأيقونة نفسها -وليس اسمها- التي تريد استخدامها كما بالصورة التالية:

64873c324441478aa63e8e57127dfb4e-20485492-1 طريقة اضافة font awesome واستخدامها في برنامج الفوتوشوب

3- نذهب إلى برنامج الفوتوشوب، نختار أداة الكتابة 8uBNRy-20485492-1 طريقة اضافة font awesome واستخدامها في برنامج الفوتوشوب  ، وفي ساحة العمل نضغط مرة للكتابة، ونقوم بعمل لصق للأيقونة التي قمنا بنسخها، كما بالصورة التالية:

a824458c8c7a4058b7652cc14c150e54-20485492-1 طريقة اضافة font awesome واستخدامها في برنامج الفوتوشوب

الآن بعد لصق الأيقونة ستظهر معك بالشكل التالي:

b38a2c54b01a44dba166a375c266f13f-20485492-1 طريقة اضافة font awesome واستخدامها في برنامج الفوتوشوب

4- من قائمة الخطوط في البرنامج قم باختيار نوع الخط وهو FontAwesome كما بالصورة التالية:

03f75162c9854b6e9316643b0d61ab08-20485492-1 طريقة اضافة font awesome واستخدامها في برنامج الفوتوشوب

لاحظ الآن النتيجة لدينا كيف أصبحت الأيقونة:

416886bbdc0244ef8c286ef5f9aabd8a-20485492-1 طريقة اضافة font awesome واستخدامها في برنامج الفوتوشوب

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

أي طلب أو استفسار أنا جاهز بالخدمة.
جميع الحقوق محفوظة لـ معهد ترايدنت.
اخوكم ومحبكم، محمد الحلبي.

التعليقات

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *