دروس الفوتوشوب (إطلب درسك)

[وليد4]

مشكورررررررررررررررين

دروسك وايد فادتني

[الحلم الواعد]

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

[السجايا]

انا ميح فالفوتوشوب يا ريت تعلموني الاساسيات وشكرا ....

[قطو الفريج]

عندي درس بس بدون صورهههههههههههههههه هذا الدرس:


مثال على الدرس





أدوات الدرس

اليوم سويت لكم درس عن أداة الختم بالفوتوشوب ..

واللي هي هذي ،،





هذي هي الصور اللي بنستخدمها حق التصميم ،،
ما لقيت أحسن عنهم







خطوات التنفيذ

الخطوة الأولى ،،

نتجه إلى
file ---- open



بيظهر لنا هالبوكس


اتجهوا لـ my pictures

واختاروا صورتين ،، صورة للخلفية ،، وصورة تكون الموضوع ،،

أنا اخترت صورة البنت للموضوع ،،

وصورة المنظر الطبيعي للخلفية ،، بنفس الطريقة ،،





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



نفتح لير جديد بالضغط على المربع (new layer) مثل ما مبين بالصورة ،،


والحين نتجه لأداة الختم ،،



في شريط اختيارات الأداة اللي بيظهر لنا تحت القائمة الرئيسية نضغط على السهم الصغير الموجود على يسار كلمة Brush ونختار الفرشاة الضبابية وقيمتها يفضل تكون 100 ،،
للتوضيح أكثر ،، شوفو الصورة



نتجه لصورة البنت ونضغط عليها عشان نفعلها

(هذي أهم خطوة)

نضغط على الزر (alt) بالكيبورد بشكل متصل ،، وبنفس الوقت نسوي كليك على صورة البنت ،، وأفضل إنكم تسوون كليك بين عيونها ،،

نروح للخلفية ،، ونختار المكان اللي نبي نشوف فيه صورة البنت ،، ونبدأ نظهر الصورة بالـ (left click) من الماوس ــ الفأرة ــ المتواصل بشكل دائري ،، مثل ما تشوفون بالصورة تحت ،،



ويمكن لاحظتو العلامة اللي تظهر على صورة البنت أثناء عملية اظهار صورتها على الخلفية ،،

هالعلامة تبين لنا المكان اللي نظهره ،،

للتوضيح شوفو الصورة اللي تحت ،،


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

وهذي النتيجة اللي بتظهر لنا ،،





الحين تقدرون تتجهون لبوكس الليرات ،، عشان تلعبون بالصورة ،، وأنا بخففها عشان أخليها تندمج مع الخلفية أكثر ونقلل من اللون الأبيض اللي بصورة البنت ،، لان الصورة مب مقصوصة ،، وخففتها لين 60%



وهذي بتكون النتيجة ،،




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



وهذي بتكون النتيجة ،،





طبعا الحين ما بقى إلا أننا نحفظ الصورة ،،

نتجه لـ
file --- save as




بيظهر لنا هالبوكس ،،

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




الحين بعلمكم حركة ثانية تقدرون تسوونها بأداة الختم ،،

نفتح الصورة اللي حفظناها ،،



نكرر نفس الخطوات اللي سويناها فوق ،،

بعيدها للتذكير ،،

نتجه لقائمة الأدوات ونختار أداة الختم ،، من قائمة اختيارات الأداة اللي تظهر تحت القائمة الرئيسية نختار الفرشاة الضبابية بقيمة 100 ،،

نتجه للصورة اللي فتحناها ،، ونضغط على الزر (alt) بالكيبورد بشكل متصل ،، وبنفس الوقت نسوي كليك على صورة البنت (بين عيونها)

ومرة ثانية نفتح لير جديد


ونختار أي مكان بالصورة عشان نظهر فيه عيون البنت ،، وأنا اخترت الزاوية اليسار فوق ،، ونبدأ نظهر الصورة بالـ (left click) المتواصل بشكل دائري ،، مثل ما تشوفون بالصورة تحت ،،





الحين عشان نقدر نلعب بصورة العين اللي ظهرناها قبل شوي ،، نضغط على
ctrl + T من لوحة المفاتيح

وبيظهر هالمربع على عيون البنت ،،



هالمربع يخولنا نلعب بالجزئية ونمطها على كيفنا ،،

وأنا سحبتها من الزاوية شوي ،، ووصلت لهالنتيجة ،،



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



وكخطوة إضافية اتجهت لبوكس الليرات وخففت الصورة بنسبة 50 % مثل ما بينت لكم في الصورة اللي تحت




ونحفظ الحركة الجديدة مرة ثانية بنفس الطريقة ،،

file --- save as
ويفضل تخزينها بصيغة jpeg



إن شاء الله يكون الدرس عيبكم ،،

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

بانتظار ردودكم وتطبيقاتكم

[قطو الفريج]

شكراً لك اخي الأسد الدرس وااااااااااااااااااااااااااااايد حلو الدرس

[قطو الفريج]

المقدمة
غالبأ ما نحب أن نحتفظ بصور أحبائنا معنا ،، في السابق كنا نضعه في أفضل البراويز ،، أما اليوم ومع التطور التقني أصبحت الصور العادية عبارة عن لوحات فنية ،، وقد ندفع عشرات واحياناً مئات الدراهم كي نحصل على صور فنية من استديوهات التصوير المتخصصة .. ولكن هل تعلم أن معظم استديوهات التصوير تستخدم برنامج الفوتوشوب!
هل عندك برنامج الفوتوشوب؟؟ هل لديك الرغبة في ابتكار صورك الفنية الخاصة؟؟
تابع الدرس ..



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

Image >> Image Size

سيظهر لك هذا البوكس ..

ومن خلاله يمكنك تغيير الحجم ،، لكن تأكد من وضع إشارة صح عند Constrain Proportions ،،

للعلم .. Constrain Proportion يجعل أبعاد الصورة ثابتاً من حيث الطول والعرض ،، أي عندما تغير في حجم العرض (Width) فإن الطول (Height) سيتغير تلقائياً .. وهذا الاختيار مهم عند تغيير حجم الصور .. لأنك إن غيرت حجم العرض دون الطول ستختل دقة الصورة ..

إلى الخطوة الثالثة



الخطوة الثالثة
هذه الخطوة تتكون من أربعة مراحل سهله وعجيبة ..
تابع معي ..


المرحلة الأولى

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


إن لم تجد بوكس الليرات ،، أو لم تعرف كيف تنسخها ،، اتبع الرابط التالي ..

من لوحة المفاتيح اضغط على Shift + Ctrl + U

للعلم .. بإمكانك أن تطبق هذا الأمر بطريقة أخرى .. وهي:
Image >> Adjustments >> Desaturate

ستلاحظ تغيير لون الصورة للأبيض والأسود ..

شاهد النتيجة



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

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


على اللير الجديد ،، اتجه للوحة المفاتيح مرة أخرى ،، واضغط على Ctrl + I

للعلم .. بإمكانك تطبيق هذا الأمر بطريقة أخرى .. وهي:
Image >> Adjustments >> Invert

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

شاهد نتيجتي

مازالت الطفلة محتفظة ببراءتها حتى في النيجاتيف ،، لكن لن نبقيها هكذا طويلاً .. انتقل للمرحلة الثالثة


المرحلة الثالثة

إلى الفلتر التالي ..
Filter >> Blur >> Gaussian Blur

سيظهر لك بوكس آخر ،، أدخل فيه القيمة 3.5 ،، أو أي قيمة تجدها مناسبة ،، ولكن نصيحتي ألا يكون الرقم كبيراً ،، لأن ذلك سيؤثر على التصميم ..
اتجه لبوكس الليرات ،، وغير خاصية اللير من Normal إلى Color Dodge
شاهد التغيير في بوكس الليرات في هذه الصورة المتحركة


يا سلاااااام .. ما رأيك ؟؟



المرحلة الرابعة والأخيرة

اتجه لبوكس الليرات ،، وقم بإضافة لير جديد ..

لمزيد من المعلومات عن كيفية إضافة لير جديد ،، اتبع الرابط التالي ..

والآن اختر أداة التدرج ،، واختر أحدى التدرجات الجاهزة في الفوتوشوب ،، وقد قمت باختيار هذا الشكل المشرق ..

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

لاحظ مساحة العمل بعد تطبيق التدرج ..

لقد اختفت الصورة!!
لا تقلق من اختفاء الصورة .. سنظهرها الآن بشكل رائع ..

اتجه إلى بوكس الليرات وغير خاصية اللير الجديد من Normal إلى Overlay أو Color Burn حسب ذوقك ــ بنفس الطريقة التي فعلنها قبل قليل في المرحلة الثالثة ــ

في الدرس غيرت إلى Overlay ..
لاحظ وضع بوكس الليرات ..

والنتيجة ..

قم بدمج جميع الليرات عن طريق الضغط على Shift + Ctrl + E
للعلم .. بإمكانك تطبيق هذا الأمر بطريقة أخرى ،، وهي .. Layer >> Merge Visible

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

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




الخطوة الرابعة

تتكون من ثلاث مراحل ..



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

اضغط على صورة الولد بالفأرة كي تقوم بتفعيلها ،،

ارفع القفل عن الصورة كما فعلنا في الخطوة الثانية مع صورة الطفلة ،،
للذكير .. Layer >> New >> Layer From Background
سيظهر لك بوكس آخر ا اضغط على Ok

المرحلة الثانية
سأقوم بتوضيح صورة الولد ..

قم بنسخ اللير ،، وعلى اللير الثاني ،، غير الخاصية من Normal إلى Screen
وغير قيمة Fill من 100% إلى 50%
لاحظ بوكس الليرات


والآن ادمج الليرات كما فعلنا قبل قليل ،، بالضغط على Shift + Ctrl + E من لوحة المفاتيح ..

ملاحظة .. هذه الخطوة اختيارية ،، فقد تكون الصورة التي تستخدمها واضحة ،، فلا تحتاج لهذه الخطوة


المرحلة الثالثة
سنقوم الآن بنقل صورة الولد إلى الخلفية ــ صورة الطفلة ،، حان وقت الاستيقاظ خخخخخ ــ

اتبع الخطوات التالية بدقة ،، لا داعي للقلق .. فالخطوات سهلة جداً:
1- اضغط بالفأرة على صورة الولد .. ومن لوحة المفاتيح اضغط على:
Ctrl + A وذلك لتحديد الصورة بالكامل ..

2- مباشرة من لوحة المفاتيح مرة أخرى اضغط على:
Ctrl + C لنسخ الصورة ..

3- انتقل إلى صورة الطفلة الصغيرة ،، اضغط عليها بالفأرة ــ الماوس ــ لتفعيلها ثم من لوحة المفاتيح اضغط على:
Ctrl + V للصق صورة الولد على الخلفية ..
شاهد النتيجة قبل الانتقال للرقم 4


4- من لوحة المفاتيح مرة أخرى ،، اضغط على Ctrl + T ستظهر لك مربعات صغيرة حول صورة الولد ،، اضغط على الصورة من منتصفها وانقلها إلى اليسار قليلاً ،، أو عدل في وضعية الصورة حسب رغبتك ..

شاهد الصورة بعد تنفيذ الخطوة رقم (4)

اضغط على Enter من لوحة المفاتيح كي تؤكد على تثبيت وضعية الصورة ..

المرحلة الرابعة
في هذه المرحلة ،، سنقوم بترتيب حواف صورة الولد .. في خطوتين:
1- من قائمة الأدوات ,,اختر أداة الممحاة ،،
قم باستخدام الفرشاة الدائرية ذات الحواف الضبابية للممحاة وامسح الأطراف الزائدة التي على يمين صورة الولد .. يفضل استخدام الفرشاة بحجم كبير ،، وفي الدرس اخترت الحجم بقيمة 100 ..

شاهد الاعدادات في خصائص الممحاة ..

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

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

شاهد النتيجة


2- الخطوة الثانية من ترتيب الحواف ..

اختر أداة القطع Crop

ثم حدد حواف البرواز بالكامل ..

لحظة لو سمحتي .. كيف أستخدم أداة القطع؟؟
أحسنت بالسؤال .. بعد أن تختار الأداة ،، اتجه لمساحة العمل واضغط بالفأرة على أي مكان من الصورة ــ ويفضل أن يكون من الزاوية ــ ثم اسحب مؤشر القطع إلى الزاوية المقابلة .. وإن لم تستطع تحديد البرواز من المحاولة الأولى فلا تقلق ،، على التحديد سيظهر مربعات صغيرة يمكنك من خلالها أن تتحكم بمساحة القطع ..

شاهد كيفية التحديد ..

بعد أن تحدد البرواز اضغط على Enter من لوحة المفاتيح لتؤكد على القطع ..
ممممممممم .. لم يحدث شيء!! ما فائدة هذه الخطوة؟؟
لا تستهن بهذه الخطوة .. فهي مهمة جداً .. لو رجعت إلى أدوات الدرس ستلاحظ أن صورة الولد أطول بكثير من صورة الطفلة الصغيرة .. وبقية صورة الولد مازالت موجودة حتى وإن لم نشاهدها في مساحة العمل .. فإن استخدمت أداة المؤشر ــ قبل استخدامك لأداة القطع ــ ورفعت الصورة إلى الأعلى قليلا ستشاهد بقية الصورة .. لكن طبق هذا في تجربة أخرى أما الآن فلا تفسد الترتيب .. تابع معي الخطوة الأخيرة ..

عفواً .. طالما لا أشاهد بقية الصورة في مساحة العمل ،، فما الضرر من وجودها؟!!
يبدو أننا لن نكمل الدرس اليوم!! ..... ههههههههه

سأخبرك ،، في الخطوة الأخيرة سنزيد من المساحة حول الصورة ،، وعند الزيادة ،، ستظهر بقية صورة الولد وبالتالي ستفسد علينا التصميم ،،
والآن .. هل يمكننا أن ننتقل للخطوة الأخيرة؟!




الخطوة الخامسة والأخيرة
هذه الخطوة إختيارية ،، حيث سنقوم بتصميم إطار للصورة ،،

تتكون هذه الخطوة أيضاً من أربعة مراحل ..



المرحلة الأولى

سنزيد من حجم التصميم ككل 20 بيكسل للطول والعرض

طبق التالي ..
Image >> Convas Size

سيظهر لك بوكس لتعديل الحجم .. طبق فيه التالي ..
عند New Size ستجد شريط أبيض بجانبه سهم أزرق ،، اضغط على السهم وحول الاختيار إلى Pixels ،، افعل ذلك في الشريطين ،، بعد ذلك قم بزيادة الأرقام في العرض والطول 20 بيكسل ..
مثلاً في التصميم الذي نعمل عليه الآن ،، حجم العرض (Width) عندي 300 بيكسل والطول (Height) بقيمة 198 بيكسل ..
وقمت بزيادة 20 بكسل على العرض فأصبحت القيمة 320 ,, وزدت 20 أخرى على الطول فأصبحت 218 ..
شاهد الصورة ..

والنتيجة على مساحة العمل



المرحلة الثانية
سنضيف بعض التأثير على الصورة ..

اتجه إلى ..
Layer >> Layer Style >> Blending Options

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

هذا كل شيء .. اضغط Ok ..

ستلاحظ إضافة ظل أسفل التصميم ..

وقبل أن أريك النتيجة طبق التالي ..
اتجه إلى قائمة >>
Edit >> Transform >> Rotate

ستظهر لك مربعات التحديد حول الصورة ،، وهذه المرة لتدوير الصورة ،، قم بتوير الصورة نحو اليسار قليلاً ،، احرص على أن تبقي زوايا التصميم ظاهرة للمحافظة على الدقة ..

شاهد النتيجة أثناء التطبيق

من لوحة المفاتيح اضغط على Enter لتأكيد الأمر ..


المرحلة الثالثة
قم بإضافة لير جديد
لمعرفة المزيد عن كيفية إضافة الليرات ،، اتبع الرابط التالي ..

اختر لوناً مناسباً يتماشى مع عناصر التصميم .. وقد اخترت اللون الأزرق بدرجة: 99CCFF
ثم باستخدام أداة السطل قم بتعبئة اللير الجديد باللون الذي اخترته ..

إذا أردت أن تحصل على معلومات أكثر عن الألوان في الفوتوشوب وكيفية استخدامها ،، اتبع الرابط التالي
أما إن كنت تواجه صعوبة في استخدام أداة السطل ،، فاتبع هذا الرابط
يا ويلي .. بعد كل هذا التعب! لقد اختفى التصميم تماما؟!!
إهدأ قليلاً .. فتصميمك في الحفظ والصون .. فهو موجود أسفل اللير الجديد الذي قمت بتلوينه .. تابع هذه الخطوة الصغيرة ثم سنحضره للأعلى ..
اتجه مرة أخرى إلى ..
Layer >> Layer Style >> Blending Options

في النافذة الكبيرة ،، ضع إشارة صح على مربعين فقط ،،
المربع الذي بجانب كلمة Bevel and Emboss
والمربع الذي بجانب $$$$ure
ثم اضغط Ok

شاهد تطبيق الأمر السابق

وستكون النتيجة كالتالي

مممممممم .. جميييل!


والمرحلة الأخيرة

سنقوم الآن برفع لير التصميم إلى الأعلى ..
اتجه لبوكس الليرات ،، واضغط على لير التصميم ثم اسحبه لأعلى اللير الجديد ..

ما رأيك الآن


تم بحمد الله


منقول

[lover]

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

[lover]

مشــــــــــــــــــــــــــــــــــــــكور
من أختك lover

[MAZAGEE]

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

[MAZAGEE]

بسم الله الرحمن الرحيم
انا اريد المساعده منكم