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

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


اضغط على الصورة لمشاهدتها بحجم كبير

نبدأ الدرس بسم الله …

أولاً نفتح الفوتوشوب ثم نختار File -> New

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

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

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

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

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

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

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

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

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

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

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

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

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

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

الأن انتهينا من ثني الورقه ونريد ان نضع تأثير ضلال عليها لتكون شبه تأثير حقيقي

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

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

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

تأكد من انك محدد على أداة التحديد لأننا نريد تحريك التحديد

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

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

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

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

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

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

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

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

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

والستايل هو كالتالي

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

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


اضغط على الصورة لمشاهدتها بحجم كبير

أتمنى أنه أعجبكم وأفادكم الدرس

وهذا هو مصدر الفوتوشوب للتصميم :

اطيب تحياتي لكم

  • sfsf

    كالمعتاد شرح ممتاز

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

    شكراً ابو عابد ..

    تحياتي ..

  • يعطيك العافية أخوي عبدالملك على الشرح المبسط والسلس

    وفكرة الدروس جداً رائعة

    تقبل زيارتي

    اخوك مقرن

  • رايقه 🙂

    درس جميل

  • كوكو الأسمر

    الصورة لمكة المكرمة
    والعبارة تقول “طيبة” وهي المدينة 🙂

  • في غلط بس بكلمة (طيبة ) لان الصورة لمكة وطيبة هي المدينة…يعطيك العافية اخوي

  • درس رائع وتصميم جميل جداً مشكور أخ عبدالملك

  • lol

    thanks bro … we need more lesson in photoshop

  • شكراً للجميع على المرور

    sfsf شرفني مرورك الكريم

    omego فعلاً معاك حق وبيني وبينك اي درس فوتوشوب انا استفيد منه بشكل عام مو شرط بنفس ما تطرق له شارح الدرس لأنه مثلاً هنا يشرح لك كيف تسوي خلفية , احياناً تقدر تستفيد من الدرس بتصميم هيدر او فوتر للموقع … الخ

    يعطيك العافيه وشكراً لك على الإضافه الجميلة

    مقرن النشمي

    ما نستغني عن دعمك بردودك الجميله وانت مبدع في هذا المجال

    الندى رايق مرورك شكراً لك اختي

    أنس الله يخليك ياغالي دائماً مرورك يسعدني

    lol Your welcome man, and thanks for your suggestion we will inshallah do more of this lesseons

    كوكو الأسمر شكلك من النوع اللي تحب ترد بس عشان تغلط الناس p:

    دحاح الله يعافيك يالغالي شكراً لك على المرور الجميل

    شكراً للجميع

    سيتم تعديل الكلمه من يا طيبه إلى يا مكه

  • جهد موفق و جبار جزاكم الله خير .. موفقين و مسددين : )
    وشرح و درس رائع ..

    أخوك

  • جزاك الله خير الجزاء اخي درس رائع فعلا

  • حديث السكون

    الله يبارك فيك اخوي أسعدني مرورك الجميل

    freelance web designer

    الله يعافيك يالغالي مرورك الأروع , وكذالك شرفني التعرف عليك من خلال موقعك الجميل فعلاً مبدع ومتابعين ابداعك هل انت عربي عايش في لندن وتعمل في مجال تصميم الويب ؟

    ياحبذا لو كانت هناك معلومات عنك في الموقع , بارك الله فيك

  • تم تعديل يا طيبة إلى يا مكة

    وتم إضافة مصدر الفوتوشوب من العمل

    اطيب تحياتي

  • يعطيك العافيه ياعبدالملك 🙂

  • درس جميل

  • hmady

    درس رائع جدا

    والنتيجة مرة حلوة

    لكن للأسف ما فهمت نقطة معينة في الشرح وهي دمج طبقتين انا اعرف ادمج الليرات كلها لكن اثنين فقط ما عرفت
    (بعدها نقوم بدمج الطبقتين التي تحتوي على الصورة) <– هذي الخطوة ما فهمتها

  • شكراً للجميع على المرور , اخوي حمادي بالنسبة لسؤالك وهي الطريقه سهله اختر احد الطبقتين ثم أضغط CTRL واضغط على الطبقه الثانيه ستلاحظ انه تم تحديدهما معاً ثم اضفط الزر الأيمن من الفأره على أحد الطبقتين ثم اختر Marge layers وسيكون تم دمج الطبقتين

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

    تقبل اطيب تحياتي

  • يعطيك ألف عافية و تسلم يمناك يارب

    درس في قمة الروعه 🙂

  • رائد الغامدي

    السلام عليكم ورحمة الله وبركاته

    ماشاء الله مدوونة متكاملة الله يباركلك فيها ويطرح فيها البركة ,.,.,

    عندي شيء بغيت أقووله ولكن لست متأكد هل هو صحيح ,,,

    وهو ليه ماتسووي شرحك هذا ماشاء الله (أكشن ) ويصير سهل …

    أتمنى أنك ترد ,,, في أمان الله

  • شحيــــــــة كلي فخر

    الســـــــــــــــلام عليكم و رحمة الله و بركاته

    مــا شاء الله مدونـــه ….. رائعة …. مبدع في افكاركــ

    ارجواااا ان تتقبل مرري ^ في أمـــان اللــــه ^ !!!!!

  • شكراً لك أخوي عالدرس الرائع والمفيد …

    ومع أنه واايد تأثيرات كانت ناقتني بس عوضتها..

    وهذا هو تطبيقي ..

    [url=http://www.uae.ii5ii.com][img]http://www.up.ii5ii.com//uploads/images/ii5ii-54d92ab3dd.jpg[/img][/url]

  • شكراً للجميع على المرور,

    أخوي رائد تراني ما فهمت وش قصدك بأكشن

    اختي aysha اسعدني مرورك وتطبيقك ولكن للأسف يظهر لي Not Found

    بارك الله فيك.

  • للأسف والله نفس الشي

  • مع أنه شغال معاي … ليش ما يشتغل …

    بشوف موقع تحميل ثاني

  • aysha

    … إذا ما أشتغل ما عليه

    لرابط الأول

    [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

  • ما شاء الله اعجبتني جداً المفروض يكون عندك حساب في http://deviantart.com تحطي فيه أعمالك,

    هذا حسابي http://althari.deviantart.com

    وكل من عنده اعمال تصاميم يحطه عنده يعتبر افضل موقع لهالمجال يمكن انك تعرفينه.

    اطيب تحياتي لك وبالتوفيق ان شاء الله من أفضل لأفضل

  • للأسف ما عنيد حسب في deviantart

    بس قريب إن شاء الله بفتح لي مدونه أو بشترك في الديفينت أردت …

    شكراً لك أخوي …

  • للأسف ما عندي حساب في deviantart

    بس قريب أن شاء الله بفتح لي مدونه أو بشترك في الديفينت أردت …

    شكراً لك أخوي …

  • رائحة المطر

    جزاك الله كل خير

    أنا طبقت نفس الخطوات

    خففت طبقة الظل واللصقة الى أقل من 60%

    علشان يطلع التصميم مثل ما أنت مسوية بالضبط

    جزاك الله كل خير

    ألف شكر لك يالطيب

  • maram

    درس في غاية الروعة والاتقان ..
    تعلمت منه الكثير .. الله يجزيك ألف خير ..

    وهذا هو تطبيقي عليه ..

    http://img05.arabsh.com/uploads/image/2012/03/05/0933474b6cf6.jpg

تعليقات عبر الفيسبوك