 |
 |
 |
 |
 |
 |
Главная
Заказать статью
Связь с автором
Заказать сайт
Статьи
|
|
Нарезка готового дизайна сайта в PhotoshopНу что ж, с рисованием дизайна мы закончим и перейдем к нарезке дизайна. После нарезки дазайна мы получим html код и все нарезанные изображения. Для того, чтобы у нас не было больших графических областей нарежем дизайн на более мелкие части. Для этого проведем еще несколько направляющих как на рисунке.
Далее выбираем инструмент Раскройка
...и так же как и инструментом для прямоугольного выделения выделяем области как показано на рисунке, начиная с верхнего левого угла тянем к нижнему правому углу и отпускаем.
Получилось восемь частей.
Потом идем в пункт меню Файл - Сохранить для Web и устройств... (ALT + SHIFT + CTRL + S). Откроется новое окно оптимизации.
В установках у меня стоят такие параметры.
Нажимаем сохранить, выбираем папку на компьютере (! создайте на диске D или E папку и назовите ее Yourcomp - это будет папка с вашим сайтом); пишем имя файла index. Тип файла: HTML и изображения, настройки оставляем по умолчанию и выбираем все фрагменты.
В общем работу в фотошопе мы практически закончили, но далеко фотошоп не откладывайте - он нам еще пригодится. Теперь у вас есть все изображения в совокупности составляющие ваш дизайн и html страница - наша заготовка, которую мы будем редактировать в Adobe Dreamweaver! (В папке Yourcomp лежит файл index.html и папка с изображениями images). Уроки по созданию дизайна сайта в Photoshop
|
|
© 2009-2011 Все права защищены www.baxtop.ru | Копирование материалов сайта без обратной гиперссылки на первоисточник ЗАПРЕЩАЕТСЯ!!! |
|
