Как разрезать фото на несколько равных частей в фотошопе. Инструменты раскройка и выделение фрагмента в фотошопе

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

В принципе есть несколько вариантов решения этой задачи, приведем на наш взгляд самый простой и очевидный способ. Для примера мы использовали фотографию, приведенную на рисунке слева. Данная фотография имеет размеры 400 на 400 пикселей. Мы попробуем разбить ее на 4 квадрата, соответственно размерами 20 на 200 пикселей. Как вы увидите далее по ходу урока разбить рисунок можно не обязательно на четыре части и не обязательно квадратной формы.

Итак, для начала откроем фотографию в графическом редакторе Paint.NET и создадим новый прозрачный слой поверх фотографии. На этом слое нам нужно нарисовать сетку, которая разделит фотографию на необходимое нам количество частей. Рисовать сетку мы будем на отдельном слое, чтобы не испортить саму фотографию. В принципе для рисования сетки можно использовать инструмент Paint.NET "линия или кривая" и нарисовать с помощью него эту сетку. Однако существует более простой способ. Для рисования сетки мы используем дополнительный внешний , описание которого можно найти у нас на сайте.

На рисунке справа мы привели скриншот использованных нами настроек. Ширину и высоту ячеек сетки мы установили как 200 пикселей. Если вам нужно сделать другой размер сетки или сделать прямоугольную, а не квадратную сетку, то сделать это просто простым изменением этих параметров. В качестве цвета линий сетки мы использовали основной цвет белый для большей наглядности. Однако и выбор цвета не имеет принципиального значения. В результате у нас получилась сетка, приведенная на рисунке ниже.

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

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

Итак, существует несколько вариантов, как разбить картинку на несколько частей. Первый – это воспользоваться программой Paint.NET, второй – разделить изображение с помощью Фотошопа. Обе программы находятся в интернете в бесплатном доступе. Скачивайте и читайте наши инструкции.

Как разделить картинку на части с помощью Paint.NET

Для примера возьмем картинку размером 400*400 пикселей и разрежем ее на четыре одинаковых квадрата размерами 200*200.

Открываем изображение в редакторе Paint.NET.
Поверх фото создаем дополнительный прозрачный слой. На нем рисуем сетку, которая делит картинку на нужное количество частей. Для этого можно воспользоваться инструментом программы под названием «линия или кривая» или дополнительным внешним эффектом «прямоугольная сетка».
Установим необходимую высоту и ширину клеток (выберем соответствующий пункт в меню программы и впишем формат в необходимые ячейки). В нашем случае это будет 200 пикселей (ширина). Также изменяя ширину и высоту, можно задать другие параметры ячеек.
Чтобы создать кадры, воспользуемся инструментом «волшебная палочка»: щелкаем им в произвольно выбранное место в необходимой нам ячейке на сетке. Слой с фото делаем активным и копируем выделенный фрагмент.
Скопированный элемент сохраняем в виде отдельного изображения.

Как разбить картинку на части с помощью Adobe Photoshop 7

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

Открываем изображение, с которым предстоит работать. Можно воспользоваться горячими клавишами Ctrl+О. Вокруг открывшейся фотографии должно быть максимум рабочего пространство серого цвета.
Выбираем инструмент программы «Раскройка» и выделяем им фото. Подводим «Раскройку» к правому верхнему углу и тянем по диагонали вниз в левый нижний угол, не отпуская левую кнопку мышки. Теперь вокруг картинки должна появиться рамка, а справа сверху – синий ярлык с номером 01.
Открываем контекстное меню, щелкнув по изображению правой кнопкой мышки. Далее выбираем «Разделить фрагмент» или «Divide Slice». При правильных действиях должно появиться окошко, разделенное на две части: разделить по горизонтали и по вертикали.
Рядом с нужным пунктом устанавливаем галочку.
Чтобы разделить картинку на части, зададим параметры раскройки. Для этого можно либо задать количество частей (Adobe Photoshop автоматически рассчитает размер каждой), либо установить размер частей (Photoshop автоматически рассчитает их количество). Выбираем один из вариантов и нажимаем ОК.
Сохраним картинку в формате jpg. Каждый разрезанный фрагмент изображения при этом будет в отдельном файле в автоматически созданной папке images. Файлы будут называться также, как первоначально изображение, но к каждому из них добавится порядковый номер: 01,02 и тому подобное.

Пробуйте, творите, экспериментируйте с программами. Удачи!

Здравствуйте, сегодня мы научимся делать баннер для своего Инстаграма.

Что такое баннер? Баннер инстаграм - это фотография или изображение порезанное на несколько частей, которые затем опубликованные профиле Инстаграм и выглядят как цельная фотография или изображение.

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

Все поняли, что нам нужно просто порезать изображение на 3, 6, 9 и т.д. равных частей (кратное 3), главное, что бы по ширине изображение делилось на 3 части, так как в Инстаграм профиле в ширину отображаются 3 фотографии, высота может быть разная - то есть это количество строк.

Мы рассмотрим с помощью чего нам порезать фотографию на равные части в соотношении сторон 1 к 1, что бы мы смогли это сделать.

Сначала рассмотрим как это сделать с персонального компьютера.
Есть в сети такой замечательный и не чем не примечательный сайт http://picslice.com/
На самом деле, это один единственный сайт который мы нашли и который умеет делать все то, что нам нужно для баннера инстаграм - обрезать изображение на равные части. Всё это можно сделать онлайн.

Наши действия:

У нас должно быть подготовленное изображение на пк, которое мы будем резать.
Желательно, что бы оно было уже квадратным, иначе нам придется сначала сделать обрезание фото в соотношнии сторон 1 к 1;
Переходим на сайт picslice.com;
Нажимаем на кнопку «выберите файл»;
Нажимаем кнопку «upload»;
Затем вверху над появившейся загруженном фото, нажимаем «Slice picture»;
Вводим Vertical Slice значение «3» - высота (задаем на сколько частей будет порезана фотография по вертикали);
Вводим Horizontal Slice значение «3» - ширина, тут всегда должна быть цифра 3 (задаем на сколько частей будет порезана фотография по горизонтали);
Нажимаем кнопку «Generate»;
Видим результат - порезанная картинка на части;
Переходим к сохранению;
Можно скачать все кусочки изображения нажав по ссылке Download ZIP (ALL SLICES) , все изображения будут в архиве ZIP;
Или скачиваем по частям, для этого на каждой части изображения нажимаем правую кнопку мыши и сохраняем все части в одном месте;
Перекидываем все части порезанного изображения в мобильный телефон или планшет где установлено приложение Инстаграм для дальнейшей публикации;
Размещаем части, тут главное не запутаться! Имя файла части картинки начинается с цифры, соответственно у нас 9 картинок и все они отмеченные определенной цифрой;
Теперь размещаем первой в свой инстаграм сначала 9-тую картинку, потом 8-мую и т.д. заканчиваем 1-вой картинкой.

Важная деталь перед тем как размещать баннер (большую картинку), у вас должно быть в профиле общие количество публикаций фотографий кратное 3. Это нужно что бы все части картинки правильно отобразилась и не перескочили в строках. Количество публикаций написано вверху профиля или можно просто пролистать все свои фотографии вниз и убедится что у вас нету свободного места внизу ленты вашего профиля.

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

И так вот что у нас получилось! Довольно красиво и креативно, теперь когда человек зайдет к вам в профиль, он увидит такую красоту.

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

Заходим в Google Play если у вас мобильный телефон или планшет на Android, для пользователей iOS, нужно зайти в Apple App Store. Затем в поиске вбиваем запрос «Instagramm banner», находим приложения какие умеют делать, то что нам нужно.

Видим результат поиска, первые 4 приложения, подходят для наших нужд. Установим для пробы, то что выше в рейтинге, под названием «Giant Square #1»

Теперь посмотрим как им пользоваться:

После запуска, нам предлагается выбрать социальную сеть, естественно мы выбираем Instagram.
На втором экране после запуска, нам предлагается выбрать, то что мы хотим сделать. Оказывается приложение, еще умеет делать коллаж из фотографий, но нам это не нужно и мы нажимаем на первую картинку, где написано «Giant Square».
На третьем экране, нам нужно сделать три действия

выбрать область, картинки, какие «кубики» будут созданы из будущего изображения, ставим на нужных кусочках галочки.
Загружаем изображение из галереи или делаем новое фото, нажимаем на кнопку «Use»
Размещаем, нажав на кнопку «Share».

Размещение происходит более удобно, нажимаем на «Upload», затем запускается приложение Instagram и мы размещаем первый кусочек изображения. После, нам опять нужно перейти в приложение «Giant Square», теперь в очереди на размещение будет отображен следующий кусок с надписью «Ready», нажимаем опять «Upload», так делаем пока не загрузим все части фотографии.
Можно просто нажать на кнопку, и сохранить все части фотографии.

Это всё в теории, у нас так и не получилось это сделать до конца. Приложение стало самопроизвольно закрываться и жутко «тормозить». Так, что мы его не рекомендуем.

Устанавливаем другое приложение - TRYPTpic

Мы приятно удивлены, тут всё проще и быстрей. Теперь будем знать, что сначала нужно попробовать в использовании разные приложения.

Тут всё просто и понятно:

Загружаем фото;
Выбираем вариант разрезки, к примеру 3х3;
Нажимаем «Crope»;
Сохраняем все части в память смартфона
Или размещаем части фото из приложения TRYPTpic;
Нажимаем на иконку Инстаграм;
Для удобства публикации, все части нумеруются в нужном порядке размещения;
Жмем на 1 картинку и размещаем в своем Инстаграм;
Повторяем цикл до последней части.

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

Конечно, с функцией разрезки фото с успехом справляется фотошоп, но гораздо проще это делать в онлайн редакторах. Особенно, если вам нужно разделить изображение на некоторое количество равных частей. Сегодня я расскажу вам о некоторых сервисах, где вы можете легко сделать это.

ImageSplitter — загрузите фото в мини-редактор, перейдите во вкладку Split Image. Здесь укажите количество частей, на которое хотите поделить фото, а именно (количество строк rows — частей по вертикали и столбцов columns — частей по горизонтали). Теперь выберите формат выходных файлов и нажмите «split image» (обрезать фото). Скачайте zip-архив с кусочками фото.

Online Image Splitter . Здесь хорошо делать фото на части, если это фото будет в дальнейшем использоваться в дизайне сайта (см. также ), так как сервис кроме функции обрезки генерирует html-код.. Загрузите фото в онлайн «обрезчик», выбирайте на какое количество частей будет обрезано фото по горизонтали и вертикали. Некоторые дополнительные функции: Enable links — включить ссылки частей фото в html-код, Mouse-over effect — эффект наведения, Preview borders — отображать границу деления на превью, Convert to — конвертировать в … (выбрать формат кусочков фото), Number of colors — количество цветов на фото.

Picslice . Здесь можно не только разрезать изображение, но и выполнить обрезку фото, а также изменить размер. Загрузите фото, выберите функцию «Slice picture», выберите количество вертикальных и горизонтальных частей. Далее кнопка «Generate». Теперь вы можете сохранить каждый кусочек в отдельности, наведя на него курсор, клик правой кнопкой мыши и выбор пункта «Сохранить изображение». Сохранить части можно и скачав архив с

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

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