Как в фотошопе сделать стрелочку

Рисование стрелки в Photoshop

Fotoredactor.com » Уроки и курсы » Рисование стрелки в Photoshop

Сегодня мы поговорим о том, как в программе Adobe Photoshop нарисовать стрелку. В этом нет ничего сложного, но не все знают, как это сделать проще и быстрее всего. Мы рассмотрим два способа создания стрелки. Запустите программу Photoshop и начнем. Откройте изображение, на котором вам нужно нарисовать стрелку, или просто создайте новый документ. Слева, среди прочих инструментов, нужно найти кнопку «Rectangle Tool». Если нажать ее и некоторое время удерживать, станут доступными еще несколько спрятанных под ней кнопок. Среди них нужно отыскать кнопку «Custom Shape Tool». Когда вы выбираете тот или иной инструмент, его настройки появляются на горизонтальной панели, расположенной сразу под строкой меню. В данном случае нужно нажать маленькую кнопку справа от окошка «Shape». На рисунке 1 я подчеркнул эту кнопку, чтобы было понятнее. Как и на рисунке выше, после нажатия этой кнопки у вас появится выбор стандартных форм. В этом наборе можно найти несколько видов стрелки. Давайте попробуем создать простую стрелку с помощью этого инструмента. Выберите одну из предлагаемых стрелок и растяните ее, как растягивали бы обычный прямоугольник. На панели настроек есть две палитры: «Fill» и «Stroke». В первой можно выбрать цвет заливки, во второй – цвет контура. Чуть дальше настраивается толщина контура формы, в нашем случае стрелки. Выберите нужную толщину в списке или введите свое значение. Еще дальше есть набор вариантов типов контура. Он может быть пунктирным или сплошным, пунктир тоже может быть разным. Предлагаю оставить сплошную линию, так будет смотреться красивее. Стрелка создана, но как же изменить ее форму? Настройками мы уже ничего достичь не можем, нам доступны только более грубые меры. Стрелка – это векторный объект, форма которого образована положением контрольных точек, между которыми протянута линия контура. Это значит, что мы можем изменять форму стрелки, изменяя расположение этих точек. Для того чтобы точки стали доступны для редактирования, нужно сначала выбрать инструмент «Direct Selection Tool». Это кнопка с белой стрелкой. Щелкаем по векторной форме и видим все ее вершины. Попробуйте изменить форму стрелки, перемещая вершины. Если нажать кнопку «Pen Tool» (кнопка с изображением каллиграфического пера) и немного подождать, то появится небольшой набор дополнительных кнопок. Выберите среди них инструмент «Add Anchor Point». Так вы можете создавать новые точки на линии контура. Дополнительные точки помогут изменить форму более тонко, сделать стрелку с изломом, или вообще зигзагообразную.

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

Дата публикации: 6-01-2016, 15:28 «|» Просмотров: 6988 «|» Автор статьи: Фотограф Поделиться с друзьями ссылкой на статью в соцсетях: Похожее:

• В этой статье детально описан процесс рисования в Photoshop раскаленной планеты. Повторить сможет каждый желающий, это не сложно, к тому же урок написан очень…

• В этом иллюстрированном уроке подробно объясняется, как в программе Photoshop рисовать фигуры с плавно изгибающимися контурами без использования графического планшета. Урок оживляют наглядные яркие иллюстрации, изображающие описываемые этапы…

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

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

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

Комментарии:

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

Часто возникает необходимость пометить на фотографии или изображении тот или иной объект. Бывает, что и на видео требуется такая же отметка, например, при слежении за выбранным объектом с помощью эффекта Track Motion. Фоторедакторы позволяют легко создать стандартного вида стрелку, которую потом можно использовать для указания. Но предположим, что такая, вытянутая как солдат, стрелка нас не устраивает. Желательно какую-нибудь фигурную…Тогда придётся немного пофантазировать, представить себе, какую стрелку хотим мы увидеть воочию, и немного потрудиться. Для этого можно использовать любой фоторедактор с возможностью рисования контуров. Мы рассмотрим всеми любимый Photoshop.  

Как нарисовать стрелку в Photoshop

  1. Создаём или открываем файл-изображение, в зависимости от цели рисования стрелки – либо для указания объекта на готовом изображении, либо создания стрелки на прозрачном фоне для последующего использования в видеоредакторе.   2. На панели инструментов выбираем инструмент Перо (Pen). На панели параметров инструмента выбираем режим Контур (Path).   3. Имея в голове план (рисования стрелки), ставим кликом мыши первую узловую точку. Пусть это будет точка вершины стрелки. Двигаемся влево и ставим вторую узловую точку..   6. Ставим пятую и шестую узловые точки. Седьмую угловую точку снова ставим с перетаскиванием, т.е. не отпуская ЛКМ до тех пор, пока не создадим гармонично согласующийся с предыдущим изгиб линии. Поскольку опять мы «гнули» линию перетаскиванием курсора, тип узловой точки 7 нужно поменять, кликнув на ней мышью с нажатой кнопкой ALT.   7. После этого восьмая угловая точка соединится с предыдущей прямой линией. Когда будем ставить девятую точку (она же как бы первая), увидим, что рядом с курсором появился кружок. Это означает, что контур сейчас будет замкнут и наша стрелка, можно сказать, нарисована.    

8. Прежде чем сделать заливку и обводку контура, можно «уточнить» положение узловых точек на нём. Например, вам кажется, что стрелка получилась какой-то убогой, нелепой… Всё поправимо. Зажимаем клавишу CTRL и кликаем ЛКМ по той узловой точке, которую хотим переместить. В результате все точки станут белыми, и только нужная нам останется чёрной, т.е. выделенной. После этого клавишами со стрелками двигаем её в любую сторону; и так повторяем со всеми нужными точками.   9. Теперь зальём контур нужным цветом. Кликаем где-нибудь внутри стрелки правой кнопкой мыши и в контекстном меню нажимаем Выполнить заливку контура… (Fill Path). Не забываем, что должен быть выбран инструмент Перо, и само собой, активным должен быть слой, в котором и создавался контур стрелки. В открывшемся окне выбираем нужный цвет заливки и нажимаем ОК.   10. Выполним аналогичным образом обводку контура. Только сначала задайте параметры для инструмента Карандаш (Pencil Tool) – толщину линии выберите к примеру 3 пиксела, основной цвет – чёрный. Опять ПКМ, контекстное меню Выполнить обводку контура… (Stroke Path) и ОК.   11. Теперь удалим контур, поскольку у нас уже есть рисунок готовой стрелки. Опять ПКМ, контекстное меню и Удалить контур (Delete Path). Сохраняем рисунок со стрелкой в формате PNG, чтобы сохранить прозрачность фона и – ОК. Можно пользоваться.  

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

Автор: Алексей Касьянов.

http://01010101.ru/otcifrovka-foto/kak-narisovat-strelku-v-fotoshope.htmlКак нарисовать стрелку в Фотошопе2014-10-31T22:43:38+00:00Алексей КасьяновОцифровка фотофотошопЧасто возникает необходимость пометить на фотографии или изображении тот или иной объект. Бывает, что и на видео требуется такая же отметка, например, при слежении за выбранным объектом с помощью эффекта Track Motion. Фоторедакторы позволяют легко создать стандартного вида стрелку, которую потом можно использовать для указания. Но предположим, что такая,…Алексей КасьяновАлексей Касьянов[email protected]

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

≡  5 Декабрь 2015   ·  Рубрика: Софт   

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

Рассмотрим на примере Adobe Photoshop CS6 (64 Bit), я пользуюсь именно им:

Запускаем программы при помощи ярлыка:

Открывайте в программе любую фотку, где нужно нарисовать стрелку. Я вместо фото сделаю скриншот экрана:

Слева в окне программы находится панель инструментов. Ее можно разместить и в другом месте, но по умолчанию она именно слева. Переходим в низ панели и выбираем инструмент «Произвольная фигура»:

После выбора инструмента верхняя часть окна программы отображает настраиваемые «Параметры» для выбранного инструмента. В значении «Фигура» выбираем стрелку желаемого вида:

При необходимости производим настройку цвета, заливки и параметров обводки будущей стрелки:

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

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

Нарисовав стрелку, изменим ее направление и размер. Я хочу ее повернуть на форму подписки, изображенную на правой части скриншота. Чтоб приступить к «свободной трансформации» объекта необходимо его выбрать при помощи инструмента «перемещение»:

Выделив, нажимаем сочетание клавиш Ctrl+T. Вокруг стрелки появится рамка с восемью контрольными вершинами:

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

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

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

Всем спасибо за внимание.

С уважением, Коваленко Николай.

Как нарисовать стрелку в фотошопе несколькими классными способами?

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

В общем, отправились!

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

Рисование посредством линий

Для начала войдите в сам фотошоп и откройте желаемое изображение. Затем на панели инструментов находим группу инструментов «Фигуры» и нажимаем на нем правой кнопкой мыши. А из выпадающего перечня выбираем пункт «Инструмент линия».

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

• Заливка — несёт ответственность за цвет стрелки. Тут вы имеете возможность назначить конкретный цвет, или же по большому счету не делать никакого цвета (за это отвечает перечеркнутый красной линией прямоугольник), а имеете возможность применять градиент.
• Обводка — несёт ответственность за обводку стрелки (простите за тавтологию). Она включает в себя аж три параметра: Цвет (тут всё ясно, принцип такой же, как и у заливки), толщина (чем больше толщина, тем толще обводка), и конечно же параметры (линия, прерывистая линия, пунктир).
• Толщина — несёт ответственность за толщину самой стрелочки, соответственно, если вы желаете, дабы она вправду делала собственную функцию указателя, то лучше поставить толщину побольше.
• Стрелки — именно это свойство и перевоплотит простую линию в стрелку. Само свойство нарисовано в виде шестеренки. При нажатии на него вам необходимо будет выбрать, откуда мы будем рисовать отечественный указатель, В первую очередь либо финиша.

Я вам рекомендую поэкспериментировать со всеми параметрами самим, но для примера покажу всё наглядно. Давайте выберем черный цвет заливки, без обводки, ну и покинем простую линию (не пунктир). Толщину заберём 8, саму стрелку сделаем с конца.

Кривизну возможно не трогать.

А вот сейчас начинаем рисовать. Убедитесь, что вы все еще находитесь на инструменте «Линия», и начинайте рисовать эту стрелку, зажав левую кнопку мыши, и тяните ее в произвольное направление, по окончании чего отпустите. Замечательно, вот отечественная стрелочка и готова.

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

Произвольная фигура

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

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

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

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

И вуаля! Стрелка готова!

Другие методы

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

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

Так что рекомендую рисовать указатели посредством фигур.

Кручу, кручу, указать желаю…

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

Ну тут кроме того вопросов появляться не должно. Я думаю, о том, как развернуть изображение в фотошопе, вы уже понимаете. Так вот тут всё то же самое.

Конечно несложнее всего сделать это посредством изменения (CTRL+T).

Совершенно верно кроме этого поступаете, в случае если захотите поменять размер данной самой стрелки. Другими словами нажимаете CTRL+T и просто тяните за уголки.

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

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

Уверен, что будет сильно! Ожидаю-не дождусь собственного обучения).

Ну а я на этом, пожалуй, собственную сегодняшнюю статью буду завершать. Помните подписываться на мой блог, и делиться материалами статьи в соцсетях. Ожидаю вас опять!

Пока-пока.

С уважением, Дмитрий Костин.

КАК НАРИСОВАТЬ РОВНЫЕ СТРЕЛКИ (СУПЕР МЕТОД)

Интересно почитать:

Самые интересный результаты подобранные по Вашим интересам:

• Как нарисовать прямую линию в фотошопе несколькими классными способами?

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

• Как легко сделать размытый фон в фотошопе с помощью трех классных способов?

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

• Как легко осветлить фотографию в фотошопе несколькими классными способами?

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

• Как можно легко сделать на фото водяной знак несколькими классными способами?

  Хорошего всем времени дней, мои дорогие приятели и гости моего блога. У вас имеется настроение пофотошопить? Легко довольно часто сталкиваюсь с этими…

• Как легко поменять цвет глаз в фотошопе двумя классными способами?

  Хорошего всем времени дней, дорогие приятели. Вот наконец настала пятница, по окончании которой последует четыре выходных дня. Ура, товарищи! Ну а вдруг…

• Как убрать мешки под глазами в фотошопе четырьмя классными способами?

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

где находится и как с ней работать

Автор Олег Евгеньевич Просмотров 2.5к. Обновлено 13 сентября 2021

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

Где находится линейка?

Инструмент находиться там же, где и «Пипетка» Для быстрого доступа можно использовать комбинацию Shift + I, нажимайте эти клавиши, программа перебором будет включать все инструменты блока «Пипетка», пока не дойдет до «Линейки».

На экране появится черная стрелочка с маленькой линейкой. Левой кнопкой мыши укажите первую точку, не отпуская мышку, ведите курсор ко второй точке замеряемого отрезка. Фотошоп нарисует отрезок.

Чтобы сделать абсолютно ровную линию, зажмите клавишу Shift, теперь можно отложить отрезок ровно по горизонтали, по вертикали, а также под углом в 45 градусов в любом из направлений.

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

Функционал линейки

Здесь информация представлена в виде блоков. Первый показывает координаты первой точки отрезка относительно осей X и Y.

Второй блок показывает проекцию нарисованной линии на ось X и Y. Это не длина отрезка.

Например, если на изображении нарисован прямоугольник, и инструментом «Линейка» указать диагональ этого прямоугольника, то второй блок покажет расстояние сторон прямоугольника. Это и есть прямая проекция отрезка на оси X и Y.

Следующий блок отображает угол наклона отрезка. И только дальше можно увидеть непосредственную длину линии, она указывается в параметре «L1».

Параметр «L2» указывает угол между двумя линиями, нарисованными с помощью инструмента «Линейка». После того, как указан один отрезок, зажмите клавишу Alt, подведите курсор к любому концу отрезка, курсор поменяет свой вид, теперь нарисуйте еще один отрезок, обязательно начиная его с любого из концов первой линии.

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

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

Дальше отображается функция «По шкале измерений» (Use Measurement Scale).

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

Чтобы повернуть изображение так, чтобы любая линия на рисунке была строго горизонтальной, используйте следующий блок, который называется «Выровнять слой» (Straighten Layer).

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

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

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

Иллюстрированный самоучитель по компьютерной графике и звуку › Adobe Photoshop › Операции редактирования [страница — 38] | Самоучители по средствам мультимедиа

Операции редактирования

Теперь заглянем в подменю Edit › Transform, где нас поджидают команды для всяческих преобразований выделенного фрагмента: изменения размеров (Scale), поворота (Rotate), перекоса (

Skew – превращение прямоугольника в параллелограмм), для несимметричного искажения формы (Distort – превращение прямоугольника в четырехугольник произвольного вида), перспективного искажения (Perspective – превращение прямоугольника в трапецию), переворотов на 180°, на 90° по часовой стрелке (Rotate 90° CW) и против часовой стрелки (Rotate 90° CCW1), зеркальные перевороты относительно горизонтальной и вертикальной оси (Flip Horizontal, Flip Vertical).

Заглянули? Так вот, пользоваться ими совершенно необязательно, потому что есть одна мощная команда – Free Transform (произвольная трансформация, CTRL + T), которая объединяет в себе действие этих команд.

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

Пока вы не подтвердите завершение трансформации галочкой или Епterov, не поздно ее отменить – перечеркнутым кружком или ESC-пом.

Есть еще одна очень похожая группа команд, которые занимаются поворотами и переворотами уже не выделенной области, а рисунка в целом. Все они находятся в подменю Image › Rotate Canvas. Чаще всего этими командами пользуются для первоначальной обработки электронных фотографий и сканированных изображений.

Для перетаскивания выделенного фрагмента применяется стрелочка, Move (V) – верхняя правая кнопка на главной панели инструментов Фотошопа. Причем вы сможете утащить фрагмент даже на другой рисунок. На месте утащенного фрагмента на слое остается прозрачная дыра.

От английского clockwise (по часовой) и counterclockwise (против часовой).

Если фрагменты таскать с клавишей SHIFT, то они едут строго вертикально, горизонтально или под 45 градусов. Можно пользоваться и стрелками курсора (движение маленькими шажками), а также CTRL + стрелками (движение большими шагами).

Когда на рисунке ничего не выделено, стрелочка тащит сразу весь слой. Правда, фоновый слой перетаскивать нельзя. Если вы попытаетесь это сделать, Photoshop огрызнется, мол, не буду я исполнять ваш заказ, потому что ‘слой заперт. Если вам все же требуется тащить именно этот слой, вы всегда сможете его отпереть, сделав из спец-слоя Background обыкновенный Layer 1 (см. главу «Слои»)’.

На панели настроек стрелочки Move есть один существенный квадратик – Auto Select Layer (автоматически выбирать слой). Скажем, вы хотите потащить мышкой некий выделенный фрагмент, но забыли перейти в соответствующий слой. Если галочки нет, то нет и перетаскивания. Или, хуже того, есть перетаскивание, но совсем другого объекта, находящегося в этом слое.

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

Хорошо? Хорошо. Но есть свои минусы.

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

Если таскать выделенное стрелочкой Move с клавишей ALT, то выходит копирование объекта. Причем копирование на том же слое: как только вы снимете выделение, скопированное изображение к своему слою прилипнет, в каком-то смысле даже прирастет: снять или подвинуть его, не оставив в этом слое дыры, будет уже нельзя. Тогда как обычное копирование-вставка всегда происходит с непременным созданием нового слоя. И никто никуда не прилипает.

Если же ничего выделено не было, то, потащив весь слой стрелочкой Move с «альтом», мы обнаружим, что мгновенно получили копию слоя, которую, собственно, и тащим в настоящий момент.

Курсы Photoshop в Москве – обучение Фотошопу у Максима Солдаткина

Если вы хотите освоить Adobe Photoshop, то я рекомендую вам не тратить время на самостоятельно изучение, а найти хорошие курсы Фотошопа.

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

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

Рис.1 Быстрый старт в Фотошоп

Поехали!

Дизайн сайта в Фотошопе: с нуля за 60 минут!

Для начала, это настройка рабочей области. Прежде всего, стоит зайти во вкладку “Window” в верхней панели и отключить все лишнее и включить все нужное. Во-первых — это “Character” — символы, цвета, слои, “Options”  — опции и “Tools”- инструменты. Просто поставьте эти галочки, дальше мы чуть подробнее про каждый инструмент поговорим. Просто бывает частая ошибка — очень много всего включено, на рабочей области бардак и совет такой — отключите все лишнее, включите вот только это, действительно необходимые инструменты (рис.2).

Рис.2 Настройка рабочей области

В фотошопе при создании дизайна сайта мы создаем макет (рис.3), где горячая клавиша ⌘N (Command N), вот таким образом я буду обозначать горячую клавишу в презентации — ⌘N на Mac-е, если вы пользуетесь Windows — то это CTRL+N (Control N). То есть вот этот вот “цветочек”- это CTRL на Windows. Стоит установить единицу измерения пиксели, разрешение — 72 пикселя на дюйм, режим цвета (цветовая палитра) — RGB 8 bit.

Рис.3 Настройка макета

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

Как создать дизайн сайта в фотошопе: фигуры и трансформация

Фигуры. Горячая клавиша “U”. Фигуры — это прямоугольник, прямоугольник с округленными углами, эллипс, многоугольник, прямая и фигура произвольной формы (рис.4).

Рис.4 Фигуры

Этот инструмент часто применяется в photoshop при создании дизайна сайта,  и находится  он на панели инструментов, да, вот он выделен, горячая клавиша “U”. С формами, с фигурами можно производить трансформации, мы сейчас это рассмотрим на примере фигур, то же самое можно делать и с картинками. Горячая клавиша ⌘Т — свободная трансформация (рис.5), т.е. мы двигаем объект, он у нас свободно изменяет свои размеры. Если мы нажимаем тоже ⌘Т и  берем за краешек и двигаем с SHIFT-ом (вот такой вот стрелочкой я буду обозначать нажатую клавишу SHIFT), мы видим, что размер, точнее пропорция объекта сохраняется.

Рис.5 Трансформация

У нас был квадрат, он остается квадратом. Прямоугольник с округленными углами (рис.6,7) так ресайтить нельзя, нельзя так трансформировать, потому что радиусы округления, мы видим, что при трансформации они нарушаются.

Рис.6 Прямоугольник с округленными углами (неправильно)

Рис.7 Прямоугольник с округленными углами (правильно)

При дизайне сайта в фотошопе прямоугольник с округленными углами правильно трансформировать по точкам. Это горячая клавиша “А”. Мы выделяем точки и дальше уже начинаем их двигать стрелочками SHIFT-ом. В общем, стоит запомнить, что прямоугольник с округленными углами нельзя просто так взять и трансформировать, его нужно трансформировать по точкам.

Выделение, перемещение. Вообще, для выделения объекта — горячая клавиша “V” для выделения и перемещения она называется move to и есть клавиша “А” для точечного перемещения (рис.8). В предыдущем примере мы видели, когда я выделял точки в прямоугольнике с округленными углами, вот я как раз нажимал эту горячую клавишу “А”, выделял точки и с ним уже дальше работал.

Рис.8 Выделение, перемещение

Копирование. Вот этот значок “⌥” — это на Mac-е “option” , если вы работаете на Windows, то это клавиша Alt (рис.9).

Рис.9 Копирование

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

Прозрачность. Клавишами от 1 до 0 мы можем изменять прозрачность объекта, “opacity” , так называемая. Вот я сейчас просто нажимаю сейчас будет 1 — это 10, 2 — 20, 30 и так далее и так до 100, т.е. 0 — это 100% прозрачности (рис.10).

Рис.10 Прозрачность

Дизайн сайта в photoshop: текст, выравнивание и цвет

Текст. Работа с текстом — горячая клавиша “Т”. Вот так в панели инструментов выглядит сам инструмент работы с текстом — шрифт, размер там и так далее. Вообще есть два варианта работы с текстом в фотошопе при создании дизайна сайта — текстовой блок и текстовая строка. Текстовой блок — это когда мы задаем размер этого блока и текст автоматически в этом блоке переносится, перемещается, заполняет все это пространство. В строку, в бесконечно длинную строку придется вот эти переносы на следующую строку делать вручную, т.е. ставить курсор, нажимать Enter и переносить. В тексте можем просто потянуть и изменить размер и текст сам подстроится под размер блока. Вообще удобнее для параграфов, т.е. для набора использовать текстовой блок. Текстовую строку удобно использовать для (давайте еще раз ее включу) каких-то очень коротких слов — либо одно слово, либо два слова, либо три слова и так далее, т.е. для каких-то коротких вещей. Та же самая горячая клавиша “Т” (рис.11,12).

Рис.11 Текст

Рис.12 Текст

При создании сайтов в Photoshop большую роль имеет выравнивание. Если у вас есть несколько объектов хаотичных, мы можем их выделить и выровнять. Сейчас я еще раз покажу, как это делается. Т.е. я выделяю все объекты, нажимаю “выровнять по верхнему краю” и равномерно распределить, беря за размер, за точку отсчета центр изображения. Т.е. по верхнему краю, посередине, по нижнему, то же самое по вертикали и так далее — это чтобы равномерно распределить объекты по, ну то есть равномерно распределить от первого к последнему (рис.13).

Рис.13 Выравнивание

Дальше группы слоев еще есть (рис.14). “ ⌘G” — сгруппировать, “ ⌘ SHIFT G” — разгруппировать.

Рис.14 Группа слоев

Давайте продолжим создание сайта в фотошопе с нуля. Есть несколько эллипсов, несколько объектов, я их выделяю и группирую, они у меня находятся в папочке все. Можно группы в группы заносить, можно создавать папку из нескольких папок и так далее. Горячая клавиша “⌘ G”.

Цвет. Палитра с цветами, стоит установить цветовые координаты Hue, Saturation, Brightness , т.е. тон, насыщенность и яркость в палитре, в инструменте вот эта маленькая кнопочка, маленькая иконочка, нажмите на нее и установите HSB Sliders (рис.15).

Рис.15 Цвет

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

Как сделать дизайн сайта в фотошопе: картинки, смарт-объекты и маски

Картинки и смарт-объекты. Что важно сказать про это — смарт-объект не теряет в качестве при изменении размера, растровая картинка превращается в пятно (рис.16,17).

Рис.16 Картинки и смарт-объекты

Рис.17 Картинки и смарт-объекты

Давайте еще раз закрепим важные пункты о дизайне сайта в Фотошопе из прошедшей части урока. Я просто изменяю размер, смарт-объект, растровая картинка, увеличиваю, видим цветовое пятно. Смарт-объекты не теряют в качестве после уменьшения размера и последующего увеличения, т.е. можно спокойно их трансформировать и ресайдить. Картинки в дизайне сайта автоматически импортируются в Фотошоп как смарт-объекты, т.е. если вы добавляете картинку в Фотошоп, она превращается в смарт-объект. Особенность в том, что смарт-объекты нельзя редактировать. Имею ввиду, кисточкой что-то подтереть, подретушировать смарт-объекты не получится. Нужно либо заходить внутрь смарт-объекта, т.е. двойным кликом, либо просто, самый простой варинт — это кликнуть “растризовать”, кликнуть по изображению правой кнопкой мыши в слоях “Rastrize” и “Convert to smart oject”. Видим, когда “Растр” — это у нас просто изображение, когда “Smart object”, здесь появляется такая маленькая икононочка, надеюсь, вам видно. Нет иконочки, смарт-объект — есть иконочка.

Маски. Alt click между слоями, т.е. мы наживаем Alt и кликаем между слоями(рис.18).

Рис.18 Маски

Рис.19 Маски

И просто поймите сейчас, как это работает, на следующем слайде я покажу в чем суть. Т.е. у нас есть два слоя, есть эллипс, есть картинка. Мы наводим курсор, нажимаем Alt, появляется вот такая вот стрелочка и просто кликаем. Вот как это работает.

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

Настройка фотошопа для веб-дизайна: направляющие

Направляющие. Горячая клавиша “⌘R”, чтобы скрыть и показать линейки (рис.20).

Рис.20 Направляющие

При создании сайта в фотошопе используйте линейку — это черные штучки с цифрами, это они и есть. И горячая клавиша “ ⌘;” , чтобы скрыть и показать направляющие. Т.е. давайте на скриншоте на примере, я открываю линейки и просто перетаскиваю из углов направляющие, опять же направляющие нужны, чтобы ваш макет выглядел ровно, чтобы вы могли по этим направляющим ваши текстовые блоки, картинки и фигуры уметь выровнять. И стоит еще здесь проверить, чтобы единица измерения была “пиксели”. Нужно просто нажать правой кнопкой мыши на линейке и установить пиксели(рис.21). У нас везде все в пикселях должно быть.

Рис.21 Направляющие

Для экспорта мы заходим — “Файл”, “save for web”(сохранить для веб) и сохраняйте ваш макет, если вы делаете сайты, проще всего, самый простой формат, который  не требует настроек дополнительных — это “PNG 24” (рис.22).

Рис.22 Экспорт файла

В чем его прелесть?  Т.е. в чем минус GPEG-а , все знаем, что картинки принято хранить в GPEG-е. GPEG — ломает шрифты, т.е. если у вас макет сайта, где много шрифтов, много текста,   в GPEG-е шрифты будут размываться, шрифты будут, так называемыми артефактами. Если мы сохраняем в PNG 24, то картинка выглядит гораздо чище. Она может занимать чуть больше места, но на первых порах, на первых этапах , чтобы не перегрузить себя какими-то настройками , ставьте PNG 24 и смело сохраняйте ваши макеты в этом формате.

И я напомню про горячие клавиши (рис.23).

Горячие клавиши в photoshop значительно ускорят работу при создании дизайна сайта.

“U” — прямоугольник, эллипс, фигуры.

“Т” — это текст.

“В” — выделение, перемещение объекта.

Клавиша “А” — для точечного выделения, помним про прямоугольник с округленными углами.

Alt с  перемещением, т.е. мы  копируем объект, зажимаем Alt  и начинаем его двигать, он начинает копироваться.

Alt clic между слоями — мы превращаем слои в маску, нижний слой становится маской, верхний слой на него накладывается.

“⌘Т” — трансформация, изменение размера.

“ ⌘G”, “ ⌘ SHIFT G” — группировка, разгруппировка в папки.

“ ⌘R” — скрыть и показать линейки.

“ ⌘;” — скрыть и показать направляющие.

И, думаю, всем известная клавиша “ ⌘Z” — отменить предыдущее действие и если мы зажимаем “Option” или “Alt” на Windows , ALT+Z — мы можем шагать назад по нашей истории изменений, а если мы зажимаем  ⌘SHIFT и нажимаем Z, то мы делаем шаг вперед. Т.е. с ALT-ом мы двигаемся назад, с SHIFT-ом мы можем сделать вперед, потом снова назад, вперед. Нажимаем  ⌘Z, откатываемся на предыдущее изменение.

Итак, мы рассмотрели дизайн сайта в фотошопе пошагово. И давайте на примере реального макета посмотрим вместе, как это работает.

Формы для Фотошопа

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

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

25 форм векторных цветов от Оксаны Кристенко

Загрузить

25 форм векторных CD дисков от Оксаны Кристенко

Загрузить

50+ рандомных форм для Фотошопа от Оксаны Кристенко

Загрузить

7 векторных форм скрепок от Оксаны Кристенко

Загрузить

90 форм шестеренок от Оксаны Кристенко

Загрузить

18 форм RSS иконок от Оксаны Кристенко

Загрузить

12 форм для чата от Оксаны Кристенко

Загрузить

120 форм стрелочек от Оксаны Кристенко

Загрузить

Набор форм от Майкла Джонса

Загрузить

Весенний сад в векторе от Катерины Лангваген

Загрузить

45 Бесплатных форм от Дарвина Ай Реджнера

Загрузить

Абстрактные звезды от deviant-ARAB

Загрузить

Детские предметы от nadia arini yahya

Загрузить

Набор форм от Натана Блинки

Загрузить

Микс векторных форм от Даниеля Кроло

Загрузить

Силуэты от eiermann1952

Загрузить

Формы иконок от Retoucher07030

Загрузить

Логотипы автомобилей от See-Create

Загрузить

Абстрактные формы от Вина Нгуен

Загрузить

Изометрические формы от Маршала Ватсона

Загрузить

Клипарт векторных орлов от All-silhouettes.com

Загрузить

Формы самолетов от jackroberts

Загрузить

Боевые самолеты от lukeroberts

Загрузить

Мировые карты от lukeroberts

Загрузить

Набор силуэтов девушек от  lavakillu

Загрузить

Автор – cruzine

Перевод — Дежурка



Комментарии

[an error occurred while processing the directive]

Похожие статьи

Случайные статьи

фигур в Photoshop | PSD чувак

Пользовательские формы Photoshop — это векторных фигур , которые можно сохранить в Photoshop как предустановленный тип. Для создания формы используйте инструмент Pen Tool или инструмент Rectangle Tool, Elliptical Tool, Line Tool и т. Д.

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

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

Твитнуть

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

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

Формы стрелок (БЕСПЛАТНО)

Стрелки каракули (CSH, ABR и PNG)

Стрелки нестандартной формы

Формы стрелок (больше не доступны)

Формы стрелок | БЕСПЛАТНО CSH

Формы стрелок (больше не доступны)

Форма стрелы

Иконки со стрелками

Стрелки Photoshop Фигуры

Стрелки фанки csh и png файлы

Стрелки Photoshop Фигуры

Если вы ищете текстовые символы стрелок, ознакомьтесь с этим огромным списком стрелок.Вы найдете там все типы стрелок: ⬅ символ стрелки влево, символ стрелки вправо 🢂, символ стрелки вверх 🡩, символ стрелки вниз 🡫, символ двойной стрелки ⬌, символ изогнутой стрелки ⟳, круглая стрелка, полукруглая стрелка, символ стрелки вниз ⤋ , милый символ стрелки 🏹 💘🔰 и т. д.

Символы стрелок

Создайте фигур в Photoshop быстро и легко! Этот набор содержит 1 многослойный PSD-файл, который позволит вам создать силуэт векторной формы из любой фотографии / графики / изображения .Пакет также содержит экшен Photoshop, который вы можете использовать для создания произвольных форм .

Вы также можете попробовать этот экшен Photoshop, который с помощью Photoshop превращает любое изображение JPG в векторное. Результатом является сложное векторное изображение с цветами, а не просто силуэт векторной формы.

(БЕСПЛАТНО) формы стрелок для Photoshop

Загрузите эти бесплатные ★ формы стрелок для Photoshop и используйте их в своих проектах графического дизайна.

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

Вы можете преобразовать файл пользовательских фигур Photoshop в формат SVG. Таким образом, вы можете использовать формы стрелок в Illustrator, css и html и т. Д.

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

Arrow Shapes для Photoshop

Итак, этот пакет включает 55 фигур Photoshop стрелок. Используйте эти нарисованные от руки стрелки и стрелки-каракули для создания векторной графики и векторного дизайна, например плакатов и листовок для печати.

Как загрузить векторную форму в Photoshop?

Сначала вам нужно загрузить формы Photoshop . Щелкните правой кнопкой мыши архив ZIP и выберите Извлечь файлы .

Чтобы загрузить формы в Photoshop, выберите Edit> Preset Manager> Custom Shapes и нажмите кнопку Load . Выберите файл CSH , чтобы загрузить его.

Как редактировать векторные фигуры в Photoshop?

Добавьте стрелку Photoshop Custom Shape Tool .

В Photoshop отредактируйте форму после рисования с помощью следующих инструментов: Pen Tool , Convert Point Tool , Add Anchor Point Tool и т. Д.

Outline Shape Photoshop Quick Tip

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

Еще одна вещь, которую вы можете сделать, — это очертить форму. Установите Fill на 0% и добавьте стиль слоя Stroke ; установите размер и цвет контура обводки.

Как изменить размер фигуры в фотошопе?

Стрелка формы Photoshop может быть изменена без потери качества.

Как изменить размер фигуры в Photoshop? Просто нажмите Control-T , чтобы изменить размер векторной формы.

Итак, я надеюсь, вы найдете эти бесплатные формы Photoshop полезными для ваших проектов. Через несколько дней опубликую кисти со стрелками Photoshop.

Если у вас нет Photoshop , используйте эти формы стрелок в Интернете с помощью инструмента графического дизайнера MockoFun.Это бесплатно, и вы можете легко создавать логотипы со стрелками и другой графический дизайн.

Перейдите в Elements> Shapes> Arrows , чтобы использовать векторные формы стрелок. С помощью онлайн-генератора шрифтов MockoFun вы можете вставить символ стрелки в текст и создать текстовый PNG, текстовый логотип и т. Д.

Если вам нужно изображение в формате PNG со стрелкой, сделайте его онлайн с помощью MockoFun. Это просто!

О фигурах Photoshop

Если вы никогда раньше не использовали фигур Photoshop и не знаете, как их использовать, уделите пару минут и ознакомьтесь с этими замечательными ресурсами:

Фигуры Photoshop — популярная графика ресурсы дизайна, используемые в векторных иллюстрациях.

Существуют всевозможные пользовательские формы Photoshop, такие как формы рамок, формы стрелок, формы баннеров и т. Д.

Подробная информация об элементе

Этот бесплатный пакет содержит 1 файл CSH

Другие ресурсы, которые могут вам понравиться:

Нарисуйте стрелку в Photoshop, как использовать учебник

graphicxtras.com для плагинов и пресетов

Узнайте, как нарисовать стрелку в уроке Photoshop и т. Д. Этот урок предназначен для растрового рисования стрелок. Вы можете создавать стрелки в Photoshop, рисуя кистью (используя всевозможные мазки).Вы можете нарисовать стрелку от руки в Photoshop, но вы можете нарисовать «правильную» стрелку, используя прямые кисти (удерживайте нажатой клавишу Shift, чтобы ограничить мазок кисти). Стрелку можно нарисовать в Photoshop с помощью сетки. Вы также можете нарисовать стрелки в Photoshop с помощью отсканированных рисунков стрелок (нарисовать стрелки на листе бумаги), а затем очистить стрелку в Photoshop и добавить к кистям или использовать нарисованную стрелку в качестве слоя. Из этого туториала Вы узнаете, как нарисовать стрелку в Photoshop с помощью кистей, а также отсканированного изображения

.

Покупка нестандартной формы

$ 7.79 (также GBP и др.) За набор, формат CSH, скачать

КУПИТЬ 13000 пользовательских форм для Photoshop CC 2017 2015 2014 CS6 CS5 и т. Д. И элементов Photoshop — также отлично подходят для эффектов кисти CSH 13000 пользовательских форм для Photoshop и Elements

1. просмотреть меню

2. шоу и сетка

3. выберите инструмент кисти и цвет (черный) и выберите базовую мягкую круглую кисть по умолчанию и размер (40 пикселей)

4. щелкните одну из строк / столбцов сетки

5. зажмите Shift и переместите горизонтально на пару ячеек и нажмите

6. вверх и назад на 45 градусов, удерживая Shift, нажмите

7. вернуться к исходной конечной точке

8. щелкните и перейдите вниз и назад на 45 градусов, удерживая Shift, и щелкните

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

.

Нарисуйте стрелку на слое Photoshop с помощью кисти Photoshop

1. создать документ 400 x 400

2. перейти в настройки

3. направляющие, решетки и срезы

4. установить линию сетки каждые 100 пикселей и деление 1

5. ОК

6. просмотреть меню

7. шоу и сетка

8. выберите инструмент кисти

9. установить цвет (черный)

10. выберите базовую мягкую круглую кисть по умолчанию и размер (40 пикселей)

11. меню уровня

12. новый слой

13. щелкните 2-ю строку / 1-й столбец

14. удерживайте смену и переходите во 2-ю строку / 3-й столбец

15. нажмите

16. удерживать сдвиг вниз

17. перейдите к 1-й строке и 2-му столбцу и щелкните

18. щелкните 3-ю строку и 2-й столбец

19. , удерживая Shift, перейти ко 2-й строке / 3-му столбцу

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

Нарисуйте стрелку на слое Photoshop от руки — очень быстрый и простой способ создать уникальный дизайн стрелок

Вы можете сделать это в Photoshop, просто используя инструменты кисти, артпад, ручки и т. Д. Вы также можете использовать сканер

1. нарисуйте много кистей на листе белой бумаги

2. отсканируйте это изображение (меню файла Photoshop и импорт изображений с устройства)

3. перейти к изображению со стрелками

4. выберите область со стрелкой и скопируйте

5. вставить в новый документ

6. меню уровня

7. развернуть изображение

8. выберите меню

9. выбор и маска

10. выберите область стрелки кисти

11. вывод на выбор (или один из других)

12. перетащите на панель библиотек для сохранения дизайна

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

.

Другие учебные пособия

1. Урок в Photoshop: формы стрелок

Другие ресурсы, например шрифты со стрелками и кисти

1. Стрелочные шрифты и формы для Photoshop и т. Д.

2.Кисти стрелки для фотошопа и т. Д.

Видеоуроки на Youtube

1. Как нарисовать простую стрелку в Photoshop (youtube)

Источники и ссылки

1. Стрелки в Википедии

Создайте лучника с огненной стрелой в Photoshop • Уроки Adobe Photoshop

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

Конечный результат

Исходные материалы:

ШАГ 1. Создайте новый документ.
Давайте создадим новый документ, перейдем в меню Menu — File — New (Menu> File> New) и применим следующие настройки в соответствующих полях:
Set (Presets): International Paper Size (International Бумага)
Размер (Размер): A4
Ширина (Ширина): 2480 пикселей
Высота (Высота): 3508 пикселей
Разрешение (Разрешение): 300 пикселей / дюйм
Цвет Режим (цветовой режим): цвет RGB; 8 бит
Содержимое фон (фоновое содержимое): Прозрачный (Прозрачный)

ШАГ 2.Создание фона
На этом этапе мы создадим фон для нашей композиции, это будет темный и мистический лес, где лучник атакует свою цель. Сначала откройте изображение «Волшебный лес». Как только изображение откроется, активируйте инструмент. Перемещение (инструмент «Перемещение»), нажав клавишу V и как только этот инструмент станет активным, нажмите на изображение + зажмите левую кнопку мыши и переместите изображение с лесом в наш документ.

Поместите стоковое изображение «Волшебный лес», как показано на скриншоте ниже:

Затем нам нужно масштабировать изображение, для этого активируйте инструмент Transformation (Transform tool), нажав Ctrl + T и масштабируйте как показано на скриншоте ниже:

Когда вы закончите, изображение должно выглядеть как на скриншоте ниже:

Затем мы применяем размытие к этому изображению, чтобы оно выглядело так, как будто лес находится далеко от главного героя.Сначала убедитесь, что слой с фоном активен, затем идем Filter — Blur — Blur на малой глубине резкости (Filter> Blur> Lens Blur). Как только появится окно настроек, примените следующие значения:

После того, как вы нажмете ОК, результат должен быть как на скриншоте:

Теперь мы улучшим свет на слое леса. Сначала щелкните слой с лесом, а затем создайте новый слой, нажав клавиши Ctrl + Shift + N, и когда появится диалоговое окно, в строке Name (name) напишите Light 1 (Light 1 ).

Выберите инструмент Кисть (Инструмент «Кисть» (B), но перед тем, как мы начнем, убедитесь, что для кистей по умолчанию установлены настройки по умолчанию. Стандартные кисти Photoshop показаны на скриншоте ниже, если вы видите неправильные кисти, которые показаны на снимке экрана ниже, затем следуйте инструкциям, перечисленным ниже:

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

В появившемся контекстном меню выберите опцию Восстановить кисти (Сбросить кисти).

Итак, как только вы это сделаете, примените следующие настройки для кисти:
Размер кисти (Размер кисти): 1600 пикселей
Жесткость (Жесткость): 0%
Непрозрачность (Непрозрачность) ): 15%
Давление (Поток): 100%
Цвет (Цвет) #: fffdc7

Набор цветов кисти #: fffdc7. Чтобы изменить текущий цвет кисти, следуйте инструкциям на скриншоте ниже:

Когда появится окно Цветовая палитра (Color Picker), введите следующее значение оттенка цвета:

Итак, мы установили желаемый цвет кисти для осветления, теперь мы можем применить кисть, не забудьте, что слой Light 1 (Light 1) был активен:

Результат:

Затем создайте еще один слой, назовите этот слой Light 2 (Свет 2).

После создания нового слоя выберите кисть и примените следующие значения:
Размер кисти (Размер кисти): 2500 пикселей
Жесткость (Жесткость): 0%
Непрозрачность (Непрозрачность) : 15%
Давление (Поток): 100%
Цвет (Цвет) #: ceb68d

Теперь применим кисть!

Результат должен быть как на скриншоте.

Когда вы закончите, выберите все созданные вами слои и нажмите Ctrl + G, чтобы сгруппировать все выбранные слои в одну группу.После создания группы переименуйте ее в «Фон».

Примечание: Чтобы переименовать группу, просто дважды щелкните по словам. Группа 1 (Группа 1), чтобы активировать текстовое поле, а затем вы можете ввести любое имя. См. Снимок экрана ниже:

ШАГ 3. Создание Лучника
Теперь мы добавим Лучника, который станет центром нашей композиции. Для начала откройте стоковое изображение Арчера. Как только изображение откроется, выберите инструмент Magnetic Lasso (Magnetic lasso Tool (L) и примените его, чтобы создать выделение вокруг лучника.См. Снимок экрана ниже:

После того, как вы создали выделение вокруг лучника, выберите инструмент. Перемещение (инструмент «Перемещение» (V) и переместите выбранное изображение лучника в наш документ.

Поместите слой лучника поверх фонового слоя, перетащив его наверх.

Назовите этот слой «Лучник» ». Переименование слоя очень просто, как и переименование группы. Просто дважды щелкните текст« Слой 1 »и т. Д., А затем, когда текстовое поле станет активным, вы можете ввести любое имя.

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

Чтобы удалить этот сайт, вам необходимо активировать инструмент. Polygonal Lasso (Polygonal Lasso Tool (L).

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

Результат должен быть таким, как на скриншоте.

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

Выберите инструмент Blur (Blur tool (R) и примените следующие значения:
Размер кисти (Размер кисти): 35px
Rigidity (Hardness): 0%
Mode (Mode) ): Нормальный (Нормальный)
Интенсивность (Сила): 100%

Затем размываем края лучника, как показано на скриншоте ниже:

Результат:

Далее, мы усилим цветовые оттенки лучника, чтобы совместить его с фоном.

Щелкните на слое «лучник» и выберите Изображение — Коррекция — Цветовой баланс (Изображение> Коррекция> Цветовой баланс). Как только появится окно настроек, примените следующие значения:
Уровни (Цветовые уровни): +15, 0, -15
Тональный баланс (Тональный баланс): Среднее значение тона (Средние тона)
Save Glow (Preserve Luminosity): Ставим галочку (Check)

Результат цветокоррекции должен быть как на скриншоте:

Далее будем усиливать тени на лучнике.Сначала создайте новый слой (Ctrl + Shift + N) и назовите этот слой «Fade».

Поместите этот слой поверх слоя лучника и щелкните правой кнопкой мыши по слою, когда появится контекстное меню, выберите опцию Create Clipping Mask (Create Clipping Mask), чтобы тени были видны только на слое с лучник. См. Скриншоты ниже:

Затем выберите кисть и примените следующие настройки для кисти:
Размер кисти (Размер кисти): 400 пикселей
Жесткость (Жесткость): 0%
Непрозрачность (Непрозрачность): 25%
Давление (Поток): 100%
Цвет (Цвет) #: 000000
#: 000000 черный

После того, как вы настроили кисть, давайте создадим тени:

Результат должен быть таким, как на скриншоте:

Выберите все слои, которые вы создали на этом шаге, а затем нажмите Ctrl + G, чтобы сгруппировать слои в одну группу.Назовите эту группу: «Лучник».

ШАГ 4. Создание горящей стрелы
На этом этапе мы добавим пламя к стреле лучника, что сделает ее более смертоносной и эффективной. Сначала создайте новый слой (Ctrl + Shift + N) поверх группы «лучник» и назовите этот слой «огонь 1».

Затем выберите инструмент кисти и примените следующие настройки для кисти:
Размер кисти (Размер кисти): 600 пикселей
Жесткость (Жесткость): По по умолчанию (по умолчанию)
Непрозрачность (Непрозрачность): 100%
Давление (Поток): 100%
Цвет (Цвет) #: fff992

Теперь применим кисть:

Результат должен быть как на скриншоте :

Затем создайте еще один слой (Ctrl + Shift + N) и назовите этот слой «огонь 2».

Теперь мы используем кисти «Пламя», поэтому выберите инструмент «Кисть» и щелкните правой кнопкой мыши документ, чтобы появилось окно настроек. Как только появится окно настроек, щелкните раскрывающееся меню и выберите опцию Загрузить кисти (Загрузить кисти).

После того, как вы выбрали опцию Загрузить кисти (Загрузить кисти), выберите кисти из каталога, в котором вы сохранили загруженные кисти (поскольку вы загрузили кисти на свой компьютер, имена кистей будут «Ассорти огненные кисти от skippy3e»), а затем нажмите «ОК».

Теперь при входе в окно настроек кисти вместо стандартных кистей вы увидите множество кистей для создания пламени.

Итак, давайте выберем эту кисть для создания:

После того, как вы выбрали кисть, примените следующие настройки для кисти:
Размер кисти (Размер кисти): 1400 пикселей
Жесткость (Жесткость): By по умолчанию (По умолчанию)
Непрозрачность (Непрозрачность): 100%
Давление (Поток): 100%
Цвет (Цвет) #: ffb32e

Итак, применим кисть:

Результат должен быть как на скриншоте:

Затем создайте новый слой (Ctrl + Shift + N) и назовите его «fire 3».

Активируйте инструмент кисти и выберите кисть, как показано на скриншоте:

Примените следующие настройки:
Размер кисти (Размер кисти): 1500px
Жесткость (Жесткость): По по умолчанию (По умолчанию)
Непрозрачность (Непрозрачность): 100%
Давление (Поток): 100%
Цвет (Цвет) #: fffbb4

Итак, давайте применим кисть:

Результат должен быть как на скриншоте:

Затем еще раз создайте новый слой (Ctrl + Shift + N), а затем назовите этот слой «огонь 4».

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

Теперь, когда кисти восстановлены, примените следующие настройки для кисти:
Размер кисти (Размер кисти): 700 пикселей
Жесткость (Жесткость): 0%
Непрозрачность (Непрозрачность): 15%
Давление (Поток): 100%
Цвет (Цвет) #: ff8400

И давайте применим кисть:

Результат:

Создайте новый слой снова, назовите этот слой « огонь 5 ”.Активируйте кисть. Давайте снова загрузим кисть Flame. Примените эту кисть:

Примените следующие настройки для кисти:
Размер кисти (Размер кисти): 2500 пикселей
Жесткость (Жесткость): По по умолчанию (по умолчанию)
Непрозрачность (Непрозрачность): 15%
Давление (Поток): 100%
Цвет (Цвет) #: b76206

Итак, применим кисть:

В результате получится оранжевое свечение:

Затем создайте новый слой, назовите этот слой «fire 6».

Активируйте инструмент «Кисть», затем восстановите кисть и примените следующие настройки:
Размер кисти (Размер кисти): 1000 пикселей
Жесткость (Жесткость): 0%
Непрозрачность (Непрозрачность) : 15%
Давление (Поток): 100%
Цвет (Цвет) #: ffa415

Применим кисть:

Результат:

Затем создайте новый слой, имя этот слой «огонь 7».Выберите инструмент «Кисть» и загрузите кисть «Звезды». Откройте окно настроек и выберите эту кисть:

Итак, примените следующие настройки для кисти:
Размер кисти (Размер кисти): 1100px
Жесткость (Жесткость): 0%
Непрозрачность (Непрозрачность): 100%
Давление (Поток): 100%
Цвет (Цвет) #: ffd56c

Применим кисть:

Результат:

Сгруппируйте все слои, которые вы созданный на этом шаге (Ctrl + G), а затем назовите эту группу «Огонь».

Шаг 5. Усильте свет, создаваемый пламенем.
Теперь проведем коррекцию света и теней, создаваемых огненной стрелой. Перед тем, как начать, создайте новый слой (Ctrl + Shift + N) поверх группы «огонь»; Назовите этот слой «свечением». Активируйте инструмент кисти, а затем восстановите стандартные кисти. Затем примените следующие настройки:
Размер кисти (Размер кисти): 700 пикселей
Жесткость (Жесткость): 0%
Непрозрачность (Непрозрачность): 15%
Давление (Поток): 100 %
Color (Цвет) #: ffc262

Теперь давайте создадим область свечения вокруг огненной стрелы:

Результат должен быть как на скриншоте.

Затем создайте новый слой, назовите этот слой «Fade 1». Активируйте инструмент кисти и затем примените к кисти следующие значения:
Размер кисти (Размер кисти): 600 пикселей
Жесткость (Жесткость): 0%
Непрозрачность (Непрозрачность): 25%
Давление (Flow): 100%
Color (Color) #: 000000

Применим кисть:

Результат должен быть как на скриншоте.

Затем создайте еще один слой, назовите этот слой «Fade 2».

Выберите кисть и примените следующие значения:
Размер кисти (Размер кисти): 600 пикселей
Жесткость (Жесткость): 0%
Непрозрачность (Непрозрачность): 15%
Давление ( Flow): 100%
Color (Color) #: 000000

Применим кисть:

Результат должен быть как на скриншоте.

ШАГ 6.Создание виньетки
На этом этапе мы узнаем, как создать виньетку, которая поможет нам усилить фокус на нашем основном объекте. Перед началом зайдите в меню File — New (File> New) и примените те же настройки, которые мы использовали для создания нашего документа. (Ссылка на шаг 1).

Обратите внимание, что фоновое содержимое должно быть: БЕЛЫЙ (БЕЛЫЙ).

После создания нового документа перейдите Фильтр — Искажение — Коррекция искажения (Фильтр> Искажение> Коррекция линзы).Найдите настройки для создания эффекта виньетки и примените следующие значения:
Виньетка Эффект (количество виньетки): -100
Среднее значение балла (Средняя точка): +50

Теперь, когда вы создали виньетка, переместите ее в наш документ с помощью инструмента. Перемещение (инструмент «Перемещение» (V) и поместите слой виньетки поверх всех созданных нами слоев, а затем измените режим наложения и непрозрачность слоя:

Режим наложения (режим наложения): Умножение (Умножение)
Непрозрачность (Непрозрачность) 40%

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

Режим наложения Нормальный (Нормальный) для слоя виньетки будет выглядеть так:

Режим наложения Умножение (Умножение) для слоя виньетки будет выглядеть так:

ШАГ 7. Добавьте гранжевую текстуру.
Теперь мы добавим текстуру, чтобы придать изображению ощущение старины и секретности. Перед тем, как начать, откройте стоковое изображение «Грандж текстуры 4».Выберите инструмент Перемещение (инструмент Перемещение (V) и переместите текстуру в наш документ, поместите слой текстуры поверх слоя виньетки ..

Расположите, как показано на скриншоте ниже:

Активируйте инструмент Преобразование (инструмент Transform (Ctrl + T) и масштабирование текстуры, как на скриншоте ниже:

Затем измените режим наложения и непрозрачность для слоя текстуры:
Mode overlay (Blending Mode): Мягкий блеск (Мягкий свет)
Непрозрачность (Непрозрачность): 40%

Результат:

Затем продублируйте слой текстуры (Ctrl + J), а затем примените следующие настройки для duplicate:
Режим наложения (Режим наложения): Умножение (Умножение)
Непрозрачность (Непрозрачность): 100%

Результат:

ШАГ 8.Усиление светлых и цветных оттенков всего изображения.
Теперь мы добавим несколько корректирующих слоев, чтобы улучшить общий вид изображения. Перед тем как начать, создайте корректирующий слой. Gradient Map (Градиентная карта), нажав кнопку на нижней панели настроек. Создайте новый корректирующий слой или слой заливки (Create New Fill / Adjustment layer).

В открывшемся меню выберите следующее:

Измените режим наложения и непрозрачность корректирующего слоя:
Режим наложение (Режим наложения): Мягкий блеск ( Мягкий свет)
Непрозрачность (Непрозрачность): 70%

Затем нажмите кнопку еще раз. Создайте новый корректирующий слой или слой заливки (Create New Fill / Adjustment layer), а затем выберите параметр Hue / Saturation (Hue / Saturation).

Как только появится окно настроек, примените следующие значения:
Edit (Edit): Everything (Master)
Цветовой тон (Hue): 0
Saturation (Saturation): + 25
Яркость (Яркость): 0

Затем создайте новый корректирующий слой. Цвет (однотонный).

Выберите опцию Color (Solid Color), появится окно Выберите цвет заливки (окно Color Picker). Как только это окно откроется, введите номер цветового тона, как на скриншоте ниже.

Затем измените режим наложения и непрозрачность корректирующего слоя:
Режим наложения (Режим наложения): Мягкий свет (Мягкий свет)
Непрозрачность (Непрозрачность): 30%

Затем мы усилим Exposure (Exposure) нашего изображения.Нажмите кнопку . Создайте новый корректирующий слой или слой заливки (Create New Fill / Adjustment layer), а затем выберите опцию Exposition (Exposure).

Когда появится окно настроек, примените следующие значения:
Exposition (Exposure): 0
Shift (Offset): 0.001
Gamma Correction (Gamma Correction): 1.00

Результат должен быть как на скриншоте.

Автор : Майкл Винсент Манало

Как изменить направление стрелки в Photoshop? — AnswersToAll

Как изменить направление стрелки в Photoshop?

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

Как нарисовать изогнутую стрелку краской?

Как вставлять фигуры и стрелки в Microsoft Paint

1. Щелкните вкладку «Главная» на ленте меню MS Paint и выберите «Фигуры».
2. Щелкните готовую фигуру, которую вы хотите вставить в изображение, в раскрывающемся меню в разделе «Фигуры». Доступные формы включают стрелки, круги, овалы, линии, кривые, сердца, молнии и многие другие.

Как рисовать трехмерные фигуры?

С новыми инструментами Paint 3D вы можете легко творить в трех измерениях. В Paint 3D выберите в верхнем меню пункт 3D View. Затем выберите 3D-объект в правом меню и щелкните или коснитесь и перетащите в рабочее пространство, чтобы создать форму.

Как сделать трехмерную сетку краской?

Щелкните вкладку «Просмотр» на ленте Paint. Установите флажок «Линии сетки» в группе «Показать» или «Скрыть». Сетка появится поверх области холста Paint.

Есть ли сетка в Paint 3D?

Добавление линий сетки в Paint 3D Paint 3D не включает встроенную опцию линий сетки, но пользователи по-прежнему могут вставлять прозрачные сетки поверх своих изображений.

Как повернуть 3D в краске?

Как вращать и изменять размер объектов в Paint 3D

1. Откройте новый документ в Paint 3D.
2. Щелкните значок кисти в верхней строке меню и выберите 3D-фигуры.
3. Выберите любую из фигур на правой боковой панели, а затем щелкните и перетащите холст, чтобы разместить его.
4. Чтобы повернуть изображения, возьмите любой из значков в виде полукруга или полукруга справа, сверху или снизу.

Как сделать сетку в Microsoft Word?

Чтобы отобразить линии сетки, в Excel, PowerPoint или Word щелкните вкладку «Вид» и установите флажок «Линии сетки». Чтобы скрыть линии сетки, снимите флажок Линии сетки.

Вы можете редактировать свою сетку в Instagram?

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

Можете ли вы перемещать посты в Instagram?

Перетащите и отпустите, чтобы создать и переупорядочить ваш канал Instagram Хотите переключить его, поменять местами фотографию или переупорядочить фотографии, чтобы получить правильный внешний вид для вашей ленты? Просто нажмите на свое сообщение в виде сетки, перетащите запланированные сообщения и нажмите «Сохранить», когда закончите!

Самый простой способ смешать многократную экспозицию в Photoshop

« Blend If » звучит так же, как если бы вы внезапно перестали говорить на полпути.

Реальная история 🙂

Шутки в сторону, Blend Если на самом деле недооцененный инструмент в Photoshop. Он скрыт в стиле слоев и редко используется или обычно не упоминается фотографами.

Это потому, что большинство из них не знают, что он существует, и даже не знают, как его использовать.

Это ПРОСТОЙ способ смешивания в Photoshop.

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

Подробнее: полное руководство по смешиванию экспозиции.

Редко встречаемая «смесь если»

Итак, где вы ее нашли?

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

Меню Blend if в Layer Style

После открытия панели Layer Style , по умолчанию это то, что вы видите (рисунок выше).Слева вы увидите список вещей, а вверху — Параметры наложения .

Есть много других вещей посередине, но все, на что вам нужно обратить внимание, находится внизу — регулировка ползунка Blend If .

Есть 3 части Blend Если вам следует знать:

1. Выпадающее меню по умолчанию установлено на серый. Щелкните, чтобы переключиться на красный, зеленый или синий канал.
2. Этот слой : внесенные здесь изменения будут применяться только к слою, над которым вы работаете.
3. Нижний слой : внесенные здесь изменения будут применены к нижнему слою.

Как смешать, если работает

Растушевка, если серый

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

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

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

Этот слой

Изменения на ползунке коснутся только слоя, над которым вы работаете.

Обратите внимание на стрелки (обведены красным) на каждом конце. Стрелка влево предназначена для черных , а стрелка вправо — для белых (вы можете увидеть значение от 0 до 255).

Почему вместо теней и светов?

Потому что это « Blend If Gray », и он работает со значением яркости пикселей.

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

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

Исчезают вышележащие черные

(2) Если вы переместите стрелку для белых влево на (в сторону черных), самый белый цвет начнет исчезать на слое, над которым вы работаете.Другими словами, пикселя СПРАВА от белой стрелки будут прозрачными , а пикселя СЛЕВА от белой стрелки будут видны . (рисунок ниже)

Исчезают вышележащие белые цвета

Нижний слой

Изменения на этой ползунке коснутся нижнего слоя, а НЕ слоя, на котором вы находитесь.

(1) Если вы переместите черную стрелку вправо (в сторону белых), будут показаны черных, которые находятся под текущим слоем .

(2) Если вы переместите белую стрелку влево (в сторону черных), будут показаны белых, которые находятся под текущим слоем .

Выявлены нижележащие белые

Расщепление стрел

Вы, наверное, уже заметили, что в середине каждой стрелки есть вертикальная линия. Если вы удерживаете opt (Mac) или alt (Win) + щелкните, чтобы переместить половину стрелки, она разделится.

Перемещение половины стрелки делает изменения на изображении более плавными, подобно эффекту растушевки.

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

Примеры из практики

Пример 1: Смешивание 2 изображений

Что все это означает на практике? Как это поможет в вашем рабочем процессе?

Давайте рассмотрим несколько примеров.

Я сделал это в Национальном парке Нортумберленд в Англии. Не повезло, потому что весь день стояла туманная погода. Я пошел к этому знаменитому Сикаморовому дереву, и вот что у меня получилось.

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

Выполните следующие действия:

1. Откройте оба файла как слои в Photoshop с изображением голубого неба поверх изображения дерева. Изображение неба меньше, поэтому измените размер и сделайте его больше, чтобы оно соответствовало кадру.
2. Выберите изображение голубого неба и дважды щелкните, чтобы открыть панель Layer Style .
3. Поскольку мы хотим, чтобы передний план нижележащего слоя был открыт , мы будем использовать стрелки в нижележащем слое .
4. Переместите черную стрелку в нижележащем слое вправо примерно до 140, разделите стрелку и переместите правую половину стрелки дальше вправо примерно до 190.

Смешано с помощью blend if

Вот и все! ЭТО НАСТОЛЬКО ПРОСТО! В результате получается чистое и идеально сочетающееся изображение.

Передний план слишком яркий, учитывая, что источник света исходит из-под холма.Вы можете использовать Overlay Gradient на панели Layer Style , чтобы добавить тени, чтобы сделать его более естественным.

Тени, добавленные с помощью перекрывающего градиента на панели «Стиль слоя»

Пример 2: Защита теней или светлых участков

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

Представьте, насколько мощным Blend If может быть , если вы освоите его и примените в своем рабочем процессе.

Возможности безграничны!

Мы собираемся использовать изображение замка Сант-Анджело, которое я сделал в Риме, Италия.

Снимок сделан на восходе солнца. Справа вы видите красивый золотой свет.

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

Корректировка кривых, влияющая на все изображение

Чтобы защитить тени на переднем плане, все, что вам нужно сделать, это:

1. Дважды щелкните корректирующий слой кривых, чтобы открыть панель Layer Style .
2. Мы хотим, чтобы черный цвет на этом слое (корректирующий слой кривых) исчез, поэтому мы внесем коррективы на ползунке на This Layer .
3. Перетащите черную стрелку вправо примерно на 30, разделите ее и переместите вправо примерно на 140.

Это то, что вы должны увидеть после.

Тени на переднем плане защищены от корректировки кривых.

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

Заключение

Blend If — это простой в использовании инструмент в Adobe Photoshop, который поможет вам быстро смешать изображения или настройки без каких-либо сложных шагов.

Это недооцененный, мощный инструмент, который вам стоит попробовать.

Дополнительные уроки по смешиванию см. На странице ресурсов по смешиванию экспозиции!

Добавьте стильные стрелки к изображениям в Photoshop

Стрелки удобны для быстрого наведения и фокусировки на сложном снимке экрана.Вы можете легко оживить свои снимки экрана, добавив стильные стрелки. Это можно сделать с помощью инструмента Custom Shape tool в Adobe Photoshop. Он позволяет быстро добавлять к фотографиям изогнутые, полужирные, тонкие и другие формы стрелок.

Вставка стрелок на снимки экрана фотографий в Photoshop

1. Запустите программу Photoshop и выберите Файл> Открыть , чтобы открыть снимок экрана фотографии, на который вы хотите добавить стрелки.

В качестве альтернативы вы можете нажать клавишу Print Scrn , чтобы сделать снимок экрана рабочего стола.(нажмите одновременно клавиши Alt и Print Scrn , чтобы захватить только активное окно). Затем нажмите клавиши Ctrl + N, чтобы открыть пустой холст, и нажмите клавиши Ctrl + V, чтобы вставить снимок экрана. Продвигаемся вперед, сделав снимок экрана программы «Калькулятор» в Windows 7.

2. Щелкните инструмент Custom Shape на левой панели. Новые параметры должны появиться в верхней строке меню: щелкните параметр инструмента «Пользовательская форма» в строке меню, чтобы получить параметры формы.

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

4. Если параметры стрелок отсутствуют в списке, вы можете загрузить формы стрелок в Photoshop. Нажмите кнопку со стрелкой вправо в раскрывающемся меню фигур, а затем нажмите кнопку «Загрузить фигуры», чтобы импортировать фигуры стрелок в Photoshop.

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

6. Вы можете дополнительно настроить его, изменив форму и направление стрелки.Нажмите Ctrl + T клавиши , чтобы получить линии сетки для изменения. Используйте углы, чтобы повернуть стрелку и средние маркеры на , чтобы изменить размер стрелки по горизонтали или вертикали.

7. Чтобы настроить цвет , щелкните параметр цвета в верхней строке меню. Выберите цвет стрелки на изображении.

Точно так же вы можете добавить несколько стрелок к любому изображению, используя вышеуказанную процедуру. Если Adobe Photoshop слишком интересный вариант, вы можете добавить стрелки онлайн с помощью редактора Aviary Falcon для редактирования изображений.

.