Как да се намали шаблона сайт в HTML в Adobe Photoshop - Форум упътванията си

Как може да се изрази, за да създадете уеб сайт шаблон от Adobe Photoshop в интуитивен формат уеб браузър.

Да вземем за пример този шаблон тук

Копирайте файла и да го отворите в Photoshop. залепите всички слоеве.

Изберете една колона Marque Tool (в групата на Marque)

Изберете най-левия край на нашия шаблон, след това Ctrl + C, Ctrl + N. Ctrl + V (копиране, създаване и въвеждане). Не забравяйте, получени изображения в папката. това ще бъде на фона на нашия сайт.

Освен това, ръководството, която разделя на мястото, където ние трябва да го намалят.
(менюта, текстове, заглавията, икони и т.н.)

Ако просто не се получи, че Вие избирате текстовите полета водачи, но нарязани менюто не е както трябва, а след това не е проблем. От началото край с големи обекти, а след това ние ще работим по добре.

Вижте снимката, ние не са разделени на главната секция на сайта на разширяването на действието на правото, тъй като ще намали меню, което е отгоре.

На следващо място, вземете инструмента Slice Tool (K) и поставете отметка в квадратчето на квадрат, разделен водачи.

След като сте попълнили всички полета, натиснете Alt + Ctrl + Shift + S (или Запазване на мрежата),
ще се отвори прозорец, но изображението ще бъдат покрити от бялото.

Изберете някой квадрат (отнема първоначалния му вид) и може да се регулира като име за него, или изберете всички чрез Ctrl + A и се адаптира към всички наведнъж.

Когато всичко е направено, кликнете върху Запазване.

В полето въведете името на файла (например main_design) и изберете Запиши като тип (HTML и изображения)

Отворете папката, вижте там един-единствен HTML файлове и изображения папка. Отворете файла в браузър. Тя вече е намалила файла в таблиците (я отворите в Adobe Dreamweaver, и вече започва да се коригира в зависимост от техните нужди)

Сега отворете изображения папката и изберете файла, който ние nedorezanny помня, защото в менюто в горната част.

Отворете го в Photoshop и също нарязани инструмент Slice Tool. След като запазите файла, за да получите втората таблица. Замяна на снимка (който току-що се променя) от първия файл на масата (с нарязани изображения) от втория файл. (Сега втория файл може да бъде изтрит).

Това е всичко. Фото преведени на HTML и нарязани.