Совет: как разбить блок в Photoshop на равные части
Хочу поделиться с вами небольшим, возможно, не новым для кого-то, советом. При создании макетов сайтов часто нужно разбить какой-нибудь блок, например, для навигации, на равные части. Пользоваться линейкой не всегда удобно, да и времени занимает больше. Я покажу как это сделать, ничего не высчитывая.
Предположим, у нас есть блок будущей навигации:
Активируйте инструмент Text. В настройках сглаживания выставьте None. Размер шрифта лучше поменьше, например, 6 pt. В настройках параграфа выставьте выравнивание по ширине.
Обозначьте текстовый блок от начала до конца нашего блока..
Определитесь с нужным количеством блоков и начинайте ставить точки и пробелы. Мне, например, нужно было разделить блок на 4 части. Значит нужно поставить 5 точек и 4 пробела (. . . . .). На изображении они красные.
Точки и являются границами наших будущих блоков. Обозначьте их направляющими и можете смело удалять текстовый слой.
Готово. Возможно кто-то подскажет еще более удобный способ.
Tweet
Классный способ, спасибо.
Можно и так: если количество частей чётное, просто текстовый блок тянем на ширину, отмечаем направляющей середину, потом сужаем текстовый блок до середины и отмечаем его середину и т.п. Текста не требуется совсем))) Кому как удобнее.
Ответить
Не за что =)
Ответить
Я делаю по-другому. Вертикальным однопиксельным выделением делаю полоску и ставлю её в левый край того блока, который мне нужно разделить. Далее копирую на новые слои эту полоску, просто передвигая её с зажатым альтрм. Последнюю полоску ставлю в правый край блока. Выделяю все слои с полосками и применяю к ним распределить слои «Distribute Layer». Особенно замечательно делать если между колонками в блоке нужен промежуток. Тогда я полоску делаю шириной равной промежутку.
Ответить
AngryCAT, спасибо! Тоже удобно.
Ответить
Попробуйте создать обычное прямоугольное выделение любого размера. Подтащите направляющую к краю выделения — она к нему «прилипнет». То же самое с другого края. Теперь самое интересное! Подтащие направляющую приблизительно к центру выделения: направляющая опять прилипнет, самостоятельно встав точно в центре выделения! Вот вы и разделили выделенный блок на две равные части, которые можно дальше делить пополам и так далее.
А вот чтобы делить на нечетное количество частей, придется использовать другой способ. Например метод с текстовым блоком и точками. Он забавный, а значит хорошо запоминается (((: Хотя калькулятор иногда быстрее будет.
Ответить
uggallery, отлично, уже третий способ в комментах ;) пасибо!
Ответить
Создаем новый слой выделяем все и тащим синюю хрень до середины. Она прилипнет. Выделяем правую часть, опять тащим, она опять прилипает. Так проще. И любое кол-во четных кусков можно сделать.
Ответить
Я делаю так. жму (K) обвожу нужный участок (который нужно разделить) по нему правым кликом Divide Slice а там уж можно и по горизонтали и по вертикали и даже размеры кусков задать можно
Ответить
Супер!
Ответить
Какая-то лишняя работа получается, достаточно разрезать на три части и все) Причем центральную делать толщиной 1px)
Ответить
Слишком сложно, ведь нужно всего 3 части и одна из них толщиной в 1 пиксель)
Ответить
Благодарю, все получилось.
Ответить
Все вышло http://zarabot-ok.com/
Ответить
Способ реально удобный :)
Ответить
Супер. Теперь буду знать, как это удобнее делать. Раньше, бывало, возникала такая проблема, как-то я ее решал, уже не помню, но точно менее удобными способами!
Ответить
Спасибо большое! а я раньше все с линейкой мучилась, и все равно не очень ровно получалось разбить((
Ответить
круто ! менюшки делать на сайте самое то!!
Ответить
Ух ты классная статья. Спс за хороший урок по Photoshop.
Ответить
спс, теперь перечитаю всё))
Ответить
Большое спасибо за туториал. Попробую сделать такое меню.
Ответить
Спасибо за интересный пост, очень пригодился ваш способ на деле )
Ответить
Пошел делать. Спасибо.
Ответить
Нет более удобного способа, думаю не найти. Попробую повторить у себя. Спасибо !
Ответить