انا لله وانا اليه راجعون... نسألكم الدعاء بالرحمة والمغفرة لوالد ووالدة المشرف العام ( أبو سيف ) لوفاتهما رحمهما الله ... نسأل الله تعالى أن يتغمدهما بواسع رحمته . اللهم آمـــين


الْحُـورُ الْعِيـنُ لِلْتَّصْمِيـمِ وَالْجِرافِيـك يُدرج فيه الموضوعات الخاصة بالتصميم وبرامجه المتنوعة من دروس وتصميمات مثل الفوتوشوب والسويش والفلاش وغيرها .

إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
  #1  
قديم 06-29-2013, 09:07 PM
حيائي في نقابي حيائي في نقابي غير متواجد حالياً
عضو جديد
 




Icon42 اساسيات الفوتوشوب (منقول بتصرف )

 



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


نبدأ بسم الله مع اول درس
نتعلم كيفية فتح مساحة عمل نعمل عليها تصميم
وايضا نتعرف على اداة الالوان

اولا لفتح عمل جديد نتبع الصورة

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


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


وهذا مانحتاج معرفته عن اداة الالوان

في الدرس القادم نتعلم اداة الكتابة ان شاء الله
رد مع اقتباس
  #2  
قديم 06-29-2013, 09:13 PM
حيائي في نقابي حيائي في نقابي غير متواجد حالياً
عضو جديد
 




افتراضي



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

اولا لفتح صورة نتبع هذه الخطوات


فتحنا الصورة
الان نختر اداة الكتابة نلاحظ ظهور بعض الخصائص الى الاعلى

توضيح هذه الخصائص



الخاصية الاخيرة
تغيير شكل الكتابة
نكتب النص اولا

بعدها نختار الخاصية
يظهر هذا الصندوق نختار منه الشكل الذي نريد

جزاكم خيرا للمتابعة
اي شيء غير واضح اسألوا


رد مع اقتباس
  #3  
قديم 06-29-2013, 09:21 PM
حيائي في نقابي حيائي في نقابي غير متواجد حالياً
عضو جديد
 




افتراضي




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


اي اداة تحديد عندما نحدد منطقة نريد تعبئتها بلون او عمل لها اطار او حد
نعمل التالي
اولا نحدد المنطقة


بعدها نختار كمات موضح



اذا اردنا التعبئة يظهر هذا الصندوق



وهنا المربع بعد التعبئة
ملاحظة / اذا اردنا التخلص من التحديد نضغط من الكيبورد ctrl+d


اما اذا اردنا عمل اطار له نختار stroke
يظهر هذا الصندوق

وهذا هو التحديد بعد الاختيار


هذا كان كل شي مهم عن التحديد يجب معرفته الان
ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــ


الان معنا ادوات اخرى




جزاكم خيرا للمتابعة
ان شاء الله بعد الانتهاء من الادوات
نبدأ نتعلم كيفية عمل تصاميم


رد مع اقتباس
  #4  
قديم 06-29-2013, 09:45 PM
حيائي في نقابي حيائي في نقابي غير متواجد حالياً
عضو جديد
 




افتراضي




اليوم ان شاء الله نتعلم اداتين نستعملها كثيرا في التصميم
اداتي السطل او الدلة واداة التدرج



توضح للخواص الاخرى للسطل




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



بعدها نختار من قائمة Edit كما موضح


يظهر هذا الصندوق




الان مع الاداة الاخرى واسمها اداة التدرج


توضيح بقية الخواص

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


نفس طريقة الباترن نختار من قائمة ايديت



الان نختار gradient



جزاكم خيرا للمتابعة
اي شي غير واضح اسألوا


رد مع اقتباس
  #5  
قديم 06-29-2013, 10:02 PM
حيائي في نقابي حيائي في نقابي غير متواجد حالياً
عضو جديد
 




افتراضي



نأخذ اليوم ان شاء الله
ادوات الاشكال الهندسية

وهنا نتعلم اداة مهمة وسنستعملها كثيرا
اخر اداة الاشكال او shape

وهذه بعض الاشكال




نستطيع اضافة اشكال جميلة من النت
مثلما تعلمنا اضافة الباترن والتدرج
كذلك الاشكال

اولا / ننشيء ملف نحفظ فيه كل الاشكال اللي حملناها من النت


الان نختار كما موضح


ونتبع الاتي




الان معلومات مهمة يجب معرفتها
اولا / عند عمل خطأ ونريد التراجع نضغط من الكيبورد ctrl+allt+Z
برنامج الفوتوشوب يسمح لنا بالتراجع فقط 20 خطوة
واحيانا نريد الرجوع اكثر خصوصا اذا كان تصميم كبير
نعمل الاتي لكي نستطيع الرجوع 100 خطوة

اولا / نختار كما موضح



ثانيا / في هذا الصندوق نكتب 100 بدل 20 ونضغط اوك





نتعلم ايضا كيفية الحفظ
صيغ الصور المهمة هي
متحركة او خلفيتها شفافة GIF
ثابتة JPEG
مفتوحة PSD

الصيغ الاولى والثانية نهائية لانستطيع التعديل عليها
اما الصيغة الثالثة غير صورة نهائية يعني ممكن فتحها في البرنامج
والتغيير فيها او تكملة التصميم


اولا لحفظ الصيغ النهائية نتبع مايلي

يظهر صندوق كبير



اما طريقة حفظ صيغة مفتوحة
نتبع الاتي


يظهر الملفات نختار مكان الحفظ



جزاكم خيرا للمتابعة
اي شي غير واضح اسألوا



رد مع اقتباس
  #6  
قديم 06-29-2013, 10:26 PM
حيائي في نقابي حيائي في نقابي غير متواجد حالياً
عضو جديد
 




افتراضي


هذا اخر الدروس النظرية
الدرس القادم ان شاء الله نتعلم بعض الاشياء العملية

هذا الدرس نتعلم فيه عن اهم 3 اشياء في الفوتوشوب
ووضعتها في درس واحد لانها مرتبطة ببعض تقريبا


اولا / اداة الفرشاة


نستطيع اضافة فرش من النت ايضا
اولا / ننشيء ملف

نختار من قائمة ايديت

الان نختار الفرش من الصندوق



الان معنا صندوق مهم جدا اذا تعلمناه يكون الفوتوشوب بسيط
صندوق الليرات او اسمه الطبقات نظهره من القائمة

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


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


نلاحظ بعد تخفيف الشفافية



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

القفل نوعان//


النوع الاول / background
للتخلص منه نضغط مرتين على اللير

نلاحظ اختفاء القفل



النوع الثاني / index

حتى نتخلص منه نتبع
هذه الخطوة

نلاحظ تخلصنا من القفل


احيانا بعد التخلض من القفل index يتكون قفل نوع
background
ونتخلص منه كما الطريقة الاولى


الان مع صندوق الستايل style
الستايل هي تأثيرات جاهزة نستعملها بمجرد الضغط عليها
تأثيرات مثل الوان او باترن وضل وخامات وغيرها
نستطيع عملها بانفسنا كما تعلمنا سابقا
ولكن الستايل لتوفير الوقت
ومع مرور الوقت لن تستعملوها مطلقا
انا عندي 1000 ستايل لااستعملها ابدا
ولكن اعمل تأثيراتي الخاصة على الصور او النص


اذا لم يكن صندوق الستايل موجود تجدوه
من قائمة


هذا هو صندوق الستايل موجود على الجهة
اليمنى للبرنامج





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



نختار من قائمة ايديت


يظهر نفس الصندوق ونعمل كما موضح



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

جزاكم خيرا للمتابعة
اي شيء غير واضح اسألوا














رد مع اقتباس
  #7  
قديم 06-29-2013, 10:42 PM
حيائي في نقابي حيائي في نقابي غير متواجد حالياً
عضو جديد
 




افتراضي



تكملة لدروس الاساسيات نبدأ بتعلم كيفية عمل تصميم
هذا درس عملي نتعلم من خلاله اشياء كثيرة

نتعلم التصميم
والحركة ندعها الى الدرس القادم
حتى لايكون درس طويل و ممل

نبدأ بسم الله
اولا يجب فتح عمل جديد file > new
كما تعلمنا في الدرس الاول
نختار كما موضح


الان نلاحظ وجود قفل وتعلمنا في الدرس السادس انواع الاقفال والتخلص منها


بعدما تخلصنا من القفل نريد تغيير لون الخلفية
نختار السطل ولون لكم حرية اختيار اللون
لاحظوا


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

لاحظوا


الان لير المستطيل مفعل نعمل عليه هذا الفلتر



يظهر لنا صندوق نختار كما موضح


الان نريد اضافة فرشة
لكم حرية الاختيار في اختيار النوع



نريد اضافة بعض التأثيرات للفرشاة نختار كما موضح


يظهر لنا صندوق كبير


بعدها نكتب اسم الموقع
ملاحظة/ فقط عند الكتابة لانضيف لير لانه سيتكون لير كتابة عندما نكتب



بعدها نضيف خامة الى العمل



هذه الخامة المستخدمة


بعدها لير الخامة مفعل نختار كما موضح


انتهينا من عمل التصميم
في الدرس القادم نتعلم كيف نحرك الكلمات
نحفظ التصميم بصيغة صورة ثابتة gpej


جزاكم خيرا للمتابعة
اي شي غير واضح اسألوا

رد مع اقتباس
  #8  
قديم 06-29-2013, 11:13 PM
حيائي في نقابي حيائي في نقابي غير متواجد حالياً
عضو جديد
 




افتراضي




هذا الدرس هو تكملة للدرس السابع
http://www.hor3en.com/vb/showpost.ph...08&postcount=7

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




نفتح الصورة اللي صممناها
ونكتب الجملة
ملاحظة الجملة ليست في نفس اللير
كل واحدة في لير
كيف يتم هذا

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


الان نضغط على علامة العين لاخفائها امام جميع ليرات الكتابة



نفتح صندوق الانيمشن من


بعدها نتابع الصور ونعمل كما موضح














ولاننسى حفظ العمل بصيغة Gif

جزاكم خيرا للمتابعة
اي شي غير واضح اسألوا



رد مع اقتباس
  #9  
قديم 06-29-2013, 11:30 PM
حيائي في نقابي حيائي في نقابي غير متواجد حالياً
عضو جديد
 




افتراضي

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


هذه الصور المستعملة في الدرس احفظوها
او استعملوا غيرها لكم حرية الاختيار
الاولى
الثانية
الخامة


بسم الله
كما تعلمنا نفتح عمل جديد
احفظوا اختصارها بارك الله فيكم وهو
ctrl+n
لانه نيو يكون حرف ن

المهم نفتحه من



نختار المقاسات



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

ملاحظة / صندوق الليرات مكانه في الجهةاليمنى الى الاسفل
لكن لعمل الدروس ويكون واضح لكم
انا اقربه لذلك لاتستغربوا وجوده هنا



نعبيء مساحة عملنا بلون جميل
نذهب الى مربع الالوان


يظهر صندوق كبير نكتب هذا الكود او لكم حرية الاختيار للون المفضل لديكم


نختار الان اداة السطل مع مراعاة اختيار الخصائص المشار اليها في الاعلى
شاهدوا الصورة

نفتح الان الصورة الاولى المستخدمة لكم حرية الاختيار في استخدام الصور
احفظوا اختصار الفتح وهو ctrl+o
اوبن بالانكليزي فالاختصار o

المهم نفتحها من

نلاحظ الصورة كبيرة جدا بالنسبة لتصميمنا


طريقتين اما اختيار جزء من الصورة او نختار الصورة كلها ودرسنا اليوم نختارها كلها
الدرس القادم نتعلم كيف نختار جزء

المهم اذا كانت كبيرة الحجم نعمل على تغيير حجمها
نختار من قائمة ايمج كما موضح

يظهر لنا صندوق نكتب احجام تصميمنا بعد ازالة علامة الصح
نشاهد



نلاحظ الصورة صغرت نسحبها الى تصميمنا
بعد اختيار اداة الحركة
نضغط على الصورة وبالماوس نسحبها ونضبطها بحيث تغطي تصميمنا

بعدها نلاحظ صندوق الليرات اعملوا كما موضح












يتبع ان شاء الله في الرد القادم


رد مع اقتباس
  #10  
قديم 06-29-2013, 11:58 PM
حيائي في نقابي حيائي في نقابي غير متواجد حالياً
عضو جديد
 




افتراضي

الان نفتح الصورة الثانية مثلما فتحنا الاولى


ايضا كبيرة نعمل على تصغيرها مثل خطوات الصورة الاولى
لم اسجلها لانها نفس الخطوات

طبعا نسحبها بعد التصغير
نسحبها الى تصميمنا ونضبطها


الان نعمل كما موضح في صندوق الليرات


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



نختار الشكل المستطيل وطبعا قبلها نختار لوننا المفضل
ونرسم مستطيل وسط


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


ومن الصندوق نختار القيم الموضحة وبعدها نضغط اوك


نقلل شفافية المستطيل من صندوق الليرات



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



بعد سحبها الى تصميمنا من صندوق الليرات نغير خصائصها والشفافية
نلاحظ


وبهذا اصبح تصميمنا جاهز
نحفظه كما تعلمنا
جزاكم خيرا للمتابعة

رد مع اقتباس
إضافة رد


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

 

منتديات الحور العين

↑ Grab this Headline Animator

الساعة الآن 07:49 AM.

 


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
.:: جميع الحقوق محفوظة لـ منتدى الحور العين ::.