Jump to content
  • 0

нарезка шаблона


Serpiko
 Share

Question

здравствуйте. расскажите пожалуйста о основных принципах и правилах при нарезке psd-макетов для дальшейшей верстки. в идеале в реальным примером. спасибо. извиняюсь если не туда написал.

Link to comment
Share on other sites

12 answers to this question

Recommended Posts

  • 0

есть такой инструмент Slice Tool. работает как выделение - интуитивно понятен. выделяешь им то, что хочешь вырезать из шаблона. после чего жм?шь File -> Save for Web & Devices. откроется окошко, где на каждое выделение можно будет настроить формат изображения, качество и пр. параметры. там вс? тоже интуитивно понятно, хотя желательнно понимание формата с которым работаешь, но можно и без этого. когда вс? сделанно жм?шь save. вроде вс?...

а, вот ещ?: после нажатия на save, в окошке можно будет выбрать что именно сохранять (три варианта: только пользовательское, все, и только выделенное). но это уже детали.. :)

Link to comment
Share on other sites

  • 0

Не согласен в корне!

Ну вопервых смотря под что резать и надо ли резать вообще!?

Если под табличную верстку то согласен лучше взять софтину и не мучаться!

А если под блоки, то извините, резать вообще не следует!!!!

Надо брать макет в ПСД и выдергивать из него нужные элементы!

Лично по мне так и под табличную логичнее выдергивать элементы, а не создавать пазл из нескольких картинок!

Link to comment
Share on other sites

  • 0

когда код в виде

<img src="изображения/maket_5_02.jpg" width="1" height="710" alt=""></td>
<td>
<img src="изображения/maket_5_03.jpg" width="31" height="62" alt=""></td>
<td rowspan="25">
<img src="изображения/maket_5_04.jpg" width="1" height="710" alt=""></td>

как дальше-та верстать? :)

Link to comment
Share on other sites

  • 0

Короче, алгоритм такой.

1. В фотошопе размечаешь изображение на фрагменты

2. Режешь рисунок с помощью инструмента Slice

3. Сохраняешь для веба, указываешь, что сохранять надо в виде html-документа.

4. Открываешь сохраненную страницу в любимом веб-редакторе, доводишь до ума.

5. Сохраняешь все рисунки и текст в нужном месте.

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy