Ux/ui курс с нуля. урок 8. основы figma v. булевые операции

Изменить и редактировать векторные фигуры

Вы не ограничены основными фигурами при создании векторной графики в Photoshop. Они могут быть изменены очень быстро.

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

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

Для более сложных изменений переместите две или более опорных точки одновременно. Нажмите один, чтобы выделить его, затем Shift + клик другой. Теперь используйте клавиши курсора на клавиатуре, чтобы переместить обе точки одновременно.

Обводка слоя в «Фотошопе»

Под обводкой в «Фотошопе», прежде всего, понимается эффект слоя. Этим слоем может быть либо изображение, либо его фрагмент, либо буквы, написанные инструментом «Текст».

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

  1. Выбрать слой.
  2. В пункте меню вкладки «Редактирование» выбрать «Выполнить обводку».

Откроется диалоговое окно, где нужно будет настроить параметры обводки и подтвердить команду нажатием кнопки «Да». Обводка в «Фотошопе» будет создана, соответствующий слой — обведен, его границы станут видны.

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

  • по границе слоя снаружи;
  • так, чтобы граница была ее центром;
  • по границе внутри.

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

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

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

Рисование фигуры с правильными пропорциями

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

Это случилось из-за того, что по умолчанию программа Photoshop не старается сохранить правильные пропорции (или по-другому форматное соотношение) фигуры в процессе ее изображения. Я нажму сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac) для отмены действия и попробую нарисовать фигуру снова.

Для того чтобы нарисовать фигуру с правильными пропорциями, установите курсор в окне документа и, удерживая кнопку мыши нажатой, начните протягивать курсор и рисовать фигуру, как обычно. При этом нажмите клавишу Shift  и продолжайте ее удерживать нажатой по мере перемещения курсора. Как только вы нажмете (и удержите) клавишу Shift, вы увидите, что контур фигуры приобрел правильные пропорции:

Чтобы нарисовать фигуру с правильными пропорциями, удержите нажатой клавишу Shift при перемещении курсора

Когда размер нарисованной фигуры вас устроит, отпустите кнопку мыши, а затем отпустите клавишу Shift (убедитесь, что вы отпускаете клавишу Shift последней). Программа снова заполнит фигуру выбранным цветом:

Отпускайте клавишу Shift только после того, как вы отпустите кнопку мыши

Я снова нажму сочетание клавиш Ctrl+Z (Win) / Command+Z (Mac) для отмены действия, а затем выберу фигуру другой формы, нажав на окошко предварительного просмотра фигуры на панели настроек для открытия палитры фигур. На этот раз я остановлюсь на изображении музыкальных нот:

Нажимаем на миниатюру музыкальных нот для выбора фигуры

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

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

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

Новая фигура заполнится тем же цветом, что и предыдущая

Далее мы изучим, как изменить цвет нарисованной фигуры и как загрузить все дополнительные формы произвольных фигур, доступные в программе Photoshop!

Как в PowerPoint объединить объекты

В программе PowerPoint есть хороший набор фигур, которые можно использовать для презентации. Тут и квадраты, круги, треугольники, пироги, сердечки, кнопки и так далее — весь полный список можно найти, вызвав функцию на ленте «Вставка» — «Фигуры». Но иногда хочется сделать какую-то нестандартную фигуру, которая на презентации очарует аудиторию. Один из способов добиться этого – воспользоваться функцией объединения стандартных фигур. О данной функции пойдет речь в данном разделе. Забегая вперед скажу, что ее же можно использовать и в отношении картинок, выделяя из них интересные фрагменты и обрамляя в сложные фигуры.

Для демонстрации воспользуемся двумя фигурами:

  • Облако – без заливки
  • Пятно – с заливкой

Итак, чтобы начать проверять как работает команда о которой идет речь в данной статье, нужно:

  1. Выбрать несколько объектов (фигура + фигура, картинка + фигура, фигура + текст и т.д.) и нажать кнопку «Формат»
  2. Далее на панели инструментов «Вставка фигур» найти функцию «Объединить Фигуры» и выбрать нужную опцию о которых пойдет речь в дальнейшем

Как объединить фигуры

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

Множественный выбор фигур достигается нажатием кнопки ctrl и кликами по объектам в нужной последовательности

Так если выбрать пятно первым, то получим результат на картинке в верхнем ряду посередине. Если выбрать первым облако – то результат будет сверху справа.

Группировка фигур с объединением

Если выбрать вторую возможность – «Объединить Фигуры» — « Группирование», то получим группу из выбранных фигур в которой будет дырка на месте пересечения объектов. Именно данная возможность была использована для того чтобы вырезать фон для циферблата в таком вот исполнении таймера обратного отсчета.

Функция пересечения в PowerPoint

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

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

Как разбить фигуры на фрагменты

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

Вычитание графических объектов в PowerPoint

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

Что такое векторное изображение?

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

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

Часть векторного искусства состоит из нескольких объектов. Каждый объект — это линия или фигура, ребро которой определяется путем. В Photoshop путь показан тонкой синей линией (хотя он технически невидим).

Вы можете применять два типа цвета для каждого объекта.

  • Инсульт это линия, которая следует по пути.
  • заполнить добавляет сплошной цвет или рисунок в пространство, окруженное путем.

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

В Photoshop вы рисуете векторные изображения с фигурами, линиями и текстом.

Как группировать объекты, элементы и изображения в PowerPoint (узнаете через 60 секунд)

Russian (Pусский) translation by Yuri Yuriev (you can also view the original English article)

Группируя объекты в PowerPoint, вы создаёте опрятный дизайн, где все элементы легко отыскать. Вам будет намного удобней управлять ими во время создания и показа презентаций.

Посмотрев этот видеоурок, вы узнаете, как быстро группировать объекты в PowerPoint.

Если вы делаете презентации регулярно, вам пригодится наша eBook: The Complete Guide to Making Great Presentations. Загрузите её себе обязательно.

Примечание: в уроке использована тема BePro PowerPoint Business Template. Вы можете подобрать темы awesome PowerPoint templates на Envato Elements или GraphicRiver. А также на Ultimate Guide to the Best Microsoft PowerPoint Templates.

Как в PowerPoint объединить объекты

В программе PowerPoint есть хороший набор фигур, которые можно использовать для презентации. Тут и квадраты, круги, треугольники, пироги, сердечки, кнопки и так далее – весь полный список можно найти, вызвав функцию на ленте «Вставка» – «Фигуры». Но иногда хочется сделать какую-то нестандартную фигуру, которая на презентации очарует аудиторию. Один из способов добиться этого – воспользоваться функцией объединения стандартных фигур. О данной функции пойдет речь в данном разделе. Забегая вперед скажу, что ее же можно использовать и в отношении картинок, выделяя из них интересные фрагменты и обрамляя в сложные фигуры.

Для демонстрации воспользуемся двумя фигурами:

  • Облако – без заливки
  • Пятно – с заливкой

Итак, чтобы начать проверять как работает команда о которой идет речь в данной статье, нужно:

  1. Выбрать несколько объектов (фигура + фигура, картинка + фигура, фигура + текст и т.д.) и нажать кнопку «Формат»
  2. Далее на панели инструментов «Вставка фигур» найти функцию «Объединить Фигуры» и выбрать нужную опцию о которых пойдет речь в дальнейшем

в начало

Другое диалоговое окно «Обводка»

Второй способ сделать обводку слоя — это выбрать пункт меню «Слой», а далее — «Стиль слоя». Откроется окно, где будут видны все параметры, которые можно задать стилю слоя. Среди них нужно выбрать «Обводку».

Это же окно со стилями вызывается нажатием кнопки «Добавить стиль слоя» в окне «Слои».

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

Для этого пройдите в меню «Редактирование», далее — «Клавиатурные сокращения», найдите по одному из указанных выше путей по пунктам меню и задайте удобную для вас комбинацию.

Полное объединение компонентов фигур

И в списке осталась ещё одна команда — «Объединить компоненты фигур» (Merge Shape Components). Команда не зря отстоит особняком от других, т.к. она приводит к необратимым действиям — объединению образующих контуров. Если ранее мы просто переключались между командами, то после применения этой команды, переключиться уже будет нельзя.

Если мы нажмём на эту строку, то появится сообщение с предупреждением «Эта операция превратит фигуру в обычный контур. Продолжить?» (This operation will turn a live shape into a regular path. Continue?)
, после нажатия ОК контуры будут объединены, все внутренние линии пересекающихся контуров будут удалены, и две или несколько векторных фигур будут преобразованы в один контур, это показано на рисунке, объединение компонентов фигур при:
1. Объединить фигуры (Add to Shape Area)
2. Вычесть переднюю фигуру (Subtract from Shape Area)
3. Область пересечения фигур (Intersect Shape Areas)

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

Изменение и редактирование векторных фигур

При создании векторной графики в Photoshop вы не ограничены базовыми формами. Их можно очень быстро изменить.

Сначала выберите форму. Это выделит фигуру и покажет точки привязки на ее пути. Это точки, где форма имеет углы или кривые.

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

Для более сложного редактирования перемещайте две или более точки привязки одновременно.

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

Рейтинг
( Пока оценок нет )
Editor
Editor/ автор статьи

Давно интересуюсь темой. Мне нравится писать о том, в чём разбираюсь.

Понравилась статья? Поделиться с друзьями:
Вернисаж фотографий
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: