السبت، 11 يوليو 2009

كيف تصمم غلاف كتاب ؟

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

و ما سأشرحه الآن يتطلب أن يكون لدى المتلقي خلفية ما عن أدوات الفوتوشوب
وكيفية استخدامها
وتعليم تلك الأدوات متوفر بالكثير من المنتديات

والآن
تابعوا معي شرحي لكيفية تصميم أحد أغلفة كتبي
التي خرجت للنور بالفعل
و أتمنى أن يعينني الله على أن يستفيد أكبر قدر ممكن بهذا الذي سأقوم بشرحه
:)
.........


الخطوة الأولى من أي تصميم هي فتح ملف جديد للتصميم
وتحديد خصائصه
و ذلك من خلال قائمة
File > new

أو بالضغط على زريّ
Ctrl + N

واختيار المواصفات كما بالشكل التالي
وفيها مقاسات الغلاف
ومواصفاته
والمقاسات يمكن تغييرها بحسب المقاس المطلوب للغلاف




قمنا بمليء التصميم بألوان من اختيارنا
وهي التي ستسود التصميم
و يلاحظ اختلاف اللون الأمامي في وجه الغلاف عن اللون الخلفي
وسيتضح ذلك أكثر بعد قليل

و أيضا قمنا بعمل خطوط زرقاء قريبا من حواف الغلاف
وتقوم بتحديد كعب الغلاف
وتلك الخطوط الزرقاء تسمى
Guides
وتوضع عن طريق النقر على المساحة البيضاء للمسطرة
ثم السحب
حتى نتركها في المكان المناسب
ويفضل ان تكون على بعد سم واحد من الحواف


ثم نقوم بوضع الصورة التي اخترناها للغلاف
كما نراها في نافذة
Layers
وتلك هي الصورة الأمامية للغلاف


ثم الصورة الخلفية التي ستكون في ظهر الكتاب



وقمنا بعمل تدريجات على الصورة
بأداة التدريج اللوني
Gradient Tool
وذلك في طبقة جديدة كما يلاحظ هنا


ثم حددنا صورة الطفل الصغير
وغيرنا لونها للأبيض وأسود حتى تكون مميزة وسط الغلاف
وكررناها في ظهر الكتاب أيضا بحجم أصغر



والآن قمنا بتحديد كعب الكتاب
ويكون على حسب عدد صفحات الكتاب
وكما تلاحظون اختفت الخطوط الزرقاء
Guides
وذلك لأننا يمكننا إخفاء وإظهار تلك الخطوط أثناء التصميم
من خلال زريّ

; + Ctrl



والآن نصل لنهاية التصميم
والجزء الأسهل تقريبا
ويعتمد على الحس والاهتمام بتفاصيل وفراغات الصورة بشكل كبير
حيث نختار مكان النصوص المكتوبة في الغلاف
من عنوان وإسم الكاتب
والمقطع الخلفي
ولوجو الدار
إلخ ... من التفاصيل التي تضفي على التصميم رونقه الأخير
و نقدر نختمه في تلك اللحظة
ونرسله للطباعة مباشرة
D:





أتمنى إني أكون قدرت أفيد اللى عنده خلفية عن الفوتوشوب منكم بقدر ما
أو اللي يحب ياخد فكرة عن اللى بنستخدمه في الموضوع
ولو في أي تعليقات أو ملاحظات منكم
فأنا منتظرها
..
:)
تحياتي لكم






هناك 12 تعليقًا:

mr.negaTive يقول...

جميييييييييييييييييل و بسيط يا حتوووووم
جزاكم الله كل خير يا رب


فهد نيجتيف

غير معرف يقول...

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

حاتم عرفة يقول...

فهد باشا :

جزانا وإياكم يا معلمي
منورنا
:)

. . . . . . . .
استاذتنا أزار :

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

هل وصلت لحضرتك الرؤية واضحة كدة ؟
:)
شاكرين لسؤالك واهتمامك يا فندم
تحياتي :)

Rouch يقول...

همممم... كلام جميل.. بس دى من صورة!! أنا عاوزة واحدة تكون مرسومة مش صورة بليز :)

محمد عزالدين يقول...

انا والله بحييك جدا على هذه السرعة اللى لم اجد مثلها حتى الان بجد

و الدرس شكله ماشاء الله ممتاز

وان شاء الله ارجعلك تانى بعد التطبيق علشان تقيم تصميمى

وعلشان لو عندى أى سؤال

لك منى جزيل الشكر والتقدير

حاتم عرفة يقول...

رشا هانم :

الصور والرسومات نفس الفكرة يا فندم
بس بدل ما هانستخدم صورة
هانستخدم رسمة
عادي يعني الحياة
:)
. . . . . . . . .
محمد عز الدين :

أتمنى الموضوع يكون فيه إفادة ليك يا محمد .. ومستني اشوف شغلك
:)
تحياتي ليك

carol 2002 يقول...

جميل الشرح بتاعك و بسيط
مجهود رائع تشكر عليه
أتمنى لك مزيد من التوفيق
(:

ماجد إبراهيم يقول...

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

والنقطة الغائبة في شرحك كيف يتم اختيار الصور ومن أين تحصل عليها
بمعنى لو أنها من الانترنت فهى ملك لمصور آخر له حق في صورته ولو أنها لك فهذا أمر آخر..

حاتم عرفة يقول...

كارول :
:)
سعيد برأيك .. ومبسوط انه عجبك
تحياتي ليكي :)

.......................

مـاجـد :
صديقي العزيز
الله يكرمك يا فندم .. ويخليك لينا ..
ومبسوط جدا من كلامك

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

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

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

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

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

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

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

وأنا لم أتحدث عن هذه النقطة في العرض لأن الصورة تصويري من الأساس .. وهكذا مكتوب على ظهر الغلاف
ولأن لكل مصمم مقدرته وطريقته في استخدام الصور .. :)

تحياتي ليك ..
ومرحبا بآرائك دائما :)

غير معرف يقول...

أستاذ حاتم..

أشكرك على هذا الشرح..

لكننى كنت أتساءل: ما هي أنواع الخطوط التي تستخدمها؟؟

حاتم عرفة يقول...

صديقي الغير معرف :
العفو يا فندم
:)

وبالنسب للفونتات باستخدم فونتات عادية
تقدر تعمل سيرش عن فونتات كتير
Arabic Fonts
وهي مش أهم حاجة في التصميم
المهم يكون الفونت كويس
:)
تحياتي ليك

غير معرف يقول...

استاذي جزاك الله خير حللت لي مشكله اقلقتني
لكن المسطره كل ما اردت رسم خط جديد يختفي القديم مال الحل ؟