Разрезаем картинку на части по-быстренькому

Мини-фини урок для новичков будет полезен династийцам, а также тем, кто хочет сделать картинку-путеводитель для своей темы

Итак, после того, как вы сделали красивенькую обложку для темы с кнопочками или просто подписями, вам остается разрезать ее для того, чтобы впоследствии сделать каждую часть картинкой-спойлером. Приступим.

все картинки в инструкции увеличиваются

I Открываем картинку в фотошопе (у меня CS3) и выбираем инструмент "Раскройка" (Slice Tool).

​

Для версии CS6

В 6 версии данный инструмент находится вот тут (в 5, думаю, тоже)

​

II Зажимаем левую кнопку мыши и выделяем первый фрагмент.
Обратите внимание на то, что картинка-обложка должна состоять из одного слоя

​

III Аккуратно выделяем следующий фрагмент, начиная снизу. Подбираясь к границе первого фрагмента, стараемся действовать более плавно. Ровный, совмещенный край выделится зеленым пунктиром.

Косорукая анимашка для наглядности

​

IV Таким же образом выделяем оставшиеся фрагменты.

​

V Теперь осталось только сохранить наши картинки. Выбираем опцию "Сохранить для Web и устройств".

​

VI Чтобы картинки не грузились слишком долго отредактируем их размеры.

1. Выберем типы файлов (JPEG весит меньше всего), и их качество
2. Размер каждой картинки лучше делать не больше 100 КВ. Щелкнув на каждый фрагмент, мы можем увидеть его размер.
3. После того, как все сделано в лучшем виде сохраняем наши картинки. В выбранной при сохранении папке появится папочка Images, в которой и будут наши "кусочки" ;)​

​

На этом инструкция из овер. Если появятся вопросы - обязательно спрашивайте

© Zuzita ​

 

Zuzita, ну ты мои мысли читаешь? забрала работу. хороший урок. только я немнго другим способом пользуюсь.

 

Вах-вах-вах, Zuzita, спасибо огромное ^^ Буду теперь знать, очень полезный урок)

 

Zuzita, так вот, как вы все это делаете? Я не знала.
Хороший урок, очень (убежала тренироваться)!

выкладывай!;)

 

Zuzita, хороший урок, молодец!
А я вообще, ржу немогу, как я делаю. С моим бредовым способом даже microsoft picture manager справляется

 

Я тоже в паинте корячилась

 

Я - провидец На самом деле, ребята в чате попросили сделать быстренько вот и наклепала. Свой способ тоже давай
Час до грозы, The Smile, Lamare, LoLiLy, спасибо всем Надеюсь объяснила понятно. Способ очень простой и быстрый. Удобно разрезать картинки с разноцветным фоном

 

Zuzita, у меня фотошоп cs5 и там инструмент по-другому называется, но я старалась все по схожести делать. Кнопки жму, жму, даже не задумываюсь и картинку разрезала. Спасибо тебе!

вы даже не знаете, что я там вытворяла Меня бесило одно - когда в пеинте (или где еще) картинки обрезаешь, то у них длина разная получается, что бесит мне что, линейку к монитору приставлять?

 

Вот блин, не знала что там по-другому называются. Сейчас уточню в инстр. что у меня 3-ий

 

спасибо за урок!)
сейчас выложу в династии такую нарезку - посмотрим получилось ли!)

 

Zuzita, спасибо за урок. Совсем забыла, как пользоваться раскройкой .

 

А в онлайн фотошопе так можно?

 

Картинку можно разрезать и без фотошопа, например я раньше пользовалась программой которая сразу на компе была установлена "microsoft office picture manager", с помощью нее можно разрезать картинку еще проще. Есть ли она у тебя не знаю, у многих моих друзей есть она, может и у тебя есть, поищи. ;)

 

В каком разделе пуска её можно найти?

 

HappyCat, Она не в пуск, ну я ее не в пуск нашла. Я выделила картинку (не открывая ее ни где, а просто выделила картинку) нажала правой кнопкой мыши, выбрала "открыть с помощью > microsoft office picture manager"
Если ты хочешь сделать меню, это можно сделать проще:
Взять какой нибудь прямоугольный кусочек картинки, разкрасить (если хочешь), и с помощью Пэинта (стандартная программа на компе) добавить нужную надпись.
Это самый простой вариант))) Так я раньше делала

 

Да, есть такая программа))
Меню я сделала уже давно, но немогу сделать его кликабельным

Как в этой програмке разрезать?

 

HappyCat, Зайди в "Рисунок > Обрезать..." и обрезаешь ;)

 

Я что бы разрезать ровно, ставила точечки, что бы на них ориентироваться, потом копировала картинку много раз (в твоем случаи 3 раза), и брезала смотря на точечки

 

Так? Если так, то что дальше?

 

HappyCat, Ну там еще проще - нажми Ок

 

Это то и так ясно После того когда её обрезал то что?

 

Файл > Сохранить, или нажми Ctrl + S
Только убедись что это не орегинал, ну тоесть есть еще копии, а то когда обрезаешь то безвозратно ;)