Инструменты. Часть 1-6. Раскройка (нож)

Сегодня я расскажу вам для чего нужен инструмент «Раскройка» или «Нож» (Slice Tool). Наверняка не все знают, для чего он нужен и с чем его едят.

 Инструменты. Часть 1-6. Нож (Раскройка)


А нужен этот инструмент прежде всего тем, кто занимается дизайном сайтов, а точнее тем, кто эти дизайны потом верстает. С помощью этого инструмента можно нарезать всю графику для сайта.

Например, у вас есть дизайн сайта в формате .psd. Все элементы сайта сделаны на отдельных слоях, как и положено. Вам нужно сохранить все кнопочки, баннеры, шапку и т.д. отдельными файлами. Как это сделать? Можно конечно для каждого элемента создавать новый файл и из дизайна копировать нужные элементы туда. Но это долго и неохота, потому что в фотошопе есть инструмент «Раскройка».

Этим инструментом достаточно выделить все нужные элементы и потом их можно будет очень быстро сохранить каждый в отдельный файл. Делается это примерно также, как и прямоугольным выделением, т.е. жмете левую кнопку мыши, щелкаете в начале нужного элемента, удерживая кнопку нажатой тяните в противоположный по диагонали угол элемента и там отпускаете кнопку. Изображение сразу разделится на блоки.

Инструмент "Раскройка"

Таким же образом надо выделить все нужные элементы. Для примера выделю глаза Крузо-Деппа.

Инструмент "Раскройка"

Когда все выделения произведены, можно приступить к сохранению.

Идем в меню «Файл —> Сохранить для Веб и устройств» (File —> Save for Web & Devices ). Там можно будет выбрать определенные блоки и настроить в какой формат сохранять каждый из них или можно не выбирать параметры для каждого блока отдельно и тогда все блоки сохраняться в одном формате и с одинаковыми параметрами.

Инструмент "Раскройка"

Когда вы нажмете «Далее», перед вами будет окно сохранения. В нем тоже есть пара настроек. Можно выбрать, как сохранить наши порезанные изображения: как веб-страницу и картинки (HTML and images), только картинки (Images Only) или только веб-страницу (HTML Only). Если выбрать первый вариант, то фотошоп создаст html-файл и к нему в придачу папку со всеми присоединенными изображениями. Если в браузере открыть этот html-файл, то наше порезанное изображение откроется как целое. Но на самом деле оно будет собрано из кусочков.

Инструмент "Раскройка"

Еще в этом же окне можно выбрать, какие блоки сохранять: сохранить все блоки (All Slices), все блоки созданные пользователем (All User Slices) [в моем случае логотип и глаза], или только выбранные блоки (Selected Slices)[которые вы сами выделите в предыдущем окне].

Инструмент "Раскройка"

Вот и все. Можете попробовать сами. Вот увидите, резать ножом в фотошопе не сложнее, чем кухонным. Кстати, его можно использовать, например, для нарезки крупных изображений на мелкие, для печати. Если у вас есть огромная фотография, то ее можно порезать инструментом «Раскройка» и быстро все куски сохранить в одну папку.

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

25 комментариев

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

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

WP-SpamFree by Pole Position Marketing