Як створити шаблон в фотошопі

Як створити шаблон в фотошопі

Створити шаблон сайту в фотошопі не дуже складно. Шаблон включає в себе меню, пошукові форми, графіку, можливо, якийсь текст для прикладу. На його основі вже буде програмуватися сам сайт.

Інструкція

  1. Почніть формування шаблону сайту в фотошопі з створення нового документа розмірі 1020 на 1020 pic. Зробіть фон білим. Встановіть в якості основного кольору # c5e0dd, в якості фонового — # ece5cf.
  2. Візьміть інструмент Gradient, в панелі його установки, виберіть перший тип заливки. Перетягніть лінію градієнта по білому полю від верхнього краю до нижнього.
  3. Візьміть інструмент Text, напишіть заголовок сайту в правому верхньому куті так, щоб він був на одній лінії з пошуковою формою, яка буде розташовуватися в лівому верхньому кутку. Розмір шрифту встановіть, наприклад, 12.
  4. Для створення пошукової форми виберіть інструмент Rectangle і намалюйте білий прямокутник в правому верхньому куті. Застосуйте наступне шару: Inner Shadow — Blend Mode — Multiply, колір — # a2b7b1, Opacity — 43, Angle — 90, Distance — 0, Chоke — 0, Size — 10.
  5. За допомогою інструмента Text зробіть всередині цієї форми неяскраву напис.
  6. Виберіть інструмент Rounded Rectangle Tool і зробіть кнопку всередині пошукової форми у її правої межі. Примнеться наступні стилі шару: Gradient Overlay — Blend Mode — Normal, Opacity — 100, Gradient від темного до світлого (кольори від # 754f39 до # a1704f), Style — Linear, Angle — 90, Scale — 59.
  7. За допомогою інструмента Text напишіть на цій кнопці «go» або щось в цьому роді.
  8. Для створення навігації візьміть інструмент Rounded Rectangle Tool і намалюйте довгий прямокутник під заголовком і пошукової формою. Застосуйте наступні стилі шару: Gradient Overlay — Blend Mode — Normal, Opacity — 100, Gradient від темного до світлого (кольори від # 76503e до # a46ecd), Style — Linear, Angle — 90, Scale — 59; Stroke Structure — 1, Position — Inside, Blend Mode — Normal, Opacity — 100, Fill Type — Color, Color # 9F6038.
  9. Візьміть інструмент Rounded Rectangle Tool і намалюйте невеликий прямокутник в лівій стороні панелі навігації. Застосуйте наступні стилі шару: Inner Shadow — Blend Mode — Multiply, Opacity — 75, Angle — 90, Distance — 1, Chоke — 0, Size — 8; Gradient Overlay — Blend Mode — Normal, Opacity — 100, Gradient від темного до світлого (кольори від # 76503c до # a46e4d), Style — Linear, Angle — 90, Scale — 59; Stroke — Structure — 1, Position — Inside, Blend Mode — Normal, Opacity — 100, Fill Type — Color, Color # 8f6347.
  10. Додайте написи на панелі навігації.