دروس اليستريتور للمبتدئين لعبة رائعة وحصرية يمكنكم لعبها اون لاين بدون تحميل علي الكمبيوتر والموبايل علي موقع العاب ماهر افضل موقع العاب اون لاين عربي .
دروس اليستريتور للمبتدئين اول درس
أهلاً بك في أولى خطواتك لتعلم
Adobe Illustrator! الدرس الأول في أي دورة تدريبية لليستريتور يركز دائماً على كسر حاجز الرهبة وفهم "روح البرنامج" وكيفية التعامل مع واجهته.إليك ملخص شامل لما ستتعلمه في الدرس الأول:
1. ما هو الإليستريتور؟ (الفيكتور vs الراستر)
قبل البدء، يجب أن تعرف أن الإليستريتور يعتمد على الرسوم المتجهية (Vector)، وهي تختلف عن الصور العادية (Raster) الموجودة في فوتوشوب:
- الفيكتور: رسومات تعتمد على معادلات رياضية، مما يعني أنه يمكنك تكبيرها إلى أي حجم (حتى لو كان بحجم عمارة) دون أن تفقد جودتها أو "تبكسل".
- الاستخدام: مثالي لتصميم الشعارات (Logos)، الأيقونات، والرسومات التوضيحية.
2. واجهة البرنامج (The Interface)
ستتعرف في هذا الدرس على تقسيمات الشاشة الأساسية:
- شريط القوائم (Menu Bar): في الأعلى، يحتوي على الأوامر الرئيسية مثل File وEdit.
- صندوق الأدوات (Tools Panel): على اليسار، وفيه الأدوات التي ستستخدمها للرسم والتعديل.
- الألواح (Panels): على اليمين، مثل لوحة الألوان (Swatches) والطبقات (Layers).
- مساحة العمل (Workspace): الجزء الأبيض في المنتصف الذي ستبدع فيه.
3. إنشاء ملف جديد (Creating New Document)
ستتعلم كيفية إعداد "اللوحة" الخاصة بك:
- اختيار المقاسات (بالبكسل للويب، أو بالسنتيمتر للطباعة).
- فهم أنظمة الألوان: RGB للشاشات وCMYK للمطبوعات.
- فهم Artboards: وهي إمكانية إنشاء أكثر من صفحة عمل داخل نفس الملف.
4. أدوات التحديد الأساسية (Selection Tools)
أول الأدوات التي ستجربها هي:
- Selection Tool (V): السهم الأسود، ويُستخدم لتحريك العناصر وتغيير حجمها.
- Direct Selection Tool (A): السهم الأبيض، ويُستخدم للتحكم في النقاط (Anchor Points) المكونة للأشكال وتعديل زواياها.
5. رسم الأشكال البسيطة (Basic Shapes)
ستبدأ برسم المربعات، الدوائر، والخطوط، وتتعلم الفرق بين Fill (لون التعبئة الداخلي) وStroke (لون الإطار الخارجي).
نصيحة للمبتدئين: لا تحاول حفظ كل الأدوات مرة واحدة؛ ركز في الدرس الأول على كيفية فتح ملف جديد وتحريك العناصر بالسهم الأسود.
هل تريد ترشيحاً لـ قنوات عربية محددة تبدأ معها هذا الدرس؟
قد يعرض الذكاء الاصطناعي معلومات غير صحيحة، لذا ننصحك بالتحقّق من الردود.
عرض الكل
بما أن هذا هو درسك التطبيقي الأول، سنقوم بتصميم
"أيقونة صاروخ بسيط" باستخدام الأشكال الأساسية فقط. هذا التدريب سيعلمك كيف تدمج الأشكال وتتحكم في الألوان والزوايا.إليك الخطوات العملية (افتح البرنامج وطبق معي):
الخطوة 1: إنشاء مساحة العمل
- اذهب إلى File > New.
- اختر مقاس 1000x1000 Pixels.
- تأكد أن نظام الألوان RGB (لأننا نصمم للشاشة).
الخطوة 2: رسم جسم الصاروخ (أداة المستطيل)
- اختر أداة المستطيل Rectangle Tool (M) من جهة اليسار.
- ارسم مستطيلًا طوليًا في منتصف الصفحة.
- لتحويله لشكل صاروخ: اختر أداة السهم الأبيض Direct Selection Tool (A)، ثم اضغط على النقطتين العلويتين للمستطيل واسحبهما للداخل (أو استخدم دوائر الزوايا الصغيرة لسحبها وجعل القمة نصف دائرية).
الخطوة 3: إضافة الأجنحة (أداة المثلث/المضلع)
- اختر أداة المضلع Polygon Tool (تجدها تحت أداة المستطيل).
- اضغط ضغطة واحدة على الشاشة واكتب عدد الأضلاع 3 ليظهر لك مثلث.
- صغّر المثلث ووضعه على جانب الصاروخ السفلي.
- التكرار: اضغط على المثلث واسحبه مع الضغط على زر Alt في لوحة المفاتيح لنسخه، ثم ضعه في الجانب الآخر (يمكنك عكسه بالضغط يمينًا واختيار Transform > Reflect).
الخطوة 4: نافذة الصاروخ (أداة الدائرة)
- اختر أداة الشكل البيضاوي Ellipse Tool (L).
- ارسم دائرة صغيرة في وسط جسم الصاروخ (اضغط Shift أثناء الرسم لتكون دائرة مثالية).
- اجعل لون التعبئة (Fill) أبيض أو أزرق فاتح.
الخطوة 5: التلوين واللمسات الأخيرة
- استخدم السهم الأسود Selection Tool (V) لضغط على أي شكل وتغيير لونه من مربع الألوان (Swatches) على اليمين.
- اجعل جسم الصاروخ أحمر، والأجنحة رمادية، والنافذة لبنية.
- إلغاء الإطار: إذا كنت لا تريد خطوطًا سوداء حول الأشكال، اضغط على المربع المفرغ (Stroke) في أسفل صندوق الأدوات واختر "None" (الخط الأحمر المائل).
النتيجة: الآن لديك أول تصميم "فيكتور" صنعته بنفسك!
هل واجهت أي صعوبة في تحريك النقاط بالسهم الأبيض، أم ننتقل لكيفية حفظ هذا التصميم كصورة؟
أعتذر منك، معك حق تماماً. البداية بالرسم مباشرة قد تكون مربكة. لننسَ "الصاروخ" الآن، ولنبدأ
بأبسط حركتين في برنامج الإليستريتور. إذا أتقنتهما، فقد قطعت 50% من الطريق.الهدف من هذا التمرين هو تعويد يدك على "الإمساك" بالعناصر وتغيير ألوانها.
الخطوة الأولى: "لعبة المربعات الملونة"
- رسم المربع:
- اضغط على حرف (M) في لوحة المفاتيح (هذا اختصار أداة المربع).
- اضغط بالماوس في أي مكان واسحب لترسم مربعاً.
- تغيير اللون (أهم حركة):
- انظر إلى أسفل "صندوق الأدوات" على اليسار، ستجد مربعين ملونين فوق بعضهما.
- المربع الممتلئ (الموجود في الأعلى) هو اللون الداخلي (Fill). اضغط عليه مرتين واختَر لوناً تحبه (أحمر مثلاً).
- التحريك بالسهم الأسود:
- اضغط على حرف (V) (أداة السهم الأسود Selection Tool).
- هذا السهم هو "يدك"؛ اضغط على المربع واسحبه في أي مكان.
الخطوة الثانية: "التصغير والتكبير"
- بينما أنت ممسك بالسهم الأسود (V)، اضغط ضغطة واحدة على المربع الذي رسمته.
- ستظهر لك "نقاط صغيرة" على زوايا المربع.
- ملاحظة ذهبية: لكي لا يتشوه المربع ويصبح مستطيلاً، اضغط على زر (Shift) في لوحة المفاتيح واستمر بالضغط، ثم اسحب زاوية المربع لتكبيره أو تصغيره.
تحدي بسيط لك الآن:
حاول رسم 3 مربعات بأحجام مختلفة (صغير، متوسط، كبير) وضَع لكل واحد لوناً مختلفاً (أحمر، أصفر، أخضر).
هل تمكنت من رسم المربعات وتغيير ألوانها بسهولة، أم واجهت مشكلة في اختيار الألوان؟
ممتاز! بما أنك أتقنت رسم المربعات وتلوينها وتحريكها، سننتقل الآن للمرحلة الثانية وهي
"التحكم في الحواف والنسخ الذكي".هذه المهارة هي سر التصميمات الناعمة والعصرية التي تراها في التطبيقات.
الدرس الثاني: "أيقونة الحاسبة البسيطة"
سنتعلم هنا كيف نحول المربع الحاد إلى مربع بزويا مستديرة وكيف ننسخ العناصر بسرعة.
1. تحويل الزوايا (Corner Widgets)
- ارسم مربعاً كبيراً كما فعلت في الدرس الأول (أداة M).
- استخدم السهم الأسود (V) واضغط على المربع.
- ستلاحظ وجود نقاط دائرية صغيرة جداً داخل زوايا المربع الأربعة.
- اسحب إحدى هذه النقاط للداخل قليلاً.. ستجد أن زوايا المربع أصبحت منحنية وناعمة. (هذا هو أساس تصميم أيقونات الهواتف).
2. النسخ السريع (اختصار الـ Alt السحري)
بدلاً من عمل Copy و Paste التقليدي، إليك الطريقة الاحترافية:
- تأكد أنك ممسك بالسهم الأسود (V).
- اضغط باستمرار على زر (Alt) في لوحة المفاتيح.
- اسحب المربع الذي رسمته إلى جهة اليمين واترك الماوس.
- مبروك! لقد قمت بنسخ المربع في ثانية واحدة.
3. الترتيب (الشبكة)
- كرر عملية النسخ بالـ Alt حتى يصبح لديك 4 مربعات صغيرة (أزرار الحاسبة).
- ضعها بجانب بعضها البعض.
التحدي التطبيقي لهذه المرحلة:
حاول صنع "إشارة مرور" بسيطة:
- ارسم مستطيلاً أسود طويلاً (جسم الإشارة).
- اجعل زواياه منحنية قليلاً (كما تعلمت في خطوة 1).
- ارسم دائرة واحدة بالداخل (أداة L).
- استخدم زر (Alt) لتنسخ الدائرة مرتين تحت بعضهما، ثم لونهم (أحمر، أصفر، أخضر).
أخبرني، هل نجحت في جعل زوايا المستطيل منحنية، أم شعرت أن النقاط الصغيرة لم تظهر لك؟
أبدعت! في الدرسين السابقين تعلمت "الرسم" و"النسخ"، والآن حان وقت
الدرس الثالث، وهو أهم مهارة للمصممين: "دمج وقص الأشكال" باستخدام أداة الـ Pathfinder.هذه المرحلة ستحولك من شخص يرسم "مربعات ودوائر" إلى شخص يصمم "أشكالاً مركبة".
الدرس الثالث: "أيقونة السحابة" (Cloud Icon)
سنصنع سحابة احترافية، ليس برسمها يدوياً، بل بدمج الدوائر.
1. رسم الأساس (الدوائر)
- اختر أداة الدائرة (L).
- ارسم 3 أو 4 دوائر بأحجام مختلفة (صغيرة وكبيرة) وضعها بجانب بعضها بحيث تتداخل أطرافها (تخيل شكل السحابة).
- ارسم مستطيلاً (M) في الأسفل ليغطي الأطراف السفلية للدوائر ويجعل قاعدة السحابة مستوية.
2. سحر الدمج (Pathfinder)
هنا السر: بدلاً من أن تظل هذه مجرد دوائر فوق بعضها، سنجعلها "قطعة واحدة":
- حدد كل الأشكال التي رسمتها بالسهم الأسود (V) (اسحب الماوس فوقها جميعاً).
- اذهب إلى قائمة Window في الأعلى، واختر Pathfinder.
- ستظهر لك نافذة صغيرة، اضغط على أول أيقونة على اليسار (تسمى Unite أو "دمج").
- انظر للنتيجة: اختفت الخطوط المتداخلة وأصبح لديك "سحابة" واحدة متصلة!
3. الحركة العكسية (القص)
لو أردت "خرم" أو قص جزء من الشكل:
- ارسم دائرة صغيرة فوق السحابة.
- حدد السحابة والدائرة معاً.
- من نفس نافذة الـ Pathfinder، اضغط على الأيقونة الثانية (تسمى Minus Front أو "طرح").
- ستلاحظ أن الدائرة اختفت وقصت مكانها من السحابة (كأن شخصاً قضم قطعة منها).
التحدي التطبيقي (مستوى المحترفين):
حاول صنع "هلال":
- ارسم دائرة كبيرة.
- ارسم دائرة أخرى فوقها وأزحها قليلاً لليسار (بحيث تغطي جزءاً منها).
- حددهما معاً واضغط على Minus Front (الأيقونة الثانية في الباثفايندر).
هل نجحت في دمج الدوائر لتصبح سحابة واحدة، أم واجهت مشكلة في العثور على نافذة الـ Pathfinder؟
أحسنت الاستمرار! في المراحل الثلاث الأولى تعلمت: (الرسم، النسخ، الدمج). الآن حان وقت
"الدرس الرابع"، وهو الدرس الذي سينقل رسوماتك من مجرد "أشكال مسطحة" إلى "تصميمات احترافية" من خلال الألوان المتدرجة (Gradients).التدرج اللوني هو ما يعطي الأشكال عمقاً ويجعلها تبدو ثلاثية الأبعاد أو أكثر حيوية.
الدرس الرابع: "أيقونة إنستجرام" (تطبيق التدرج)
سنصمم خلفية أيقونة تشبه إنستجرام لنتعلم كيف ندمج لونين أو أكثر في شكل واحد.
1. تحضير الشكل الأساسي
- ارسم مربعاً كبيراً (M).
- اجعل زواياه منحنية (كما تعلمت في الدرس الثاني) باستخدام النقاط الدائرية الصغيرة.
2. سحر التدرج (Gradient Tool)
- اضغط على حرف (G) في لوحة المفاتيح (أداة التدرج).
- اضغط ضغطة واحدة على المربع الذي رسمته. ستلاحظ أن لونه تحول من "لون واحد" إلى "تدرج من الأبيض للأسود".
3. تغيير الألوان
- افتح نافذة التدرج من جهة اليمين (لوحة Gradient)، أو اذهب لـ Window > Gradient.
- سترى "شريطاً" عليه نقطتان (لون أبيض ونقطة سوداء).
- اضغط مرتين على النقطة البيضاء واختر اللون الأصفر.
- اضغط مرتين على النقطة السوداء واختر اللون البنفسجي أو الوردي.
- مبروك! الآن المربع أصبح ملوناً بتداخل جميل بين الأصفر والبنفسجي.
4. التحكم في اتجاه اللون
- بينما أنت ممسك بأداة التدرج (G)، اضغط بالماوس داخل المربع واسحب "خطاً" من الزاوية العلوية لليسرى إلى الزاوية السفلية لليمنى.
- ستلاحظ أن اتجاه الألوان تغير مع اتجاه يدك.
التحدي التطبيقي لهذه المرحلة:
حاول صنع "زر تطبيق" (App Button) احترافي:
- ارسم مربعاً بزوايا منحنية بلون أزرق غامق.
- ارسم فوقه مربعاً أصغر قليلاً بزوايا منحنية أيضاً.
- أعطِ المربع الصغير تدرجاً لونيًا (من الأزرق الفاتح إلى الأزرق الغامق).
- ضع دائرة بيضاء صغيرة في المنتصف.
هل نجحت في تغيير ألوان التدرج من الأبيض والأسود إلى ألوانك الخاصة، أم واجهت صعوبة في لوحة الـ Gradient؟
ولا يهمك، "التدرج" هو أصعب أداة في البداية لأنها تعتمد على نوافذ كثيرة. لنترك "الأيقونة" جانباً ولنجرب
أبسط طريقة في العالم لتلوين شكل بلونين (بدون تعقيدات):المرحلة الرابعة (مبسطة): "تمرين الكرة الملونة"
سنقوم بتلوين دائرة لتبدو كأنها "كرة" ثلاثية الأبعاد باستخدام كبسة زر واحدة:
- ارسم دائرة: اضغط حرف (L) وارسم دائرة في منتصف الشاشة.
- التلوين التلقائي:
- انظر إلى جهة اليمين (أو الأسفل في صندوق الأدوات)، ستجد 3 مربعات صغيرة جداً تحت مربع اللون الرئيسي.
- اضغط على المربع الأوسط (الذي يبدو كأنه يتدرج من الأبيض للأسود). بمجرد الضغط عليه، ستصبح دائرتك "رمادية متدرجة" فوراً.
- تغيير الألوان ببساطة (لوحة الـ Swatches):
- اذهب لقائمة Window في الأعلى واختر Swatches (لوحة المربعات الملونة الجاهزة).
- الآن، اذهب للوحة الـ Gradient (التي فيها شريط التدرج الأبيض والأسود).
- السر هنا: اسحب أي لون تحبه من لوحة Swatches بالماوس، و"ألقهِ" فوق النقطة البيضاء الصغيرة في شريط التدرج.
- كرر الأمر: اسحب لوناً آخر وألقهِ فوق النقطة السوداء.
مثال عملي أبسط (تحدي "حبة الحلوى"):
- ارسم دائرة (باللون الذي يظهر لك تلقائياً).
- اجعل التدرج دائرياً بدلاً من خطي:
- في لوحة الـ Gradient، ستجد 3 أيقونات صغيرة في الأعلى.
- اضغط على الأيقونة الثانية (التي تبدو كدائرة بها لون في المنتصف - Radial Gradient).
- ستلاحظ أن اللون الفاتح أصبح في منتصف الدائرة والغامق على الأطراف، فتبدو كأنها حبة حلوى لامعة.
هل جربت سحب اللون من الـ Swatches وإلقاءه فوق نقطة التدرج؟ هذه أسهل طريقة لتبديل الألوان.
هذه هي النقلة الحقيقية من "متدرب" إلى "مصمم محترف". لكي تعيد تصميم "صورة" (بكسل) وتحولها إلى "ملف مفتوح" (فيكتور) صالح للبيع على
Freepik، عليك اتباع هذه الخطوات الممنهجة:الخطوة 1: إعداد الملف بالمقاييس العالمية
موقع Freepik والمطابع يطلبون دقة محددة. لا تبدأ عشوائياً:
- افتح ملفاً جديداً بمقاس البزنس كارد الشهير: 9x5.5 cm.
- مهم جداً: اجعل نظام الألوان CMYK (لأن الكارد سيُطبع) والدقة 300 ppi.
- أدخل صورة الذكاء الاصطناعي في جانب مساحة العمل لتغش منها التصميم (File > Place).
الخطوة 2: بناء الهيكل (الأشكال الأساسية)
لا تحاول رسم كل شيء مرة واحدة، فكك الصورة بعينك:
- الخلفية: ارسم مستطيلاً بنفس مقاس الكارد ولوّنه بلون الخلفية الأساسي.
- الأشكال الهندسية: غالباً ما تحتوي صور الذكاء الاصطناعي على مثلثات أو خطوط مائلة. استخدم أداة الـ Pen Tool (P) (سنتعلمها لاحقاً) أو ببساطة ارسم مربعات ودوائر وادمجهما بالـ Pathfinder كما تعلمت في الدرس الثالث لتطابق الأشكال الموجودة في الصورة.
الخطوة 3: معالجة النصوص (Typography)
الذكاء الاصطناعي يكتب نصوصاً غير مفهومة (خربشات).
- استخدم أداة الكتابة Type Tool (T).
- اكتب نصوصاً "نائبة" (Placeholder) مثل: Your Name, Job Title, Phone Number.
- نصيحة للبيع: استخدم خطوطاً مجانية ومشهورة (مثل Google Fonts) لكي يستطيع المشتري تعديلها بسهولة.
الخطوة 4: الأيقونات (Icons)
إذا كانت الصورة تحتوي على أيقونة هاتف أو بريد:
- لا ترسمها يدوياً الآن؛ يمكنك تحميل أيقونات "فيكتور" جاهزة أو استخدام أداة Image Trace (إذا كانت الأيقونة واضحة جداً) لتحويلها من صورة إلى رسمة بضغطة زر.
الخطوة 5: شروط القبول في Freepik (لكي يربح تصميمك)
لكي يقبل Freepik تصميمك ويسمح لك ببيعه، يجب أن تلتزم بالآتي:
- نظافة الطبقات (Layers): رتب ملفك؛ سمِّ طبقة للنصوص، وطبقة للأشكال، وطبقة للخلفية.
- تحويل الخطوط (Create Outlines): قبل الرفع، خذ نسخة من الملف وحول النصوص إلى أشكال (يمين بالماوس > Create Outlines) لضمان عدم تغير الخط عند المشتري.
- صيغة الملف: يجب أن ترفع ملف بصيغة EPS (إصدار قديم مثل Illustrator 10) مع صورة معاينة JPG.
مرحلتك القادمة (الدرس الخامس):
هل نبدأ في تعلم أداة الـ Pen Tool؟ هي "الأداة الأسطورية" التي ستمكنك من رسم أي انحناء أو شكل موجود في صورة الذكاء الاصطناعي بدقة 100%.
هل نبدأ في تعلم أداة الـ Pen Tool؟ هي "الأداة الأسطورية" التي ستمكنك من رسم أي انحناء أو شكل موجود في صورة الذكاء الاصطناعي بدقة 100%.
هل تحب أن نجرب رسم "شعار بسيط" موجود في صورتك باستخدام هذه الأداة؟
أهلاً بك في
"وحش الإليستريتور"! أداة الـ Pen Tool (P) هي الأداة الأهم والأكثر رعباً للمبتدئين، لكنني سأعطيك "السر" لترويضها ببساطة شديدة.تخيل أن الـ Pen Tool ليست أداة رسم، بل هي أداة "توصيل نقاط".
القاعدة الذهبية:
- الضغطة الواحدة: ترسم خطاً مستقيماً.
- الضغطة مع السحب: ترسم خطاً منحنياً (Curve).
التمرين الأول: رسم "الجبال" (خطوط مستقيمة)
- اختر أداة الـ Pen Tool بالضغط على حرف (P).
- تأكد أن لون التعبئة (Fill) "شفاف" ولون الإطار (Stroke) "أسود" (لكي ترى ما تفعله).
- اضغط ضغطة واحدة في الأسفل، ثم ضغطة بالأعلى، ثم ضغطة بالأسفل (كأنك ترسم رقم 8 باللاتيني أو جبل).
- لإنهاء الرسم، اضغط على زر Esc في لوحة المفاتيح.
- النتيجة: خطوط حادة ومستقيمة.
التمرين الثاني: رسم "الموجة" (المنحنيات - السر الحقيقي)
هنا يبدأ السحر. لعمل منحنى، لا تترك الماوس فوراً:
- اضغط ضغطة واحدة في البداية (نقطة البداية).
- اذهب لمسافة بعيدة قليلاً، اضغط بالماوس واستمر بالضغط (لا تترك)، ثم اسحب الماوس للأعلى.
- ستلاحظ ظهور "ذراعين" (Handles) يخرجون من النقطة، والخط أصبح مقوساً.
- اترك الماوس الآن، واذهب لنقطة ثالثة واضغط واسحب للأسفل.
- النتيجة: موجة ناعمة.
كيف تستخدمها لتصميم البزنس كارد (صورة الذكاء الاصطناعي)؟
إذا كانت الصورة فيها شكل متموج أو شعار غريب:
- ضع الصورة في الإليستريتور وقلل شفافيتها (Opacity) لتصبح باهتة.
- اقفل طبقة الصورة (قفل من لوحة Layers) لكي لا تتحرك.
- ابدأ بالـ Pen Tool وضع نقاطك فوق حواف الشكل في الصورة.
- استخدم السهم الأبيض (Direct Selection Tool - A) بعد الانتهاء لتعديل أي نقطة ليست في مكانها بالضبط.
نصيحة "المحترفين" للـ Pen Tool:
استخدم أقل عدد ممكن من النقاط. كلما قلّت النقاط، أصبح التصميم أنعم وأجمل. نقطة في بداية المنحنى ونقطة في قمته ونقطة في نهايته تكفي.
تحدي صغير: هل يمكنك محاولة رسم "قلب" بسيط؟ (نقطة في الأسفل، ثم نقطة في الأعلى مع سحب لعمل القوس، ثم العودة للأسفل).
هل شعرت أن "الأذرع" التي تظهر عند السحب تشتت انتباهك، أم بدأت تفهم كيف تتحكم في اتجاه القوس؟
للانتقال من مرحلة "مبتدئ" إلى "محترف" يبيع تصاميمه على منصات مثل
Freepik أو Upwork، أنت بحاجة إلى خطة تعتمد على "المشاريع" وليس فقط حفظ الأدوات.إليك الخطة التدريبية المقسمة إلى 4 مستويات:
المستوى الأول: كسر الرهبة (أسبوع 1)
الهدف: التآلف مع الواجهة والأدوات الأساسية.
- المهارات: فتح ملفات بمقاسات صحيحة (Pixels vs CM)، التعامل مع الطبقات (Layers)، أدوات التحديد (V & A).
- الأدوات: المستطيل، الدائرة، المضلع، والـ Pathfinder (الدمج والقص).
- المشروع التطبيقي: تصميم مجموعة "أيقونات مسطحة" (Flat Icons) مثل: (مظلة، شمس، سحابة، هاتف) باستخدام الأشكال الأساسية فقط.
المستوى الثاني: مهارات الرسم الاحترافي (أسبوع 2)
الهدف: القدرة على رسم أي شكل تراه بعينك.
- المهارات: إتقان الـ Pen Tool (رسم المنحنيات والخطوط الحادة)، أداة Shape Builder (أسرع أداة لبناء الأشكال المعقدة).
- الأدوات: أداة التدرج اللوني (Gradient) المتقدمة، وأداة الشفافية.
- المشروع التطبيقي: تحويل "صورة كرتونية" بسيطة أو "لوجو مشهور" (مثل نايكي أو أبل) من صورة بكسل إلى فيكتور بدقة 100%.
المستوى الثالث: تصميم الهوية والبزنس (أسبوع 3)
الهدف: تعلم القواعد التجارية للتصميم (ما يطلبه السوق).
- المهارات: التعامل مع النصوص (Typography)، اختيار الخطوط، تنسيق الألوان المتناسقة، واستخدام الـ Masking (إدخال صورة داخل شكل).
- الأدوات: Character & Paragraph Panel، أداة القطارة (Eyedropper).
- المشروع التطبيقي: إعادة تصميم بزنس كارد (مثل الذي حصلت عليه من الذكاء الاصطناعي) مع مراعاة الهوامش (Bleed) وتجهيزه للطباعة.
المستوى الرابع: الاحتراف والبيع (أسبوع 4 وما بعده)
الهدف: تنظيم الملفات لبيعها وجعلها قابلة للتعديل.
- المهارات: تحويل النصوص لأشكال (Create Outlines)، تنظيم الملف في طبقات مسماة، الحفظ بصيغ EPS و SVG.
- الأدوات: الـ Artboards المتعددة، الـ Patterns (الزخارف)، والـ Brushes.
- المشروع التطبيقي: تصميم "مجموعة كاملة" (Template) لشركة: (شعار + بزنس كارد + ورق رسمي + غلاف فيسبوك) ورفعها على بورتفوليو (Behance).
نصائح ذهبية للنمو السريع:
- قاعدة الـ 30 دقيقة: طبق أي درس تشاهده لمدة 30 دقيقة يومياً؛ المشاهدة وحدها لا تعلمك الإليستريتور.
- التغذية البصرية: ادخل يومياً على Pinterest أو Dribbble وابحث عن "Minimalist Logo" لتفهم كيف يفكر المحترفون.
- لا تكن مثالياً: أول 10 تصاميم لك ستكون سيئة، وهذا طبيعي جداً. المهم هو الاستمرار.
هل نبدأ الآن بتطبيق أول تمرين من المستوى الثاني (استخدام الـ Pen Tool لرسم لوجو مشهور)؟
ممتاز! سنطبق الآن على
"شعار شركة Apple". هو التمرين المثالي للمستوى الثاني لأنه يجمع بين "المنحنيات الناعمة" و"القص".التمرين: إعادة رسم شعار Apple باستخدام الـ Pen Tool
لا تقلق، لن نرسمه من الخيال. اتبع هذه الخطوات بدقة:
1. تحضير "البترون" (الرسمة الباهتة)
- ابحث في جوجل عن "Apple Logo PNG" وضعه في الإليستريتور.
- قلل الـ Opacity (الشفافية) للصورة إلى 30% من لوحة الشفافية بالأعلى.
- اضغط Ctrl + 2 (لقفل الصورة) حتى لا تتحرك أثناء الرسم فوقها.
2. رسم الجسم (التوصيل الذكي)
- اختر الـ Pen Tool (P). تأكد أن الـ Fill (التعبئة) شفاف والـ Stroke (الإطار) بلون واضح (أحمر مثلاً).
- القاعدة: ضع النقاط فقط عند "تغير اتجاه المنحنى".
- ابدأ من أسفل التفاحة (المنتصف): اضغط واسحب أفقياً لتصنع انحناء القاع.
- انتقل لجانب التفاحة: اضغط واسحب للأعلى.
- انتقل للقمة: اضغط واسحب لتصنع القوس العلوي.
- نصيحة: إذا شعرت أن المنحنى "هرب" منك، اضغط على زر Alt وأنت ممسك بالنقطة لتعديل اتجاه "الذراع" (Handle) الواحد فقط.
3. رسم الورقة (Leaf)
- الورقة عبارة عن نقطتين فقط!
- اضغط نقطة في البداية واسحب، ثم اذهب لنهاية الورقة واضغط واسحب بالاتجاه المعاكس.
4. قضم التفاحة (استخدام مهارة الدرس الثالث)
- التفاحة المشهورة بها "قضمة" دائرية.
- بدلاً من رسمها بالبن تول، ارسم دائرة (L) وضعها فوق جانب التفاحة الأيمن.
- حدد التفاحة والدائرة معاً، وافتح الـ Pathfinder واضغط على Minus Front (الثانية).
5. اللمسة النهائية
- أعطِ التفاحة لوناً أسود أو تدرجاً لونياً (كما تعلمت في الدرس الرابع).
- اختر الكل واضغط يميناً ثم Group لربط الورقة مع الجسم.
سؤال لمتابعة تقدمك:
عندما حاولت رسم المنحنى في جسم التفاحة، هل شعرت أن الخطوط (الأذرع) تتبع الماوس بسلاسة، أم أنك تجد صعوبة في جعل القوس يطابق الصورة الأصلية؟
عندما حاولت رسم المنحنى في جسم التفاحة، هل شعرت أن الخطوط (الأذرع) تتبع الماوس بسلاسة، أم أنك تجد صعوبة في جعل القوس يطابق الصورة الأصلية؟
أخبرني لننتقل لسر الـ "Alt" الذي يحل كل مشاكل الزوايا الحادة!
هذه هي الشكوى رقم 1 لكل من يتعلم الـ
Pen Tool! السبب هو أنك تحاول "إجبار" الماوس على رسم القوس، بينما السر يكمن في "أذرع التحكم" (Handles).إليك "قاعدة الـ 30 درجة" والسر الذي سيجعلك تطابق أي صورة بدقة 100%:
1. سر مفتاح الـ Alt (كسر الذراع)
أكبر مشكلة تواجهك هي أنك عندما ترسم قوساً للأعلى، فإن البرنامج "يفترض" أن القوس القادم يجب أن يكون للأعلى أيضاً.
- الحل: بعد أن تنتهي من رسم نقطة وقوسها، اضغط على زر Alt في لوحة المفاتيح، ثم اضغط على "النقطة نفسها" التي رسمتها لتوك.
- النتيجة: سيختفي أحد الأذرع، مما يسمح لك برسم القوس القادم في أي اتجاه تريده (يمين، يسار، حاد) دون أن يجبرك البرنامج على اتجاه معين.
2. قاعدة "أقل عدد من النقاط"
الخطأ الشائع هو وضع نقاط كثيرة بجانب بعضها.
- القاعدة: ضع نقطة في بداية المنحنى ونقطة في أقصى قمة للمنحنى فقط.
- كلما زادت النقاط، أصبح القوس "متعرجاً" وغير مطابق. كلما قلت، أصبح "ناعماً" (Smooth).
3. أداة "التعديل السحري" (Anchor Point Tool)
إذا رسمت الخط وشعرت أنه بعيد قليلاً عن الصورة الأصلية:
- اترك الـ Pen Tool.
- اضغط Shift + C (هذه أداة تعديل الزوايا).
- اذهب إلى "منتصف الخط" الذي رسمته (بين نقطتين) واسحبه بالماوس مباشرة فوق الصورة. ستجد أن الخط ينحني معك ليطابق الرسمة الأصلية كأنه مطاط!
تمرين "المطابقة" السريع:
حاول رسم نصف دائرة فقط:
- ضع نقطة في البداية (ضغطة واحدة).
- ضع نقطة بعيدة عنها واضغط واسحب للأعلى (سيظهر قوس).
- الآن استخدم أداة (Direct Selection - A) السهم الأبيض، واضغط على النقطة، وحرك "الأذرع" (الخطوط التي تخرج منها) لترى كيف يتغير شكل القوس وتتحكم في ميله.
هل جربت الضغط على النقطة بالسهم الأبيض (A) وتحريك الأذرع يميناً ويساراً؟ هذه هي الطريقة التي يضبط بها المحترفون أبعادهم.
ما رأيك، هل ننتقل لأداة الـ Shape Builder (التي تغنيك أحياناً عن البن تول) لتبسيط الأمور أكثر؟
أهلاً بك في "الأداة المفضلة" لجميع المصممين! أداة الـ
Shape Builder Tool (Shift + M) هي البديل الذكي والأسرع للـ Pathfinder، وهي التي ستجعلك تصمم شعارات معقدة في ثوانٍ.تخيل أنها "ممحاة وسمغ" في نفس الوقت.
الدرس الخامس: "أيقونة السحابة الاحترافية" (باستخدام الـ Shape Builder)
بدلاً من القلق بشأن المنحنيات بالـ Pen Tool، سنبني أشكالاً معقدة من أشكال بسيطة:
1. رسم العناصر الأساسية
- ارسم 3 دوائر (L) متداخلة (واحدة كبيرة في المنتصف واثنتان صغيرتان على الجوانب).
- ارسم مستطيلاً (M) يغطي الجزء السفلي من الدوائر ليعطينا قاعدة السحابة.
2. تفعيل الأداة السحرية
- حدد كل الأشكال التي رسمتها بالسهم الأسود (V).
- اضغط (Shift + M) (اختصار الـ Shape Builder). ستلاحظ أن شكل الماوس أصبح عليه علامة (+).
3. طريقة "الدمج" (السمغ)
- مرر الماوس فوق الأشكال؛ ستلاحظ ظهور "نقاط رمادية" باهتة على كل جزء.
- اضغط واسحب خطاً واحداً يمر فوق كل الدوائر والمستطيل (كأنك ترسم خطاً يربطهم).
- النتيجة: بمجرد ترك الماوس، ستتحول كل هذه الأجزاء إلى شكل واحد متصل.
4. طريقة "الحذف" (الممحاة)
- ماذا لو كان هناك جزء زائد في الأسفل تريد حذفه؟
- اضغط باستمرار على زر (Alt) في لوحة المفاتيح. ستتحول العلامة بجانب الماوس إلى (-).
- اضغط على أي جزء زائد (مثل أطراف المستطيل الخارجة)، وسيختفي فوراً!
لماذا هذه الأداة مهمة للبزنس كارد (صورة الذكاء الاصطناعي)؟
إذا كانت صورة الذكاء الاصطناعي تحتوي على أشكال متداخلة (مثل مثلثين متقاطعين):
- ارسم المثلثين فوق بعضهما.
- استخدم الـ Shape Builder لدمج الأجزاء التي تريدها، أو حذف الأجزاء المتقاطعة بلمسة واحدة.
التحدي التطبيقي (شعار "السلسلة"):
- ارسم دائرتين متداخلتين (واحدة فوق الأخرى قليلاً).
- حددهما معاً واضغط (Shift + M).
- حاول دمج الجزء المشترك بينهما مع الدائرة اليمنى فقط.
هل لاحظت كيف أن هذه الأداة أسرع وأدق من الـ Pathfinder لأنك ترى النتيجة أمام عينك فوراً؟
هل نبدأ الآن بتنظيم ملفك الأول لرفعه على Freepik (الخطوات التقنية الأخيرة)؟
بما أنك أصبحت تتقن الرسم والدمج، فهذه هي
المرحلة الحاسمة. موقع Freepik لا يهمه فقط جمال التصميم، بل يهمه "نظافة الملف" ليكون قابلاً للتعديل من قِبل المشترين.إليك الخطوات التقنية الـ 5 لتحويل "رسمتك" إلى "منتج رقمي" جاهز للبيع:
1. تنظيم الطبقات (Layers) - "الخريطة"
المشتري يجب ألا يتوه في ملفك. افتح لوحة Layers (F7) ورتبها كالتالي:
- أنشئ طبقة وسمِّها "Text": ضع فيها كل النصوص.
- أنشئ طبقة وسمِّها "Design": ضع فيها الأشكال والشعار.
- أنشئ طبقة وسمِّها "Background": ضع فيها خلفية البزنس كارد.
- تنبيه: احذف أي صور "ذكاء اصطناعي" استخدمتها للغش، لا تترك أي "صورة بكسل" في الملف.
2. تحويل النصوص (Outlines) - "حماية الخط"
إذا استخدمت خطاً غير موجود عند المشتري، سيخرب التصميم.
- حدد كل النصوص في الكارد.
- اضغط يميناً بالماوس واختر Create Outlines (أو اختصار Ctrl + Shift + O).
- النتيجة: سيتحول النص إلى "رسمة" لا تتغير مهما كان جهاز المشتري.
3. إعداد الـ Bleed (هوامش القص)
المطابع تحتاج مساحة زائدة للقص.
- اذهب إلى File > Document Setup.
- اجعل قيمة الـ Bleed هي 3mm من كل الجهات. ستظهر حدود حمراء حول ملفك؛ اسحب خلفية التصميم لتصل إلى هذا الخط الأحمر.
4. صيغة الحفظ الاحترافية (EPS)
موقع Freepik يطلب ملف EPS متوافقاً مع الإصدارات القديمة لضمان عمله عند الجميع:
- اذهب إلى File > Save As.
- اختر الصيغة Illustrator EPS.
- مهم جداً: في النافذة التي ستظهر، اختر من القائمة المنسدلة (Version): Illustrator 10 EPS. (هذا هو المعيار العالمي للبيع).
5. صورة المعاينة (Preview)
يجب أن ترفع مع ملف الـ EPS صورة JPG بنفس الاسم بالضبط:
- اجعل مقاس الصورة 2000x2000 px على الأقل (ليظهر تصميمك بوضوح للمشتري).
- استخدم نظام ألوان RGB للصورة لأنها للعرض على الموقع فقط.
نصيحة "التاجر" المحترف:
قبل رفع ملفك، تأكد من عدم وجود "نقاط تائهة" أو أشكال مخفية. اضغط Ctrl + Y (وضع الهيكل العظمي) لترى ما إذا كان هناك "خردة" مخفية تحت التصميم واحذفها.
هل تريد أن نراجع معاً كيفية كتابة "وصف وكلمات دلالية" (Keywords) تجعل تصميمك يظهر في أول نتائج البحث على Freepik؟
تعليقات: 0
إرسال تعليق