ایجاد الگوی وب سایت در فتوشاپ کار چندان دشواری نیست. این الگو شامل منوها ، فرم های جستجو ، گرافیک ، شاید برخی متن ها باشد. خود سایت بر اساس آن از قبل برنامه ریزی خواهد شد.
دستورالعمل ها
مرحله 1
با ایجاد یک سند جدید با اندازه 1020 در 1020 عکس ، الگوی سایت خود را در فتوشاپ شروع کنید. پس زمینه را سفید کنید. رنگ پیش زمینه را روی # c5e0dd و رنگ پس زمینه را روی # ece5cf تنظیم کنید.
گام 2
ابزار Gradient را برداشته و اولین نوع پر کردن را در پانل تنظیمات آن انتخاب کنید. یک خط شیب را در قسمت سفید از بالا به پایین بکشید.
مرحله 3
ابزار Text را بگیرید ، عنوان سایت خود را در گوشه بالا سمت راست بنویسید تا با فرم جستجو ، که در گوشه بالا سمت چپ قرار دارد ، صف آرایی کند. اندازه قلم را تنظیم کنید ، به عنوان مثال ، 12.
مرحله 4
برای ایجاد شکل جستجو ، ابزار Rectangle را انتخاب کنید و یک مستطیل سفید در گوشه سمت راست بالا ترسیم کنید. تنظیمات لایه زیر را اعمال کنید: Inner Shadow - Blend Mode - Multiply، Color - # a2b7b1، Opacity - 43، Angle - 90، Distance - 0، Choke - 0، Size - 10.
مرحله 5
با استفاده از ابزار Text یک متن نرم درون این شکل ایجاد کنید.
مرحله 6
ابزار Rounded Rectangle را انتخاب کنید و یک دکمه در داخل شکل جستجو در مرز راست آن ایجاد کنید. سبکهای لایه زیر را اعمال کنید: Gradient Overlay - Blend Mode - Normal، Opacity - 100، Gradient from dark to light (colours from # 754f39 to # a1704f)، Style - Linear، Angle - 90، Scale - 59.
مرحله 7
از ابزار Text برای نوشتن "go" یا چیزی شبیه به آن روی این دکمه استفاده کنید.
مرحله 8
برای ایجاد پیمایش ، ابزار Rounded Rectangle را بردارید و یک مستطیل طولانی زیر عنوان و شکل جستجو بکشید. سبک های زیر را اعمال کنید: Gradient Overlay - Blend Mode - Normal، Opacity - 100، Gradient from dark to light (colours from # 76503e to # a46ecd)، Style - Linear، Angle - 90، Scale - 59 ساختار سکته مغزی - 1 ، موقعیت - داخل ، حالت مخلوط - طبیعی ، تیرگی - 100 ، نوع پر کردن - رنگ ، رنگ # 9F6038.
مرحله 9
ابزار Rounded Rectangle Tool را بردارید و یک مستطیل کوچک در سمت چپ نوار پیمایش بکشید. سبک های لایه زیر را اعمال کنید: Inner Shadow - Blend Mode - ضرب ، Opacity - 75 ، Angle - 90 ، فاصله - 1 ، Choke - 0 ، اندازه - 8 ؛ Gradient Overlay - Blend Mode - Normal، Opacity - 100، Gradient از تاریکی به روشن (رنگها از # 76503c تا # a46e4d) ، سبک - Linear ، Angle - 90 ، Scale - 59 ؛ سکته مغزی - ساختار - 1 ، موقعیت - داخل ، حالت مخلوط - طبیعی ، تیرگی - 100 ، نوع پر کردن - رنگ ، رنگ # 8f6347.
مرحله 10
برچسب ها را به نوار پیمایش اضافه کنید.
