• Страница 1 из 1
  • 1
Модератор форума: Masquerade, Vexxius  
[Урок] Делаем макет для сайта
Belkus
Местная белка
Источник : 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
ETOYSPEh
it'sOver
слабоватый макет.
Сообщение # 2 отредактировано ETOYSPEh - Суббота, 25.02.2012, 20:58
Belkus
Местная белка
ETOYSPEh, ну это пример. по нему ориентироваться)
Onika, smile
Сообщение # 3 написано 25.02.2012 в 21:09
ETOYSPEh
it'sOver
Quote (Belkus)
по нему ориентироваться)

по нему хочется только удалить фотошоп.
Сообщение # 4 написано 25.02.2012 в 21:10
Belkus
Местная белка
ETOYSPEh, да нормально все0)))
Сообщение # 5 написано 25.02.2012 в 21:17
EnerGO
Скаут
А моглиб по лудше оформить тему для создания фона как в маленьком квадрате(армированый метал) и чтоб свет бил из нутри ?
Сообщение # 6 написано 26.02.2012 в 23:26
Belkus
Местная белка
EnerGO, это не ко мне)
Сообщение # 7 написано 05.03.2012 в 12:06
Eyes
Анархист
урок на троечку но макет не красивый
Сообщение # 8 написано 05.03.2012 в 13:58
Belkus
Местная белка
pro[100]Иллидан, основы.
но он чисто идет как строгий
Сообщение # 9 написано 05.03.2012 в 14:10
  • Страница 1 из 1
  • 1
Поиск: