IZAKY_PHOTOSHOP

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫الهدف العام للبرنامج‬

‫تزويد المعلمين بمهارات التصميم الرقمي‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫حقيبة الفوتوشوب للمعلمين‬

‫• أن يتعرف المتدرب على بيئة البرنامج و الواجهة‬ ‫الرئيسية‬ ‫• أن يجيد التعامل مع دمج الصور‬ ‫• أن يجيد التعامل مع النص‬ ‫• أن يجيد عمل اللوحات المدرسية‬ ‫• أن يجيد التعامل مع الطباعة في البرنامج‬ ‫• أن يجيد التعامل مع الحفظ المتنوع‬ ‫• أن يجيد التعامل مع عمل الرأس و التذييل و إدراجها‬ ‫في المستندات االوفيس‬ ‫• أن يجيد التعامل معاإلختصارات المهمة في البرنامج‬ ‫• أن يجيد التعامل مع أحجام الملفات و المساحات‬ ‫المطلوبة‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫اإلهداف التفصيلية‬

‫الفوتوشوب برنامج تصميم الصور بكل أنواعها‬ ‫ما هو الفوتوشوب؟‬ ‫‪ ,‬و لكن هل هو كافى لتصميم موقع أو‬ ‫منتدى بأكلمه وحده؟؟ كال ‪ ,‬هناك برامج و‬ ‫هو احد برامج شركة أدوى الشهيرة …‪.‬‬ ‫مكمالت للفوتوشوب لتصميم مواقع كاملة ‪,‬مثل‬ ‫وهذا البرنامج هو برنامج خاص بعمل الرسومات برامج ‪ :‬واالليستريتر والكرل درو والفرونت بيج‬ ‫‪ ،‬وهو البرنامج األول فى العالم من ناحية القوة والفالش والثري دي ماكس و الفرونت بيج‬ ‫وكثرة المستخدمين‪ ،‬هذا البرنامج يمكنك‬ ‫والدريم وويفر و كثير من البرامج المساعده‬ ‫التي تساعد في اخراج عمل كبير كموقع‬ ‫من إنشاء الصور والتصاميم التى يمكنك‬ ‫انترنت ومن خالل احتكاكي بكثير من‬ ‫استعمالها فيما تريد من أمورك‬ ‫المصممين في الفوتوشوب اكدوا ان تصاميمهم‬ ‫الناجحه تم عملها من خالل عدة برامج وكان‬ ‫استخدامات الفوتو شوب ‪:‬‬ ‫سيدالموقف هو الفوتوشوب ولعل الجميع اطلع‬ ‫على بعض اعمالهم وخاصة الموجود على‬ ‫يستخدم الفوتو شوب لمعالجة الصور‬ ‫اغلفة شرائط الكاسيت واالعالنيه وغيرهاأيضا‬ ‫وهو من البرامج المتميزة وله العديد من‬ ‫نجد فى الكثير من المواقع صور متحركة‬ ‫االستخدامات منها يستخدم لعمل البنرات فى ‪ ,‬فهل تم صنعها بالفوتوشوب؟؟ ال ‪ ,‬بل هى‬ ‫صفحات الويب وتصميم الشعارات للمواقع فى ببرنامج ‪ ImageReady‬رفيق و تابع و‬ ‫الذى يكون مرفق مع البرنامج ‪.‬‬ ‫النت ويستخدم فى عمل الصور المتحركة‬

‫بامتداد ‪ Gif‬ويستخدم فى عمل يافطات‬ ‫المحالت التجارية‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫مقدمه عن برنامج‬

‫ما هى مكمالت برنامج الفوتوشوب؟؟‬

‫التعرف على واجهة الفوتوشوب ‪Adobe Photoshop C3‬‬ ‫‪ -1‬صندوق األدوات‬ ‫‪ -2‬كل أداة بجانبها مثلث‬ ‫أسود صغير في زاويتها‬ ‫اليمنى من األسفل‬ ‫تحتوي أدوات أخرى‬ ‫مخفية داخل قائمة فرعية ‪.‬‬ ‫‪ -3‬شريط خاص بخصائص‬ ‫األداة حيث تتغير خصائصه‬ ‫على حسب األداة المحدده‬ ‫في صندوق األدوات ‪,‬‬ ‫‪ -4‬شريط القوائم‬ ‫‪ -5‬األلواح العائمة‬ ‫‪ -6‬ترتيب جديد ل ِـ بعض‬ ‫األلواح وخصائصها‬ ‫‪ -7‬إطار العمل وهي مساحة‬ ‫العمل التي سيتم عليها‬ ‫إجراءات التصميم ‪.‬‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫الجزء األول‬

‫نظرة مبسطة على صندوق أدوات الفوتوشوب ‪Adobe Photoshop C3‬‬

‫‪ A‬صندوق األدوات‬ ‫‪ -B‬األداة النشطة أو المحددة‬ ‫‪ -C‬المثلث الصغير يدل على وجود أدوات‬ ‫مخفية‬ ‫‪ -D‬أسم األداة‬ ‫‪ -E‬اختصار األداة‬ ‫‪ -F‬قائمة األدوات المخفية ( ويتم الوصول‬ ‫إليها بالضغط المطول على األداة حتى‬ ‫تظهر القائمة أو بالضغط على األدة ‪Alt +‬‬

‫من احب اهلل رأى كل شئ جمي ً‬ ‫ال‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫الجزء الثاني‬

‫ ‪ :Name‬اسم الملف الجديد التي تريد إنشاءه (يمكنك الكتابة بالعربية أو االنجليزية أو أي لغة‬‫متوفرة على جهازك) ‪ ،‬اذا لم تقم بتسمية الملف الجديد سيتم تسميته تلقائيا بـ ‪ 1-untitled‬أما اذا‬ ‫كنت تريد إنشاء ملف جديد غير األول فستكون التسمية التلقائية ‪ .. 2-untitled‬وهكذا‪.‬‬ ‫‪ :preset -2‬اعدادات مسبقة ومجهزة (اوتوماتيكيا) حسب مقاسات معروفة عالميا للخطوات ‪(-3‬العرض‬ ‫‪ )Width‬و ‪(-4‬الطول أو االرتفاع ‪ )Height‬و ‪(-5‬الدقة ‪ )Resolution‬و ‪(-6‬نظام األلوان ‪Color‬‬ ‫‪. )Mode‬؟‬ ‫‪ :Width -3‬عرض التصميم يمكنك اختياره بأحد الوحدات اللتي تناسب عملك ‪ ..‬وهي كـ التالي ‪:‬‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫إنشاء ملف جديد‬

‫وهذه األربعة وحدات أكثر استخدام ًا‬ ‫*النقاط(‪ )points‬التي تستخدم في مجاالت الطباعة (فعندما يكون هدفك من التصميم طباعته فاألفضل‬ ‫أن تختار هذه الوحدة) ‪ ،‬وكل ‪ 1‬نقطة = ‪ 1‬بكسل ‪ ،‬متساوية‬ ‫*األعمدة (‪ )columns‬وكل ‪ 1‬عمود = ‪ 180‬بكسل‬ ‫*البيكا (‪ )picas‬وكل ‪ 1‬بيكا = ‪ 12‬بكسل‬ ‫‪ :height -4‬الطول أو ارتفاع التصميم (بالنسبة للوحدات كما ذكر في خطوة ‪3‬لعرض)‪.‬‬ ‫‪ :Resolution -5‬قيمة دقة ووضوح الصورة وهو عدد البكسالت في في السنتيمتر أو عدد البكسالت‬ ‫في البوصة ‪ ...‬لو الحظنا في الخطوة رقم (‪ )3‬لوجدنا ‪:‬‬ ‫أن كل ‪ 1‬بوصة = ‪ 72‬بكسل لذلك تكون أفضل دقة ووضوح للصورة هي ‪ 72‬بكسل‪/‬بوصة ( عند‬ ‫استخدامك للطول والعرض بالبكسل بالنسبة ل ِـ الصور الرقمية )‬ ‫وأيضا كل ‪ 1‬سم = ‪ 28.346‬بكسل فـ لذلك نجد أن أفضل دقة هي ‪ 28.346‬بكسل‪/‬سم (عند استخدامك‬ ‫للطول والعرض بالسنتيمتر بالنسبة لـ الصور الرقمية )‬ ‫أما بالنسبة للصور الطباعية فأفضل دقة لها هي ‪ 300‬بكسل‪/‬بوصة و ‪ 118.11‬بكسل‪/‬سم ‪.‬‬ ‫‪ :Coloe Mode -6‬نمط األلوان ‪ -‬قبل أن نقوم بشرح األنماط التي يتعامل معها الفوتوشوب يجب‬ ‫علينا االخذ باإلعتبار بأنه مهما كان مشروعك على الفوتوشوب سواء كان للطباعة أو للنشر عبر اإلنترنت‬ ‫أو للوسائط المتعددة ففي النهاية فإن مشروعك كله عبارة عن ألوان ‪ ..‬لذلك يجب على كل شخص‬ ‫معرفة األنماط اللونية التي يتم التعامل معها في الفوتوشوب حيث أن هذه األنماط أو الخيارات‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫السنتيمتر(‪ )cm‬كل ‪ 1‬سم = ‪ 28.346‬بكسل‬ ‫*بكسل (‪ )pixel‬وهي أكثر وحدة تستخدم عالميا في قياس طول وعرض الصورة الرقمية (وهو الخيار‬ ‫المفضل لدى أكثر المصممين)‬ ‫*بوصة (‪ )inches‬كل ‪ 1‬بوصة = ‪ 72‬بكسل‬ ‫*مليمتر (‪ )mm‬كل ‪ 1‬ملم = ‪ 3‬بكسل‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫عمل رأس أو تذييل لصفحة وورد‬ ‫ ‬ ‫•‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬

‫ملف جديد ‪200 * 600‬‬ ‫رسم مستطيل‬ ‫قائمة تحرير – تحويل – لتفاف‬ ‫ثم تعديل الشكل‬ ‫اكتب ما تريد و أضف الصور و الشعارات‬ ‫احفظ الملف ‪jpg‬‬ ‫انتقل لبرنامج االوفيس وورد‬ ‫من قائمة ادراج – رأس _ تحرير الراس‬ ‫من قائمة تنسيق التفاف النص ‪ -‬عبر‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫‪1‬‬

‫ ‬ ‫•‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬

‫ملف جديد ‪800#600‬‬ ‫اضافة صورتين في نفس الملف‬ ‫اضافة قناع على صورة ‪2‬‬ ‫تعبئة بالسطل بلون اسود‬ ‫امسح ما تريد أن يظهر في الصورة‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫دمج صورتين بطريقة القناع‬

‫‪2‬‬

‫• فتح صورتين‬ ‫• في الصورة رقم ‪ 2‬استخدم اداة الختم ‪alt +‬‬ ‫• في الصورة رقم ‪ 1‬اظهر ماتريد‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫دمج صورتين بأداة الختم‬

‫‪3‬‬

‫• فتح صورة‬ ‫• أضغط مرتين على القفل في الطبقة‬ ‫• من قائمة صورة‪ >---‬مقاس حجم الصورة –< نزيد‬ ‫حجم الصورة‬ ‫• اضغط على خيارات دمج الصورة ثم حد الصورة‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫اطار برواز للصورة‪:‬‬

‫‪4‬‬

‫• فتح صورة جديده‬ ‫• أضغط مرتين على القفل‬ ‫• ضاعف الطبقة ‪ctrl+j‬‬ ‫• قائمة صورة –أعدادات ‪ +‬اسود وابيض‬ ‫• استخدم الممحاه إلظهار ماتريد أن تميزه قي‬ ‫الصورة‪.‬‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫اظهار جزء مميز من الصورة ‪:‬‬

‫‪5‬‬

‫التلوين بالفرشاةأو تحويل صورة إلي رسمه يد‬ ‫ ‬ ‫•‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬

‫فتح الصورة‬ ‫فتح الفقل بالصورة‬ ‫مضاعف الطبقة‬ ‫مرشح ‪ +‬مخطط ‪ +‬ختم‬ ‫امسح المساحه‬ ‫أو‬ ‫لون بالفرشاة‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫‪6‬‬

‫• ملف جديد‬ ‫• كتابة الكلمة المرادة‬ ‫• جعل الطبقة نقطية‬ ‫• تحرير ‪ +‬تحويل‪ +‬منظور‬ ‫• اإلرتفاع ‪%70‬‬ ‫• اضغط ‪ ctrl+J‬ثم السهم األعلى مرة واحدة‬ ‫• كرر السابق ‪ 15‬مرة‬ ‫• في الطبقة ‪ 15‬خيارات الدمج =تغشية لونية‬ ‫• في الطبقة ‪ 1‬خيارات الدمج= توهج خارجي‬ ‫أسود‪+‬الصيغة=عادي ‪ +‬الحجم ‪24‬‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫كتابة ‪ 3‬دي‬

‫‪7‬‬

‫ ‬ ‫•‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬

‫ملف جديد ‪800#600‬‬ ‫ادراج شكل‬ ‫فتح صورة وتحديدها كلها ثم نسخها‬ ‫‪Ctrl+a-Ctrl+c‬‬ ‫اضغط على الطبقة مع ‪ctrl+g‬‬ ‫تحرير ‪ +‬لصق خاص ‪+‬لصق في الداخل‬ ‫ثم دمج الطبقتين ثم تحريرها ‪ctrl+t‬‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫صورة في داخل شكل‪:‬‬

‫‪8‬‬

‫عمل كتابة مائية مائلة لالوراق‬ ‫ ‬ ‫•‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬

‫ملف جديد ‪200#200‬‬ ‫كتابة ماتريد و تحويله مائل‬ ‫تحرير ‪ +‬تحديد نموذج‬ ‫بعد ذلك في أي ملف‬ ‫تحرير ‪ +‬تعبئة ‪ +‬نموذج ونختار نموذجنا‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫‪9‬‬

‫ ‬ ‫•‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬

‫ملف جديد ‪800#600‬‬ ‫لون الخلفية لون أزرق‬ ‫ارسم بالقلم مع الضغط على ‪shift‬‬ ‫ماوس يمين انشاء تحديد‬ ‫قائمة تحديد ‪ +‬عكس التحديد‬ ‫استخدم السطل و عبئ اللون ابيض‬ ‫خيارات الدمج ‪ +‬تشطيب‪ +‬توهج اسود‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫عمل برواز بالقلم‬

‫‪0‬‬ ‫‪1‬‬

‫ ‬ ‫•‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬

‫عمل ملف ‪100 * 100‬‬ ‫أكتب ماتريد‬ ‫تحرير – تحديد نموذج‬ ‫اغلق الملف‬ ‫ملف جديد ‪600 * 800‬‬ ‫أكتب كلمة واحدة كبيرة أو حرف أو شكل‬ ‫حولها إلى نقطية‬ ‫حددها ثم أضغط الطبقة ‪+ctrl‬‬ ‫أمسح بالزر على ‪DEL‬‬ ‫تحرير‪ -‬تعبئة – نموذج (السابق)‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫‪Typography‬‬

‫‪12‬‬

‫ ‬ ‫•‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬ ‫• ‬

‫ملف جديد ‪600 *800‬‬ ‫إدراج صورة‬ ‫أكتب ما تريد‬ ‫إدراج صورة تحت طبقة الكتابة‬ ‫بالضغط بين الطبقتين ‪+alt‬‬ ‫تتحول الصورة داخل الكتابة‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫عمل صورة في داخل الكتابة‪:‬‬

‫‪13‬‬

‫نفتح الفوتوشوب اوال‬ ‫ونذهب للقائمة العلوية‬ ‫نختار منها‬ ‫كلمة ‪ -‬تحرير‬ ‫ثم‬ ‫مدير اإلعدادات‬ ‫المسبقة‬ ‫االن هذي هي الصورة‬ ‫وهكذا ينطبق علي الفرش واالكشن‬ ‫ممكن نختار الفرش‬ ‫وكل شئ لرفع الباترن نستخدم كلمة‬ ‫والستايالت والباترن‬ ‫تحميل‬ ‫ممكن ترفع باترن‬ ‫عندك او تحذف باترن‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫طريقة اضافه الباترن و الفرش و االكشن فى الفوتوشوب‬

‫المدرب‬ ‫زكي محمد علي مآل فراش‬

‫‪k2k2.ws‬‬