يوم جيد أيها القراء الأعزاء. اليوم، باستخدام مثال ملموس، ستتمكن من رؤية كيف تختلف عملية عمل المبتدئين عن أولئك الذين قضوا وقتًا كافيًا في الدراسة.
ستتمكن أيضًا من معرفة مدى أهمية المعرفة المتقدمة ببرنامج Photoshop. سوف يجعلون عملك ليس فقط أكثر جمالا، ولكن أيضا أسهل بكثير. أعتقد أن هذا سيكون كافياً لإثارة اهتمامك.
لا أستطيع الانتظار لبدء الحديث عن كيفية إنشاء جدول في Photoshop. يمكن استخدامه كجزء أو كعنصر مستقل أنيق. هل نبدأ؟
كيفية عمل إشارة بسيطة للمبتدئين
افتح الصورة في برنامج فوتوشوب. لدي CC، ولكن بقدر ما أعرف بصريًا فهو لا يختلف تقريبًا عن CS6. تعتبر نسختي احترافية ورائعة، لكن بصراحة، لا أعرف حتى عن معظم هذه الوظائف الاحترافية. دعنا نعود إلى الجداول. يمكن إتقان هذا البرنامج إلى ما لا نهاية.
الآن اضغط على Ctrl و R في نفس الوقت حتى يكون لديك مسطرة في النافذة الرئيسية. انقر على مجموعة هذه المفاتيح مرة أخرى، وسوف تختفي. ومع ذلك، قريبا جدا سيكون الحاكم ضروريا ومفيدا للغاية.
أولاً، سأرسم نموذجًا سيتم فيه تحديد موقع الجدول الخاص بي لبعض القيم. هذا ليس ضروريا، ولكن أعتقد أنه إذا استخدمت مثالا محددا، فإن النتيجة ستبدو أفضل بكثير. إذا تركت الصورة كما هي، سيكون من الصعب رؤية الجدول نفسه.
لذلك، لبضع ثوان، أضغط على زر الماوس الأيسر على الزر المطلوب، والذي يتم بموجبه إخفاء المستطيل المستدير، وحدده.
أنا أرسم شخصية.
وقمت بتقليل العتامة بحيث تظل خلفية الصورة مرئية.
أقوم بنقل الصورة إلى المركز. انتبه إلى خطوط القسم الحمراء. تظهر من تلقاء نفسها وتخبرك بكيفية محاذاة الكائن تمامًا.
في Photoshop، يمكنك أيضًا استخدام الخطوط الإضافية الخاصة بك؛ وهذه هي الخطوط التي سنحتاج إلى إنشائها. يطلق عليهم أدلة، وهي تختفي وتظهر عندما يحتاجها مؤلف المشروع.
ما يجب القيام به؟ انقر بزر الماوس الأيسر على المسطرة، وأثناء الضغط على المفتاح، اسحب لأسفل القيمة المطلوبة على المسطرة.
للتأكد من أن حجم الجدول المستقبلي متساوي، استخدم زر Shift عند الرسم. في هذه الحالة، لن تتحرك الأدلة بأجزاء من البكسل، ولكنها "ستلتزم" بالأرقام المستديرة.
لقد انتهينا.
الآن حدد أداة الخط.
أقوم بإنشاء طبقة جديدة لرسم الجدول.
تحتوي أداة الخط على العديد من الإعدادات. عادةً ما أستخدم التعبئة والسمك، بدون حد أو أي شيء آخر. انها اسهل.
أنت الآن بحاجة إلى اتباع الأدلة أثناء الضغط على زر Shift. أولاً، ستكون الخطوط المستقيمة متساوية، وثانيًا، لن يتم إنشاء طبقة منفصلة لكل عصا.
بالمناسبة، لا يمكن الاستمرار في الضغط على Shift إلا أثناء الرسم. تم النقر عليه وبدأ تحريك زر الفأرة الأيسر. لقد سمحوا لي بالذهاب. لقد ضغطوا مرة أخرى. توصيل الماوس.
لإزالة الأدلة، اضغط على Ctrl+H. نفس مجموعة المفاتيح تعمل على إعادة تشغيلها.
ستكون العلامة أكثر جمالا إذا أضفت ظلا.
حدد قيمك، وقم بالتجربة، وابحث عن وظائف إضافية ومختلفة. إذا حددت مربع الاختيار "معاينة" الموجود على اليمين، فيمكنك مراقبة التغييرات قبل حفظها.
غادر قليلا. إذا كنت تريد جدولاً يحتوي على نص، فاختر الأداة المناسبة.
اضبط الخط والحجم في الأعلى.
إنتهيت.
يمكنك تنزيل تخطيط PSD الخاص بي، أو فتحه في Photoshop واستخدامه، أو تغييره بما يناسبك، أو مجرد فحصه ( تحميل ).
والآن سأعرض لك خيارًا أكثر إثارة للاهتمام! لا يعلم الجميع عن الإعدادات الإضافية، لكنها موجودة!
ما سيفعله أهل العلم
أثناء إنشاء هذه المقالة، صادفت العديد من المنشورات وتحتوي جميعها تقريبًا على نفس الأدلة التي قدمتها لك أعلاه. هذه هي الطريقة التي يعمل بها المبتدئون أو مؤلفو النصوص الكسالى الذين يحتاجون إلى التفكير أو على الأقل النظر إلى شيء إضافي.
أريد أن أظهر لك بديلاً أكثر ملاءمة. ينظر. افتح الصورة وفي قسم "عرض" حدد "تخطيط دليل جديد".
هنا يمكنك إدخال عدد الأعمدة.
إضافة خطوط.
وقم أيضًا بتعيين المسافات البادئة من حواف الصورة.
في البداية سيكون عليك التعمق أكثر لفهم ما هو موجود هنا وكيف. أنصحك أن تفعل هذا. مهارة مفيدة تعمل على تسريع العمل بشكل كبير وتجعل الطاولة مستقيمة في بضع دقائق فقط. مع العلم أن لديك المهارات.
لا تيأس إذا كنت قد أهدرت الكثير من الوقت بالفعل ولم ينجح شيء. يمكنك استخدام أداة النقل وتحريك الخط يدويًا.
ما عليك سوى السحب ولا تنسَ Shift.
الآن يمكنك أن تأخذ مستطيلًا بزوايا مستديرة.
ارسم عمودين.
تقليل التعتيم. وبطبيعة الحال، هذا ليس ضروريا، ولكن أنا أحب هذا التأثير.
من خلال النقر على المستطيل الأول وبالتالي تفعيله، قم بإنشاء طبقة جديدة. يجب أن يكون موجودا بالضبط فوق هذه الطبقة. كما في الصورة.
الآن حدد تحديدًا مستطيلًا وارسم رأسًا. لا تنتبه إلى استواء الحدود. كل شيء سوف يتحسن في هذه العملية.
خذ التعبئة وانقر داخل المنطقة المحددة. تأكد من أن الطبقة الجديدة نشطة.
الآن اضغط باستمرار على Alt وحرك المؤشر بين طبقتين من نفس الشكل (العمود الأيسر والعمود الجديد، الرأس مع التعبئة). يجب أن يتغير شكل المؤشر إلى مستطيل به سهم لأسفل. بمجرد حدوث ذلك، انقر على زر الفأرة الأيسر. يجب أن تكون النتيجة هذا التأثير.
افعل نفس الشيء مع العمود الثاني.
تنشيط وإنشاء طبقة جديدة.
اختيار. حشوة.
إنشاء قناع القطع. نعم، الآن فقط تعلمت القيام بذلك.
مستعد. قم بإزالة الأدلة.
الجدول جاهز ويحتوي على نص مع صور.
أنت تستطيع قم بتنزيل نموذج PSD هذا .
كما ترون، فإن المعرفة بالفوتوشوب مهمة جدًا. ولهذا أنصحك بشدة، مرة بعد مرة، بدراسة الأدوات. إنها مملة، لذا اجعل هذه العملية سريعة ومريحة قدر الإمكان. يمكنك العثور على مقالة مفصلة حول كيفية القيام بذلك على مدونتي. تم إنشاؤه مؤخرًا.
هل تعلم ما الذي يميز الإنسان الناجح عن غيره؟ لقد تمكن من اكتساب المعرفة التي يجدها الآخرون مملة بشكل لا يطاق. إذا كنت تريد أن تصبح محترفًا، انتبه إلى دورة Zinaida Lukyanova "فوتوشوب من الصفر 3.0" وتعلم كل ما تستطيع عن الأدوات.
هذه هي المعرفة الأساسية، الأساسيات، التي بدونها يكون المسار الإضافي ككل، وحتى أكثر من ذلك، كسب المال مستحيلا.
إذا كنت مهتمًا بالفوتوشوب وتفكر فيه، فإنني أنصحك بالالتحاق بدورة مجانية ستساعدك على "دخول" المهنة. فهم ما هو مطلوب منك وكيفية تحقيقه "احتراف مصمم الويب في 10 أيام".
من المربح أكثر أن تكون قادرًا على التوصل إلى مشكلة وتخمين كيفية حلها بشكل مستقل. وإلا فإنك ستعمل إلى ما لا نهاية مقابل أجر زهيد، إن لم يكن بالمجان، وتكرر بعد الآخرين. نفس التقنيات. نفس الأساليب.
تطوير خيالك الخاص وكسب المزيد.
الخطوة 1
افتح Photoshop واضغط على Ctrl+N لإنشاء مستند جديد. أدخل جميع التفاصيل الموضحة أدناه وانقر فوق "موافق".
قم بتنشيط الشبكة (عرض - عرض - شبكة) والانطباق على الشبكة (عرض - انطباق على - الشبكة). في هذه الحالة، تحتاج إلى شبكة بحجم 5 بكسل. انتقل إلى التحرير - الخيارات - الأدلة والشبكة والشرائح (تحرير - التفضيلات - الأدلة والشبكة والشرائح) وركز على قسم الشبكة. أدخل قيمة 5 في قسم "خط الشبكة كل" وقيمة 1 في قسم التقسيم الفرعي. اضبط أيضًا لون الشبكة على #a7a7a7.
بمجرد قيامك بتعيين كافة المعلمات المحددة، انقر فوق "موافق". لا تخافوا من هذه الصورة كاملة. ستجعل هذه الشبكة عملك أسهل لاحقًا.
ستحتاج أيضًا إلى فتح لوحة المعلومات (نافذة - معلومات) لعرض حجم الأشكال وموضعها في الوقت الفعلي.
الخطوة 2
اضبط لون المقدمة على #205d7a، واستخدم أداة Rounded Rectangle Tool، واضبط نصف القطر على 5 بكسل وارسم شكلًا متجهًا بقياس 145 × 420 بكسل.
انتقل إلى لوحة Layers وانقر نقرًا مزدوجًا على المثلث المستدير لفتح نافذة Layer Styles.
قم بتنشيط Drop Shadow، Inner Shadow، Outer Glow، Inner Shadow، وStroke، ثم أدخل المعلمات الموضحة في الصورة التالية.
في النهاية، ينبغي تعلم شيء مشابه للصورة الثانية. يمكنك تعطيل الشبكة (عرض - إظهار - الشبكة أو الضغط على Ctrl+) لفترة من الوقت إذا كنت تريد رؤية صورتك في أفضل حالاتها.
الخطوه 3
اضبط اللون الأمامي على اللون الأسود، واستخدم أداة المستطيل، وأنشئ شكلاً بحجم 145 × 70 بكسل وضعه كما هو موضح في الصورة الأولى.
انتقل إلى لوحة الطبقات، وافتح أنماط الطبقة للشكل الجديد وأدخل المعلمات الموضحة أدناه.
الخطوة 4
حدد الرسم المتجه الذي تم إنشاؤه في الخطوة السابقة مرة أخرى وقم بتكراره (Ctrl+J).
ركز على لوحة الطبقات، وانقر بزر الماوس الأيمن على هذه النسخة، ثم انقر على مسح نمط الطبقة.
حدد هذه النسخة، وقلل التعبئة إلى 0%، ثم افتح نافذة Layer Style وأدخل المعلمات الموضحة أدناه.
الخطوة 5
في هذه الخطوة سنحتاج إلى شبكة بحجم 1 بكسل. ما عليك سوى الانتقال إلى "تحرير" - "خيارات" - "الأدلة" و"الشبكة" و"الشرائح" وإدخال 1 في حقل "الأدلة لكل".
اضبط لون المقدمة على #ed1c24 والتقط أداة المستطيل. قم بإنشاء شكل بحجم 145×1 بيكسل، وضعه كما هو موضح في الصورة الأولى أدناه، ثم قم بتكراره (Ctrl+J).
حدد هذه النسخة، وحركها بمقدار 1 بيكسل لأسفل وقم بتغيير اللون الأحمر الداكن إلى #fed700.
الخطوة 6
حدد الشكل الأحمر الذي تم إنشاؤه في الخطوة السابقة، وقم بتقليل التعبئة إلى 0%، ثم افتح Layer Styles وأدخل المعلمات الموضحة أدناه.
الخطوة 7
حدد الشكل الأصفر الذي تم إنشاؤه في الخطوة الأولى، وقم بتقليل التعبئة إلى 0%، ثم افتح أنماط الطبقة وأدخل المعلمات الموضحة أدناه.
الخطوة 8
العودة إلى شبكة من كل 5 بكسل. انتقل إلى تحرير - خيارات - الأدلة والشبكة والشرائح وأدخل القيمة 5 في حقل "الأدلة لكل".
حدد المستطيلين الرفيعين اللذين قمنا بتحريرهما في الخطوتين السابقتين وقم بتجميعهما (Ctrl+G).
انتقل إلى لوحة الطبقات، وانقر على المجموعة الجديدة، ثم قم بتكرار المجموعة.
حدد هذه النسخة من المجموعة واسحبها إلى الأسفل كما هو موضح في الصورة أدناه.
الخطوة 9
قم بعمل خمس نسخ أخرى من المجموعة التي تم إنشاؤها مسبقًا، وضعها كما هو موضح أدناه.
الخطوة 10
اضبط لون المقدمة على #a1d8ff، واستخدم أداة Rounded Rectangle Tool، واضبط نصف القطر على 3 بكسل، وقم بإنشاء شكل بمقاس 95 × 25 بكسل وضعه كما هو موضح في الصورة الأولى أدناه.
انتقل إلى لوحة الطبقات، وافتح نافذة Layer Styles للمستطيل الدائري الجديد وأدخل المعلمات الموضحة أدناه.
الخطوة 11
إلغاء تنشيط الشبكة (عرض – إظهار – الشبكة).
افتح لوحة Character (Window - Character)، واستخدم أداة Type، واضبط اللون على #ddf1ff وأضف كلمة "BASIC" كما هو موضح أدناه.
خذ خط Sakkal Majalla بالنمط الغامق وحجم 25pt. انتقل إلى لوحة الطبقات، وافتح نافذة أنماط الطبقة لهذا النص الصغير وأدخل الإعدادات أدناه.
الخطوة 12
استخدم أداة النص (T)، واضبط اللون على #205d7a وأضف السعر كما هو موضح أدناه.
خذ خط Calibry مع ضبط النمط على Bold وحجمه 35pt.
الخطوة 13
استخدم أداة النص (T)، واضبط اللون على #ddf1ff وأضف المزيد من النص كما هو موضح في الصورة الأولى أدناه.
خذ خط Corbel مع ضبط النمط على Regular وحجم 11pt.
انتقل إلى لوحة الطبقات، وافتح نافذة أنماط الطبقة لهذا النص وأدخل المعلمات الموضحة أدناه.
الخطوة 14
استخدم أداة النص (T)، واضبط اللون على #205d7a وأضف النص "ORDER NOW" كما هو موضح في الصورة الأولى أدناه.
خذ خط Corbel مع ضبط النمط على غامق وحجم 12pt.
انتقل إلى لوحة الطبقات، وافتح نافذة أنماط الطبقة لهذا النص وأدخل المعلمات الموضحة أدناه.
الخطوة 15
حدد الشكل والنص الذي تم إنشاؤه حديثًا وقم بتجميعهما في مجموعة واحدة (Ctrl+G).
قم بعمل نسختين من هذه المجموعة وحركهما إلى اليمين كما هو موضح أدناه.
ركز على هذه المجموعات الجديدة وقم ببساطة بتحرير النص كما هو موضح أدناه.
الخطوة 16
اضغط على Ctrl+N لإنشاء مستند جديد. أدخل 10 في مربع العرض والارتفاع، ثم انقر فوق "موافق".
انتقل إلى لوحة الطبقات واحذف الطبقة الرئيسية (الخلفية).
قم بتشغيل الشبكة (عرض - إظهار - الشبكة) واضبط اللون الأمامي على اللون الأسود.
خذ أداة المستطيل واضبط اللون الأمامي على اللون الأسود.
قم بإنشاء مربعين بحجم 5 بكسل ووضعهما كما هو موضح أدناه.
بعد ذلك، تحتاج إلى تحويل هذا المستند الصغير إلى نمط.
ما عليك سوى الانتقال إلى "تحرير - تحديد النمط"، ثم إعطاء النمط اسمًا والنقر فوق "موافق".
أغلق هذا المستند (لا تحتاج إلى حفظه) ثم عد إلى مستندنا الأول.
الخطوة 17
استخدم أداة المستطيل واضبط اللون الأمامي على #282828. قم بإنشاء شكل بحجم 600 × 600 بكسل، ثم أرسله مرة أخرى (Shift + Ctrl + [)، ثم افتح نافذة Layer Style وأدخل المعلمات أدناه.
خذ العينة التي تم إجراؤها في الخطوة السابقة.
الصورة النهائية
هذا ما يجب أن تبدو عليه صورتك النهائية.
في كثير من الأحيان يمكنك رؤية الجداول في العروض التقديمية. مشكلة لكثير من المبدعين عروض باور بوينتهو أنهم يحاولون فعل المستحيل، وهو إدراج جدول كبير جدًا يحتوي على خلايا صغيرة وخط أصغر في شريحة العرض التقديمي. يصعب رؤية مثل هذه الطاولة حتى عند الوقوف على خشبة المسرح بجوار الشاشة، ناهيك عن الجمهور في القاعة.
حتى لو لم يكن الجدول كبيرًا جدًا، فإن نموذج القالب الخاص به هو ببساطة قاتل:
توافق على أن هذا الخيار لا يزال يبدو أفضل:
بالطبع، للحصول على مثل هذه الطاولة الجميلة، سيتعين عليك العبث قليلاً، لكن النتيجة تستحق الجهد المبذول.
أولاً، لنفتح صورة الخلفية مع النقش (للتدريب، يمكنك نسخها مباشرةً من هنا):
ثم سنقوم بترتيب الأدلة بحيث تشكل شبكة الجدول المستقبلي. للقيام بذلك، يجب عليك أولا تمكين عرض المساطر ( السيطرة-R)، ثم حدد أداة أداة التحركأشر إلى المسطرة العلوية، واضغط مع الاستمرار على زر الماوس الأيسر، وحرك علامة الماوس مع الدليل إلى الموضع المطلوب في الصورة.
لتعيين خطوط إرشادية رأسية، افعل الشيء نفسه باستخدام المسطرة الرأسية اليسرى:
بعد ذلك، عندما نتلقى شبكة من الأدلة للتكوين المطلوب، نحتاج إلى تحديد أداة أداة سطروتكوين المعلمات الخاصة به:
1. حدد أداة في شريط الأدوات أداة سطر. ضع في اعتبارك أنه قد يكون هناك مستطيل أو شكل بيضاوي في هذا الموقع على شريط الأدوات. في هذه الحالة، قم بتوجيه علامة الماوس نحو الأداة واضغط مع الاستمرار على زر الماوس الأيسر. في قائمة الأشكال التي تظهر، حدد أداة سطر (2 ),
3. حدد سمك الخط بالنقاط (السمك يعتمد على رغبتك)،
4. حدد لون الخط (في مثالنا سنستخدم اللون الأبيض).
قم بتوجيه علامة الماوس إلى أي ركن من أركان الجدول المستقبلي (التركيز على الخطوط الإرشادية)،
اضغط مع الاستمرار على زر الفأرة الأيسر،
اضغط مع الاستمرار على المفتاح يحول(يجب الاحتفاظ به حتى يتم بناء الجدول بأكمله)،
ارسم خط الإطار الأول، بعد ذلك، دون تحرير المفتاح يحول- الثانية والثالثة وما إلى ذلك. (إذا كان سمك الخط أو لونه يبدو غير مرضٍ بالنسبة لك، قم بإلغاء الإجراء مع المجموعة السيطرة - البديل - Z، حدد خيارات الأدوات الأخرى أداة سطروابدأ برسم الجدول مرة أخرى).
والنتيجة هي الجدول النهائي:
الآن يمكنك إزالة الخطوط الإرشادية ( كنترول - ؛)، وقم بتطبيق بعض التأثيرات على الطبقة التي تحتوي على الجدول، على سبيل المثال، الظل:
الآن كل ما تبقى هو ملء الجدول الناتج بالبيانات. يجب أن تظهر التسميات في أسفل الجدول. يمكنك صنعها بنفسك. يجب أن تظهر الصور في الأعلى.
كيفية إضافة الصور إلى الجدول؟
للبدء، قم بتنزيل هذه الصور على جهاز الكمبيوتر الخاص بك:
حدد أداة أداة التحرك، قم بتوجيه علامة الماوس نحو ورقة القيقب، ثم اضغط مع الاستمرار على زر الماوس الأيسر، وحرك علامة الماوس إلى النافذة التي تحتوي على الجدول:
بعد ذلك، يمكننا وضع الصورة بشكل أكثر دقة في خلية الجدول، ولكن تعوقنا الخلفية البيضاء حول الصورة المضافة. ستساعدنا الأداة في التخلص منها، حيث تقوم بمسح جميع النقاط التي لها نفس اللون الذي نضغط عليه.
حدد أداة أداة الممحاة السحرية (الممحاة السحرية):
انقر على الخلفية البيضاء في طبقة ورقة القيقب، ثم استخدم الأداة أداة التحركضع ورقة القيقب في الخلية الأولى من الجدول.
كيفية تغيير حجم الطبقة
في بعض الأحيان يكون ذلك ضروريا تغيير حجم الطبقة. على سبيل المثال، إذا لم تكن ورقة القيقب مناسبة لخلية الجدول، فسيتعين علينا تصغير حجمها.
للقيام بذلك، حدد طبقة أوراق القيقب كطبقة نشطة، ثم اضغط على مجموعة المفاتيح السيطرة - ت. سيظهر إطار به علامات الأبعاد (المربعات) حول طبقة ورقة القيقب:
بعد ذلك، يمكنك تغيير حجم الطبقة، لكن من الأفضل استخدام علامات حجم الزاوية (المربعات) أثناء الضغط باستمرار على الزر يحول. في هذه الحالة، يتم الحفاظ على نسبة الصورة، أي أنها ممتدة بشكل متناسب أو يتم تقليلها في كل من العرض والارتفاع.
في هذا الوضع يمكنك ادر الصورة. للقيام بذلك، حرك علامة الماوس خارج إطار الطبقة، واضغط مع الاستمرار على زر الماوس الأيسر، وقم بتدوير الطبقة إلى الزاوية المطلوبة. وفي هذه الحالة لا يشترط ذلك، ولكن يجب أن تعلم بوجود مثل هذه الفرصة لتتمكن من الاستفادة منها إذا لزم الأمر.
لارتكاب التغييرات تحتاج إلى الضغط على المفتاح يدخل.
بمجرد ضبط الطبقة على الحجم المطلوب، يمكنك تطبيق التأثيرات (مثل الظلال والحدود) عليها.
بنفس الطريقة، تحتاج إلى وضع أوراق البلوط والبتولا في الطاولة:
إذا قررت تكريس حياتك لتصميم الويب، فسيتعين عليك عاجلاً أم آجلاً مواجهة المشكلة التالية: كيفية رسم جدول في Photoshop. من المنطقي أن إنشاء جدول لموقع ويب سيكون أسهل بكثير باستخدام كود html. ولكن فقط تخيل هذا الوضع. أنت تقوم بإعداد تخطيط تصميم لمصمم التخطيط. أعطه النسخة النهائية التي تحتوي على كل شيء... ما عدا الجدول. لديك ذوق، يمكنك بسرعة اختيار سمك الخط المناسب والألوان وخيارات التمييز. لكن بالنسبة لمصمم التخطيط، تكون هذه مهمة مستحيلة في بعض الأحيان. وبدلاً من الجدول الأنيق الذي يحتوي على الأسعار على الصفحة، سيكون هناك خطوط سوداء ونصوص غير ملائمة على الإطلاق لأسلوب الموقع. وكل عملك سوف يذهب هباءً، لأن التصميم يبدأ بالأشياء الصغيرة. ومثل هذا العنصر الكبير الذي لا يتناسب مع المفهوم العام يمكن أن يدمره ببساطة. وبشكل عام، يجب دائما إكمال العمل حتى النهاية، بغض النظر عن مدى صعوبة ذلك.
أولاً، نقوم بإنشاء مستند عمل بأبعاد 1000 × 1000 بكسل. لنقم بإنشاء جدول في Photoshop باستخدام الأدلة والمساطر وخطوط البناء. للقيام بذلك، في علامة التبويب "نافذة"، قم بتمكين أداة "المسطرة".
ظهر الحكام. ضع المؤشر عليها واسحب الخطوط المساعدة. نقوم بترتيبها وفقًا لحجم الخلية المطلوب على طول المسطرة الأفقية والرأسية.
وهذا ما لدينا في هذه المرحلة. كما ترون، لم نتمكن من وضع الجدول بدقة في وسط المستند. ولكن يمكننا القيام بذلك لاحقًا حيث سنعمل مع الطبقات.
حدد لون الخطوط في لوحة الألوان (موجود على الشريط الجانبي، يشبه مربعين ويتم استدعاؤه بالنقر).
الآن حدد أداة "الخط"، وانقر على منطقة العمل واسحبها إلى العلامة المطلوبة. للتأكد من أن الخط مستقيم ولا ينحرف، اضغط باستمرار على مفتاح Shift.
بالمناسبة، يتم ضبط سمك الخط على اللوحة العلوية.
يمكنك رسم بعض الخطوط الأفقية لرسم جدول في Photoshop. لكنني أنصحك بشدة بتكرارها، حتى لا تضطر إلى محاذاتها لاحقًا. للقيام بذلك، في نافذة الطبقات، نحدد الطبقة التي تحتوي على خطنا، وانقر بزر الماوس الأيمن وحدد "إنشاء طبقة مكررة" من القائمة المنسدلة.
الآن ضع المؤشر على السطر الذي يظهر، واضغط باستمرار على زر الماوس الأيسر وزر Shift واسحبه لأسفل. نقوم بهذه المناورة عدة مرات بخطوط أفقية.
ثم قم بإنشاء طبقة جديدة:
وعندها فقط نقوم بإنشاء خط أفقي ونكرره. إذا تخطيت إنشاء طبقة جديدة، فسينتهي الأمر بالخطين في نفس الطبقة ويمكنك فقط سحبهما معًا. ثم سيكون تحرير الجدول في حالة حدوث خطأ غير مريح للغاية.
نقوم بإزالة الخطوط المساعدة. نضع المؤشر عليهم ونسحبهم إلى المساطر.
لقد تعلمنا كيفية رسم جدول في برنامج فوتوشوب، فلنتعلم كيفية ملئه. ستساعدنا أداة "النص الأفقي" في ذلك. يمكننا اختيار لونه على اللوحة، كما هو موضح أعلاه.
لنفترض أننا بحاجة إلى جدول مقاسات الملابس. ضع المؤشر في الخلية واكتب. ثم اضغط على مفتاح الإدخال وانتقل إلى السطر التالي. تم العثور على إعدادات الخط والحجم مرة أخرى على اللوحة العلوية.
وهنا ما لدينا الآن:
كما ترون، تم مطابقة الخلية الأولى فقط. وسقطت بقية الخطوط على جانب الطريق. هذا هو السهل تحديد. حدد النص عن طريق التمرير من الحرف الأخير المكتوب إلى الحرف الأول وعلى شريط أدوات "النص"، والذي يمكنك الاتصال به في اللوحة العلوية، قم بتعيين المسافة البادئة المطلوبة.
نكرر نفس الخطوات للخلايا الأخرى.
وهذا هو الجدول الذي حصلنا عليه. دعونا نسلط الضوء على العمود الأول باللون. نعود إلى لوحة الألوان ونختار اللون الذي نحتاجه.
الآن في نافذة الطبقات، حدد طبقة الخلفية الأولى. وفقط بعد ذلك نقوم بإنشاء واحدة جديدة.
حدد أداة "المنطقة المستطيلة" واسحب الماوس عبر منطقة العمل، وارسم مستطيلًا يساوي حجم العمود الأول.
نقوم بملء المنطقة المحددة باللون باستخدام أداة التعبئة. حدده على شريط الأدوات وانقر على المنطقة المحددة.
استخدم تركيبة المفاتيح ctrl+d لإزالة التحديد.
طاولتنا جاهزة! كما ترون، رسمه في برنامج فوتوشوب تبين أنه بسيط للغاية. لقد قمنا بتحليل أبسط مثال. إذا قمت بتوسيع معرفتك واستخدام خيالك، يمكنك جعل الطاولة أكثر جمالا. لكن المبادئ الأساسية ستبقى كما هي.
أهلاً بكم! أود اليوم أن أخبرك بكيفية إنشاء جدول حجم في Photoshop يحتوي على نص أو صور تناسب احتياجاتك. بالطبع، سيقول الكثيرون أنه لا معنى لإنشاء الجداول في برامج تحرير الصور، حيث يمكن القيام بذلك باستخدام كود HTML أو برامج Office مثل Word أو Excel. وبالطبع كل هذا رائع، لكن في Photoshop يمكنك إنشاء شيء لا يمكن تحقيقه في أي مكان آخر، وبهذه الطريقة ستحصل على عنصر تصميم مذهل.
دعونا نلقي نظرة سريعة على سبب الحاجة لذلك. تخيل أنك تقوم بإنشاء تخطيط صفحة أو تصميم لافتة ما حيث يكون هذا العنصر مطلوبًا. لن تمنح مصمم التخطيط تخطيطًا فارغًا مع النقش "يجب أن يكون هناك جدول هنا"، ومن غير المرجح أن تبدو الشبكة العادية من الخطوط السوداء رائعة في التخطيط الجيد. وفي محرر الرسومات يمكننا إحياء جميع انحرافات التصميم لدينا.
بالمناسبة، إذا كنت تريد أن تتعلم كيفية إنشاء تصميمات رائعة لمواقع الويب أو الشبكات الاجتماعية أو اللافتات الرائعة، فإنني أوصيك بالتدرب في هذا الفصل الرائع مدرسة تصميم المواقع على الانترنت. هناك الكثير من الوجهات الرائعة هنا. لذلك، يمكنك أن تختار لنفسك ما تريد. مناسب لأي شخص، حتى المبتدئ في Photoshop. سيتم شرح كل شيء لك حتى لا يتبقى أي أسئلة. وبعد ذلك، ستتمكن من عمل التصميمات بنفسك، وتقديم خدماتك في التبادلات المستقلة، مثل كوارك.
سنكون قادرين على إدراج صور جميلة، وعمل التأثيرات، وثني الإطارات حسب رغبتنا، وغير ذلك الكثير. بفضل Photoshop، وبمساعدة الطاولات، يمكننا أيضًا إنشاء ألعاب لوحية ملونة كاملة. الشيء الرئيسي هو التوصل إلى مفهوم وسيناريو، والباقي هو مسألة تقنية.
وعند إنشاء الكلمات المتقاطعة أو التقويمات الأصلية، يمكن أن تكون هذه المهارة مفيدة. على سبيل المثال، في هذه المقالة نظرت إلى ولكن هناك استخدمت شبكة جاهزة بتنسيق PNG. ماذا لو لم يكن هناك مثل هذه الشبكة أو أنها لا تناسبك؟ بشكل عام، سنفعل كل شيء بأنفسنا، دون مساعدة خارجية.
كيفية عمل جدول بسيط بالخطوط
يفكر أي مصمم يحترم نفسه أولاً في مفهوم المشروع بأكمله ويقوم بتصميمه على الورق. حتى في مسألة صغيرة مثل رسم شبكة الجدول، هناك حاجة إلى التحضير. لذلك، نأخذ ورقة ونبدأ في رسم الصفوف والأعمدة أو تعبئتها بالبيانات أو القيام بذلك في Word. ومن المهم أن تكون لديك بالفعل فكرة جاهزة ولا يتعين عليك العودة إلى هذه النقطة.
خطوط إرشاد
ببساطة لا يوجد مكان بدونه في التصميم. سنكون قادرين على التنقل بواسطتهم، وبفضلهم لن نفوت عندما نحتاج إلى الرسم أو أداء وظائف أخرى بدقة عالية.
الاستعدادات كاملة. ستكون الخطوة التالية هي الرسم الفعلي، لأن الأدلة نفسها ليست خطوطًا.
رسم
الآن، من أجل إنشاء جدول في Photoshop وفقًا للأبعاد المحددة، نحتاج إلى رسم أدلة في المنطقة المطلوبة. لذلك، انتقل إلى شريط الأدوات وحدد "الأشكال" - "أداة سطر".
الآن، ابدأ برسم خطوط من زوايا الجدول المقترح. للقيام بذلك، اضغط باستمرار على زر الماوس الأيسر في إحدى الزوايا، واسحبه إلى الزاوية الأخرى، والتي يجب أن تكون نهاية طاولتنا. عندها فقط حرر زر الماوس حتى يتم رسم الخط. بفضل الأدلة، سيكون الخط سلسا وممغنطا مباشرة إلى الزوايا.
الآن كل ما تبقى هو أن تفعل الشيء نفسه مع الخطوط الداخلية. الشيء الرئيسي هو القيام بكل شيء بوضوح وفقًا للإرشادات. بعد القيام بذلك يجب أن يكون لديك شيء من هذا القبيل.
الآن، يمكنك إما إزالة الأدلة يدويًا باستخدام أداة النقل، أو ببساطة إخفائها مؤقتًا بالانتقال إلى عرض - إظهار - الأدلة. بعد ذلك، سوف يختفون عن الأنظار ولن يتداخلوا مع عرض الطاولة.
لا تنظر إلى خلفيتي، لقد صنعتها من العدم. يمكنك أن تفعل الشيء نفسه على خلفية أو صورة مختلفة.
الخطوة التالية التي أوصي بها هي دمج كل الخطوط في طبقة واحدة أو على الأقل مجموعة، بحيث يمكننا التأثير على الجدول بأكمله، مع أقل تغيير، وليس كل سطر. يمكنك أن تتخيل مدى الكآبة والبرية للقيام بذلك، انقر فوق الطبقة الأولى مع الخط، اضغط باستمرار على المفتاح يحولوانقر على الطبقة الأخيرة مع الخطوط. بمجرد تحديد جميع الطبقات، انقر بزر الماوس الأيمن عليها وحددها "دمج الأشكال".
الآن كل ما تبقى هو ملء هذا الجدول بالنص. لا ينبغي أن يكون هناك أي حكمة هنا بعد الآن. ما عليك سوى استخدام أداة الكتابة والبدء في ملء كل خلية. الشيء الرئيسي هو التأكد من أن النقوش متساوية بالنسبة لبعضها البعض وحجم الخلايا. ستساعدك الأدلة السريعة في ذلك، وسوف تخبرك بكل شيء أثناء تحرك الكائن. وهنا ما توصلت إليه على عجل.
تحسين الجدول
لجعل الجدول في Photoshop أكثر غرابة، يمكنك إضافة تأثيرات إضافية وأشياء جيدة إليه.
إضافة تأثيرات باستخدام أنماط الطبقة
فيما يتعلق بتغيير المظهر، فإن استخدامه مفيد جدًا. من أجل استخدامها، انقر نقرًا مزدوجًا على الطبقة التي تحتوي على خطوطنا التي تمكنا من دمجها.
هنا يمكنك أيضًا الاطلاع على إعدادات كل عنصر واختيار ما تريد. على سبيل المثال، بالنسبة لطاولتي، اخترت تحديد Stroke وShadow، ثم قمت بتعديلهما حسب رغبتي. اتضح شيئا من هذا القبيل.
تغيير الإطار باستخدام أداة الفرشاة
ولكن يمكنك إنشاء جدول في Photoshop ليس فقط بالخطوط. ستقوم أداة الفرشاة العادية بالمهمة بشكل جيد. علاوة على ذلك، ليس عليك دمج الطبقات لاحقًا لدمجها في طبقة واحدة. علاوة على ذلك، يمكنك اختيار شرابة تجعل إطارك فريدًا حقًا. ولكن أولا، إما إخفاء الطبقة مع إطار الجدول المعد بالفعل، أو حذفها بحيث لا تتداخل معنا، ولكن يمكنك ترك البيانات. بعد ذلك، أعد الأدلة التي أخفيناها من قبل. الآن سوف نحتاجهم مرة أخرى.
إدراج الصور في الجدول
وبالطبع لا يسعني إلا أن أذكر هذه النقطة. ولكن لا يوجد شيء معقد هنا. أنت، كما في الحالة المعتادة، تقوم بإدراج صورة على القماش، ثم قم بضبط حجم الصورة باستخدام ( CTRL+T)، وسحب الزوايا أثناء الضغط باستمرار على المفتاح يحولللحفاظ على النسب.
أتمنى أن تفهم جوهر إنشاء الجداول في Photoshop وفقًا للأحجام المحددة. والآن لن تواجه أي مشاكل في هذا الصدد.
حسنًا، إذا كنت ترغب في الحصول على فهم جيد لبرنامج Photoshop والعمل في محرر الرسوم هذا دون مساعدة خارجية، فإنني أوصيك بالمشاهدة هذه دروس الفيديو الرائعة. جميع الدروس مناسبة لأي مستوى من المستخدمين، حيث يتم سرد كل شيء بلغة بشرية مفهومة. في غضون أسابيع قليلة سوف تسبح في برنامج الفوتوشوب مثل سمكة في الماء.
حسنا، هذا كل شيء بالنسبة لي. أتمنى أن تكون قد أعجبتك المقالة. تأكد من الاشتراك في مدونتي وصفحاتي العامة على الشبكات الاجتماعية. أنا في انتظاركم مرة أخرى. كل التوفيق لك. وداعا وداعا!
مع أطيب التحيات، ديمتري كوستين.
