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

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

افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية:

• الأبعاد: 1920x1080pixels.
• الدقة: Resolution 720Dpi.
• نمط الألوان: Color Mode RVB8bit.

في هذ الدرس سنستعمل صورتين ثلاثي الأبعاد لنفس السيارة.

نجلب الصورة التالية للمشروع:

نجلب الصورة الأخرى للمشروع:

نفض من قيمة الشفافية:

من القائمة:

 Menu > Edit > Path Transformation > Wrap

ثم نعدل على الصورة حتى تتناسب الصورتين:

نستعمل أداة الممحاة (E) ونزيل بعض الأجزاء كما في الصورة:

نذهب من جديد للقائمة:

 Menu > Edit > Path Transformation > Wrap

ونعدل على الصورة البيضاء حتى تتطابق وصورة السيارة الزرقاء:

نضيف طبقة Balance Color من القائمة:

 Menu > Layer > New Layer Adjustment > Balance Color

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

نضغط على طبقة الصورة بالزر الأيمن للفأرة ونختار Rasterize.

ثم نذهب إلى القائمة:

 Menu > Image > Adjustments > Hue/Saturation

نغير من ترتيب طبقة الصورة الأخير –قبل صورة السيارة الثانية-:

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

باستعمال الاختصار Ctrl+Alt+Shift+E ننشئ طبقة تمزج جميل الطبقات السابقة.

ثم إلى القائمة:

 Menu > Filter > Oil Pain

نستعمل أداة الممحاة ونزيل الجزء قوق علامة السيارة -Chevrolet-، عادِمَي السيارة في الجهتين والأضواء الخلفية:

في طبقة جديدة نستعمل الفرشاة التالية:

Menu > Filter > blur > Gaussian blur

ثم نغير في خصائص الدمج الخاصة بطبقة الفرشاة:

ترجمة -وبتصرّف-للدّرس: Ajouter une éclaboussure de peinture sur une voiture avec Photoshop.

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

قبل البدء أدعوكم لتحميل الحزمة الخاصة بهذا الدّرس.

افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية:

• الأبعاد: 800x600pixels.
• الدقة: Resolution 720Dpi.
• نمظ الألوان: Color Mode RVB8bit.

نضيف طبقة لون متدرج من اللون #050e25 إلى اللون #0a95ed من القائمة:

Menu > Layer > New Fill Layer > Gradient

Menu > Filter > Render > Clouds

نغير في خصائص الدمج Blending Options:

باستعمال أداة التحديد (Lasso Tool (L نحدد الجزء المبين في الصورة:

نضغط بزر الفأرة الأيمن على القطعة المحددة بأداة (Lasso Tool (L ثم نختار من القائمة Feather Selection:

ثم من جديد إلى القائمة:

Menu > Filter > Render > Clouds

و:

Menu > Filter > Filter Gallery

نزيح الطبقة إلى الأعلى قليلا باستعمال الاختصار Ctrl+T والأسهم في لوحة المفاتيح:

نغير خصائص الدمج إلى Overlay:

ثم باستحدام أداة التحديد Lasso Tool:

و:

ثم نخفض في قيمة الشفافية Opacity ونغير في خصائص الدمج إلى Soft Light:

نضيف طبقة جديدة ونملأها باللون الأسود ثم:

Menu > Filter > Noise > Add Noise 

Menu > Filter > Blur > Radial Blur 

نستعمل أداة الممحاة (Eraser (E ونزيل الجزء في الأعلى:

ثم:

نأخذ الصورة التالية ونزيل الجزء العلوي باستعمال احدى أدوات التحديد:

ثم نضعها في أسف الصورة -لتمثل العمق-:

نعدل في حجمها:

ثم نغير في خصائص الدمج إلى luminosity:

ثم نفعل نفس الشيء بالنسبة لصورة تمثال الحرية:

نغير خصائص الدمج إلى Hard Light والشفافية إلى 45:

نضيف الصورة التالية أيضا للمشروع:

نقسم البناية الشاهقة إلى جزأين ونزيل الشارع وبعض جنبات الصورة بأداة الممحاة:

نغير خصائص الدمج إلى Soft light:

نضيف بعض أجزاء النوافذ من الصورة ونوزعها عشوائيا في المشروع:

ونغير في خصائص الدمج الخاصة بها كما يلي:

لنحصل على نتيجة درسنا اليوم:

 ترجمة -وبتصرّف- للدّرس:  Créer une ville sous les mers une scène apocalyptique avec photoshop.

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

افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية:

• الأبعاد: 1843x1417pixels.
• الدّقة: Resolution 720Dpi.
• نمط الألوان: Color Mode RVB8bit.

نرسم شكل مستطيل بأداة الشكل المستطيل (U)  بزوايا دائرية (8 بكسل) باللون الأسود:

نضغط بالزر الأيمن للفأرة على أيقونة الطبقة ونختار من القائمة الظاهرة Rasterize Layer:

ثم من القائمة:

Menu > Edit > Path Transform > Wrap

نعدل في الشكل كما في الصورة:

نضغط فوق أيقونة الطبقة مع الإبقاء على الزر Ctrl:

نذهب بعد ذلك إلى القائمة:

Menu > Select > Modify > Contract

في طبقة جديدة Shift+Ctrl+N نستعمل أداة اللون المتدرج من اللون #adacaf إلى #151517:

نأخذ أداة الفرشاة (Brush Tool (B بقيمة 25px باللون #adacaf ثم نرسم خط رأسي مستقيم - يجب الضغط على الزر Shift أثناء الرسم - في المكان المبين في الصورة:

نرسم مستطيل جديد في طبقة جديدة باللون #151517:

نضيف طبقة لون متدرج من القائمة

Menu > Layer > New Fill Layer > Gradient

الآن نضيف بعض التأثيرات في جنبات الشاشة. في طبقة جديدة نأخذ أداة الفرشاة باللون الأبيض #FFFFFF وبشعاع بقيمة 50 بكسل ونرسم كما في الصورة - يمكن خفض من قيمة الشفافية للطبقة لتظهر الفرشاة بلون خافت -:

بأداة القلم (Pent Tool (P نرسم الشكل باللون الأبيض:

باستعمال الاختصار Ctrl+T نعدل في حجم الشكل:

نخفض من قيمة الشفافية إلى 77:

باللون الأسود وبنفس الأداة السابقة (أداة القلم) نرسم الشكل في الأعلى:

نضيف دائرة عن طريق أداة الشكل الدائري -الدائرة بدون لون المحتوى Fill-:

نضيف دائرة أخرى بنفس الطريقة ونخفض من شفافيتهما:

نرسم دائرة بيضوية الشكل باللون الأسود أسفل التلفاز -لتمثل الداعمة التي تقف فوقها التلفاز-:

ثم دائرة أخرى باللون الأبيض:

نخفض من قيمة شفافية الدائرة البيضاء:

ثم إلى القائمة:

Menu > Select > Inverse

ثم بأداة الممحاة نزيل الجزء العلوي من الدائرة البيضاء:

نأخذ أداة القلم من جديد باللون الأسود ونرسم الشكل التالي:

ثم دائرة سوداء أخرى:

ننسخ الشكل المرسوم بالقلم سابقا ونقلبه محوريا بالذهاب للقائمة:

Menu > Edit > Transform Path > Flip vertical

بأداة التحديد الدائرية (Marquee Tool (M نحدد دائرة كما في الشكل نملأها باللون الأسود بأداة الطلاء (G):

نحدد الدائرة السوداء كبيرة الحجم مع الضغط على Ctrl  ثم إلى القائمة:

Menu > Select > Inverse

ونحدد بعد ذلك الدائرة  - السوداء - المنشأة حديثا ونضغط زر Delete من لوحة المفاتيح:

نضيف مستطيل أسود كما في الصورة:

وهذه نتيجة درسنا اليوم:

ترجمة -وبتصرّف-للدّرس: Créer un écran LCD HD avec photoshop.

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

افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية:

• الأبعاد: 500x500pixels.
• الدّقة: Resolution 720Dpi.
• نمط الألوان: Color Mode RVB8bit.

نرسم دائرة باللون #778286.

باستعمال الاختصار (CTRL+J) ننسخ الدائرة، ثم نضغط (Ctrl+T) للتعديل يدويا على الدائرة الثانية –مع الضغط على الزر Alt للحفاظ على تناسب قطر الدائرة-:

نفتح نافذة خصائص الدمج Blending Options:

ننسخ الدائرة الثانية (CTRL+J):

نفتح نافذة خصائص الدمج وبتدرج اللونين 46ab4d # و#157916:

نرسم دائرة بيضاء:

نخفض قيمة Fill إلى الصفر:

ثم من القائمة:

Menu > Edit > Path Transformation > Wrap

نعدّل على الشكل كما في الصورة:

إلى خصائص الدمج:

نضيف حرف U بخط nyala:

ثم مستطيل أبيض فوق الجزء السفلي للحرف:

وباستعمال أداة التحديد المستطيلة الشكل M) Marquee Tool):

ثم نضغط (CTRL+J) لنسخ الجزء المحدد ووضعه في الأسفل:

ثم (CTRL+E) لدمج طبقات الحرف U:

نزيح الحرف حتى تتوسّط الدوائر:

بعدها نذهب إلى خصائص الدمج:

لنحصل على النتيجة التالية:

بعد ذلك نضيف طبقة جديدة (CTRL+SHIFT+N)، ثم نضغط CTRL مع تحديد طبقة الدائرة الأولى:

ثم نذهب إلى القائمة:

Menu > Select > Modify > Contract

نستعمل أداة طلاء اللون المتدرج (G) من الأبيض إلى اللون الشفاف:

ثم إلى خصائص الدمج الخاصة بالدائرة الأولى –من أسفل ترتيب الطبقات-:

بعد ذلك نذهب إلى خصائص الدمج الخاصة بالدائرة الثانية:

يمكن إضافة خلفية زرقاء أو بأي لون آخر لإبراز الشعار أكثر، وهذا مثال عن النتيجة النهائية:

ترجمة -وبتصرّف- للدّرس: Reproduire le logo de Utorrent avec photoshop.

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

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

افتح مشروعًا جديدًا على فوتوشوب بالإعدادات التالية:

• الأبعاد: 1000x1500pixels.
• الدّقة: Resolution 720Dpi.
• نمط الألوان: Color Mode RVB8bit.

مع خلفية سوداء، نختار اللون أثناء إنشاء المشروع أو بأداة الطلاء (G) نملأ الخلفية باللون الأسود.

ننسخ طبقة الخلفية (السوداء) بالضغط على الاختصار (Ctrl+J) ثم نطبق عليها فلترًا من نوع Noise:

Menu > Filter > Noise > Add Noise

ثم إلى:

Menu > Image > Adjustments > Threshold

نخفض من قيمة الشفافية Opacity إلى 30 للحصول على سماء بها نجوم باهتة اللون:

نجلب الصورة التالية للمشروع:

نغير في خصائص الدمج إلى linear light والشفافية إلى القيمة 50:

بعد ذلك نقوم بجلب صورة كوكبنا الأرض إلى المشروع:

ثم صورة اللهب:

نقوم بقلب وتحجيم صورة اللهب ووضعها أسفل كوكب الأرض كما هو موّضح في الصورة التالية:

كذلك نقوم بنسخ صورة اللهب ووضعها في عدة أماكن كما في الصورة:

بأداة الفرشاة نضيف بعض الخطوط باللون الأصفر ونخفض من قيمة الشفافية على نحو يرمز إلى تصدّعات:

وفي طبقة جديدة (Ctrl+Shift+N) بفرشاة دائرية الشكل وبلون #fb6800 نرسم:

ونغير في خصائص الدمج إلى ما يلي:

بعد ذلك نضيف صورة اليد تحت صورة الأرض مباشرة:

ثم نضيف صورة اللهب:

على هذا النحو:

نضيف طبقة جديدة وباستعمال أداة الفرشاة بلون أسود باهت نرسم ظلاً أسودًا محيطًا بأصابع اليد:

ثم نرسم فرش الدخان –تجدها مع حزمة الدرس-:

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

ثم نغير في خصائص الدمج إلى Saturation:

نضيف الصورة التالية للمشروع:

ونغير في خصائص الدمج:

نجلب صورة القمر إلى المشروع:

نضع القمر في شمال الصورة مُصغّرًا:

لنحصل في الأخير على هذه النتيجة النهائية:

ترجمة -وبتصرّف- للدّرس: Tutoriel La planète terre avec Photoshop.

هذا الدرس عبارة عن تطبيق لما يسمى بدمج مجموعة من الصور Photo Montage ببرنامج فوتوشوب، لمشهد ضبابي لوجهة غير محددة، ستكون هذه هي النتيجة النهائية لهذا الدرس بعد اتباع كامل خطواته:

قبل البدء أدعوكم لتحميل الحزمة الخاصة بهذا الدّرس.

افتح مشروعًا جديدًا على فوتوشوب، بالإعدادات التالية:

• الأبعاد: 1900x1200pixels.
• الدّقة: Resolution 720Dpi.
• نمط الألوان: Color Mode RVB8bit.

نجلب صورة النجوم التالية للمشروع:

ثم الصورة التالية أيضا:

ثم نغير في حجم الصورة:

ثم نغير في خصائص الدمج Blending Options إلى Color Codge:

نجلب الصورة التالية للمشروع:

نقوم بإزالة جنبات الصورة بفرشاة دائرية.

ثم نغير في خصائص الدمج الخاصة بالصورة إلى Screen.

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

وبأداة W) Magic Wand Tool) نحدد شكل قطع الشطرنج ثم ننسخ الجزء المحدد:

ثم نضيفها للمشروع:

ننسخ طبقة الصورة (Ctrl+J) ثم نقلب الصورة محوريا من القائمة:

Menu > Edit > Transform Path > Flip Horizontal

ثم ننسخ طبقتي قطع الشطرنج ثم ننسخ الطبقتين الجديدتين في طبقة واحدة (Ctrl+E):

ثم من القائمة:

Menu > Image > Adjustment > Hue Saturation

نغير في ألوان الطبقة العلوية:

ثم نحدد طبقة صورة قطع الشطرنج الأولى (صورة القطع في الجهة اليسرى) مع الضغط على الزر Ctrl:

ثم نزيحها قليلا جهة اليسار و نحدد الطبقة المدمجة سابقا التي تضم الجهتين معا:

ثم بعد ذلك نضغط على الزر Delete:

نفس العملية مع طبقة قطع الشطرنج في الجهة اليمنى:

نضيف فلتر على الطبقة العلوية (التي تضم الجهتين معا) بالذهاب إلى القائمة:

Menu > Filter > Blur > Gaussian Blur

نغير في خصائص الدمج Blending Options إلى Color Codge والشفافية إلى القيمة 55:

في طبقة جديدة (Ctrl+Shift+N) بأداة الفرشاة (B) نرسم بعض الظل أسفل القطع ثم نغير في قيمة الشفافية:

وفي طبقة أخرى نضيف بعض فرش الأشكال المبينة في الصورة –الفرش في الحزمة-:

ثم إلى القائمة:

Menu > Image > Adjustment > Hue Saturation

نغير في خصائص الدمج Blending Options إلى Exclusion والشفافية إلى 54:

ثم من القائمة:

Menu > Layer > New Layer Adjustment > Color Balance

بعد ذلك، نذهب أيضا إلى القائمة:

Menu > Layer > New Layer Adjustment > Gradient Map

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

ثم خصائص الدمج إلى القيمة Soft Light:

نجلب صورة الغيوم للمشروع:

نضعها كما في الصورة:

ونغير خصائص الدمج إلى القيمة Screen وبأداة الممحاة (E) نزيل الجزء السفلي من الصورة:

نفس الشيء بالنسبة للصورة التالية:

نغير خصائص الدمج إلى القيمة Screen:

في طبقة جديدة بأداة الفرشاة دائرية الشكل باللون. # bdebf4:

نضيف طبقة للون الرمادي Fill Gray وذلك بالنقر على الاختصار Shift+f5:

لنحصل على هذا الناتج:

ثم نطبق عليه خصائص الدمج:

باستعمال أداة الكثافة O) Brun tool) نضيف بعض الظلمة في أماكن العلامة + وبعض الإضاءة أماكن العلامة -:

نفتح الصورة التالية وبأداة W) Magic Wand Tool) نحدد فقظ الرجل ثم نقص الجزء المحدد:

ننسخ طبقة الرجل ونغير في خصائص الدمج:

بأداة الفرشاة نضيف بعض الظل – ظل خاص بالرجل-:

نقوم بعمل طبقة تدمج كل الطبقات المنجزة مسبقا وذلك بالاختصار (Ctrl+Alt+Shift+E):

ومن القائمة:

Menu > Filter > Sharpen > Sharpen

ثم من القائمة:

Menu > Layer > New Adjustment Layer > Photo Filter

وللانتهاء نضيف طبقة Color Balance من القائمة:

Menu > Layer > New Layer Adjustment > Color Balance

ثم

بعد ذلك:

وهذه هي النتيجة النهائية لهذا الدرس:

ترجمة -وبتصرّف- للدّرس: Photomontage Destination Inconnu avec Photoshop.

في هذا الدرس سنتعلم كيفية تصميم تأثير ضوء رائع على شِفرة Omega وذلك باستعمال فرش، صور وتقنيات برنامج Photoshop.

ملاحظة: للإشارة، هذه الشِفرة ليست لها أي علاقة بمعتقد ديني ولا يمثل رمزًا ماسونيًا أو أي شيء من هذا القبيل، ما نريده هو الوصول لهذا الشكل وإضفاء بعض التأثيرات عليه.

ستكون هذه هي النتيجة النهائية بعد تطبيق كامل خطوات الدرس:

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

افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية:

• الأبعاد: 1600x1200pixels.
• الدّقة: Resolution 720Dpi.
• نمط الألوان: Color Mode RVB8bit.

ثم نجلب الصورة التالية للمشروع:

بأداة القلم (Pen Tool (P نرسم المثلث باللون #7c7c7c كما في الصورة:

ننسخ المثلث عدة مرات للحصول على شِفرة أوميجا:

نغير في حجم المثلثات باستعمال الاختصار Ctrl+T:

نقوم بتنقيط Rasterize طبقات الشكل المحصل عليه وذلك بتحديد الطبقات والضغط عليها بزر الفأرة الأيمن واختيار: Rasterize Layers

ثم إلى القائمة:

 Menu > Image > Adjustments > Hue/Saturation

باستعمال أداة القلم (P) نرسم بعض القطع لنضفي شكل ثلاثي الأبعاد على الشِفرة:

نحدد الطبقات الخاصة بشكل الشِفرة ونمزجها في طبقة واحدة (Ctrl+E).

بعد ذلك نفتح نافذة خصائص الدمج Blending Options الخاصة بالصورة كما يلي:

ننسخ طبقة شكل الشِفرة ونغير في حجمها لنحصل على:

بأداة التحديد L) Lasso Tool) نحدد شكلاً عشوائياً:

ثم نحدد الطبقة الجديدة –طبقة شكل الشِفرة المنسوخ- ونذهب إلى القائمة:

Menu > Layers > Layers Mask > Hide Selection

نفتح نافذة خصائص الدمج الخاصة بالطبقة:

ننسخ الطبقة مرة ثانية ونكرر الطريقة السابقة ماعدا Color Overlay:

نضيف الصورة التالية للمشروع:

نحدد جميع الطبقات المكونة للمشروع باستثناء الخلفية السوداء ونضغط الاختصار Ctrl+G لوضعها -الطبقات المحددة- في مجموعة Group ثم نخفيها بالضغط على أيقونة العين بجانب المجموعة:

نجلب الصورة التالية للمشروع:

ثم نغير في قيمة الشفافية Opacity إلى 29 والنمط Mode إلى Linear dodge:

ثم من القائمة:

Menu > Image > Adjustments > Hue/Saturation

ثم

نضيف الصورة التالية للمشروع:

من القائمة مرة أخرى:

Menu > Image > Adjustments > Hue/Saturation

ثم نغير الوضع Mode إلى Linear Dodge:

بأداة الممحاة E) Eraser) نمح جنبات الصورة المضافة آنفا:

ثم ننسخها كما في الصورة:

نضيف الصورة التالية للمشروع:

مع تغيير في Mode إلى linear Dodge:

نُظهر المجموعة التي أخفينا مسبقا:

ثم من حزمة الدّرس، نجلب الصورة التالية للمشروع:

بأداة الممحاة (E) نُخفي جنبات الصورة:

ثم إلى:

Menu > Image > Adjustments > Hue/Saturation

ثم نغير في Mode إلى linear Dodge:

ننسخ الصورة عدة مرات ونضعها على مختلف أجزاء المثلث:

ثم نُضيف طبقة من نوع Levels Layer من القائمة:

Menu > Layer > New Layer Adjustment > Levels

لتكون هذه هي النتيجة النهائية لهذا الدرس:

ترجمة -وبتصرّف-للدّرس: L'Omega Code avec Photoshop.

في هذا الدرس سنقوم بتصميم تأثيرين مختلفين على الماء والنار، وادماجهما في قبضتين، لنخرج بتصميم جميل مع تأثيرات رائعة باستعمال بعض الصور وكل هذا باستخدام برنامج Photoshop.

ستكون هذه نتيجة درسنا اليوم:

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

افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية:

• الأبعاد: 1500x1200pixels.
• الدّقة: Resolution 720Dpi.
• نمط الألوان: Color Mode RVB8bit.

مع خلفية سوداء.

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

باستعمال الاختصار Ctrl+T نعدِل في وضعية اليد ثم بأداة L) Lasso) نحدد الجزء الغير مرغوب فيه ثم نزيله-Delete-:

ننسخ صورة اليد في مشروعنا ثم الاختصار Ctrl+Shift+U أو القائمة

Menu > Image > Adjustment > Desaturate

ثم نضغط Ctrl+i أو القائمة:

Menu > Image > Adjustment > Invert

نأخذ أداة الممحاة E) Eraser) ونزيل جزء ما تحت المعصم:

Menu > Layer > New Layer Adjustment > Color Balance

ثم:

نضيف الصورة التالية للمشروع:

نغير خصائص الدمج Blending Options إلى القيمة Lighten:

ننسخ الصورة السابقة أو نجلب صور أخرى وبنفس الطريقة نضعها في أماكن أخرى على اليد:

نغير خصائص الدمج Blending Options إلى القيمة Lighten:

نجلب صورة الشظايا ونضعها في نهاية اليد:

ثم:

Menu > Layer > New Layer Adjustment > Color Balance

Menu > Layer > Create Clipping Mask

ننسخ الطبقتين الأخيرتين لتعطينا شظايا أخرى ثم نكبرها (Ctrl+T)

ثم إلى القائمة:

Menu > Filter > Blur > Gaussian Blur

ونخفض قيمة الشفافية:

نجلب شظايا أخرى:

ننسخ هذه الطبقة:

ونذهب إلى:

Menu > Filter>Blur > Motion Blur

نجلب شظايا أخرى ونطبق عليها نفس التأثيرات السابقة:

نجلب صورة اليد السابقة، أو ننسخ السابقة:

ثم نضيف صورة الماء ونضعها بالشكل التالي:

ثم إلى القائمة:

Menu > Layer > Create Clipping Mask

ثم ننسخ الصورة ونزيل منها بعض الأجزاء غير المرغوب فيها:

نضيف الصورة من الحزمة كما يلي:

نزيل الجزء خارج اليد بأداة الممحاة E) Eraser):

نضيف صورة أخرى:

ثم:

نمزج طبقات الماء السابقة في طبقة واحدة عن طريق تحديدها في نافذة الطبقات ثم الاختصار Ctrl+E:

نغير خصائص الدمج Blending Options الطبقة المحصل عليها إلى القيمة Screen:

ثم إلى القائمة:

Menu > Layer > New Layer Adjustment> Color Balance

في طبقة جديدة وبأداة الفرشاة B) Brush Tool) نرسم نجمة فوق يد الماء:

و

في طبقة جديدة أخرى وبأداة الفرشاة نرسم دائرتين باللونين الأزرق #5cd3ff والأصفر #fcc946 كما في الصورة:

ثم نخفض من قيمة الشفافية للطبقة.

ونجلب الصورة التالية للمشروع:

بعد ذلك نغير خصائص الدمج Blending Options إلى القيمة Screen:

في طبقة جديدة أخرى وبأداة الفرشاة باللونين #00c2f2 و #ff9c00:

ثم إلى القيمة Overlay و66 في الشفافية:

ننشئ نسخة من جميع الطبقات السابقة في طبقة واحدة عن طريق الاختصار Ctrl+Alt+Shift+E:

ثم إلى القائمة:

Menu > Filter > Sharpen > Unsharp mask

وهذه هي نتيجة درسنا اليوم:

ترجمة -وبتصرّف- للدّرس: L'eau vs Le feu avec Photoshop.

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

افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية:

• الأبعاد: 1600x1050pixels.
• الدّقة: Resolution 720Dpi.
• نمط الألوان: Color Mode RVB8bit.

نضيف طبقة لون متدرج من القائمة:

Menu > Layer > New Fill Layer > Gradient

نقوم بعمل طبقة Layer جديدة وذلك بالنقر على Ctr+Shift+N وبأداة تحديد الشكل المستطيل M) Marquee Tool) نحدد الشكل المبين في الصورة:

نأخذ أداة الطلاء (G) باللون الأسود ونملأ الجزء المحدد مسبقا:

من القائمة:

Menu>  Filter > Render > Lens Flare

ثم إلى القائمة:

Menu > Filter > Distort > Polar Coordinates

نعكس الطبقة محوريا من القائمة:

Menu > Edit > Transform Path > Flip Vertical

ثم من جديد إلى القائمة:

Menu > Filter > Distort > Polar Coordinates

بأداة تحديد الشكل الدائري M) Marquee Tool) نحدد دائرة حسب الشكل:

ومن القائمة:

Menu > Layer > Layer Mask > Reveal Selection

ثم: Menu > Image > Adjustments > Hue/Saturation

نغير حجم الكرة عن طريق الاختصار Ctrl+T:

ثم نغير في خصائص الدمج Blending Options الخاصة بالكرة كما يلي:

ننسخ طبقة الكرة Ctrl+J ثم نعكس الطبقة محوريا من القائمة:

Menu > Edit > Transform Path > Flip Vertical

بأداة الممحاة (E) نزيل الجزء السفلي من الكرة ثم نخفض من قيمة الشفافية Opacity لنحصل على الصورة:

بأداة الشكل الدائري (U) نرسم دائرة سوداء اللون:

ثم نذهب إلى القامة:

Menu > Filter > Blur > Gaussian Blur

نخفض من قيمة الشفافية إلى 65:

ننسخ الكرات ونغير في لونها لنحصل على النتيجة النهائية.

ترجمة -وبتصرّف-للدّرس: Créer des sphères 3D avec Photoshop.

سنتعلم في هذا الدرس كيفية تصميم منظر خلاّب لشاطئ استوائي بخطوات بسيطة وباستعمال برنامج Photoshop، وستكون هذه هي النتيجة النهائية لهذا الدرس:

افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية:

• الأبعاد: 1500x2000pixels.
• الدّقة: Resolution 720Dpi.
• نمط الألوان: Color Mode RVB8bit.

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

أولا، نضيف طبقة جديدة (Ctrl+Shift+N) ونملأ بأداة الطلاء (G) باللون #fefff3:

ثم من القائمة:

Menu > Filter > Filter Gallery

وفي طبقة جديدة نضيف بأداة الفرشاة في محيط الصورة بعض الظل باللون #ded4ae كما في الصورة التالية:

نضيف طبقة أخرى ونملؤها باللون الأسود:

نغير في خصائص الدمج Blending Options كالتالي:

ثم بأداة الممحاة (E) وبشكل الريشة المبين في الصورة نمحو جنبات الصورة:

وفي طبقة جديدة باللون الأسود #262626 نرسم بالفرش المحددة في الصورة أسفل:

نضيف بأداة الشكل الدائري (U) باللون الأسود دائرة كبيرة تمثل الشمس:

نغير في خصائص الدمج الخاصة بالدائرة:

نحدد أداة الممحاة ونضغط الزر (F5) ونختار الشكل:

بالإعدادات التالية:

ثم في وسط الشمس بالشكل المحدد نضغط في مركز الشمس:

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

نضيف طبقة جديدة ثم نرسم في وسط الشمس بفرشاة دائرية ذات اللون #ffae00:

نغير في خصائص الدمج إلى القيمة Screen:

بنفس الطريقة نضيف طبقة ونرسم فيها الشكل المناسب باللون #262626 الأشكل في فرش مرفقة مع الحزمة –ضع كل شكل في طبقة خاصة به-:

نضيف طبقة جديدة ونضغط على Shift+Ctrl مع تعيين طبقات كل من النخلة والرجل – حامل لوح التزلج على الماء- والجزء الأسود بالأسفل:

ثم نملأ الجزء المحدد بأداة الطلاء (G) باللون الأصفر #fffec7:

بعد ذلك نأخذ أداة الممحاة ونزيل الجزء السفلي من المنطقة المحددة مسبقا:

نزيح الطبقة قليلا نحو اليمين:

ثم نغير موقع ترتيب الطبقة الأخيرة خلف أسفل باقي الطبقات لإضافة تأثير الشمس:

من القائمة:

Menu > Layer > New Layer Adjustment > Gradient Map

ثم نغير خصائص الدمج إلى القيمة Color Burn:

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

ترجمة -وبتصرّف-للدّرس: Le Paradis Tropical avec Photoshop.

في هذا الدرس، سنقوم بتصميم جميل لكرة قدم مع تأثير ناري، بالاعتماد على برنامج Photoshop وبعض تقنياته. هذه هي النتيجة النهائية للدرس بعد تطبيق كامل خطواته:

قبل البدء قم بتحميل الحزمة التالية والتي تحتوى على ما تحتاجه لتطبيق خطوات الدرس.

افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية:

• الأبعاد: 1000x1000pixels.
• الدّقة: Resolution 720Dpi.
• نمط الألوان: Color Mode RVB8bit.

مع وضع خلفية سوداء:

نأخذ أداة القلم Pen Tool ذات الاختصار (P) ونرسم الشكل التالي:

ثم نضغط على طبقة الشكل بزر الفأرة الأيمن ونختار Rasterize Layer:

نحدد الشكل المرسوم مسبقا وذاك بالضغط على طبقة الشكل مع الزر Ctrl:

بأداة الفرشاة B) Brush Too) نرسم بألوان مخلفة الشكل كما في الصورة:

بعد ذلك نعين أداة Mix Brush Tool وذلك بالضغط على أيقونة الفرشاة Brush Tool إلى أن تظهر لائحة الاختيار المبينة في الصورة:

نمرر بالأداة على مختلف الألوان لتعطي بعض التمازج:

نغير في خصائص الدمج Blending Options إلى القيمة Linear Dodge:

ننسخ الطبقة مع تغيير خصائص الدمج Blending Options خاصتها إلى القيمة Overlay:

نحفظ المشروع – يمكننا حفظه على شكل صورة لأننا سنحتاجها فيما بعد -ونفتح مشروعا جديدا بالإعدادات التالية:

• 1500x1500pixels
• Resolution 720Dpi
• Color Mode RVB8bit

مع وضع خلفية سوداء:

ننشئ طبقة جديد Ctrl+Shift+N ونرسم بأداة الفرشاة شكل دائري بشعاع ذو قيمة 650px باللون #fe9b00:

نغير خصائص الدمج إلى القيمة Hard light:

ندمج صورة كرة القدم في المشروع كما يلي:

ثم نجلب صورة المشروع السابق:

نغير خصائص الدمج إلى القيمة Screen:

ننسخ الطبقة وتغير في حجمها في أماكن مختلفة حول الكرة:

ثم في طبقة جديدة نضيف بعض الدوائر الصغيرة في جنبات الشكل:

باستعمال فرش الدخان (تجدها في في حزمة الدرس) نحصل على الصورة:

وهذه هي النتيجة النهائية لهذا الدرس:

ترجمة -وبتصرّف-للدّرس: Un effet de Feu Spectaculaire avec Photoshop.

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

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

افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية:

• الأبعاد: 5700x3800pixels
• الدّقة: Resolution 720Dpi
• نمط الألوان: Color Mode RVB8bit

ثم اجلب الصورة التالية للمشروع (تجدها ضمن حزمة الدرس):

ننسخ الصورة ثم نذهب إلى القائمة:

Menu > Filter > Blur > Radial Blur

نغير في قيمة الشفافية Opacity إلى 56:

نجلب صورة السيارة (تجدها ضمن حزمة المشروع التي قمت بتحميلها)، ننسخ الصورة Ctrl+J ثم نعكس الطبقة محوريا من القائمة:

Menu > Edit > Transform Path > Flip Vertical

نذهب إلى القائمة:

Menu > Image > Adjustments > Hue/Saturation

ثم نضغط الاختصار Ctrl+T ونغير في حجم الظل الأسود كما في الصورة:

ثم إلى القائمة:

Menu > Filter > Blur > Motion Blur

نحدد طبقة صورة الطريق ثم نغير في خصائص الدمج Blending Options الخاصة بها:

ثم ننسخ طبقة السيارة مرة ثانية ونذهب إلى:

Menu > Filter>  Blur > Motion Blur

نستعمل الاختصار Ctrl+T ثم نزيح الطبقة إلى الخلف قليلا:

بأداة الممحاة (E) نزيل بعض أجزاء السيارة –الصورة الضبابية - كما في الصورة:

ثم نجلب الصورة التالية للمشروع:

ونضعها كما يلي:

نستعمل الاختصار Ctrl+T ثم نضغط بزر الفأرة الأيمن على الصورة ونختار من اللائحة Wrap ثم نعدل عليها كما في الصورة:

نغير خصائص الدمج إلى القيمة Lighten:

ننسخ صورة اللهب ونضعها في خلف السيارة –مكان عادم السيارة-:

بأداة تحديد الشكل الدائري (Marquee Tool (M نحدد إطار السيارة وننسخ الجزء المحدد من صورة السيارة عن طريق الاختصار Ctrl+J:

ثم إلى القائمة:

Menu > Filter > Blur > Radial Blur

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

نجلب صورة اللهب إلى المشروع كما في الصورة:

نغير خصائص الدمج إلى القيمة Lighten:

نستعمل الاختصار Ctrl+T من لوحة المفاتيح، ثم نضغط بزر الفأرة الأيمن على الصورة ونختار من اللائحة Wrap لنعدل على صورة اللهب بحيث يكون شكلها محيطًا بالعجلة:

نجلب صورة اللهب الثانية إلى المشروع كما في الصورة:

نغير خصائص الدمج إلى القيمة Lighten:

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

ثم ننسخ الصورة في عدة أماكن –الدخان المتصاعد من العجلات إثرَ الاحتكاك-:

في طبقة جديدة نستعمل أداة الفرشاة (B) دائرية الشكل باللون #ff6c00 نرسم بعض التموجات:

ثم إلى:

Menu > Filter > Blur > Motion Blur

نغير خصائص الدمج إلى القيمة Color Dodge:

بنفس الطريقة ونفس اللون، لكن هذه المرة نرسم خلف الأضواء الخلفية لسيارة:

ثم نغير في خصائص الدمج Blending Options الخاصة بالطبقة:

هذه الطبقة فوق العجلات – دائما اللون #ff6e06 -:

نغير خصائص الدمج إلى القيمة Overlay:

نضيف طبقة من نوع Gradient Map من القائمة:

Menu > Layer > New Layer Adjustment > Gradient Map

لنحصل على نتيجة درسنا اليوم:

ترجمة -وبتصرّف-للدّرس: Un effet de vitesse sur une voiture de sport.

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

افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية:

• الأبعاد: 500x500pixels.
• الدّقة: Resolution 720Dpi.
• نمط الألوان: Color Mode RVB8bit.

نبدأ بجلب الصورة التالية للمشروع لنستعملها كخلفية (اضغط بالزر الأيمن للفأرة لحفظ الصورة):

نرسم بأداة الشكل المستطيل (U) ونرسم باللون #e0cd73 الشكل المبين في الصورة:

بعد ذلك نذهب إلى القائمة:

Menu > Filter > Noise > Add Noise

من نافذة خصائص الدمج Blending Options نقوم بما هو موضّح في الصور التالية:

ثم نجلب الصورة ونخفض في قيمة الشفافية Opacity إلى القيمة 21 وLinear Burn:

ندمج الطبقتين (Ctrl+E) ثم باستخدام الاختصار Ctrl+T نميل الطبقة المحصل عليها كما في الصورة:

ننسخ الطبقة ونديرها قليلاُ جهة اليمين، نعيد هذه العملية (أي النسخ + الدوران) 6 مرات حتى نحصل على الشكل التالي:

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

نحدد الطبقة الأولى:

نذهب إلى نافذة خصائص الدمج:

لنحصل على تصميم أوراق لتدوين الملاحظات:

ترجمة -وبتصرّف-للدّرس: Concevoir un bloc de feuillets Post-it.

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

هذه النتيجة النهائية لما سنتحصل عليه بعد تطبيق كامل خطوات الدرس:

افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية:

• الأبعاد: 1020x768pixels.
• الدّقة: Resolution 720Dpi.
• نمط الألوان: Color Mode RVB8bit.

نحدد أداة الفرشاة (Brush Tool (B بشعاع 3px:

ثم بأداة القلم (Pen Tool (P نرسم الشكل التالي:

ثم نضغط على الشكل بزر الفأرة الأيمن ونختار stroke Path:

تظهر لنا نافذة نختار من بين القائمة المنسدلة Brush:

لنحصل على الشكل:

الآن نقوم بإظهار نافدة السكريبت وذلك بالضغط على (Alt+F9):

ثم نضغط على الأيقونة المبينة في الصورة لإنشاء Script جديد:

للعلم: أي خطوة سنقوم بها الآن ستُسجل في Script وتنفذ أثناء تشغيله مرة أخرى.

ننسخ الطبقة المرسومة بأداة القلم سابقا ونضغط الاختصار (Ctrl+T) ثم نميل الشكل قليلا:

ثم نوقف السكريبت بالضغط على زر التوقيف:

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

نشغل Script عدة مرات إلى أن نحصل على هذا الشكل:

بعد ذلك، قم بتطبيق خصائص الدمج التالية:

نذهب بعدها إلى القائمة:

Menu > Filter > Blur > Gaussian Blur

ثم نضيف النص الخاص بنا:

ثم نغير في خصائص الدمج الخاصة بالنص كما يلي:

ننسخ طبقة النص ونطبق عليها فلتر Blur Motion من القائمة:

Menu > Filter > Blur > Motion Blur

ثم إلى قيمة Lighten في خصائص الدمج:

نضيف طبقة جديدة (Ctrl+Shift+N) ثم إلى القائمة:

Menu > Filter > Render > Clouds

نغير خصائص الدمج إلى قيمة Overlay:

لإضفاء بعض الجمالية نضيف دوائرًا على الشكل:

نملؤها تدريجيا من الأخضر إلى الأبيض ثم الثانية من الأحمر إلى الأبيض والثالثة من الأزرق إلى الأبيض:

ونطبق عليها فلتر Gaussian Blur من القائمة:

Menu > Filter > Blur > Gaussian Blur

ثم نغير خصائص الدمج إلى قيمة Overlay:

لنحصل آخيرا على هذه النتيجة النهائية:

ترجمة -وبتصّرف- للمقال: Utilisation des script pour créer un effet abstract avec photoshop cs4.

في المقال السابق تعرّفنا على ماهية صفحة الهبوط، أساسيات وأهم عناصر كل صفحة، كما ألقينا النظرة على بعض الصفحات الشائعة، الآن سنطبق ما تعلمناه في بناء صفحة خاصة بنا.

الصفحة التي سنقوم ببنائها ستكون حول تطبيق وهمي، وهو شبكة تواصل تدعى "اهتمامات"، هيا لنبدأ.

هذه هي النتيجة النهائية التي سنصل لها بعد تطبيق جميع خطوات الدّرس:

الأساسيات

• سنقوم أولا بإعداد بعض الأمور من أجل العمل. علينا فتح صفحة عمل جديد بأبعاد 1920x6000px من أجل يكون لدينا المتسع للعمل عليه.
• سنستعمل خط خط Cocon العربي المجاني.
• سنضع صورة لرأس الصفحة، تستطيع الحصول على أيّ صورة تريدها من مواقع الصور المجانية مثل unsplash.
• سنستخدم بعض التصاميم الجاهزة من أجل الصفحات، احرص أن تحصل على صور حقيقية في حال كنت تبني تطبيقك، بالنسبة للتصاميم سنحصل عليها من Okilla.
• سنحتاج إلى إطار للهاتف من أجل أن نضع فيه صورة خاصة بنا في رأس الصفحة، تستطيع الحصول عليه من مجموعة عناصر iOS8 في موقع teehan lax.
• سنستعمل Grid جاهز من أجل البناء عليه حتى نستخدمه لاحقا في التطوير، من أجل هذا سنحصل على Grid الخاص بإطار Bootstrap وتستطيع تحميله من هنا.
• سنستعمل مجموعة من الأيقونات المجانية من أجل العمل، اسم المجموعة هي Retina Icons وهي 120 أيقونة مجانية تستطيعون تحميلها من هنا.

رأس الصفحة

سنبدأ بإعداد رأس الصفحة، وهذا بعد أن قمنا بوضع Grid في المكان المناسب

حسنا بعد أن قمنا بهذا، سنقوم بجلب صورة الهيدر المناسبة ووضع overlay أسود شفاف فوقها بشفافية `50%`.

سنقوم الآن بإحضار صورة التطبيق للغلاف، سبق وصممت هذه الصورة حتى نستعملها مباشرة. عبر Grid سنختار 6 أجزاء (النصف) ثم نضع الصورة في منتصف ذلك الجزء، نستطيع وضع الصورة في المنتصف عبر تحديد المساحة التي نريد أن نضعه فيها ثم نختار الأزرار المحددة في الأسفل

سنختار الآن النصف الثاني، ونضع فيه عنوان الصفحة بخط كبير.

أسفله سنضيف نبذة سريعة عن التطبيق، ثم أسفل ذلك سنضيف زر CTA والذي سيكون عبارة زر للتحميل من متجر التطبيقات، احرص على أن تستخدم دوما التصميم الرسمي الذي يتم إدراج في صفحة apple brand guidelines وهو متوفر ب50 لغة، سنستخدم نحن النسخة العربية.

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

روابط التحكم

الآن سنقوم ببناء روابط التحكم، وهو عبارة عن قائمة ثابتة في أعلى الصفحة، حيث تثبت بعدما تخرج من إطار الشاشة، القائمة ستكون عبارة عن 4 أيقونات نحصل عليهم من مجموعة Retina Icons سيستغل كل واحد منهم جزئين (السدس) ويتم تنصيفهم في الوسط.

التقديم بالتطبيق

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

التقسيم سيكون مماثلا لرأس الصفحة، الصورة تستغل نصف الصفحة، والمحتوى يتسغل النصف الآخر، لكن هذه المرة سيكون المحتوى أقل في الحجم.

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

جزء بناء الثقة

جزء بناء الثقة سيتكون من جزئين، وهما بعض شهادات المستخدمين، وبعض الأرقام فلا شيء يبني الثقة في محل الزبون كاستخدام الأرقام فهي شيء سهل القراءة وسريع الملاحظة ويسهل استخدامها للمقارنة.

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

أما بالنسبة لجزء الأرقام، فسنستخدم خلفية أخرى (صورة) حتى نجذب الانتباه، سنقوم بتقسيم الصفحة إلى 4 أجزاء، مع كل جزء يحتوي على أيقونة تعبيرية، بالإضافة إلى الرقم وما نحاول نسب الرقم له (عدد الأعضاء، عدد التحميلات...)

جزء التحويل

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

الإعداد للمرحلة القادمة

حسنا، عند النقطة نكون رسميا قد انتهينا من التصميم، لقد اتبعنا أهم المعايير المطلوبة منا، وحان الوقت لنحول التصميم إلى صفحة حقيقية، وهذا ما سنقوم به في المقال القادم، ولكن إلى ذلك الحين، نحن لدينا العديد من الصور، ونحتاج إلى استخراجها كلها، وأمامنا طريقان، أخذ كل صورة لوحدها ونسخها وفتح صفحة جديدة ولصق الصورة فيها ثم تغيير إعدادات الصفحة لتناسب أبعاد الصورة ثم حفظ الصورة، وهذه الطريقة كما استنتجت، بدائية. لذا نستطيع أن نستخدم الطريقة الذكية، والتي هي كالتالي، سنعود لكل طبقات الصور (صور التطبيق والأيقونات والخليفات) ونغير اسمها إلى اسم الملف الذي نريده إلى جانب الامتداد، مثلا أغير اسم خلفية رأس الصفحة إلى `background.png`
بعد أن نقوم بكل هذا، سنذهب إلى `File>>Generate>>Image Assets` ونُفّلعه، وبعدها نقوم بحفظ العمل بصيغة PSD ليقوم فوتوشوب بحفظ كل الصور التي نريدها في مجلد جانبي (باسم ملف PSD الخاص بنا) وبداخله كل الصورة جاهزة، أوليس هذا رائعا؟

خاتمة

في الدرس القادم سوف نطلع على كيفية بناء الصفحة، مع تعلم بعض الأمور الجديدة واستعمال بعض المعايير في بناء الصفحات.

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

افتح مشروعًا جديدًا على Photoshop بالإعدادات التالية:

• الأبعاد: 2000x2500pixels.
• الدّقة: Resolution 720Dpi.
• نمط الألوان: Color Mode RVB8bit.

وبأداة الطلاء (G) نملأ الخلفية باللون #e4e6e8:

نأخذ أداة المستطيل بزوايا دائرية (U) مع شعاع بقيمة 50px ولون #e0b885 ثم نرسم الشكل التالي:

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

Menu > Edit > Define Pattern

ثم إلى مشروعنا، نحدد طبقة الشكل المعين مؤخرا وإلى خصائص الدمج Blending Options الخاصة بها:

لنحصل على حامل المثلجات:

الآن نضغط الزر Ctrl مع تحديد الطبقة الخاصة بحامل المثلجات ثم ننشئ طبقة جديدة (Ctrl+Shift+N) وبأداة الفرشاة واللون 794d20# نرسم شكل كما في الصورة:

بأداة الريشة (P) مع اللون الأصفر #fbd528 نرسم الشكل التالي:

إلى خصائص الدمج Blending Options:

في طبقة جديدة نضيف دائرة بيضاء اللون باستعمال الفرشاة (B):

نضغط الزر Ctrl مع تحديد الطبقة الخاصة بالمثلجات (الشكل الأصفر)، نأخذ أداة الفرشاة (B) مع اللون الأصفر القاتم #fcb909 ونمرر على الجزء المحدد من اليمين نحو اليسار:

دائما مع الجزء المحدد، ننشئ طبقة جديدة ونملأها باللون الأصفر #ffec39:

بعد ذلك نذهب إلى:

Menu > Filter > Noise > Add Noise

ثم نخفض قيمة الشفافية الخاصة بالطبقة الأخيرة إلى 55%:

الآن نضيف اشكال عشوائية –على شكل قطرات الماء-باستعمال أداة الفرشاة:

إلى خصائص الدمج Blending Options:

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

ثم إلى:

Menu > Filter > Blur > Gaussian Blur

نضيف قطرات ماء أخرى بنفس الطريقة السابقة، ثم بعض الظل للحامل:

نضيف مثلجات بألوان أخرى لنحصل على الصورة النهائية لدرس اليوم:

ترجمة -وبتصرّف- للمقال: Créer des Glaces avec Photoshop.

سنتعلم في هذا الدرس كيفية تصميم موقع بطريقة Parallax Scrolling من الصفر حتى النهاية، وذلك باستعمال برنامج Photoshop. في درسنا هذ سيكون القالب بخصوص وكالة مختصة في الويب (Web Agency).

وهذه هي النتيجة النهائية:

قبل البدء أدعوكم لتحميل هذه الحزمة.

نفتح مشروع جديد على Photoshop بالإعدادات التالية:

• 1800x4850pixels
• Resolution 720Dpi
• Color Mode RVB8bit

للحصول على الدقة أثناء التحويل من PSD على HTML علينا استعمال الأسطر الدلالية (Guides Lines) ليسهل التعامل بـ CSS.

نضيف العلامات الافقية الذهاب إلى:

Menu > View > New Guide

نختار Horizontal ثم ندخل القيم التالية:

59px ،651px ،1431px ،2237px ،2613px ،3154px ،3939px ،4767px

نبدأ بالقائمة في الأعلى – يسمى الجزء العلوي: header-.

نأخذ أداة النص (T) ونكتب مختلف عناصر القائمة باستعمال "Open sans" كنوع للخط و13pt في حجمه (تجده في حزمة هذا الدرس).

بعدة ذلك اجلب أيقونة الموقع خاصتك، في هذا الدرس سنستعمل كلمة Awesome Agency ملونة باللون الأزرق 00b3e3#.

الآن نضيف للمشروع صورة من الحجم الكبير بين العلامتين الأولى والثانية.

نضيف مستطيل أسود اللون باستعمال أداة الشكل الرباعي (U).

نخفض قيمة الشفافية الخاصة بالمربع إلى قيمة %71.

بعد ذلك نرسم مستطيل آخر بمحتوى شفاف وإطار باللون # 617b9b.

ننشئ طبقة جديدة New Layer بالضغط على Ctr+Shift+N، وبأداة القلم (P) بقيمة 1px في عرض الخط، نرسم زوايا كما تبين الصورة-للحصول على خط مستقسم يكفي النقر بالفأرة في مكان بدأ الخط ثم في مكان نهاية الخط مع النقر على زر Shift في لوحة المفاتيح وبهذا يرسم خط مستقسم الشكل بين النقطتين -:

ثم نرسم مستطيل أبيض اللون كهذا.

نطبق عليه – المستطيل الأبيض-Filter Motion Blur وذلك بالذهاب إلى:

Menu > Filter > Blur > Motion Blur

نرسم مستطيل آخر ونطبق عليه نفس الفلتر، ثم نرسم دوائر بأداة الدائرة Ellipse Tool (U) للحصول على الشكل التالي:

أضف الآن النص الخاص بك (النص المستعمل في الدرس مجرد مثال بسيط، والذي سيعوض بمحتوى في HTML)

بالنسبة الجزء الثالث، اجلب الأيقونات المحملة في الحزمة أول الدرس كما تبين الصورة:

بالطريقة ذاتها أضف النص الخاص بك باستعمال نفس الخط «Open Sans» -ينصح الويب عدم استعمال كثرة الخطوط لتفادي بطء الخوادم Servers-

نمر للجزء الرابع، نأخذ أداة المستطيل ونرسم مستطيل أزرق اللون # 32bcef باتباع العلامات -Guides-.

بعد ذلك نتجه إلى خصائص الدمج Blending Options:

ثم نرسم مستطيل آخر بشعاع ذو قيمة 5px ولون أزرق غامق #0c1a2d.

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

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

سنصمم الآن معرض للأعمال-Portfolio – المندرج في صفحتنا هاته، أضف الصور الخاصة بك.

أرسم على صورة معية مستطيل أزرق #32bcef .

بعد ذلك نرسم مستطيل آخر أبيض اللون بنفس مقاس الصورة، ثم نخفض قيمة الشفافية -opacity-خاصته إلى قيمة 65% .

وللانتهاء من هذا الجزء، أضف نصا كما في الصورة:

في الجزء الخامس، وبنفس الطريقة نرسم مستطيل أبيض اللون بإطار رماديcacaca #.

دائما بأداة الشكل المربع نرسم في الأسفل مستطيل أزرق اللون #36caf4.

بعد ذلك نتجه إلى خصائص الدمج Blending Options:

نغير من طول المستطيل الأزرق حتى يتناسب مع طول المستطيل الأبيض:

أضف أيقونات المواقع الاجتماعية:

بعد ذلك أضف النص الخاص بك وصورة –في هذا المثال وضعنا صور العاملين في وكالتنا-:

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

الآن، قم بجلب صورة وضعها في الأسفل –هذا الجزء من الصفحة يسمى ب footer – ونطبق عليه نفس خطوات الجزء الثاني للحصول على صورة ذات إضاءة خفيفة.

ونضيف بعض الكلمات وبعض الأيقونات بالشكل التالي:

لرسم استمارة -Form-للتواصل بالموقع نرسم أربع مستطيلات بمحتوى شفاف وإطار أبيض ذو عرض 1-2 pixels:

ثم نضيف مربع أزرق #3ec1f1 ذو زوايا دائرية مع بعض الكلمات التي تشير إلى الحقول وزر الإرسال:

وفي الأخير نضيق في الأسف مستطيل باللون #1e1e1e، بغرض الصفحة يحتوي على نص وأيقونة تشير لحقوق الملكية.

لنحصل في الأخير على الصورة النهائية:

ترجمة -وبتصرّف- للمقال: Tutoriel comment faire un Design Responsive en Parallaxe Scrolling.

سنتعلم من خلال متابعة خطوات هذا الدرس، تصميم نصٍ بتأثيرٍ بلاستيكي، باستعمال أنماط الطبقات وبعض تقنيات برنامج Photoshop. وهذه نتيجة درسنا اليوم:

افتح مشروع جديد على Photoshop بالإعدادات التالية:

• الأبعاد: 1000x1000pixels. 
• الدّقة: Resolution 720Dpi.
• نمط الألوان: Color Mode RVB8bit.

نضيف طبقة جديدة ثم بأداة اللون المتدرج (G) نملأها بتدرج اللون الرمادي #e6e6e6 نحو الأبيض:

ثم باستعمال أداة النص (T) نكتب النص المراد كتابته باستعمال الخط "Freestyle Script" وحجم 345pt:

ننسخ طبقة النص ثلاث مرات بالضغط على الاختصار Ctrl+J للحصول على أربع طبقات خاصة بالنص:

في خصائص الدمج Blending Options الخاصة بالنص الأول:

خصائص الدمج Blending Options الخاصة بالنص الثاني:

ثم خصائص الدمج للنص الثالث:

وبالنسبة للنص الأخير:

نضيف نص آخر-في حالتنا نضيف Academy-وبنفس الطريقة السابقة لنحصل على:

نضيف بعض الأشكال البيضوية كما في الصورة:

ثم نطبق عليه نفس خصائص الدمج لنحصل على الصورة النهائية:

ترجمة -وبتصرّف- للمقال: Créer un magnifique effet de texte en plastique avec Photoshop.

سنتعلم في هذا الدرس كيفية تصميم شخصيات لعبة Angry Birds اللطيفة، باستخدام برنامج Photoshop وبخطوات بسيطة. وهذه نتيجة درسنا اليوم:

افتح مشروع جديد على Photoshop بالإعدادات التالية:

• الأبعاد: 900x900pixels.
• الدقة: Resolution 720Dpi.
• نمط الألوان: Color Mode RVB8bit.

نضيف طبقة لون متدرج:

Menu > Layer > New Fill Layer > Gradient

باستعمال أداة الفرشاة (Brush) نضيف بعض السحب كما في الصورة:

ثم نأخذ أداة القلم Pen Tool باستعمال اللون # d5002c نرسم الشكل التالي:

وفي خصائص الدمج Blending Options الخاصة بالشكل نضيف محيط Storke:

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

بنفس الطريق السابقة نضيف منقار الطائر باللون الأصفر #fbba20:

ثم

في طبقة جديدة يكون ترتيبها أسفل طبقة المنقار نرسم بأداة القلم الشكل المبين في الصورة باللون #e2c4a8:

باستعمال أداة الشكل الدائري (U) نرسم دوائر باللون #a80026:

بنفس الطريقة نرسم دائرتين باللون الأبيض تمثلان عيني الطائر:

إلى خصائص الدمج Blending Options:

بعد ذلك نحدد جميع الطبقات وندمجها في طبقة واحدة (Ctrl+E) ثم باستعمال أداة الكثافة (O) نضيف بعض الظلمة في أماكن العلامة +:

نقوم بعمل طبقة Layer جديدة وذلك بالنقر على Ctr+Shift+N ثم باستعمال أداة الفرشاة وأشكال السحاب نرسم أشكال وتموجات كما في الصورة:

نضيف طبقة جديدة أخرى وبفرشاة الشكل الدائري باللون الأخضر #25c60a نرسم في الأسفل:

نضيف الأعشاب والحشائش باللون الأخضر (الفرش تأتي منصبة مع برنامج Photoshop):

نضيف طبقة أخرى بلون متدرج من نوع Gradient Map وذلك بالذهاب إلى:

Menu > Layer > New Layer Adjustment > Gradient Map

نغير في قيمة الشفافية Opacity إلى القيمة 57 وMode إلى Screen:

في طبقة جديدة وبفرشاة دائرية سوداء اللون نرسم في جنبات الشكل:

ثم خصائص الدمج:

لنحصل على النتيجة النهائية:

ترجمة -وبتصرّف- للدّرس: http://www.tutsps.com/index.php?post/2012/10/19/Creer-un-des-personnages-d-angry-birds-avec-photoshop.

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

قبل البدء أدعوكم لتحميل هذه الحزمة هذه الحزمة.

بعد ذلك افتح مشروع جديد على Photoshop بالإعدادات التالية:

• 1000x1500pixels
• Resolution 720Dpi
• Color Mode RVB8bit

الآن أضف الصورة التالية -المدرجة في الحزمة – للمشروع:

بعد ذلك نضيف الصورة التالية للمشروع:

أنشئ طبقة جديدة New Layer بالضغط على Ctr+Shift+N، وبأداة الريشة (B)، قم بتعيين الفرش Brush التي قمت بتحميلها في الحزمة أعلى الدرس وقم برسم علامات إطارات السيارة كما في الصورة:

نقوم بتغيير خصائص الدمج Blending Options إلى Color Burn ونخفض قيمة Fill الى 21%:

ننشئ طبقة جديدة، وبأداة الريشة (B) نحاول تظليم وسط الصورة باستعمال شكل دائري وبشفافية opacity خفيفة لنحصل على ما يلي:

مع تغيير خصائص الدمج Blending Options إلى Soft light ونخفض قيمة Fill إلى %75:

الآن أكتب النص الخاص بك – في مثالنا هذا نستخدم كلمة Hsoub -باستعمال اللون #ca7428 وبنوع الخط Impact:

نقوم بتنقيط rasterize طبقة النص وذلك بالذهاب إلى:

Menu > Layer > Rasterize > Layer

بعد ذلك نأخذ الأداة (Lasso (L ونعمل تحديد كما في الصورة:

بعد ذلك اذهب إلى (Menu > Edit > Free Transform (Ctrl+T وقم بتحريك الجزء المحدد كما في الصورة:

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

بعد ذلك نذهب لِ خصائص الدمج Blending Options:

نقوم للمرة الثانية بجلب الصورة التالية للمشروع:

بعد ذلك نقوم بعمل الصورة على شكل قصاصة للأحرف وذلك بالضغط على Ctrl+Alt+G أو بالذهاب إلى القائمة:

Menu > Layer > Create Clipping Mask

قم بنسخ طبقة النص المصدّع Ctr+J بدون خصائص الدمج Blending Options:

بعد ذلك نذهب لِ خصائص الدم Blending Options الخاصة بالنص الجديد:

قم بإنشاء طبقة جديدة، وبأداة الفرشاة (B) بشكل دائري مع قيمة 0% في خاصية Hardness، ونرسم باللون #e55c00 تحت النص كما تبين الصورة التالية:

نغير بعد ذلك Blending Options إلى Soft Light كما توضح الصورة:

نقوم بنسخ هذه الطبقة مع خفض قيمة Fill إلى 65%.

نفعل نفس الشيء باستعمال اللون #edd609.

نغير بعد ذلك Blending Options إلى Soft Light.

الآن نضيف نص آخر بنفس الطريقة الأولى، لكن باللون #ff6600.

بعد ذلك نذهب لِ Blending Options.

بعد ذلك ننسخ الصورة المرفقة في الحزمة:

نقوم بتنقيط rasterize طبقة الصورة وذلك بالذهاب إلى:

Menu > Layer > Rasterize > Layer

ثم نذهب إلى:

Menu > Image > Adjustments > Hue/Saturation

بعد ذلك نقوم بعمل الصورة على شكل قصاصة للأحرف وذلك بالضغط على Ctrl+Alt+G أو بالذهاب إلى القائمة:

Menu > Layer > Create Clipping Mask

الآن نقوم بنسخ نص Academy ونستعمل أداة الطلاء Paint bucket tool ذات الاختصار (G):

نغير Blending Option إلى Vivid light:

ننشئ طبقة جديدة، وبأداة اللون المتدرج نرسم لون متدرج شعاعي ينطلق من النص نحو الأعلى:

نغير Blending Option إلى Screen:

ننشئ طبقة جديدة، وبأداة الريشة (B) نرسم أشكال صغيرة دائرية الشكل باللون الأصفر:

في طبقة جديدة أخرى بنفس أداة الريشة دائما نرسم على مستوى الزاوية اليسرى في الأعلى باستعمال اللون #f6e5a7 كما توضح الصورة:

نغير خصائص Blending Options إلىScreen وFill إلى القيمة 43%:

للانتهاء، ننشئ طبقة جديدة، وبأداة الريشة نرسم محيط أسود:

نغير خصائص Blending Options إلى Soft Light:

وهذه هي نتيجة درسنا اليوم:

ترجمة -وبتصرّف- للمقال: Effet de Texte Craquelé avec Photoshop.