Простой серый дизайн сайта

Конечный результат:


Простой серый дизайн сайта


1. Создайте новый документ размером 800х800 пикселей с белым фоном. Разблокируйте фоновый слой (кликните дважды на нём) и примените к нему стиль Наложение градиента (Layer Style — Gradient Overlay):

Режим – Умножение, Стиль – Радиальный


Простой серый дизайн сайта

Простой серый дизайн сайта


2. Инструментом Прямоугольная область (Rectangular Marquee Tool) создайте две 1-пиксельные линии разных цветов на всю ширину холста:


Простой серый дизайн сайта

Простой серый дизайн сайта


3. Создайте фигуру инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool), потом инструментом Прямоугольная область (Rectangular Marquee Tool) обрежьте её нижнюю часть, чтобы внизу углы были острыми. Назовите этот слой “navigation”. Примениие к нему такие стили в меню Стилей слоя (Layer Style — Blending Options):

Отбрасывание тени (Режим – Умножение):


Простой серый дизайн сайта


Наложение градиента (Режим – Нормальный, Стиль – Линейный):


Простой серый дизайн сайта


Обводка ( Положение – Снаружи, Режим – Нормальный, Тип обводки – Градиент, Стиль – Зеркальный):


Простой серый дизайн сайта


Расположите обрезанный прямоугольник, как показано ниже:


Простой серый дизайн сайта


4. Создайте новый документ с прозрачным фоном размером 4х4 пикселя. Инструментом Карандаш (Pencil Tool) нарисуйте узор, показанный ниже.


Простой серый дизайн сайта


5. Перейдите в меню Редактирование»Определить узор (Edit > Define Pattern) и сохраните ваш узор. Вернитесь в основной документ, сделайте выделение слоя с прямоугольником (Ctrl+Click), создайте новый слой (Create New Layer) и залейте выделение сохранённым узором, используя инструмент Заливка (Paint Bucket Tool). Установите Режим наложения этого слоя – Перекрытие (Blending Mode – Overlay) и Непрозрачность – 25%.


Простой серый дизайн сайта


6. Инструментами Прямоугольная область (Rectangular Marquee Tool) и Овальная область (Elliptical Marquee Tool) создайте простое свечение на этой фигуре.


Простой серый дизайн сайта


7. Добавьте заголовок сайта, логотип, слоган, навигационный текст и область поиска:


Простой серый дизайн сайта


8. Инструментом Прямоугольник с закруглёнными краями (Rounded Rectangle Tool) создайте большую фигуру, как показано ниже.


Простой серый дизайн сайта


9. Примените к ней такие стили слоя:

Отбрасывание тени (Режим – Умножение):


Простой серый дизайн сайта


Наложение градиента (Режим – Нормальный, Стиль – Линейный):


Простой серый дизайн сайта


Обводка (Положение – Снаружи, Режим – Нормальный, Тип обводки – Градиент, Стиль – Линейный):


Простой серый дизайн сайта


10. Внутри большого прямоугольника создайте ещё один:


Простой серый дизайн сайта


11. Примените к нему стиль Наложение градиента (Layer Style — Gradient Overlay):

Режим – Нормальный, Стиль – Линейный


Простой серый дизайн сайта


12. В середине большого серого прямоугольника создайте две 1-пиксельные линии, как мы делали это ранее. Можете затереть края линий, используя маску слоя или ластик.


Простой серый дизайн сайта


13. Добавьте контент:


Простой серый дизайн сайта


14. Создайте ещё один прямоугольник ниже:


Простой серый дизайн сайта


15. Примените к нему такие же стили, как и к большому. Потом заполните его нужным контетом:


Простой серый дизайн сайта


16. Стрелки можете найти в стандартном наборе фигур. Скопируйте навигационную панель вниз и заполните её информацией футера:


Простой серый дизайн сайта





Делаем Web-дизайн

Вас может также заинтересовать:

13 декабря 2018

Матрица 14 Мп, зум-объектив 10х (24-240 экв.мм), оптический стабилизатор на сдвиге матрицы, дисплей 3" / 460000 точек, видео HD 1280x720p при 30 кадр/сек, панорама с автосклейкой, 600 снимков без подзарядки. Главная же особенность Casio Exilim EX-H20G – GPS «гибридного типа»; встроенный компас и датчики ускорения позволяют отслеживать передвижение, даже если сигнал от спутников не поступает.

13 декабря 2018

Дата анонса: 2006/08/08 Эффективное разрешение, МП: 7.1 Диагональ ЖК-дисплея, дюймы: 2.5

13 декабря 2018

Среди полупрофессиональных компактов стараниями компании Casio возник сегодня новый класс полупрофессиональной фототехники – высокоскоростные фотокамеры. Данные фотоаппараты могут быть весьма полезны для тех, кто по роду своей профессии вынужден снимать быстро движущиеся объекты. И абсолютным лидером по скорости фото и видеосъемки среди компактных фотоаппаратов сегодня является фотоаппарат Casio EX-F1.