// الدرس الثــــآني من : سِلسِـلةُ الدُروسْ المُصغَرةْ للهيدرَآتْ //

بســـــم اللـﮧ الرحـــــمن الرحــــيم ..

السسلآم عليگم ۋرحـمـﮧ اللـﮧ ۋ برگــآآاٺـﮧ ..

أخـواني ۋ أخـواٺـي في منٺدى العــآآاشق .. گيف حـــآالگم ؟!

يــآاارب ٺگونۋۋن بألــف خـير وصحــۃ ۋ عــافيـۃ ..

بعد الٺشجـيع ۋالدعـــم الرآئع منگم في الدرسـس الأول

ٺقـــرر إگمــآل السلــسلـۃ علےٰ الرغم من أن الٺقــدم فيــهآ

ليس بٺلــگ السسـرعـۃ ، ۋذلگ لإسبــآب منها أنني ۋددٺ في

أن يطلع أغلب الأعـــضاء علےٰ الدرس ويگۋن في حـشد ٺشجيعي

ۋگمــآن ليگۋن هنــآلگ مجـــآل للٺطبيق ۋ الٺقــييم بدۋن ضغط ..

گذلگ أيضاً لإنشـــغـآلي ببعض الأعمال ۋلم أرٺب فهرس الدۋرة إلا بالأمس

ۋلگن إن شـــآء اللـﮧ سأسٺمر فيها بإسٺمرار دعمگم لي..

درسس اليۋم نقدر نقۋل عليـﮧ من أهم الأشيـــآْء في عـآلم الفۋٺۋشۋب

و السبب الرئيسي في جذب أۋ نفر المُطلع علےٰ الٺصميم أياً گان

هذا الٺصميم ، هيدر ، فاصلـﮧ ، ٺۋقيع ۋغيرهــآ ..

درسس اليۋم عن // الخطـــــــــــــۋط // ..~

وسآٺناۋل مآ أسٺطيع من جميع ما يٺعلق بگيفيـﮧ الگٺآبـۃ المثلےٰ علےٰ الهيدراٺ

بشگل عام ۋمنها ٺسٺطيعۋن إسٺنباط ما هو أفضل لباقي أنۋاع الٺصاميم

ۋبالطبع هنالگ إخـٺلاف في رؤيـﮧ جمال الخـطوط ۋ گيفيـﮧ الگٺآبـۃ

ولولا إخـٺلاف الأذوآق لفسدٺ الســـلعـۃ ~ ۋشش دخل هههه ~

ف لذلگ سأعطيگم مآ أراه الأفضل ۋيبقےٰ للجميع حـريـﮧ الأخـذ بهذه النصائح

وأٺمنى أن ٺساهم في رفع مسٺۋى المٺعلمين الجدد ۋأن ٺگن محـل رضا المٺمرسين


أۋلاً : مـآهيـۃ الخـطۋط الفۋٺۋشۋبيـۃ!

هي نفس الخـطوط الٺي ٺگون محـفۋظـۃ علےٰ جـهازگ الخـاص بگ في المسار :

C:/ windows _ fonts

ۋٺگون بصيغ مخٺلفـﮧ أشهرها صيغـۃ ال .ttf

ۋلن أطيل أۋ أعقد الأمۋر بل سأجـلعها مبسسطـۃ قدر الإمگــآن إن شاء الله .

ثانياً : الٺقسيماٺ ۋالأنۋاع :

ٺقسم أنواع الخـطۋط الےٰ أقسام ۋأنۋاع گثيرة منها:

الخـطۋط الحـرة ، خطۋط العلاماٺ الٺجاريـۃ ، خطۋط فنيـۃ .. الخ.

ۋعند ٺصميم الهيدرآٺ أنا أُفضل أن يٺم ٺقسيم الخـطوط من حـيث الحـجم

إلےٰ أربعــۃ أقسآم لٺسهل من مهمـۃ الٺصميم ۋهي :

النوع الأول: HeadLines Fonts

ۋهي الخـطوط العريضـۃ الٺےٰ ٺُگَۋِن العنۋان الرئيسي للمۋضۋع

گما في الهيدر أعلاة عند گلمـۃ : قلبي - الهيدرات - Im calling my own

ۋهي المفٺاح الأساسي للهيدراٺ ۋيجـب مرآعاه إسٺخدام خطوط منآسبـۃ لهآ

ۋلگي نٌٺقنها يفضل إسٺخـدام هذه المجـمۋعـۃ من الخطۋط : هنــــــآ

(مرفق بها خطوط لل HeadLines بالعربية و الانجليزية)

وتقسم إلى عناوين متدآخله مع صورة التصميم وأخري بعيده عن صورة التصميم

للتوضيح هذه العينـۃ لبعض من التصاميم التي بها تداخل الكتابة مع الصورة ..

وهنا عينة لبعض التصاميم التي تبعد عنها الكتــآبة من الصورة ..




وعوضا عن شرح گل خط مع إسمـۃو الـ الإعداداٺ الٺي اسٺخـدمٺها فيگل ٺصميم
سوف أرفق لگم الملفاٺ المفٺۋحــۃ الـ PSD حملوها من هنـــآ

ومنها ٺسٺطيعون معرفـۃ الخـط المسٺخدم و حـجمـۃو الموود و الوضوح (الأوباسٺي)

ۋإن اسٺعصٺ أي مرحـلـﮧ ضعوا رداً بالسؤال ولگم الإجابـﮧ فوراً إن شاء اللـﮧ .
..

ۋالإعداداٺ للخطۋط ٺخـٺلف من ٺصميم لآخـر مثال :

ف الهيدر المسٺخـدم في الدرس نلآحـظ ٺداخـل الگلماٺ (أصبحـٺ أنادي علےٰ قلبي)

ۋ الگلمـۃ الأنجليزيـۃ (im calling my own heart)

مٺدآخـلـﮧ مع الصۋرة الخاصـۃ بالهيدر ، آيرۋين سميث الغــآرق

وفي بعض التصاميم تكون الكتآبة في الأمكان الفارغة من التصميم

ۋلگي ٺگۋن هذه الخطوط في أفضل حــآل ممگن لآبد من الٺلآعب بها

من القۋآئم الٺاليـۃ :

الأۋباسٺي ( الوضۋح ) :



ۋگذلگ المۋود :



وگذلگ ال لير ستــآيل ( من زر الـ Fx ) :



فعند إسٺخـدام النوافذ السابقـۃ يدمج الخط مع الٺصميم ۋيصبح ذۋ شگل أجمل

ويجـبالإبٺعاد عن الٺأطير أۋ الـ Stroke بلۋن موحـد للخـط

ثم نأٺي إلےٰ :

النوع الثـآني: Smaller HeadLines

وهي الگلماٺ المسساعدة وٺگون مشٺقـﮧ من العنوان أو گلماٺ إضافيـۃ

وٺگون بخط أصغر من الخط المسٺخدم للـ HeadLines ..

يٺم إضافٺها حـٺےٰ لا يگون الٺصميم خـآوي والخطوط هنا ٺگون أشمل وأگثرٺنوعا وأمثلٺها :




و الخطوط عديدة جداً وعوضا عن رفع جـميع الملفاٺ الٺي أملگها الخطوط

هذه مواقع رآئعـۃ جداً لٺحـميلهــآ .. ما عليگ إلا بٺحـميل الخـط

ووضعـﮧ في المســآر المذگور أعلاه في بدآيه الدرس.

1

2

خطوط عربــيـۃ :

3

// سحب الخطوط من الملفات المرفقة لكم PSD //

وذلك لمعرفة الإعداداٺ حيث يمگنگم سحـبها من الملفاٺ المفٺوحــۃ المرفقـۃ لگم في الأعلےٰ وذلگ

عن طريق (للمستجدين) إخـٺيار لير الخط من أحـد الهيدراٺ و سحـبـﮧ الےٰ نافذة الٺصميم

الخاص بگم في الفوٺوشوب .. و وقموا بالإطلاع علےٰ الٺأثيراٺ والحـجم و الموود.

ملاحـظـۃ : في حـالـﮧ عدم وجـود الخط الذي قمٺ بوضعـﮧ في الملفاٺ المفٺوحــۃ

سٺظهر لگم رسالـﮧ بذلگ بمجـرد ٺحـريرگم للخط ،

هذه الرسالـﮧ او النافذه سٺعطيگم

إسم الخط المسٺخـدم ما عليگم إلا گٺابٺـۃ في أحـد الموآقع أعلاه و قوموا بٺحـميلـﮧ !

والنوع الثالث : Free Hand Writing Fonts

وهي خطوط علےٰ شگل گٺابـۃ اليد وهي ٺعطي جماليـﮧ أگثر وأفضَل

إسٺخدام عند الٺصميم هو وضعها فوق العناوين الرئيسيـۃ

وٺخـفيفها الےٰ 70% واللون يگون أبيض و الموود يگون Overlay

أو screen أو PinLight وذلگ علےٰ حـسب الٺصميم .

وهنا العيناٺ و الٺحـميل المباشر لها من الموقع :

..// هنـــــــآ //..

رابعاً : Pixles

خـطوط البگسل وهي خـطوط الحـقوق ولها إعداداٺها المعينـۃ

ۋلا يجـب أن ٺخرج عنها .. واليگم الٺوضيح:



ومن هنـــآ تحميل هذه الخطوط ..
.
.
.
.
.
.
.........
......
....
..
.

في الخـٺام هذا ما أسٺطعٺ أن أبسطـۃ عن الخطوط و گيفيـۃ الگٺابـۃ بإرفاق الملفاٺ

المفٺوحــۃ گي ٺطلعوا علےٰ هذه الإعداداٺ وگذلگ ٺناولٺ

بعض الشروحـاٺ و الٺوضيحـاٺ من أجل إيصال أگبر قدر من المعلومـۃ والفگرة

و گٺطبيق لهذا الدرس قم بٺصميم هيدر .. أو الإسٺعانـۃ بـ ملف مفٺوح

بإسم (وآجـــب ) مرفق لگم .. قوموا بگٺابـۃ ما يلي عليـﮧ :

The King Of The Iron Fist

The King(ٺگون عنوان رئيسي HeadLine )

Of The Iron (ٺگون smaller headlines )

Fist (ٺگون بخـطوط الـ Hand Writing )

وللغـۃ العربيـۃ إگٺبوا :

ما بين المآضي و الحـآضر أقف أنا !

..

ۋأٺمنےٰ أن أگون قد ۋُفقٺ ولو فـ الشيء البسيط في ما ٺناولٺـﮧ لگم

ۋبإنٺظــآر ما سٺقدمون من ٺطبيقاٺ و دعم .. وأانا فـ الخـدمـۃ لأي ٺوضيح گآن ..

ولآ أنسى أن أشگر saramooعلےٰ الٺنسيق الرآئع للموضوع وتدقيقة

و جمعيـۃ العاشق لحـرة لدعمهم المٺوآصل ..

أٺرگگم ف رعــآايـۃ اللـﮧ و حـفظــۃ

وإن ششـآاء اللـﮧ نٺقـآأبل فـ موضوع جديد و شرح جديد لدرسس جـديد

وعليكم السلام و رحمة الله و بركاته

كيفك عزيزي DIO يا رب تكون بخير و عافيه

بسم الله ما شاء الله ما هذا يا راجل انت بجد تحفه فنيه

لا يسعني قول شئ لهذا التألق الواضح منك فلا أخفي عليك انني حفاً استفدت من شرحك

لهذا الدرس الذي اعطاني أششياء تعرفت عليها لأول مره منها خط البكسل و ليس كلهم

بل اثنان منهم لم اكن اعرفهم الصراحه و هم hooge05 | cweb

حقاً اخي الغالي شكراً لك لما تقدمه من اجل الرقي و التقدم اكثر في هذا المجال

تم جميع انواع الشكر و التقييم ...... أراك بمواضيع فنيه قادمه بأذن الله

دُمت بكل خير و عافيه

في أمان الله

السلام عليكم ورحمة الله وبركاته
اهلاً وسهلاً فيك و بمواضيعك مرة ثانية في القسم
قبل كل اشي احب اقول لك شي " يا اخي الهيدر خطير - "
و الباقي تسليكي مثل عادتي
موضوع جميل جداً وتنسيق اجمل من منسقة اجمل و اجمل ،
و مصمم اجمل و اجمل و اجمل و تصميم اجمل و اجمل و اجمل و اجمل .
كم اجمل في ذلك اني وي ، اعجبني اختيارك للموضوع
بصفت ان المصممين هنا " اقصد بهم نفسي " يحتاجون دروس عن الخطوط
بالاضافة الى مجموعة جديدة من الخطوط
و اخيراً ، ثانكس الوت ع الموضوع جداً جميل < لا تحسب هذي
تم التقييم + 5 نجوم + شكر + يثبت + يرفع البنر
جود باي ~

"{ و عليكم السلآم و رحمة الله و بركاآتهــــ...~ْ

هلآ اخوي المبدع DIO ^^

ماآ شاآء الله عليك ,, موضوع مهم جداً أكثر من التصميم نفسه ,,

لآنو نسبه كبيره ماآ تقدر تختاآر الخط المناآسب .. أناآ كنت كذاآ فـ]ـي الساآبق الخط سبب لـ]ـي عقده ^^"

احسنت فـ]ـي اختياآر الموضوع و طريقة شرحك بسيط و راآئــ‘ع و واآضـح ..~ْ

اتفضل تطبيقـ]ـي :

[ هناآ ]

ان شاآء الله اخترت الخط المناآسب سواءً عربـ]ـي أو انجليزي ,,

الله يـ‘عطيك الـ‘عاآفيه على هذاآ الدرس .. ان شاآء الله دوووم تقدم لناآ الأفضل من أعماآلك و لآ تحرمناآ جديدك ^___^

.. اتمنى لكَ التوفيق داآئـــــــــــماً .. }"

عدت مع التطبيق و اتمنا يكون مقبول
\
\

هنا

السلام عليكم و رحمة الله و بركاته

كيف حالك ياخوي ؟! إن شاء الله بخير

إيش هالحلاوة .. أبدعت حقًا في الطرح

و بالمناسبة عجبني الهيدر ، ما شاء الله جميل جدًا و إضاءة خلابة

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

بالنسبة لي، الكتابة الجيدة من أهم مقومات التصميم الناجح

في الواقع .. الكتابة من الأمور التي تميز بين المصمم المبتدىء و المصمم المحترف

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

إستمر إستمر بهذي الأفكار، متابعين بإذن الله

و لو تبغى أفكار دروس، ممكن أقترح لك إذا مانك مخطط لشي محدد

تمنياتي لك بالتوفيق و التفوق

دُمت بخير

السلااام عليكم ^^
ما شاء الله الدرس ابدااع بكل فقره من فقراتهه
توي اشتريت لابتوب جدبد وابغا احمل اشياء
للفوتشوب وجيت بالموقت بالمناسب بالنسبهه
للتطبيق بعدين مو الحين بس ان شااء الله بيجيك
المهم ان انت لاا توقف واعطنا المزييد من دروسك
وشكرا كل

واو
الهيدررررر رائع جداا عجبني تسلم يدك
فيه خطين ماهم عندي البكسل بحملهم . شكرااا لك

بس الروابط ماهي شغاله ؟

شكرا على شرحك الجميل و السهل وتنسيق الاجمل

ما شاء الله 3>
أبدعت :D
هذه المرة لي عودة إن شاء الله بتطبيق xD

المشاركة الأصلية كتبت بواسطة superhero

وعليكم السلام و رحمة الله و بركاته

كيفك عزيزي dio يا رب تكون بخير و عافيه

بسم الله ما شاء الله ما هذا يا راجل انت بجد تحفه فنيه

لا يسعني قول شئ لهذا التألق الواضح منك فلا أخفي عليك انني حفاً استفدت من شرحك

لهذا الدرس الذي اعطاني أششياء تعرفت عليها لأول مره منها خط البكسل و ليس كلهم

بل اثنان منهم لم اكن اعرفهم الصراحه و هم hooge05 | cweb

حقاً اخي الغالي شكراً لك لما تقدمه من اجل الرقي و التقدم اكثر في هذا المجال

تم جميع انواع الشكر و التقييم ...... أراك بمواضيع فنيه قادمه بأذن الله

دُمت بكل خير و عافيه

في أمان الله

انا بخير والحمد لله .. أنت كيف حالك ي صديقي
تسسلم ويشرفني أنو نال على رضاك وأفدتك بشيء ما
بدعمكم ي صديقي س أستمر والقادم أفضل إن شاء الله
ودمت كذلك بخـــير وأنرت بحق