ارشيف دروس قسم الفوتوشوب

[لياني]

رد: ارشيف دروس قسم الفوتوشوب

درس تصميم سبيكر

 

[لياني]

رد: ارشيف دروس قسم الفوتوشوب

رجل يمشي

 

[لياني]

رد: ارشيف دروس قسم الفوتوشوب

الدرس الخامس: التعرف على قائمة Select

 

[لياني]

رد: ارشيف دروس قسم الفوتوشوب

شرح طريقة تصغير الصور المتحركه

 

[لياني]

رد: ارشيف دروس قسم الفوتوشوب

{ 8 دروس لتعلمْ تَصميمْ البنرآتْ الإعلآنية بالصور التوضيحية..~ رآآئع ...^^ ♥

شرح عَمل بنر مُتحرك جميل (1)​

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

و الآن نبدأ بالشرح
نبدأ بفتح مستند جديد بمقاس البنر الكامل ( 468 × 60 )

قم بفتح صورة السيارة أو الطيارة أو القطار ... الخ ، ثم اذهب الى image => image size
قم بوضع الاعدادات التالية :

الآن نختار أداة التحريك

عبر الزر V و نقوم بنقل السيارة الى المستند الذي سبق و فتحناه،قم بوضعه على اليسار...

الآن قم باختيار شكل من الأشكال ...

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

قم بعمل link لكافة الطبقات الا الخلفية

الآن نحول لايمج ريدي

الآن مرحلة الامج ريدي سهلة جدا بس بحاجة لشوية تركيز
نعمل فرايم جديد من خلال الـ animation

الآن ارجع اضغط على الفرايم 1 ثم اختر اداة التحريك

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

الآن اضغط على الفرايم 2 و قم بسحب السيارة عبر اداة التحريك الى اليسار الى ان تختفي السيارة و يصبح الفرايم فارغا و هذه تعتبر نقطعة النهاية

إضغط على الفرايم الأول و اختار Tween​

هذه الصورة مصغره ... انقر على هذا الشريط لعرض الصوره بالمقاس الحقيقي ... المقاس الحقيقي 709x315 والحجم 14 كيلوبايت .

​

ضع اعدادات الـ tween كالتالي :​

الآن بقي علينا وضع زمن كل فرايم
ضع الأزمان كالتالي :

ملاحظة : 1. لقد أعطينا الفرايم 4 الوقت 0.5 و ذلك لأن الكتابة التي قمت كتابتها تصبح في الوسط فأعطيناها وقت اطولعن غيرها
2. بإمكانك حذف الفرايم 7 نظراً لان الفرايم الأول مثله أو بإمكانك ابقائه فلا تأثير له
الآن بقي علينا ضغط البنر لكي نحصل على حجم ما دون الـ 12 كيلو بايت..
قم باختيار optimize

ثم ضع الاعدادات التالية

أخيراً قم بحفظ العمل عبر Ctrl + Shift + Alt + S أو File => Save optimized as
التطبيق :

​

 

[لياني]

رد: ارشيف دروس قسم الفوتوشوب

~ الدَّرسْ الثآآنِي ~

شغل برنامج الفوتوشوب وافتح لك ملف جديد وليكن بمقاسات البنر الجاهزه من خيارات انشاء الصفحة او كما تريد مقياسه ثم أملء الخلفيه باللون الازرق
الخطوة رقم - 2 -

اختر فرشة مناسبه وفي عملنا هذا نستخدم فرشة الاعشاب


الخطوة رقم - 3-

بسرعة مرر الفرشة من اسفل البنر بشكل سريع و هي ستتغير


من نفسها لانها خاصيه مميزه في هذه الفرشة ..


الخطوة - 4 -

اضف اضائة للوسط الصورة عن طريق
Filter
Render
Lenc Flare


الخطوة - 5 -

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


الخطوة - 6-

قم بكاتبه ما تريده على لير منفصل و ضع عليه محدد كي يكون مميز بين الاعشاب او الخلفيه
الان في هذه الخطوة ننتقل للامج ردي ( يوجد في شريط الاداوت العمود في الفوتوشوب زر انتقالي )
و يجب عليك :
افقل جميع الليرات ( الطبقات ) ما عدا الاولى و الثانية

ستلاحظ هذه النافذة في اسفل الامج ردي
قم بالضغط على هذا الزر

فيها و كي تستخرج لك نوافذ متعدد
في كل نافذه اخفي الطبقات ( الليرات ) الي ما تبيها و اترك التي تحتاج لها و اختار الوقت و الزمن من عند كلمة 1 sec و عند اختيارك كلمة forever فان العرض سيتكرر كلما انتهى
بعد انها العملية قم بحفظه عن طريق
File
Save Optimized As
و يستم حفظه على شكل صوره متحركه بمتداد Gif
مثل هذا العمل

​

 

[لياني]

رد: ارشيف دروس قسم الفوتوشوب

~ الدرس الثآآلث ~

أمثله ::

​

 

[لياني]

رد: ارشيف دروس قسم الفوتوشوب

~ الدرس الرآآبع ~




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

او المقايسس الاخرى المتعارف عليها.


أنا إخترت مقاس 60*468

وبأداة الدلو نختار لون لهذا البنر ونملئه به .

نقوم بتحديد الشكل التالي باداة التحديد المربع

او يمكن نستخدم الدائرة


او نستخدم اداوت الباث تول


او اي شئ اخر .


و نملئه هذا التحديد بلون متناسق مع اللون الاول :

الان نقوم بعمل ايطار صغير لهذا البنر


نضغط بيمين الماوس على البنر ونختار Stroke او نذهب من قائمة الفوتوشوب الى EDIT ثم Stroke :

من الافضل اختيار القيمة 1 او بالاكثر 2


ثم تختار لون هذا الايطار . انا اخترت الاسود

والنتيجة بعد تطبيقه :

الان في الايطار الاخظر نكتب مانريد بخط ولون جميلين

ثم نقوم بدمج لير الكتابة مع البنر بالضغط على CTRL+E

ونكتب شئ اخر في الجهة المقابلة :

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

ثم ننسخ لير الكتابة :

ونطبق على اللير العلوي الفلتر التالي :

بالقيمة التالية :

ننتقل الان الى الايميج ريدي


.
.


ونقوم باضافة لير جديد في شريط الحركة :

الان نطبق ما تم شرحه في الصور التالية :

و

والنتيجة :





::​

 

[لياني]

رد: ارشيف دروس قسم الفوتوشوب

الدرس الخامس

​

 

[لياني]

رد: ارشيف دروس قسم الفوتوشوب

لدرس السآدس

​

 

[لياني]

رد: ارشيف دروس قسم الفوتوشوب

الدرس السابع



نفتح عمل جديد ..

نصبغ الطبقه باي لون بعدين نحط لها حد ..

نسوي له تدرج لوني وهذي الاعدادات ..

ونسوي له ساتان وهذي الاعدادت ..

هذا الناتج اللي راح يطلع لك .. اكتب ما تريد ..

طبعا هالتأثير اختياري ..

اذا اضفت تأثير للكلمه ضل او لون او اي شي .. سوي الخطوه التاليه ..
- نضاعف الطبقه مرتين وندمج الطبقات الناتجه ..
- نسوي للطبقة اللي دمجناها فلتر تمويه توجيهي .. الزاويه 0 المقدار 30 - 40 بيكسل ..
- في الدرس الطبقه اللي سوينا لها الفلتر نسميها المفلتره .. والعاديه ..

بعدها انتقل الى الاميج ريدي عن طريق هالزر ..

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

في الفريم الأول اخفي الطبقتين حقت الكلمات بالضغط على علامة العين بجانب الطبقه ..

في الفريم الثاني اظهر الطبقه المفلتره ..



في الثالث أظهر الطبقه العاديـــه ..



في الرابع المفلتره .. الخامس اخفيهم .. كلهم ..



النتيجه

[ الملف المفتوح]



امثلة اخرى

​

 

[لياني]

رد: ارشيف دروس قسم الفوتوشوب

الدرس الثامن


::



في البدايه



اذهب إلى الفوتوشوب و أفتح عمل جديد , كالتالي:


ونختر المساحة التي نريدها للبنر ولنفترض أننا قمنا باختيار التالي

الأن نضيف لير جديد ونكتب فية أو نضع محتوى البنر(صور أو نصوص)

نضيف لير جديد بنفس الطريقة السابقة,,,



نختار أداة التحديد الحر المضلع

أقوم برسم التخطيط إلي يعجبني و مثلا

وأقوم بتعبئة اللير المحدد إلي رسمت علية التخطيط بأداة التلوين باللون إلي يعجبني

وأما الآن نقوم بإضافة لير أخر جديد ونقوم بتحويل التحديد بالضغط على ctrl +shift+i


وأقوم بتعبئه الير كما فعلت ذلك سابقاً أصبح الآن عندي كالأتي

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

من برنامج الإيمج ردي نقوم بعمل الأتي:
نسخ اللير كما في الصورة

أقوم بتباعد الليرات مثل ما هو موضح بالصورة ..حتى أحصل على هذ1 الشكل

ثم أقوم بالنقر على

تظهر لي هذه الخيارات أختر كما في الشكل

والآن أقوم بنفس إلي عملته في السابق لأكن بدل ما أقوم بتباعد الليرات أقوم بتقريبهم




وفي النهاية يصبح هكذ1....

او

​

 

[لياني]

رد: ارشيف دروس قسم الفوتوشوب

كيف تجعل خلفية الصورة نفس لون الموقع

 

[لياني]

رد: ارشيف دروس قسم الفوتوشوب

درس عمل طائر البطريق

 

[لياني]

رد: ارشيف دروس قسم الفوتوشوب

( الدرس الاول ) .. أساسيات الفوتوشوب ..

صورة شريط الادوات

أولاً شرح الجهه اليسرى :

تحديد المستطيل أو المربع حيث تستطيع تحديد جزء من الصورة بتحديد على شكل مستطيل أو مربع

التحديد البيضاوي حيث يمكنك تحديد أي جزء من الصورة بشكلٍ بيضاوي

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

تحديد عمود واحد .... نفس وضيفة الأداة السابقة ولكن بشكل عمودي

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

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

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

المرغوب منه وعند الضغط على مفتاح الإدخال فإن الجزء الخارجي من التحديد يتم إزالته

إستخدم البخاخة لرش ضربات لون متناثرة لتمتزج بالصورة ..تستخدم هذه الأداة كثيرا في إنشاء الظلال والإبرازات

الختم ..تستخدم هذه الأداة في نسخ جزء من الصورة إلى جزء أخر

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

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

ممحاة الخلفية وهي تعمل على فصل صورة أ, جزءمنها عن الخلفية بدقة متناهية بناءً على الألوان الموجودة في الصورة

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

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

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

أداة الإصبع ... تستخدم لعمل تلطيخ بالألوان ومزج بعض الالوان ببعضها

أداة تحديد مكون المسار...يمكنك من خلال هذه الأداة أن تقوم بتحريك المسار الذي قمت بعمله بإستخدام قلم المسار

أداة التحديد المباشر...هذه الأداة للتحكم في زوايا وإنحناءات المسارات التي قمت بعملها بإستخدام قلم المسار

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

قلم المسار الحر... لرسم المسارات بطريقة حرة

أداة إدراج نقطة في المسار الذي تم تحديده بإستخدام قلم التحديد

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

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

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

من أغرب أدوات فوتوشوب حيث يمكنك إدراج ملاحظاتك وتعليقات عن ما قمت به وذلك بصوتك

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

الألوان الإفتراضية ...بالضغط عليها يتم تغير لون المقدمة تلقائيا الى الأسود ولون الخلفية إلى اللون الأبيض

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

الإطار القياسي ... لعرض صورة المقدمة في الإطار الأساسي

الإنتقال بالصورة الى برنامج الايمج ردي

تم الانتهاء من الجهه اليسرى .. يتبع الجهه اليمنى​

 

[لياني]

رد: ارشيف دروس قسم الفوتوشوب

الجهة اليمنى :

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

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

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

إذا قمت بتقسيم الصورة بالأداة السابقة فإن هذه الأداة تقوم بتحديد الجزء المرغوب من الأجزاء المقسمة وذلك للتحكم فيه

فرشاة الرسم ... أداة معروفة للجميع وقليلة الإستخدام في الفوتوشوب

القلم .. يستخدم لرسم الخطوط الرفيعة والدقيقة .. قليلا ما يتم إستخدامه

فرشاة المحفوظات ...للرسم فوق الصور لإعادنها إلى حاله سابقة لها

فرشاة المحفوظات الفنية ... تسمح لك بإنشاء تأثيرات فنية من الحالات الفنية السابقة

أداة التعبئة .. تستخدم لتعبئة اللون الأمامي الموجود في لوح الأدوات

أداة التدرج اللوني وتستخدم لعمل تدرج لوني بين اللونين الأمامي والخلفي في الجزء المراد تعبئته بتدرج لوني

أداة إنقاص الكثافة ... إستخدمها لتخفيف وتفتيح ألوان البكسلات الموجودة في الصورة

اداة زيادة الكثافة وهي عكس السابقة تماما وتقوم بتعتيم الوان البكسلات

اداة الإمتصاص .. تقوم بتقليل قدرة التشبع في الصور وتكون النتيجة صوره أكثر بهتانا

اداة النص ويستخدم لكتابة النصوص المطلوبة

المستطيل ..تستطيع رسم مستطيل بهذه الأداة

تستطيع رسم مستطيل ذا حواف مستديرة

لرسم الدائرة

لرسم المضلع

لرسم خط

أداة لرسم الأشكال المخصصة

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

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

أداة القياس ... للقياس بين نقطتين في الصور

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

تبديل الألوان... لتبديل لون المقدمة مع اللون الخلفي

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

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

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

 

[لياني]

رد: ارشيف دروس قسم الفوتوشوب

فصل جزء من الصورة

 

[لياني]

رد: ارشيف دروس قسم الفوتوشوب

المهمة الاولى ​

لاحظ انه عند وضع المؤشر على الاداة يضهر اسمها ورمزها

الحرف امام اسم الاداة يمكنك من اختيار الاداة بواسطة لوحة المفاتيح
وللتنقل بين اداة واداة متشابهه في الرمز اضغط SHIFT ورمز الاداة.

1- تحديد مستطيل
2- تحديد بيضاوي
3- تحديد صف واحد
4- تحديد عمود واحد
5- اداة القطع او الاقتصاص ​

A

1- تحديد حر
2- تحديد مضلع
3- تحديد مغناطيسي ​

B1- الختم المطاطي
2- ختم النقش C1- فرشاة المحفوظات
2- فرشاة النقش D

1- ممحاة
2- ممحاة بدون لون
3- ممحاة من لون معين ​

E1- قلم الرصاص
2- الخط F1- تنعيم
2- توضيح
3- اصبع G1- انقاص الكثافة
2- الحرق
3- الاسفنجة H1- القلم
2- قلم مغناطيسي
3- قلم حر
4- اضافة نقطة ارساء (+)
5- حذف نقطة ارساء (-)
6- تحديد مباشر
7- تحويل نقطةI1- النص
2- قناع النص
3- نص رأسي
4- قناع النص الرأسي J1- التدرج الخطي
2- التدرج القطري
3- التدرج الزاوي
4- التدرج الماسي
5-التدرج العكسيK1- القطارة او الشافطة
2- تحليل الالوان L
المهمة الثانية
انشاء ملف جديد
ملف -- جديد
FILE-- NEW​

1- لاختيار اسم الملف
2- لتحديد طول وعرض الملف
3- لاختيار دقة الوضوح في الصوره
( 72 اذا كانت عرض ويب)
(250-300 للطباعة والنشر)
ولابد ان تكون بالانش
4- اختيار صيغة الالوان
RGB الوان الشاشه للعرض بالانترنت والويب
CMYK تسمى الوان الفرز للنشر والطباعه
5- لون الخلفية

المهمة الثالثة​

عرض المعلومات
اطارات -- اظهارلوح المعلومات
WINDOW ---SHOW INFO

1- عرض الوان الشاشه RGB
2- عرض الوان الطباعه CMYK
3- عرض نقطتي التقاء الطول بالعرض
4- عرض مقاس الطول والعرض​

المهمة الرابعة​

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

اضهار شبكة غير مطبوعه
عرض -- اظهار الشبكة
VIEW-- SHOW GRID
لتنظيم العمل والتصميم

: المهمة السادسة​

اداة القطع
اختر اداة القطع وحدد المنطقه المراد الحفاظ عليها واضغط انتر ENTER

===>

: المهمة السابعة​

تغيير حجم الصورة
صورة --- حجم الصورة
IMAGE-- IMAGE SIZE

1- لتغيير العرض والارتفاع بالبيكسل
2- لتغيير العرض والارتفاع بالمقاس الذي اخترته
3- لتغيير دقة الوضوح
4- الخيار الاول بالتأشير عليه سوف يتم تغيير
العرض والارتفاع بالتناسب الطردي كل مازاد العرض زاد الارتفاع
الخيار الثاني بعد ازالة التأشير عنه يتم تغيير الحجم مع الدقة
بالتناسب العكسي كلما زادت الدقة صغر الحجم

: المهمة الثامنة​

تغيير مقياس حقل العمل
صورة --- مقاس حجم العمل
IMAGE---CANVAS IMAGE

اعمل التغييرات التي تريد حصول مساحة اضافية وحدد اذا اردت
المساحه من اي جهه ( تابع الصورة التالية)
: المهمة التاسعة​

التراجع عن اكثر من امر واحد
اطارات --- اظهار السيره
WINDOW--- HISTORY

1- انشاء مستند جديد من الحاله الحاليه اي اخر عمل قمت به
2- انشاء لقطة جديده لاكثر من حاله ( مثلا بعد اكثر من تعديل اضغط لانشاء
لقطة جديده لعمل مقارنات للصورة قبل وبعد )
3- لحذف الحالة المؤشر عليها .
4- اضغط على المثلث المبين في الصوره واختر خيارات السيرة

لتغيير عدد مرات التراجع

 

[ام محمود]

رد: ارشيف دروس قسم الفوتوشوب

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

 

[لياني]

رد: ارشيف دروس قسم الفوتوشوب

لدرس الرابع: التعرف على قائمة Layer