Military layout
Привет!
Сегодня я покажу вам как создать макет военного сайта.
Вот то, чем мы сегодня займемся:
Открываем новый документ в Фотошопе.
Размер: 760 x 770
Цвет фона: 3b3b3b
Затем выбираем Rounded Rectangle Tool (Прямоугольник со скругленными углами), установливаем радиус 10 пикселей и создаем 2 разные фигуры, как на картинке:
Теперь мы создадим новый узор.
Открываем новый документ размером 8х8 пикселей с прозрачным фоном.
Увеличиваем документ до 1600 % и с помощью Pencil tool (Карандаша) ( размер кисти = 1 пиксель ) рисуем следующее:
После того как вы сделали этот пиксельный рисунок, идем в Edit > define pattern (Редактирование > назначить узор)
Выберите имя для вашего образца (узора) и нажмите OK
Закрываем наш документ 8 на 8 пикселей.
И продолжаем работать над нашим макетом.
Выбираем слой с маленькой фигурой (светло-серого цвета) и добавляем следующие стили слоя:
Теперь используем узор, созданный нами выше
Вот мой результат:
Теперь выделим большую фигуру и добавим следующие стили слоя:
Вот мой результат:
Теперь самое время добавить немного изображений. Я добавлю пистолет и несколько пуль:
Затем я добавлю несколько текстовых кнопок вверху макета.
Выбираем Custom Shape Tool ("Произвольная фигура" на панель инструментов или нажмите клавишу "U"). выберете следующую фигуру:
Затем добавим эту фигуру на наш макет. Вы также можете добавить какой-то текст.
Теперь добавим новые изображения в заголовок сайта. Я добавлю еще один пистолет.
Вы можете вставить любое изображение, которое у вас есть. На данный момент у меня есть это.
Я также добавил немного текста в заголовок сайта.
Теперь выбираем Line Tool (Линия), устанавливаем высоту в один пиксел , и начинаем создавать некоторые линии.
Затем вы сами можете добавить некоторый текст или необходимое вам изображение.