Как включить в фотошопе правило третей
Для получения хорошей фотографии, которая бы оказывала на зрителя позитивное воздействие, картины, изображения, видео - необходим так называемый визуальный баланс. Достичь такой баланс можно несколькими способами - опираясь на личный опыт или вкус, или определенные правила, которые используются мастерами изобразительного искусства уже давно – это классические принципы создания композиций. Таких принципов существует несколько, но мы разберем самый популярный и часто используемый - это правило третей.
Что такое правило третей
Правило третей, кстати, это правило, по многим источникам, разработал еще Леонардо Да Винчи. Так вот, это метод, который абстрактно разделяет композицию, или всю видимую часть изображения, картины, видоискателя камеры на девять равных частей. Разделение происходит при помощи двух горизонтальных, и двух вертикальных линий, располагающихся на равном расстоянии друг от друга. В результате этого деления, которое может быть абстрактным, и создаваться нашим воображением, или вполне реальным, в видоискателе камеры или при помощи специальных направляющих в графических редакторах, создаются четыре опорные точки, в рамках которых рекомендуется располагать элементы композиции. Более точная компоновка, зависит от чувств и предпочтений автора.
Многие считают, что правило третей, это некое упрощенное представление о так называемом золотом сечении. Дело в том, что в золотом сечении используется подобная сетка, как и в правиле третей, но расположение опорных точек несколько иное – они смещены немного к центру. Обычно, принцип золотого сечения используют художники, а правило третей – фотографы и видеографы, так как правило третей более легко в применении и требует меньшего времени для концентрации внимания, а именно это и важно для фотографов.
Основным правилом третей является тот факт, что точка, наилучшая для человеческого восприятия находится не в центре кадра, а по опорным точкам и линиям. В этом случае изображение приобретает более интенсивную динамичность и притягательную силу для внимания, интерес, интригу.
Включить или выключить сетку, которая реализует правило третей, можно на смартфоне, фото или видеокамере. Если такой сетки нет и у вас имеется рад замечаний по композиции вашего изображения, или изображения, сделанного другим автором, вы можете воспользоваться программой Фотошоп, где в инструменте Рамка, встроены разнообразные сетки или элементы компоновки композиции, а это и правило третей, и золотое сечение, и золотая спираль.
Использование правила третей – не обязательное условие для получения эффективных композиционных решений, это один из способов, который, в зависимости от ситуации и от желаемого результата можно менять на другой способ или применять его с нарушениями. Все зависит от вашего видения ситуации и кадра в целом, если мы говорим о фотографии.
Основные принципы правила третей
- Если вам необходимо обратить внимание зрителя на какой-либо главный объект, а это может быть элемент архитектуры, пейзажный или интерьерный предмет, человек или группа людей, то необходимо ориентироваться на опорные точки, в области которых и необходимо помещать объект внимания.
- Если на изображении присутствует горизонт как значимая часть композиции, то его нужно помещать по верхней или по нижней горизонтальной линии третей. При чем, если вам необходимо подчеркнуть небо, то оно должно занимать верхние две трети пространства изображения, а если необходимо выделить сушу или землю, то наоборот.
- При портретной фотосъемке или при обрезке готового изображения надо стараться сделать так, чтобы линия глаз находилась на верхней горизонтальной линии третей, а переносица была на вертикальной линии справа или слева в зависимости от композиционного решения. Но конечный результат будет зависеть от вашего художественного замысла.
- Если на изображении или в кадре присутствует группа людей, то необходимо стараться располагать головы участников на верхней горизонтальной линии третей.
- Если в кадре имеются несколько объектов, один из которых второстепенный, надо постараться разместить его в какой-либо опорной точке на пересечении линий третей.
- Принято считать, что все изображения, не зависимо от того, фотография это или холст художника, читаются или просматриваются слева направо. Это надо учитывать при построении композиции. Так, если получится поставить важные объекты в разные части композиции, то это повлияет на восприятие изображения зрителем. Здесь речь идет не только о постановочном фото, но и о фотомонтаже, как виде изобразительного искусства. Это правило является противоречивым и спорным, так как в арабских странах процесс чтения и знакомства с изображением происходит в обратном направлении.
И еще, насколько ваше композиционное решение будет смотреться интересным и впечатляющим – это все дань времени, практике и опыту, который вы можете нарабатывать со временем. Постепенно вы обретете свой неповторимый стили и будете радовать вашего зрителя интересными изображениями.
Видеоурок по правилам композиции и правилам третей
Вам интересен фотошоп? Вы хотите окунуться в мир графики и дизайна? Пройдите наши курсы по самой последней версии программы Adobe Photoshop и освойте программу на профессиональном уровне. У нас имеются различные направления обучения Фотошопу, в зависимоти от ваших предпочтений или профессиональной направленности.
Кадрирование являются одним из самых основных правок, когда-либо совершаемых в работе с программой. Плохое кадрирование (или его отсутствие) может испортить изображение, тогда как хорошее — способно сделать его в десять раз лучше, отрезав бесполезный или отвлекающий материал.
Существует причина, почему профессиональные фотографии выглядят так хорошо. Помимо того, что они снимаются на качественные фотоаппараты и их ретушируют после обработки, они также очень качественно композиционно составлены.
Кадрирование означает устранение отвлекающих элементов изображения путем отрезания нежелательных фрагментов по краям. Оно выделяет объект, притягивает к нему взгляд зрителя.
Изучим несколько базовых принципов.
Правило третей
Как только вы поймете правило третей, композиционный принцип, используемый профессионалами в области фото- и видеосъемки, вы обнаружите его почти в каждом увиденном изображении. Его смысл заключается в разделении каждого кадра на девять равных частей с помощью воображаемого поля для игры в «крестики-нолики».
Обратите внимание, что основные части тела волка расположены строго в своем квадрате: уши, глаза, челюсть. Большинство цифровых фотоаппаратов позволяют вывести такую сетку на дисплей фотоаппарата, помогая вам создать кадр. Чтобы выяснить, как ее включить, вам, возможно, придется углубиться в меню фотоаппарата или прочитать руководство по эксплуатации.
В программе фотошоп инструмент Рамка использует сетку правила третей, так что следовать данному правилу легко как никогда!
Креативное кадрирование
Наряду с применением правила третей, профи часто кадрируют изображения самым неожиданным образом. Это еще один способ повысить визуальный интерес снимка для привлечения внимания зрителя.
Оно особенно важно, когда вы имеете дело с очень маленькими изображениями, как, например, в галерее миниатюр или на сайте, где несколько изображений наперебой пытаются привлечь к себе внимание. В таких небольших изображениях нельзя увидеть много деталей (или не увидеть их вовсе); а если на фотографии присутствуют люди, вы можете сразу отказаться от попыток их идентифицировать. Вот несколько советов для создания действительно привлекательных крошечных изображений:
- Вместо уменьшения масштаба оригинала сосредоточьте внимание на одном элементе изображения. Часто нет необходимости включать предмет целиком, чтобы люди поняли, что это такое.
- Вновь усильте резкость после изменения размера. Даже если вы усиливали резкость оригинала (повышали фокус цифровыми средствами), дерзайте и усильте резкость еще раз после изменения размера, используя фильтр Контурная резкость (Unsharp Mask).
- Чтобы добавить изящества своей миниатюре, придайте ей элегантную тонкую границу или округлые края.
Теперь, когда вы усвоили несколько основных принципов, вы готовы ознакомиться с многочисленными способами кадрирования, предоставляемыми фотошопом, начиная с наиболее распространенных.
Кадрирование и сокрытие
Обычно фотошоп удаляет внешние края. Они исчезают навсегда. Но если вы кадрируете файл, состоящий из нескольких слоев или однослойный файл с незакрепленным фоновым слоем, вы можете не удалять обрезанный материал, упрощая его возвращение в случае если передумаете.
Чтобы сделать это, перейдите на панель параметров и установите переключатель Отсеченное (Cropped Area) в положение Скрыть (Hide). Программа скроет отсеченную область вне окна документа, вместо того, чтобы ее удалить. Таким образом, даже если вы не будете видеть ее на экране, она все еще останется частью вашего файла.
Если вам требуется вернуть обрезанную область, выберите команду меню Изображение — Показать все, чтобы изменить размер холста и отобразить все, что находится за краем документа (в данном случае обрезанные фрагменты). Если вы хотите вернуть только часть отсеченной области, нажмите клавишу V, чтобы выбрать инструмент Перемещение и перетащите изображение обратно в поле зрения.
Режимы Удалить (Delete) и Скрыть (Hide) станут доступны после того, как вы нарисуете рамку, и они активны только тогда, когда файл не содержит закрепленного фонового слоя или обрезаете многослойный файл (остальное время они затемнены серым цветом).
Кадрирование с перспективой
Если вы сняли изображение под углом, а затем обнаружили, что вам необходимо его выпрямить, можно кадрировать изображение и одновременно изменить его перспективу.
Программа не позволит кадрировать изображение с перспективой при установке переключателя в положение Скрыть. В этом случае установите переключатель Отсеченное в положение Удалить, а затем установите флажок Перспектива (Perspective) .
Чтобы кадрировать с перспективой, прежде всего нарисуйте рамку вокруг объекта, который необходимо выпрямить (она необязательно должна быть выровнена точно по объекту, но вам действительно необходимо захватить объект целиком).
Далее установите флажок Перспектива на панели параметров, а затем перетащите угловые маркеры так, чтобы линии рамки оказались параллельны линиям изображения, находящимся под углом или наложены поверх них. Если все сделано надлежащим образом, кадрированное изображение будет выглядеть прямым и красивым. Однако будьте осторожны: этот инструмент искажает изображения, и живые существа в результате могут выглядеть так, будто вы фотографировали их отражение в кривом зеркале.
Кадрирование до определенного размера
Иногда необходимо кадрировать точно, к примеру, когда вы обрезаете фотографию, чтобы поместить ее в рамку размером 4х6. В этом случае вы можете воспользоваться параметров для ввода значений ширины, высоты и разрешения конечного изображения, чтобы ограничить кадрирование определенным размером.
Как и в большинстве диалоговых окон и панелей, любые изменения, совершенные на панели параметров сохраняются, пока не будут изменены вновь. Так что в следующий раз, кадрировав изображение до определенного размера, не забудьте нажать кнопку Удалить/Очистить (Clear), чтобы очистить поля размеров. Тогда ваши рамки кадрирования не будут ограничены последними использованными значениями размеров.
Чтобы ввести пользовательские размеры введите значения в поля Ширина (Width) и Высота (Height). В качестве альтернативы можно выбрать вариант из списка типичных размеров, приведенного в раскрывающемся списке. Если вы планируете конечный результат вывести на печать, необходимо также будет ввести разрешение; если нет, можете оставить это поле пустым.
При вводе пользовательских размеров не забудьте указать единицы измерения, такие как пикселы или дюймы. Иначе фотошоп предположит, что вы имеете в виду единицу измерения, указанную в установках, а это может быть не совсем то, что нужно.
Теперь, когда вы нарисовали рамку, она ограничена пропорциями (соотношением между шириной и высотой) введенных размеров. После принятия кадрирования область внутри рамки будет идеально соответствовать введенным размерам.
Кадрирование с помощью инструментов выделения
Вы можете также кадрировать изображение в границах выделенной области. Эта техника полезна в случае, если вы создали выделенную область, а затем должны обрезать изображение приблизительно до такого же размера. Для этого способа лучше всего подходит инструмент Прямоугольная область и Овальная область (хотя и остальные инструменты выделения тоже работают). Создав выделенную область, выберите команду меню Изображение — Кадрировать.
Про правило третей в фотографии или, как его еще называют, золотое сечение написано немало статей. На чем основывается это правило можно с легкостью найти и почитать в интернете (рекомендую вот эту статью , а также посмотреть видео в конце урока). Я же перейду сразу к сути.
Правило третей (золотое сечение) — это сетка из двух вертикальных и двух горизонтальных линий. Они пересекаются в четырех точках (на рисунке ниже им присвоены номера 1, 2, 3 и 4). Эти точки указывают куда смотрит человек, когда разглядывает фотографию.
Человек так устроен, что он не может смотреть в одну точку и получать из нее максимум информации. Его мозг дает команду глазам «бегать» и собирать по кусочкам информацию об окружающем нас мире, после чего мозг собирает картину воедино и выдает итоговый результат. Точно так же и с фотографией. Когда мы смотрим на нее, то непроизвольно начинаем бегать глазками от одной части к другой, то есть мы разглядываем фотографию.
Четыре точки в середине — это научно-психологически вычисленный факт, куда среднестатистический человек смотрит в первую очередь. Сначала это точка под номером один, затем два, три и четыре.
Поэтому композицию кадра нужно построить так, чтобы главный предмет фотографии находился на пересечении хотя бы с одной из этих точек. Давайте посмотрим на снимки опытных фотографов с наложенной на них сеткой:
Снимок: цунами в Японии. Огонь находится на пересечении третей точки.
Фотограф Колберт Грегори. Больше работ и его биографию можно глянуть тут.
Снимок: знамя победы над Рейхстагом. Здесь в центре внимания сам флаг и солдат, который его держит.
В этом правиле есть еще один хитрый прием
Опять-таки, научно установлено, что человек смотрит в нижний правый угол в последнюю очередь. Поэтому фотографы, чтобы сделать сюрприз добавляют в этот угол какую-нибудь деталь, которая становится главным действующим лицом/предметом, но мы не сразу это замечаем. Посмотрим на примере:
Снимок: с обака погибшего военного лежит у его гроба на похоронах. Собака не попадает в центр вниманимя. На нее мы обращем внимание не в первую очередь, но именно она является главным действующим лицом (мордой) фотографии.
Когда фотографируете горизонт, рекомендуется, чтобы он был расположен на верхней или нижней горизонтальной линии.
Как делать композицию кадра в соответствии с правилом третей
Если во время фотосъемки не получается мысленно представить эту сетку, то можно воспользоваться технической помощью фотоаппарата. Конечно, не на всех, но на многих моделях можно включить в настройках автоматическое отображение данной сетки. Если такого нет и на глаз не очень получается, то переходим в программу фотошоп или его аналоги.
В фотошопе есть инструмент Рамка , предназначенная для кадрирования фотографий, то есть для исправления композиции кадра. Если ваш фотошоп версии до CS5 включительно , то на панели параметров вы сможете выбрать сету кадрирования — правило 1/3:
Она несколько отличается от той, что я показывал на примерах выше, но принцип действия тот же самый:
То есть в данном случае вертикальные и горизонтальные линии находятся на равном удалении друг от друга. Вообще такая сетка так и называется — правило третей. А примеры выше были разобраны на сетке — правило золотого сечения.
В фотошопе версии CS6 и выше появилось более богатое меню вариантов правил кадрирования, в том числе и золотое сечение:
Откройте фотографию и выберите любую из двух рамок. Прикиньте ее на снимке и пофантазируйте, чтобы вы хотели выделить в этом кадре самым главным. Я открыл фотографию с недавней своей поездки в автомобильный музей ГАЗ (г. Н.Новгород). Центральным объектом снимка будет олень. Я разместил сетку так, чтобы обе точки были именно на нем:
С помощью такого кадрирования, я отрезал лишнее, что никак не влияет на замысел снимка, также олень получил правильное и гармоничное место. В итоге получилась вот такая композиция кадра:
(кликните, чтобы увеличить)
Вывод
Конечно, данное правило подходит не для каждой фотографии, ведь существует множество других правил композиции кадра. Смысл в другом. Благодаря этим знаниям, можно в каждом своем снимке найти правильное (а значит гармоничное) и красивое расположение своего объекта/объектов съемки.
Например, одиноко стоящее дерево напрашивается, чтобы его разместили в самом центре кадра. Но если все-таки его сдвинуть ближе к краю, на одну из вертикальных линий, то вы вдруг почувствуете ту самую, так желаемую художественную нотку. В итоге ваша фотография будет смотреться совсем по-другому — так, как нужно.
И напоследок, видео с семинара, где лектор вполне доступным языком еще раз объяснит, что это за правило. Приятного просмотра!
В этой статье Вы познакомитесь с инструментом, с помощью которого осуществляется кадрирование изображений — Рамка. Инструмент обладает рядом интересных возможностей, которые сделают этот процесс более креативным и творческим. Также легко научитесь выполнять, на первый взгляд, сложные манипуляции с фотографиями.
Рамка расположена на панели инструментов в пятой по счете группе. Здесь же расположены другие инструменты: Раскройка и Выделение фрагмента. Горячая клавиша вызова — С (если хотите изменить клавишу на другую, то смотрите инструкцию как это сделать).
Что такое кадрирование
Чтобы было понятно что такое кадрирование, приведу пример : допустим, наша задумка вырезать героя комикса и сделать его прямым. Буквально 10 секунд и вот какой получился результат:
Как правило, кадрирование нам нужно в следующих случаях:
- Качественное улучшение композиции кадра . Допустим, вы сделали фотографию с человеком в полный рост, но можно кадр обрезать так, чтобы он был по пояс или только портрет.
- Обрезка лишних деталей на фотографии . Допустим, вам нужно вырезать из фотографии самолет, чтобы использовать его в коллаже. Для этого надо удалить лишний фон (существует масса способов как это сделать, например, волшебный или фоновый ластик). Но зачем мучиться со всем изображением — это же очень неудобно. Проще отрезать все лишнее вокруг самолета и только после этого начать удалять фон. Работы стало меньше.
- Подогнать фотографию под определенный размер .
Панель параметров
В отличии от других инструментов фотошопа, здесь панель параметров двойная. То есть, когда вы выбрали инструмент, но еще ничего не сделали, фотошоп предлагает такую группу опций:
Когда рамка будет нарисована, то панель будут отображать совсем другие опции:
О том для чего нужны все эти параметры читайте ниже в этой статье.
Как работать с инструментом Рамка
Откройте любую фотографию, выберите Рамку на панели инструментов (клавиша С ), а затем перетащите указатель мыши по диагонали, создавая рамку вокруг фрагментов изображения. Вот что вы увидите:
Чтобы завершить кадрирование нажмите клавишу Enter (либо кнопочку с изображением галочки на панели параметров). Если передумали обрезать — клавиша Esc (либо кнопочка с изображением перечеркнутого круга).
Если остались недовольными получившимся результатом, то можно отменить неверное действие. Читайте в статье все способы как это можно сделать.
- Если удерживать нажатой клавишу Shift на клавиатуре, то вы создадите ровный квадрат.
- Если удерживать нажатой клавишу Alt на клавиатуре, то рамочка будет симметрично расширяться относительно своего центра.
- Если удерживать нажатой клавишу Shift+Alt на клавиатуре, то у вас получится симметрично расширяющийся квадрат.
- После создания рамки, ее можно свободно перемещать. Для этого нажмите левой кнопкой мыши в любом месте внутри нее и двигайте мышку в сторону.
- Если нажимать на клавиатуре клавиши со стрелками (вправо, влево, вверх, вниз), то рамочка будет сдвигаться в соответствующую сторону на 1 пиксель.
- Если удерживать нажатой клавишу Shift на клавиатуре и нажимать стрелочки на клавиатуре, то рамка будет сдвигаться в соответствующую сторону на 10 пикселей.
- Можно одновременно создавать и перемещать рамочку кадрирования. Для этого, в процессе создания границ, нажмите и удерживайте клавишу Пробел .
Что такое Экран
Обратите внимание, что внешняя часть за границами затемнена. Так фотошоп более наглядно сообщает вам, что будет в итоге обрезано. Эта темная часть называется Экран.
Если вам не нравится или мешает, то можно этот экран отключить. Для этого снимите галочку на панели параметров:
Параметр Экран можно настроить на свой вкус. Для этого рядом с этой опцией на панели параметров имеются еще две настройки. Цвет — открывает палитру, в которой можно указать абсолютно любой цвет (по умолчанию стоит черный); Непрозрачность — задает по 100 процентной шкале уровень прозрачности экрана (по умолчанию стоит 75%-ая непрозрачность экрана).
Удаление и сокрытие экрана
Итак, Экран — это область которая будет отсечена при кадрировании. Но фотошоп предлагает два варианта
- Удаление — это безвозвратное, полное отсечение лишней части изображения
- Сокрытие — фотошоп будет скрывать обрезанную область. Вы ее не будете видеть, но она есть и ее можно в любой момент вернуть обратно. Она как бы находится за пределами границ документа и стоит увеличить его размеры, как скрытая часть фотографии снова станет видна. Например, когда решите повторно нарисовать рамку кадрирования и если потянуть за уголок и увеличить границы рамки так, чтобы она выходила за пределы изображения, то фотошоп вернет в эту область сокрытую часть изображения.
По умолчанию установлен режим Удаление. Чтобы поменять на Сокрытие надо поставить соответствующую галочку на панели параметров.
Обратите внимание, что в моем примере эти параметры окрашены в серый цвет, то есть их нельзя нажать. У многих возникает такой вопрос: что это и как сделать так, чтобы кнопки отсечения стали активными?
Проблема в том, что фоновый слой с фотографией заблокирован. Об этом нам сигнализирует маленькая иконка замка. Как разблокировать этот слой — читайте в этой статье.
Поворот и изменение размеров рамки. Выравнивание горизонта
Обратите внимание на угловые маркеры. Если к ним поднести указатель мыши, то он изменится на полукруглую стрелочку. Это означает, что рамку можно вращать по часовой или против часовой стрелки.
Также, если потянуть за эти угловые маркеры, то можно изменить размеры границ.
Но здесь есть важная особенность. Если вы сделали рамку под наклоном, это не означает, что после подтверждения кадрирования получится фрагмент изображения под наклоном. Фотошоп ВСЕГДА отображает документ на рабочем пространстве прямо . Поэтому изображение будет автоматически повернуто.
Этот прием можно использовать, например, когда требуется выровнять завалившийся горизонт на фотографии. Правда, чтобы по углам не оставались белые области, придется немного обрезать изображение с краев.
Правило третей или золотое сечение
Существует множество правил композиции кадра. Одно из самых популярных — правило третей (еще его называют золотое сечение, это словосочетание вы должны были слышать в школе на уроках математики). Суть правила в том, что условно фотографию можно разделить вот такой сеткой:
При этом главный объект/объекты съемки должны находиться на пересечении с одной или более точками в центре сетки.
Настоятельно рекомендую ознакомиться со статьей, посвященной этому правилу. Каждый фотограф должен обязательно его соблюдать.
Если вы пользуетесь версией фотошопа до CS5 включительно, то вы увидите такой выбор правил кадрирования:
Если вы пользуетесь фотошопом CS6, то выбор будет побогаче:
Кадрирование с перспективой
Если вы сняли изображение под углом, а затем обнаружили, что вам необходимо его выпрямить, можно кадрировать изображение и одновременно изменить его перспективу.
Чтобы кадрировать с перспективой, прежде всего нарисуйте рамку вокруг объекта, который необходимо выпрямить (она необязательно должна быть выровнена точно по объекту, но вам действительно необходимо захватить объект целиком).
Далее установите флажок Перспектива на второй панели параметров, а затем перетащите угловые маркеры так, чтобы линии рамки оказались параллельны линиям изображения, находящимся под углом или наложены поверх них. Если все сделано надлежащим образом, кадрированное изображение будет выглядеть прямым и красивым.
Однако будьте осторожны: этот инструмент искажает изображения, и объекты могут выглядеть так, будто вы фотографировали их отражение в кривом зеркале.
Если вам интересно как испралять ошибки перспективы при съемке архитектуры, то рекомендую ознакомиться с этой статьей.
Чтобы понять «правило третей» в веб-дизайне, давайте начнем с примера. Рассмотрим эту фотографию быка в поле:
Не цепляет, правда? Готов поспорить, если бы вы видели это изображение на сайте, вы бы не задержались там долго.
Теперь подумайте, что меняется, когда мы используем правило третей и поместим быка подальше от центра:
Правило третей может помочь сделать ваш дизайн менее предсказуемым и более интригующим. Оно способно дольше привлекать внимание зрителя, что очень важно, когда вы пытаетесь привлечь свою аудиторию и превратить эту аудиторию в потенциальных клиентов.
В каждом правиле есть исключения. Возможно, вы решите, что ваш дизайн будет более привлекательным, если он будет симметричным. Тем не менее, примите решение после того, как изучите разные варианты.
Мы покажем, как использовать правило третей в дизайне и дизайне пользовательского интерфейса, чтобы вывести ваши изображения на новый уровень.
Как использовать правило третей в дизайне
Правило третей утверждает, что дизайн становится более интересным и визуально привлекательным, когда вы размещаете основной объект (ы) своего дизайна на одном из четырех пересечений сетки третей или в одном из разделов третей. Искусство — это больше, чем догадки. Со времен Древнего Рима геометрия всегда занимала место в значительных произведениях искусства.
Чтобы понять правило третей, давайте рассмотрим пример.
Правило третей рисует две линии, перпендикулярные странице, и две линии, горизонтальные по отношению к странице, чтобы создать сетку из девяти блоков.
Это делит вашу страницу на три части, независимо от того, разрезаете ли вы изображение по горизонтали или по вертикали:
Затем, чтобы использовать правило третей в дизайне, разместите объекты не по центру, поместив их в одну из секций третей:
… Или в одной из точек пересечения:
В примере, показанном выше, главная точка фокусировки — вершина горы — находится слева от центра изображения, в первой трети фотографии.
Давайте рассмотрим, как создать сетку третей в Photoshop за четыре шага.
Как создать правило третей в Photoshop
1. Чтобы использовать инструмент Photoshop «правило третей», просто откройте пустую страницу в Photoshop и нажмите «Вид» → «Показать» → «Сетка»:
2. Затем перейдите в «Настройки» → «Направляющие, сетка и фрагменты»:
3. Затем выберите цвет линий сетки вместе со сплошной линией. Затем измените «Сетка каждые» на «100 процентов» с разделением «3». Когда вы закончите, нажмите «ОК».
4. Вуаля! Теперь у вас есть сетка по правилу третей. Чтобы добавить изображение, просто перетащите изображение на существующую многослойную сетку, разверните его, чтобы заполнить сетку, а затем переместите объект, пока он не окажется либо в одной из секций третей, либо в одной из четырех пересекающихся точек. .
Примеры правила третей в дизайне пользовательского интерфейса
Чтобы рассмотреть силу правила третей в дизайне пользовательского интерфейса, давайте рассмотрим несколько примеров веб-сайтов, уделяя особое внимание тому, какие веб-сайты используют правило третей.
1. Soulful Vibes Co.
Здесь дизайнер делает основной акцент на хрустальных камнях и браслете из бисера со слоном. Они на левой и правой третях, обеспечивая внимание посетителя к самому центральному тексту: «Это не просто движение, это стиль жизни."
Дизайнер использует правило третей, чтобы создать умиротворяющую, гармоничную, непринужденную эстетику, которая выглядит более открытой и гостеприимной, чем если бы оба объекта находились на переднем плане и в центре страницы.
2. HubSpot
HubSpot использует правило третей, чтобы сразу привлечь внимание к своему лозунгу, и призыв к действию «Получите HubSpot бесплатно» на главной странице, поскольку внимание большинства посетителей будет начинаться с левой стороны вашего веб-сайта. Иллюстрации помещаются в раздел правых третей, чтобы сбалансировать страницу. Это помогает пользователей сориентироваться и рассматривать сайт правильно: слева направо. Чего было бы труднее достичь с симметричным дизайном.
3. Музей Франса Хальса
Когда нарушать правила (третей)
Важно отметить: в дизайне и искусстве нет строгих правил, которым вы должны следовать, и есть исключения из каждого правила или тенденции дизайна.
Как только вы поймете правило третей и то, как оно может повлиять на пользовательский опыт, вы можете нарушить это правило, когда сочтете нужным.
Например, вам может показаться более привлекательным держать изображения в центре экрана, как показано на домашней странице Tone Dermatology :
Здесь центральный акцент на женщине сделан убедительно и смело, особенно потому, что она смотрит в левую часть экрана, поэтому изображение все еще асимметричное (вы видите только ее глаза и нос слева, а ее волосы видны только на краю экрана). верно).
Этот макет дизайна хорошо работает, чтобы привлечь внимание посетителя и, вероятно, не был бы таким мощным, если бы дизайнер использовал правило третей, чтобы поместить женщину в левую или правую часть экрана.
В конечном итоге вы захотите выбрать элементы дизайна, которые лучше всего подходят для нужд вашего бренда. Если вы сомневаетесь, поэкспериментируйте как с более симметричными дизайнами, так и с правилом третей, и подумайте об A/B-тестировании, чтобы выяснить, какой дизайн лучше всего подходит вашей аудитории.
Если вам нужна бесплатная консультация про создание сайтов, напишите нам, пожалуйста, в WhatsApp:
Читайте также: