Итоговый вариант > | Разработка >
Идею необходимо было сформировать быстро, времени на раздумья не было. Поэтому эскиз сайта согласовали сразу. Понравилась тема рисованного сайта. Выглядело это примерно так:
![](http://contrast-vision.ru/web-design/4_MAL/Bonus/ehskiz_sajta.jpg)
Дальше мы приступаем к рисованию элементов "подвала".
![](http://contrast-vision.ru/web-design/4_MAL/Podval/ris10.png)
![](http://contrast-vision.ru/web-design/4_MAL/Podval/ris2.png)
![](http://contrast-vision.ru/web-design/4_MAL/Podval/ris3.png)
![](http://contrast-vision.ru/web-design/4_MAL/Podval/ris4.png)
![](http://contrast-vision.ru/web-design/4_MAL/Podval/ris5.png)
![](http://contrast-vision.ru/web-design/4_MAL/Podval/ris6.png)
![](http://contrast-vision.ru/web-design/4_MAL/Podval/ris7.png)
![](http://contrast-vision.ru/web-design/4_MAL/Podval/ris8.png)
![](http://contrast-vision.ru/web-design/4_MAL/Podval/ris9.png)
Теперь приступаем к склеиванию рисунков в одну сцену. Укорачиваем рояль. Естесственный отбор - выкидывает мальчика с мольбертом за пределы сайта...
![](http://contrast-vision.ru/web-design/4_MAL/Bonus/work_mini.png)
Делаем аккуратнее вывеску "МЭЛ", заодно превращая ее в адрес сайта. Перемещаем Шнитку в центр, обрамив в рамку. Убираем надпись "Карта мира" на карте мира, да и саму карту делаем опрятнее.
![](http://contrast-vision.ru/web-design/4_MAL/Bonus/work2_mini.png)
Готово!
Теперь приступаем к разработке "шапок". Для начала отбираем подходящие фотографии из архива лицея:
![](http://contrast-vision.ru/web-design/4_MAL/Shapki/foto_sh-2-.jpg)
![](http://contrast-vision.ru/web-design/4_MAL/Shapki/foto_sh-3-.jpg)
![](http://contrast-vision.ru/web-design/4_MAL/Shapki/foto_sh-4-.jpg)
![](http://contrast-vision.ru/web-design/4_MAL/Shapki/foto_sh-5-.jpg)
![](http://contrast-vision.ru/web-design/4_MAL/Shapki/foto_sh-6-.jpg)
![](http://contrast-vision.ru/web-design/4_MAL/Shapki/foto_sh-7-.jpg)
![](http://contrast-vision.ru/web-design/4_MAL/Shapki/foto_sh-8-.jpg)
![](http://contrast-vision.ru/web-design/4_MAL/Shapki/foto_sh-9-.jpg)
![](http://contrast-vision.ru/web-design/4_MAL/Shapki/foto_sh-10-.jpg)
Отсеяв лишнее, уполовинив фотки, мы определяемся с теми местами, которые надо нариовать.
![](http://contrast-vision.ru/web-design/4_MAL/Shapki/sh1_2.jpg)
Зеркалим рисунок, чтобы идея читалась привычнее слева-направо. Переходим к хору мальчиков.
Делаем живописнее.
![](http://contrast-vision.ru/web-design/4_MAL/Shapki/sh2_3.jpg)
![](http://contrast-vision.ru/web-design/4_MAL/Shapki/sh2_2.jpg)
Вторая шапка готова!
![](http://contrast-vision.ru/web-design/4_MAL/Shapki/SH3_2.jpg)
+1.
Пришёл черёд пианистки!
![](http://contrast-vision.ru/web-design/4_MAL/Shapki/SH4_2.jpg)
Готово!
Пятую шапку было решено сделать из фотографий учеников:
Теперь приступаем к разработке других графических элементов сайта.
Кнопки для страницы "Психологическая служба":
![](http://contrast-vision.ru/web-design/4_MAL/Bonus/Psiho.png)
Всвязи с ограничением по времени, находим готовую картинку и редактируем под нашу тему. А именно под раздел "Школа лидерства", на странице психологической службы:
Оформляем цитаты для некоторых разделов. Одеваем авторам галстуки-бабочки.
![](http://contrast-vision.ru/web-design/4_MAL/Bonus/GADAMER.png)
![](http://contrast-vision.ru/web-design/4_MAL/Bonus/NEYGAUZA.png)
![](http://contrast-vision.ru/web-design/4_MAL/Bonus/PASTERNAK.png)
Теперь мы стали умнее.
Оформлям от руки пару надписей:
![](http://contrast-vision.ru/web-design/4_MAL/Bonus/malik3.jpg)
![](http://contrast-vision.ru/web-design/4_MAL/Bonus/ruk-text.jpg)
А также:
![](http://contrast-vision.ru/web-design/4_MAL/Bonus/kucha.png)
Напоследок хотелось бы сказать: Дети, учитесь и развивайтесь - это так интересно. Родители следите за образованием детей и помогайте им раскрывать в себе все таланты!
Приглашаем на сайт М-Э-Л.рф.
наверх