Darbe.ru

Быт техника Дарби
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Линейки, направляющие и сетка в фотошопе

Линейки, направляющие и сетка в фотошопе

направляющие в фотошопе

Рассмотрим вспомогательные инструменты, которые применяются для создания и редактирования изображений в программе Adobe Photoshop CS5. Это линейки, направляющие и сетка.

Линейки в фотошопе

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

Единицы измерения линейки можно изменять в настройках. Для изменения заходите в Редактор — Установки — Единицы измерения и линейки , и выбираете то, что Вам нужно, в верхнем пункте.

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

программа Adobe Photoshop CS5Чтобы вернуть точку отсчета на место, делаете двойной клик по месту пересечения линеек.

Направляющие в фотошопе

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

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

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

Чтобы переместить уже имеющуюся направляющую, нажмите и удерживайте клавишу Ctrl , и переместите направляющую на новое место. Также можете воспользоваться инструментом Перемещение .

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

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

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

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

Можно также изменить ориентацию направляющей, с вертикальной на горизонтальную, или наоборот. Для этого нажимаете и удерживаете клавишу Alt , затем щелкаете по направляющей в том месте, где предполагаете ее поворот на 90 градусов.

Сетка в фотошопе

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

сетка в фотошопеДля того, чтобы появилась сетка, выбираете в меню Просмотр — Показать — Сетку . Размер сетки регулируется в настройках программы Adobe Photoshop CS5. Чтобы зайти в настройки. выбираете в меню Редактирование — Установки — Направляющие , сетка и фрагменты . В настройках Вы можете указать. как часто будут размещены линии сетки, с помощью пунктов Линия через каждые , и Внутреннее деление на , которые регулируют частоту основных и вспомогательных линий сетки.

Теперь, если Вы будете вытягивать направляющую из линейки, она будет автоматически прилипать к линиям сетки. Если Вы создаете выделение, оно будет тоже прилипать к линиям и узлам сетки. Привязку можно отключить с помощью меню Просмотр — Привязать к — Линиям сетки .

Чтобы убрать сетку, заходите в Просмотр — Показать , и убираете галочку с пункта Сетка .

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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
Подписаться на блог: Дорога к Бизнесу за Компьютером

Вам понравилась статья? Поделитесь, буду весьма признателен:

Мы принимаем к оплате:

«Подарочный сертификат» от нашего Учебного Центра – это лучший подарок для тех, кто Вам дорог! Оплате обучение и подарите Вашим родным и близким обучение по любому из курсов.

Читайте так же:
Как включить куки в гугл браузере

«Сертификат на повторное обучение» дает возможность повторно пройти обучение в нашем Учебном Центре со скидкой 1000 рублей!

Как сетку настроить в фотошопе

Как включить (вызвать) и убрать сетку в фотошопе

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

Как включить сетку в фотошопе? Довольно просто. На верхней панели ищем команду «просмотр», в выпадающем меню выбираем «показать» — «сетка». Ну, либо экономим время и вызываем сетку комбинацией клавиш ctrl+’.

Выглядит это примерно так:

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

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

Зато вы можете изменить размер сетки. Для этого вам следует зайти в «редактирование». В выпадающем списке отыскать «установки» — «направляющие, сетка и фрагменты».

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

Убрать сетку очень просто. Выполняем тот же порядок действий. «Просмотр» — «показать» — «сетка». И в этот раз мы попросту убираем галочку.

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

Как включить сетку в Фотошопе

Сетка в Фотошопе применяется в разных целях. В основном использование сетки вызвано необходимостью расположить объекты на холсте с высокой точностью.

Этот коротенький урок посвящен тому, как включить и настроить сетку в Фотошопе.

Скачать последнюю версию Photoshop

Включается сетка очень просто.

Переходим в меню «Просмотр» и ищем пункт «Показать». Там, в контекстном меню, кликаем по пункту «Сетку» и получаем разлинованный холст.

Кроме того, сетку можно вызвать, нажав сочетание горячих клавиш CTRL+’. Результат будет тот же.

Настраивается сетка в меню «Редактирование – Установки – Направляющие, сетка и фрагменты».

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

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

Помогла ли вам эта статья?

Установка и удаление сетки в Adobe Photoshop

В Adobe Photoshop есть инструмент, с которым редактировать графику будет гораздо проще. Это сетка. Она помогает при создании изображений и складывании коллажей. По ней можно оценить размер и расстояние, прикинуть, как будут располагаться объекты относительно друг друга, сделать разметку. Сориентироваться, куда поместить ту или иную часть рисунка. Это полезное средство, если уметь им пользоваться. Узнайте, как включить сетку в Фотошопе, как настроить её атрибуты и как её убрать.

О сетке

Сетка помогает вам более точно и симметрично расставить элементы в композиции

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

Читайте так же:
Гугл хром сами открываются вкладки

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

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

Не стоит путать его и пиксельную сетку. Последнее — это разбиение картинки на точки. Пригодится для детального редактирования. Её также можно включить и настроить.

Даже если вам не нужны эти опции, всё равно будет полезно о них узнать. Например, чтобы убрать таблицу, если случайно её активировали.

Как включить?

Вот как сделать сетку в Фотошопе:

  1. Откройте любой графический файл или создайте новый.
  2. В строке меню нажмите на кнопку «Просмотр» («View»). Обычно она находится между «3D» и «Окно».
  3. Наведите курсор на пункт «Показать» («Show»).
  4. В выпавшем меню кликните на «Сетку» («Grid»). Она появится на слое.
  5. Также можно нажать клавиши Ctrl+’ (в русской раскладке Ctrl+Э).

Как настроить?

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

  1. Откройте меню «Редактирование» на верхней панели.
  2. Наведите мышь на пункт «Установки». Он в самом низу списка.
  3. Нажмите на «Направляющие, сетка и фрагменты».
  4. В открывшемся окне задайте нужный размер ячеек. Это можно сделать в поле «Линия через каждые…». Доступны разные единицы измерений: дюймы, миллиметры, пункты и так далее.
  5. В разделе «Стиль» укажите, как должна отображаться сетка: сплошной полосой, пунктирной или точками. Это не столь важно, так как разметка будет видна только при редактировании рисунка.
  6. В пункте «Цвет» выберите заливку. Настройку можно использовать, когда таблица сливается с фоном.

Как убрать?

Избавиться от клеток можно в том же меню, через которое их добавляли. Вот как убрать сетку в Фотошопе:

  1. Перейдите в Просмотр — Показать.
  2. Уберите галочку с соответствующего пункта.
  3. Или используйте сочетание клавиш Ctrl+Э.

Пиксельная сетка

Пиксельная сетка заметна только вблизи. Чтоб её увидеть, надо увеличить картинку и изменить масштаб. Но при работе с графикой она может мешать. Вот как её вставить или убрать:

  1. Откройте меню Просмотр — Показать.
  2. Кликните на «Пиксельная сетка».

Линейки

Ещё один метод измерения в Фотошопе — линейки. Они находятся снаружи рисунка. С этим инструментом можно оценить длину и ширину объектов и изображения в целом. Активировать линейки можно в меню «Просмотр». Чтобы выбрать их параметры, перейдите в Редактирование — Установки — Единицы измерения и линейки.

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

Как в Photoshop создать сетку

Автор zgothic 24 апреля 2012 Рубрика Photoshop

В графическом редакторе Photoshop есть отличное средство называемое сеткой. Сетка помогает точно расположить какой-либо объект при его перемещении или создании. Более всего в этой функции нуждаются веб-дизайнеры. Для того чтобы включить (отобразить) сетку в выпадающем меню выберите Просмотр -> Показать -> Сетку (View-> Show -> Grid). Либо сочетание клавиш Ctrl+Э. Точно таким же образом можно ее моментально отключить сетку.

По умолчанию сетка строится из линий, расстояние между которыми 2 см (шаг сетки) и, в то же время, это расстояние делится еще на 4 части точечными линиями. Эти настройки, конечно же, можно поменять. В меню выберите Редактирование -> Установки -> Направляющие, сетка и фрагменты (Edit -> Preferences -> Guides, Grid & Slices). Либо сочетание клавиш Ctrl+K и Ctrl+8.

В третьем блоке Сетка (Grid) измените значения полей на необходимые. А веб-дизайнерам стоит еще напомнить, что лучше всего использовать пиксели в качестве единиц измерения.

Чтобы включить автоматическую привязку объектов к линиям сетки поставьте галочку Просмотр -> Привязать -> Линиям сетки (View -> Snap to -> Grid).

Как создать макет сетки в Instagram, как профессионал

Лучшие инстаграммеры умеют грамотно планировать публикации, которые создают великолепную сетку Instagram в их профиле.

Читайте так же:
Как в автокад вставить pdf

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

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

Придерживайтесь цветовой комбинации

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

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

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

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

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

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

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

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

Прежде чем опубликовать:

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

Создать отличную сетку в Instagram — значит придерживаться плана. Одна нестандартная фотография неправильного цвета, неправильного фильтра или неправильного порядка может испортить весь ваш образ.

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

Направляющие

Очень интересно было бы узнать Ваш принцип работы с направляющими. Имею в виду, какие направляющие Вы оставляете в финальной версии psd-файла, показываете ли направляющими вертикальные отступы от блока до внутреннего текста (например, как Вы показали здесь), задаете ли 12 колонок сетки направляющими или демонстрируете только ту структуру колонок, которая реально используется?

Сетку я чаще всего использую 12-колонку и показываю ее направляющими:

guides

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

Сколько не смотрела видео или не находила советов — все делают абсолютно по-разному. Многие оставляют сетку из 12 колонок (или задают ее отдельным слоем), к примеру, такую как 960. gs, но потом ставят элементы фактически наугад (без какой-либо привязки к направляющим) и в целом располагают контент в 2−3 большие колонки. Не сбивают ли в таком случае направляющие для 12 колонок верстальщика, если по сути они и не задействованы?

Было бы странно, если бы все делали одинаково 🙂 Никогда не делаю никакие слои с сеткой, или горизонтальные направляющие. Есть программный функционал с направляющими, поэтому все дедовские способы с отдельным слоем — ф топку. В принципе, не должно быть в псдшке ни одного лишнего и уж тем более отключенного слоя. Не должен верстальщик еще и на это время тратить (про это скоро напишу в отдельной заметке)

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

Для создания сетки я пользуюсь сервисом gridcalculator.dk

Читайте так же:
Как в excel заглавные буквы сделать маленькими

Меня он устраивает на все 100% и все сетки создавал вручную в зависимости от ТЗ. Но в один момент я заметил, что повторяю одни и те же действия (открыл сервис, создал сетку, перенес сетку в фотошоп, закрыл сервис) от проекта к проекту. И чтобы не тратить эти несколько минут на создание очередной сетки, я просто сохранил самые популярные варианты (пустой файл псд шириной 1920 с 12 колонками для контента):

grids

20 или 30 — ширина между колонками. Предпочитаю 30, чтобы не было «широкого дивана с узкими подлокотниками», но иногда и 20 отлично «заходят»

grids2

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

Если нужна какая-то другая сетка, то я создаю ее через gridcalculator.dk

И еще, если можно, один вопрос относительно сетки и адаптивных макетов. Допустим, в Вашем примере ширина контента 1200px и сетка 12 колонок (как понимаю, колонки шириной по 70px и 15px — боковые отступы). Когда Вы будете делать адаптивный psd-макет, скажем под ширину 640px, то уже нужно делать новую сетку (с другой шириной колонок) или использовать эту же сетку, но, соответственно, меньшее число колонок?

Вообще, не правильно сужать расстояния между колонками с уменьшением разрешения файла и при этом сохранять 12 колонок. Иначе на 320 будет совсем месиво из линий, хотя нам нужны будут только 2 крайние направляющие по сути. А если сюда добавить второстепенные направляющие и так называемый вертикальный ритм, то чтобы что-то подвинуть, придется выключать направляющие иначе нифига не будет видно из-за них)

Вот попробуйте разместить элемент шириной (не будем брать экзотический вариант с магическим числом 7) на 8 или 9 колонок в макете 320 пх. Сколько раз вы убьетесь об стену прежде, чем это сделаете? 🙂

Правильно с уменьшением разрешения уменьшать количество колонок и при необходимости их ширину. Например, на планшетах оставлять 8 или 9 колонок, а на смартфонах оставлять 2 или 3. Иначе сетка будет мешать не только верстальщику, но и самому дизайнеру

При адаптивном дизайне я создаю только крайние направляющие и центральную и относительно них все чудесно выравниваю. А при уменьшении разрешения, просто сдвигаю эти направляющие к центру. Не трачу кучу времени на 5 разных сеток (PC + 4 ресайза — не нужно так маньячить) и при этом все аккуратно и ровненько. Вот например, 640:

grids3

Привычка все выравнивать через шифт + стрелки решает кучу ненужных проблем)

тносительно горизонтальных направляющих: я раньше отделяла ими ключевые зоны («header», «footer» ). Мне казалось, что верстальщику должно быть так удобно: выделил по направляющим и сразу видишь, какие размеры. Теперь буду, по Вашему совету, только вертикальные и только для сетки 🙂 (кроме адаптивных макетов, где наоборот: только вспомогательные направляющие и без деления на колонки).

Что хедер, а что футер в 99% случаев видно сразу по макету. К тому же верхняя группа в слоях — хедер, а нижняя — футер. Причем так и подписаны :), думаю, у всех.

Хотела еще уточнить про список Ваших подготовленных сеток (976px, 1170px, 1266px). Вы используете чаще всего именно такие размеры, чтобы под экраны в 1024px, 1200px и 1280px оставались отступы по бокам 24px, 15px и 6px соответственно? Или такие значения ширины предпочтительны по какой-то другой причине?

Все немножко не так:

  • Cетка 976 = 1024 — минус ширина скрола справа (18) / поделить на 2 стороны = 15 пх и выглядит на мелком монике ок
  • Cетку 1170 использую для мониторов 1280 (1200 просто нет) = 1280 — минус ширина скрола справа (18) / поделить на 2 стороны = 46 пх. Нравится, что получается воздушно по краям.
  • Cетку 1266 использую реже. Когда просят сделать ширину 1366 = 1366 — минус ширина скрола справа (18) / поделить на 2 стороны = 41 пх. Тоже воздушно получается по краям. Вообще просили всего 3 раза. А 2 из них и вовсе подряд один за одним. Подумал, бум какой-то начался. Но нет, бума нет. А файлы остались

Самый популярный вариант 1170 для монитора 1280. Мне больше всего нравится.

Просматриваю сейчас популярные сайты — учусь/пробую определять на глаз используемую изначально дизайнером сетку. Хотела бы уточнить у Вас один момент по построению сетки для сайта, где присутствует неструктурированный «Sidebar».

В Интернет-магазинах в большинстве случаев в ключевой зоне с одного боку выводятся списки категорий, опции фильтрации , с другого — основной контент, например, с карточками товаров (как на популярных ozon.ru или rozetka.com). Чаще всего, как и на данных примерах, отступы между блоками товаров меньше, чем отступ от боковой колонки до контента (что логично по принципу приближенности связанных элементов). То есть получается, что «Sidebar» здесь не выстраивается по общей сетке, на которой расположены карточки: как тогда лучше демонстрировать такую структуру в psd-макете? Накладывать сетку направляющих только на область с товарами или всё же на всю ширину, несмотря на несовпадение «Sidebar-а»?

Я всегда делаю расстояние от сайдбара больше. Не по сетке. Вот сейчас в работе проект:

Читайте так же:
Как в ворде напечатать титульный лист

Было… guides1
Стало guides2

Убежден, что контент нужно отодвигать дополнительно, чтобы появился воздух и стало ок.

В современных магазинах нельзя использовать 12-колонку. Получится ацтой. Я делаю так:

guides3

2 колонки = широкий сайдбар и контент, который делю на 4−5 частей. Между карточками товаров не должно быть расстояния больше, чем 1 пх. Тогда не будет полосатости, и будет все ок (блок номинаций). А вот тут не ок: внутри контента должна быть только одна серая линия, а не 2 серые однопиксельные и широкая белая полоса. При этом на главной запросто может быть своя сетка, ведь мы не будем делать главную с сайдбаром.

Я ошибочно подумала, что любую сетку из направляющих обязательно нужно дробить/сводить только к одинаковой ширины колонкам, а потом уже различным комбинированием (с привязкой) добиваться необходимых размеров блоков. Ваш скрин с отделением направляющими «сайдбара» произвольной ширины помог разобраться и подтвердил, что в этом вопросе я и раньше делала всё правильно:). Спасибо

Правил никаких нет и не будет. Ни у кого. Есть просто советы. Как нет правил, так нет и не будет обязательных к использованию сеток. Любая сетка имеет право на существование, лишь бы сайт получился выровненным, аккуратным и удобным (узкий сайдбар — такой же ацтой, как и чересчур широкий)

Выравнивание изображения с помощью вспомогательных элементов — сетки

Автор: NON. Дата публикации: 01 сентября 2010 . Категория: Обработка фотографий в фотошопе.

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

Выравненное фото после обработки фотографии в фотошопе

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

Исходное повёрнутое изображение

Перейдём в «Просмотр — Показать — Сетку«.

Просмотр - Показать - Сетку

На фотографию наложится сетка.

Сетка на фото

Иногда цвет сетки совпадает с изображением и бывает трудно различить сетку на фоне фотографии. Чтобы изменить цвет сетки нажмите сочетание клавиш Ctrl+K и в окне «Установки» подберите цвет сетки, чтобы он контрастировал с фотографией. Как настроить цвет сетки и другие параметры программы фотошоп смотрите в статье «Настройка работы в Photoshop CS3 — вкладки «Направляющие, сетка, фрагменты раскройки», «Внешние модули и рабочие диски» и «Шрифты». Я поменял цвет сетки на белый.

Изменяем цвет сетки

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

Расширяем серое поле вокруг фото

Нажмём сочетание клавиш Ctrl+A (выделяем фотографию), потом Ctrl+T (свободное трансформирование). Вокруг фотографии появятся маркеры выделения.

Выделяем фото

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

Поворачиваем фото по сетке

Убираем сетку

Снимаем выделение — Ctrl+D. Вот что у нас получилось.

Снимаем выделение

Выбираем инструмент «Рамка» (С) и растягиваем рамку внутри фотографии так, чтобы чёрные поля, образовавшиеся по краям фотографии, остались снаружи рамки (в качестве цвета заднего плана у меня установлен чёрный цвет, поэтому получились чёрные поля). Нажимаем Enter.

Рамка внутри повёрнутой фотографии

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

Выравненное фото

Сравните изображение до и после обработки фотографии в фотошопе.

Выравненное фото после обработки фотографии в фотошопе

Если Вы не хотите пропустить интересные уроки по обработке фотографий — подпишитесь на рассылку.

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector