قبل يومين تقريباً قمنا بإضافة خلفيات شهر ربيع الثاني وفي وقتها جتني فكرة إضافة دروس عن بعض الخلفيات التي اقوم بتصميمها لذالك هذه اول خلفيه جت في بالي وهو تصميم لصورة ملصقه بتصميم جميل.
![]()
اضغط على الصورة لمشاهدتها بحجم كبير
نبدأ الدرس بسم الله …
أولاً نفتح الفوتوشوب ثم نختار File -> New

نحدد الحجم المناسب للخلفية حسب دقة الشاشة وهنا لدي في جهازي 1280 × 1024

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

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

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

لتكون النتيجه كالتالي

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

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

لتصبح نتيجة الخلفية كالتالي

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

ثم نختار تحديد تحريك الطبقه كما في الصورة التالية

يتم اختيار وضع التحريك كما في الصورة التالية ليتم “ثني الورقة”

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

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

تحديد الماوس على اي زاويه من الصورة ثم تحريكها قليلاً إلى اليمين لتكون النتيجه كالتالي

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

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

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

بعدها اضغط بلوحة المفاتيح الرز المؤشر إلى الأسفل 5 مرات او اكثر ومن ثم إلى اليسار 5 مرات او اكثر ليكون كالتالي

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


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


الأن قم بالضغط على CTRL + A ليتم إزالة التحديد وطبعاً انت لازلت في طبقة الضل لأننا سنقوم بعمل تأثير يتم تمويه اللون الأسود كالضل



هكذا الأن انتهينا من الصورة بشكل كامل

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

ثم رسم الشريط اللاصق كالتالي


نقوم بجعل الشريط اللاصق شفاف تماماً

ثم نختار Blending Options على طبقة اللشريط اللاصق ليتم عمل ستايل معين عليه
والستايل هو كالتالي

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

الأن انتهينا من العمل لم يتبقى إلى الجملة التي بأعلى التصميم وهذه من خلال نص عادي + تأثير ستايل بكل بساطه
![]()
اضغط على الصورة لمشاهدتها بحجم كبير
أتمنى أنه أعجبكم وأفادكم الدرس
وهذا هو مصدر الفوتوشوب للتصميم :
اطيب تحياتي لكم











كالمعتاد شرح ممتاز
قيم التعليق:
0
0
شرح مبسط لأبعد درجة .. وهناك طرق كثير للإستفادة من الدرس ..
شكراً ابو عابد ..
تحياتي ..
قيم التعليق:
0
0
يعطيك العافية أخوي عبدالملك على الشرح المبسط والسلس
وفكرة الدروس جداً رائعة
تقبل زيارتي
اخوك مقرن
قيم التعليق:
0
0
رايقه
درس جميل
قيم التعليق:
0
0
الصورة لمكة المكرمة
والعبارة تقول “طيبة” وهي المدينة
قيم التعليق:
0
0
في غلط بس بكلمة (طيبة ) لان الصورة لمكة وطيبة هي المدينة…يعطيك العافية اخوي
قيم التعليق:
0
0
درس رائع وتصميم جميل جداً مشكور أخ عبدالملك
قيم التعليق:
0
0
thanks bro … we need more lesson in photoshop
قيم التعليق:
0
0
شكراً للجميع على المرور
sfsf شرفني مرورك الكريم
omego فعلاً معاك حق وبيني وبينك اي درس فوتوشوب انا استفيد منه بشكل عام مو شرط بنفس ما تطرق له شارح الدرس لأنه مثلاً هنا يشرح لك كيف تسوي خلفية , احياناً تقدر تستفيد من الدرس بتصميم هيدر او فوتر للموقع … الخ
يعطيك العافيه وشكراً لك على الإضافه الجميلة
مقرن النشمي
ما نستغني عن دعمك بردودك الجميله وانت مبدع في هذا المجال
الندى رايق مرورك شكراً لك اختي
أنس الله يخليك ياغالي دائماً مرورك يسعدني
lol Your welcome man, and thanks for your suggestion we will inshallah do more of this lesseons
كوكو الأسمر شكلك من النوع اللي تحب ترد بس عشان تغلط الناس p:
دحاح الله يعافيك يالغالي شكراً لك على المرور الجميل
شكراً للجميع
سيتم تعديل الكلمه من يا طيبه إلى يا مكه
قيم التعليق:
0
0
جهد موفق و جبار جزاكم الله خير .. موفقين و مسددين : )
وشرح و درس رائع ..
أخوك
قيم التعليق:
0
0
جزاك الله خير الجزاء اخي درس رائع فعلا
قيم التعليق:
0
0
حديث السكون
الله يبارك فيك اخوي أسعدني مرورك الجميل
freelance web designer
الله يعافيك يالغالي مرورك الأروع , وكذالك شرفني التعرف عليك من خلال موقعك الجميل فعلاً مبدع ومتابعين ابداعك هل انت عربي عايش في لندن وتعمل في مجال تصميم الويب ؟
ياحبذا لو كانت هناك معلومات عنك في الموقع , بارك الله فيك
قيم التعليق:
0
0
تم تعديل يا طيبة إلى يا مكة
وتم إضافة مصدر الفوتوشوب من العمل
اطيب تحياتي
قيم التعليق:
0
0
يعطيك العافيه ياعبدالملك
قيم التعليق:
0
0
درس جميل
قيم التعليق:
0
0
درس رائع جدا
والنتيجة مرة حلوة
لكن للأسف ما فهمت نقطة معينة في الشرح وهي دمج طبقتين انا اعرف ادمج الليرات كلها لكن اثنين فقط ما عرفت
(بعدها نقوم بدمج الطبقتين التي تحتوي على الصورة) <– هذي الخطوة ما فهمتها
قيم التعليق:
0
0
شكراً للجميع على المرور , اخوي حمادي بالنسبة لسؤالك وهي الطريقه سهله اختر احد الطبقتين ثم أضغط CTRL واضغط على الطبقه الثانيه ستلاحظ انه تم تحديدهما معاً ثم اضفط الزر الأيمن من الفأره على أحد الطبقتين ثم اختر Marge layers وسيكون تم دمج الطبقتين
هذا الكلام ينطبق على آخر النسخه من الفوتوشوب , هناك نسخه قديمه لا يمكنك من خلالها الضغط على CTRL ثم اختيار طبقه أخرى لتحديدها , بل يجب ان تحدد على المربع الصغير الذي بجانب الطبقه الذي عند اختياره سيتم وضع عليه أيقونة رابط حديدي وهكذا يكون تم تحديده.
تقبل اطيب تحياتي
قيم التعليق:
0
0
يعطيك ألف عافية و تسلم يمناك يارب
درس في قمة الروعه
قيم التعليق:
0
0
السلام عليكم ورحمة الله وبركاته
ماشاء الله مدوونة متكاملة الله يباركلك فيها ويطرح فيها البركة ,.,.,
عندي شيء بغيت أقووله ولكن لست متأكد هل هو صحيح ,,,
وهو ليه ماتسووي شرحك هذا ماشاء الله (أكشن ) ويصير سهل …
أتمنى أنك ترد ,,, في أمان الله
قيم التعليق:
0
0
الســـــــــــــــلام عليكم و رحمة الله و بركاته
مــا شاء الله مدونـــه ….. رائعة …. مبدع في افكاركــ
ارجواااا ان تتقبل مرري ^ في أمـــان اللــــه ^ !!!!!
قيم التعليق:
0
0
شكراً لك أخوي عالدرس الرائع والمفيد …
ومع أنه واايد تأثيرات كانت ناقتني بس عوضتها..
وهذا هو تطبيقي ..
[url=http://www.uae.ii5ii.com][img]http://www.up.ii5ii.com//uploads/images/ii5ii-54d92ab3dd.jpg[/img][/url]
قيم التعليق:
0
0
شكراً للجميع على المرور,
أخوي رائد تراني ما فهمت وش قصدك بأكشن
اختي aysha اسعدني مرورك وتطبيقك ولكن للأسف يظهر لي Not Found
بارك الله فيك.
قيم التعليق:
0
0
http://www.up.ii5ii.com//uploads/images/ii5ii-54d92ab3dd.jpg
هذا شغال جربهـ
قيم التعليق:
0
0
… إذا ما أشتغل ما عليه
لرابط الأول
[url=http://www.gulfup.com/][img]http://www.gulfup.com/do.php?img=1562611[/img][/url]
الرابط الثاني
http://www.gulfup.com/do.php?img=1562611
الرابط الثالث
[URL=http://up.arab-x.com/][img]http://up.arab-x.com/pic/KSQ28070.jpg[/img][/url]
http://up.arab-x.com/pic/KSQ28070.jpg
قيم التعليق:
0
0
للأسف والله نفس الشي
قيم التعليق:
0
0
مع أنه شغال معاي … ليش ما يشتغل …
بشوف موقع تحميل ثاني
قيم التعليق:
0
0
… إذا ما أشتغل ما عليه
لرابط الأول
[url=http://www.gulfup.com/][img]http://www.gulfup.com/do.php?img=1562611[/img][/url]
الرابط الثاني
http://www.gulfup.com/do.php?img=1562611
الرابط الثالث
[URL=http://up.arab-x.com/][img]http://up.arab-x.com/pic/KSQ28070.jpg[/img][/url]
http://up.arab-x.com/pic/KSQ28070.jpg
قيم التعليق:
0
0
ما شاء الله اعجبتني جداً المفروض يكون عندك حساب في http://deviantart.com تحطي فيه أعمالك,
هذا حسابي http://althari.deviantart.com
وكل من عنده اعمال تصاميم يحطه عنده يعتبر افضل موقع لهالمجال يمكن انك تعرفينه.
اطيب تحياتي لك وبالتوفيق ان شاء الله من أفضل لأفضل
قيم التعليق:
0
0
للأسف ما عنيد حسب في deviantart
بس قريب إن شاء الله بفتح لي مدونه أو بشترك في الديفينت أردت …
شكراً لك أخوي …
قيم التعليق:
0
0
للأسف ما عندي حساب في deviantart
بس قريب أن شاء الله بفتح لي مدونه أو بشترك في الديفينت أردت …
شكراً لك أخوي …
قيم التعليق:
0
0