Слайсинг и дизайн в Фотошопе … не близнецы, не братья

В связи с тем, что сижу пока без работы, уже целых два дня (в гамериках и прочих странах — праздники), решил вплотную заняться больной для себя темой. А именно — веб-дизайном.

Нашел сайт, на котором выложены пару уроков, в том числе — расписано как делать навигационное меню в фотошопе. Сделал с трудом этот урок, потому, что описание невнятное. Ну не нашел я как «Rounded Rectangle Tool» — не выделяет, а рисует прямоугольник. А может и версия моего «фотошопа» — древняя.

В итоге рисовал прямоугольник этим инструментом, потом выделял Color Range, а потом удалял выделенное. Может это и неверно.

Вообще в итоге результаты несколько отличались от показанного на экране. Не критично. Вот собственно то, что выдавали — за результат «фотошоп-урока»:

Результат фотошоп-урока

Результат фотошоп-урока

Самое же смешное состоит в том, что когда попытался переместить это все дело в нормальный html-вид возникли проблемы. Перемещать начал с того, что «результат» разбил на три части, причем вывел только определенные слои. Точнее задний фон. Вот эти куски вместе

Задача, казалось бы простая, — вроде бы, сделать div-слайсинг, коробочки, которая будет тянуться по-вертикали, при увеличении количества содержимого внутри, причем будет состоять из трех частей — заголовка (250высота) + средней части (высотой где-то 15-ть) и подвала (высотой 30-ть). Проблема в том, что текст, точнее там будет html-ное меню, должен находиться поверху как заголовка так и средней части. Вот таким образом:

Что я хочу получить на выходе

Что я хочу получить на выходе

Пробовал взять готовый код, в котором в качестве направляющих элементов были использована ul- li структура, с заголовками h2. Толком не вышло, так как проблема в двойном заднем фоне.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *