про салон
художня зйомка
рекламна зйомка
репортажна зйомка
зйомка iнтер'єрiв
весiльна зйомка
вiдеозйомка
наше портфолiо
контакти
уроки photoshop
робота з текстом
робота з фото
графіка для сайту
робота з ефектами
магія фотошопу

Кориснi статтi:

Дизайн шаблона для авто-сайту


Сьогодні буде урок, де я збираюся зробити стильний автомобільний блог. Хоча, звичайно, його можна буде використовувати не тільки для автомобілів, але й для будь-якого вашого контента.


Отже, почнемо.

Створіть новий документ 850х830 px з будь-яким цвітом тла. Установите (#3b3b3b ) як основний цвіт і (#181818 ) як вторинний. Виберіть Gradient Tool з настроюванням Radial Gradient. Проведіть градієнт зверху долілиць від краю до краю полотна.


Зверху розмістите логотип вашого сайту й слоган:


Для шару з логотипом використовуйте наступні стилі:




Між логотипом і слоганом додайте невелику червону лінію 1х2 пикселей і застосуєте такі стилі шару:



Виберете Rounder Rectangle Tool з радіусом 10 px. Намалюйте панель навігації під логотипом.


Додайте такі стилі шару:




Тепер зміните прозорість шару з навігацією до 25%. Натисніть і втримуйте Ctrl клавішу. Кликніть по іконці шару з навігатором. З'явиться виділення навколо вашої панелі. Тепер створіть новий шар над шаром з навігатором (виділення не знімайте). Select - Modify - Contract. Параметр на 6px. Тепер залийте виділення чорним.


Скопіюйте стилі шару з навігатором і вставте їх на шар із чорним прямокутником (правий клич по шарі з навігатором, copy layer style, правий клич по шарі із прямокутником - paste layer style), переміните прозорість шару із прямокутником на 100%.


Додайте текст на навігатор. Потім на новому шарі зробіть білий прямокутник, як на малюнку знизу.


Утримуйте клавішу Ctrl і натисніть по іконці шару з навігатором. Відпустивши Ctrl виберіть шар з білим прямокутником. Інвертуйте виділення (shift+ctrl+i) і натисніть клавішу Del. Переміните прозорість шару до 4%. Ваша панель навігації повинна виглядати приблизно так:


Використовуючи ті ж кроки, що й при створенні навігації зробіть великий прямокутник нижче, під панеллю навігації.


Далі справа вашої фантазії. Виберіть зображення задовольняюче контенту вашого сайту (я взяв фото Barabus). Вставте зображення на новий шар поверх загального шаблона сайту, Ctrl+клич по шарі з вашим зображенням, Edit - Copy, далі я Ctrl+click по шарі з великою рамкою, Edit - Paste into. У такий спосіб ваше зображення можна буде пересувати усередині поля, але за краї виходити воно не буде. Якщо зображення не підходить під розміри поля зміните його.


Додайте до вставленого зображення наступні стилі шару:



Ми можете додати ще блоки для контекта.


Для кожного блоку інформації створіть за допомогою Rounder Rectangle Tool бокси чорного цвіту з обведеним чорно-білим градієнтом.

Далі додайте для блоків заголовки. Після кожного заголовка на новому шарі додайте невелику смужку (як між логотипом і слоганом).


От і все. Блог готовий. Тепер залишилося тільки додати текст.


Джерело: photoweb.com.ua