مشاهدة النتائج 1 الى 11 من 11
  1. #1

    [Typography] more than just a Word



    attachment



    نثرت الكلمات على ورقة
    حرت كيف أرتبها
    فأي خطّ هو منّا
    و أي لون يمثلنا
    فالكتابة زمن لم يمضي
    و الكون شجرة حروف



    attachment



    Maybe forever was meant for the memories not the people

    ...Transparent
    ...I'm becoming an illusion

    MyAnimeList - tumblr


  2. ...

  3. #2


    attachment

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

    هذا الفن مميز فهو يرتبط ارتباطا وثيقا ببعضه البعض
    لاخراج الحروف بشكل رائع و جذاب
    فاللعب بالكلمات و الحروف كتغيير نمط كتابتها
    أمر عرفه العرب منذ زمن طويل
    فالخطاط مهنة ليست غريبة عنا

    يقوم بفن التيبوغرافي أو الطباعة إن صح التعبير
    المؤلفين، الخطاطون، ومصممي الغرافيك، و مديري الفن
    و الكتّاب الهزليين و فنّاني الكتابة على الجدران، و غيرهم الكثيرين

    حتى العصر الرقمي, كان التيبوغرافي مهنة متخصصة
    فتم تحويلها لفن رقمي حتى تصل للجيل الجديد من المصممين
    و يقول ديفيد جوري : " الطباعة الأن شيء الكل يقوم به "

    attachment

    جاءت كلمة تيبوغرافي من اليونانية " Typos graphein ", و تعني التشكيل للكتابة
    و تعود أصول استعمال الطباعة للأختام و العملة في العصور القديمة
    مبدأ الطباعة هو إنشاء نص كامل عن طريق استخدام أحرف متطابقة
    و قد تم ادراكها للمرة الاولى في عصر فايستوس
    عنصر الطباعة الغامض في كريت باليونان الذي يعود تاريخه
    بين 1850 و 1600 قبل الميلاد
    و قد تم اقتراح أن النقوش على الأنابيب الرومانية تم انشائها عن طريق طباعة متحركة

    يمكننا أن نجد فن الطباعة أيضا في ما بين القرن العاشر و الثاني عشر في الحقبة البيزنطية
    أحرف فردية حيث يتم تشكيل الكلمات بتجميع قطع البلاط


    attachment


    تطور التيبوغرافي جنبا لجنب مع نظام التنضيد ( تصفيف الحروف)
    إنه فن محافظ بشكل كبير فهو يميل للإلتصاق بشكل وثيق مع التقاليد
    و هكذا فإن الأنواع الأكثر إقبالا عليها بقيت مع تطوره
    بالإضافة الي ذلك فالتيبوغرافي يرتبط بالحروف من جهة و بالأشكال الفنية من جهة أخرى

    التيبوغرافي من النوع المتحرك تم اختراعه في الصين مع حوالي القرن 11
    أما النوع المعدني فقد ظهر في كوريا مع عضر مملكة كوريو في حوالي سنة 1230
    و كلا النظامين هما طباعة بالبيد

    التيبوغرافي اليوم مثل الأزياء أو الأثاث
    مع استثناءات نادرة فالناس لا يحتاجون أزياءا و أثاثا بتصميم جديد
    و لكنهم يريدون التغيير و أن يظهروا بمظهر مختلف
    بينما الإبداع أمر مختلف
    فالتيبوغرافي فن قائم بذاته
    و مجال لإظهار الخيال و تطبيقه في لوحة جميلة


    attachment




  4. #3


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


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


    الحجم Size:
    يختلف كل خط عن الآخر فبعضها سميك وعريض وآخر رقيق ونحيف,
    لذا ستأخذ الكلمات بخطوط مختلفة أحجام مختلفة من حيز التصميم.

    أرتفاع الحروف يسمى "x-height" (لانه ببساطة يعتمد على الحرف x),
    عند إستعمال خطين مختلفين بجملة واحدة لإبراز كلمة مثلاً فمن الحكمة
    إختيار خطين ذو "x-height" واحد.
    عرض الحروف يسمى "set width" الذي يشمل بعد الحرف من الجانبين
    والفراغ بين كل حرف والآخر.

    giuctSQ 1lPrqmJ

    الطريقة الأكثر شيوعاً لقياس الخط هي "النقطة", حيث النقطة
    الواحدة تساوي 172/1 إنتش و12 "نقطة"
    تشكل "بيكا" واحدة التي تستعمل بقياس "الأعمدة". ويمكن قياس
    حجم الخط كذلك بالإنتش, الملم والبكسل.


    التباعد Leading:
    وهو المسافة الأفقية بين مستويين من الخط في النصوص ذات
    المستويات المتعددة. لأجل الحصول على نص سهل القرائة فإن
    القاعدة العامة تنص على أن تكون قيمة التباعد أكبر من حجم الخط,
    ما بين 1.25 - 1.5 ضعف.

    EXshafn

    لتعديل التباعد بالفوتوشوب نذهب لإعدادات الخط ونضع القيمة المرادة:
    d5IslLA


    التقنين Kerning:
    وهو القيام بتعديل المسافة ما بين حرفين متقاربين ليكون شكلها
    متجانساً, فالحروف تختلف بعضها عريض وبعضهانحيف. فمن المهم
    أن تكون الأبعاد متناسبة بين كل حرف, مع الأخذ بعين الإعتبار زوايا
    الحروف والإنحنائات وأي زوائد زخرفية.

    Vlcx7bU

    ويمكننا تعديلها بالفوتوشوب من هنا:
    CJ3Giky


    التتبع Tracking:
    يتم الخلط غالباً بين مفهومي التتبع والتقنين لكن الفكرة فيهما مختلفة.
    التتبع يعني بتغير المسافة بين الحروف بالكلمة كاملة. بعد أن يتم
    إختيار الفراغات المناسبة بين كل حرف وحرف يمكن إستعمال التتبع
    بحذر لتغيير المسافات بين جميع الحروف بالتساوي.

    mdQhAWA

    ويمكن تعديلها بإعدادات الفوتوشوب كذلك:
    gFfr5jX


    القياس Measure:
    هو عرض النص الكلي, ويجب مراعاته وإختياره بشكل صحيح ليكون
    سهل القرائة ومتناسق مع التصميم.


    الهرمية Hierarchy:
    حين تكون جميع الكلمات بنفس الشكل سيصعب معرفة ما هي
    المعلومات الأهم وقد يكون شكلها مملاً, لإبراز الكلمات يتم جعلها
    أكبر حجماً, بخط مميز أو بلون مختلف لجذب القارئ.

    p3oKWyv


    الشبكة Grid:
    وهي الدليل الذي يستعمله المصممين لتنظيم شكل التصميم وترتيب
    العناصر بطريقة يسهل فهمها. التعود على إستعمالها يساعد في تكوين
    تصاميم تيبوغرافية متناسفة.
    وتتكون الشبكة من "أعمدة" يفصل بينها فراغات متساوية ويتم الحرص
    على وجود هامش ما بين حافة الورقة أو البوستر والأعمدة.

    QN1GFUP



    attachment




  5. #4



    attachment

    بعد أن تعلمنا الأساسيات المهمة في فن التيبوغرافي سنعرض لكم
    خدع ونصائح قد تساعدكم في في إنتاج تصاميم تيبوغرافية جميلة.

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

    rNpXjMU


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

    5UcBqIm


    اقلب الخط رأساً على عقب
    قلب الخط سيمكنك من رؤية الفراغات بين الحروف بسهولة من غير
    أن تشتتك الكلمة نفسها أو معاني من الحروف كما يمكنك من رؤية
    أشكال الحروف بطريقة أكثر دقة.

    SCMGnp6


    استعمل البالونات
    خدعة أخرى لتتمكن من الحصول على تناسق بين الكلمات هي تخيل
    وجود بالونات بين الحروف, بإمكانك أخذ بالون واحد بالحجم الذي تود
    أن تكون مسافتك عليه وتستعمله بين الحروف لتضمن تساويها.
    uUcjmyE


    عند تصميم لوغو عم بعمل نسختين
    قد يكون العمل على تصاميم اللوغو أمر صعب نوعاً ما نظراً لكونه
    سيستعمل بحجم كبير وحجم صغير. فكون فارق الحجم كبيراً ستلاحظ
    عند التصغير إنه لا يبدو بتناسق الحجم الكبيرة, لذا ينصح بتوسيع الحروف
    والعناصر بالحجم الكبير وتضييقها بالحجم الصغير.
    LJR5xI2


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


    اخلق تباين
    التباين مهم في تصميم اليتبوغرافي إذ إن لولاه سيكون شكله ممل
    ورتيب. هناك طرق عدة للوصول للتباين مثل اللعب بالألوان, الحجم,
    نوع الخط, الأشكال, الإتجاه وغيرها الكثير.
    kYOXz9m



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

    SXmYTgi


    استعن بمواقع التيبوغرافي
    هناك مواقع عدة تساعدك للحصول على نتيجة أفضل في تصاميمك ومن
    الأمثلة على هذه المواقع www.kernjs.com , www.letteringjs.com
    وwww.type.method.ac
    4PnR7AG


    attachment





  6. #5
    attachment

    attachment

    ...

    attachment

    ...

    attachment

    ...

    attachment

    ...

    attachment

    ...

    attachment

    ...

    attachment

    ...

    attachment

    ...

    attachment




    attachment

    يستعمل التيبوغرافي بشكل واسع ويدخل في العديد من المجالات
    حولنا التي لا حصر لها, لكن سنستعرض أهم إستعمالات هذا الفن.

    الإعلانات
    تعتبر الإعلانات بمختلف أنواعها من أهم المجالات لهذا النوع من التصميم,
    من إعلانات الواجهات, المعارض, البوسترات الإعلانية, المنشورات الترويجية
    وغيرها الكثير.
    S8TOrat


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


    الشعارات
    التيبوغرافي يستعمل في مختلف الشعارات من سيارات, شركات,
    منتجات وغيرها.
    TLGh13i


    الألعاب الإلكترونية
    في الألعاب يستعمل التيبوغرافي لإضفاء نوع من الجمالية.
    fdHfLZm

    attachment



  7. #6



    attachment


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

    no8WytV

    48srEEu

    ivw7eKl


    Christopher Wool
    0CjzMCh
    فنان تيبوغرافي أمريكي يستعمل تقنيات مختلفة في تصاميمه,
    لكنه مشهور بلوحاته الكبيرة ذات الكلمات الأسود على خلفية
    بيضاء.

    V9f83Rk


    jmTkrzW


    X3mXK4m


    Craig Ward
    FmmsyAO
    مصمم جرافيكي وتيبوغرافيكي بريطاني موهوب في خلق أشكال
    من الحروف جاذبة للإنتباه. يستعمل أساليب وأدوات مختلفة ليخرج
    بتصاميم مذهلة.

    UI4MMin


    qwlf64O


    tIZV2BY


    Herb Lubalin
    kbBGtAf
    مصمم تيبوغرافي سويسري ويعتبر من أهم المصميين في القرن
    العشرين, وقد قام بإبتكار نوعين من الخطوط.

    BSKMt16

    5wvnp1S


    1FLkudh


    Islam Zayed

    مصمم جرافيكي وتيبوغرافي من مصر, يتميز سألوب مبتكر
    ويستعمل الحروف العربية والإنجليزية.

    G8lIY9n


    aym3ZXJ


    kEZEAsT


    attachment






  8. #7


    attachment

    سنقوم بفقرتنا هذه بعرض درس بسيط من نوع تيبوغرافي
    يمكن للجميع تنفيذه دون أية مشكل
    نتيجة هذا الدرس هو بنر موضوعنا classic

    أولا نكتب حرف T ,انا استعملت خط star jedi
    بالطبع هذه الاشياء يمكنكم جعل خيالكم هو المتحكم فيها
    نعود لحرف ال T المكتوب باللون الأبيض نغير الopacity تبعه لـ15%

    attachment

    بعد ذلك أكتب كلمات كما تشاء بخطوط و أحجام مختلفة باللون الأبيض
    فوق الحرف الذي سبق و كتبناه, بجانه و أعلاه و أسفله
    المهم أن توزع الكلمات
    ثم بعد ذلك ندمجهم في طبقة واحدة فقط لتسهيل العمل علينا
    و نغير
    الopacity تبعه لـ15%

    attachment

    بعد ذلك نعود لطبفة حرف T و نظغط باليمين عليها و نختار
    select pixels

    attachment

    الان اصبح لدينا تحديد على حرفنا هذا ننتقل لطبقة الكلام الذي كتبناه سابقا
    و دمجناه في طبقة واحدة
    و نظغط ctrl + j
    هكذا سينسخ لنا البرنامج الكلمات الموجودة فوق الحرف في طبقة اخرى
    و بهذا سنلاحظ ان تلك الكلمات صارت أغمق من البقية بكثيرا
    نقوم بتغيير الopacity ل 35% فيصبح لدينا هذا الشكل

    attachment

    نقوم الان باضافة طبقة جديدة للعمل ( لاير)
    ثم نذهب للقائمة التي بالاعلى و نختار
    image - apply image
    و نظغط نعم

    attachment

    التصميم الان شبه جاهز لكن فقط تنقصه بعض التأثيرات
    و هنا ذوقك هو العامل الاساسي
    اولا ننسخ الطبقة لنقوم بعمل التالي على الطبقة الجديدة
    قم بالظغط على اليمين فوق الطبقة الجديدة و اختار blending options
    و اذهب الى gradient overlay
    انا اخترت هذه الاعدادات
    اللون الاخضر : #48a248
    اللون الازرق : #3bb2f7

    attachment

    و نغير opacity الطبقة بحد ذاتها ل 80%

    attachment

    نلاحظ ان اللون الابيض للطبقات السابقة بارز لذا نخفيهم جميعا بازالة العين من امامهم
    و نترك فقط الطبقة حيث قمنا بapply image و الطبقة الاخيرة التي تحوي التأثير
    و الان بامكانك اضافة ما تشاء تحتها
    قد اضفت انا كلمة typography و اسم المنتدى
    مع تنتين بسيط على الجانب للاشارة لاسم فريقنا لتصبح النتيجة التالية

    attachment

    درس بسيط و سهل لفن جميل
    أغلب ما يتطلبه الامر للخروج بلوحة فنية بهذا الفن العريق
    هو الصبر و الخيال wink

    attachment

    وبهذا نكون قد وصلنا لختام تقريرنا
    نأمل إنكم قد استفدتم واستمتعم معنا

    هذا الموضوع من إعداد فريق
    Dragon Masters


    في أمان الله





  9. #8

    #1
    العششققق *^* الجمااللل يصب من تقريركم cry
    اختياركم موفق laugh والتنسيق وكل شي جميل embarrassed
    ابدااع ماشاء الله () صراحه فيه ناس فنانه في هذا الفن knockedout
    بس لما اشوف اعمالهم احس يطلع النور منها laugh
    اوووه فيه درس *^* بروح اطبق عليه وارجع xd




    موفقين embarrassed
    اخر تعديل كان بواسطة » яı-снαп في يوم » 05-07-2015 عند الساعة » 18:23

    twitter | tumblr |deviantart
    [/CENTER]
    [/CENTER]

  10. #9
    معلومات جميل جدا وقيمة لي رجعة مع التطبيق والرأيي ان شاء الله😍👍
    cf1c947e35b0f4d5951dea6debedcdf2

  11. #10
    معلومات جدًا جميلة ورائعة قريت الموضوع كاملا وعجبني بس صراحة مايعجبني الخط اللاتينيe108
    حروف بسيطة وزخرفة غير ملفتة تبدو وكأنها قصص الكوميك الأميركية لكن هذا لايقلل من جمال الموضوعem_1f607
    هاكم تطبيقاتي ياجماعة الخيرe414
    نماذج الصور المرفقة نماذج الصور المرفقة اضغط على الصورة لمشاهدتها بالحجم الطبيعي  







الاسم » Design2.png  



عدد المشاهدات » 103  



الحجم » 79.4 كيلو بايت  



الهوية	» 2085956   اضغط على الصورة لمشاهدتها بالحجم الطبيعي  







الاسم » Design2.png  



عدد المشاهدات » 130  



الحجم » 106.3 كيلو بايت  



الهوية	» 2085961  

    اخر تعديل كان بواسطة » هناء ❀ في يوم » 14-07-2015 عند الساعة » 22:35

  12. #11
    ألسـلآم عليكم ورحمة الله وبركـآته
    كيف حالككِ؟؟
    أتمنى أنكك بخير
    يبدو هذا جميـلآ حقاً ^.^ chinese
    سأحـآول أبتكـآر شيء مـآ وأعود
    أوه صحيح تذكرت

    هذه من فيلم فـآينل ديستنآيشن 5 صح glasses
    ههههه
    حسنـآ
    جـآنـآ


    وتمردت الشهقـآت...لِتُعلِنَ سآعةَ ألرحيلْ!

بيانات عن الموضوع

الأعضاء الذين يشاهدون هذا الموضوع

عدد زوار الموضوع الآن 1 . (0 عضو و 1 ضيف)

المفضلات

collapse_40b قوانين المشاركة

  • غير مصرّح لك بنشر موضوع جديد
  • غير مصرّح بالرد على المواضيع
  • غير مصرّح لك بإرفاق ملفات
  • غير مصرّح لك بتعديل مشاركاتك
  •  

مكسات على ايفون  مكسات على اندرويد  Rss  Facebook  Twitter