Master-X
Форум | Новости | Статьи
Главная » Статьи » Дизайн и Юзабилити » Интерфейсом об тейбл или Раскрась сам! » 
СТАТЬИ

Интерфейсом об тейбл или Раскрась сам!
"Наши руки — не для скуки,
Для любви сердца,
Для любви сердца,
Для которой нет конца!.."
(Двусмысленная песня)

  Как любая кухарка должна уметь управлять государством, так и любой адалт-вебмастер должен уметь сам создавать дизайн для своего сайта. Гневное НЕТ — тяп-ляпистым сайтам! Пролетарское ДА — продуманным и красивым интерфейсам!

  Мало сказать, а ты сделай! Сейчас и сделаем, благо руки не крюки. Вооружим эти "не крюки" Фотошопом и сварганим в последнем прямоугольник 640х480 черного порнографического цвета. Помня, что "красен портрет рамкой", создадим сначала рамку к будущей композиции. Нарисуем в тех же пропорциях посреди черного поля белый прямоугольник. Гм, уголки-то прямые. Эта прямизна в интернете просто задолбала. Надо бы закругленные. О'кей, даем команду "Выбрать все" и к этому всему применяем "Размытие по Гауссу" с параметром "Радиус 15 пикселов". Уголки размазываются и круглятся, а если еще и контраст вывести на 95-97%, то результат будет — просто загляденье.


  Выберем этот прямокруглоугольник "Волшебной палочкой" и положим на него радиальную растяжку-зебру. Красота — страшная сила!


  Ага, теперь сделаем (на новом слое) аналогичный прямоугольник чуть меньшего размера, уголки так же закруглим и зальем его черным. Получилась крутая рамка с разводами. Добавим контрастику.


  Теперь — главная героиня. Находим подходящую фотку, чтобы фигура девицы не была обрезана краями снимка или перекрыта местами посторонними предметами. Например, эту.


  Осторожно вырезаем ее по контуру и, через буфер, вставляем поверх нашей рамки на новый слой (вообще, любые новые элементы добавляйте на новые слои — тогда не придется переделывать весь рисунок в случае погрешности). Гм, по контуру девчонки — остатки фона с исходной фотографии. Надо избавиться. На слое с дивчиной выделяем ее фигуру командой "Загрузить выделение/слой/прозрачность" и сжимаем выделение на пиксел-другой командой "Выделить/модифицировать/сжать". Инверсия и кнопка "Del" спасут отца русской демократии.


  Далее по плану идет название сайта. Пусть это будет "Wild Girls". Изображаем надпись крупными удобочитаемыми буквами без всяких наворотов, типа адского огня или грязных теней. Шрифт возьмем "Cooper", кегль (размер шрифта) не более 64-го. Из соображений стилевого единства применим и к нему нашу растяжку-зебру, только уже линейную. Ну, разве мы не молодцы?! Перетасуем слои так, чтобы надпись чуть перекрывалась ногой девицы-красавицы.


  А что же с "меню"? Тоже просто. Из трех-четырех подходящих фоток нарежем кружочков и уравновесим ими нашу героиню. Для пущего изыска разместим кружочки не на прямой, а по дуге.


  Гм, какие-то они незаконченные... Рамочки им, рамочки, тоненькие и серенькие!


  И каждому кружочку — по надписи: "Free tour", "Members", "Join!". Их тоже превращаем в зебр... вуаля!


  Вот и все! Потратив 40 минут, мы получили вполне модный интерфейс, ну, если и не для платника, то уж для платинум-AVS точно. За оставшиеся 20 минут на основе нашего дизайна и с использованием готовых элементов делаем картинки для фри-тура и комплект надписей "Next", "Links", "Get password now!". Потом не забудем порезать основную картинку на ломтики, упаковать ломтики в табличку и назначить каждому кусочку свою ссылку на "Free tour", "Members" и "Join!" соответственно. Не такое уж это и мудреное дело — дизайн!
15.04.99
Автор: Слава О.


Эта страница в полной версии