О чем думаете?

  - Рубрики

  - Поиск по дневнику

люди , музыка , видео , фото
Поиск сообщений в Гуррри

  - Подписка по e-mail

 
Получать сообщения дневника на почту.

  - Статистика

Дата регистрации: 09.01.2010
Записей в дневнике: 2125
Комментариев в дневнике: 15322
Написано сообщений: 23342
Популярные отчеты:
кто смотрел дневник по каким фразам приходят

Рисование - фигуры

Четверг, 06 Октября 2011 г. 01:29 ( ссылка ) + в цитатник

Цитата сообщения MissKcu

Рисование - фигуры
 

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

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

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


 

 

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



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



  • режим рисования:
  • стиль и цвет фигуры

  • задать параметры, характерные для этой фигуры

Рисуем прямоугольники

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



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

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



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

Теперь выберите -произвольно- и растяните мышкой ваш прямоугольник на холсте. Вот, например, что получилось у меня при использовании стилей 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 пикселов.

Ко всем применен стиль.

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

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



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

 


Рисуем несколько фигур в одном слое

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

 


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

 


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

 


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

Сохраняем фигуры

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



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

 

Серия сообщений " Инструменты фотошопа ":
Часть 1 - инструмент
Часть 2 - инструмент
...
Часть 20 - Рисование - кисть и карандаш
Часть 21 - Архивная кисть и панель "История"
Часть 22 - Рисование - фигуры
Часть 23 - Контуры и растровые изображения
Часть 24 - Рисование - инструмент перо
...
Часть 26 - Инструменты ретуширования
Часть 27 - Инструменты коррекции изображений
Часть 28 - Эффекты текста

Серия сообщений " Компьютер ":
Часть 1 - Защищен ли ваш компьютер от удаленного доступа?
Часть 2 - КАК РАБОТАТЬ С САЙТОМ, ГДЕ МОЖНО НАЛОЖИТЬ ТЕКСТ НА ФОТО
...
Часть 5 - Фотогенератор
Часть 6 - Сайт для дневника!
Часть 7 - Рисование - фигуры
Часть 8 - Автоматическое выключение компьютера
Часть 9 - Интересные Горячие Клавиши, о которых вы не знали
...
Часть 22 - 19 апреля 2012, Бесплатный вебинар «Исследование потенциала вашего бизнеса для продвижения в интернете»
Часть 23 - Что такое прокси?
Часть 24 - Линии

Теги: рисование  

MissKcu    241 0 +2 обратиться по имени Четверг, 06 Октября 2011 г. 11:17 ( ссылка )
Ответить   С цитатой   В цитатник
Гуррри    278 0 +7 обратиться по имени Четверг, 06 Октября 2011 г. 12:55 ( ссылка )
Ответить   С цитатой   В цитатник
 

Добавить комментарий:
Текст комментария:   показать смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
Подписаться на комментарии
Подписать картинку