Первые шаги

Author
Анна Петрова
Senior UX Designer @ TechCorp

☛Уроки Photoshop ✎
★★★★☆
3.9 / 5 (57 оценок)



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

Растровая и векторная графика

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

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


Предыдущая   -    Страница: 3 из 7    -   Следующая

Навигация: 1  2  3  4  5  6  7  
#UX #UI #Дизайн #Доступность
Author

Анна Петрова

Senior UX Designer @ TechCorp

Более 10 лет опыта в дизайне пользовательских интерфейсов. Работала с компаниями из списка Fortune 500. Спикер на международных конференциях по дизайну.

Комментарии (5)

Оставить комментарий

Ваш email не будет опубликован

М
Михаил Сидоров

15 Января 2026

Отличная статья! Особенно понравился раздел про визуальную иерархию. Обязательно применю эти принципы в своём следующем проекте.

Е
Елена Козлова

20 Декабря 2025

Спасибо за подробное объяснение принципов доступности. Многие дизайнеры недооценивают эту тему, а зря!

А
Алексей Новиков

17 Ноября 2025

Could you share more about design systems? Would love to see a dedicated article on that topic!

Понравилась статья?

Подпишитесь на нашу рассылку и получайте новые материалы каждую неделю