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

منتديات الحور العين (http://www.hor3en.com/vb/index.php)
-   الْحُـورُ الْعِيـنُ لِلْتَّصْمِيـمِ وَالْجِرافِيـك (http://www.hor3en.com/vb/forumdisplay.php?f=26)
-   -   اساسيات الفوتوشوب (منقول بتصرف ) (http://www.hor3en.com/vb/showthread.php?t=121130)

حيائي في نقابي 06-29-2013 09:07 PM

اساسيات الفوتوشوب (منقول بتصرف )
 
[CENTER][B][FONT=Arial][SIZE=3][CENTER][IMG]http://img853.imageshack.us/img853/377/37815029.gif[/IMG][/CENTER]


[CENTER][FONT=Traditional Arabic][SIZE=5][COLOR=seagreen]ان شاء الله ابدأ بشرح برنامج الفوتوشوب من الاساس[/COLOR][/SIZE][/FONT]
[FONT=Traditional Arabic][SIZE=5][COLOR=#2e8b57]يعني الدروس للمبتدئين الجدد[/COLOR][/SIZE][/FONT]
[FONT=Traditional Arabic][SIZE=5][COLOR=#2e8b57]وهنا اضع الدروس كفهرس لها[/COLOR][/SIZE][/FONT]
[FONT=Traditional Arabic][SIZE=5][COLOR=#2e8b57]وهذه المشاركة مثبتة مع فهرس دروس الفوتوشوب[/COLOR][/SIZE][/FONT]
[FONT=Traditional Arabic][SIZE=5][COLOR=#2e8b57]ولكنها خاصة بالاساسيات فقط
برجاء من المشرفات او المراقبات وضع كل درس اضعه هنا في اول مشاركة
بسم الله نبدأ الدرس الاول
[/COLOR][/SIZE][/FONT][B][FONT=Arial][SIZE=3][IMG]http://img835.imageshack.us/img835/6813/10464jpg.gif[/IMG]

[COLOR=seagreen]نبدأ بسم الله مع اول درس[/COLOR]
[COLOR=#2e8b57]نتعلم كيفية فتح مساحة عمل نعمل عليها تصميم[/COLOR]
[COLOR=#2e8b57]وايضا نتعرف على اداة الالوان[/COLOR]

[COLOR=blue]اولا لفتح عمل جديد نتبع الصورة
[IMG]http://im40.gulfup.com/JW18K.gif[/IMG]
[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=blue]الان يظهر بوكس نختار منه العرض والارتفاع ونوع الخلفية[/COLOR]

[IMG]http://img696.imageshack.us/img696/8779/29990965.jpg[/IMG]
[COLOR=blue]هذي هي الخلفية[/COLOR]
[COLOR=#0000ff]نتعرف على اداة الالوان[/COLOR]
[COLOR=darkorchid]فائدتها انه منها نختار لون الكتابة او لون نعبيء الخلفية به او تدرج[/COLOR]
[COLOR=#9932cc]وسيأتي التوضيح
[IMG]http://im40.gulfup.com/ylD3V.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=seagreen]وهذا مانحتاج معرفته عن اداة الالوان
[IMG]http://im40.gulfup.com/YU8U3.gif[/IMG]
[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=darkorchid]في الدرس القادم نتعلم اداة الكتابة ان شاء الله[/COLOR][/SIZE][/FONT][/B]
[/CENTER]
[/SIZE][/FONT][/B][/CENTER]

حيائي في نقابي 06-29-2013 09:13 PM

[B][FONT=Arial][SIZE=3][IMG]http://img8.imageshack.us/img8/6813/10464jpg.gif[/IMG]

[COLOR=seagreen]في الدرس الاول تعلمنا كيف نفتح عمل جديد[/COLOR]
[COLOR=#2e8b57]وفي هذا الدرس ان شاء الله نتعلم كيفية فتح صورة في البرنامج[/COLOR]
[COLOR=#2e8b57]ونأخذ اداة الكتابة[/COLOR]

[COLOR=darkorchid]اولا لفتح صورة نتبع هذه الخطوات
[IMG]http://im39.gulfup.com/0v00B.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=darkorchid]فتحنا الصورة[/COLOR]
[COLOR=#9932cc]الان نختر اداة الكتابة نلاحظ ظهور بعض الخصائص الى الاعلى
[IMG]http://im39.gulfup.com/QHxnB.gif[/IMG]
[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=darkorchid]توضيح هذه الخصائص[/COLOR]
[IMG]http://im39.gulfup.com/63VzB.gif[/IMG]

[/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3]
[COLOR=darkorchid]الخاصية الاخيرة[/COLOR]
[COLOR=#9932cc]تغيير شكل الكتابة[/COLOR]
[COLOR=#9932cc]نكتب النص اولا
[IMG]http://im39.gulfup.com/ZrlFS.gif[/IMG]
[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=darkorchid]بعدها نختار الخاصية[/COLOR]
[COLOR=#9932cc]يظهر هذا الصندوق نختار منه الشكل الذي نريد[/COLOR]
[IMG]http://im39.gulfup.com/50IzH.gif[/IMG]
[/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=seagreen]جزاكم خيرا للمتابعة[/COLOR]
[COLOR=#2e8b57]اي شيء غير واضح اسألوا[/COLOR][/SIZE][/FONT][/B]
[CENTER]
[/CENTER]

حيائي في نقابي 06-29-2013 09:21 PM

[CENTER][B][FONT=Arial][SIZE=3][IMG]http://img836.imageshack.us/img836/4760/110c.gif[/IMG]


[COLOR=seagreen]اليوم نأخذ ادوات جديدة[/COLOR]
[COLOR=#2e8b57]معنا ان شاء الله[/COLOR]
[COLOR=#2e8b57]ادوات التحديد [/COLOR]
[COLOR=#2e8b57]اي اداة تحديد نراها نضغط على السهم الصغير بجانبها تظهر لنا اشكال ادوات التحديد
[IMG]http://im31.gulfup.com/iFVgl.gif[/IMG]
[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3]
[COLOR=seagreen]اي اداة تحديد عندما نحدد منطقة نريد تعبئتها بلون او عمل لها اطار او حد[/COLOR]
[COLOR=#2e8b57]نعمل التالي[/COLOR]
[COLOR=#2e8b57]اولا نحدد المنطقة
[IMG]http://im31.gulfup.com/cWMYA.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=seagreen]بعدها نختار كمات موضح

[IMG]http://im31.gulfup.com/VB8Zm.gif[/IMG][/COLOR][/SIZE][/FONT][/B]

[B][FONT=Arial][SIZE=3][COLOR=seagreen]اذا اردنا التعبئة يظهر هذا الصندوق[/COLOR]

[IMG]http://im31.gulfup.com/r5oig.gif[/IMG]
[/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3]
[COLOR=seagreen]وهنا المربع بعد التعبئة[/COLOR]
[COLOR=red]ملاحظة / اذا اردنا التخلص من التحديد نضغط من الكيبورد ctrl+d
[IMG]http://im31.gulfup.com/Vox5q.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=#2e8b57]اما اذا اردنا عمل اطار له نختار stroke[/COLOR]
[COLOR=#2e8b57]يظهر هذا الصندوق
[IMG]http://im31.gulfup.com/nAdZO.gif[/IMG]
[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=seagreen]وهذا هو التحديد بعد الاختيار[/COLOR]
[IMG]http://im31.gulfup.com/DaW8k.gif[/IMG]

[/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=seagreen]هذا كان كل شي مهم عن التحديد يجب معرفته الان[/COLOR]
[COLOR=#2e8b57]ــــــــــــــــــــــــــــــــــــــــــــــــــ ــــــــــــــــــــــــ[/COLOR]


[COLOR=royalblue]الان معنا ادوات اخرى
[IMG]http://im31.gulfup.com/THU5K.gif[/IMG]

[IMG]http://im31.gulfup.com/7kLkP.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]جزاكم خيرا للمتابعة[/COLOR]
[COLOR=#4169e1]ان شاء الله بعد الانتهاء من الادوات[/COLOR]
[COLOR=#4169e1]نبدأ نتعلم كيفية عمل تصاميم[/COLOR][/SIZE][/FONT][/B]
[B][FONT=Arial][SIZE=3]
[/SIZE][/FONT][/B][/CENTER]

حيائي في نقابي 06-29-2013 09:45 PM

[B][FONT=Arial][SIZE=3][IMG]http://img806.imageshack.us/img806/6813/10464jpg.gif[/IMG]


[COLOR=seagreen]اليوم ان شاء الله نتعلم اداتين نستعملها كثيرا في التصميم[/COLOR]
[COLOR=#2e8b57]اداتي السطل او الدلة واداة التدرج

[IMG]http://im36.gulfup.com/CeC7k.gif[/IMG]
[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3]
[COLOR=seagreen]توضح للخواص الاخرى للسطل[/COLOR]

[IMG]http://im36.gulfup.com/If8Kn.gif[/IMG]

[/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3]
[/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=seagreen]الباترن ممكن اضافة اشكال جميلة من النت[/COLOR]
[COLOR=#2e8b57]اولا نحمل الباترن من النت ونضعه في مجلد خاص
[IMG]http://im36.gulfup.com/b2isx.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3]
[COLOR=seagreen]بعدها نختار من قائمة Edit كما موضح
[IMG]http://im36.gulfup.com/bLVHh.gif[/IMG]
[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3]
[COLOR=seagreen]يظهر هذا الصندوق
[IMG]http://im36.gulfup.com/cmJFc.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][IMG]http://img192.imageshack.us/img192/4576/0008g.gif[/IMG]

[COLOR=seagreen]الان مع الاداة الاخرى واسمها اداة التدرج
[IMG]http://im36.gulfup.com/1w6Ff.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=seagreen]توضيح بقية الخواص
[IMG]http://im36.gulfup.com/Anadu.gif[/IMG]
[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=seagreen]التدرجات يمكن اضافتها بنفس الطريقة نحمل تدرجات ونضعها في ملف واحد[/COLOR]
[COLOR=#2e8b57]ونفك الضغط عنها
[IMG]http://im36.gulfup.com/KTQza.gif[/IMG]
[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3]
[COLOR=seagreen]نفس طريقة الباترن نختار من قائمة ايديت
[IMG]http://im36.gulfup.com/L4aGP.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3]
[COLOR=seagreen]الان نختار gradient

[IMG]http://im36.gulfup.com/JZQ5F.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=seagreen]جزاكم خيرا للمتابعة[/COLOR]
[COLOR=#2e8b57]اي شي غير واضح اسألوا[/COLOR][/SIZE][/FONT][/B]
[CENTER]
[/CENTER]

حيائي في نقابي 06-29-2013 10:02 PM

[CENTER][B][FONT=Arial][SIZE=3][IMG]http://img163.imageshack.us/img163/6813/10464jpg.gif[/IMG]

[COLOR=royalblue]نأخذ اليوم ان شاء الله[/COLOR]
[COLOR=#4169e1]ادوات الاشكال الهندسية
[IMG]http://im36.gulfup.com/Jo2pF.gif[/IMG]
[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]وهنا نتعلم اداة مهمة وسنستعملها كثيرا[/COLOR]
[COLOR=#4169e1]اخر اداة الاشكال او shape
[IMG]http://im36.gulfup.com/OAXF4.gif[/IMG]
[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]وهذه بعض الاشكال[/COLOR]

[IMG]http://im36.gulfup.com/Tg5rD.gif[/IMG]

[/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3]
[COLOR=royalblue]نستطيع اضافة اشكال جميلة من النت[/COLOR]
[COLOR=#4169e1]مثلما تعلمنا اضافة الباترن والتدرج[/COLOR]
[COLOR=#4169e1]كذلك الاشكال[/COLOR]

[COLOR=#4169e1]اولا / ننشيء ملف نحفظ فيه كل الاشكال اللي حملناها من النت[/COLOR]

[IMG]http://im36.gulfup.com/2RA8i.gif[/IMG]
[/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]الان نختار كما موضح

[IMG]http://im36.gulfup.com/2dkxq.gif[/IMG]
[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]ونتبع الاتي
[IMG]http://im36.gulfup.com/UePYu.gif[/IMG]
[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3]
[IMG]http://img36.imageshack.us/img36/8264/0002eu.gif[/IMG]

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

[COLOR=red]اولا / نختار كما موضح

[IMG]http://im36.gulfup.com/LvcXe.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=red]ثانيا / في هذا الصندوق نكتب 100 بدل 20 ونضغط اوك

[IMG]http://im36.gulfup.com/eeO8U.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][IMG]http://img36.imageshack.us/img36/8264/0002eu.gif[/IMG]

[COLOR=royalblue]نتعلم ايضا كيفية الحفظ[/COLOR]
[COLOR=#4169e1]صيغ الصور المهمة هي[/COLOR]
[COLOR=red]متحركة او خلفيتها شفافة GIF[/COLOR]
[COLOR=red]ثابتة JPEG[/COLOR]
[COLOR=red]مفتوحة PSD[/COLOR]

[COLOR=royalblue]الصيغ الاولى والثانية نهائية لانستطيع التعديل عليها[/COLOR]
[COLOR=#4169e1]اما الصيغة الثالثة غير صورة نهائية يعني ممكن فتحها في البرنامج [/COLOR]
[COLOR=#4169e1]والتغيير فيها او تكملة التصميم[/COLOR]


[COLOR=seagreen]اولا لحفظ الصيغ النهائية نتبع مايلي
[IMG]http://im36.gulfup.com/upNxQ.gif[/IMG]
[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=seagreen]يظهر صندوق كبير
[IMG]http://im36.gulfup.com/YcOK2.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3]
[COLOR=seagreen]اما طريقة حفظ صيغة مفتوحة[/COLOR]
[COLOR=#2e8b57]نتبع الاتي
[IMG]http://im37.gulfup.com/ddl0b.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=seagreen]يظهر الملفات نختار مكان الحفظ[/COLOR]

[IMG]http://im37.gulfup.com/9aCfE.gif[/IMG]

[/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=seagreen]جزاكم خيرا للمتابعة[/COLOR]
[COLOR=#2e8b57]اي شي غير واضح اسألوا[/COLOR][/SIZE][/FONT][/B]
[B][FONT=Arial][SIZE=3][COLOR=royalblue]
[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]
[/COLOR][/SIZE][/FONT][/B][/CENTER]

حيائي في نقابي 06-29-2013 10:26 PM

[CENTER][B][FONT=Arial][SIZE=3][CENTER][IMG]http://img844.imageshack.us/img844/6813/10464jpg.gif[/IMG][/CENTER]

[CENTER][COLOR=royalblue]هذا اخر الدروس النظرية[/COLOR]
[COLOR=#4169e1]الدرس القادم ان شاء الله نتعلم بعض الاشياء العملية[/COLOR][/CENTER]

[CENTER][COLOR=seagreen]هذا الدرس نتعلم فيه عن اهم 3 اشياء في الفوتوشوب[/COLOR]
[COLOR=#2e8b57]ووضعتها في درس واحد لانها مرتبطة ببعض تقريبا[/COLOR][/CENTER]


[CENTER][COLOR=darkred]اولا / اداة الفرشاة
[IMG]http://im34.gulfup.com/NHrr3.gif[/IMG]

[/COLOR][B][FONT=Arial][SIZE=3][CENTER][COLOR=darkred]نستطيع اضافة فرش من النت ايضا[/COLOR]
[COLOR=#8b0000]اولا / ننشيء ملف
[IMG]http://im34.gulfup.com/K1SuV.gif[/IMG]
[/COLOR][B][FONT=Arial][SIZE=3][CENTER][COLOR=darkred]نختار من قائمة ايديت
[IMG]http://im34.gulfup.com/zMID1.gif[/IMG]
[/COLOR][B][FONT=Arial][SIZE=3][COLOR=darkred]الان نختار الفرش من الصندوق
[IMG]http://im34.gulfup.com/OwYKT.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3]
[CENTER][COLOR=seagreen]الان معنا صندوق مهم جدا اذا تعلمناه يكون الفوتوشوب بسيط[/COLOR]
[COLOR=#2e8b57]صندوق الليرات او اسمه الطبقات نظهره من القائمة
[IMG]http://im34.gulfup.com/hqqpB.gif[/IMG]
[/COLOR][B][FONT=Arial][SIZE=3][CENTER][COLOR=red]كلما نريد اضافة صورة او رسمة او فرشة[/COLOR]
[COLOR=#ff0000]يجب اضافة لير جديد[/COLOR]
[COLOR=#ff0000]حتى تكون هذه الصورة في طبقة خاصة[/COLOR]
[COLOR=#ff0000]وعند عمل تأثيرات فقط هذه الصورة من تتأثر بالستايل وليس كل التصميم[/COLOR]
[COLOR=#ff0000]اذا علمنا نضيف لير جديد وبعدها نضيف الصور او الاشياء الاخرى
[IMG]http://im34.gulfup.com/cjKpV.gif[/IMG]
[/COLOR][B][FONT=Arial][SIZE=3]
[CENTER][COLOR=seagreen]هذا هو صندوق كبير فيه اختيارات عديدة[/COLOR]
[COLOR=#2e8b57]من خلاله نستطيع عمل ستايل خاص وتأثيرات جميلة
[IMG]http://im34.gulfup.com/5FlMv.gif[/IMG]

[/COLOR][B][FONT=Arial][SIZE=3][COLOR=seagreen]نلاحظ بعد تخفيف الشفافية
[IMG]http://im34.gulfup.com/ANG2U.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3]
[CENTER][COLOR=royalblue]الان شيء مهم[/COLOR]
[COLOR=#4169e1]احيانا عند فتح صورة نلاحظ بجانبها في صندوق الليرات يوجد قفل[/COLOR]
[COLOR=#4169e1]هذا القفل يجب التخلص منه لكي نستطيع العمل على الصورة[/COLOR][/CENTER]

[CENTER][COLOR=#4169e1]القفل نوعان//[/COLOR][/CENTER]


[CENTER][COLOR=red]النوع الاول / background[/COLOR]
[COLOR=royalblue]للتخلص منه نضغط مرتين على اللير
[IMG]http://im34.gulfup.com/zaVPz.gif[/IMG]
[/COLOR][B][FONT=Arial][SIZE=3][COLOR=royalblue]نلاحظ اختفاء القفل
[IMG]http://im34.gulfup.com/ZOpAj.gif[/IMG]


[/COLOR][/SIZE][/FONT][/B][/CENTER]
[/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][CENTER][COLOR=red]النوع الثاني / [/COLOR][COLOR=royalblue]index
[IMG]http://im42.gulfup.com/7cdcn.gif[/IMG]
[/COLOR][B][FONT=Arial][SIZE=3][CENTER][COLOR=royalblue]حتى نتخلص منه نتبع[/COLOR]
[COLOR=#4169e1]هذه الخطوة
[IMG]http://im42.gulfup.com/IVRYF.gif[/IMG]
[/COLOR][B][FONT=Arial][SIZE=3][COLOR=royalblue]نلاحظ تخلصنا من القفل
[IMG]http://im42.gulfup.com/rDwr9.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][CENTER][COLOR=royalblue]احيانا بعد التخلض من القفل index يتكون قفل نوع[/COLOR]
[COLOR=#4169e1]background[/COLOR]
[COLOR=#4169e1]ونتخلص منه كما الطريقة الاولى[/COLOR][/CENTER]

[CENTER][IMG]http://img696.imageshack.us/img696/1416/1281i.gif[/IMG][/CENTER]

[CENTER][COLOR=darkred]الان مع صندوق الستايل style[/COLOR]
[COLOR=#8b0000]الستايل هي تأثيرات جاهزة نستعملها بمجرد الضغط عليها[/COLOR]
[COLOR=#8b0000]تأثيرات مثل الوان او باترن وضل وخامات وغيرها[/COLOR]
[COLOR=#8b0000]نستطيع عملها بانفسنا كما تعلمنا سابقا[/COLOR]
[COLOR=#8b0000]ولكن الستايل لتوفير الوقت[/COLOR]
[COLOR=#8b0000]ومع مرور الوقت لن تستعملوها مطلقا[/COLOR]
[COLOR=#8b0000]انا عندي 1000 ستايل لااستعملها ابدا[/COLOR]
[COLOR=#8b0000]ولكن اعمل تأثيراتي الخاصة على الصور او النص[/COLOR][/CENTER]


[CENTER][COLOR=royalblue]اذا لم يكن صندوق الستايل موجود تجدوه[/COLOR]
[COLOR=#4169e1]من قائمة[/COLOR][/CENTER]

[CENTER][IMG]http://img810.imageshack.us/img810/6065/615m.jpg[/IMG][/CENTER]

[CENTER][COLOR=royalblue]هذا هو صندوق الستايل موجود على الجهة[/COLOR]
[COLOR=#4169e1]اليمنى للبرنامج
[IMG]http://im42.gulfup.com/wM524.gif[/IMG]


[IMG]http://im42.gulfup.com/RI0Jy.gif[/IMG]

[/COLOR][B][FONT=Arial][SIZE=3][CENTER][COLOR=darkred]يوجد ستايلات جميلة في النت ممكن اضافتها الى البرنامج[/COLOR]
[COLOR=#8b0000]اولا نعمل ملف اسمه ستايل ونضع فيه كل الستايلات المحملة[/COLOR][/CENTER]

[CENTER][IMG]http://img215.imageshack.us/img215/7071/618px.jpg[/IMG][/CENTER]


[CENTER][COLOR=darkred]نختار من قائمة ايديت
[IMG]http://im42.gulfup.com/2JUkS.gif[/IMG]

[/COLOR][B][FONT=Arial][SIZE=3][CENTER][COLOR=darkred]يظهر نفس الصندوق ونعمل كما موضح
[IMG]http://im42.gulfup.com/EqKXe.gif[/IMG]

[/COLOR][B][FONT=Arial][SIZE=3]
[CENTER][COLOR=darkred]انتهينا الحمد لله[/COLOR]
[COLOR=#8b0000]ولكن هذه الدروس الستة الاولى ليست كل شييء في الفوتوشوب[/COLOR]
[COLOR=#8b0000]ولكن تعمدت ان اوضح فقط الاشياء المهمة كمبتدئين[/COLOR]
[COLOR=#8b0000]والبقية نتعلمها مع التطبيقات وممارسة العمل على الفوتوشوب[/COLOR][/CENTER]

[CENTER][COLOR=#8b0000]جزاكم خيرا للمتابعة [/COLOR]
[COLOR=#8b0000]اي شيء غير واضح اسألوا[/COLOR][/CENTER]
[/SIZE][/FONT][/B]
[/CENTER]
[/SIZE][/FONT][/B]
[/CENTER]
[/SIZE][/FONT][/B]
[/CENTER]
[/SIZE][/FONT][/B]
[/CENTER]
[/SIZE][/FONT][/B]
[/CENTER]
[/SIZE][/FONT][/B]
[B][FONT=Arial][SIZE=3][COLOR=seagreen]
[/COLOR][/SIZE][/FONT][/B][/CENTER]
[/SIZE][/FONT][/B]
[COLOR=#ff0000]

[/COLOR][/CENTER]
[/SIZE][/FONT][/B]
[/CENTER]
[/SIZE][/FONT][/B]
[/CENTER]
[/SIZE][/FONT][/B]
[/CENTER]
[/SIZE][/FONT][/B]
[/CENTER]
[/SIZE][/FONT][/B][/CENTER]

حيائي في نقابي 06-29-2013 10:42 PM

[CENTER][B][FONT=Arial][SIZE=3][IMG]http://img825.imageshack.us/img825/6813/10464jpg.gif[/IMG]

[COLOR=seagreen]تكملة لدروس الاساسيات نبدأ بتعلم كيفية عمل تصميم[/COLOR]
[COLOR=#2e8b57]هذا درس عملي نتعلم من خلاله اشياء كثيرة[/COLOR]

[COLOR=#2e8b57]نتعلم التصميم[/COLOR]
[COLOR=#2e8b57]والحركة ندعها الى الدرس القادم[/COLOR]
[COLOR=#2e8b57]حتى لايكون درس طويل و ممل

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]نبدأ بسم الله[/COLOR]
[COLOR=#4169e1]اولا يجب فتح عمل جديد file > new[/COLOR]
[COLOR=#4169e1]كما تعلمنا في الدرس الاول[/COLOR]
[COLOR=#4169e1]نختار كما موضح
[IMG]http://im39.gulfup.com/be1U1.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]الان نلاحظ وجود قفل وتعلمنا في الدرس السادس انواع الاقفال والتخلص منها
[IMG]http://im39.gulfup.com/3N5Db.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]بعدما تخلصنا من القفل نريد تغيير لون الخلفية[/COLOR]
[COLOR=#4169e1]نختار السطل ولون لكم حرية اختيار اللون[/COLOR]
[COLOR=#4169e1]لاحظوا
[IMG]http://im39.gulfup.com/DgCRV.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]بعدها نريد رسم مستطيل[/COLOR]
[COLOR=#4169e1]كما تعلمنا كلما نضيف شيء الى مساحة العمل نجعله في طبقة خاصة او اسمه لير[/COLOR]

[COLOR=#4169e1]لاحظوا

[IMG]http://im39.gulfup.com/bW0y6.gif[/IMG]
[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]الان لير المستطيل مفعل نعمل عليه هذا الفلتر[/COLOR]

[IMG]http://im39.gulfup.com/1aYxW.gif[/IMG]

[/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]يظهر لنا صندوق نختار كما موضح[/COLOR]

[IMG]http://im39.gulfup.com/sXNow.gif[/IMG]
[/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]الان نريد اضافة فرشة[/COLOR]
[COLOR=#4169e1]لكم حرية الاختيار في اختيار النوع[/COLOR]

[IMG]http://im39.gulfup.com/nMbKK.gif[/IMG]

[/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]نريد اضافة بعض التأثيرات للفرشاة نختار كما موضح
[IMG]http://im39.gulfup.com/xhKMA.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]يظهر لنا صندوق كبير
[IMG]http://im39.gulfup.com/RGoBJ.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]بعدها نكتب اسم الموقع[/COLOR]
[COLOR=red]ملاحظة/ فقط عند الكتابة لانضيف لير لانه سيتكون لير كتابة عندما نكتب[/COLOR]

[IMG]http://im31.gulfup.com/c0PaV.gif[/IMG]

[/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]بعدها نضيف خامة الى العمل
[IMG]http://im31.gulfup.com/azjo6.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3]
هذه الخامة المستخدمة
[IMG]http://img18.imageshack.us/img18/8460/32032426.jpg[/IMG]

[COLOR=royalblue]بعدها لير الخامة مفعل نختار كما موضح[/COLOR]

[IMG]http://im31.gulfup.com/dm6JJ.gif[/IMG]
[/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]انتهينا من عمل التصميم[/COLOR]
[COLOR=#4169e1]في الدرس القادم نتعلم كيف نحرك الكلمات[/COLOR]
[COLOR=#4169e1]نحفظ التصميم بصيغة صورة ثابتة gpej[/COLOR]


[COLOR=#4169e1]جزاكم خيرا للمتابعة[/COLOR]
[COLOR=#4169e1]اي شي غير واضح اسألوا[/COLOR][/SIZE][/FONT][/B]
[/CENTER]

حيائي في نقابي 06-29-2013 11:13 PM

[B][FONT=Arial][SIZE=3][IMG]http://img196.imageshack.us/img196/6813/10464jpg.gif[/IMG]


هذا الدرس هو تكملة للدرس السابع[/SIZE][/FONT][/B][CENTER][url]http://www.hor3en.com/vb/showpost.php?p=517808&postcount=7[/url]

[B][FONT=Arial][SIZE=3][COLOR=royalblue]سنبدأ بعمل الحركة[/COLOR]
[COLOR=royalblue]ومن خلالها نتعلم كيفية التعامل مع الايمج ردي او اسمه الانيمشن في الاصدارات الجديدة للفوتوشوب[/COLOR]




[COLOR=royalblue]نفتح الصورة اللي صممناها[/COLOR]
[COLOR=#4169e1]ونكتب الجملة[/COLOR]
[COLOR=#4169e1]ملاحظة الجملة ليست في نفس اللير[/COLOR]
[COLOR=#4169e1]كل واحدة في لير[/COLOR]
[COLOR=#4169e1]كيف يتم هذا[/COLOR]

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

[IMG]http://im42.gulfup.com/wiz3Q.gif[/IMG]
[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]الان نضغط على علامة العين لاخفائها امام جميع ليرات الكتابة[/COLOR]

[IMG]http://im42.gulfup.com/DodZM.gif[/IMG]

[/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]نفتح صندوق الانيمشن من
[IMG]http://im42.gulfup.com/I4mRW.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]بعدها نتابع الصور ونعمل كما موضح[/COLOR]

[IMG]http://im42.gulfup.com/beaMw.gif[/IMG]


[IMG]http://im42.gulfup.com/TfXZc.gif[/IMG]



[IMG]http://im42.gulfup.com/5y3co.gif[/IMG]

[IMG]http://im42.gulfup.com/jCBxA.gif[/IMG]

[IMG]http://im42.gulfup.com/ECjX8.gif[/IMG]
[/SIZE][/FONT][/B]
[B][FONT=Arial][SIZE=3][COLOR=royalblue]ولاننسى حفظ العمل بصيغة Gif[/COLOR][/SIZE][/FONT][/B]
[IMG]http://im34.gulfup.com/aYnLI.gif[/IMG]
[B][FONT=Arial][SIZE=3][COLOR=royalblue]جزاكم خيرا للمتابعة[/COLOR]
[COLOR=#4169e1]اي شي غير واضح اسألوا[/COLOR][/SIZE][/FONT][/B]


[/CENTER]

حيائي في نقابي 06-29-2013 11:30 PM

[CENTER][B][FONT=Arial][SIZE=3][CENTER][COLOR=darkorchid]نتابع دروس الاساسيات[/COLOR]
[COLOR=#9932cc]ومعنا اليوم ايضا تطبيق عملي[/COLOR]
[COLOR=#9932cc]افضل طريقة لتعلم الفوتوشوب هو عمل دروس للتصميم يعني[/COLOR]
[COLOR=#9932cc]تصميم مكتمل من البداية الى النهاية[/COLOR]
[COLOR=#9932cc]لهذا اليوم ان شاء الله[/COLOR]
[COLOR=#9932cc]نتعلم هذا التصميم
[IMG]http://im32.gulfup.com/CfSRJ.gif[/IMG]

[/COLOR][FONT=Arial][SIZE=3][CENTER][COLOR=red]هذه الصور المستعملة في الدرس احفظوها[/COLOR]
[COLOR=#ff0000]او استعملوا غيرها لكم حرية الاختيار[/COLOR]
[URL="http://img541.imageshack.us/img541/309/nature0062s.jpg"]الاولى[/URL]
[COLOR=#ff0000][URL="http://img221.imageshack.us/img221/4315/nature0023jv.jpg"]الثانية[/URL][/COLOR]
[COLOR=#ff0000][URL="http://img580.imageshack.us/img580/7430/30525815.jpg"]الخامة[/URL][/COLOR]
[/CENTER]


[CENTER][COLOR=royalblue]بسم الله[/COLOR]
[COLOR=#4169e1]كما تعلمنا نفتح عمل جديد[/COLOR]
[COLOR=#4169e1]احفظوا اختصارها بارك الله فيكم وهو[/COLOR]
[COLOR=#4169e1]ctrl+n[/COLOR]
[COLOR=#4169e1]لانه نيو يكون حرف ن[/COLOR][/CENTER]

[CENTER][COLOR=#4169e1]المهم نفتحه من

[IMG]http://im32.gulfup.com/PQbPp.gif[/IMG]

[/COLOR][B][FONT=Arial][SIZE=3][COLOR=royalblue]نختار المقاسات
[IMG]http://im32.gulfup.com/NI5Te.gif[/IMG]


[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][CENTER][COLOR=#4169e1]صار عندنا مساحة عمل[/COLOR]
[COLOR=#4169e1]نلاحظ وجود قفل نتخلص منه كما تعلمنا في الدروس السابقة[/COLOR][/CENTER]

[CENTER][COLOR=red]ملاحظة / صندوق الليرات مكانه في الجهةاليمنى الى الاسفل[/COLOR]
[COLOR=#ff0000]لكن لعمل الدروس ويكون واضح لكم[/COLOR]
[COLOR=#ff0000]انا اقربه لذلك لاتستغربوا وجوده هنا

[IMG]http://im32.gulfup.com/6xVb9.gif[/IMG]

[/COLOR][B][FONT=Arial][SIZE=3][CENTER][COLOR=royalblue]نعبيء مساحة عملنا بلون جميل[/COLOR]
[COLOR=#4169e1]نذهب الى مربع الالوان
[IMG]http://im32.gulfup.com/8clCk.gif[/IMG]

[/COLOR][B][FONT=Arial][SIZE=3][COLOR=royalblue]يظهر صندوق كبير نكتب هذا الكود او لكم حرية الاختيار للون المفضل لديكم
[IMG]http://im32.gulfup.com/8lDwx.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][CENTER][COLOR=royalblue]نختار الان اداة السطل مع مراعاة اختيار الخصائص المشار اليها في الاعلى[/COLOR]
[COLOR=#4169e1]شاهدوا الصورة
[IMG]http://im32.gulfup.com/HPTWI.gif[/IMG]
[/COLOR][B][FONT=Arial][SIZE=3][CENTER][COLOR=royalblue]نفتح الان الصورة الاولى المستخدمة لكم حرية الاختيار في استخدام الصور[/COLOR]
[COLOR=#4169e1]احفظوا اختصار الفتح وهو ctrl+o[/COLOR]
[COLOR=#4169e1]اوبن بالانكليزي فالاختصار o[/COLOR][/CENTER]

[CENTER][COLOR=#4169e1]المهم نفتحها من
[IMG]http://im32.gulfup.com/KfUze.gif[/IMG]
[/COLOR][B][FONT=Arial][SIZE=3][CENTER][COLOR=royalblue]نلاحظ الصورة كبيرة جدا بالنسبة لتصميمنا[/COLOR]
[COLOR=#4169e1][IMG]http://img696.imageshack.us/img696/5271/57525355.jpg[/IMG][/COLOR][/CENTER]


[CENTER][COLOR=royalblue]طريقتين اما اختيار جزء من الصورة او نختار الصورة كلها ودرسنا اليوم نختارها كلها[/COLOR]
[COLOR=#4169e1]الدرس القادم نتعلم كيف نختار جزء [/COLOR][/CENTER]

[CENTER][COLOR=red]المهم اذا كانت كبيرة الحجم نعمل على تغيير حجمها[/COLOR]
[COLOR=#ff0000]نختار من قائمة ايمج كما موضح
[IMG]http://im32.gulfup.com/3WJjh.gif[/IMG]
[/COLOR][B][FONT=Arial][SIZE=3][CENTER][COLOR=royalblue]يظهر لنا صندوق نكتب احجام تصميمنا بعد ازالة علامة الصح[/COLOR]
[COLOR=#4169e1]نشاهد

[IMG]http://im32.gulfup.com/NduMo.gif[/IMG]

[/COLOR][B][FONT=Arial][SIZE=3][CENTER][COLOR=royalblue]نلاحظ الصورة صغرت نسحبها الى تصميمنا[/COLOR]
[COLOR=#4169e1]بعد اختيار اداة الحركة[/COLOR]
[COLOR=#4169e1]نضغط على الصورة وبالماوس نسحبها ونضبطها بحيث تغطي تصميمنا
[IMG]http://im38.gulfup.com/egCH6.gif[/IMG]
[/COLOR][B][FONT=Arial][SIZE=3][CENTER][COLOR=royalblue]بعدها نلاحظ صندوق الليرات اعملوا كما موضح

[IMG]http://im38.gulfup.com/4S5lL.gif[/IMG]
[/COLOR][/CENTER]
[/SIZE][/FONT][/B]
[/CENTER]
[/SIZE][/FONT][/B]
[/CENTER]
[/SIZE][/FONT][/B]
[COLOR=#ff0000]
[/COLOR][/CENTER]
[/SIZE][/FONT][/B]
[COLOR=#4169e1]
[/COLOR][/CENTER]
[/SIZE][/FONT][/B]
[COLOR=#4169e1]
[/COLOR][/CENTER]
[/SIZE][/FONT][/B]
[COLOR=#4169e1]
[/COLOR][/CENTER]
[/SIZE][/FONT][/B][SIZE=5]يتبع ان شاء الله في الرد القادم[/SIZE]
[/CENTER]
[/SIZE][/FONT][/B]
[/CENTER]
[/SIZE][/FONT]
[/CENTER]
[/SIZE][/FONT][/B][/CENTER]

حيائي في نقابي 06-29-2013 11:58 PM

[CENTER][B][FONT=Arial][SIZE=3][COLOR=blue]الان نفتح الصورة الثانية مثلما فتحنا الاولى
[IMG]http://im38.gulfup.com/2KIyi.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=blue]ايضا كبيرة نعمل على تصغيرها مثل خطوات الصورة الاولى[/COLOR]
[COLOR=#0000ff]لم اسجلها لانها نفس الخطوات[/COLOR]

[COLOR=#0000ff]طبعا نسحبها بعد التصغير[/COLOR]
[COLOR=#0000ff]نسحبها الى تصميمنا ونضبطها
[IMG]http://im38.gulfup.com/gBEdw.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=blue]الان نعمل كما موضح في صندوق الليرات
[IMG]http://im38.gulfup.com/2anTm.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=blue]بعدها نرسم مستطيل[/COLOR]
[COLOR=#0000ff]كما تعلمنا في دروس سابقة اي شيء نضيفه يجب عمل طبقة جديدة او اسمه لاير جديد
[IMG]http://im38.gulfup.com/jX65Y.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3]
[COLOR=blue]نختار الشكل المستطيل وطبعا قبلها نختار لوننا المفضل[/COLOR]
[COLOR=#0000ff]ونرسم مستطيل وسط
[IMG]http://im38.gulfup.com/lTpDN.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=blue]الان سنجعل هذا المستطيل كأنه متلاشي[/COLOR]
[COLOR=#0000ff]نذهب الى قائمة الفلاتر ونختار
[IMG]http://im38.gulfup.com/TrhMw.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=blue]ومن الصندوق نختار القيم الموضحة وبعدها نضغط اوك
[IMG]http://im38.gulfup.com/r83vi.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=blue]نقلل شفافية المستطيل من صندوق الليرات
[IMG]http://im34.gulfup.com/2zxzD.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3]
[COLOR=blue]رسمنا مستطيل نختار الان اداة الكتابة ونكتب اسم الموقع وبعدها بالعربي نكتب على المستطيل[/COLOR]
[COLOR=red]عند الانتهاء من الكتابة نستطيع بأداة التحريك جعل الكتابة في الوسط

[IMG]http://im34.gulfup.com/oZmVV.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]بعد سحبها الى تصميمنا من صندوق الليرات نغير خصائصها والشفافية[/COLOR]
[COLOR=#4169e1]نلاحظ
[IMG]http://im33.gulfup.com/WfLZl.gif[/IMG]

[/COLOR][/SIZE][/FONT][/B][B][FONT=Arial][SIZE=3][COLOR=royalblue]وبهذا اصبح تصميمنا جاهز[/COLOR]
[COLOR=#4169e1]نحفظه كما تعلمنا[/COLOR]
[COLOR=#4169e1]جزاكم خيرا للمتابعة[/COLOR][/SIZE][/FONT][/B]
[/CENTER]


الساعة الآن 08:44 PM.

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