خطوات التصميم باستخدام Canva … احترف تصميم الصور لمقالاتك

خطوات التصميم باستخدام Canva

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

الشرح التالي يوضح أحد طرق تصميم صور حصرية وتصاميم احترافية لمحتوى موقعك باستخدام موقع Canva، فتابع الخطوات واحدة تلو الأخرى.

خطوات التصميم باستخدام Canva

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


التسجيل في الموقع

بداية نفتح التطبيق عبر متصفح الإنترنت والذهاب للموقع https://www.canva.com/

بداية نفتح التطبيق عبر متصفح الإنترنت والذهاب للموقع

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


انقر على Sign Up للتسجيل في الموقع للمرة الأولى.

1 انقر على Sign Up للتسجيل

اختر طريقة التسجيل المناسبة لك.

2 اختر طريقة التسجيل المناسبة لك.

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


خطوات التصميم باستخدام Canva

يمكنك اختيار تصميم عبر قالب جاهز من الصفحة أو الاختيار من قائمة القوالب، وبما أننا سنبدأ بتصميم جديد ونظيف، انقر على Create a deign.

4 انقر على Create a deign.

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

5 هنا ستظهر لك قائمة لتختار نوع التصميم

اختر الحجم المخصص، وضع القياسات 600 في 400.

6 اختر الحجم المخصص

هنا سيظهر لك واجهة التطبيق حيث ستشاهد قائمة الأدوات على الجهة اليسرى.

7 هنا سيظهر لك واجهة التطبيق

الفكرة هنا هي تصميم صورة بارزة لمقال عن أهم الإضافات للسلايدرات في ووردبرس. لذلك سنصمّم شكلًا يشابه السلايدر مع كتابة عنوان المقال وإضافة بعض التأثيرات. اختر إضافة عنصر من Elements واختر شكل إطار صورة كما في الشكل.

8 الفكرة هنا هي تصميم صورة

بمجرد النقر عليه سيضاف الشكل المطلوب في وسط مساحة التصميم.

9 بمجرد النقر عليه سيضاف

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

9 استخدم الخيارات على أطراف الشكل لتغييره

اضغط بالزر الأيمن على الشكل لتختار نسخ Copy أو اضغط على الاختصار ctrl+c على لوحة المفاتيح

10 اضغط بالزر الأيمن على الشكل

هنا يبرز لك التطبيق إمكانية استخدام الاختصار للنسخ والقص واللصق لسهولة وسرعة التصميم.

11 هنا يبرز لك التطبيق إمكانية استخدام

ألصق الشكل المنسوخ باستخدام ctrl+v.

12 ألصق الشكل المنسوخ

حرّك الشكل الجديد إلى جانب القديم.

13 حرّك الشكل الجديد إلى

أنشئ نسخة جديدة وألصقها ثم حرّكها للجانب الآخر من الشكل الأساسي.

14 أنشئ نسخة جديدة وألصقها

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

15 اختر من القائمة إضافة صورة

بعد النقر على الصورة المطلوبة ستظهر وسط التصميم كما حدث مع إدراج الشكل سابقًا.

16 بعد النقر على الصورة المطلوبة

تحكّم بحجم الصورة وزاوية دورانها لتضعها في قلب الشكل الأساسي الأوسط.

18 اختر صورتين جديدتين

اختر صورتين جديدتين وضعهما بنفس الطريقة في الشكلين الآخرين.

18 اختر صورتين جديدتين

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

19 يمكن إضافة خلفية كشكل

حدد هذا الشكل الجديد ومن القائمة العلوية اليمنى ستجد خيار الموضع Position ويمكنك من خلاله تحديد تراصف العنصر ومحاذاته وترتيبه.

بما أننا نريد استخدام هذا الشكل كخلفية فمن الطبيعي أن نرسله للخلف To back. وهذا هو الهدف من إنشاء شكل للخلفية حيث أردت أن أعلمكم مسألة الترتيب والتراصف.

20 حدد هذا الشكل الجديد ومن

والآن أصبح الشكل خلف جميع العناصر الأخرى وهو الآن يصلح ليكون خلفية.

21 والآن أصبح الشكل خلف جميع

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

22 تأكد من أنك ما تزال تختار الشكل

يمكنك أيضًا تجربة تغيير الألوان للأشكال التي تحوي أكثر من لون كالشكل الأساسي لإطار صورة والذي يحوي لون الإطار الخارجي والداخلي ولون التعبئة الداخلية. حدد الشكل وبدّل الألوان.

23 يمكنك أيضًا تجربة تغيير الألوان

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

24 حدّد الشكل الذي بدّلت ألوانه ثم انقر

اختر خيار إضافة النص وسيظهر لك مجموعة قوالب نصية جاهزة ولكنها جميعها باللغة الإنجليزية. لكن لا تقلق فالتطبيق يحوي آلافًا من الخطوط ومن بينها العربية. لسهولة البحث اكتب في خانة البحث Arabic وستظهر لك الخطوط العربية منها المجاني ومنها المدفوع.

25 اختر خيار إضافة النص وسيظهر لك

اختر الخط المناسب واكتب العنوان ثم بدّل حجمه وموقعه وخصائصه التي ستجدها في القائمة العلوية.

26 اختر الخط المناسب واكتب

هذا ما توصلنا إليه لغاية اللحظة. كان الأمر سهلًا ولم يستغرق منّا سوى دقائق قليلة.

27 هذا ما توصلنا إليه لغاية اللحظة

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

28 يمكنك إضافة خلفيات مميزة

هنا اخترت خلفية متدرجة لطيفة أضافت الحيوية إلى التصميم.

29 هنا اخترت خلفية متدرجة

يمكنك الآن إذا أعجبك التصميم النهائي تنزيل هذا التصميم لتستخدمه لاحقًا لمقالك من خيار Download من الأعلى. وسيمنحك عدة صيغ لتحمّل تصميمك بها مثل Png و Jpg و Pdf.

30 يمكنك الآن إذا أعجبك التصميم

لن يستغرق تجهيز تصميمك وتحميله سوى ثوانٍ معدودة.

31 لن يستغرق تجهيز تصميمك

هذا هو التصميم الذي قمنا بتصميمه للتو في بضع دقائق ولن تحتاج بذلك لخدمات أي مصمم ولن يكلفك التصميم أي مال.

32 هذا هو التصميم الذي قمنا بتصميمه للتو

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