Шаблон сайту в фотошоп

Почнемо наш урок зі створення нового документа розміром 960 x 900 пікселів. Я встановив колір переднього плану # 141414, потім, узявши інструментPaint Bucket Tool (Заливка), клікнув один раз по зображенню.

Я взяв інструмент Brush Tool (Кисть), і, вибравши м'яку круглу кисть, намалював на новому шарі три великі точки на зображенні, використовуючи такі кольори: # a864a8, # ed1c24, # 662d91.

Зверніть увагу, що розмір кисті потрібно взяти 600 пікселів.

Потім виберіть у меню фільтр Filter - Noise - Add noise (Фільтр-Шум-Додати шум).

Я використовував наступні параметри:

Ваш шаблон буде виглядати наступним чином:

Потім виберіть Filter -Blur - Motion Blur (Фільтр-Розмиття-Розмиття в русі).

У вікні налаштувань фільтра встановлюємо кут 90 градусів, зміщення 998 пікселів.

Як бачите, виявилося зовсім нескладно створити такий гарний фон для нашого сайту. Ось так повинно вийти.

Створіть новий шар (можна натиснути для цього CTRL + SHIFT + ALT + N).

Знову візьміть інструмент Brush Tool (Кисть), встановіть білий колір переднього плану. Я знову вибрав м'яку круглу кисть великого діаметру.

Потім цією кистю намалюйте велика пляма на зображенні.

Поміняйте режим накладення цього шару на Overlay (Перекриття).

Тепер почнемо додавати деталі в наш шаблон. Будемо створювати панель навігації. Для цього візьміть інструмент Rectangle Too l (Прямокутник) і намалюйте фігуру прямокутника нагорі шаблону.

Потім я взяв інструмент Rounded Rectangle Tool (Прямокутник з округленими кутами) і встановив в параметрах радіус 6 пікселів.

За допомогою інструменту Rounded Rectangle Tool (Прямокутник з округленими кутами) створіть три прямокутника, як показано нижче.

Тепер для всіх створених шарів з прямокутниками додайте наступні стилі шару (поставте Fill (Заливка) 10% і встановіть параметри на вкладках Bevel and Emboss (Тиснення) і Stroke (Обведення)):

У вас вийде такий результат.

Я намалював ще фігури прямокутників також за допомогою інструменту Rounded Rectangle Tool (Прямокутник з округленими кутами).

Для цих прямокутників додайте такі стилі шару (на вкладках Outer Glow (Зовнішнє світіння), Color Overlay (Накладення кольору) і Stroke (Обведення)).

Ось такий вийде результат.

Тепер додайте потрібний вам текст. Використовуйте для цього інструмент Horizontal Type Tool (Горизонтальний текст). Я написав довільний текст в якості зразка.

Потім можна додати деяке зображення вгорі шаблону. Я використовував готове 3D зображення блакитного кольору.

З боків від цього зображення я додав дві стрілки, використовуйте для цього інструмент Custom Shape Tool (Довільна фігура).

В результаті вийшов такий шаблон сайту.