Электронная почта

itstrogino@yandex.ru

Компьютерная графика

Для создания этого сайта были нарисованы графические объекты и баннеры в photoshop и illustrator. Любой рекламный продукт рисуют дизайнеры. Это может быть растровая или векторная графика или 3Д. К примеру любой сайт или любая реклама без компьютерной графики сейчас уже сложно представить. Даже для печати буклета или листовки, необходимо  создать файл на компьютере. А если нужно напечатать 1000 листовок, то на печатать уже не выгодно. Для печати большого тиража пользуются услугами типографии, которые принимают в работу только подготовленные изображения в векторном или растровом формате. У каждой типографии свои требования. В нашем сервисе вы можете получить любой формат изображения для типографии, макет для сайта, баннеры, фирменный стиль и др. 

Описание программы Photoshop для работы с растровой графикой.

Описание программы Illustrator для работы с векторной графикой.

Описание программы 3D max для работы с 3Д графикой.

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

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

Какую графику выбрать растровую или векторную 

Storage

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

rastrum - с латыни переводится как "решётка". Это набор точек (пикселей) разных цветов одинакового размера и формы. Если  максимально приблизить растровое изображение то будет видно цветные квадратики, напоминающие решётку. Квадратики эти заполняют пространство определенного размера а наш мозг воспринимает это как единое изображение. Популярные растровые форматы - GIF,  JPEG, PNG.

Статья про растровую графику. 
Особенность таких рисунков как раз в том, что при приближении мы получаем размытые разноцветные участки с неточными краями как мозаика -  в этом и состоит особенность растровой графики. Качество изображения зависит от количества пикселей, но с условием что это не растянутое изображение, если конечно это не 1 пиксель размером 100 на 100 метров и 100 гигабайт ) Если это не измененное изображение, то качество определяется количеством пикселей по ширине и высоте, чем больше пикселей, тем больше оттенков и четче границы и градиенты. Фотография для печати формата А4 состоит примерно из 8 миллионов пикселей. Растровые форматы любят художники, которые привыкли рисовать кистью.

Растровую графику используют для создания фотореалистичных рисунков, цифровых изображений или фотографий. Обычно для создания растрового изображения используют программой - Adobe Photoshop.
К преимуществам растровой графики относят возможность создать изображение большой сложности с огромным количеством деталей, фильтров, наложений и применять широкой цветовой диапазон. Потому растровая графика намного популярнее векторной. С растром проще работать, легче править, так как способы создания растра будут привычными для начинающих компьютерных художников.
К недостаткам можно отнести большой объём файла, Чем больше размер файла, тем больше в нём пикселей. Нет возможности качественного масштабирования, особенно для увеличения картинки. Мой совет, если хотите масштабировать картинку то увеличивайте размер кратный 25% 50% 75%, т.к. в два или четыре раза, чтобы пропорции все сохранялись. А когда создаете макет для сайта, то берите размер в пикселях в два раза больше оригинала, а когда будете делать нарезку то уменьшайте на 50%. Тем самым у вас будет больше возможностей для проработки деталей. .  

Векторная графика

Векторная графика состоит не из отдельных цветных пикселей а из направляющих и заливки - т.к. это изображение из математических формул. К примеру растровый файл который содержит красный квадрат размером метр на метр будет занимать на диске 100 килобайт, а векторный файл с красным квадратом метр на метр будет занимать на диске всего 1 килобайт. Векторное изображение, например квадрат, строится примерно так - задаются 4 координаты точек и цвет заливки, и компьютер обрабатывает эту формулу и изображает красный квадрат, причем его можно приближать сколько угодно и никакие артефакты не появятся, край квадрата всегда будет четкий. Таким же образом изображается все векторные фигуры, линии, кривые, текстовые блоки, окружности и т.п. Объектам присваиваются атрибуты - толщина линий, цвет, форма и т.п. Преимущество векторного формата в том, что изображение можно создать любого размера без потери качества.
Так, векторная графика имеет неоспоримые преимущества для печати в типографии, т.к. файл весит мало а качество всего хорошее. И в любой момент вы сможете поменять размер изображения как в большую так и в меньшую сторону, без потери качества. Векторную графику используют для создания иконок, иллюстраций, логотипов, чертежей, разнообразной инфографики. К  недостаткам можно отнести тот факт, что нереально создать фотореалистичных изображений. Для создания векторных изображений обычно используют редактор - Adobe Illustrator.
Самые популярные векторные форматы: SVG, AI. EPS, PDF

Статья про векторную графику

Storage

Где применяется компьютерная графика?

Компьютерная графика – это наука о взаимодействии образов с реальной жизнью людей. Если не углубляться в историю и философию, то сегодня компьютерная графика чаще используется для манипулирования вниманием людей. Самые популярные направления у дизайнеров - это рисование изображений для продажи товаров и услуг. Есть много инженерных направлений, такие как создание 3Д моделей для ЧПУ станков и создание 3Д анимации для игр, но у нас мало опыта в этих направлениях. Основные наши заказчики - это небольшие компании или частные лица. Мы рисуем изображения для сайтов, каталогов, визитки, фирменного стиля, обработка фотографий, дорисовка иллюстраций, отрисовка образов, видео, баннеров, инфографику, логотипы, 3D,

Статья про сферы применения компьютерной графики.

Комьютерная графика в веб-дизайне

Мы создаем дизайн сайтов в Adobe Photoshop, XD или Figma. Есть много разных программ, и каждый найдет что то удобное для себя. Но есть разница в дизайне шаблона для сайта и дизайне макета для сайта. Так макет создается в photoshop, где дизайнер неограничен в своем творчестве. А такие программы как adobe XD или Figma позволяют создать не только картинку, но и предварительную верстку HTML, CSS для сайта. Отличие только в том, что в фотошопе вы сами рисуете визуальный вид, а в конструкторе вы создаете готовый шаблон для сайта используя готовые изображения, которые конечно же вы будете рисовать сначала в фотошопе. Дизайнер делает сайты как ему удобно, особенно если дизайнера не ограничивают по времени. 
Чтобы нарисовать сайт мало одних знаний  фотошопа, надо еще знать правила создания вебсайта. Неопытный дизайнер может нарисовать красиво но совершенно неудобно.
Основное правило дизайна сайтов - удобство пользования. Для удобства пользования вебсайтов нужно знать основы "юзабилити" и разбираться в основах верстки, т.к. после дизайнера в дело будет вступать верстальщик, который будет нарезать на кусочки макет дизайнера и верстать его в HTML и CSS. Если шаблон для сайта нагрузить графическими элементами то скорость загрузки сайта может снизится и вы потеряете преимущества в поисковой выдаче. Сайт должен быстро грузится, а главный потребитель трафика это графика.  Шрифты должны хорошо читаться и не сливать друг с другом в единый нечитаемый блок Цветовая схема сайта должна быть умеренной и составлять 2-3 не ярких цвета, если конечно нет задачи вырвать глаз и мозг у пользователя сайта ) Дальше дизайнер должен выдерживать единый стиль, и адаптивность сайта под разные разрешения сайта. В дизайне сайтов все чаще стали использовать вспомогательные элементы - инфографику, иконки, картинки, разделяя большие тексты этими элементами для лучшего понимания и удобства.

Статья - компьютерная графика в веб дизайне

Storage

Комьютерная графика в рекламе

сделать товары фирмы узнаваемыми и отличными от товаров других фирм, повысить конкурентные преимущества, пропагандирующий и рекламный эффект и защитить товары от подделок .
Фирменный стиль может вклюмое).
Образ компании (лицо компании) – конкретный человек, выдуманный герой, персонаж, который избран фирмой в качестве посредника в ее коммуникациях с адресатом.
Фирменный блок может включать товарный знак, название предприятия, почтовые, банковские реквизиты, перечень товаров и услуг, рекламный символ фирмы, слоган. В фирменный блок могут входить все перечисленные элементы или только некоторые из них. Фирменный блок удобно использовать во многих случаях: от оформления фирменных бланков до оформления упаковки продукции.

Техзадание или другие необходимые файлы