Создание макета дизайна сайта

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



Для примера брался мой сайт - 2dtutorials.ru


Итак приступим.


Шаг 1.



Создаем новый документ с размерами 1024х768 рх, Resolution - 72 pixel/inch с белым фоном


Шаг 2.



Создаем новый слой, выделяем верхнюю часть и закрашиваем ее цветом #333333.





alt

Шаг 3.



Создаем еще один новый слой, выделяем главную область - body. Теперь идем в Select---modify---smooth с радиусом 10 рх





alt





alt

Шаг 4.



Применяем к этому слою блендинг опции, в частности - Drop shadow с параметрами как на картинке





alt

Шаг 5.



Визуально при помощи направлющих разграничиваем нашу рабочую область под шапку с логотипом, под центральную часть и т.д.



alt

Шаг 6.



Вставляем нашу шапку, добавляем текст и... готово


alt

Это пример дизайна в стиле блог сайтов.


Все остальное делается делается в программах верстки, таких как dreamweaver и др. и зависит от используемого движка.

Автор урока - Азат Хайрикенов


Если наш сайт был полезен Вам, НЕ ПОЛЕНИТЕСЬ, нажмите на любую из кнопок ниже, для того, чтобы поделиться с другими людьми полезной ссылкой!
Нравится
!!! Спасибо !!!


Эта новость называется - Создание макета дизайна сайта. Не забудьте добавить в закладки, чтобы не потерять.


Распечатать
1

Надо будет попробывать
18 апреля 2008 12:31

CSR
2

Просто и со вкусом.
18 апреля 2008 12:52
3

Очень мало креатива ! Все больно велось !
18 апреля 2008 16:27
4

Все так по простетски и путем сделано,нормально! winked
18 апреля 2008 16:40
5

нравится!приятно учиться с такими урокамИ!
18 апреля 2008 20:32
6

это конечно все хорошо и просто ,хотелось бы точнее про движок
30 мая 2008 07:31
7

дизайн, с движком никак не связаны.
На этом сайте, только про дизайн все.
30 мая 2008 13:14
8

Ого, урок для меня, а я только увидела, вот балбес))) Спасибо Азатик огромное!!!
19 ноября 2009 17:01
9

там еще есть, Катюша! ;)
22 ноября 2009 01:52

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости. Только для зарегистрированных пользователей
теги 2дтуториалс
фотошоп скачать клипарт Кисти шрифтов коллекция скачать иконки набор Обои для рабочего стола иконок Тонкости и секреты Часть шаблоны Новогодние фоторамки разные шаблоны исходники фотошопа кистей Wallpapers текстуры Иконки стилей Стили для фотошоп обоев Подборка скачать обои стиле текстур Скачать текстуры бесплатно текстуры для фотошоп Рамки для фотографий psd исходники фотошоп Клипарт скачать clipart бесплатно бекграундов фоторамок скачать иконки для windows Кисти для фотошопа скачать кисти фотошоп
{slin}
2дтуториалс.ру - проект компании ООО "Российские Интернет Технологии", 2011г.
Офис расположен по адресу - Россия, г. Москва, ул. Обуховской обороны, д. 12, оф.5.

счетчик рамблер   Рейтинг SIMPLETOP.NET   [Valid RSS]   Здесь находится аттестат нашего WM идентификатора 194801541119