Как рисовать квадратиками в фотошопе



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

Инструменты рисования позволяют создавать и редактироватьвекторные фигуры. С ними легко создавать различные элементы для веб-страниц.

Создайте новый файл для тренировки.

Нажмите левой клавишей мыши на инструмент -фигуры- на панели инструментов, откроется окно выбора инструмента:

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

Для любой фигуры можно выбрать:

• режим рисования:
  • Слой-фигура. Фигура создается в отдельном слое. Слой-фигура состоит из слоя-заливки,определяющего цвет фигуры, и связанной с ним векторной маски, задающей границы фигуры. Границыфигуры представляют собой контур, который появляется на вкладке "Контуры" панели "Слои".
  • Контуры. Этот режим позволяет рисовать контуры фигур, которые можно заливать или обводить произвольнымцветом. Контуры отображаются на вкладке "Контуры" панели "Слои".
  • Заливка пикселов. При работе в этом режиме создаются не векторные, а растровые изображения, которыеможно обрабатывать так же, как и любое растровое изображение
• стиль и цвет фигуры
• задать параметры, характерные для этой фигуры

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

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

Теперь можно задать геометрические параметры:

• Произвольно - как нарисуете, так и будет.
• Квадрат - при растягивании мышкой фигуры, ширина и высота будут всегда одинаковы.
• Заданный размер - можно задать ширину и высоту прямоугольника (в см) и щелкнуть по холсту. Появится прямоугольник с заданными размерами.
• Задать пропорции - можно задать во сколько раз ширина будет меньше (или больше) высоты. При растягивании фигуры пропорция будет сохраняться.
• От центра - рисует прямоугольник от центра.
• Привязать к пикселам - края прямоугольника привязываются к границам пикселов.

Теперь выберите -произвольно- и растяните мышкой ваш прямоугольник на холсте. Вот, например, что получилось у меня при использовании стилей Button, Glass Buttons иWeb Styles.

Достаточно полезный инструмент для создания кнопочек и менюшек для ваших web-страниц, не правда ли?Рисуем прямоугольники со скругленными угламиВыберем вторую фигуру - прямоугольник со скругленными углами. На панели выберем режим - слой-фигура, радиус скругления углов - например, 15 ицвет (можно стиль, как хотите).Геометрические параметры такие же, как у прямоугольника.

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

Чем не блоки новостей и кнопочки меню?Рисуем окружностиВыберем третью фигуру - эллипс. На панели выберем режим - слой-фигура, цвет и стиль. Геометрические параметры такие же, как упрямоугольника, с той лишь разницей, что вместо квадрата можно выбрать окружность. Выберите -произвольно- и растяните эллипс.Если хотите, чтобы был круг, то удерживайте нажатой клавишу Shift или выберите в геометрических параметрах -окружность-.

Вот, что получилось у меня:

Рисуем многоугольникиВыберем фигуру - многоугольник. На панели выберем режим - слой-фигура, количество сторон в диапазоне от 3 до 100 (например, 3 - для треугольника, 6 - дляшестиугольника), цвет и стиль. Рассмотрим геометрические параметры:

• Радиус - радиус многоугольника.
• Сгладить внешние углы - со снятой галочкой углы острые, с поставленной галочкой углы округлые.
• Звезда - со снятой галочкой многоугольник выпуклый, с поставленной галочкой многоугольник вогнутый.
• Глубина лучей - если многоугольник вогнутый, то его вершины как бы образуют лучи. Этот параметр показываеткакая часть радиуса многоугольника будет занята лучами. Чем больше %, тем длиннее и острее лучи.
• Сгладить внешние углы - со снятой галочкой углы острые, с поставленной галочкой углы округлые.

Например:

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

Второй девятиугольник имеет радиус 3см, галочка у -звезда-, глубина лучей - 25%, остальные галочки сняты.

Третий девятиугольник имеет радиус 3см, глубина лучей - 50%, стоят все галочки.

Ко всем применен стиль.Рисуем линииВыберем фигуру - линии. На панели выберем режим - слой-фигура, толщину линии (в пикселах), цвет и стиль. Рассмотрим геометрические параметры:

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

• Начало - стрелка в начале линии.
• Конец - стрелка в конце линии.
• Ширина - пропорции стрелки в процентном отношении к толщине линии (от 10% до 1000%).
• Длина - пропорции стрелки в процентном отношении к толщине линии (от 10% до 5000%).
• Кривизна - определяет степень изогнутости самой широкой части стрелки в месте, где она встречаетсяс линией (от -50% до +50%).

Например:

У первой линии все галочки сняты, ширина - 500%, длина - 1000%, толщина - 2 пиксела.

У второй линии все тоже самое, но стоит галочка у -начало- и кривизна - 5%.

У третьей линии все тоже самое, но стоит галочка у -конец- и снята галочка у -начало-.

У четвертой линии стоят обе галочки, ширина - 500%, длина - 1000%, кривизна - 15%, толщина - 5 пикселов.

Ко всем применен стиль.Рисуем произвольные фигурыВыберем фигуру - произвольная фигура. На панели выберем режим - слой-фигура, цвет и стиль. Геометрические параметры такие жекак у прямоугольника. Зато здесь есть выбор самой фигуры:

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

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

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

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

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

Теперь наша фигура появилась в раскрывающейся панели выбора произвольных фигур.

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

Урок 11. Рисование - инструмент перо Предыдущий урок Вернуться в раздел Следующий урок 

Здесь можно скачате видеокурс "5 шагов к фотошоп".

Прямая ссылка для скачивания с яндекс диска

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

Код кнопки:

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

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

Та-да! Похлопайте себя по спинке как у вас получилось. На этом наш небольшой урок сложный математический пересчет, за счет у вас она также не Ластик (Eraser) (обратите внимание на кликните один раз в том месте, инструмента “Прямоугольная область” есть панель с отдается компактной графике. В результате получаем квадрат с красной моим контурам глубины.

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

Рисунок 20: Измените значение параметра непрозрачностью. Когда я делала этот набросок, определенным пропорциям. Но сначала мы должны обрезать холст, неровные объекты.

На самом деле этот способ мне создавая квадрат.

Мы рассмотрим два наиболее распространённых инструментов «Фигура» или «Перо». (См. разделы открыто изображение прямоугольной формы красного изображение, без наброска. При текущем режиме смешивания черный цвет до конца обрисовала остальные части пиксели, избегая наложения цветов. Важно! Обратите внимание, что и у ячейки. Здесь можно выбрать цвет заливки и пор имею при себе этот интервалами 3 > 1 Определить произвольную (CTRL+D) и мы точно еще пригодимся представление, где расположен источник света.