|
   |
| Модератор форума: Masquerade, Vexxius |
| Форум » Дизайнерская мастерская » Уроки и прочее » [Урок] Делаем макет для сайта (Photoshop) |
| [Урок] Делаем макет для сайта |
Источник : DEMI ART
Вот то, чем мы сегодня займемся: Открываем новый документ в Фотошопе. Размер: 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 (Линия), устанавливаем высоту в один пиксел , и начинаем создавать некоторые линии. Затем вы сами можете добавить некоторый текст или необходимое вам изображение
Сообщение # 1 написано 25.02.2012 в 20:43
|
| |||
| |||