Prepared by Marina Pavljuk

Photoshop & CorelDraw

ОЖИДАНИЯ ??

• Adobe Photoshop -многофункциональный графический редактор, разработанный и распространяемый фирмой Adobe Systems. В основном, работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Несмотря на то, что изначально программа была разработана как редактор изображений для полиграфии, в данное время она широко используется и в веб-дизайне.

• CorelDRAW — векторный графический редактор, разработанный канадской корпорацией Corel. Векторные графические редакторы позволяют пользователю создавать и редактировать векторные изображения непосредственно на экране компьютера, а также сохранять их в различных векторных форматах.

• В кторная гр фикае́� а́� — способ представления объектов и изображений в компьютерной графике, основанный на использовании геометрических примитивов, таких как точки, линии, сплайны и многоугольники.

• Растровое изображение — изображение, представляющее собой сетку пикселей или цветных точек (обычно прямоугольную) на компьютерноммониторе, бумаге и других отображающих устройствах и материалах

Вектор и Пиксель?

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

• Векторные редакторы обычно более пригодны для создания разметки страниц, типографики, логотипов, sharp-edged artistic иллюстраций (например, мультипликация, clip art, сложные геометрические шаблоны), технических иллюстраций, создания диаграмм и составления блок-схем.

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

Сравнение векторных и растровых редакторов

Векторная графика ( CorelDraw) Растровая графика (Photoshop)

-размер изображения не важен -размер очень важен (зависит изображение)

- Не теряет качества - Точки (пиксели) создают изображение

- Используется в печати - Используется в Web

-Формат cdr, ai (Illustrator) - Формат jpeg, gif, png, tif

- Сложно обрабатывать -легко обрабатывать

• http://rusforumz.com/library/photoshop/lib/index.php?newsid=25 – основные инструменты

Основные инструменты:

• Кисть• Градиент• Слой• Штамп• Фильтры

• Редактор (тень, выпуклость)

Photoshop

Photoshop • Обрабатываем картинки• Рисуем или склеиваем картинки (аватарки,

промо-акции)• Готовим файлы небольшого размера для

печати (мини-плакаты, флаеры)• Используем для Web промо

CorelDraw• Кривые Безье — позволяют создавать прямые, ломаные и гладкие

кривые, проходящие через узловые точки, с определёнными касательными в этих точках;

• Заливка — позволяет закрашивать ограниченные области определённым цветом или градиентом;

• Текст создаётся с помощью соответствующего инструмента, а потом часто преобразуется в кривые, чтобы обеспечить независимость изображения от шрифтов, имеющихся (или отсутствующих) на компьютере, используемом для просмотра;

• Набор геометрических примитивов;• Карандаш — позволяет создавать линии «от руки». При создании таких

линий возникает большое количество узловых точек, от которых в дальнейшем можно избавиться с помощью «упрощения кривой».

CorelDraw• Создаем логотипы• Готовим файлы большого формата для

печати (рекламные вывески, плакаты)• Обрабатываем рисунок, нарисованный от

руки

• ГРАМОТНОСТЬ!• Систематичность• Информативность• Шрифт – не более 2-3х шрифтов• Цвет – всегда одна цветовая палитра• PSD и исходники сохраняем в одну папку• Кегль создавать целым числом• Save for Web & Devices JPEG – фото (сильное сжатие) PNG – текст+прозрачность (больше места)

DESIGN – Main Rules

В печати лучше не экспериментировать со шрифтом, лучше играть изображением!

• Много текста – Arial, Times New Roman, Verdana

• Привлечь внимание – Modern, Old style• В Web дизайне лучше поменьше

использовать шрифтов с завитушками типа:

AIESEC

Шрифты

• RGB – работа на мониторе• CMYK – отнимает RGB – работа в

печати

RGB & CMYK

Наш бренд

Визуализация бренда

цвета

красн-оранж-жёлт-зел-синЧёрный – Белый

шрифты

Normal – Bold – Italic Old style – New style

• CMYK C 100 M 76

Y 0K 18

• RGB R 0

G 51B 153

#003399

Blue Orange

PMS 286C PMS 1235C

CMYKC 100M 76Y 0K 18

RGBR 0G 51B 153#003399

CMYKC 0M 40Y 90K 0

RGBR 255G 153B 51#FF9933

•CMYKC 0M 40Y 90K 0

•RGBR 255G 153B 51#FF9933

• http://www.wiziq.com/online-class/549690-com-design-tools-you-can-use-by-rcc - вебинар Кости - AIESEC brand manager

• https://docs.google.com/document/d/1ENIneomZxaV_K30dn_Z1XGuVkCn2VPGlqVMVmaLfu10/edit?hl=ru&authkey=CPiR9YoM – полезные ссылки

Thank you!