ZaidEd

إتقان التصميم لا يتمّ بجانبٍ ممّا ذكرت دون الآخر، فلا الأداة المناسبة تصنع المصمّم المبدع ولا الإبداع المناسب يصنع المصمّم المحترف. لا بدّ من أن تملك شيئًا من الاثنين. كذلك التطرّفُ في أحد هذه الجوانب غير مفيد، فليس من الضروريّ أن تكون رسّامًا أو مليئًا بالإبداع أو ذو حسٍّ جماليٍّ بالغ الرقيّ حتّى تحترف التصميم، ولا حاجة لأن تتقن كلّ صغيرةٍ وكبيرة في أغلب برامج التصميم حتى تبدع فيها. والمؤكّد أنّ التمكُّن من الرسم أو التلوين خصوصًا في بدايتك غير ضروريٍّ بتاتًا. فقليلٌ من المجالات في التصميم تعتمدُ على قدراتك على الرسم، إن كنت مصمّم واجهاتٍ أو أردت العمل كمصمّم منتجاتٍ مثلًا فلن تحتاج إلى مهارة الرسم. أمّا التلوين فليس من الضروريّ أن تُفطر على التمكُّنِ منه. بل بإمكانك تعلّمه بمراجعة نظريّات الألوان واستعمال مواقع الإلهام اللونيّ.
اعمل على تنمية جانب الإبداع لديك بالاطّلاع على الأعمال الإبداعيّة والاستلهام منها، راجع مواقع الإلهام الإبداعيّ وستجدُ ضالّتكَ هناك. أمّا الأدوات والتمكُّن من البرامِجِ فذلك يأتي بالممارسة المستمرّة والاطّلاع على مقالاتٍ ودروسٍ تعليميّةٍ كـدروس أكاديميّة حسوب في التصميم.

التصميم كغيره من الأعمال الاستقلاليّة حرفةٌ يُمكِنُ التربُّحُ من إتقانِها بطرقٍ عديدة، ويعتمِدُ اختيار الطريقة الأنسبِ لك على درجة احترافيّتِك ودرجة تفرُّغِكَ واجتهادِك، سأشرحُ فيما يلي طريقتين مناسبتين للتربُّح، الأولى ستضعُك على الطريق للبدء في العملِ كمستقلّ والثانية ستضعُكَ على الطريق للبدء في بيع نماذج التصميم.

لتصبِحَ عامِلًا حُرًّا في مجال التصميم، عليك أوّلًا البدءُ بصقل مهاراتِكَ في عالم التصميم والتأكّد من كونِها موافقةً لمعايير السوق. ابدأ بمراجعة دروس أكاديميّة حسوب للتصميم، جرِّب في هذه المرحلة طُرقَ التصميم واختصاصاتِه المُتنوِّعة، إن أعجبَكَ اختصاصُ تجربة الاستخدام مثلًا فيُمكِنُكَ قراءةُ كتاب أكاديميّة حسوب "مدخل إلى تجربة المستخدم (User Experience - UX)"، بعدما تجِدُ نفسكَ خبيرًا في اختصاصك، ستكونُ جاهِزًا للعمل الحرّ.

هنالك طريقان عربيّان للعمل الحرّ، الطريقةُ الأولى هي بيعُ الخدمات المُصغّرة، يُمكِنكَ بيعُ خدمةٍ لا تستنزِفُ منكَ وقتًا ولا جُهدًا كبيرًا مقابل خمسة دولارات عبر موقع خمسات، أو أن تبدأَ بالعمل على المشاريع الكبيرة ذات الربح الأضخم عبر موقع مستقل، لتعرِفَ المزيد عن كيفيّة البدء في العمل الحرّ راجع كُتَبَ أكاديميّة حسوب "طريقك إلى العمل الحر عبر الإنترنت" وَ"دليل استخدام "مستقل"" وَ"دليلك المختصر لبدء العمل عبر الإنترنت".

أمّا الطريقةُ الثانية للتربُّحِ من بيع نماذج Templates التصميم فهي الطريقُ المناسِبُ لكَ إن لم يعجبكَ التعاملُ المستمرُّ مع العملاءِ مثلًا أو وجدتَ إبداعكَ يزيد عندما لا تُقيَّدُ بقيود اختيارات العملاء، فعندما تتعاملُ مع العملاء في مواقع العمل الحرّ لتنفيذ تصاميمهم ستجِدُ أنّكَ مجبرٌ على التعاملِ مع اسمٍ مُحدّد ولونٍ مُحدّد وخطٍّ مُحدّد، بينما تجِدُ التصميم لبيع النماذج أكثر حُرّيّة، فأنت تُحدِّدُ اسمًا تخيُّليًّا ولونًا يُعجِبُك وخطًّا تُحِبُّه وبقيّة التفاصيل المُختلِفة ويقومُ كُلُّ عميلٍ بشراء مُنتجِكَ وتعديل هذه التفاصيل إلى ما يُعجِبُه.

للبدء ببيع نماذج التصميم، عليك أن تبدأ ببناء معرض أعمالٍ جيّد، فكثيرٌ من مواقع بيع النماذج لا تسمحُ لك ببيع النماذجِ إلّا بعد عرض معرض أعمالٍ جيِّد، بعدما تعملُ على معرض أعمالِك ابدأ بطلب صلاحيّة الرفع من المواقع التي تطلبُ ذلك أو الرفعِ مُباشرةً من تلكَ التي لا تفعل. موقِعُ بيكاليكا هو أحدُ أشهر المواقع العربيّةِ في هذا المجال، بعدما تحصلُ على صلاحيّة الرفع ستكونُ جاهزًا تمامًا للبدء برفع نماذجك التصميميّة وانتظار المشترين، لا تنسى تسويق أعمالِكَ بعد رفعِها مع ذلك! راجع أيضًا كتاب أكاديميّة حسوب "دليلك المُختصر لبيع المُنتجات الرّقمية".

هلّا وضّحت سؤالكَ أكثر؟ هل تبحثُ عن طريقةٍ لبيع التصاميم والاستفادة من مهارة التصميم لديك أم عن شيءٍ آخر؟

أعملُ على مشروعٍ سأطلِقُهُ قريبًا، يعتمِدُ المشروع -وهو مِنصّة- على مُساهمات الزوّار، وهي ليست بِمُساهماتٍ صعبةِ التجميعِ أو الإرسال، لكِنّ الموقِع عند إطلاقِه سيكونُ جديدًا ولن يكون بِه الكثيرُ من المُساهمات، كيفَ يُمكِنني تسويقُ الموقعِ بحيثُ أضمنُ إقناع الفئة المُستهدفة بإرسالِ مُشاركاتِها؟ علمًا أنّ المُشاركات التي أطمحُ أن تُرسل تحتاجُ إلى معايير جودةٍ عالية غيرُ رسميّةٍ لكِنّني أُفضّلُها على غيرها.

المُشكِلةُ الأساسيّة هي أنّ السوق الذي سيُطلقُ الموقعُ إليه لا يمتلِكُ ثقافةَ الموقِع، بينما يمتلِكُ السوقُ الأجنبيُّ مثلًا هذِه الثقافةَ بامتياز، فكيف أُجهِّزُ السوقَ لثقافةٍ جديدة؟

@Mohammad S. Dayoub

يُعنى برنامجُ Adobe InDesign بتحرير الوثائق النصيّة وتنسيقها، حيثُ يستخدمُ عادةً لإنتاج الكتب، الوثائق، المنشورات، المجلّات والجرائد، يتميّزُ برنامج Adobe InDesign بقدراته العالية على إعداد الكتب والوثائق النصّية والتجاوبِ مع الطابعات وإعداد منتجاته للطباعة كذلك.

أمّا بدائلهُ المجّانيّةُ فهي:

• برنامجُ Scribus: برنامجٌ مفتوحُ المصدر، متخصّصٌ بتحرير وتنسيق الوثائق النصّيّة.
• برنامجُ Lucidpress: برنامجٌ مفتوحُ المصدر، متخصّصٌ في إنتاج الوثائق النصّيّة، ويتميّزُ بقدرته على إنتاجِ هذه الوثائق رقميًّا وطباعيًّا.
• برنامجُ Serif Pageplus: برنامجٌ مفتوح المصدر، يستطيعُ إنتاج الوثائق النصّيّة الرقميّة والطباعيّة بواجهةٍ جميلةٍ وبسيطة.

التصميمُ المسطّح Flat Design هو توجّهٌ في التصميم نحو تبسيط التصميم، تسطيحه وتقليل المؤثّرات الواقعيّة فيه كالظلال أو التوهّجات، لا يوجدُ له برنامجٌ محدّد لكنّ من الممكن لك أن تستخدمَ برنامج Adobe Illustrator لصناعة رسوماتٍ مسطّحةٍ متجاوبة، أو برنامج Adobe Photoshop لصناعة صورٍ مسطّحةٍ أيضًا.

فيما يلي؛ بعضُ المقالات والدورات التعليميّة، ممّا يمكنُ أن يساعدك في تعلّمِ التصميم المسطّح:

• دورةُ دليل المبتدئ إلى التصميم المسطّح - من إعداد Creative Dunes - دورةٌ على موقع udemy.
• مقالٌ بعنوان "دليل المبتدئ إلى التصميم المسطّح" - من إعداد Tom May - مقالٌ على موقع Creative Bloq.
• دورةُ احتراف التصميم المسطّح - من إعداد Craig Campbell - دورةٌ على موقع tuts+.

بالنسبة لأغلبِ ما ذكرته، لا يوجدُ مقاسٌ موحّدٌ أو شامل، وإن وجد، فقد يتغيّرُ عند إصدار جيلٍ جديد من الجهاز، لكنّني سأعرضُ بعض المقاسات المتعارفِ عليها بالنسبة لكلّ جهازٍ من هذه الأجهزة، يمكنكَ مع هذا أن تعتبر هذه المقاسات مقاساتٍ مبدئيّةً تأخذُ فكرةً منها، لكنّك قد ترغبُ عمومًا باختيارِ مقاساتٍ أخرى، الأمرُ عائدٌ إليك.

• الحواسيب الشخصيّة Laptop: أكثرُ المقاسات استخدامًا من قبل مستخدمي الحواسيب الشخصيّة حسب إحصائيّةٍ لـW3C  في يونيو 2016 هو مقاس 1366 في 768 بكسل.
• الحواسيب اللوحيّة Tablet: لا يُوجدُ لها مقاسٌ محدّد، لا بدَّ من تحديدِ اسم منتجٍ ما كي تجدَ مقاساته المناسبة.
• هواتفُ نظام الـAndroid: نفسُ الأمرِ بالنسبة لها، لا بدَّ من تحديد اسم المنتج.

يُستحسنُ أن ترفقَ لنا صورةً تُوضّحُ الانخفاض كي نتأكّد من كون هذا الانخفاض في الجودة طبيعيًّا أم دالًّا على مشكلةً ما، علمًا أنه لمن الطبيعيّ انخفاضُ جودة الملفّات عند تصديرها من برنامج Adobe Illustrator إلى برنامج Adobe Photoshop، فبرنامجُ Adobe Illustrator يُعدُّ بيئة رسومٍ متّجهة Vector لا تفقدُ الصورُ والعناصرُ فيه جودتها، لكنّك عند تصدير هذه الصورِ والعناصر إلى برنامج Adobe Photoshop فستنخفضُ الجودة لكون البرنامج ذو بيئةِ Raster.

بدايةً، لا بدّ من معالجة بعض المفاهيم حول الفرق بين برنامج Adobe Photoshop وبرامج التحرير الصوريّ الأخرى، برنامجُ Adobe Photoshop ليس تصنيفًا لمجموعةِ برامجٍ بل هو برنامجٌ منفرد، لذا سأفترضُ أنك ترغبُ بإيجاد برنامج تحريرٍ وتعديلٍ للصور يعملُ كما هو برنامجُ Adobe Photoshop وبواجهةٍ أبسط وأسهل استخدامًا.

برنامجُ Paint.NET: مُحرّرُ صورٍ مجّانيّ يتميّزُ ببساطته وسهولة استخدامه، واجهتُه أنيقةٌ وواضحة ويمكنُ استعماله في تحرير الصور وتعديلها بكفاءة.

موقعُ Pixlr: أداةٌ مجّانيّةٌ ومتوفّرةٌ على الويب تساعدُ في تحرير الصورِ وتعديلها بواجهة استخدامٍ بسيطة وقابليّة استعمالٍ عالية.

ستجدُ أغلب المعلومات والنصائح التالية في نسختك من برامج Adobe Photoshop، إذا لم تجد الخيار المقصود فصوّر لنا شاشة الحفظ للويب Save for the web كي نساعدك أكثر.
أوّل خيارٍ يفيدك لزيادة جودة الصورة هو خيارُ عدد الألوان، وهو أحدُ أكثر الخيارات تأثيرًا في حجم وصورة الملفات ذات صيغة GIF، كلّما زاد عدد الألوان في ملفّ الـGIFالخاصّ بك كلّما زادت جودةُ الملفّ وحجمه، وبما أننا نعملُ على ذلك بالفعل، زد عدد الألوان إلى أفصى حدٍّ ممكن، ألا وهو 256 لونًا.
كذلك، ستجدُ في مربّع Preset قائمة Dither، وهي تُساعدُ في تخمين الألوان الناقصة في الملفّ لزيادة جودته، اختر خوارزميّةً تناسبك من هذه القائمة، خيارُ Diffusion يسمحُ لك بتعديل مستوى الـDither في حين أنّ كلًّا من Pattern وNoise خياراتٌ جاهزةٌ لا تسمحُ لك بذلك، أنصحُ باختيار Diffusion وزيادة مستوى الـDither (تجدُ خيارًا لتعديله بجانب قائمة الـDither) إلى أقصى حدٍّ ممكن. أخيرًا، خيارُ Lossy في نفس المربّع يقلّل حجم الملفّ وجودته كلّما زدته، قلّل مستوى هذا الخيار إلى أقصى حدٍّ لتزيد بالتالي من جودة الصورة.

يعتمدُ المصدرُ المناسب لك لتعلّم الـMotion Graphic على عدّة عواملٍ كاللّغة، الميزانيّة، درجة الاحتراف والتفرّغ الزمني، أفضلُ المصادر حاليًّا من ناحية التنظيم والسلاسة هي اللغة الإنجليزيّة، وهي اللّغة التي ستجدُ المصادر المطروحة هنا فيها.

المرجع الأساسي: Adobe (أو ما يعادلها).

إن كنت تستخدم برنامجًا يعودُ لشركة Adobe كبرنامجيّ Adobe AfterEffects وAdobe Premiere فالأفضلُ لك هو أن تذهب إلى مرجعها الأساسيّ، وهو في هذه الحالة يُعتبر مركز Adobe للمساعدة عمومًا أو صفحة التعليم المتخصّصة بالبرنامج فستجدُ في موقع كلّ برنامجٍ قسمًا يتخصّصٌ بتعليم البرنامج للمبتدئين، هنالك صفحةٌ لمبتدئي الـAdobe AfterEffects وأخرى لمبتدئي الـAdobe Premiere.

إن لم تكن تستخدمُ برنامجًا يعود لشركة Adobe فالمفترضُ هو أنّ موفّر البرنامجِ أيضًا يقدّمُ خدمةً كهذه، تأكّد من موقع البرنامج.

الدورات التعليميّة: udemy (أو غيره).

هنالك العديدُ من مواقع الدورات التعليميّة على الويب اليوم، هنالك مواقعٌ عربيّةٌ حتّى بدأت بالظهور مؤخّرًا، قد تجدُ في المواقع العربيّة كـ"رواق" و"إدراك" دورةً ما في وقتٍ قريب أو دورةً قد تمّت بالفعل، وعلى الأغلب ستجدُ ضالتك في المواقع الإنجليزيّة كـudemy، وأرشّحُ لك منه الدورات التالية والمختصّة ببرنامجيّ Adobe AfterEffects وAdobe Premiere (علمًا أن الموقع يقدّم دوراتٍ مجّانيّةً أيضًا):

• Learning Adobe After Effects CC Tutorial Videos لـInfinite Skills.
• After Effects for Beginners Complete Intro to After Effects لـAndrzej Pach.
• Adobe After Effects: The Complete Guide to After Effects لـPhil Ebiner.
• Adobe Premiere Pro CC: Learn Video Editing In Premiere Pro لـOVC Masters.
• Learn Video Editing with Premiere Pro CC for beginners لـJordy Vandeput.

رابطٌ إضافيّ:

صفحة Coupon Retailr الخاصّة بخصومات udemy تقدّمُ لك عدّة كلماتٍ يمكنك استخدامها للحصول على خصمٍ عند شرائك لدورات udemy، فقط اضغط على Show Coupon ثم انسخ الـCoupon الظاهر لك وتوجّه إلى الدورة التي ترغبُ بشرائها، اضغط على زرّ Redeem a Coupon أسفل سعر الدورة وألصق الـCoupon.

لنفصل أسئلتك ونجيبها كلًّا منها منفردًا، فبالنسبة لسؤالك عن كيفيّة تصميم رسومٍ لطباعتها على الملابس مع وجود أكثر من لون فإننا نستعمل الطريقة المتعارف عليها من استخدام برنامج Adobe Photoshop أو Adobe Illustrator بعد إعداد وثيقةٍ مخصّصة (وهو ما سأشرحه لاحقًا) ثم إضافة الرسوم ولا مانع من تعدّد الألوان.

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

أخيرًا، بالنسبة للوثيقة، فإن المُتعارف عليه هو أن يخبرك موفّر الطابعة بأفضل خصائصها، لكن عمومًا، حسب موقع DesignByHumans، أفضل الخصائص للحجم هي مقاساتُ 17.5 في 19 إنش للقياس الأساسيّ (العادي)، 19 في 25 إنش للقياس الكبير، و40 في 35 إنش للتعبئة الكاملة، أمّا الدّقة فإن أفضل دقّةٍ -وهذا المتعارفُ عليه- هي 300  نقطةٍ لكلّ إنش DPI، النمطُ اللونيّ حسب هذا الموقع هو RGB, 8-bit، لكنّ موقع JustCreative كتب في مقالٍ نصائحًا لطباعة ملابسٍ أفضل وضمّن في ذلك نصيحةً بأنّ ألوان الـPMS هي الأكثرُ دقّةً في طباعة الملابس.

نهايةً، حاول الابتعاد عمّا تجدُه في الويب لكونه عامًّا وشاملًا، إن أصدق النصائح الطباعية المتخصّصة ستحصلُ عليها من موفّر الطباعة أو مستلمِ العمل الفنّي.

هلّا وضحت السؤال أكثر؟

سجّلت منذ بضعة أسابيع موقعًا لي في شبكة الظهور في إعلانات حسوب، قاعدتي الأساسيّة في الإعلانات هي أن لا تتجاوز عدد الإعلانات في الصفحة الواحدة الإعلانين على الأكثر، هل زيادة الإعلانات أو تقليلها يمكنُ له أن يزيد من أرباحها؟ هل هناك طرقٌ أخرى لإقناع الزوّار بالضغط على الإعلان (لا أقصدُ التأثير بهم، بل من ناحيةِ التصميم أو ما شابه مثلًا)؟

وعلى العموم، هل تعتقدُ بأن البرامج الإعلانيّة كـ"شبكة الظهور" مربحةٌ أو منطقيّةٌ أصلًا؟ فبرأيي، المفترضُ هو أن تُمنع الإعلانات التي تعود لمواقع لا تتوافق ومجال اهتمام مستخدمي موقع ناشر الإعلان، ولا يُعقل برأيي أن يضغط مصمّمٌ في موقع تصميم على إعلان خدمةٍ لتربية الدواجن، علمًا أن موقعي قد قُبِل أيضًا بسوق الإعلانات، هل يُفضّلُ بناءً على هذا أن أستبدل إعلانات شبكةِ الظهور بإعلانات سوق الإعلانات؟

هل التسويق عبر موقعٍ كخمسات مثلًا، بعرض خدمةٍ لإظهار Banner في الموقع سيكون أمرًا نافعًا؟ أم يُفضّلُ استخدام المواقع المتخصّصة كإعلانات حسوب؟

أخيرًا، هل يصحُّ اختيار مقدّم برامجٍ إعلانيّة ليكون الأفضل؟ كأن أسأل: ما الأفضل، إعلانات حسوب وبرامجها أم إعلانات Google وبرامجها؟ وإن صحّ ذلك، فما الأفضلُ فعلًا؟

عذرًا على كثرةِ الأسئلة، لكنّ المقصد واضح: كيف أزيدُ من أرباح الإعلانات؟

السؤال غير واضحٍ تمامًا، إن كنت تسأل عن تواجد الخطوط العربيّة في Adobe Typekit فسأجيب عن هذا لاحقًا، أمّا إمكانيّة التحميل عمومًا فهي تعتمد على تسجيلك بحسابٍ في Adobe Typekit.

وبالنسبة لتوافر خطوطٍ عربيّة، فإنك ستجد هناك بعض الخطوط العربيّة الشهيرة كـAdobe Arabic وAdobe Myriad، لكنك على الأغلب لن تجد ما تشتهيه من الخطوط العربيّة الحديثة والجميلة هناك لعدم دعم Adobe Typekit للّغة العربيّة بعد.

طريقة التحميل بسيطة، اشترك في أيّ خطّةٍ من Adobe Typekit تناسب احتياجاتك وميزانيّتك، بعدها ستتمكّن من التوجّه لموقع Adobe Typekit كأحد الطرق لتحميل خطوطهم واستعراض أيّ خط، ستجد في أي مستعرض خطوط زرّي Sync وWeb ويمكنك استعمال الأول لمزامنة الخطّ إلى حزمة خطوطك أو الثاني لتتمكّن من استعمال الخط على الويب.

إليك أخيرًا قائمةً ببعض المواقع الموثوقة لتحميل الخطوط العربيّة، قد تحتاج إلى التأكد من رخصة الخطّ قبل استخدامه في بعض المواقع:

• مصنع خطوط 29LT.
• مصنع خطوط كيف.
• موقع تحميل الخطوط العربيّة.

يمكنك فعل ذلك دون الاحتياج إلى برامج أو تطبيقاتٍ خارجيّة عبر استخدامك لبرنامج Microsoft Word، عندما تحتاج إلى حفظ الملف بصيغة .PDF، توجّه إلى زرّ "ملف" أسفل شريط أدوات الوصول السريع، من القائمة اليمنى، اضغط على "حفظ باسم" وستظهر لك نافذةُ منبثقة لتخصيص معلومات الحفظ، من قائمة "حفظ كنوع" اختر "PDF"، يمكنك تعديل خيارات الحفظ بصيغة .PDF عبر الضغط على زرّ "خيارات..."، حالما تكون راضيًا عن صيغة الحفظ وخياراته، اضغط "حفظ" لإنهاء العمليّة وإغلاق النافذة.

سأقترح عليك مراجعة برنامج Arabic Calligrapher المتخصّص بتصميم الزخارف والكلمات العربيّة والفنون الإسلامية في الخطوط، يتميّز البرنامج ببساطته واحترافيّته في نفس الوقت، ويحتوي على مكتبةٍ كبيرة من الأصول Assets الملحقة به لاستخدامها في الزخارف والأعمال الإبداعيّة، يمكّنك برنامج Arabic Calligrapher أيضًا من تلوين أعمالك بالألوان الجامدة Solid والتدرّجات Gradients.

يمكنك أيضًا تجربة العمل ببرنامج Adobe Illustrator، لا يتميّز بإمكانيّة تصميم الزخارف والنصوص فحسب، بل إنه يستعمل من قبل العديد من الخطّاطين لتصميم الخطوط داخله ثم نقلها إلى البرامج المتخصّصة.

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

هنالك برامج لتحرير المقاطع المصوّرة وبرامجٌ لبناء التأثيرات البصريّة وأخرى للعمل على تحسين الصوت وهندسته، الأمر يعتمد على ما تحتاج إليه بالضبط.

Adobe Premiere: أحد أشهر برامج تحرير المقاطع المصوّرة، بسيط التصميم وجيّد الوظيفة والعمليّة، يُستعمل لتحرير وتعديل مقاطعٍ مصوّرةٍ مسبقًا، كما أن الكثير من البرامج التلفزيونيّة والمسلسلات تعتمد عليه في قصّ المقاطع ودمجها وتعديلها، كما أنه قادرٌ على تصحيح الألوان وهندسة الصوت جزئيًّا.

Adobe AfterEffects: برنامجٌ لبناء التأثيرات البصريّة وتطبيقها وتحريرها، يُستخدم لتصميم المقاطع من الصفر أو لتطبيق التأثيرات على مقاطع مسبقة التصوير، يُعد عصبًا سينمائيًّا إن صح التعبير في Hollywood وذلك لأن كبار الشركات في مجال الأفلام تعتمد عليه لإضافة المؤثّرات، تصميمه أعقد قليلًا من البرنامج السابق لكنه أقوى في الوظيفة من حيث الإمكانيّات.

Camtasia Studio: أحد أبسط البرامج في تحرير المقاطع المصوّرةِ مسبقًا دون إضافة الكثير من التأثيرات عليها، جميل التصميم وسهل الوظيفة ويمكن استعماله من قبل مختلف الخبرات والأعمار والفئات لوضوحه.

هنالك العديد من المعايير لتحديد "أبرز" منتجات Adobe، قد تكون من ناحية عدد التحميلات، أو الشهرة، أو الاستخدام، لن أسرد منتجات Adobe ضمن هذه المعايير، بل بما يخطر على البال عند سماع كلمة Adobe، وهي مجموعةٌ من البرامج المميّزة التي هيمن بعضها على مجاله وأثبت الآخر منها قوّته.

• عائلة Adobe Acrobat: حزمةٌ من التطبيقات والبرمجيّات المتخصّصة في فتح، عرض، تعديل وطبع الوثائق ذات صيغة الـ.PDF، تتميّز بعض برمجيّات عائلة Adobe Acrobat بكونها مجّانيّة، في حين أن بعض خدماتها المتقدّمة مدفوعة الثمن.

مجال الاستخدام: التعامل مع الملفات ذات نسق المستندات المنقولة PDF.

• برنامج Adobe Illustrator: لعلّه البرنامج أو المشروع الأقدم لشركة Adobe، حيث أُطلق لأول مرّة في عام 1987، يختصّ برنامج Adobe Illustrator بالرسوميّات المتّجهة Vector ويُستخدم في تصميم هذه الرسوميّات من الصفر غالبًا، يتميّز بأنه متكيّف مع مختلف الظروف، ولذلك يستخدم أساسًا في تصميم الشعارات والرسومات التوضيحيّة، فبرنامج Adobe Illustrator لا يُقلّل الدقّة عند التكبير أو التصغير، وذلك لاعتماده على معادلاتٍ رياضيّة في الرسومات الشعاعية وطبيعته الرسوميّة المتّجهة.

مجال الاستخدام: تصميم ورسم الشعارات، تصميم الرسومات التوضيحيّة، تصميم الإعلانات وبعض المطبوعات، تصميم بطاقات العمل، رسم التصاميم التي تتطلّب الدقّة في مختلف الظروف.

• برنامج Adobe Photoshop: لربما كان أحد أسباب شهرته هو استعماله من قبل من يريدون فبركة الصور غالبًا لتحقيق أهدافهم، لكن السبب الأكيد لشهرة Adobe Photoshop هو أنه البرنامج الذي لا غنى عنه في تعديل الصور النقطية وتحرير الصور الموجودة مسبقًا، يعمل برنامج Adobe Photoshop بنظامٍ نقطي Raster\Pixel فلا يمكن تكبير الصور الموجودة فيه دون فقدٍ للجودة الأصليّة، اُستعمل برنامج Adobe Photoshop أيضًا لتصميم واجهات الاستخدام User Interface وخصوصًا مواقع الويب وتطبيقات الجوّال.

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

• برنامج Adobe Lightroom: لربما يمكنك تسميته بالفرع المصغّر من Adobe Photoshop، فرغم أنه برنامجٌ لتحرير الصور وتعديلها إلّا أنه بمميّزاتٍ وتقنيّاتٍ أقل قليلًا من برنامج Adobe Photoshop، لكنه يتميّز بمستعرضٍ خاصٍ به للصور، إنه مفيدٌ جدًّا للمصوّرين، خصوصًا المصورين الشخصيين والفوتوغرافيين الذين يعملون على اختيار أفضل صورةٍ من عشرات الصور في جلسات التصوير لتعديلها وتحريرها.

مجال الاستخدام: استعراض الصور وتحريرها وتعديلها وتصحيح ألوانها وتطبيق التأثيرات عليها.

• برنامج Adobe InDesign: عندما نذكر "المطبوعات" لا بد أن يتبادر إلى ذهننا برنامج Adobe InDesign، فطبيعته الموجّهة إلى تحرير النصوص وتعديلها جعلته أحد أشهر البرامج إن لم يكن أشهرها في تنسيق النصوص والمطبوعات، إذا كان تصميمك يعتمد أساسًا على النصوص أو احتجت إلى تنسيق الكثير منها، Adobe InDesign هو بلا شك وجهةٌ أساسيّةٌ لأخذها بعين الاعتبار.

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

• برنامج Adobe InCopy: قد يبدو مشابهًا لبرنامج Adobe InDesign، لكن Adobe InCopy هو في الواقع معالجُ نصوص، وفي حين أن البرنامجين يعملان سويًّا في أغلب الأحيان إلّا أن من الممكن أن نشرح الأمر كالفرق بين Adobe Photoshop وAdobe Illustrator، فكما أن Adobe Photoshop يحرّر ويعدّل على صورٍ موجودة في حين أن Adobe Illustrator يصنعها من الصفر، يحرّر وينسّق Adobe InDesign النصوص الموجودة في حين يكتبها Adobe InCopy من الصفر، إنه برنامج كتابة وتعديلٍ للنصوص، من أهم ميّزاته: التحقق الهجائي من صحّة الكلمات، عدّ الكلمات المكتوبة وتعقّب Track التغييرات الأخيرة في الوثائق.

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

• برنامج Adobe Dreamweaver: بيئةٌ شهيرة لتحرير النصوص البرمجيّة وتصميم المواقع الإلكترونية، حيث يسمح كمعالجٍ للرموز البرمجيّة لمطوّري الويب بكتابة رموزٍ برمجيّة في الوضع النصّي العادي وفي الوضع المرئي أيضًا أين يمكن -في الوضع الأخير- مشاهدة تصميم الموقع مرئيًا يكتمل بألوانٍ وصورٍ مباشرةٍ وحيّة.

مجال الاستخدام: كتابة البرمجيّات وتعديلها، تصميم مواقع الويب.

• برنامج Adobe Firework: هو برنامجٌ مخصّصٌ أيضًا لتصميم مواقع الويب، لكنها يختلف قليلًا عن سابقه، ففي حين أن Adobe Dreamweaver متخصّصٌ في تصميم الويب، إلّا أنه مائلٌ إلى تعديل النصوص البرمجية وتحريرها ومتخصّصٌ في ذلك أكثر، أما Adobe Firework فهو متخصّصٌ أيضًا في تصميم الويب، إلّا أنه مائلٌ إلى تعديل الرسوميات والصور وواجهات الاستخدام المرئيّة للمواقع مع توفير التحرير النصّي للرموز البرمجيّة أيضًا.

مجال الاستخدام: تصميم مواقع الويب مرئيًّا وتحرير برمجيّاتها نصيًّا.

• برنامج Adobe AfterEffects: مشابه Adobe Illustrator، ولكن في مجال المقاطع المرئيّة المتحرّكة Video، حيث يعمل على تصميم مقاطعٍ متحرّكةٍ من الصفر، ويتميّز بمكتباته الهائلة من التأثيرات البصرية والصوتيّة والتحريريّة، يعد أساسًا لا يُستغنى عنه في مدينة الأفلام Hollywood.

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

• برنامج Adobe Premiere: يعمل برنامج Adobe Premiere على تعديل المقاطع المصوّرة مسبقًا كالبرامج التلفزيونيّة والأفلام ويميل إلى الجانب التحريري من قصٍّ وتقطيعٍ ودمج بدلًا من التأثيرات البصريّة كشبيهه Adobe AfterEffects، في حال أنك تمتلك المقاطع المرئيّة المصوّرة وتحتاج إلى تجميعها بالطريقة الصحيحة فحسب فوجهتك هي إلى برنامج Adobe Premiere.

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

• برنامج Adobe Audition: بيئةٌ صوتيّةٌ متكاملة ومتميّزة، منذ شراءه من قبل Adobe في عام 2003 وبرنامج Adobe Audition في تطوّرٍ مستمر ليصبح كالاستديو المتكامل في التحرير الصوتي والتعديل الإذاعي.

مجال الاستخدام: تحرير الملفّات الصوتية والتعديل عليها، العمل على صوتيّات المحطات الإذاعية والبرامج التلفزيونية والمقطوعات الموسيقيّة والصوتيّة.

• برنامج Adobe Experience Design: كما هو واضحٌ من اسمه، إنه البرنامج الذي يُتوقّع أن يُصبح رائدًا في مجال تصميم الواجهات وتجارب الاستخدام UI وUX، يسمح هذا البرنامج للمصممين بكل سهولة بأن يعرضوا نماذجًا أوّليّة Prototypes ويصمّموا تجارب استخدامٍ مع تفاعلاتٍ مبدئية.

مجال الاستخدام: تصميم النماذج الأوليّة لواجهات الاستخدام وتجارب الاستخدام وإرسالها لأصحاب العمل مباشرةً للتجربة الحيّة الأوليّة.

• برنامج Adobe Animate: النسخة الجديدة المحسّنة لمعايير الويب من برنامج Adobe Flash، حيث يمكن لمصممي الرسوم المتحرّكة وألعاب الـFlash وغيرهم الكثير استخدام Adobe Animate بطرقٍ متنوّعة لتحرير وتصدير الـFlash والرسومات المتحرّكة، يتميّز بموافقته لمعايير الويب الجديدة.

مجال الاستخدام: تحريك الرسوم المتحرّكة وتعديلها، تصميم الـFlash بمعايير الويب الحديثة.

تصعب المقارنة بين البرنامجين، فلكلٍّ منهما اختصاصٌ ومجالٌ يتميّز ويختلف عن الآخر، برنامج Inkscape هو برنامج رسوميّاتٍ متّجهة Vector لا تتموّه Blur -إن صح التعبير- فيه الرسوميّات عند تغيير حجمها، فتحافظ على نفس الدّقة، ذلك جعله برنامجًا مهمًّا لتصميم الرسوميّات المتّجهة. وبرامج تصميم الرسوميّات المتّجهة تستعملُ عادةً في التصاميم التي قد تتعرّض لتغيير الحجم أو تحتاج إلى دقّةٍ في صنعها كالشعارات والأعمال الفنّية الرسوميّة.

بينما يعمل برنامج Adobe Photoshop بكونه برنامج تعديلٍ على صور، حيث يمكنك التلاعب بالصور ودمجها وتحريرها باستخدامه، كما يكثُر استخدامه في تصاميم المواقع Web Design والواجهات User Interfaces رغم وجود برامجٍ أكثر تخصّصًا في هذه المهمّة.

من أهمّ الفروقات وأوضحها أيضًا: كون برنامج Adobe Photoshop برنامجًا مدفوعًا من شركة Adobe، في حين أن برنامج Inkscape هو برنامجٌ مجّانيٌّ مفتوح المصدر.

يُعتبر برنامج Inkscape بديلًا مفتوح المصدر لبرنامج الرسوميّات المتّجهة الشهير Adobe Illustrator، في حين أن هنالك برنامجًا آخر يعمل كبديلٍ لبرنامج Adobe Photoshop وهو برنامج Gimp المفتوح المصدر، لا يمكننا اعتبار الـInkscape بديلًا أو منافسًا لـAdobe Photoshop مثلًا وكذلك العكس لاختلاف الاختصاصات والمزايا.

من الناحية العامة، من المعروف أن أفضل إصدارٍ لأي برنامجٍ غالبًا ما يكون آخر إصدار، ومن هذه الناحية، فإصدار Adobe Photoshop CC 2015.5 الذي صدر في العشرين من يونيو يمكن اعتباره أفضل إصدارات برنامج Adobe Photoshop حتى الآن، حيث احتوى على العديد من المميّزات المهمّة ومنها:

• مطابقة الخطّ: يمكن استخدام Adobe Photoshop الآن لتخمين الخط المستخدم في صورة.
• إنشاء أنماط باستخدام Capture CC: يمكن استخدام Capture CC لتحويل الصور إلى أنماطٍ جاهزةٍ للاستخدام.
• اقتطاع مدرك للمحتوى: يستطيع برنامج Adobe Photoshop الآن أن يقتطع المحتوى مع إدراكه بما يمكّنه من ملئ الفجوات وتدوير الصورةِ بما يناسبها.

تعمل نسخ Photoshop CC 2015.X أي كل إصدارٍ بعد CC 2015 متضمّنًا إياه بالمواصفات ذاتها، يمكنك مراجعة هذه المواصفات المطلوبة من صفحة System requirements | Photoshop في مركز مساعدة Adobe.

يُذكر أن أحدث نسخةٍ دعمت نظاميّ التشغيل Windows XP وWindows 7 هي Adobe Photoshop CS6، لذا يمكنك اعتبارها أفضل النسخ المناسبة لك.

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

لتحقيق هذه القاعدة، نستعمل في تصميم الشعارات برامج الرسوم المتّجهة Vector، فهي تحافظ على دقّة الشعار عند تكبيره وتصغيره، وكما تلاحظ في الصورة أدناه لشعار شركة السيّارات Volkswagen، الشعار المتجه الرسوم يبقى بنفس الدقة عند تكبيره بينما تتموّه Blur صورة الشعار الذي لم يصمم ببرامج الرسوم المتجهة أي ببرامج الـRaster.

أشهر برامج الرسوم المتجهة المعروف حاليًا هو برنامج Adobe Illustrator، ومع أن البدائل له غالبًا ما لا تتساوى معه في الاحترافية، إلا أن البديل المفتوح المصدر له هو برنامج Inkscape الشهير والذي يتفوّق مع مرور الأيام ليقترب من منافسة الأول، لذا، إذا احتجت إلى تصميم شعارٍ ببرنامج رسومٍ متّجهة احترافيّ ومجّاني فعليك بـInkscape، كما أقترح عليك أيضًا مراجعة دروس الـInkscape في أكاديمية حسوب للتعمّق في البرنامج والتمكّن منه.

لا تتعلّق هذه المشكلة على الأغلب بتوافق الخط مع برنامج Adobe Illustrator، بل كما يشير الخطأ، تكمن المشكلة في ترخيص الخط والذي لا يسمح لك بتضمينه في ملف PDF، لا يوجد حلٌّ وحيد لهذه المشكلة، لكن بإمكانك التلاعب عليها في بعض الحالات.

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

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

حاول أيضًا شراء نسخة من الخط بترخيصٍ يتيح تضمين الخط في ملف PDF، كما سيكون من المفيد لك أن تراجع تراخيص الخطوط قبل تحميلها أو شراءها مستقبلًا، وبما أنني قد أشرت إلى أن المشكلة لا تتعلق بتوافق الخط، لا أظن إذًا أنك ما زلت بحاجةٍ إلى مكتبة جديدة من الخطوط تتوافق مع Adobe، فقط ستحتاج إلى التأكد من التراخيص في المرّات القادمة.

نعم بالطبع، عند تحميلها يمكنك تطبيق عملك عليها، وإذا احتجت لمساعدة فيمكنك إضافة صورةٍ لقائمة الطبقات Layers التي تظهر لك عند فتحها. أما الألوان والكلمات، فالأمر يعتمد على الـMockup، بعض الـMockups تسمح لك بتعديل لون الخلفيّة مثلًا، لكن إن قصدت تعديل التصميم الذي يظهر في البداية كاللون الأزرق الظاهر في صورة سؤالك فبالطبع هذا بأكمله مساحةٌ حرة لك، يمكنك مسح كامل الشكل وتطبيق أي تصميمٍ تريده، فهذه الصور التي تظهر هي مجرّد عرضٍ لما يبدو عليه الـMockup لجذب المستخدمين إلى شراءه أو تحميله.

الشكل الظاهر في الصورة هو نوع من أنواع القوالب المستخدمة في عرض التصاميم والمسمّاة بالـMockups، حيث تتكوّن من نوعين رئيسيين، وهما الـMockups الحقيقية Realistic التي تُصنع عبر تصوير قالبٍ حقيقي وتطبيق شكلٍ للتعديل عليه. والـMockups غير الحقيقية والتي تُصنع في برامج تعديل الصور عادةً كـAdobe Photoshop عبر دمج بعض الأنماط Textures والتأثيرات Effects الأخرى.

في البروشورات Brochures هنالك عدة أنواعٍ من الـMockups كثنائيات الطيّة Bi-Fold وثلاثيات الطيّة Tri-Fold (وهو الظاهر في صورتك) ورباعيات الطيّة Four-Fold وغيرها.

الصورة الظاهرة في سؤالك تعود لحساب شركة Handsome على شبكة Dribbble واسمها Glu10 Trifold وهي تستخدم Mockup من Pixedin باسم "Psd Tri Fold Mockup Template".

عمومًا، لاستعمال أي Mockup، هنالك طريقة رئيسية شهيرة تجدها في أغلب الـMockups اليوم وهي استعمال العناصر الذكيّة Smart Objects في الـMockup، حيث عادةً ما ستجد في الـMockup طبقةً معيّنة بعنوانٍ مميّز أو لونٍ خاص وتكون طبقة Smart Object يمكنك ضغط صورتها المصغّرة Thumbnail مرّتين لفتحها في ملفٍ منفصل للتعديل عليها، لا توجد طريقةٌ موحّدة لمعرفة هذه الطبقة لكن غالبًا ما سيشار إلى ذلك في موقع الـMockup، سأرفق لك بعض الـMockups لعدة أنواعٍ من البروشورات لتحميلها:

• بروشور ثنائي الطيّة - Psd Bi Fold Mockup Template Vol2 من Pixeden.
• بروشور ثلاثي الطيّة - Psd Tri Fold Mockup Template Vol8 من Pixeden.
• بروشور رباعي الطيّة - Psd Double Gate Fold Brochure Vol2 من Pixeden.