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

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

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

Все поняли, что нам нужно просто порезать изображение на 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».
• На третьем экране, нам нужно сделать три действия

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

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

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

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

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

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

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

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

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

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

Стандартного формата фотобумаги (даже А4) для этих целей будет явно маловато. Но ничто не мешает Вам распечатать нужную картинку на нескольких листах, а затем склеить из них готовый постер. Ничто, кроме незнания, как это сделать. Поэтому сегодняшняя статья позволит Вам восполнить пробел в знаниях и научиться разрезать картинку на несколько частей нужного размера.

Нарезка в графических редакторах

Самый очевидный, но не самый удобный способ нарезки изображений на фрагменты - использовать графический редактор. Даже Гугл при поиске по фразе "нарезка изображений на части" подсказывает нам первым делом "в Фотошопе". Однако, Photoshop - платный, а стандартным Paint реализовать задачу, увы, не получится.

На помощь нам могут прийти бесплатные альтернативы Фотошопа. Например, ! Скачаем данный графический редактор, откроем в нём картинку, которую нужно разрезать и воспользуемся инструментом создания направляющих, которые аналогичны направляющим Photoshop.

Чтобы направляющие создавались точно, используйте для их добавления специальный диалог "Создать направляющую" или "Создать направляющую по %", который находится в меню "Изображение" в разделе "Направляющие". Первый из них позволяет установить направляющую в указанной точке в пикселях, а второй, соответственно, в процентах:

В примере на скриншоте выше я разбил изображение на 16 равных частей (4 ряда по 4 фрагмента) при помощи процентов. Если же Вам нужно разметить Вашу картинку для печати на листе А4, можете воспользоваться разбивкой по пикселям, высчитав соотношение плотности пикселей на изображении с учётом размера листа А4 (210 на 296 мм).

Например, на нашей картинке плотность пикселей 72 точки на дюйм или это 2.8346 точек на мм (посмотреть эти размеры можно в меню "Изображение" - "Размер изображения"). Умножаем 210 мм (ширина листа А4) и 296 мм (высота листа) на 2.8346 и получаем прямоугольник со сторонами примерно 595 на 839 пикселей. С таким ходом и выставляем направляющие по горизонтали и вертикали.

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

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

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

Программы для нарезки изображений

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

PosteRazor

Для произвольной нарезки изображений на заранее известные по размеру фрагменты хорошо подойдёт небольшая программка :

Как явствует из названия, данная программа была создана для распечатки постеров, которые можно получить, склеив несколько листов стандартных размеров. Работает PosteRazor по принципу мастера и обрабатывает изображение за 5 шагов:

Как видите, программа прекрасно подходит для распечатки плакатов. Дополнительным её преимуществом является наличие портативной версии, не требующей установки. Пожалуй, единственным недостатком PosteRazor можно назвать, разве, отсутствие русскоязычного интерфейса и некоторых форматов бумаги (например, фотобумаги 10х15).

PlaCard Advanced

Если Вы хотите максимально упростить разрезание Вашей картинки для распечатки на стандартном листе формата А4, то Вам может подойти программа отечественного производства PlaCard Advanced :

Здесь все настройки собраны в одном окне и Вы сразу можете видеть любые изменения в разбивке. По умолчанию программа разрезает открытую картинку таким образом, чтобы все её распечатанные фрагменты полностью уместились на стандартных листах А4.

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

Результаты нарезки изображения можно сразу распечатать на принтере или сохранить в виде пронумерованной последовательности JPG-картинок.

Нарезка фото 1.0.1

Если же Вам нужно разделить Вашу картинку на фрагменты произвольного размера и формы, то с этим может прекрасно справиться отечественная утилитка Нарезка фото. К сожалению, официальный её сайт, видимо, приказал долго жить, поэтому скачать последнюю доступную версию программы предлагаю с нашего сайта:

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

Работать с программой проще простого. Всё, что нужно сделать - загрузить нужное изображение, задать произвольные ширину и высоту фрагмента в пикселях, при необходимости, изменить маску формирования имён фрагметов и нажать кнопку "Начать нарезку)".

Если задание завершится успешно, программа выдаст уведомление об этом и всё :). Первый раз меня такое поведение смутило, но, как выяснилось, Нарезка фото просто сохраняет готовые фрагменты в папке с исходным изображением и больше нас не тревожит:).

Сервисы разрезки картинок

Технически процесс деления изображения на фрагменты не является чем-то особо сложным. Однако в Интернете для этой цели существует не так уж много специализированных сервисов, которые позволяют разрезать любые картинки без установки какого-либо стороннего софта. Предлагаю Вам испробовать некоторые из них.

HTML-kit.com

Одним из простейших онлайн-инструментов для нарезки изображений на равные фрагменты можно назвать сервис Online Image Splitter от разработчиков популярного некогда HTML-редактора HTML-Kit:

Сервис англоязычный, но, в принципе, понятен без особых пояснений. Загружаем изображение, которое нужно разрезать, выбираем количество рядов и колонок, а также, при необходимости, изменяем формат сохранения фрагментов. После этого жмём вначале кнопку "Process" для применения изменений, а затем "Download" для загрузки архива с частями картинки.

В архиве Вы найдёте два варианта фрагментов (монохромный и цветной), а также HTML-файл с полной картинкой, собранной при помощи таблицы из них.

Главным преимуществом Online Image Splitter является поддержка не только JPG-изображений, но и картинок в форматах PNG и GIF!

IMGonline.com.ua

Если Вам нужно разрезать на равные части только фото или изображение в формате JPG, то Вас вполне должен устроить русскоязычный сервис IMGonline.com.ua :

Сервис практически полностью повторяет функционал предыдущего с той лишь разницей, что он русскоязычный. Единственный минус - в нём не поддерживаются изображения форматов PNG и GIF. Зато есть возможность обрезки и добавления нахлёста, а также регулирования качества фрагментов.

Результаты разрезания можно скачать как единым архивом, так и в виде отдельных изображений.

Rasterbator.net

Более интересным, на мой взгляд, является англоязычный сервис Rasterbator.net :

Работает он в пошаговом режиме и уже на втором шаге позволяет разбить загруженную картинку на фрагменты нужного размера. По умолчанию установлен размер листа А4, но доступно ещё несколько шаблонов (А3, А3, A2, Letter и Legal), а также вариант "Custom", который позволяет делить картинку на части произвольного размера!

Что интересно, слева от размечаемой картинки можно увидеть силуэт человека. Он там отображается для сравнения размера готового плаката с реальной человеческой фигурой ростом 1.8 метра. То есть, Вы сможете сразу прикинуть насколько большой плакат Вам нужен и задать нужное количество фрагментов для нарезки.

Но на этапе разметки всё не кончается. Далее Растербатор позволяет стилизировать наш плакат, обработав его одним из модных эффектов, выбрать метод увеличения изображения (если требуется) и включить или выключить печать меток для удобного разрезания.

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

Стоит также сказать, что существует и устанавливаемый клиент Растербатора , однако, он не даёт никаких существенных преимуществ перед функционалом сервиса.

Выводы

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

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

Для сильно любознательных и знакомых с PHP-программированием могу дать ряд ссылок на то, как реализовать анализ , создание и копирование фрагментов изображений. Возможно, в будущем кто-то из нас напишет что-то получше "забугорных" сервисов, а пока, как говорил один бывший украинский президент: "Маємо, що маємо" :)

P.S. Разрешается свободно копировать и цитировать данную статью при условии указания открытой активной ссылки на источник и сохранения авторства Руслана Тертышного.

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

На самом деле, всё это делается элементарно. В Adobe Photoshop для этих целей предусмотрен специальный инструмент . Он позволяет разрезать целое изображение на прямоугольные части и сохранять их в виде отдельных изображений всего несколькими кликами мыши. Так как является вложенным элементом панели инструментов, начинающие пользователи его попросту не видят. Находится он в том же меню, что и «Рамка» .

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

Активный фрагмент выделяется оранжевой рамкой, тогда как границы прочих частей имеют синий или голубой цвет. Выделяя область с помощью инструмента «Выделение фрагмента» , расположенного в том же меню, можно изменять её размер, растягивать по вертикали и горизонтали.

А теперь самое главное. Чтобы сохранить изображение в виде отдельных частей, в главном меню нужно выбирать опцию не «Сохранить как» , а .

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

После этого жмём кнопку и указываем режим сохранения.

Доступны три режима: «Только изображения» , «HTML и изображения» и «Только HTML» . Если вы не собираетесь создавать HTML-страничку, можете оставить всё по умолчанию.

Все выделенные фрагменты будут сохранены в отдельную папку «images» в указанном вами месте.

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

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

Способ 1: IMGonline

Мощный русскоязычный сервис для нарезки фотографий, позволяющий разделить любое изображение на части. Количество фрагментов, получаемых в результате работы инструмента, может составлять до 900 единиц. Поддерживаются картинки с такими расширениями, как JPEG, PNG, BMP, GIF и TIFF.

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

Таким образом, с помощью IMGonline буквально за пару кликов можно выполнить нарезку изображения на части. При этом и сам процесс обработки занимает совсем немного времени — от 0,5 до 30 секунд.

Способ 2: ImageSpliter

Этот инструмент в плане функциональных возможностей идентичен предыдущему, однако работа в нем представляется более наглядной. К примеру, указав необходимые параметры нарезки, вы сразу видите, каким образом будет разделено изображение в итоге. Кроме того, использовать ImageSpliter имеет смысл, если вам необходимо разрезать на фрагменты ico-файл.

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

Способ 3: Online Image Splitter

Если вам нужно быстро выполнить нарезку для создания HTML-карты изображения, данный онлайн-сервис — идеальный вариант. В Online Image Splitter вы можете не только разрезать фотографию на определенное количество фрагментов, но и сгенерировать код с прописанными ссылками, а также эффектом смены цвета при наведении курсора.

Инструмент поддерживает изображения в форматах JPG, PNG и GIF.

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

Способ 4: The Rasterbator

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

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

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

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

Разделение фото на части

1. Открываем необходимую фотографию в Фотошопе и создаем копию фонового слоя. Именно эту копию мы и будем резать.

2. Разрезать фото на четыре равные части нам помогут направляющие. Для установки, например, вертикальной линии, нужно взяться за линейку слева и потянуть направляющую направо до середины холста. Горизонтальная направляющая тянется от верхней линейки.

Советы:
Если у Вас не отображаются линейки, то необходимо их включить сочетанием клавиш CTRL+R ;
Для того чтобы направляющие «прилипали» к центру холста, нужно перейти в меню «Просмотр – Привязать к…» и поставить все галки. Также необходимо поставить галку напротив пункта «Привязка» ;

Скрываются направляющие сочетанием клавиш CTRL+H .

3. Выбираем инструмент «Прямоугольная область» и выделяем один из фрагментов, ограниченных направляющими.

4. Нажимаем сочетание клавиш CTRL+J , скопировав выделенный фрагмент на новый слой.

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

6. То же проделываем с оставшимися фрагментами. Панель слоев у нас будет выглядеть так:

7. Удалим фрагмент, на котором изображено только небо и верхушка башни, для наших целей он не подходит. Выделяем слой и нажимаем DEL .

8. Переходим на любой слой с фрагментом и нажимаем CTRL+T , вызывая функцию «Свободное трансформирование» . Перемещаем, поворачиваем и уменьшаем фрагмент. По окончанию нажимаем ОК .

9. Применим несколько стилей к фрагменту, для этого двойным кликом по слою откроем окно настроек, и перейдем к пункту «Обводка» . Положение обводки – внутри, цвет – белый, размер 8 пикселей.

Затем применяем тень. Смещение тени должно быть нулевым, размер – по ситуации.

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

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