الصورة: سري بوتري خوليو لقد كان تصميم الويب دائمًا مجالًا سريع التطور حيث يجب على المحترف الجمع بين تصميم المعلومات المرئية وعلم الجمال وتكوين المكونات مع أكثر الأفكار والاتجاهات الحالية ذات الصلة لتلبية توقعات عميله.. يمتلك مصمم الويب الجيد رؤية واضحة للهدف الرئيسي للموقع الذي ينشئونه والرسالة الخاصة التي يحاولون نقلها. مع صعود Bootstrap ومؤسسة وأطر مماثلة ، فمن الواضح أن التخطيطات في خطر أن تصبح أكثر من أي وقت مضى من samey. نحن جميعًا على دراية كبيرة بملف Bootstrap هذا ، أليس كذلك؟ في هذا السياق ، فإن الحاجة إلى قدر قليل من التمايز في التصميم أكثر إلحاحًا من أي وقت مضى. أعتقد أن إحدى المهام الأكثر صعوبة لمصمم الويب هي العثور على بعض الزاوية الإبداعية لعمل يمكن اعتباره مختلفًا وفريدًا. وبعبارة أخرى ، من الناحية المثالية ، فإننا جميعًا نحب أن نبني تخطيطًا وتجارب مواقع لا يمكن تكرارها بسهولة من قبل الجماهير. القاعدة التي يجب اتباعها لإنجاز هذه المهمة الأولى هي استخدام الخيال وتجنب الصور الأكثر استخدامًا ، أو وضع الحيل ، أو التركيبات ، أو التأثيرات. يحاول المزيد والمزيد من المحترفين إنشاء رسومات ورسوم متحركة رائعة مع CSS خالص ، واستغلال جميع إمكاناتها المخفية ، كما هو الحال في هذه الحالة. دعونا نحاول مع هذا البناء من الروماني كورتيس. على الرغم من أنه قد لا يكون في متناول الجميع ، إلا أنه بمثابة تذكير جيد لما يمكن لـ CSS3 السماح لنا بالقيام به. ولكن ماذا لو لم أكن خبيرًا في CSS ولا أجد مثل هذه الاختصاصات المتقدمة؟ أو إذا لم يكن لدي الوقت (أو الميل) لرسم الصور باستخدام CSS ، وبدلاً من ذلك تفضل الاستفادة مما تعلمته عن Photoshop أو Illustrator؟ الحمد لله يمكن أن يساعدنا Photoshop على تحقيق نتائج جيدة وإنشاء معالجات بصرية أقل تقليدية. في هذا البرنامج التعليمي سترى كيفية إنشاء نص مملوء بالصور في بضع خطوات بسيطة يمكنك استخدامها لتزيين مشروعك التالي. فوتوشوب في العمل سيساعدنا هذا البرنامج التعليمي على فهم مدى بساطة إدراج صورة داخل نص باستخدام Adobe Photoshop CS6. سوف نستخدم أوامر قليلة جدًا ومعروفة جدًا في البرنامج وأؤكد لك أن النتيجة التي ستحققها رائعة. يمكننا استخدام صورنا الشخصية أو الصور التي اكتشفناها في تصفح الويب. لا توجد حدود وكل ما علينا فعله هو اتباع خيالنا. دعنا نبدأ مشروعنا باختيار صورة نحبها بشكل خاص ، نحن مغرمون ، أو نرغب في العمل والتفكير في المحرف الذي سنستخدمه لهذا. اخترت منظرًا جميلاً لجسر البرج ، الجسر المركب الرائع والجسر المعلق الذي يمتد على نهر التايمز. وهو قريب من برج لندن ، والذي يأخذ منه اسمه وأصبح رمزًا مبدعًا لهذه المدينة. من الواضح ، لا تتردد في العمل أيضا على موضوع من اختيارك. قم بإعداد النص الخاص بك افتح الصورة التي ستكون أساسنا وانقر على النص في لوحة الأدوات على اليسار. عند هذه النقطة ، حدد الخط والحجم واللون والنص محاذاة في الخيارات أعلاه. عادةً ما يعمل الخط block sans-serif بشكل أفضل ، ولكن لا تتردد في تجربته. انتهى بي الأمر باختيار Dock11 كمحرفتي بسبب بساطته (متوفر في فئة Sans ، يمكنك تنزيله هنا). أما بالنسبة للون ، فاخترت واحدة تتناقض بقوة مع خلفية داكنة ، ومحاذاة النص الأيسر ، ثم أضبط حجمها (لاحظ أنه سيتم تسوية الحجم مرة أخرى في الخطوة التالية). بعد ذلك ، اكتب رسالتك وأنشئها داخل المستند. بما أنني اخترت صورة لندن ، فإن النص الواضح بالنسبة لي هو اسم المدينة. حجم النص الخاص بك إلى الفضاء بعد ذلك ، اضغط على Ctrl + T على لوحة المفاتيح من أجل تحديد مساحة النص واسحبه بواسطة المؤشر تشير نقطة الربط إلى امتداد النص ثم زيادة حجمه. قم بإنشاء قناع قطع الآن ضع المؤشر على طبقة الخلفية ، انقر بزر الماوس الأيمن> طبقة مكررة. سنقوم بإنشاء مستوى جديد يسمى نسخة الخلفية. (لاحظ أنه بعد هذه الخطوة ، سيختفي النص مؤقتًا). بعد إنشاء قناع قطع ، سيظهر المستوى الذي يحمل الاسم 'نسخ الخلفية' في لوحة المستوى في وضع مسافة بادئة مع وجود سهم صغير متجه لأسفل ، ولكن الصورة لن تتغير. حدد المستوى النصي ومع الضغط على Ctrl ، انقر فوق الزر New Layer (أي الرمز الأخير الثاني يبدأ من اليسار) لأسفل في لوحة المستوى لإنشاء مستوى جديد يجب وضعه تحت المستوى النصي. ثم ، إعادة تعيين كل لون المقدمة واللون الثاني الضغط على D . استخدم لون المقدمة (أسود) لملء المستوى 1 الذي أنشأناه من قبل. إذا كنت تفضل أي شيء آخر غير لون لون الخلفية ، فلا تتردد في تغييره. وأخيرًا ، انقر على أداة النقل وغيّر الصورة أدناه حتى النتيجة التي نريد تحقيقها. هنا هي صورة الخلفية في النص لدينا! يمكنك التفكير في استخدام تأثير طبقة Bevel and Emboss لتحسين مظهر العنوان الجديد وجعل الحروف بارزة. الاستنتاجات الآثار التي يمكننا تطبيقها على النص هي تقريبا. يمكنك الاستمتاع بنفسك باستخدام مجموعة كبيرة ومتنوعة من الصور لملء رسالتك وضبط التأثير على أغراضك. لا تضع الفرامل على خيالك! مقابلة المؤلف لدي درجة البكالوريوس في اللغات الأوروبية والثقافات والأدب من جامعة نابولي. أنا عاطفي عن الرسومات وتصميم مواقع الإنترنت ، ولعدة سنوات كنت أعمل على مشاريع وتصاميم للعديد من الشركات. أنا & apos؛ m كاتبة لمجموعة مستخدمي Audero ؛ تخصصاتي هي HTML و CSS وتصميم مواقع الويب و Adobe Photoshop.