Рисуем стрелку в Фотошопе

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

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

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

Рисование с помощью линий

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

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

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

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

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

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

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

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

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

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

Другие способы

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

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

Кручу, верчу, указать хочу..

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

Ну тут даже вопросов возникать не должно. Я думаю, о том, как повернуть изображение в фотошопе, вы уже знаете. Так вот тут всё то же самое. Естественно проще всего сделать это с помощью трансформации (CTRL+T).

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

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

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

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

Также вы можете пойти учиться на веб-дизайнера (как и я), чтобы овладеть фотошопом в совершенстве. Уверен, что будет круто! Жду-не дождусь своего обучения).

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

Источник: //koskomp.ru/adobe-photoshop/kak-narisovat-strelku-v-fotoshope/

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

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

Спешу вас обрадовать, в Adobe Photoshop сделать это можно очень быстро, и никаких глубоких знаний механики программы для этого не требуется. В этом уроке, авторство которого на английском языке изначально принадлежит сайту psd-tutorials.com, я расскажу вам как можно быстро и качественно наложить стрелочки на картинку. 
1.

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

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

3. Теперь выберите Custom Shape Tool (Произвольная фигура) на панели инструментов с фигурами. 4.

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

Теперь отройте любое изображение, на которое наобходимо нанести стрелочку, и нарисуйте мышкой стрелочку нужного размера. Чтобы улучшить её дизайн, примените к ней один из скачанных стилей слоя. Сделать это можно на панельке стилей (Styles). 

6.

Чтобы иметь возможность вращать стрелочку или изменять её размер, поставьте галочку сверху Show Transform Controls. Ну, а если её не ставить, можно просто нажать Ctrl-T при выделенном слое со стрелочкой и провести все необходимые трансформации. 

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

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

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

Только обратитесь к ним – и их профессионалы приведут вашу компьютерную сеть в полный порядок.

|

ffix1975А в этом посте я поделюсь с вами несколькими советами от разработчиков Adobe касаемо масок в After Effects, следуя которым вы сможете сэкономить ваше время и уберечь себя от выполнения части работы впустую. 

• После того, как вы начали рисовать маску, немедленно нажмите комбинацию клавиш  Alt+Shift+M. Это включит ключевые кадры для формы маски и установит ключевой кадр на текущем кадре. Это очень полезно, когда вы редактируете маску покадрово. Привыкнув нажимать эту комбинацию клавиш в самом начале работы с маской, у вас никогда не получится того, что после нескольких минут покадрового редактирования маски, вы внезапно осознаете, что делали это впустую, поскольку ключевые кадры не сохранились. 
• Рисуйте маску на слое-заливке сверху рабочего слоя, предварительно сделав эту заливку невидимой. Это убержёт вас от случайного перемещения слоя с видео, если вы, редактируя маску, ненароком кликните не туда, а также ускорит применение функции трекинг к этой маске. Это происходит потому, что вы не будете каждый раз терять загруженное в оперативную память превью, и оно не будет загружаться каждый раз снова и снова, подвешивая вашу систему. В результате работа в AE не будет занимать так много времени.
• Обязательно включите опцию Preserve Constant Vertex Count
• Если это возможно, при трансформировании маски (вращении, перемещении, масштабировании), транформируйте её сразу всё или хотя бы часть несколько вместе выделенных вершин. Не перетягивайте узелки по отдельности, поскольку это может привести к разрушению общей формы маски. 
• Отслеживание кадров при помощи трэкинга занимает гораздо больше времени, чем делать это вручную покадрово (или как называют этот процесс специалисты – ротоскопинг). Поэтому, прежде чем заниматься ротоскопингом, попробуйте сначала провести трекинг – он срабатывает далеко не в каждой ситуации, и тем не менее стоит попробовать.

Источник: //ffix1975.livejournal.com/49614.html

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Пока-пока.

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

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

Источник: //foto-matrix.ru/kak-narisovat-strelku-v-fotoshope-neskolkimi/

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

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

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

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

Метод для новичков или идеальная стрелка за пару минут

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

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

Многие новички, а опытные пользователи и подавно, побаиваются брать изображение из Google или Яндекс. Авторские права и все такое прочее. К счастью, я, а теперь и вы, владеете потрясающей ссылкой: //photoshop-master.ru. Отсюда можно брать все, что необходимо для работы с дизайном абсолютно бесплатно.

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

В поисковую строчку вписываем «Стрелки» и нажимаем Enter.

Переходим в раздел «Дополнения».

Переходим к скачиванию.

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

Открываем архив.

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

Вы сможете увидеть какие именно рисунки вам предлагают.

Выбираем, например, стрелку по кругу. Щелкаем правой кнопкой мыши по файлу и открываем при помощи фотошопа.

Можно перетащить файл мышкой в открытую программу через меню пуск внизу экрана.

Или перенести при помощи двух открытых папок (одна над другой).

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

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

Итак, вот наша стрелка и открылась.

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

При помощи кнопок Ctrl + A выделяем объект, Ctrl + С копируем его.

Осталось только вставить фотку в новый документ при помощи Ctrl + V.

Можете увеличить, уменьшить или растянуть, нажав на Ctrl + Т. Следите, чтобы подсвечивался новый слой, иначе ничего не получится.

Вот такую картинку я сделал. Вариант очень быстрый и простой.

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

Метод посложнее с возможностью обработки для новичков

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

Обращайте внимание на формат и скачивайте понравившийся вариант.

Файл можно открывать прямо из папки. Справиться с этой задачей может только программа Adobe Photoshop. Никакая другая его открыть не сможет.

Примерно вот это вы увидите. Посмотрите, как много слоев!

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

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

Допустим, вам нужна самая левая кнопочка. Щелкните по первому слою, а затем удерживая кнопку Ctrl, и по второму. Чтобы они оба выделились.

Теперь верните видимость и выберите инструмент перемещение.

Перетащите кнопку в новое окно.

Готово. Вы забрали кнопку себе. Можете сохранить как PNG или использовать прямо сейчас.

Кисти и снова простой способ для новичков

Помимо всего прочего, на сайте //photoshop-master.ru есть еще и кисти. Способ, который могут использовать как новички, так и более продвинутые пользователи. Итак, выбираем кисти.

Скачиваем.

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

Далее открываем программу и находим инструмент кисть.

Загружаем кисти.

Находим этот файл, abr.

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

Меняем цвет.

Кликаем по предполагаемому месту. Готово.

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

Готово. Теперь можно менять размер.

Зажмите уже знакомый CTRL+T и можете сделать стрелку с поворотом, увеличить или уменьшить масштаб.

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

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

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

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

Чтобы увеличить толщину – поставьте свои указатели в форме, как на скриншоте ниже.

Теперь стрелка пожирнее.

Можно убрать обводку и добавить заливку на свой вкус, без труда можно сделать наоборот. Экспериментируйте.

Почти идеальный вариант

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

Далее открываем раздел фигуры.

Кликаем по гаечке и выбираем стрелки, чтобы отфильтровать все ненужное.

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

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

Потяните мышью по холсту и у вас появится новое изображение.

Градиенты можно создавать, если не умеете, то можете найти статью в моем блоге на эту тему, а можете добавить готовые схемы с фотошоп-мастера. Это вы уже умеете.

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

Можете рисовать пунктиром, для этого есть специальная вкладка.

Ну а для того, чтобы фигура «смотрела» вниз используйте CTRL + T.

Самый идеальный вариант

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

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

Зато это уже совсем другой уровень! Если захотите овладеть фотошопом на 100% я рекомендую вам курсы Зинаиды Лукьяновой, одной из создательниц проекта «Фотошоп-мастер», с которого я вам сегодня целый день предлагаю скачать всякие бесплатные примочки. На этом сайте вы также можете найти кучу уроков, которые разделены по уровням сложности.

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

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

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

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

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

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

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

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

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

Источник: //start-luck.ru/photoshop/kak-v-fotoshope-narisovat-strelku.html