Posts Tagged ‘рисование’

Тег CANVAS: рисование на веб-странице (ч.1)

Воскресенье, Май 6th, 2012 Нет комментариев

Under : , , , , , ,

Продолжаем знакомство с возможностями новой версии языка HTML под номером 5, поддерживаемой Internet Explorer  9 и другими современными веб-браузерами. На этот раз мы поговорим о новых графических возможностях HTML 5. Они включают тег <CANVAS> и средства для программного рисования прямо на веб-странице. Мы, как веб-дизайнеры, давно об этом мечтали…

1. Прошлое и настоящее веб-графики
Начнём с того, что совершим небольшой экскурс в историю веб-графики, рассмотрим, что нам предлагала предыдущая версия HTML — 4.01, и выясним, что стоит ждать от HTML 5.
(далее…)

Тег CANVAS: рисование на веб-странице (ч.2)

Воскресенье, Май 6th, 2012 Нет комментариев

Under : , , , , ,

Продолжаем рассматривать канву HTML 5 — средство для программного рисования прямо на веб-странице.

8. Рисование сложных фигур
Но чтобы нарисовать более-менее сложную картинку, одних только прямоугольников недостаточно. Поэтому канва предоставляет нам средства для рисования сложных фигур, контур которых состоит из произвольного количества сегментов — прямых и кривых линий, соединённых друг с другом. Сейчас мы узнаем, как пользоваться этими средствами. (далее…)

Тег CANVAS: рисование на веб-странице (ч.3)

Воскресенье, Май 6th, 2012 Нет комментариев

Under : , , , , , ,

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

9. Задание цвета линий контура и заливок
Было бы странно, если бы канва не предоставляла средств для указания цвета линий и заливок. Разумеется, она позволяет это сделать! Причём поддерживаются как сплошные, так и градиентные цвета. А ещё мы можем использовать в качестве цвета любое графическое изображение!
(далее…)

Тег CANVAS: рисование на веб-странице (ч.4)

Воскресенье, Май 6th, 2012 Нет комментариев

Under : , , , ,

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

Для задания толщины линий контуров используется свойство lineWidth объекта CanvasRenderingContext2D. Значение толщины должно быть указано в виде числа в пикселах.
(далее…)

Тег CANVAS: рисование на веб-странице (ч.5)

Воскресенье, Май 6th, 2012 Нет комментариев

Under : , , , , ,

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

Отметим, что преобразования затрагивают только систему координат канвы. Уже присутствующая на ней графика останется неизменной. Однако графика, которую мы нарисуем после этого, будет выводиться уже в изменённой системе координат. (далее…)

Техника рисования

Среда, Апрель 18th, 2012 Нет комментариев

Under : , , , ,

Некоторые люди спрашивают, как я рисую. Показываю: Но учтите, то, что подходит мне, может не подойти вам. Прежде чем придти к тому, как я рисую сейчас, я очень много работал. И каждый раз, когда я рисую что-то новое, я делаю это немножко по-другому. Если вы сможете достать цифровые панели WACOM, это вам очень поможет (одна стоит около $200). Рисование мышкой просто отдыхает. Конечно, можно достать и другие инструменты, но все же настоятельно рекомендую WACOM. Я использовал 6×8 ARTzII 6×8, которую я купил пару лет назад и Adobe Photoshop 3.05, с помощью которого все рисую.

Ну что ж, начнем шоу… (далее…)

Имитация фактуры натуральных материалов и объема

Среда, Апрель 18th, 2012 Нет комментариев

Under : , , , ,

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

Flash 5. Шаг второй: основные инструменты рисовани

Понедельник, Апрель 16th, 2012 Нет комментариев

Under : , , , ,

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

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

Впрочем, есть и совершенно оригинальные инструменты. (далее…)

Обзор плагинов от Extensis для Adobe Photoshop

Четверг, Апрель 10th, 2008 Нет комментариев

Under : , , , , ,

Кто бы мог подумать, что всего лишь год назад я и слыхом не слыхивал ни о какой Extensis. Ну не знал я о существовании такой интересной компании… о Кае Краузе знал, о Андромеде знал… еще о нескольких… но про это компанию почему-то ничего не слышал. И вот как-то раз разглядывая пришедший мне очередной выпуск Binocle (сетевое обозрение такое), я наткнулся на сообщение о том, что известная компания Extensis производит набор бета-тестеров для тестирования их суперпродукта PhotoTools 3.0 (далее перечислялись возможности список которых очень вдохновлял на вступление в ряды бета-тестеров). И я вступил и с тех пор полюбил все то что эта компания сделала. (далее…)