Графический дизайн и его место в художественном образовании (на примере Photoshop)

Элементы и принципы графического дизайна в художественном образовании. Разработка графических изображений средствами Adobe Photoshop. Обработка изображения с помощью Photoshop. Подготовка изображения с прозрачным фоном. Плавное слияние двух изображений.

Рубрика Программирование, компьютеры и кибернетика
Вид курсовая работа
Язык русский
Дата добавления 27.11.2012
Размер файла 2,5 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.

Размещено на http://www.allbest.ru/

Санкт-Петербургский государственный университет А.И. Герцена

Факультет изобразительного искусства

Курсовая работа на тему:

Графический дизайн и его место в художественном образовании (на примере Photoshop)

Санкт-Петербург

Содержание

Введение

Глава 1. Теоретические аспекты графического дизайна в художественном образовании

1.1 Элементы графического дизайна в художественном образовании

1.2 Принципы графического дизайна

Глава 2. Графический дизайн средствами Photoshop

2.1 Разработка графических изображений средствами Adobe Photoshop

2.2 Обработка изображения с помощью Photoshop

2.3 Подготовка изображения с прозрачным фоном

2.4 Плавное слияние двух изображений

Заключение

Список используемой литературы и источников

Введение

Сложность современного периода развития человеческого общества во многом обусловлена взрывным, импульсивным характером процессов, вызванных результатом научно-технического прогресса. Исходя из этого претерпевают глубокие качественные изменения все виды общественной практики, происходит рождение новых ее направлений. В полной мере это относится и к такой области человеческой деятельности как изобразительное искусство - появление современных технологий в области восприятия и отражения действительности посредством изображения обогатило функциональную и языковую стороны художественной деятельности.Методические указания по курсу “Компьютерная геометрия и графика”. Для студентов специальности ИС дневной и заочной форм обучения.- Самара: СамГАПС 2002.-C.12.

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

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

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

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

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

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

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

Акцент при этом делается на художественном аспекте визуализации, в отличии от существующего в настоящее время функционально-прагматического, рационалистического подхода в области художественного проектирования.Клаpк М.Т. Фильтpы для Photoshop 5:Спецэффекты и дизайн:Учеб.пособ.- М.,СПб,Киев:Диалектика,1999.-C.14.

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

Цель работы заключается в исследование графического дизайна в художественном образовании.

Задачи:

- охарактеризовать место, роль графического дизайна в художественном образовании;

- дать понятия об элементах и принципах графического дизайна;

- привести примеры использования программы Photoshop в графическом дизайне.

Глава 1. Теоретические аспекты графического дизайна в художественном образовании

1.1 Элементы графического дизайна в художественном образовании

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

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

Направление линии и расположение линии может создавать определенное настроение: так, например, горизонтальные линии создают ощущение спокойствия, статичности. Вертикальные линии предполагают уже возможность движения, динамики. Ломаная линия - энергична, возможно, даже агрессивна.Методические указания по курсу “Компьютерная геометрия и графика”. Для студентов специальности ИС дневной и заочной форм обучения.- Самара: СамГАПС 2002.-C.35.

Рис 1. Линии, используемые в графическом дизайне

Не только направление линии, но и то каким штрихом она выполнена, какой толщины этот штрих, влияют на восприятие линии. Прямые ровные линии вызывают ощущение нечто искусственного, непреклонного, жесткого. А неровные, прерывающиеся линии, вызывают ощущение нечто естественного, природного, умиротворяющего. Пунктирные линии могут вызывать ощущение нечто нервозного, прерывистого.Методические указания по курсу “Компьютерная геометрия и графика”. Для студентов специальности ИС дневной и заочной форм обучения.- Самара: СамГАПС 2002.-C.42.

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

Линия или сочетание линий могут образовывать контур. Контур - это граница, обводка объекта.

Рис 2. Примеры сочетания линий

Контур:

Штриховка:

Используя линии, можно заштриховать, нарисованный контур:

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

У художника всегда есть преимущества: он может без труда воплощать многие свои задумки в жизнь. Он может рисовать иллюстрации сам, создавать оригинальные изображения, которые, если есть надобность, можно потом обработать в графическом редакторе, например Photoshop, на компьютере.

Под формой в графическом дизайне подразумевается двухмерный объект, который может быть создан при помощи линий, цвета, светотени. Необходимо не путать: на картине, листе бумаги можно создать лишь иллюзию глубины или объема, но сами объекты все равно двухмерные. С трехмерными объектами можно встретиться, например, в скульптуре, где у появляются понятия массы и объема. Создание мультимедийных презентаций. Учебно-методическое пособие. Тамбов 2002.-С.52.

Формы можно разделить на геометрические и органические. Органические - это природные формы, которые можно встретить в животном и растительном мире, так, например, морские волны, полоски зебры, паутина, снежинка и т.д. Органические формы, как правило, сложные, лучше всего рисовать их вручную. Геометрические формы - искусственные, созданные человеком (линия, треугольник, квадрат и др. - это простейшие геометрические формы, на основе их могут быть созданы более сложные). Мак-Клелланд Д. Photoshop 5.5 для Windows. М.:Вильямс,1999.-С.72.

Рис 3. Примеры форм

Помимо органических и неорганических форм, можно еще выделить абстрактные формы. К ним можно отнести ранние формы визуальной письменной коммуникации: наскальные рисунки, символы, имеющие ритуальный смысл, например, символы солнца или луны. Рисунки и символы постепенно перешли в пиктограммы (например, египетские изображения - вид письменности, в котором предметы, действия, понятия их связи передаются с помощью обобщенных и упрощенных изображений, фигур, схем), идеограммы (стилизованные, упрощенные изображения, обозначавшие слова или понятия), и фонограммы (звуки, представленные рисунками, например, нота, или часть имени). Иероглифы, руны, и, в конце концов, вполне знакомые вам буквы - это все абстрактные формы. Кроме букв, существуют и другие современные абстрактные формы - это дорожные знаки, символы на кнопках вашего плеера, «места для инвалидов» в транспорте Методические указания по курсу “Компьютерная геометрия и графика”. Для студентов специальности ИС дневной и заочной форм обучения.- Самара: СамГАПС 2002.-С.35.:

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

Рис 4. Примеры контрформ

Сочетая свет и тень, художник может добиться многого: задать объем изображению, создать иллюзию глубины, акцентировать внимание зрителя на каком-либо объекте в работе, или наоборот убрать какие-то элементы композиции на задний план (сделать менее значимыми).

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

Рис 5. Эскизы в черно-белом варианте

Комбинируя черный и белый цвет можно создать различные оттенки серого, это называется градация:

Близкие по тону и яркости оттенки цвета в сочетании называются нюансом:

Соответственно, сильно отличающиеся по тону и яркости оттенки цвета называются контрастом:

Чем больше различие по тону и яркости - тем больше контраст. Максимальный контраст - это, например, сочетание черного и белого.

Оперируя светом и тенью, оттенками цветов, можно задать определенное настроение работе. Так, например, преобладание темного сделает работу мрачной, а преобладание светлого - более позитивной по настрою. Если в работе использованы в основном контрастные цвета, то она будет казаться более грубой, тяжелой, давящей. Если же обратиться к нюансу, то работа получится более легкой, невесомой, возможно, мягкой, успокаивающей.

Художник может создать в работе иллюзию объема и глубины, используя следующие средства: оперируя размером объектов, наложением объектов друг на друга, введением светотени и тона, перспективы. Объем создается за счет света и тени.

Рис 6. Примеры плоской и объемной фигур

Одна из особенностей восприятия: удаленные объекты люди воспринимают, как меньшие по размеру, чем те объекты, которые находятся ближе. Т.е. рисуя одни объекты больше по размеру, чем иные, можно создать иллюзию того, что они ближе или дальше.Клаpк М.Т. Фильтpы для Photoshop 5:Спецэффекты и дизайн:Учеб.пособ.- М.,СПб,Киев:Диалектика,1999.-С.52.

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

Организовать пространство можно при помощи светотени.

Рис 7. Создание пространства при помощи светотени

Кроме объемности шара и падающей тени иллюзию поддерживает и то, что вводится две плоскости: та, на которой лежит шар, и которая ближе к нам, остается светлой, а та, что дальше, и перед которой лежит шар, делается темнее, чтобы создать иллюзию, что она дальше.Создание мультимедийных презентаций. Учебно-методическое пособие. Тамбов 2002.-С. 43.

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

Каждый цвет, или сочетание цветов человек воспринимаем по-разному:

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

- Эмоционально, психологически (определенные цвета и гаммы вызывают определенные эмоции и чувства, так природные синий и зеленый вызывают ощущение спокойствия и умиротворенности, ведь синий - это цвет ясного неба, или спокойного моря, а зеленый напоминает о лесе, о луге, о теплом времени года, когда трава и деревья были зелеными).

Каждый художник и дизайнер, работая с цветом руководствуется и своими субъективными чувствами.

Необходимым в графическом дизайне для художника является текстура и фактура. Многие предметы и вещества, окружающие нас имеют текстуру и фактуру: если прикоснутся к отколотому от скалы камню, то можно ощутить его шершавую в трещинках поверхность. Позже, если увидеть поверхность камня, отображенную в двухмерном рисунке, она вызовет определенные ассоциации и ощущения.Методические указания по курсу “Компьютерная геометрия и графика”. Для студентов специальности ИС дневной и заочной форм обучения.- Самара: СамГАПС 2002.-С.68.

Фактура - это свойства материала, предмета, которые люди ощущают при прикосновении к нему. Фактурами в своей работе пользуются художники-декораторы, дизайнеры по интерьеру. Грубо говоря, фактура - это то, к чему можно прикоснуться, и ощутить, что оно действительно шершавое или гладкое, или колючее.Клаpк М.Т. Фильтpы для Photoshop 5:Спецэффекты и дизайн:Учеб.пособ.- М.,СПб,Киев:Диалектика,1999.-С.89.

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

Рис 8. Примеры текстур

Как правило, создать текстуру с нуля в графическом редакторе Photoshop очень сложно, если там не предусмотрены специальные фильтры и функции для этого.

Иногда художнику дизайнеру приходится самому создавать текстуры, это не сложно, нужно лишь иметь некоторые представления о свойствах материалов и поверхностей. Текстуру можно использовать не только для того, чтобы сделать стену в рисунке стеной (со всеми необходимыми трещинками и шершавинками).Там же.-С.84.

1.2 Принципы графического дизайна

Элементы никогда не бывают сами по себе, они всегда связаны в некую композицию, подчиненную некой идее. Говоря о принципах дизайна, имеется в виду целесообразность, единство, равновесие, доминанты, соподчинение, динамизм, гармонию.

Любой авторский замысел и весь строй произведения должны быть подчинены какой-то цели, идее, художественной задаче.

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

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

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

Особое место следует уделить симметрии. Симметрия предполагает собой некий определенный порядок, математическую закономерность расположения элементов относительно друг друга и в пространстве.

Симметрия встречается не только в объектах, созданных человеком, симметрия всегда встречается в природе, именно оттуда изначально брал пример человек, создавая какие либо объекты и предметы, именно поэтому древние считали симметрию условием красоты и гармонии.

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

Рис. 9. Примеры симметрии

графический дизайн photoshop изображение

Симметрию можно выстраивать вокруг точки (радиальная), вокруг одной оси, вокруг нескольких осей.

Асимметрия - это полное нарушение симметрии, это когда повторяющиеся элементы отсутствуют или расположены так, что их нельзя совместить путем сдвига или поворота.

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

Очень часто в своей работе дизайнер или художник использует несколько смысловых центров, в том случае, если он изображает сложные события, несколько идей, равных по своей значимости. В этом случае, чтобы отделить эти смысловые группы друг от друга, дизайнером активно должно использоваться свободное пространство, чтобы композиция не превратилась в «кашу». Однако, при этом необходимо следить и за тем, чтобы композиция не развалилась на несколько частей.Маховер К. Четыре десятилетия машинной графики//

http://doc.trecom.tomsk.su/Papers/Open%20System/os/332.rhtml.htm

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

Задача дизайнера и художника сделать для своего зрителя (конечного потребителя) очевидными эти связи.

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

Динамизм не есть изображение движения в работе буквальном смысле, даже если композиция статична, спокойна, то в ней все равно есть некая жизнь (движение), потому что все равно происходит взаимодействие между деталями и элементами вашей работы.Клаpк М.Т. Фильтpы для Photoshop 5:Спецэффекты и дизайн:Учеб.пособ.- М.,СПб,Киев:Диалектика,1999.-С.94.

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

Гармония - это эстетическая категория и нельзя ее сводить только к понятиям пропорции, симметрии и другим. Гармония включает в себя личностное, ваше отношение к своей работе. Если вам неприятно то, что вы создаете - это так или иначе отразиться в том, что вы создаете.

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

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

Гармония и единство играют достаточно важную роль, дизайнер должен уметь сбалансировать визуальную информацию в своей композиции. Все разнообразие наших элементов должно быть приведено к некому единству. Художник, несет полную ответственность за то, что творится в пределах его листа (рабочего пространства), он не должен допустить, чтобы его композиция развалилась.Клаpк М.Т. Фильтpы для Photoshop 5:Спецэффекты и дизайн:Учеб.пособ.- М.,СПб,Киев:Диалектика,1999.-С.115. Различные цвета, размеры фигур, их взаиморасположение - все подлежит контролю, даже если художник создает нечто абстрактное.

Глава 2. Графический дизайн средствами Photoshop

2.1 Разработка графических изображений средствами Adobe Photoshop

На настоящий момент Adobe Photoshop - самый известный и многими уважаемый графический редактор. Если Corel Painter (как и Photoshop - растровый графический редактор) нацелен именно на создание изображений, то Photoshop - больше на их обработку (монтаж, коррекция, создание спецэффектов). Это отнюдь не означает, что с его помощью нельзя создавать работы с нуля (начиная с седьмой версии в Photoshop появилась неплохая библиотека кистей, которая, тем не менее, существенно уступает той, что есть в Painter). Получить готовые растровые изображения можно с помощью сканера, цифрового фотоаппарата, в Интернете.Мак-Клелланд Д. Photoshop 5.5 для Windows. М.:Вильямс,1999.-С.24.

Современные инструментальные компьютерные среды являются средством, которое дает возможность учителю на новом качественном уровне решать профессиональные задачи. Несмотря на разнообразие и количество предлагаемых электронных образовательных ресурсов, многие из них не удовлетворяют учителей по тем или иным причинам. Поэтому естественно стремление создания качественно оформленных, снабженных графикой, гиперссылками и видео-материалами электронных учебно-методических пособий на основе своих методических разработок с учетом накопленного педагогического опыта. Для решения таких задач необходимо повышать свою квалификацию и учиться работать с текстом, графикой, мультимедиа. Графический редактор Adobe Photoshop является одним из основных инструментов обработки и создания изображений.Там же.С.35.

Допустим, для создания учебного пособия имеется некоторый готовый иллюстративный материал (например, фотографии) на обычной бумаге. Единственный способ превращения готового рисунка или фотографии в цифровой вид, в котором рисунок может быть выведен на экран компьютера, - это сканирование. Если целью сканирования было получение качественных рисунков или фото, то в результате образуются большие изображения - «полуфабрикаты», которые для дальнейшего использования необходимо уменьшить и, возможно, обрезать и изменить некоторые цветовые характеристики. Т.о. Adobe Photoshop - просто необходим для доработки введенных с помощью сканера изображений.

При формировании схем, графиков, логотипов на принципах векторной графики часто возникает необходимость вставить растровый графический объект, полученный с помощью сканера, цифровой фотокамеры или сохраненного из сети Интернет. Подготовить такой растровый объект тоже удобнее всего с помощью программы Adobe Photoshop.

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

На современном этапе развития информационных технологий умение и основные навыки работы в Adobe Photoshop можно отнести основополагающим знаниям, которые должен иметь современный учитель. В нашем пособии предполагается, что читатель уже имеет такие навыки, имеет представление об общем интерфейсе программы, процессах открытия и сохранения изображений, умеет работать со слоями и выделенными областями, владеет инструментами локального редактирования. При отсутствии подобных навыков рекомендуем ознакомиться с учебно-методическим пособием «Подготовка мультимедийных материалов. Создание мультимедийных презентаций».Блатнеp Д.,Флейшман Г.,Рот С.Сканиpование и pастpиpование изобpажений/Пеp.с англ. М. Розовский, науч. pед. А.А. Витт.-2-еизд.-М.: Изд-во ЭКОМ, 1999.-С.42. Рассмотрим некоторые стороны обработки изображений, которые удобнее выполнить в программе Adobe Photoshop, а именно:

обработку изображения после сканирования;

подготовка изображения с прозрачным фоном;

получение изображения с помощью копии экрана;

оптимизация изображения для размещения в сети Интернет;

плавное слияние двух изображений;

получение изображения с нечеткими границами;

удаление эффекта «красных глаз».

2.2. Обработка изображения с помощью Photoshop

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

Для получения хорошего качества изображения при сканировании надо задать разрешение не менее 200-300 dpi. В данном примере разрешение составляет 200 dpi при сканировании картинки размером 10 x 15 см. Дёмин Ю., Кудинов А. В. Компьютерная графика//

http://compgraph.ad.cctpu.edu.ru/ В результате получилось изображение размером 1212 x 817 пикселей (размер файла 115,4 K) в формате JPG (рис. 10).

Рис. 10. Отсканированная картинка

Картинка выведена в окне программы Photoshop в масштабе 33,33%. Данное изображение нуждается в обрезке белой каймы снизу и справа, изменении цветового баланса (картинка слишком голубая) и уменьшении размера.

Для улучшения качества данной картинки можно проделать следующие операции:

- инструментом Рамка обрезать ненужные белые поля;

- командами Изображение - Автоматическая цветовая коррекция и Изображение - Автоматическая тоновая коррекция подрегулировать цвет;

- командами Изображение - Коррекция - Автоконтраст установить оптимальную контрастность;

- командой Изображение - Размер изображения в диалоговом окне Размер изображения (см. рис.3.3) установить разрешение изображения, предназначенного для вывода на экран, 72 пикс/дюйм. При этом автоматически изменятся ширина и высота фотографии.

Рис. 11. Установка разрешения

Иногда изображения сканируют по нескольку штук в один проход, как, например, на рис. 13.

Рис. 12. Сканирование группы изображений

Чтобы обработать подобное изображение, необходимо установить разрешение изображения 72 пикс/дюйм командами Изображение - Размер изображения; поочередно каждую фотографию инструментом выделить, скопировать в буфер обмена командами Редактирование-Скопировать (Ctrl-C), создать новое изображение Файл-Новый-Ok, вставить в новое изображение содержимое буфера обмена Редактирование-Вклеить(Ctrl-V), повернуть холст по часовой стрелке командами Повернуть холст - 90 градусов по часовой и далее аналогично предыдущему примеру.

Результат представлен ниже.

Рис. 13. - Фотографии, полученные после обработки рис. 12.

2.3 Подготовка изображения с прозрачным фоном

Для создания изображения на прозрачном фоне для окончательного сохранения нельзя обойтись без использования формата GIF.

Рис. 14. Иллюстрация «уничтожение микроба фагоцитом» на цветном фоне

Для того чтобы сделать прозрачным фон, необходимо перевести изображение в формат PSD следующим образом:

- Используя инструмент Волшебная палочка необходимо выделить все фоновое пространство.

- Командами Выделение - Инверсия перевести синие фагоциты в выделенные объекты. Если в качестве выделившихся остались посторонние фрагменты, переключиться на инструмент Прямоугольная область или Прямолинейное лассо и убрать их нажатием ALT-левая клавиша мыши.

- Командами Редактирование - Скопировать (Ctrl-C) скопировать выделенные объекты в буфер обмена.

Создать новое изображение Файл - Новый (ширина и высота нового изображения должны выставиться автоматически в соответствии с размерами объектов из буфера обмена), задать в поле Содержимое фона - Прозрачный (выбрать из списка Белый, Фоновый цвет, Прозрачный). - Ok.

- Вставить содержимое буфера обмена Редактирование - Вклеить(Ctrl-V).

Таким образом, получается изображение на прозрачном фоне в формате PSD (рис. 3.9). Далее это изображение необходимо сохранить в этом формате и используя команды Файл - Сохранить для Web (Save for Web) сохранить с оптимизацией в формате GIF с включенной опцией Transparency (подробнее будет рассмотрено ниже).

Рис 15. Изображение на прозрачном фоне в формате PSD

2.4 Плавное слияние двух изображений

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

Исходные варианты представлены на рис. 16. Необходимо открыть две картинки, которые будут совмещаться, желательно одинакового размера.

Рис. 16. Первое и второе исходные изображения

Так как второе изображение будем накладывать на первое, то необходимо увеличить размер холста командами Изображение - Размер холста. В диалоговом окне Размер холста увеличим ширину холста в пикселях до 500 и выставим направление увеличения холста направо с помощью поля Расположение (рис. 17). При этом надо проследить, чтобы фоновый цвет в панели инструментов совпадал с фоном заднего плана, если имеется такой слой (фон), иначе наращенный холст будет другого цвета.Мак-Клелланд Д. Photoshop 5.5 для Windows. М.:Вильямс,1999.-С.65.

Рис. 17. Диалоговое окно Размер холста

В результате последней операции получатся следующее изображение (см. рис 18.).

Рис. 18. Первый рисунок с увеличенным холстом

Затем необходимо выделить инструментом Прямоугольная область прямоугольный фрагмент изображения с отступом слева (рис. 20) и командой Выделение-Растушевка задать радиус растушевки в 14 пикселей (рис.3.19) (это можно сделать также через панель опций инструментов выделения и поле Растушевка).

Рис. 19. Второй рисунок с выделенной областью

Далее командами Редактирование - Скопировать (Ctrl-C) во втором окне и Редактирование - Вклеить(Ctrl-V) в первом необходимо получить второе изображение наложенным на первое в виде отдельного слоя. После используя инструмент Перемещение следует передвинуть слой второго изображения на правый край полученного коллажа.

Рис. 20. Окно растушевки

Конечный вариант должен представлять собой нечто подобное - на рис. 21.

Рис. 21. Конечное изображение

Заключение

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

Говорить о компьютерных программах, с помощью которых художник может рисовать, делать эскизы, и даже имитацию живописи и акварели, можно долго. Это широко известный графический редактор, встроенный в Windows, простенький пиксельный редактор Paint, но позволяющий делать настоящие шедевры, при умелом обращении. До очень крутой программы от компании Adobe, которая является лидером на рынке графических редакторов. Среди которых следует отметить великолепные программы для свободного рисования Painter, графические редакторы для векторной графики: Adobe Illustrator, Corel Draw, Xara X.Мак-Клелланд Д. Photoshop 5.5 для Windows. М.:Вильямс,1999.-С.94.

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

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

Список используемой литературы и источников

Литература:

1. Блатнеp Д.,Флейшман Г.,Рот С.Сканиpование и pастpиpование изобpажений/Пеp.с англ. М. Розовский, науч. pед. А.А. Витт.-2-еизд.-М.: Изд-во ЭКОМ, 1999.

2. Дрю Д. Т., Мейер С.А. Управление цветом в логотипах.-РИП.Холдинг.,2007.

3. Иванова О.Г., Орлов В.В., Радченко И.М., Сабурова А.В. Подготовка мультимедийных материалов. Создание мультимедийных презентаций. Учебно-методическое пособие. Тамбов 2002.

4. Клаpк М.Т. Фильтpы для Photoshop 5:Спецэффекты и дизайн:Учеб.пособ.- М.,СПб,Киев:Диалектика,1999.

5. Курушин В.А. Графический дизайн и реклама., ДМК-Пресс, 2007.

6. Мак-Клелланд Д. Photoshop 5.5 для Windows. М.:Вильямс,1999.

7. Методические указания по курсу “Компьютерная геометрия и графика”. Для студентов специальности ИС дневной и заочной форм обучения.- Самара: СамГАПС 2002.

8. Феличи Д. Типогрфика: шрифт, верстка, дизайн. М.: Изд-во Пресс, 2004.

9. Черневич В.Н. Русский графический дизайн. Внешсигма, 2006.

Интернет публикации:

10. Базовый курс Windows и Интернет. Методическое пособие//

http://www.nat-soul.ru/?set=lib-inf&mc=3&full

11. Дёмин Ю., Кудинов А. В. Компьютерная графика//

http://compgraph.ad.cctpu.edu.ru/

12. Книга по созданию графики в Corel Xara//

http://www.vladobladm.vtsnet.ru/pc_katalog/pc_doc/Xara/1.htm

13. Маховер К. Четыре десятилетия машинной графики//

http://doc.trecom.tomsk.su/Papers/Open%20System/os/33-2.rhtml.htm

14. Технология работы с графической информацией//

http://www.ppf.krasu.ru/informatica/graph/slide_graph.htm

15. Чаплинский В. Короткая информация о форматах хранения изображений//

http://lit999.narod.ru/images.html

Размещено на Allbest.ru


Подобные документы

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

    курсовая работа [2,5 M], добавлен 22.09.2010

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

    курсовая работа [2,8 M], добавлен 23.08.2013

  • Технология компьютерной графики, форматы графических файлов. Общие сведения о компании и программных продуктах Adobe Systems Inc, элементы интерфейса. Краткое описание учебника Adobe Photoshop CS3, программное обеспечение, используемое для его создания.

    дипломная работа [32,1 K], добавлен 23.06.2010

  • Редактирование различных растровых изображений. Версии Adobe PhotoShop. Расширенная версия программы Adobe Photoshop Extended. Работа с файлами. Сложности использования PhotoShop. Простое редактирование фотографий. Разнообразие фильтров и рамок.

    контрольная работа [4,9 M], добавлен 08.01.2014

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

    статья [927,2 K], добавлен 12.04.2010

  • Графический редактор — программа, позволяющая создавать и редактировать двумерные изображения с помощью компьютера. Adobe Illustrator - широко используемая программа создания изображений. Adobe Photoshop и GIMP - основные растровые графические редакторы.

    реферат [28,1 K], добавлен 25.11.2009

  • Рассмотрение возможностей Adobe Photoshop CC 2014. Описание методов преобразования. Перечень объектов графического редактора. Изучение фильтров, дополнительных плагинов программы. Анализ работы со слоями, коррекции цвета изображения и его деформации.

    курсовая работа [6,7 M], добавлен 16.01.2015

  • Интерфейс программы Adobe Photoshop. Внесение изменений в изображение. Инструменты изменения оттенка и искажения изображения. Последовательность формирования изображения. Тоновая и цветовая коррекция изображения, работа с фильтрами и функциями.

    курсовая работа [2,8 M], добавлен 14.12.2011

  • Возможности программы Adobe Photoshop в web-дизайне, графический редактор. Понятие и правила web-дизайна. Рисование и верстка, оптимизация изображений при экспорте в форматы. Создание шаблона сайта к 65-летию победы, особенности размещения информации.

    курсовая работа [1,7 M], добавлен 20.01.2014

  • Описание инструментов, которые применяются при редактировании изображения в программе Adobe Photoshop. Выполнение заготовки растрового изображения для будущей этикетки средствами CorelDraw. Ознакомление с инструментальными средствами Autodesk 3ds Max.

    лабораторная работа [6,2 M], добавлен 05.07.2014

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.