درس تصميم فوتوشوب صورة ملصقة 31 من التعليقات

الكاتب: 30 مارس, 2009
الزيارات: 14,525

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

yatibah thumb(1) درس تصميم فوتوشوب صورة ملصقة
اضغط على الصورة لمشاهدتها بحجم كبير

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

yatibah thumb(1) درس تصميم فوتوشوب صورة ملصقة
اضغط على الصورة لمشاهدتها بحجم كبير

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

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

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

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

  1. درس فوتوشوب, تصميم خلفيه إحترافيه كويندوز فيستا
  2. درس فوتوشوب عمل تأثير نصي رائع (خطوط ناريه متطايره)
  3. تصميم نصوص عشبيه جميله
  4. تلميحات تطوير الويب 7
  5. صناعة "التقارير الإلكترونية" بأبسط صورة

نبذة عن عبدالملك الثاري

مطور ومحلل نظم, ومصمم جرافيكس, يهتم بالأمور التقنية ويعشقها ...
  1. كالمعتاد شرح ممتاز

    قيم التعليق: Thumb up 0 Thumb down 0

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

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

    تحياتي ..

    قيم التعليق: Thumb up 0 Thumb down 0

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

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

    تقبل زيارتي

    اخوك مقرن

    قيم التعليق: Thumb up 0 Thumb down 0

  4. رايقه :)

    درس جميل

    قيم التعليق: Thumb up 0 Thumb down 0

  5. 5.
    كوكو الأسمر يقول:

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

    قيم التعليق: Thumb up 0 Thumb down 0

  8. thanks bro … we need more lesson in photoshop

    قيم التعليق: Thumb up 1 Thumb down 0

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

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

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

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

    مقرن النشمي

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

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

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

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

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

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

    شكراً للجميع

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

    أخوك

    قيم التعليق: Thumb up 0 Thumb down 0

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

    قيم التعليق: Thumb up 0 Thumb down 0

  12. حديث السكون

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

    freelance web designer

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

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

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

    اطيب تحياتي

    قيم التعليق: Thumb up 0 Thumb down 0

  14. يعطيك العافيه ياعبدالملك :)

    قيم التعليق: Thumb up 0 Thumb down 0

  15. درس جميل

    قيم التعليق: Thumb up 0 Thumb down 0

  16. درس رائع جدا

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

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

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

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

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

    قيم التعليق: Thumb up 0 Thumb down 0

  19. 19.
    رائد الغامدي يقول:

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

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

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

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

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

    قيم التعليق: Thumb up 0 Thumb down 0

  20. 20.
    شحيــــــــة كلي فخر يقول:

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

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

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

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

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

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

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

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

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

    قيم التعليق: Thumb up 0 Thumb down 0

  23. للأسف والله نفس الشي

    قيم التعليق: Thumb up 0 Thumb down 0

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

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

    لرابط الأول

    [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

    قيم التعليق: Thumb up 0 Thumb down 0

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

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

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

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

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

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

    قيم التعليق: Thumb up 0 Thumb down 0

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

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

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

    قيم التعليق: Thumb up 0 Thumb down 0

  29. 30.
    رائحة المطر يقول:

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

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

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

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

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

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

    قيم التعليق: Thumb up 1 Thumb down 0

تعقيبات من مواقع أخرى
  1. روابط .. 5 إبريل 2009 ..



المقالات في عالم التقنية تُعبّر عن رأي كاتبها ¦ © 2011 - جميع الحقوق محفوظة عالم التقنية ¦ تصميم و تطوير: عبدالملك الثاري ¦ تطوير : المُعاصر | الخوادم بإدارة ah