رأس الموقع في فوتوشوب

• أبريل 30, 2024

في هذا البرنامج التعليمي ، سنبني رأس موقع ويب في Photoshop^R الذي سوف نحرك في فلاش^R عامل حفاز^TM. تبدأ الرسوم المتحركة بخلفية فارغة ، وتنزلق عناصر التصميم "لبناء" الرأس أمام أعيننا. سيتم برمجة الرسوم المتحركة لتبدأ "قيد التحميل" وستستمر لبضع ثوانٍ فقط. سيكون رأس الموقع هذا مخصصًا لبطاقات المعايدة التجارية.

خطوتنا الأولى هي بناء الرأس في Photoshop. سنضع كل عنصر تصميم في طبقته الخاصة استعدادًا للعمل معهم في Flash Catalyst. كما ترون ، سيكون لدينا 6 عناصر تصميم.

1. الخلفية
2. أسفل شريط عبر عرض الرأس
3. اسم الشركة
4. بطاقة عيد ميلاد
5. اليقطين نوتكارد
6. بطاقة عيد الميلاد

1. لنبدأ مشروع جديد في Photoshop. اضبط العرض على 1000 بكسل ، الارتفاع إلى 225 بكسل والخلفية على شفاف. سيكون هذا الحجم مناسبًا بشكل رائع في الجزء العلوي من صفحة الويب الخاصة بنا.
   
   
2. العنصر الوحيد الذي سيكون مرئيًا في بداية الرسم المتحرك هو الخلفية البيضاء. املأ الطبقة الأولى من الصورة بلون الخلفية الذي تختاره. في لوحة Layers ، أعد تسمية هذه الطبقة "الخلفية".
   
   
3. لإنشاء الحافة المظللة ، استخدمت نمط طبقة الظل الداخلية. انقر نقرًا مزدوجًا فوق طبقة الخلفية وحدد المربع بجوار Inner Shadow. اضبط المسافة والخنق على 0 وحجم إلى 49.
   
   
4. بعد ذلك ، سنضيف الحد الرفيع حول الصورة باستخدام Stroke Layer Style. لقد قمت بتعيين اللون على اللون البني (# 6e674f) ، والحجم على 2 والموقف إلى الداخل.
   
   بعد ذلك سوف نضيف البطاقات. لقد خفضت حجم بطاقات التهنئة الخاصة بي إلى 230 × 175 بكسل. هذا سوف تبقيهم بما يتناسب مع حجم الرأس.
   
   
5. دعونا نسخ / لصق بطاقة القرع في رأسنا. اسم طبقة جديدة "القرع". انقر فوق تحرير - تحويل مجاني لتدوير البطاقة قليلاً إلى اليمين. انقر فوق طبقة Pumpkin وقم بتطبيق Drop Shadow Layer Style مع الحفاظ على الإعدادات الافتراضية.
   
   
6. كرر الخطوة الأخيرة لكل من بطاقة عيد الميلاد وعيد الميلاد.
   
   بعد ذلك ، سوف نضيف الشريط في أسفل الرأس. سنضع بطاقاتنا خلف هذا الشريط لمحاكاة البطاقات على الرف.
   
   
7. أضف طبقة جديدة إلى لوحة Layers واسميها "Bar".
   
   
8. باستخدام أداة Rectangular Marquee ، حدد المنطقة السفلية للرأس ، مباشرةً داخل الحدود البنية. اختر لونًا لشريطك واملأ التحديد بهذا اللون.
   
   
9. انقر نقرًا مزدوجًا فوق الطبقة وأضف Stroke Layer Style كما فعلت مع طبقة الخلفية.
   
   
10. انقر على أداة الكتابة الأفقية واختر خطًا لاسم عملك. لقد استخدمت نفس اللون البني مثل لون الحدود. اكتب اسم النشاط التجاري على الجانب الأيسر من الرأس.
    
    
11. هذه الخطوة اختيارية. سنقوم بتنقيط النص. انقر بزر الماوس الأيمن فوق طبقة النص واختر Rasterize Type من القائمة.
    
    
12. احفظ مشروعك بتنسيق Photoshop .psd.
    
    

حقوق النشر 2018 Adobe Systems Incorporated. كل الحقوق محفوظة. أعيد طبع (لقطات) شاشة منتج Adobe بإذن من Adobe Systems Incorporated. Adobe و Photoshop و Photoshop Album و Photoshop Elements و Illustrator و InDesign و GoLive و Acrobat و Cue و Premiere Pro و Premiere Elements و Bridge و After Effects و InCopy و Dreamweaver و Flash و ActionScript و Fireworks و Contribute و Captivate و Flash Catalyst و Flash Paper هي / هي إما [a] علامة تجارية مسجلة أو علامة تجارية لـ Adobe Systems Incorporated في الولايات المتحدة و / أو البلدان الأخرى.

تعليمات الفيديو: كيف يمكنك كسب المال من الفوتوشوب بدون خبرة | الربح من الانترنت (أبريل 2024).