نحوه ایجاد وب سایت در فتوشاپ

2024 نویسنده: Timothy Dodson | [email protected]. آخرین اصلاح شده: 2023-12-16 06:48

در فتوشاپ می توانید یک وب سایت درست کنید که بر اساس آن از قبل در html ایجاد شده باشد. این فرایند نسبتاً ساده است.

ضروری

برنامه Adobe Photoshop

دستورالعمل ها

مرحله 1

فتوشاپ را باز کنید و یک سند عکس 1020 1200 1200 در آن ایجاد کنید. رنگ پس زمینه را روی # a8a995 تنظیم کنید. اگر سایت به یک شرکت اختصاص دارد ، پس می توانید آرم آن را در بالا سمت راست در نوار پیمایش قرار دهید. کمی فضای سمت راست برای پیوندها برای پیمایش در سایت اختصاص دهید.

گام 2

از ابزار مستطیل استفاده کرده و یک مستطیل با اندازه 80 در 54 در نوار پیمایش سایت ایجاد کنید. این مورد منوی فعال را در پیمایش سایت نشان می دهد.

مرحله 3

به منوی Layer-Layer Style بروید ، کادر انتخاب Color Overlay را علامت بزنید ، رنگ # ADAE9E ، Opacity - 100٪ و کادر انتخاب Stroke ، اندازه - 1 پیکسل ، موقعیت - خارج ، Opacity - 100٪ ، رنگ # CED0BB.

مرحله 4

بالای مستطیل که قبلاً دارید ، یک عکس دیگر 71x50 اضافه کنید ، آن را با # cfbe28 رنگ کنید. به منوی Layer-Layer Style بروید و پارامترهای زیر را برای این مستطیل تنظیم کنید: Drope Shadow: Blend Mode - Multiply، color # 000000، Opacity - 27٪، Angle - 90، Distance - 1، Spread - 0، Size - 5؛ سایه داخلی: حالت مخلوط - ضرب ، رنگ # 000000 ، تیرگی - 27، ، زاویه - 90 ، فاصله - 1 ، چوک - 0 ، اندازه - 18 ؛ سکته مغزی: اندازه - 1 ، موقعیت - خارج ، شفافیت - 100 ، نوع پر کردن - رنگ ، رنگ # D6C72C.

مرحله 5

سایه را برای پیوندهای واقع در نوار پیمایش اضافه کنید. برای انجام این کار ، لایه را با متن این پیوندها انتخاب کنید ، به منوی Layer-Layer Style رفته و پارامترهای زیر را تنظیم کنید: Drope Shadow: Blend Mode - Multiply، color # 000000، Opacity - 75٪، Angle - 90، Distance - 1 ، Spread - 0 ، اندازه - 1. این مراحل را برای هر لایه که حاوی متن پیوندها است تکرار کنید.

مرحله 6

اکنون باید یک قسمت مقدماتی از الگو ایجاد کنید. ابزار مستطیل را انتخاب کنید و یک مستطیل زیر آرم ایجاد کنید ، آن را با رنگ سفید پر کنید ، میزان کدورت را به 20٪ کاهش دهید.