كل اللي تحتاجونه قبل ما تبدأون، والحركات اللي بترجعون لها في كل تطبيق
الوحدة 00
وش تحتاجون
أداتين وصورة منتج، وما تحتاجون أي خبرة سابقة
حساب في ChatGPT، نولد فيه الصور ونعدلها
حساب في كانفا، نركب فيه النصوص والشعار ونصدر
صورة لمنتجكم، واضحة ومن زاوية حلوة
مرجع عاجبكم من تصميم أو إعلان، للتدريب والإلهام
الحركة
كيف تسوونها
رفع صور في ChatGPT
محادثة جديدة، ثم زر + جنب خانة الكتابة، ثم Add photos & files واختاروا الصور بالترتيب، والصقوا البرومت واضغطوا إرسال. ولو رد بكلام بدل صورة اضغطوا + ثم Create image وأرسلوا مرة ثانية
تنزيل من ChatGPT
اضغطوا الصورة عشان تنفتح، ثم أيقونة التنزيل
تبديل صورة في كانفا
اضغطوا الصورة في الصفحة، ثم Replace من شريط الأدوات، وارفعوا الصورة الجديدة
نص جديد في كانفا
اضغطوا حرف T في الكيبورد، واكتبوا، ولتعديل نص موجود دبل كلك عليه
تصدير من كانفا
Share ثم Download ثم PNG، وحددوا الصفحة ثم Download
!
المرجع للتدريب والإلهام بس، وفي شغلكم الحقيقي استخدموا صور منتجكم أنتم، ولا تنشرون تصميم مبني على تصوير أو منتجات براند ثاني
ChatGPTتوليد الصور وتعديلها بالكلام
كانفاالنصوص والشعار والتصدير
صورة منتجكمهي الأساس اللي نحافظ عليه
مرجع عاجبكمنأخذ منه الأسلوب بس
النموذج + الصورة الأساسية + البرومت
صورة جديدة+ كانفاتصميم جاهز للنشر
محاكاة توضيحية
01
التطبيق الأول · برومت واحد
بوست عصير يعرض المكونات بثانية
كوب العصير في النص، وحوله أربع مربعات للمكونات موصولة بخطوط، وهالأسلوب يخلي اللي يشوف البوست يعرف مكونات المنتج على طول
صورتين وبرومتبرومت تصحيحكانفاأساسيات التصميم
الوحدة01
نولد صورة البوست
2برومت
صورة طولية فيها كوبكم والمربعات، جاهزة تنزل في القالب
التطبيق الأول
صورتين وبرومت واحد
نعطي ChatGPT صورة المنتج والمرجع، ونقول له بالضبط وش نبي ووش ما نبي
افتحوا محادثة جديدة في ChatGPT، وارفعوا صورة منتجكم أول، وبعدها المرجع
انسخوا البرومت والصقوه، وغيروا أسماء المكونات حسب منتجكم
نزلوا الصورة، ولو طلعت المربعات بإطارات أو فيها كلام، استخدموا برومت التصحيح في نفس المحادثة
البرومت الأساسي
الصورة الأولى فيها كوب العصير وهو المنتج، والصورة الثانية مرجع للأسلوب فقط
صمم صورة طولية بمقاس 2:3 فيها كوب العصير من الصورة الأولى في المنتصف، بنفس شكله وألوانه والفواكه اللي فوقه بالضبط بدون أي تغيير
ضيف حول الكوب أربع مربعات للمكونات بنفس أسلوب الصورة الثانية، مربعين يسار الكوب ومربعين يمينه بمستوى منتصف الكوب:
يسار فوق: توت أسود
يسار تحت: توت أزرق
يمين فوق: فراولة مقطوعة نصفين
يمين تحت: زبادي أبيض كريمي
كل مربع صورة مقربة للمكون تعبي المربع كامل، بزوايا حادة، بدون إطار أو حدود أو خلفية ملونة أو ظل
اربط كل مربع بالكوب بخط رمادي رفيع ينتهي بمربع صغير مفرغ على الكوب، مثل الصورة الثانية
خل تحت كل مربع مساحة فاضية بسيطة، لأننا بنكتب اسم المكون في كانفا
الخلفية أوف وايت سادة بدون تدرج
خل الربع العلوي من الصورة فاضي تمامًا للعنوان، ومساحة فاضية بسيطة تحت
لا تنسخ أي نص أو شعار من الصورة الثانية، ولا تكتب أي كلام أو أسماء في الصورة
برومت التصحيح، لو طلعت إطارات أو كلام
عدل نفس الصورة الأخيرة بدون ما تغير الكوب أو أماكن المربعات
شيل أي إطار أو حدود أو خلفية ملونة من المربعات، وخل صورة كل مكون تعبي المربع كامل بزوايا حادة
تأكد إن المكونات بهذا الترتيب: يسار فوق توت أسود، يسار تحت توت أزرق، يمين فوق فراولة، يمين تحت زبادي
شيل أي كتابة من الصورة
i
ترتيب الصور يفرق: صورة المنتج أول والمرجع ثاني، لأن البرومت يقول الصورة الأولى هي المنتج
؟
البرومت الدقيق يجاوب على أربع أسئلة: وش نحافظ عليه، ووش نضيف ووين، وكيف شكله، ووش ما نبيه
ChatGPT
صورة المنتج + المرجع
صمم صورة طولية فيها كوب العصير في المنتصف، وأربع مربعات للمكونات بنفس أسلوب الصورة الثانية
وبعد كانفا: البوست جاهز
محاكاة توضيحية
الوحدة02
نركب البوست في كانفا
5أساسيات
نبدل الصورة ونكتب الأسماء، ونفهم ليش البوست يبان احترافي
التطبيق الأول
من صورة إلى بوست جاهز
القالب جاهز، وكل اللي نسويه نبدل الصورة ونكتب أسماء المكونات
اضغطوا صورة الكوب الكبيرة في القالب، ثم Replace وارفعوا الصورة اللي نزلتوها
اضغطوا حرف T واكتبوا اسم أول مكون، وحطوه تحت مربعه
كرروها للأربعة: BLACKBERRY وBLUEBERRY وSTRAWBERRY وYOGURT، أو أسماء مكونات منتجكم
عدلوا العنوان والوصف بدبل كلك، وصدروا من Share ثم Download ثم PNG
i
كتبنا الأسماء في كانفا بدل ما نطلبها من الذكاء الاصطناعي، عشان نتحكم في الخط والحجم، ولأن الأداة ممكن تغلط في الكتابة
سووا نسختين: أسود للخلفيات الفاتحة، وعنابي وهو لون الهوية
صدروا الشعار صورة PNG، لأنكم بتحتاجونه في التقنية الثالثة
i
لون الشعار هو لون الهوية اللي بتمشون عليه في كل التصاميم، فاختاروه بعناية من البداية
ص٩: النسختين
ص١٠: النسخة اللي تصدرونها
أيقونة من Elementsمستطيل أبيضخط عريض + مائلتصدير PNG
محاكاة توضيحية
الوحدة04
تقنيات التعديل الثلاث
3برومتات
تغيير لون، وتبديل منتج، وتغيير شعار، تستخدمونها في أي مشروع
التطبيق الثاني
جلسة تصوير احترافية بدون مصور
نأخذ صورة من جلسة تصوير، ونحولها لإعلان مطعمنا بثلاث رسائل ورا بعض في نفس المحادثة
ارفعوا صورة المرجع، والصقوا برومت تغيير اللون
في نفس المحادثة: زر + وارفعوا صورة منتجكم، والصقوا برومت تبديل المنتج
في نفس المحادثة: زر + وارفعوا الشعار، والصقوا برومت تغيير الشعار
نزلوا النتيجة الأخيرة
التقنية الأولى: تغيير اللون
غير كل الأجزاء الزرقاء في الصورة إلى أحمر قوي: الصينية، وخطوط المربعات في الخلفية، والبنطلون، وأي جزء أزرق ثاني
خل كل شي ثاني مثل ما هو بالضبط: الشخص، والتيشيرت الأبيض، والبرجر، والإضاءة، والظلال، وزاوية التصوير، وقص الصورة
لا تضيف أي عنصر أو كتابة
التقنية الثانية: تبديل المنتج
اشتغل على آخر صورة طلعت، اللي صارت حمراء
استبدل البرجرات الثلاثة اللي على الصينية بالبرجر اللي في الصورة اللي رفعتها الحين: برجر دجاج مقرمش بخبز بريوش، مع خس مقطع وصوص برتقالي ومخلل وصوص أبيض
خل الثلاثة نسخة من برجرنا بنفس تفاصيله بالضبط، وبنفس حجم ومكان وترتيب وزاوية البرجرات القديمة، وبنفس إضاءة الصورة
لا تغير أي شي ثاني: الصينية الحمراء، والشخص، والتيشيرت، والخلفية
التقنية الثالثة: تغيير الشعار
اشتغل على آخر صورة طلعت
استبدل كل شعار J.Smash في الصورة بالشعار اللي رفعته الحين، وهو كلمة ATHAR وتحتها CRISPY BURGER
انسخ الشعار بدقة بنفس الحروف والألوان والنسب، بدون أي تحريف ولا كتابة جديدة
حط الشعار الجديد بنفس مكان وحجم الشعار القديم، وخله يبان مطبوع طبيعي على السطح اللي تحته مع الإضاءة والثنيات
لا تغير أي شي ثاني في الصورة
i
أهم جملة في كل برومت: خل كل شي ثاني مثل ما هو بالضبط. بدونها ممكن الأداة تغير أشياء ما طلبتوها. وغيروا وصف المنتج واسم الشعار حسب مشروعكم
ChatGPT · محادثة وحدة
غير كل الأجزاء الزرقاء إلى أحمر قوي
تم الصينية والخلفية صارت حمرا
استبدل البرجرات ببرجرنا
تم البرجر صار برجركم
استبدل شعار J.Smash بالشعار الجديد
النتيجة في ص٣
محاكاة توضيحية
نفس التقنيات على مراجع ثانية
اختاروا التقنيات اللي يحتاجها المرجع
مو كل صورة تحتاج الثلاث. شوفوا المرجع، وطبقوا بس اللي يلزم
اللون + المنتج + الشعار
←
الصينية الزرقا صارت ص٣
اللون + المنتج
←
الخلفية الزرقا والبرجر صارت ص٢
المنتج + الشعار
←
الكاسة والكيس والورق صار عليها شعارنا
الوحدة05
التركيب وشكل الحساب
2حيل
أحلى حركة في الورشة: الكلمة ورا البرجر، وبعدها نشوف الحساب كامل
التطبيق الثاني
كلمة CRISPY ورا البرجر
البرجر والإيدين قدام الكلمة كأن الكلمة ورا الصورة، والسر إن الصورة موجودة مرتين
حطوا الصورة كاملة كخلفية، واكتبوا الكلمة فوقها بخط ضخم
كرروا الصورة وحطوا النسخة الثانية فوق الكلمة
اختاروا النسخة اللي فوق واضغطوا BG Remover من شريط الأدوات
رتبوا الطبقات من Position ثم Layers، وقصوا النسخة اللي فوق من تحت عشان ما تغطي الكلمة كلها
i
لاحظوا الأحجام: كلمة وحدة ضخمة، وسطرين صغار في الزوايا، وهالفرق في الأحجام هو اللي يعطي البوست قوته
الصورة كاملةالخلفية
كلمة CRISPYفوق الخلفية
نسخة البرجر بدون خلفيةBG Remover فوق الكلمة
النتيجة: البرجر قدام الكلمة
محاكاة توضيحية
التطبيق الثاني
شكل الحساب في إنستقرام
هنا يبان ليش ثبتنا اللون والشعار: ثلاث صور مختلفة لكن تبان عائلة وحدة
النسخة الداكنة صورة بشفافية خفيفة فوق لون داكن، وحطوا اسم الحساب واليوزر بنفس اسم المطعم
لون واحدشعار واحدثلاث بوستات عائلة وحدة
محاكاة توضيحية
03
المهمة · طبقوها على منتجكم
ستوري شكر فيها لغز
صورة منتجكم تتحول لبازل ناقص قطعة، وتحته سؤال إنستقرام: تقدر تكتشف القطعة المفقودة؟ وهالنوع من المحتوى يخلي المتابع يتفاعل بدل ما يمر
الذكاء الاصطناعي يكتب البرومتبرومت البازلملصق السؤالكانفا
الوحدة06
مهمتكم: ستوري الشكر التفاعلية
3برومتات
تسلمون ستوري جاهزة للنشر، فيها بازل من صورة منتجكم وسؤال حقيقي
المهمة
حولوا صورة منتجكم إلى لغز
في هالمهمة الذكاء الاصطناعي يكتب البرومت عنكم، وبعدها تولدون البازل وتركبون الستوري
صورة المرجعاحفظوها على جهازكم: ضغطة مطولة على الجوال، أو كلك يمين ثم حفظ على الكمبيوتر
ارفعوا صورة المرجع في ChatGPT، والصقوا البرومت الأول، وشوفوا كيف يكتب لكم برومت كامل
افتحوا محادثة جديدة، وارفعوا صورة منتجكم أول وبعدها المرجع، والصقوا برومت البازل
لو ولا قطعة من الثلاث تطابق الفراغ، أو كتابة المنتج تخربطت، استخدموا برومت التصحيح
من الجوال: إنستقرام، ستوري جديدة، أيقونة الملصقات، ثم Quiz، واكتبوا السؤال والخيارات A وB وC، وخذوا صورة شاشة بدون نشر
في كانفا ركبوا الستوري: Thank You بخط مكتوب باليد، وتحته الصورة والسؤال
نزلوا تصميمكم في قروب الورشة
البرومت الأول: خلوا الذكاء الاصطناعي يكتب البرومت
حلل الصورة المرفقة، واكتب لي برومت مفصل أقدر أستخدمه في ChatGPT عشان أحول صورة أي منتج إلى نفس فكرة البازل اللي فيها: الصورة مقسومة قطع بازل، وفيها قطعة ناقصة، وجنبها ثلاث قطع اختيارات A وB وC وحدة بس منها هي الصحيحة
ركز على فكرة البازل بس، وتجاهل باقي التصميم مثل العنوان والشعار ومعلومات التواصل
اكتب البرومت بالعربي وبنقاط مرتبة
برومت البازل
الصورة الأولى هي المنتج، والصورة الثانية مرجع لفكرة البازل فقط
حول الصورة الأولى إلى لعبة بازل (Jigsaw Puzzle) واقعية واحترافية بنفس فكرة الصورة الثانية، في صورة عرضية بمقاس 3:2
خل صورة المنتج مثل ما هي بالضبط: نفس المنتجات والكتابة اللي عليها والألوان والتفاصيل
قسم الصورة إلى قطع بازل متساوية الحجم: أربعة أعمدة وخمسة صفوف، بأشكال التعشيق التقليدية والحواف المنحنية، ومتصلة ببعض بدقة
خطوط الفصل بين القطع رفيعة وواضحة باللون الأبيض
شيل قطعة وحدة من منتصف الصورة من جزء مميز في المنتج، واترك مكانها فراغ أبيض بنفس شكل القطعة بالضبط
حط البازل في الجهة اليسار، وعلى يمينه ثلاث قطع بازل منفصلة فوق بعض، وجنب كل قطعة حرفها بخط أسود واضح: A ثم B ثم C
قطعة وحدة بس صحيحة، وهي نسخة مطابقة للقطعة المفقودة بالشكل والحواف والاتجاه ومحتوى الصورة
القطعتين الثانيتين مأخوذة من أماكن ثانية في نفس الصورة، وأشكالها مختلفة عن الفراغ
الخلفية بيضاء نقية، والتوزيع متوازن مع مساحات فاضية مريحة
التصميم مسطح ثنائي الأبعاد، نظيف وواضح وبدقة عالية
مهم جدًا: لا تضيف عناوين أو شعارات أو إطارات أو زخارف، ولا تنسخ أي نص من الصورة الثانية
برومت التصحيح
عدل نفس الصورة الأخيرة بس:
خل وحدة من القطع الثلاث نسخة مطابقة تمامًا للقطعة المفقودة بالشكل والمحتوى
وخل المنتج والكتابة اللي عليه مثل الصورة الأولى بالضبط
ولا تغير أي شي ثاني
سؤال الملصق في إنستقرام
تقدر تكتشف القطعة المفقودة؟
!
المنتجات في صورة المثال لبراند حقيقي واستخدمناها للتدريب بس، فطبقوا المهمة على صورة منتجكم أنتم
ChatGPT
صورة المنتج + المرجع
حول الصورة الأولى إلى لعبة بازل، وشيل قطعة من المنتصف، وحط ثلاث خيارات A وB وC
البازل جاهز
تقدر تكتشف القطعة المفقودة؟
ABC
محاكاة توضيحية
الوحدة07
اختبروا نفسكم
6أسئلة
كل إجابة صح +30 XP، وشوفوا وش ثبت معكم من الورشة
تحدي الورشة
6 أسئلة في دقيقتين
اختاروا الإجابة، وتطلع لكم الصح مع السبب
وش أول صورة ترفعونها في ChatGPT؟
صورة المنتج أول والمرجع ثاني، لأن البرومت يقول الصورة الأولى هي المنتج
وش أهم جملة في برومت تغيير اللون؟
بدونها ممكن الأداة تغير أشياء ما طلبتوها
ليش كتبنا أسماء المكونات في كانفا؟
الكتابة داخل الصور من أكثر الأشياء اللي تغلط فيها أدوات التوليد
كيف تطلع كلمة CRISPY ورا البرجر؟
الصورة موجودة مرتين، والكلمة بينهم
كم خط تستخدمون في التصميم الواحد كقاعدة؟
خط عريض للعنوان وخط خفيف للنصوص يكفي
المرجع في شغلكم الحقيقي؟
لا تنشرون تصميم مبني على تصوير أو منتجات براند ثاني
نتائج الورشة
هذا اللي طلعنا فيه بأداتين
اضغطوا أي تصميم يكبر
1
بوست العصيرصورتين وبرومت، والأسماء في كانفا
2
إعلان الصينيةالتقنيات الثلاث في محادثة وحدة
3
بوست CRISPYالكلمة ورا البرجر بطبقتين
4
الوجبة بشعارناالمنتج والشعار على الكاسة والكيس والورق