УДК 004.9 ББК 32.973.26-018.2 В 41 Под редакцией Райтмана М. А.
Визуальный дизайн: основы графики и предпечатной подготовки с помощью инструментов Adobe [пер. с англ.]. — М. : ООО «Рид Групп», В 41 2011. — 688 с. — (Учебный курс Adobe). ISBN 978-5-4252-0174-4 Перед вами уникальный проектно-ориентированный учебный курс по основам работы с графикой и полиграфическому дизайну с помощью инструментов Adobe. Он позволит вам освоить и развить ключевые навыки цифровой коммуникации, в числе которых работа над дизайном материалов, руководство проектом и применение технологий создания цифровой графики и печатной продукции. По мере прохождения курса от задания к заданию вы сможете совершенствовать приобретенные навыки, так как каждый следующий проект ставит перед читателем все более сложные задачи. Учебный курс «Визуальный дизайн» рассчитан на 1 год обучения и может быть включен в программу школьного, профессионального и технического образования, а также в образовательные программы, связанные с фотографией, графическим дизайном и издательским делом. В книге вы найдете методические руководства для преподавателей для построения занятий, а также дидактические материалы для учащихся. УДК 004.9 ББК 32.973.26-018.2 Ó÷åáíîå èçäàíèå
Ó×ÅÁÍÛÉ ÊÓÐÑ ADOBE
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE Ãëàâíûé ðåäàêòîð È. Ôåäîñîâà. Îòâåòñòâåííûé ðåäàêòîð À. Áàðàíîâ Âåäóùèé ðåäàêòîð È. Ëèïêèí. Õóäîæåñòâåííûé ðåäàêòîð Ì. Ëåâûêèí Êîìïüþòåðíàÿ âåðñòêà Ë. Ôåäåðÿêèíà ÎÎÎ «Ðèä Ãðóïï» 119021, Ìîñêâà, óë. Ðîññîëèìî, ä. 17, ñòð. 1, òåë. (495) 788-0075(76)
Ñâîè ïîæåëàíèÿ è ïðåäëîæåíèÿ ïî êà÷åñòâó è ñîäåðæàíèþ êíèã Âû ìîæåòå ñîîáùèòü ïî ýë. àäðåñó
[email protected] Èçäàíèå îñóùåñòâëåíî ïðè òåõíè÷åñêîì ñîäåéñòâèè ÎÎÎ «Èçäàòåëüñòâî ÀÑÒ» Ïîäïèñàíî â ïå÷àòü 24.01.2011. Ôîðìàò 80×981/16. Óñë. ïå÷. ë. 62,35. Ïå÷àòü îôñåòíàÿ. Áóìàãà ìåëîâàííàÿ. Òèðàæ 2000 ýêç.
ISBN 978-5-4252-0174-4
© Adobe Systems Incorporated, 2010 © ООО «Рид Групп», 2011
ÎÃËÀÂËÅÍÈÅ
ÎÁÇÎÐ ÊÓÐÑÀ È ÏËÀÍ ÊÓÐÑÀ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10 ÏÐÎÅÊÒ 1. ÊÎËËÀÆÈ È ÔÎÒÎÃÐÀÔÈß . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37 ÏÐÎÅÊÒ 2. ËÎÃÎÒÈÏÛ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 158 ÏÐÎÅÊÒ 3. ÂÈÇÈÒÍÛÅ ÊÀÐÒÎ×ÊÈ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208 ÏÐÎÅÊÒ 4. ÐÅÊËÀÌÀ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 293 ÏÐÎÅÊÒ 5. ÏÎÐÒÔÎËÈÎ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 352 ÏÐÎÅÊÒ 6. ÁÐÎØÞÐÛ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 402 ÏÐÎÅÊÒ 7. ÈÍÔÎÐÌÀÖÈÎÍÍÛÅ ÁÞËËÅÒÅÍÈ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 544 ÏÐÎÅÊÒ 8. ØÊÎËÜÍÛÅ ÌÈÍÈ-ÀËÜÁÎÌÛ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 637 ÏÐÎÅÊÒ 9. ÔÈÍÀËÜÍÛÅ ÏÎÐÒÔÎËÈÎ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 678
«Визуальный дизайн» — это годичный учебный курс, позволяющий развить широкий спектр навыков в области разработки графического дизайна и дизайна полиграфии. Курс «Визуальный дизайн» может быть включен в программу профессионального и технического образования, а также в образовательные программы, связанные с фотографией, графическим дизайном и издательским делом. Учебный курс «Визуальный дизайн» помогает развить ключевые навыки цифровой коммуникации: разработку дизайна, коммуникацию, руководство проектом и применение технологий создания графики и печатной продукции. Ключевые навыки развиваются от проекта к проекту, и каждый из них способствует углублению навыков и умений. В данный учебный курс включены инструкции для преподавателей, презентации и материалы для учащихся.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÄÈÇÀÉÍÀ È ÏÅ×ÀÒÍÎÃÎ ÏÐÎÈÇÂÎÄÑÒÂÀ ÏÐÀÂÎÎÁËÀÄÀÒÅËÜ Все права защищены © 2010 by Adobe Systems Incorporated. Эта работа получила лицензию Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License (Лицензия «С указанием авторства — Некоммерческая — С сохранением условий»). Чтобы получить информацию о правах, подразумеваемых данной лицензией, зайдите на сайт: creativecommons.org/licenses/by-nc-sa/3.0/. Только для использования в образовательных целях корпорация Adobe Systems предоставляет вам право сделать необходимое вам количество копий всей книги «Визуальный дизайн: Основы дизайна и печатного производства» или ее части. Вы можете сделать ксерокопии или распечатать документ формата PDF, страницы с указанием авторских прав должны быть включены в любую копию, эти копии должны использоваться не в коммерческих целях. Ваша организация должна следить за соблюдением авторских прав и данных условий. Корпорация Adobe Systems оставляет за собой право проверять, соблюдает ли ваша организация данные условия. Создание копий и распространение этой книги в других целях запрещено. Данные условия не распространяются на использование программного обеспечения корпорации Adobe Systems. Вы должны соблюдать условия, описанные в пользовательском соглашении (End-User License Agreement) для программного обеспечения.
ÒÎÂÀÐÍÛÅ ÇÍÀÊÈ Adobe Systems Incorporated, логотип Adobe Systems, логотип Adobe Certified Associate, Adobe® Photoshop® CS5 Extended, Adobe® InDesign® CS5, Adobe® Illustrator® CS5, Adobe® CS Review®, Adobe® CS Live®, Adobe® Acrobat® 9 Pro, Adobe® Dreamweaver® CS5
8
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
и Adobe® Flash® CS5 — это товарные знаки или зарегистрированные товарные знаки корпорации Adobe Systems, Inc. в Соединенных Штатах Америки и/или других странах. Названия и логотипы других товаров, услуг и компаний, а также некоторые заголовки, слова или фразы, использующиеся в данных материалах, могут являться товарными знаками своих правообладателей.
ÎÒÂÅÒÑÒÂÅÍÍÎÑÒÜ Информация в данных материалах распространяется без каких-либо гарантий. Хотя при подготовке данных материалов были предприняты все необходимые меры, ни корпорация Adobe, Inc., ни обладатели ее лицензии не несут ответственности ни за какой ущерб, прямо или косвенно вызванный содержащимися в данных материалах инструкциями или описанным в данных материалах программным обеспечением и компьютерным оборудованием. В этих материалах содержатся ссылки на сторонние интернет-сайты, находящиеся вне области контроля корпорации Adobe, и корпорация Adobe не несет ответственности за содержимое любого из этих сайтов. Корпорация Adobe указывает эти ссылки только в качестве дополнительной информации, и включение подобной ссылки в материал не подразумевает, что корпорация Adobe продвигает содержание этих сторонних сайтов. Стандарты ISTE NETS*S напечатаны с разрешения правообладателей National Educational Technology Standards for Students, Second Edition, © 2007, ISTE® (International Society for Technology in Education), www.iste.org (Стандарты использования высоких технологий в образовании, второе издание, © 2007, ISTE® (Международное сообщество образовательных технологий)). Все права защищены.
ÂÛÐÀÆÀÅÌ ÁËÀÃÎÄÀÐÍÎÑÒÜ Àâòîðàì Anuja Dharkar, Dale Underwood, Jeff Sengstack, Skipper Pickle, Andrew Strombeck и Ellen Flaherty Ðóêîâîäèòåëþ ïðîåêòà Matt Niemitz Ðåäàêòîðàì ïî CS5 Jay Heins, Dale Underwood и Matt Niemitz Ðåäàêòîðàì Dale Underwood и Matt Niemitz
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
9
Îôîðìèòåëþ îáëîæêè Scott Design Âûïóñêàþùåìó ðåäàêòîðó Malinda McCain Ôîòîãðàôó Andrew Strombeck, Matthew Aho Êîíñóëüòàíòàì ïî ïðåïîäàâàòåëüñêîé ðàáîòå Sandra Mustacato, Susan O’Connor, Linda Dickeson, Ann Ayers, Eva Lamar, Susan Roberts, Debra Keller, Mark Johnson
ÎÁÇÎÐ È ÏËÀÍ ÊÓÐÑÀ Учебный курс «Визуальный дизайн: основы дизайна и печатного производства» — это годичный учебный курс, позволяющий получить широкий спектр навыков в области разработки графического дизайна и дизайна полиграфии. Программа помогает развить профессиональные и коммуникативные навыки в с использованием инструментов корпорации Adobe. Учебный курс «Визуальный дизайн» предназначен для развития навыков в четырех основных сферах: •
руководство проектом и совместная работа;
•
дизайн;
•
исследование и коммуникация;
•
профессиональное печатное производство с использованием инструментов графического дизайна.
Учащиеся развивают эти навыки итеративно — с каждым проектом развиваются все более продвинутые навыки. Учащиеся пробуют себя в различных областях графического дизайна, фотографии, печати и разработки дизайна макетов, а также в производстве. Корпорация Adobe сотрудничала с образовательным сообществом США и Великобритании, чтобы каждый проект помогал в получении более глубоких знаний. Кроме того, в процессе работы над содержанием данной программы корпорация Adobe сотрудничала с Международным сообществом образовательных технологий (ISTE), чтобы материалы курса соответствовали всем стандартам, были профессионально ориентированы и фокусировались на печатном производстве и графическом дизайне. Учебный курс «Визуальный дизайн» затрагивает каждую из этих сфер и состоит из нескольких проектов. Каждый из проектов разделен на этапы в соответствии с процессом создания дизайна и разработки, от составления плана проекта и предварительного анализа до рецензирования и распространения. Учащиеся приобретают опыт разработки реальных проектов, что помогает им лучше понимать свою роль и функцию в широком спектре профессиональной деятельности в сфере визуального дизайна. Чтобы имитировать профессиональную рабочую обстановку, учащиеся постепенно отходят от индивидуальной работы и начинают работать коллективно, фокусируясь на личной работе и работе с клиентом. Процесс разработки дизайна по своей сути является циклическим, поэтому проекты содержат задания, которые требуют от учащихся оценить, а затем доработать промежуточные результаты. Особое внимание уделяется разработке понятий и принципов создания детального и эффективного дизайна. Эти материалы подготавливают учащихся к сдаче экзамена Visual Communication в рамках
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
11
сертификации Adobe Certified Associate с использованием программы Adobe Photoshop CS5 Extended. В инструкции по каждому проекту приводится структура содержимого и описание процесса работы над проектом, но при этом преподаватель может самостоятельно установить ту степень социального и технического взаимодействия, которая подходит для данных учащихся. На следующей диаграмме показана последовательность выполнения проектов: Ïåðâûé ñåìåñòð. Ôîòîãðàôèÿ, èëëþñòðàöèÿ è îñíîâû îôîðìëåíèÿ ïå÷àòíîé ïðîäóêöèè Êîëëàæè è ôîòîãðàôèÿ
Ëîãîòèï
Âèçèòíàÿ êàðòî÷êà
Ïå÷àòíàÿ ðåêëàìà
Ïîðòôîëèî
Âòîðîé ñåìåñòð. Ïîâòîðíî èñïîëüçóåìûå ìíîãîêîëîíî÷íûå è ìíîãîñòðàíè÷íûå ìàêåòû ñòðàíèö ïå÷àòíîé ïðîäóêöèè
Áðîøþðà Èíôîðìàöèîííûé áþëëåòåíü
Øêîëüíûé ìèíè-àëüáîì
Ôèíàëüíûå ïîðòôîëèî
ÏÐÎÅÊÒÛ ÄËß ÏÅÐÂÎÃÎ ÑÅÌÅÑÒÐÀ В течение первого семестра программы «Визуальный дизайн» (проекты 1–5) развиваются базовые навыки, необходимые для работы с фотографиями и производства печатной продукции: принципы графического дизайна, визуальные композиции, разработка печатной продукции, общие навыки руководства проектом, такие как проведение опросов клиента и составление плана работы над проектом, рецензирование и внесение изменений. Задания проекта сосредоточены на разработке эффективных средств коммуникации, которые можно применить для печати, Интернета или видео. Учащиеся работают над созданием различных графических объектов, логотипов, визитных карточек и рекламных продуктов для клиента. Они создают документацию и визуальные композиции, которые оцениваются клиентом. В конце семестра учащиеся создают портфолио, во время работы над которым они анализируют те навыки и умения, которые они приобрели, и начинают изучать интересные для них варианты профессионального развития в области визуального дизайна.
12
ÎÁÇÎÐ È ÏËÀÍ ÊÓÐÑÀ
В этом семестре акцент делается на следующие ключевые навыки: • навыки межличностного общения, такие как проведение опросов и обратная связь; • умение учитывать различные требования и предпочтения различных целевых аудиторий; • навык решения проблем, необходимый для развития в различных направлениях; • процесс разработки дизайна и эффективная коммуникация; • взаимообучение и взаимная оценка учащихся, основанные на совместной работе; • технические навыки обработки изображений и выпуска печатной продукции. В течение первого семестра учащиеся используют программу Adobe Photoshop CS5 Extended для создания и обработки изображений. Они используют программу Adobe InDesign CS5 для разработки дизайна и создания макетов и материалов для печати. Они используют программу Adobe Acrobat 9 Pro, чтобы проанализировать и усовершенствовать содержимое, создать готовые к печати материалы и разработать портфолио.
ÏÐÎÅÊÒÛ ÄËß ÂÒÎÐÎÃÎ ÑÅÌÅÑÒÐÀ Второй семестр программы «Визуальный дизайн» (проекты 6–9) сосредоточен на более длительных проектах создания печатных материалов, а также на углубленном подходе к содержимому и продвинутых способах разработки графических объектов и макетов. Учащиеся продолжают работать в командах и создают печатные средства коммуникации, такие как брошюры, информационные бюллетени и школьные альбомы. В центре их внимания находится создание эффективного графического дизайна, руководство проектом, определение требований к дизайну и итеративное развитие. Они развивают навыки в области графического дизайна и печатного производства, которые помогают в преодолении определенных коммуникативных трудностей и отвечают потребностям клиента и аудитории. Они приобретают технические навыки, которые отвечают требованиям проекта, и учатся работать над комплексными проектами. В конце семестра учащиеся перерабатывают свое портфолио так, чтобы оно соответствовало их ожиданиям, целям и интересам. В этом семестре акцент делается на следующие ключевые навыки: • навыки руководства проектом, такие как контроль над выполнением заданий, отслеживание ключевых этапов и разработка планов действий в чрезвычайных ситуациях; • создание иллюстраций и рисунков; • общение с коллегами и членами команды, обсуждение плана или описания проекта; • разработка дизайна и внесение изменений на основе замечаний; • технические навыки создания графических объектов и печатных материалов: создание векторной графики и применение фильтров; • дизайнерские решения, включая многостраничные и двухсторонние макеты. Во втором семестре студенты знакомятся с программой Adobe Illustrator CS5, чтобы создавать с ее помощью векторную графику и иллюстрации.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
13
ÑÕÅÌÀ ÎÑÍÎÂÍÛÕ ÍÀÂÛÊÎÂ ÂÈÇÓÀËÜÍÎÃÎ ÄÈÇÀÉÍÀ Руководство проектом
Проект 1. • Планирование Коллажи и создание и фотография коллажа; В центре: • организация • принципы и управление композиции изображениями; изображения; • управление • методы файлами улучшения и использование цветов и присоглашений емы ретуширопо именованию вания; файлов • понимание значения формата и размера файлов, а также разрешения. • Время: 3–5 часов (1 неделя)
Дизайн
Исследование и коммуникация
• Понимание • Четкая композиции передача изображения; информации • понимание и использовацветовой ние верной коррекции терминологии; и эффектов; • понимание • понимание вопросов форматов соблюдения и размеров авторских файлов, а также прав разрешения; и надлежащее • понимание использоваисточника ние материаизображения; лов; • понимание • анализ методик и критика создания фотографий визуальной иерархии
Технические навыки
Общие: • использование цифрового фотоаппарата; • сканирование изображений; • программа Photoshop; • понимание интерфейса программы Photoshop; • импортирование и работа с различными форматами файлов; • работа со слоями; • ретуширование фотографий с помощью специальных инструментов; • настройка яркости и контраста; • настройка уровней и цветов; • кадрирование, изменение размера и поворачивание изображений; • объединение нескольких изображений; • преобразование изображений. Программа Acrobat Pro: • понимание интерфейса программы Acrobat; • создание PDF-файлов
Проект 2. • Планирование Логотипы и создание В центре: логотипа; • понимание • обработка и выбор и структурироформата файла; вание графиче• изучение ских элементов теории цвета и иллюстраций
• Понимание и применение принципов дизайна; • понимание и применение принципов теории цвета;
• Тщательное изучение логотипов; • критика дизайна; • передача целей и задач;
Программа Photoshop: • использование направляющих и линеек; • понимание векторной и растровой графики; • использование образцов цветов;
14
ÎÁÇÎÐ È ÏËÀÍ ÊÓÐÑÀ
Руководство проектом
и принципов дизайна; • понимание важности процесса внесения изменений в процессе разработки дизайна. Время: 4–7 часов (1–2 недели)
Проект 3. Визитные карточки В центре: • анализ и переработка; • разработка проекта для определенной цели и задачи; • подготовка материалов для профессиональной печати. Время: 5–8 часов (2–3 недели)
• Планирование и руководство многоэтапным проектом; • применение различных типов ресурсов; • проведение анализа; • определение целевой аудитории(ий); • выбор и применение соответствующих приложений; • соблюдение авторских прав при графическом оформлении
Дизайн
Исследование и коммуникация
Технические навыки
• определение • передача различия и представлецветовых ние дизайнермоделей; ских решений; • понимание • комментарии принципов к проекту подбора цветов; • создание эскизов; • создание и редактирование графических элементов и иллюстраций; • учет особенностей определенной аудитории и определенных задач
• рисование линий; • рисование и преобразование фигур; • создание векторных масок; • добавление текста на изображения; • подготовка изображений для публикации в Интернете; • подготовка изображений для печати; • подготовка изображений для видеомонтажа
• Понимание значения типографики; • понимание связи между цветом, типографикой, макетом и тоном; • создание удобочитаемого дизайна; • внесение изменений, в соответствии с замечаниями; • понимание различных печатных форматов; • применение принципов дизайна для печати; • создание дизайна для определенной аудитории; • создание оригинальной работы
Программа Photoshop: • экспортирование в программу InDesign; • применение фильтров, таких как Эффекты освещения (Lighting Effect) или Блик (Lens Flare). Программа InDesign: • понимание интерфейса программы InDesign; • настройка свойств документа, включая измерения и размеры полей; • добавление и изменение текста; • применение инструментов выравнивания, линейки, направляющих и сетки. Программа Acrobat Pro: • создание слайд-шоу в формате PDF
• Анализ и оценка визитных карточек; • продуманные комментарии и критические замечания; • проявление личной ответственности путем внесения изменений на основе замечаний; • представление дизайна макета группе; • планирование стратегий выполнения запроса; • выражение своих мыслей по поводу внесения изменений в дизайн визитных карточек
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Руководство проектом
Дизайн
Исследование и коммуникация
Проект 4. Реклама В центре: • эффективная работа в команде; • создание дизайна для клиента; • более внимательное изучение целевой аудитории и ее потребностей. Время: 11–15 часов (3–4 недели)
• Разработка дизайна для клиента; • планирование и руководство многоэтапным проектом; • определение целевой аудитории(ий); • выбор и применение соответствующих приложений; • проведение анализа; • письменное обобщение требований клиента; • разработка плана проекта; • подготовка файлов для печати, распространения в Интернете или видеомонтажа
Проект 5. Портфолио В центре: • разработка дизайна PDFпортфолио; • демонстрация навыков;
• Изучение • Изучение • Планирование и исследование и применение и создание карьерных вариантов макеPDF-портвозможностей та и цветовых фолио; в области решений; • организация печатного • разработка и управление производства; страниц, содержимым; • передача выдержанных • рецензирование информации в едином стиле; и внесение
• Создание дизайна для определенной целевой аудитории; • создание оригинальной работы; • поиск баланса между графическими объектами и текстом; • создание эскиза рекламного буклета; • создание дизайна, отвечающего требованиям клиента; • понимание различных форматов файлов; • создание композиций; • создание дизайна с определенным акцентом; • создание удобного и простого в применении дизайна; • создание дизайна с помощью сетки
• Анализ и оценка рекламного продукта; • планирование стратегий выполнения запроса; • вопросы на уточнение и прояснение; • представление вариантов дизайна клиенту; • проявление личной ответственности путем внесения изменений на основе замечаний; • изучение темы рекламного продукта; • опрос клиентов; • работа с фокусгруппой
15
Технические навыки
Программа Photoshop: • редактирование фотографий; • создание композиций дизайна; • создание многократно используемых элементов; • использование инструментов непрозрачности и заливки; • сохранение файла в формате PDF. Программа InDesign: • экспортирование в различные форматы; • форматирование текста (кернинг, трекинг, масштабирование и др.); • комбинирование графических и текстовых фреймов при верстке страницы; • использование слоев в программе InDesign; • помещение объектов (изображений, текста, файлов PSD) на страницу; • наложение текста поверх изображений; • использование графических фреймов в качестве масок. Программа Acrobat Pro: • создание PDF-документа Программа Photoshop: • создание вебфотогалереи. Программа InDesign: • создание портфолио. Программа Acrobat Pro: • Создание пакета, состоящего
16
ÎÁÇÎÐ È ÏËÀÍ ÊÓÐÑÀ
Руководство проектом
• изучение изменений карьерных в проект; возможностей • создание и профессиографических нальное представлений развитие. Время: 4–6 часов (1–2 недели) Проект 6. Брошюры В центре: • создание складываемых втрое брошюр; • разработка дизайна интерактивных брошюр; • создание дизайна для клиента; • комментарии клиента и коллег и презентация. Время: 12–15 часов (3–4 недели)
• Создание дизайна для клиента; • проведение анализа; • отслеживание основных этапов; • обработка файлов и применение существующих соглашений по именованию файлов; • видоизменение содержимого
Дизайн
Исследование и коммуникация
• учет особенно- • определенной стей определенцелевой ной целевой аудитории; аудитории • определение и определенных целей задач и способов применения портфолио; • рецензия и комментарии • Разработка • Анализ дизайна склады- и оценка ваемых втрое брошюр; брошюр; • вопросы • разработка на уточнение дизайна и прояснение; интерактивных • представление брошюр; вариантов • внесение дизайна изменений клиенту; в соответствии • сбор и с замечаниями; обобщение • повторное информации использование от клиента; содержимого; • создание • разработка привлекательдизайна, ного содержиотвечающего мого брошюры; требованиям • комментарии клиента; коллег; • создание • продумывание композиций; возможности • понимание усовершенбазовых ствования полученного принципов результата; экологического • работа дизайна с фокусгруппами
Технические навыки
из нескольких документов
Программа Photoshop: • использование инструментов для управления цветом; • применение фильтров; • применение инструментов смешения; • трансформация изображений; • ретуширование изображений. Программа InDesign: • понимание фреймов в программе InDesign; • использование шаблонного текста; • дизайн с использованием колонок: • применение различных стилей символов и абзацев; • обтекание текстом объектов (включая применение вложенной графики); • применение текстовых эффектов; • помещение объектов на страницу; • создание фигур и границ; • создание интерактивных документов. Программа Acrobat Pro: • применение инструмен тов комментирования. Онлайн-служба CS Review: • использование онлайн-службы CS Review для совместного анализа документов
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Руководство проектом
Проект 7. Информационные бюллетени В центре: • удобство и простота использования, логическая организация; • оформление; • содержимое; • оценка и сравнение информационных бюллетеней. Время: 11–16 часов (3–4 недель)
• Распределение ролей в процессе печатного производства; • контроль над выполнением заданий в соответствии с выполняемой ролью; • определение необходимых элементов; • работа с текстом; • разработка и контроль над планом проекта; • участие во всех этапах процесса печатного производства
Дизайн
• Разработка дизайна шапки издания; • разграничение содержимого с помощью дизайна; • создание макетов с использованием нескольких колонок и нескольких страниц; • соблюдение единообразного цветового стиля и стиля оформления (с помощью тем); • применение текста и изображений для яркого представления содержимого; • разработка удобной навигации; • использование дизайнерских приемов для возбуждения интереса
Исследование и коммуникация
• Анализ информационных бюллетеней; • применение инструментов проектирования для обеспечения коммуникации между членами команды; • получение, оценка и синтез информации из различных источников; • обзор и оценка содержимого на предмет его соответствия преследуемым задачам; • совместная работа членов команды; • презентация информационного бюллетеня; • понимание правил журналистской этики
17
Технические навыки
Программа InDesign: • создание шаблонов; • применение объектов из библиотеки; • помещение текста на контур; • создание многостраничных разворотов; • трансформация объектов; • управление потоком текста между фреймами и колонками; • импортирование текста из программы Microsoft Word; • нумерация страниц; • добавление подписей. Программа Illustrator: • понимание интерфейса программы Illustrator; • добавление текста и создание векторных контуров текста; • рисование в программе Illustrator; • рисование в перспективе; • создание векторных и растровых изображений; • понимание фильтров в программе Illustrator; • создание многоугольников; • сглаживание и упрощение контуров; • выбор обводки и заливки. Программа Photoshop: • применение инструментов измерения. Программа Acrobat Pro: • создание пакета информационного бюллетеня для распространения
18
ÎÁÇÎÐ È ÏËÀÍ ÊÓÐÑÀ
Руководство проектом
Дизайн
Исследование и коммуникация
• Общение с коллегами, преподавателями и другими людьми; • изучение и анализ ежегодников; • изучение и сбор информации об учебных мероприятиях; • планирование и отбор важной информации; • планирование и организация фокус-групп; • анализ и внесение изменений; • презентация альбома и комментарии
Проект 8. • Распределение Школьные и соблюдение мини-альбомы ролей; В центре: • создание • соблюдение и контроль единого стиля над планом оформления; проекта; • комментарии • создание коллег пособия и презентация. по стилю Время: 12–16 часов (3–4 недели)
• Разработка и создание двухстраничных разворотов; • печать фотографий в край страницы; • сбор или создание многократно используемых графических объектов или иллюстраций; • разработка дизайна и создание многократно применимого макета страницы; • разработка дизайна и создание тематически связанных страниц; • разработка дизайна и создание фона для страниц с фотографиями
Проект 9. • Планирование Финальные и создание портфолио PDF-портВ центре: фолио; • соблюдение • организация единого стиля и управление в дизайне содержимым; макета; • проведение • комментарии анализа коллег и внесение и презентация; изменений;
• Передача • Анализ информации применения определенным единообразного целевым цветового стиля аудиториям; и стиля • планирование оформления; и реализация • разработка стратегий логически исследования; связанных • понимание между собой и тренировка страниц;
Технические навыки
Программа InDesign: • создание станицшаблонов; • преобразование текста в контур; • применение команды Вклеить в (Paste Into); • создание разворотов; • печать фотографий в край страницы; • работа со средником; • сочетание нескольких фильтров; • использование книг; • создание таблиц с содержанием и предметными указателями; • применение обводки, масштаба и наклона к тексту; • применение разделов; • применение стилей объектов. Программа Illustrator: • понимание символов в программе Illustrator; • применение инструмента Распылитель символов (Symbol sprayer). Программа Photoshop: • создание обзорного листа; • создание пакета изображений Программа InDesign: • создание портфолио. Программа Acrobat Pro: • создание пакета из нескольких документов
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Руководство проектом
Дизайн
Исследование и коммуникация
19
Технические навыки
профессио• конструктивная • учет особенно• развитие нальных критика; стей определенв профессионавыков: ной целевой нальном плане • создание • навыки графического аудитории и планироваизучения представления и определенных ние карьерных карьерных задач возможностей. возможностей; Время: 5–7 часов • презентацион(2–3 недели) ные навыки; • защита своей работы и комментарии; • учет критических замечаний; • демонстрация внесенных изменений и целей, достигнутых с их помощью; • создание маркетингового плана
ÊÎÌÏÜÞÒÅÐÍÎÅ ÎÁÎÐÓÄÎÂÀÍÈÅ Â Ó×ÅÁÍÎÌ ÖÅÍÒÐÅ Мы включили техническую информацию, которая вам понадобится для того, чтобы подготовить свой учебный центр к программе «Визуальный дизайн».
Ïðîãðàììà Adobe Photoshop CS5 Extended Установите программу Photoshop CS5 Extended на всех компьютерах. Системные требования и описание процесса установки содержатся в документации к программному обеспечению. Чтобы получить обновленную информацию по системным требованиям, посетите страницу www.adobe.com/go/photoshopextended_systemreqs. Чтобы посмотреть видеоурок по программе Adobe Photoshop CS5 Extended и учебному курсу «Визуальный дизайн», зайдите на страницу tv.adobe.com/show/visual-design-cs5/ Windows • • •
Процессор Intel® Pentium® 4 или AMD Athlon® 64. Microsoft® Windows® XP с пакетом Service Pack 3; Windows Vista™ Home Premium, Business, Ultimate или Enterprise с Service Pack 1; или Windows 7. 1 Гб ОЗУ.
20 •
• • • • •
ÎÁÇÎÐ È ÏËÀÍ ÊÓÐÑÀ
1 Гб свободного пространства на жестком диске для установки; дополнительное свободное пространство, необходимое для установки (не устанавливается на съемные устройства хранения типа Flash-памяти). Разрешение монитора 1024 × 768 (рекомендуется 1280 × 800), видеокарта с поддержкой OpenGL, аппаратного ускорения и 16-разрядных цветов, 256 Мб видеопамяти. Некоторые функции ускорения GPU требуют поддержки графики Shader Model 3.0 и OpenGL 2.0. Привод DVD-ROM. Программное обеспечение QuickTime 7.6.2, необходимое для мультимедийных функций. Широкополосное интернет-соединение, необходимое для использования онлайн-сервисов.
Macintosh • • • •
• • • •
Многоядерный процессор Intel®. Mac OS X v.10.5.7 или v.10.6. 1 Гб ОЗУ. 2 Гб свободного пространства на жестком диске для установки; дополнительное свободное пространство, необходимое для установки (не устанавливается на диск, для которого используется файловая система, чувствительная к регистру, или на съемные устройства хранения типа Flash-памяти). Разрешение монитора 1024 × 768 (рекомендуется 1280 × 800), видеокарта с поддержкой OpenGL, аппаратного ускорения и 16-разрядных цветов, 256 Мб видеопамяти. Привод DVD-ROM. Программное обеспечение QuickTime 7.6.2, необходимое для мультимедийных функций. Широкополосное интернет-соединение, необходимое для использования онлайн-сервисов.
Ïðîãðàììà Adobe InDesign CS5 Установите программу InDesign CS5 на всех компьютерах. Системные требования и описание процесса установки содержатся в документации к программному обеспечению. Чтобы получить обновленную информацию по системным требованиям, посетите страницу www.adobe.com/go/indesign_systemreqs. Чтобы посмотреть видеоурок по программе Adobe InDesign CS5 и учебному курсу «Визуальный дизайн», зайдите на страницу tv.adobe.com/show/visual-design-cs5/. Windows • •
•
Процессор Intel® Pentium® 4 или AMD Athlon® 64. Microsoft® Windows® XP с пакетом Service Pack 2 (рекомендуется пакет Service Pack 3); Windows Vista® Home Premium, Business, Ultimate или Enterprise с пакетом Service Pack 1 либо Windows 7. 1 Гб ОЗУ (рекомендуется 2 Гб).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
21
•
1,6 Гб свободного пространства на жестком диске для установки; дополнительное свободное пространство, необходимое для установки (не устанавливается на съемные устройства хранения типа Flash-памяти).
•
Разрешение монитора 1024 × 768 (рекомендуется 1280 × 800) и 16-разрядная видеокарта.
•
Привод DVD-ROM.
•
Для экспорта файлов в формате SWF требуется программное обеспечение Adobe® Flash® Player 10.
•
Широкополосное Интернет-соединение, необходимое для использования онлайн-сервисов.
Macintosh •
Многоядерный процессор Intel®.
•
Mac OS X v.10.5.7 или v.10.6.
•
1 Гб ОЗУ (рекомендуется 2 Гб).
•
2,6 Гб свободного пространства на жестком диске для установки; дополнительное свободное пространство, необходимое для установки (не устанавливается на диск, для которого используется файловая система, чувствительная к регистру, или на съемные устройства хранения типа Flash-памяти).
•
Разрешение монитора 1024 × 768 (рекомендуется 1280 × 800) и 16-разрядная видеокарта.
•
Привод DVD-ROM.
•
Для экспорта файлов в формате SWF требуется программное обеспечение Adobe® Flash® Player 10.
•
Широкополосное интернет-соединение, необходимое для использования онлайн-сервисов.
Ïðîãðàììà Adobe Illustrator CS5 Установите программу Illustrator CS5 на всех компьютерах. Системные требования и описание процесса установки содержатся в документации к программному обеспечению. Чтобы получить обновленную информацию по системным требованиям, посетите страницу www.adobe.com/go/illustrator_systemreqs. Чтобы посмотреть видеоурок по программе Adobe Illustrator CS5 и учебному курсу «Визуальный дизайн», зайдите на страницу tv.adobe.com/show/visual-design-cs5/. Windows •
Процессор Intel® Pentium® 4 или AMD Athlon® 64.
•
Microsoft® Windows® XP с пакетом SP3; Windows Vista® Home Premium, Business, Ultimate или Enterprise с пакетом SP1 либо Windows 7.
•
1 Гб ОЗУ.
22 •
• • •
ÎÁÇÎÐ È ÏËÀÍ ÊÓÐÑÀ
2 Гб свободного пространства на жестком диске для установки; дополнительное свободное пространство, необходимое для установки (не устанавливается на съемные устройства хранения типа Flash-памяти). Разрешение монитора 1024 × 768 (рекомендуется 1280 × 800) с 16-разрядной видеокартой. Привод DVD-ROM. Широкополосное интернет-соединение, необходимое для использования онлайн-сервисов.
Macintosh • • • •
• • • •
Процессор Intel®. Mac OS X v10.5.7 или v10.6. 1 Гб ОЗУ. 2 Гб свободного пространства на жестком диске для установки; дополнительное свободное пространство, необходимое для установки (не устанавливается на диск, для которого используется файловая система, чувствительная к регистру, или на съемные устройства хранения типа Flash-памяти). Разрешение монитора 1024 × 768 (рекомендуется 1280 × 800) с 16-разрядной видеокартой. Привод DVD-ROM. Программное обеспечение QuickTime 7, необходимое для мультимедийных функций. Широкополосное Интернет-соединение, необходимое для использования онлайн-сервисов.
Ïðîãðàììà Adobe Acrobat 9 Pro Установите программу Acrobat 9 Pro на всех компьютерах. Системные требования и описание процесса установки содержатся в документации к программному обеспечению. Чтобы получить обновленную информацию по системным требованиям, посетите страницу www.adobe.com/products/acrobatpro/systemreqs. Чтобы посмотреть видеоурок по программе Adobe Acrobat 9 Pro и учебному курсу «Визуальный дизайн», зайдите на страницу tv.adobe.com/show/visual-design-cs5/ Windows • •
• • •
Процессор с тактовой частотой 1,3 ГГц и выше. Microsoft® Windows® XP Home, Professional или Tablet PC Edition с пакетом Service Pack 2 или 3 (32-разрядная или 64-разрядная версии); Windows Server® 2003 (с пакетом Service Pack 2 для 64-разрядной версии); или Windows Vista® Home Basic, Home Premium, Business, Ultimate или Enterprise с пакетом Service Pack 1 (32-разрядная или 64-разрядная версии) или без него. Internet Explorer 6.0. 256 Мб оперативной памяти (рекомендуется 512 Мб). 2,13 Гб свободного пространства на жестком диске.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
•
Монитор с разрешением экрана 1024 × 768.
•
Привод DVD-ROM.
•
Аппаратное ускорение видео (необязательно).
•
Интернет или телефонное соединение, необходимое для активации продукта.
23
Macintosh •
Процессор PowerPC® G4, G5 или Intel.
•
Mac OS X v10.4.11 или 10.5.
•
256 Мб оперативной памяти (рекомендуется 512 Мб).
•
1,42 Гб свободного пространства на жестком диске.
•
Монитор с разрешением экрана 1024 × 768.
•
Привод DVD-ROM.
Óëó÷øåíèå ó÷åáíîãî öåíòðà Существует множество способов дополнить опыт учащихся по мере их участия в данных проектах, а также помочь вам при обработке содержимого и работе с новыми технологиями. Оборудовав учебный центр для работы над проектами, вы можете воспользоваться приведенными ниже рекомендациями, которые помогут вам успешно реализовать учебный курс «Визуальный дизайн».
Ïðèíÿòûå ïðàâèëà ïîëüçîâàíèÿ Чтобы осуществить идею цифрового гражданства и помочь учащимся освоить используемые ими технологии и инструменты, обсудите с учащимися принятые правила пользования. Возможно, в вашем учреждении уже существуют правила, однако обсудите с учащимися надлежащее пользование Интернетом и технологическими инструментами, а также пусть они проявят свое понимание этих вопросов в обсуждении различных сценариев ненадлежащего использования и определят возможные последствия. Вместе с учащимися разработайте правила поведения в учебном центре, чтобы защитить права и полномочия других учащихся и сохранность оборудования в учебном центре. Предложите правила, способствующие плодотворной работе в команде и полезных комментариев.
Óïðàâëåíèå ôàéëàìè Чтобы сократить время, необходимое для оценки работ учащихся, убедитесь, что все материалы в учебном центре, а также все работы учащихся хранятся должным образом (желательно на сервере учебного центра). Ознакомьтесь со следующими рекомендациями. •
Папки учащихся: у каждого учащегося должна быть папка, в которой хранятся все его работы. В название папки можно включить фамилию учащегося, первую букву имени и этап обучения (например, per7_m_smith).
24
ÎÁÇÎÐ È ÏËÀÍ ÊÓÐÑÀ
•
Резервные копии: у учащихся могут быть диски с zip-архивами, Flash-устройства или копии своих папок.
•
Работа из дома: учащиеся могут работать из дома, но убедитесь, что они смогут загружать свои работы на компьютеры учебного центра (например, по протоколу FTP, через электронную почту, с помощью DVD-диска или Flash-устройства).
•
Отправка работы: если учащиеся работают из дома по электронной почте, убедитесь, что у вас установлена эффективная защита от вирусов и что названия всех работ четко отражают их содержание, чтобы проще было их идентифицировать и структурировать (например, per7_logo_m_smith).
•
Правовые вопросы: если вы планируете опубликовать работу учащегося в Интернете, обратитесь к правилам вашего учебного центра, которые касаются необходимости указывать также имена учащихся и выкладывать их фотографии. Возможно, необязательно указывать полное имя учащегося или его электронный адрес.
Îáñòàíîâêà â ó÷åáíîì öåíòðå Если вы на каждом занятии в учебном центре применяете технологии, вы можете также затронуть и вопросы, не имеющие отношения к предмету изучения. Этот учебный курс разработан таким образом, чтобы учащиеся почувствовали себя в реальной рабочей обстановке. Ниже приведены способы и приемы эффективного использования технологии и фокусирования на содержимом. •
Плакаты с примерами хорошего дизайна: поскольку данный учебный курс сосредоточен на принципах хорошего дизайна, вы можете распечатать несколько примеров плакатов, рекламных объявлений, брошюр, информационных бюллетеней и т. д. с хорошим дизайном и раздать их в классе. Также можно раздать примеры «хорошего» и «плохого» дизайна. Вы можете также попросить учащихся составить список критериев определения, является ли тот или иной вариант дизайна удачным, и раздать этот список всем учащимся.
•
Центр помощи: создайте библиотеку с печатными материалами по программному обеспечению и техникам дизайна, разместите эту библиотеку в углу комнаты для занятий, где учащиеся смогут найти ответы на сложные вопросы.
•
Обмен знаниями: создайте «лист с советами» для каждого проекта, чтобы учащиеся могли указывать в нем свои советы и рекомендации будущим командам.
•
Список текущих вопросов: на большом листе бумаги или на доске перечислите технические вопросы, ответы на которые должны найти учащиеся. Когда ответы найдены, впишите их под вопросами.
•
Лидеры среди учащихся: определите лидеров, обладающих сильными техническими навыками, и сообщите, что по всем вопросам, связанным с программным обеспечением или компьютерным оборудованием, другие учащиеся должны обращаться в первую очередь к ним, чтобы вам не приходилось тратить время занятия на решение технических вопросов. Вы можете перекладывать эту роль на разных учащихся, стимулируя их проявлять инициативу в процессе обучения.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
25
•
Вопросы: вы можете столкнуться с необходимостью перебегать от одного учащегося к другому, когда они работают над проектом. Чтобы избежать этого, попросите учащихся сначала попытаться найти ответы самостоятельно и только во вторую очередь полагаться на преподавателя, а также продолжать работу, не дожидаясь ответа. Например, вы можете попросить учащихся заглянуть сначала в специальную литературу или спросить своих коллег, прежде чем обращаться к преподавателю. Вы можете также раздать учащимся специальные таблички, которые они могут поместить на монитор, сигнализируя о том, что нуждаются в помощи.
•
Дополнительные технологии: в процессе работы над проектами некоторые учащиеся столкнутся с теми техниками, которые не обсуждались на занятии. Когда группа учащихся самостоятельно изучит новый прием, попросите этих учащихся рассказать об этом приеме остальным. Группа должна продемонстрировать результат, пошагово описать, как этот результат был достигнут, и помочь остальным применить этот прием на практике.
•
Использование конструктивных комментариев: работа в команде требует от учащихся развития коммуникативных навыков. В течение процесса печатного производства учащимся иногда придется критиковать работу друг друга. Когда учащиеся дают свой комментарий, они должны быть внимательны к чувствам других. Чтобы помочь учащимся развить коммуникативные навыки, вы можете уделить какое-то время обсуждению, какие комментарии и слова являются конструктивными. Созданный совместно список можно раздать всем учащимся в качестве напоминания, какие слова нужно использовать в критических замечаниях по работе своих коллег.
Ýòè÷åñêèå ïðèíöèïû èñïîëüçîâàíèÿ ñîäåðæèìîãî è ïðîöåññà ïðîèçâîäñòâà Во время работы над основной массой проектов учащиеся будут отбирать, обрабатывать и создавать изображения. Объясните учащимся, что они должны быть социально ответственными друг перед другом и перед своей аудиторией, чтобы они и в будущем следовали эти принципам. Необходимо сосредоточиться на следующих аспектах. •
Актуальность и достоверность содержимого: поскольку учащиеся находят содержимое в Интернете, они должны постоянно анализировать и оценивать его объективность, актуальность и надежность источника, собирая информацию из различных источников.
•
Авторское право: подчеркните необходимость получения разрешения на использование графических объектов и изображений, созданных другими людьми, а также необходимость защитить авторским правом свою собственную работу.
•
Правила журналистской этики: как только учащиеся начинают сообщать информацию с помощью различных графических и печатных средств информации, у них появляется ответственность перед своей аудиторией. Напомните учащимся о силе убеждения, которой обладают цифровые средства и способы коммуникации. Убедите их в необходимости всегда соблюдать этические нормы: правдивость, надежность, честность и конфиденциальность.
26
ÎÁÇÎÐ È ÏËÀÍ ÊÓÐÑÀ
Îãðàíè÷åííûå ðåñóðñû (öèôðîâûå ôîòîàïïàðàòû, âèäåîêàìåðû, ñêàíåðû è ïð.) •
Предложите учащимся работать в группах, а не по отдельности.
•
Попробуйте объединить все компьютеры в одну общую сеть, чтобы стимулировать коллективное обучение.
•
Вы можете разделить компьютеры на несколько учебных блоков, каждый из которых будет посвящен определенной предметной области или определенной деятельности (центр цифровых устройств, центр интернет-исследований и т. д.).
•
Вы можете разбить деятельность в рамках каждого проекта. Пока одни учащиеся с помощью оборудования собирают данные, другие изучают предмет с помощью других подручных средств, планируя, на какое время и для каких целей им понадобится оборудование. Убедитесь, что все учащиеся все время задействованы.
Ïðîôåññèîíàëüíûå íàâûêè Этот учебный курс должен помочь учащимся получить профессиональный опыт. Вы можете сосредоточиться на развитии профессионального поведения следующим образом. •
Навыки межличностного общения: во время общения с клиентами учащимся понадобятся навыки межличностного общения, чтобы обсуждать свою работу с клиентом. Учащиеся могут практиковаться в общении друг с другом или с вами, чтобы развить навыки общения с клиентом.
•
Отслеживание процесса работы над проектом: подчеркните необходимость разработать продуманное расписание и план действий. Вы можете попросить учащихся составлять краткие ежедневные отчеты, отражающие, насколько они продвигаются в выполнении заданий. Помогите учащимся сменить приоритеты, если это необходимо.
•
Работа в команде: способствовать личностному развитию учащихся и их развитию в качестве успешных членов команды — довольно непростое занятие. Вы можете подчеркнуть, насколько важно развиваться в этих направлениях, указав, что их индивидуальные качества привносят большой вклад в достижение общей цели. Старайтесь разрешать все конфликты внутри команды и работайте со всеми командами, используя наиболее успешные методики.
•
Профессиональная обстановка: Чтобы подготовить учащихся к работе с клиентами и помочь им развить профессиональное поведение, вы можете еженедельно присуждать им баллы за проявление профессионализма и профессиональных навыков, таких как: • пунктуальность; • аккуратная и соответствующая обстановке одежда во время общения с коллегами и клиентами; • быстрая реакция на запросы коллег и клиентов; • выслушивание предложений и хорошая работа в команде.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
•
27
Профессиональные дизайнеры: учащимся может быть очень полезно общение с профессиональными дизайнерами. Вы можете организовать посещение дизайнерской студии или попросить дизайнера прийти в ваш учебный центр. Основные темы для обсуждения с дизайнером: – работа в команде и сотрудничество; – эффективный дизайн; – примеры работы дизайнера и возможные трудности; – использование профессионального программного обеспечения, такого как программный пакет Adobe, в области разработки дизайна; – комментарии к работам учащихся.
Ìåæäèñöèïëèíàðíîå îáó÷åíèå Вы можете объединиться с преподавателем по искусству, бизнесу, английскому языку или естествознанию и совместно преподавать определенные аспекты. Вы можете отвести учащихся в кабинет другого преподавателя, чтобы сменить обстановку, пригласить другого преподавателя в свой кабинет или объединить содержимое проекта с той информацией, на которой специализируется преподаватель-предметник. Это особенно удобно в следующих областях. • Фотография: преподаватель по искусству может рассказать о процессе создания и обработки фотографии. • Графический дизайн: преподаватель по искусству может рассказать о линиях, «правиле третей» в фотографии и о типографике. • Дизайн макета: преподаватель по искусству может рассказать о композиции, цветах и фигурах. • Полиграфический дизайн и печатное производство: преподаватель по делопроизводству может обсудить с учащимися вопросы квалификационных требований, зарплату и навыки, необходимые для работы в области печатного производства и графического дизайна. Преподаватель по маркетингу может присоединиться к этому обсуждению, рассказав о целевых аудиториях и задачах. • Написание текстов: преподаватель по русскому языку и литературе может потренировать учащихся писать тексты для различных аудиторий, например тексты для газет, брошюр или ежегодников. • Анализ и измерение изображений: преподаватель по математике или естествознанию может помочь учащимся в понимании таких понятий, как расстояние, периметр, площадь и другие измерения, стимулируя учащихся к применению инструментов анализа и измерения изображений, доступных в программе Photoshop. • Проекты по основным учебным предметам: преподаватель-предметник по английскому языку, естествознанию, математике или истории может соответствующим образом дополнить проект. Учащиеся могут изучить определенное предметное содержание помимо получения навыков в сфере дизайна.
28
ÎÁÇÎÐ È ÏËÀÍ ÊÓÐÑÀ
ÎÁÇÎÐ ÍÀÂÛÊÎÂ Данный раздел можно использовать в качестве средства оценки различных аспектов основного процесса дизайна и печатного производства. Хотя в каждый проект включен отдельный раздел с обзором навыков, вы можете пользоваться ниже приведенной таблицей для оценки отдельных аспектов проектов. Выберите подходящие для конкретного проекта данные таблицы.
Íàâûêè ïðîåêòèðîâàíèÿ 0 — ниже ожидаемого
3 — соответствует ожиданиям
5 — превосходит ожидания
Композиция
Неудачно используются свободное пространство, симметрия и фокусная точка. Страницы (и элементы на страницах) обрезаны неудачно или окружены слишком большим свободным пространством
В некоторой степени удачно используется свободное пространство, симметрия и фокусная точка. Страницы (и элементы на страницах) обычно неплохо вписываются в свои границы
Свободное пространство, симметрия и фокусная точка применяются достаточно эффективно. Страницы (и элементы на страницах) очень хорошо вписываются в свои границы
Цвет
Цвета не сочетаются и не отражают дизайнерский стиль. Фоновый цвет не соответствует тексту и изображениям. Из-за используемых цветов текст сложно прочитать
Цвета более или менее дополняют друг друга. Фоновый цвет подходит к стилю текста и изображениям. Цвета не влияют на читабельность
Цвета сочетаются друг с другом, подчеркивая дизайнерский стиль. Фоновый цвет дополняет изображения и стиль текста. Благодаря цветам текст проще читать
Типографика
Текст сложно прочитать. Свободное пространство используется неэффективно. Шрифт и текстовые эффекты не сочетаются с дизайнерским стилем и мешают прочтению текста
Текст легко читается. Кегль шрифта передает информацию и вписывается в общий дизайн сайта. Свободное пространство вокруг текста способствует простоте чтения текста и вписывается в дизайн. Шрифт и текстовые эффекты сочетаются с дизайном и способствуют прочтению текста
Текст легко прочитать, и выбранные типы шрифта отвечают задачам дизайна. Кегли шрифта расставляют нужные акценты и отражают иерархию. Свободное пространство вокруг текста прекрасно способствует легкости чтения текста и сочетается с дизайном. Шрифт и текстовые эффекты помогают отразить стиль. Благодаря цвету, размеру и контрастности шрифта, текст легко читается
Категория
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Категория
0 — ниже ожидаемого
3 — соответствует ожиданиям
29
5 — превосходит ожидания
Макет
Макет и стиль страниц не единообразны. Макет не способствует доступности всего содержимого и графических элементов и не является интуитивно понятным
Макет и стиль страниц единообразны. Макет способствует доступности основной части содержимого и является интуитивно понятным. Некоторое содержимое и графические объекты трудно заметить или прочитать
Макет и стиль всех страниц единообразны и согласованны. Макет способствует доступности всего содержимого и является интуитивно понятным
Применение технических элементов (в программах Photoshop, InDesign, Illustrator или Acrobat)
Применение технических элементов и эффектов не способствует тому, чтобы у аудитории сложилось лучшее впечатление о продукте (благодаря легкости чтения, удобной навигации и т. д.), также оно не отвечает основным целям и задачам проекта
Применение технических элементов и эффектов отвечает основным целям и задачам проекта, но не способствует тому, чтобы у аудитории сложилось лучшее впечатление о продукте (благодаря легкости чтения, удобной навигации и т. д.). Применение подобных элементов или эффектов не является чрезмерным или отвлекающим внимание
Применение технических элементов и эффектов дополняет общий дизайн и оформление, создавая у аудитории лучшее впечатление о продукте (благодаря легкости чтения, удобной навигации и т. д.) и отвечая целям и задачам проекта. Применение подобных элементов или эффектов не является чрезмерным или отвлекающим внимание
План проекта
В плане проекта План проекта полный, представлена неполно в некоторой степени ная или противоречи- труден для восприятия вая информация о процессе работы над проектом
План проекта тщательно проработан, полон и очень понятен
Òåõíè÷åñêèå íàâûêè 3 — соответствует ожиданиям
5 — превосходит ожидания
Изображения недостаточно хорошо обработаны и не всегда демонстрируют надлежащее применение методик и инструментов
Изображения достаточно хорошо обработаны с применением различных методик и инструментов, таких как коррекция цвета, фильтры, ретуширование, преобразование и смешение
Изображения хорошо обработаны с применением всего набора техник и инструментов, таких как коррекция цвета, фильтры, ретуширование, преобразование и смешение
Иллюстрации плохо прорисованы и не всегда демонстрируют применение надлежащих инструментов рисования и эффектов
Иллюстрации достаточно хорошо нарисованы с помощью различных инструментов рисования и эффектов
Иллюстрации хорошо и четко нарисованы, благодаря эффективному применению полного диапазона инструментов рисования и эффектов
Категория
0 — ниже ожидаемого
Обработка изображения
Рисование
30
ÎÁÇÎÐ È ÏËÀÍ ÊÓÐÑÀ
0 — ниже ожидаемого
3 — соответствует ожиданиям
Цвет
Цвет выбран неудачно и обычно не подходит для печати, публикации в Интернете или видеомонтажа
Цвета в основном выбраны удачно и обычно подходят для печати, публикации в Интернете или видеомонтажа
Цвета выбраны удачно и подходят для печати, публикации в Интернете или видеомонтажа
Оптимизация
Качество изображений невысокое, или размер файла слишком велик
Качество и размер изображений достаточно хорошо сбалансированы
Качество и размер изображений отлично сбалансированы
Применение инструментов
Учащемуся часто приходится спрашивать, какой инструмент нужно применить для создания желаемого эффекта или элемента. Самостоятельно не использует доступную информацию об инструментах. Неудачно использует инструменты
Учащийся обычно знает, какой инструмент нужно применить, чтобы создать желаемый эффект или элемент, но иногда ему приходится напоминать о необходимости использовать доступную информацию об инструментах. Успешно использует большинство инструментов
Учащийся знает, какой инструмент нужно применить, чтобы создать желаемый эффект или элемент, или эффективно и самостоятельно использует доступные ресурсы, чтобы получить информацию. Успешно использует инструменты
Категория
5 — превосходит ожидания
Íàâûêè ïðîâåäåíèÿ èññëåäîâàíèÿ è êîììóíèêàòèâíûå íàâûêè Категория
0 — ниже ожидаемого
3 — соответствует ожиданиям
5 — превосходит ожидания
Процесс разработки дизайна
В процессе разработки дизайна отсутствуют некоторые важные элементы, такие как эскизы, композиции дизайна, планы проекта и комментарии. Готовая работа не вполне соответствует плану проекта и комментариям
В процессе разработки дизайна используются такие элементы, как эскизы, композиции дизайна, планы проекта и комментарии. Готовая работа соответствуют плану проекта, учтены некоторые комментарии
В процессе разработки дизайна используются надлежащие элементы, такие как эскизы, композиции дизайна, планы проекта и комментарии. Готовая работа точно соответствует плану проекта, включая продуманные дизайнерские решения, принятые в ходе работы, и изменения, основанные на комментариях
Отзыв
Обзор работ других учащихся некомпетентен в отношении содержимого и дизайна. Отзыв не информативен и часто неконструктивен
В обзоре работ других учащихся представлен некоторый анализ содержимого и дизайна. Отзыв несколько информативен, и в нем приведены комментарии относительно дизайна и содержимого. Отзыв не всегда конструктивен
В обзоре работ других учащихся представлен тщательный и подробный анализ содержимого и дизайна. Отзыв четкий и информативный, и в нем приведены комментарии относительно дизайна и содержимого. Отзыв всегда конструктивен
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Категория
3 — соответствует ожиданиям
0 — ниже ожидаемого
31
5 — превосходит ожидания
Презентация В презентации дизайна представлено мало информации о задачах, принципах и требованиях проекта
В презентации дизайна представлена информация о задачах, принципах и требованиях проекта
В презентации дизайна четко и полно изложены задачи, принципы и требования проекта
Учащийся не сотрудничает с другими учащимися, высказывая комментарии или предлагая помощь. Выполняет предписанную роль, но не вносит должный вклад в работу над проектом. Не консультируется с другими членами команды перед принятием важных проектных решений. Не помогает другим развивать навыки
Учащийся сотрудничает с другими учащимися, высказывая комментарии или предлагая помощь. Выполняет предписанную роль и вносит должный вклад в работу над проектом. Иногда консультируется с другими членами команды перед принятием важных проектных решений, но лишь минимально помогает другим в развитии навыков
Учащийся активно сотрудничает с другими учащимися, высказывая комментарии или предлагая помощь. Выполняет предписанную роль и вносит должный вклад в работу над проектом. Консультируется с другими членами команды перед принятием важных проектных решений и добровольно помогает другим в развитии навыков, необходимых для выполнения проекта
Работа в команде
Íàâûêè óïðàâëåíèÿ ïðîåêòîì Категория
0 — ниже ожидаемого
Прогрессивный Учащийся не придержидизайн вается плана проекта и не прислушивается к комментариям коллег, преподавателя или клиента
3 — соответствует ожиданиям
5 — превосходит ожидания
Учащийся придерживается плана проекта, чтобы направлять процесс создания дизайна. Непоследовательно следует советам коллег, преподавателя или клиента для внесения изменений
Учащийся придерживается плана проекта, чтобы направлять процесс разработки и создания дизайна. Вдумчиво следует советам коллег, преподавателя или клиента для внесения изменений
Рецензия
Учащийся не реагирует на комментарии либо следует им и вносит изменения в работу, не продумав, насколько эти комментарии помогут усовершенствовать содержимое и дизайн проекта
Учащийся реагирует на комментарии, определив, помогут ли эти комментарии усовершенствовать содержимое и дизайн проекта. Следует некоторым из этих комментариев при внесении изменений в работу
Учащийся выражает продуманную реакцию на комментарии, определяя, какой из них максимально помогает усовершенствовать содержимое и дизайн проекта. Следует этим комментариям при внесении изменений в работу
Планирование времени
Учащийся неэффективно распределяет время на выполнение каждого этапа процесса разработки дизайна. Завершает в срок лишь некоторые этапы
Учащийся выделяет время для каждого этапа процесса разработки дизайна. Завершает в срок большинство этапов
Учащийся вдумчиво и эффективно распределяет время на выполнение каждого этапа процесса разработки дизайна. Завершает в срок все этапы
32
ÎÁÇÎÐ È ÏËÀÍ ÊÓÐÑÀ
Ñòàíäàðòû ISTE NETS*S äëÿ ó÷àùèõñÿ Международное сообщество образовательных технологий (ISTE) является надежным источником для профессионального развития и получения знаний, а также лидером в области инноваций. Эти стандарты, которые учитываются в учебном курсе «Визуальный дизайн», соблюдаются в различных заданиях, выполняемых при работе над каждым проектом. 1. Творчество и инновации. Учащиеся демонстрируют творческое мышление, исследовательские подходы и разрабатывают инновационные продукты и процессы с использованием технологии. Учащиеся: a) применяют имеющиеся знания для получения новых идей, продуктов или процессов; b) создают оригинальные произведения как средство выражения личности или группы; c) используют модели и моделирование для изучения сложных систем и проблем; d) выявляют тенденции и прогнозируют возможности. 2. Коммуникации и сотрудничество. Учащиеся используют цифровые средства и среды для общения и коллективной работы, в том числе на расстоянии, для поддержки индивидуального обучения и возможности обучения других. Учащиеся: a) взаимодействуют, сотрудничают и творят со сверстниками, экспертами или другими участниками, используя различные цифровые среды и средства; b) эффективно распространяют информацию и идеи для разных аудиторий с использованием различных средств и форматов; c) развивают культурное взаимопонимание и мировое сотрудничество путем привлечения учащихся других культур; d) участвуют в проектных группах для создания оригинальных произведений или решения проблем. 3. Исследования и информационная компетентность. Учащиеся умеют применять цифровые инструменты для сбора, оценки и использования информации. Учащиеся: a) планируют стратегии исследования; b) находят, организуют, анализируют, оценивают, обобщают и используют информации из различных источников и сред; c) оценивают и отбирают источники информации и цифровые средства на основе целесообразности для конкретных задач; d) обрабатывают данные и формулируют результаты. 4. Критическое мышление, решение проблем и принятие решений. Учащиеся используют умение критически мыслить для планирования и проведения научных исследований, управления проектами, решения проблем и принятия обоснованных решений, используя соответствующие цифровые инструменты и ресурсы. Учащиеся:
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
33
a) выявляют и определяют подлинные проблемы и важные вопросы для проведения исследования; b) планируют и управляют деятельностью по разработке решения или выполнения проекта; c) собирают и анализируют данные для выявления решений и/или принятия обоснованных решений; d) используют несколько процессов и различные точки зрения для изучения альтернативных решений. 5. Цифровое гражданство. Учащиеся понимают гуманитарные, культурные и социальные вопросы, связанные с информационными технологиями и практикой легального и этического поведения. Учащиеся: a) практикуют безопасное, правовое и ответственное использование информации и технологии; b) демонстрируют позитивное отношение к использованию технологий, обеспечивающих возможности коллективной работы и обучения; c) демонстрируют личную ответственность за постоянное повышение квалификации; d) демонстрируют лидерство в области цифрового гражданства. 6. Применение технологии и технологические концепции. Учащиеся демонстрируют четкое понимание технологических концепций и систем и их применения. Учащиеся: a) Понимают и используют технологические системы; b) Эффективно и продуктивно выбирают и используют приложения; c) Решают проблемы, возникающие при использовании систем и приложений; d) Используют существующие знания для изучения новых технологий.
Ñåðòèôèêàöèÿ Adobe Certified Associate, çàäà÷è ýêçàìåíà Visual Communication В 2007 году корпорация Adobe провела исследование, чтобы определить базовые навыки, которые нужны учащемуся, чтобы построить эффективные средства коммуникации в области печатного производства и в графическом дизайне. Корпорация Adobe консультировалась со специалистами по образованию и профессионалами в области дизайна, а также провела опрос деловых и образовательных учреждений по всему миру. В результате исследования были выявлены ориентиры в области дизайна, коммуникации, руководства проектом и технологии создания изображений и печатного производства. Далее представлен список важнейших учебных задач, входящих в экзамен Visual Communication в рамках сертификации Adobe Certified Associate и учитывающихся в курсе «Визуальный дизайн».
34
ÎÁÇÎÐ È ÏËÀÍ ÊÓÐÑÀ
Îïðåäåëåíèå òðåáîâàíèé ê ïðîåêòó 1.1
Определение цели, аудитории и потребностей аудитории для подготовки изображения.
1.2
Демонстрация знания стандартных правил авторского права для изображений и правомерного использования изображений.
1.3
Демонстрация знания задач управления проектом и ответственности сторон.
1.4
Общение с другими людьми (например, коллегами и клиентами) по поводу плана разработки дизайна.
Îïðåäåëåíèå ýëåìåíòîâ äèçàéíà ïðè ïîäãîòîâêå èçîáðàæåíèé 2.1
Демонстрация понимания разрешения и размеров изображения, а также знание форматов файлов изображений для Интернета, видео и печати.
2.2
Демонстрация знания принципов дизайна, элементов и композиции изображений.
2.3
Демонстрация знания типографии.
2.4
Демонстрация умения корректировать цвета в программе Photoshop CS5.
2.5
Демонстрация знания устройств генерации изображений, их результирующих типов изображений и того, как обращаться к результирующим изображениям из программы Photoshop.
2.6
Понимание ключевой терминологии для цифровых изображений.
Ïîíèìàíèå ïðîãðàììû Adobe Photoshop CS5 3.1
Определение элементов интерфейса программы Photoshop CS5 и демонстрация понимания их назначения.
3.2
Демонстрация понимания слоев и масок.
3.3
Демонстрация понимания операций импортирования, экспортирования, организации и сохранения.
3.4
Демонстрация понимания процесса создания и многократного применения изображений.
3.5
Демонстрация понимания и умения выбирать подходящие свойства и опции, необходимые для подбора цветов.
Îáðàáîòêà èçîáðàæåíèé ñ ïîìîùüþ ïðîãðàììû Adobe Photoshop CS5 4.1
Демонстрация умения работать с выделениями и инструментами измерения.
4.2
Использование пособий и руководств по программе Photoshop.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
35
4.3
Преобразование изображений.
4.4
Настройка или коррекция тонального диапазона, цвета или искажения изображения.
4.5
Демонстрация умения ретушировать и смешивать изображения.
4.6
Демонстрация знания процесса рисования.
4.7
Демонстрация знания процесса печатания.
4.8
Демонстрация знания фильтров.
Âûïóñê öèôðîâûõ ôîòîãðàôèé ñ ïîìîùüþ ïðîãðàììû Adobe Photoshop CS5 5.1
Демонстрация знания процесса подготовки изображений для Интернета, печати и видео.
DVD-äèñê ñ ó÷åáíûìè ìàòåðèàëàìè ïî ðàáîòå ñ öèôðîâûìè òåõíîëîãèÿìè (Adobe Digital Careers Teaching Resources DVD 24) На DVD-диске с учебными материалами по работе с цифровыми технологиями содержатся электронные файлы и ресурсы для учебного курса по созданию графических объектов и печатной продукции, интернет-дизайну и видеопроизводству. Помимо данного учебного курса DVD-диск содержит учебные материалы от партнеров, таких как Международное сообщество образовательных технологий (ISTE), и информацию о программе получения сертификата Adobe Certified Associate и программе профессионального развития Adobe Professional Development. На DVD-диске содержится следующая информация.
Ïîñîáèå ïî îáó÷àþùåìó êóðñó «Öèôðîâîé äèçàéí» •
Электронная версия материалов для преподавателей и учащихся по каждому заданию.
•
Файлы с данными и примерами, которыми вы можете поделиться с учащимися, чтобы помочь им в выполнении определенных заданий.
•
Презентации PowerPoint, иллюстрирующие понятия, представленные в различных разделах.
Ïîñîáèå ïî îáó÷àþùåìó êóðñó «Âèçóàëüíûé äèçàéí» •
Электронная версия материалов для преподавателей и учащихся по каждому заданию.
•
Презентации PowerPoint, иллюстрирующие понятия, представленные в различных разделах.
Ïîñîáèå ïî îáó÷àþùåìó êóðñó «Öèôðîâîå âèäåî» •
Электронная версия материалов для преподавателей и учащихся по каждому заданию.
36
ÎÁÇÎÐ È ÏËÀÍ ÊÓÐÑÀ
Ñåðòèôèêàöèÿ Adobe Certified Associate • • • •
Цели экзамена Adobe Web Communication с использованием программы Dreamweaver CS5. Цели экзамена Adobe Rich Media Communication с использованием программы Flash Professional CS5. Цели экзамена Adobe Visual Communication с использованием программы Photoshop CS5. Информация с сайта Certiport.com.
Ïðîãðàììà ïðîôåññèîíàëüíîãî ðàçâèòèÿ Adobe Professional Development •
Информация по программам профессионального развития Adobe.
Ðåñóðñû Ìåæäóíàðîäíîãî ñîîáùåñòâà îáðàçîâàòåëüíûõ òåõíîëîãèé (ISTE) • • • • • •
Институты профессионального развития. Обобщенная информация о стандартах NETS «NETS Seal of Alignment». Книги и интернет-семинары ISTE. Периодическая литература ISTE. Конференции ISTE. Возможность стать членом сообщества ISTE.
1. ÊÎËËÀÆÈ È ÔÎÒÎÃÐÀÔÈß ÈÍÑÒÐÓÊÖÈÈ ÄËß ÏÐÅÏÎÄÀÂÀÒÅËÅÉ Время выполнения: от 3 до 5 часов.
ÎÁÇÎÐ ÏÐÎÅÊÒÀ Для создания качественных изображений для печати, Интернета и видео учащиеся должны понимать основополагающие принципы графического дизайна и создания цифровых изображений. Программа Adobe Photoshop CS5 Extended — это инструмент, предназначенный для работы с изображениями, с помощью которого учащиеся смогут анализировать, улучшать и редактировать изображения. В этом проекте, работая над созданием коллажа, учащиеся познакомятся с основами фотографии, композиции изображения и элементами графического дизайна. Учащиеся будут делать снимки и собирать изображения из различных источников, определяя элементы графического дизайна, которые формируют хорошую композицию. Они будут использовать программу Photoshop для ретуширования и обработки этих фотографий и изображений в процессе создания коллажа. Также учащиеся познакомятся с вопросами авторского права и представят полученные знания при помощи программы Adobe Acrobat 9 Pro. Результат проекта: коллаж.
ÖÅËÈ ÏÐÎÅÊÒÀ По завершении данного проекта учащиеся разовьют следующие навыки. Íàâûêè óïðàâëåíèÿ ïðîåêòîì • • •
Планирование и создание коллажа. Организация и управление изображениями. Управление файлами и использование соглашений по именованию файлов.
Äèçàéíåðñêèå íàâûêè • • • • •
Понимание композиции изображения. Понимание коррекции цвета и эффектов. Понимание форматов файлов, разрешения и размера файла. Понимание источника изображения. Понимание методик, применяемых для создания визуальной иерархии.
38
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Èññëåäîâàòåëüñêèå è êîììóíèêàòèâíûå íàâûêè •
Четкая передача информации с использованием правильной терминологии.
•
Понимание вопросов авторского права и принципов правомерного использования объектов, охраняемых авторским правом.
•
Анализ и критика фотографий.
Òåõíè÷åñêèå íàâûêè Общие •
Использование цифрового фотоаппарата;
•
Сканирование изображений.
Программа Photoshop •
Понимание интерфейса программы Adobe Photoshop.
•
Импортирование и работа с файлами различных форматов.
•
Работа со слоями.
•
Ретуширование фотографий при помощи инструментов выделения.
•
Настройка яркости и контрастности.
•
Настройка уровней и цветов.
•
Кадрирование, изменение размеров и выравнивание изображений.
•
Объединение нескольких изображений.
•
Преобразование изображений.
Программа Acrobat Pro •
Понимание интерфейса программы Acrobat.
•
Создание PDF-файлов.
ÎÁÎÐÓÄÎÂÀÍÈÅ È ÌÀÒÅÐÈÀËÛ ÄËß ÂÛÏÎËÍÅÍÈß ÏÐÎÅÊÒÀ •
На всех компьютерах должна быть установлена программа Adobe Photoshop CS5 Extended.
•
На всех компьютерах должна быть установлена программа Adobe Acrobat 9 Pro;
•
Цифровые фотоаппараты.
•
Сканеры.
•
Раздел «Введение в цифровую фотографию».
•
Раздел с пошаговыми инструкциями по программе Photoshop «Обзор рабочего пространства программы Adobe Photoshop CS5».
•
Раздел «Как сканировать изображения».
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
39
•
Раздел с пошаговыми инструкциями по программе Photoshop «Как выполнять коррекцию цвета».
•
Раздел с пошаговыми инструкциями по программе Photoshop «Как ретушировать фотографии».
•
Раздел с пошаговыми инструкциями по программе Photoshop «Как генерировать файлы в различных форматах».
•
Раздел с пошаговыми инструкциями по программе Photoshop «Как изменять размеры, вращать и кадрировать изображения».
•
Раздел с пошаговыми инструкциями по программе Photoshop «Как использовать инструменты выделения».
•
Раздел с пошаговыми инструкциями по программе Photoshop «Как использовать слои в программе Photoshop».
•
Раздел с пошаговыми инструкциями по программе Photoshop «Объединение изображений в программе Photoshop».
•
Раздел «Принципы и нормы авторского права».
•
Раздел с пошаговыми инструкциями по программе Acrobat «Как использовать интерфейс программы Acrobat и основную навигацию».
•
Раздел с пошаговыми инструкциями по программе Acrobat «Как создать PDF-документ».
ÄÎÏÎËÍÈÒÅËÜÍÛÅ ÈÑÒÎ×ÍÈÊÈ ÄËß ÏÎÄÃÎÒÎÂÊÈ •
Ресурсы для дополнительной подготовки.
•
Ключевые понятия.
•
Стандарты ISTE NETS*S для учащихся.
•
Сертификация Adobe Certified Associate, задачи экзамена Visual Communication Сертификация Adobe Certified Associate, задачи экзамена Visual Communication.
ÝÒÀÏÛ ÏÐÎÅÊÒÀ Çíàêîìñòâî ñ ôîòîãðàôèåé, öâåòîì è äèçàéíîì Рекомендуемое время: 50—100 минут. 1. Познакомьте учащихся с целями проекта. • Использовать цифровые фотоаппараты для знакомства с основами фотографии. • Познакомиться с композицией изображения и элементами графического дизайна в фотографии. • Использовать инструменты управления фотографией, чтобы увидеть потенциал улучшения цвета и ретуширования. • Построить коллаж из нескольких изображений в различных форматах.
40
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
2. Расскажите учащимся, что они будут снимать два типа фотографий: портреты и ландшафты. Объясните им, как использовать цифровой фотоаппарат. Дайте учащимся подсказки по созданию хорошей композиции изображения и выбору элементов графического дизайна и продемонстрируйте использование этих подсказок на примере. К подобным подсказкам можно отнести следующее. • Постановка кадра. При постановке кадра старайтесь заполнить его существенными и интересными элементами. • Заострение внимания. Фокусная точка фотографии должна находиться на объекте, на котором вы хотите заострить внимание. • Ракурс. Для создания реалистичных снимков снимайте фотографии с уровня глаз объекта или измените угол съемки, чтобы сменить точку наблюдения. • Баланс. Создавайте ощущение весомости для элементов в кадре; некоторые объекты будут иметь большую весомость, а другие — небольшую весомость. • «Правило третей». Сдвиньте изображение так, чтобы помочь сфокусировать взгляд зрителя на объекте съемки. • Крупный план. Делайте снимки крупным планом, чтобы захватить детали и выделить определенные объекты. • Тон и резкость. Используйте свет и тени, чтобы сконцентрировать внимание на объекте или наоборот — отвлечь внимание от объекта. Поместите объект в фокусную точку и размойте внешние элементы, чтобы привлечь внимание зрителей к этому объекту. • Размещение. Удаляйте объекты, не являющиеся существенными для композиции, или избавьтесь от них, изменив перспективу при помощи фотоаппарата. • Изображения с расширенным динамическим диапазоном (HDR). Используйте методику экспозиционной вилки, чтобы сделать несколько снимков с различными настройками экспозиции. В дальнейшем эти снимки можно объединить вместе, чтобы получить художественный HDR-эффект. Раздел «Введение в цифровую фотографию». Ïðèìå÷àíèå:  ðàçäåëå «Ðåñóðñû äëÿ äîïîëíèòåëüíîé ïîäãîòîâêè» ïðåäñòàâëåíà äîïîëíèòåëüíàÿ èíôîðìàöèÿ ïî èñïîëüçîâàíèþ öèôðîâîãî ôîòîàïïàðàòà.
3. Попросите учащихся сделать снимки друг друга, предметов в учебном классе и ландшафтов за стенами учебного заведения. Попросите учащихся загрузить полученные снимки и сравнить их с вашими примерами. Используйте это сравнение, чтобы продолжить обсуждение вопросов создания композиции изображения. 4. Объясните учащимся, что они будут создавать и конструировать коллажи в программе Photoshop. Пусть они выберут темы для своих коллажей. Ïðèìå÷àíèå: ×òîáû ïîìî÷ü ó÷àùèìñÿ, âû ìîæåòå ñàìè ïðåäëîæèòü èì òåìó. Íàïðèìåð, îíè ìîãóò ñîçäàòü êîëëàæ â ñòèëå îïðåäåëåííîãî íàïðàâëåíèÿ â èñêóññòâå (ñþððåàëèçìà, èìïðåññèîíèçìà è ò. ä.) èëè êîëëàæ, êîòîðûé îïèñûâàåò îäèí äåíü èç æèçíè ó÷åáíîãî çàâåäåíèÿ.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
41
5. Попросите учащихся сделать свои снимки повторно, чтобы попытаться улучшить свои первоначальные снимки с учетом полученных знаний по композиции изображения и элементам графического дизайна. 6. Объясните, что помимо фотографий коллажи учащихся могут включать изображения из журналов, газет и видео. Ïðèìå÷àíèå: Âû ìîæåòå ïîäãîòîâèòü íåîáõîäèìûå æóðíàëû è âèäåî çàðàíåå, ÷òîáû ó÷àùèåñÿ íå òðàòèëè ñëèøêîì ìíîãî âðåìåíè íà ïîèñê ïîäõîäÿùèõ èçîáðàæåíèé.
Ïîñòðîåíèå êîëëàæà Рекомендуемое время: 100—150 минут. 7. Поскольку учащиеся будут использовать различные изображения, обсудите возможные источники этих изображений: цифровые фотоаппараты, сканеры, снимки в формате необработанных данных (Camera Raw) и стоп-кадры. Уделите внимание различиям между отсканированными изображениями, изображениями, снятыми цифровыми фотоаппаратами, и снимками в формате необработанных данных. Кратко объясните, как работают сканеры. Ïðèìå÷àíèå: Äëÿ ðàáîòû ñî ñíèìêàìè â ôîðìàòå íåîáðàáîòàííûõ äàííûõ è ñòîï-êàäðàìè òðåáóþòñÿ ñïåöèàëüíûå íàâûêè ïî èñïîëüçîâàíèþ ïðîãðàììû Photoshop. Ðåêîìåíäóåòñÿ ðàññêàçàòü ó÷àùèìñÿ ïðî ýòè âîçìîæíîñòè, íî èõ áîëåå ãëóáîêîå èçó÷åíèå ìîæíî îòëîæèòü íà áóäóùåå.
8. Познакомьте учащихся с интерфейсом, используемой терминологией и основными панелями инструментов и палитрами программы Photoshop. Расскажите про назначение слоев и продемонстрируйте их использование в программе Photoshop. Раздел с пошаговыми инструкциями по программе Photoshop «Обзор рабочего пространства программы Adobe Photoshop CS5». 9. Продемонстрируйте, как открывать и сохранять изображения с цифрового фотоаппарата и изображения со сканера в программе Photoshop на примере фотографий, снятых и отсканированных учащимися. Обсудите преимущества работы с сохраненной копией изображения и расскажите про различные форматы файлов, используемых для хранения изображений. Раздел «Как сканировать изображения». 10.
Объясните, что большинство изображений приходится редактировать. Используя методику «Я делаю, мы делаем, вы делаете», расскажите и продемонстрируйте учащимся следующие приемы, чтобы помочь им подготовить свои изображения для создаваемых коллажей. • Просмотр изображений. Продемонстрируйте использование инструментов для навигации по изображениям, вращения холста, а также для панорамирования и изменения масштаба отображения.
42
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
• Оценка цветов. Используйте гистограмму, чтобы определить, нужно ли использовать ползунковые регуляторы уровней, кривых и яркости для настройки цветов фотографии. • Настройка цвета. Используйте инструменты, находящиеся на палитре Коррекция (Adjustments), для автоматической коррекции цветов изображения. • Ретуширование. Используйте инструмент Штамп (Clone Stamp) для удаления нежелательных элементов, используйте инструмент Точечная восстанавливающая кисть (Spot Healing Brush) для ретуширования небольших областей или используйте инструмент Красные глаза (Red Eye) для удаления эффекта «красных глаз». • Выделение. Используйте инструменты выделения, например Лассо (Lasso) и Волшебную палочку (Magic Wand), для исправления недостатков изображения. Чтобы изменить выделение, используйте функции «Умный» радиус (Smart Radius) и Растушевка (Touch-up) для выделения определенного элемента изображения, чтобы скопировать и вставить его в коллаж. • Слои. Используйте палитру Слои (Layers) для создания, выделения, скрытия, перемещения, группирования, вложения и удаления слоев. Перетащите файл в окно программы Photoshop, чтобы создать новый слой. • Кадрирование и выравнивание. Используйте инструмент Рамка (Crop) для удаления нежелательных элементов фотографии. • Изменение размеров. Используйте элементы управления размерами изображения и холста, чтобы изменить размеры изображения. • Разрешение. Используйте возможность проверки разрешения изображения, чтобы подготовить коллаж для печати на бумаге выбранного размера (для печати коллажа размером 8 × 10 требуется минимальное разрешение 1600 × 1200 пикселов). • Экспериментирование. Экспериментируйте и отслеживайте вносимые изменения с помощью палитры История (History) и отменяйте нежелательные действия с помощью команды Отменить (Undo). Объединение изображений. Выполняйте объединение изображений при помощи команды Photomerge для создания панорамных изображений и используйте команду Объединить в HDR Pro (Merge To HDR Pro) для объединения изображений, снятых с различными настройками экспозиции. Трансформация фотографий. Используйте инструменты трансформации для масштабирования, вращения или искажения выделенного фрагмента изображения. Раздел с пошаговыми инструкциями по программе Photoshop «Как выполнять коррекцию цвета». Раздел с пошаговыми инструкциями по программе Photoshop «Как ретушировать фотографии». Раздел с пошаговыми инструкциями по программе Photoshop «Как генерировать файлы в различных форматах». Раздел с пошаговыми инструкциями по программе Photoshop «Как изменять размеры, вращать и кадрировать изображения».
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
43
Раздел с пошаговыми инструкциями по программе Photoshop «Как использовать инструменты выделения». Раздел с пошаговыми инструкциями по программе Photoshop «Как использовать слои в программе Photoshop». Раздел с пошаговыми инструкциями по программе Photoshop «Объединение изображений в программе Photoshop». Ïðèìå÷àíèå: Äåìîíñòðèðóÿ âîçìîæíîñòè èíñòðóìåíòîâ ðåäàêòèðîâàíèÿ, ïîçíàêîìüòå ó÷àùèõñÿ ñ èäååé íåäåñòðóêòèâíîãî ðåäàêòèðîâàíèÿ è îáðàòèòå èõ âíèìàíèå íà âàæíîñòü èñïîëüçîâàíèÿ êîððåêòèðóþùèõ ñëîåâ, ôèëüòðîâ è äðóãèõ ìåòîäîâ, ïîçâîëÿþùèõ èçìåíÿòü ôîòîãðàôèþ, íå îêàçûâàÿ âëèÿíèÿ íà èñõîäíîå èçîáðàæåíèå.
11.
Объясните учащимся, что они начнут работу с пустого документа, имеющего определенные размеры и разрешение (обычно 8,5 × 11 дюймов и разрешение 300 пикселов на дюйм — ppi). Яркость и цвета используемых изображений должны быть исправлены с помощью методик, рассмотренных ранее. Для настройки сразу нескольких изображений можно использовать возможность пакетной обработки.
12.
Познакомьте учащихся с концепцией визуальной иерархии в дизайне документа, чтобы каждый из них применил эту концепцию при перемещении изображений в документ, а также при изменении размеров изображений и работе с ними. Предоставьте учащимся время для работы с изображениями и построения коллажей.
13.
Обратите внимание учащихся на значимость авторского права и необходимость защиты результатов работы, обсудив правила авторского права, принципы правомерного использования материалов, защищенных авторским правом, и познакомившись с понятием интеллектуальной собственности. Учащиеся должны проверить, требуется ли разрешение на использование отсканированных изображений или видео. Они должны предоставить соответствующее разрешение на использование материалов, защищенных авторским правом, и затем защитить авторским правом свою собственную работу.
Ïðèìå÷àíèå:  çàâèñèìîñòè îò çíàíèé âàøèõ ó÷àùèõñÿ ïî âîïðîñàì àâòîðñêîãî ïðàâà, âû ìîæåòå îáñóäèòü âñå èëè íåêîòîðûå èç ñëåäóþùèõ âîïðîñîâ: êîãäà òðåáóåòñÿ ïîëó÷åíèå ðàçðåøåíèÿ; â ÷åì îòëè÷èå ìåæäó ìàòåðèàëîì, çàùèùåííûì àâòîðñêèì ïðàâîì, ïðàâîìåðíûì èñïîëüçîâàíèåì ìàòåðèàëà, èíòåëëåêòóàëüíîé ñîáñòâåííîñòüþ è ïðîèçâîäíûìè ðàáîòàìè; êàê ïîêàçàòü, ÷òî ñîäåðæèìîå çàùèùåíî àâòîðñêèì ïðàâîì.
Раздел «Ошибка! Источник ссылки не найден»
Ñîçäàíèå è ïðåäñòàâëåíèå ðàáîòû ó÷àùèõñÿ Рекомендуемое время: 25—50 минут. 14.
Познакомьте учащихся с рабочим пространством программы Acrobat и объясните, что они превратят получившиеся коллажи в PDF-документы. Объясните, что документы должны содержать 1—2 абзаца, описывающих приобретенные навыки и то, какие элементы визуального дизайна и композиции изображения учащиеся применили при съемке и выборе изображений и конструировании своих коллажей.
44
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Раздел с пошаговыми инструкциями по программе Acrobat «Как использовать интерфейс программы Acrobat и основную навигацию». Раздел с пошаговыми инструкциями по программе Acrobat «Как создать PDF-документ». 15.
Предложите нескольким учащимся представить свои документы классу и объяснить, какие дизайнерские приемы они использовали при выборе изображений и создании коллажей. Попросите учащихся продемонстрировать одну новую методику, которую они освоили в этом проекте.
Äîïîëíèòåëüíûå çàäàíèÿ Проект можно дополнить следующими заданиями. • Композиция. Предложите учащимся глубоко исследовать элементы композиции на примере файлов в формате необработанных данных или стоп-кадров видео, используя их для работы с изображениями и метаданными (например, масштаб, отображаемая область, баланс белого, кадрирование, образцы цвета, варианты обработки файлов в формате необработанных данных, формат FilmStrip и неквадратные пикселы). • Принципы дизайна. Предложите учащимся исследовать вопросы применения принципов дизайна в фотографии, графическом дизайне и изобразительном искусстве. Учащиеся должны уметь отличать способы применения и представления этих принципов в различных областях. О своих наблюдениях они должны рассказать классу. • Фотографы. Предложите учащимся найти информацию о знаменитых фотографах и их работах, чтобы поближе познакомиться с фотоиндустрией. Пусть учащиеся поделятся своими наблюдениями с классом. • Связь с сообществом. Попросите профессиональных фотографов, дизайнеров и художников рассказать о своей работе и карьерных возможностях, чтобы учащиеся могли получить реальное представление о профессиях в различных областях.
ÎÖÅÍÊÀ •
По нескольким критериям, представленным далее в разделе «Критерии оценки».
ÐÅÑÓÐÑÛ ÄËß ÄÎÏÎËÍÈÒÅËÜÍÎÉ ÏÎÄÃÎÒÎÂÊÈ • •
•
Просмотрите разделы с пошаговыми инструкциями для учащихся, используемые в данном проекте. Видеоуроки, которые соответствуют навыкам, необходимым для выполнения этого проекта, можно найти на сайте Adobe TV в демонстрации Visual Design CS5 по адресу tv.adobe.com/show/visual-design-cs5/. Если у вас нет достаточного количества цифровых фотоаппаратов или сканеров, разбейте класс на две половины, предложив одной половине использовать цифровые фотоаппараты, а другой — сканеры. В следующий раз первая половина будет использовать скане-
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
45
ры, а другая — цифровые фотоаппараты. Таким образом, все учащиеся смогут попрактиковаться в использовании обоих типов оборудования. •
Обзор интерфейса и дополнительную информацию по техническим аспектам программы Photoshop можно найти в справке программы.
•
Обзор интерфейса и дополнительную информацию по техническим аспектам программы Acrobat можно найти в справке программы.
•
При необходимости дополнительную информацию по авторскому праву можно найти на веб-сайте по адресу fairuse.stanford.edu.
Ôîòîãðàôèÿ •
Информацию по композиции изображений для начинающих фотографов можно найти по адресу www.connectedphotographer.com/issues/issue200411/00001426001.html.
•
Советы по созданию композиций с использованием цифровой фотографии можно найти по адресу digital-photography-school.com/blog/digital-photography-composition-tips.
•
Разностороннюю информацию по цифровым фотоаппаратам можно найти по адресу www.malektips.com/digital_cameras_help_and_tips.html.
•
Список ресурсов с советами по съемке потрясающих изображений можно найти по адресу www.kodak.com/eknec/PageQuerier.jhtml?pq-path=2/3/38&pq-locale=en_US.
•
Советы по созданию композиции изображений и определению элементов визуального дизайна доступны по адресу photoinf.com/General/Robert_Berdan/Composition_and_ the_Elements_of_Visual_Design.htm.
Ñêàíèðîâàíèå •
Разнообразную информацию по сканированию и графике можно найти на сайте www. scantips.com.
•
Адаптируйте шаги раздела «Как сканировать изображения» к используемой вами модели сканера.
Êîëëàæè •
Советы по работе со слоями в программе Photoshop при создании коллажей можно найти по адресу www.creativepro.com/story/feature/17023.html?origin=story.
•
Секреты создания неотразимых фотоколлажей в программе Photoshop доступны по адресу www.adobepress.com/articles/article.asp?p=438833&seqNum=7.
ÊËÞ×ÅÂÛÅ ÏÎÍßÒÈß •
Постановка кадра.
•
Ракурс.
46
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
•
«Правило третей».
•
Крупный план.
•
Тон и резкость.
•
Размещение.
•
Заострение внимания.
•
Баланс.
•
Изображения с расширенным динамическим диапазоном (HDR).
ÑÒÀÍÄÀÐÒ ISTE NETS*S ÄËß Ó×ÀÙÈÕÑß Это проект соответствует стандартам ISTE NETS*S — стандартам использования высоких технологий в образовании. В зависимости от выбранной учащимся темы и предметного содержания вам может потребоваться изучить стандарты вашего государства или штата, чтобы выяснить, соответствует ли данный проект установленным требованиям. ISTE NETS*S: программа образования и предметное содержание стандартов — NETS для учащихся. 1. Творчество и инновации. Учащиеся демонстрируют творческое мышление, исследовательские подходы и разрабатывают инновационные продукты и процессы с использованием технологии. Учащиеся: a) применяют имеющиеся знания для получения новых идей, продуктов или процессов; b) создают оригинальные произведения как средство выражения личности или группы. 2. Коммуникации и сотрудничество. Учащиеся используют цифровые средства и среды для общения и коллективной работы, в том числе на расстоянии, для поддержки индивидуального обучения и возможности обучения других. Учащиеся: a) взаимодействуют, сотрудничают и творят со сверстниками, экспертами или другими участниками, используя различные цифровые среды и средства. 3. Исследования и информационная компетентность. Учащиеся умеют применять цифровые инструменты для сбора, оценки и использования информации. Учащиеся: b) находят, организуют, анализируют, оценивают, обобщают и используют информации из различных источников и сред. 4. Критическое мышление, решение проблем и принятие решений. Учащиеся используют умение критически мыслить для планирования и проведения научных исследований, управления проектами, решения проблем и принятия обоснованных решений, используя соответствующие цифровые инструменты и ресурсы. Учащиеся:
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
47
a) планируют и управляют деятельностью по разработке решения или выполнения проекта. 5. Цифровое гражданство. Учащиеся понимают гуманитарные, культурные и социальные вопросы, связанные с информационными технологиями и практикой легального и этического поведения. Учащиеся: a) практикуют безопасное, правовое и ответственное использование информации и технологии. 6. Применение технологии и технологические концепции. Учащиеся демонстрируют четкое понимание технологических концепций и систем и их применения. Учащиеся: a) понимают и используют технологические системы; b) эффективно и продуктивно выбирают и используют приложения.
ÑÅÐÒÈÔÈÊÀÖÈß ADOBE CERTIFIED ASSOCIATE, ÇÀÄÀ×È ÝÊÇÀÌÅÍÀ VISUAL COMMUNICATION 1.2. Демонстрация знания стандартных правил авторского права для изображений и правомерного использования изображений. 1.3. Демонстрация знания задач управления проектом и ответственности сторон. 2.1. Демонстрация понимания разрешения и размеров изображения, а также знание форматов файлов изображений для Интернета, видео и печати. 2.2. Демонстрация знания принципов дизайна, элементов и композиции изображений. 2.4. Демонстрация умения корректировать цвета в программе Photoshop CS5. 2.5. Демонстрация знания устройств генерации изображений, их результирующих типов изображений и того, как обращаться к результирующим изображениям из программы Photoshop. 2.6. Понимание ключевой терминологии для цифровых изображений. 3.1. Определение элементов интерфейса программы Photoshop CS5 и демонстрация понимания их назначения. 3.2. Демонстрация понимания слоев и масок. 3.3. Демонстрация понимания операций импортирования, экспортирования, организации и сохранения. 4.1. Демонстрация умения работать с выделениями и инструментами измерения. 4.3. Преобразование изображений. 4.4. Настройка или коррекция тонального диапазона, цвета или искажения изображения. 4.5. Демонстрация умения ретушировать и смешивать изображения.
48
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
ÊÐÈÒÅÐÈÈ ÎÖÅÍÊÈ 0 — ниже ожидаемого
Изображения
3 — соответствует ожиданиям
Отсутствуют Учащийся создает оригиили недостаточ- нальные изображения, ное количество которые обладают хорошей композицией и элементами визуального дизайна
Работа Отсутствует, с изображениями недостаточная или нецеленаправленная.
5 — превосходит ожидания
Учащийся создает оригинальные изображения с точкой обзора, которые обладают хорошей композицией и элементами визуального дизайна
Учащийся правильно выполняет коррекцию цвета, использует инструменты выделения и ретуширования для работы с изображениями и для фокусирования композиции на объекте съемки. Вносимые изменения соответствуют первоначальному замыслу изображения
Учащийся правильно и надлежащим образом выполняет коррекцию цвета, использует инструменты выделения и ретуширования для работы с изображениями и для фокусирования композиции на объекте съемки. Вносимые изменения соответствуют первоначальному замыслу изображения
Коллаж
Отсутствует, неполный или не соответствующий выбранной теме
Коллаж отличается креативностью и визуальным повествованием. Для создания коллажа применяются как минимум три эффективные методики обработки изображений (коррекция цвета, ретуширование, выделение, кадрирование, изменение размеров и т. д.) в программе Photoshop. Для использования изображений в коллаже получены все необходимые разрешения и соблюдены все условия. Коллаж защищен авторским правом
Коллаж отличается креативностью, понятностью, неотразимостью и визуальным повествованием. Для создания коллажа применяются три или более эффективные методики обработки изображений (коррекция цвета, ретуширование, выделение, кадрирование, изменение размеров и т. д.) в программе Photoshop. Для использования изображений в коллаже получены все необходимые разрешения и соблюдены все условия. Коллаж защищен авторским правом
PDF-документ
Отсутствует, неполный или не соответствующий требованиям
Включает 1—2 абзаца текста, отражающего приобретенные навыки учащимся и то, как в коллаже применялись композиция изображения и элементы визуального дизайна
Включает 1—2 абзаца текста, четко отражающего приобретенные навыки учащимся и то, как в коллаже применялись композиция изображения и элементы визуального дизайна
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
49
ÂÂÅÄÅÍÈÅ Â ÖÈÔÐÎÂÓÞ ÔÎÒÎÃÐÀÔÈÞ Цифровая фотография прошла длинный путь за несколько лет. Это быстрый, эффективный и гораздо менее затратный способ получения снимков, чем любой другой способ, которым пользовались фотографы на протяжении десятилетий. А лучше всего то, что цифровая фотография позволяет получать результат гораздо проще и с боˆльшим удовольствием.
ÒÀÊ ÌÍÎÃÎ ÏÐÅÈÌÓÙÅÑÒÂ •
При использовании цифровых технологий фотографу не нужно находиться в постоянном напряжении, поскольку он может снимать столько фотографий, сколько необходимо.
•
Вы можете сразу же увидеть, получился нужный снимок или нет, и удалить ненужные фотографии.
•
Чтобы загрузить снимки и показать их своим друзьям и членам семьи в любой момент времени, вам нужен лишь компьютер — или даже мобильный телефон.
•
Стоимость цифровых фотографий оказывается гораздо меньше обычных, поскольку вам не нужно покупать пленку и платить за печать неудачных фотографий.
•
Люди используют цифровую фотографию в своей ежедневной работе — к примеру, милиционеры, агенты по недвижимости, страховые агенты, сотрудники МЧС, ученые и врачи.
ÍÀ×ÀËÎ ÐÀÁÎÒÛ Ñ ÖÈÔÐÎÂÎÉ ÔÎÒÎÃÐÀÔÈÅÉ Думаете, чтобы начать работу с цифровой фотографией, вам нужен цифровой фотоаппарат? Подумайте лучше. Все, что вам нужно, — это доступ к компьютеру, и вы можете приступать к работе.
Ïîëó÷åíèå ñíèìêîâ Существует несколько способов получения снимков, которые можно обрабатывать на компьютере. •
Сканирование напечатанных снимков и их последующая запись на компакт-диск. Отсканируйте уже напечатанные фотографии. Независимо от того, есть ли у вас доступ к сканеру дома или в вашем учебном заведении или вы пользуетесь услугами сканирования в фотостудии, запись ваших любимых фотографий на компакт-диск — это быстрый и простой способ переноса этих сладких воспоминаний на компьютер для последующего редактирования, печати и демонстрации другим людям.
•
Заказ в фотолаборатории вместо печати фотографий их записи на компакт-диск. Если вы снимаете фотографии с помощью пленочного фотоаппарата и относите пленку в фотолабораторию на проявку, попросите сотрудников фотолаборатории записать фотографии на компакт-диск вместо их печати. В этом случае вы по-прежнему сможете воспользоваться всеми преимуществами цифровой фотографии.
50 •
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Использование цифрового фотоаппарата. Существует множество различных видов цифровых фотоаппаратов. Перед тем, как приобрести фотоаппарат, составьте список «обязательных» возможностей, которыми должен обладать фотоаппарат, имеющих для вас ключевое значение.
Êðàñèâîå ïðåäñòàâëåíèå ôîòîãðàôèé Человек получает большую радость от снятых фотографий, когда показывает их своим друзьям, членам семьи, преподавателям и учащимся. С цифровой фотографией ваши возможности поистине безграничны. Вы можете: •
создать слайд-шоу для учебного проекта;
•
создать вместе с вашими одноклассниками фотоальбом, который продемонстрирует успехи класса в течение учебного года;
•
записать компакт-диски с фотографиями;
•
напечатать поздравительные открытки, календари и плакаты;
•
разработать дизайн ковриков для мыши, подставок для кофе и многое другое.
Цифровая фотография — это быстро, весело и просто. Чтобы получить результат, вам нужно всего лишь включить воображение и сделать несколько щелчков мышью. Хотите получить больше возможностей для работы с вашими цифровыми фотографиями? Используйте программу Adobe Photoshop Elements и наблюдайте за полетом вашей фантазии.
ÖÈÔÐÎÂÛÅ ÔÎÒÎÀÏÏÀÐÀÒÛ: ÊÀÊ ÌÛ ÏÐÈØËÈ Ê ÝÒÎÌÓ Одна из самых потрясающих возможностей цифровой фотографии — это возможность просмотра изображения сразу после его съемки. Сделав всего несколько щелчков мышью, вы можете загрузить, организовать, отредактировать и показать другим людям все ваши цифровые фотографии. Звучит просто, не правда ли? Но знаете ли вы, что до момента появления современных цифровых фотоаппаратов прошло более 150 лет? Фотография — это искусство захвата света. И это как раз то, что делал самый первый фотоаппарат. Это устройство называлось camera obscura (с лат. — «темная комната») и имело большую линзу, сквозь которую на стене или холсте отражалось изображение.
Íàçàä â ïðîøëîå Француз Луи Жак Манде Дагер изобрел фотографию в 1839 году. Рассматривание снимков людей и интересных мест было популярным занятием в середине XIX века — по популярности оно не уступало телевидению в наши дни. Большинство фотографий отражали вещи так, как их желали видеть люди. Новое течение в фотографии, получившее название фотожурналистики, возникло во время Гражданской войны в США. Характерной особенностью этого течения было использование
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
51
фотографии для беспристрастного освещения боевых действий, а первопроходцем фотожурналистики в Америке стал Мэтью Брэйди. Когда фотографии, сделанные Брэйди, были напечатаны в газетах, люди увидели, какое влияние на сознание людей может оказывать фотография. Первый фотоаппарат для широкой общественности разработал Джордж Истмен в 1888 году. Пленки этого фотоаппарата Kodak, имевшего относительно небольшой вес, хватало, чтобы сделать 100 снимков. Цветная фотография была изобретена в 1907 году, но только в 1935 году она приобрела популярность. Первый цифровой фотоаппарат появился в 1994 году. В то время его стоимость составляла $18 000 за 1-мегапикселную матрицу. За последние 10 лет технология прошла длинный путь. Сегодня цифровой фотоаппарат с 10-мегапикселной матрицей можно приобрести за $200.
Âîçìîæíîñòè öèôðîâîé ôîòîãðàôèè Цифровая фотография используется не только для получения забавных снимков, но и в повседневной работе людей различных профессий: милиционеров, медицинских работников, адвокатов, преподавателей, страховых агентов, агентов по недвижимости, ученых и многих других. Цифровая фотография позволяет нам увидеть то, чего мы никогда не видели раньше. С момента своего запуска в 1990 году космический телескоп «Хаббл» отправил множество цифровых снимков из далекого космоса. Фактически это, возможно, самый большой цифровой фотоаппарат, созданный человеком: по размеру телескоп «Хаббл» сравним со школьным автобусом. На одном снимке запечатлена первая планета, обнаруженная за пределами нашей Солнечной системы. Эта планета почти в три раза больше нашей самой большой планеты — Юпитера. Но цифровая фотография помогает нам увидеть не только большие объекты. Она также позволяет рассмотреть самые мелкие объекты, например клетки человеческого организма и микроскопические частицы. Подумайте немного над тем, как бы вы могли использовать цифровую фотографию. Вы хотите снимать вашего щенка или котенка каждую неделю, чтобы наблюдать за его ростом? Или же вы хотите начать художественный проект? Цифровые технологии позволяют взглянуть на ваши снимки совершенно иначе. Держитесь — впереди вас ждет безумное путешествие в мир цифровой фотографии.
10 ÌÈÔÎÂ Î ÖÈÔÐÎÂÎÉ ÔÎÒÎÃÐÀÔÈÈ На заре своего становления цифровая фотография имела множество проблем. Фотоаппараты были дорогими. Качество фотографий оставляло желать лучшего. Количество инструментов для работы с цифровыми фотографиями стремилось к нулю.
52
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
С тех пор цифровые фотоаппараты стали намного лучше. Улучшилось и качество цифровых фотографий. Инструменты, доступные для работы с фотографиями, делают работу с цифровыми технологиями такими простыми, как никогда раньше. Но, тем не менее, некоторые люди по-прежнему видят в цифровой фотографии лишь отрицательные моменты. Итак, ниже представлена десятка наиболее распространенных, ничем не подтвержденных мифов. 1. Качество цифровой фотографии хуже, чем пленочной. Современные цифровые фотоаппараты позволяют создавать потрясающие фотографии даже при печати фотографий больших размеров. Пленочные технологии великолепны, и они тоже не стоят на месте. Но цифровые технологии не отстают от них. 2. Цифровые фотоаппараты имеют большие размеры и вес. Существует множество небольших, легких цифровых фотоаппаратов, напичканных самыми современными возможностями. Они позволяют делать снимки профессионального качества. 3. Цифровые фотоаппараты слишком медленны. Много лет назад цифровые фотоаппараты были медленнее своих пленочных собратьев. С каждым годом производительность цифровых фотоаппаратов неуклонно возрастет. 4. Цифровая фотография является дорогостоящей. Цифровые технологии постепенно становятся доступнее. В скором времени цифровая фотография будет стоить не дороже пленочной. 5. Для переноса фотографий на компьютер требуется слишком много времени. Чтобы ускорить процесс переноса фотографий, приобретите устройство для чтения карт памяти (подключаемое к шине USB или FireWire). Самые быстрые устройства для чтения карт памяти за одну секунду позволяют копировать на компьютер три или четыре фотографии в формате JPEG с высоким разрешением. 6. Существуют сложности с просмотром и редактированием цифровых фотографий. Больше нет никаких сложностей. Например, программу Adobe Photoshop Elements можно приобрести менее чем за $100 — и эту программу на удивление легко освоить и использовать. 7. Существуют сложности с печатью цифровых фотографий. Печатать цифровые фотографии просто. Вы можете напечатать фотографии у себя дома или через Интернет, используя интерактивные фотоуслуги. 8. Напечатанные цифровые фотографии выглядят ужасно. Отличить напечатанные цифровые фотографии от традиционных «пленочных» фотографий практически невозможно. 9. Существуют сложности с организацией и хранением цифровых фотографий. Программа Adobe Photoshop Elements позволяет организовывать фотографии по категориям: семья, друзья, учеба, каникулы или домашние животные. Защитите исходные файлы фотографий, называемые цифровыми негативами, записав их на компакт-диск и сохранив содержимое этого компакт-диска на жестком диске вашего компьютера. 10.
Заниматься цифровой фотографией чересчур весело. Извините, но это так!
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
53
ÎÁÇÎÐ ÐÀÁÎ×ÅÃÎ ÏÐÎÑÒÐÀÍÑÒÂÀ ÏÐÎÃÐÀÌÌÛ ADOBE PHOTOSHOP CS5 ÏÐÈÑÒÓÏÀÅÌ Ê ÐÀÁÎÒÅ Ñ ÏÐÎÃÐÀÌÌÎÉ ADOBE PHOTOSHOP Рабочее пространство программы Adobe Photoshop состоит из основного меню, расположенного в верхней части экрана, и множества инструментов и палитр для редактирования и добавления новых элементов к вашему изображению. Вы также можете добавить другие команды и фильтры в меню программы Adobe Photoshop, установив программное обеспечение сторонних разработчиков, называемое внешними модулями (plug-in modules). Программа Photoshop позволяет работать с растровыми, оцифрованными изображениями (т. е., с изображениями, имеющими плавные цветовые переходы, которые были преобразованы в ряд маленьких квадратиков, или элементов изображения, называемых пикселами). Кроме того, вы можете работать с векторной графикой — рисунками, которые состоят из гладких линий, не теряющих четкость при масштабировании. Вы можете либо создать изображение в программе Photoshop «с нуля», либо импортировать изображения из различных источников, таких как: •
фотографии с цифрового фотоаппарата;
•
коммерческие компакт-диски с цифровыми изображениями;
•
отсканированные фотографии, диапозитивы, негативы, рисунки и другие документы;
•
захваченные видеоизображения;
•
рисунки, созданные в программах для рисования.
Дополнительную информацию по типам файлом, с которыми может работать программа Adobe Photoshop CS5, можно найти в справке этой программы в разделе «Форматы файла» (About file formats). В этом разделе вы познакомитесь с рабочим пространством программы Adobe Photoshop CS5, узнаете, как создавать пользовательские рабочие пространства, как открывать изображения, создавать новые документы программы Photoshop и использовать основные инструменты панорамирования и масштабирования.
ÇÍÀÊÎÌÑÒÂÎ Ñ ÐÀÁÎ×ÈÌ ÏÐÎÑÒÐÀÍÑÒÂÎÌ ÏÐÎÃÐÀÌÌÛ PHOTOSHOP Вы можете настроить местоположение палитр и функциональность рабочего пространства программы Photoshop, используя переключатель рабочих пространств. Чтобы открыть и познакомиться с рабочим пространством программы Photoshop: 1. Запустите программу Adobe Photoshop. Если вы не видите ярлык программы Photoshop на Рабочем столе, выберите команду Пуск ⇒ Все программы ⇒ Adobe Photoshop CS5 (Start ⇒ All Programs ⇒ Adobe Photoshop CS5)
54
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
(Windows) или найдите эту программу в папке Applications (Приложения) или на панели Dock (Док) (Mac OS). 2. В меню переключателя рабочих пространств убедитесь, что напротив пункта Основная рабочая среда (Essentials) установлен флажок. В этом меню выберите команду Сбросить Основная рабочая среда (Reset Essentials), чтобы восстановить стандартное рабочее пространство. Рабочее пространство программы Photoshop выглядит так, как показано на рис. 1.1.
Рис. 1.1. Меню переключателя рабочих пространств
3. По умолчанию в рабочем пространстве Основная рабочая среда (Essentials) программы Photoshop (рис. 1.2) в верхней части экрана отображается панель приложения. На панели приложения находятся значок программы Photoshop, основное меню (только Win-dows), элементы управления приложением, элементы управления просмотром, переключатель рабочих пространств и кнопка для доступа к онлайн-услугам CS Live. Под панелью приложения находится панель параметров, панель инструментов (слева), палитры и одно или более независимых окон документов. В нижней части панели приложения находится основное меню, где по отдельным подменю организованы различные команды. На панели параметров отображаются настройки инструмента, выбранного в текущий момент. В окне документа отображается файл, с которым вы работаете в настоящий момент. На панели инструментов находятся инструменты, предназначенные для создания и редактирования изображений, рисунков, элементов страниц и т. д. Инструменты со схожими функциями объединены в группы. Палитры помогают наблюдать за работой и управлять ею. В качестве примера можно привести палитру Слои (Layers). Некоторые палитры отображаются по умолчанию, но вы можете отобразить любую палитру, выбрав ее название в меню Окно (Window). Многие палитры имеют меню с командами, имеющими отношение к данной палитре. Вы можете разделить палитры, сгруппировать, расположить в один ряд или закрепить по вашему усмотрению.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
55
Рис. 1.2. Интерфейс программы Adobe Photoshop CS5
Чтобы в любой момент времени восстановить рабочее пространство по умолчанию, выберите команду меню Окно ⇒ Рабочая среда ⇒ Основная рабочая среда (по умолчанию) (Window ⇒ Workspace ⇒ Essentials (Default)) (рис. 1.3) или выберите команду Сбросить Основная рабочая среда (Reset Essentials) в меню переключателя рабочих пространств.
Рис. 1.3. Выбор рабочего пространства по умолчанию
56
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
ÍÀÑÒÐÎÉÊÀ ÐÀÁÎ×ÅÃÎ ÏÐÎÑÒÐÀÍÑÒÂÀ Ñ ÏÎÌÎÙÜÞ ÏÅÐÅÊËÞ×ÀÒÅËß ÐÀÁÎ×ÈÕ ÏÐÎÑÒÐÀÍÑÒ Вы можете сохранить текущие размеры и положение палитр в качестве отдельного рабочего пространства и в дальнейшем восстановить это рабочее пространство, даже если вы переместили или закрыли одну из палитр. Имена сохраненных рабочих пространств отображаются в меню Окно ⇒ Рабочая среда (Window ⇒ Workspace). Чтобы настроить рабочее пространство: 1. Чтобы создать собственное рабочее пространство, переместите палитры и измените представление интерфейса программы Photoshop (рис. 1.4).
Рис. 1.4. Пользовательское представление интерфейса
2. В меню переключателя рабочих пространств выберите команду Новая рабочая среда (New Workspace) (рис. 1.5).
Рис. 1.5. Создание нового рабочего пространства с помощью команды Новая рабочая среда
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
57
На экране появится диалоговое окно Новая рабочая среда (New Workspace) (рис. 1.6).
Рис. 1.6. Диалоговое окно Новая рабочая среда
3. В поле ввода Имя (Name) укажите имя вашего рабочего пространства и установите флажки в группе элементов управления Запомнить (Capture) (Клавиатурные сокращения (Keyboard Shortcuts) и Меню (Menus)), выбрав элементы, которые будут сохранены в рабочем пространстве. 4. Щелкните по кнопке Сохранить (Save). Новое рабочее пространство появится в правом верхнем углу панели переключателя рабочих пространств (рис. 1.7). 5. Откройте меню переключателя рабочих пространств. Даже если вы выбрали другое рабочее пространство, в любой момент времени вы можете вернуться к своему сохраненному рабочему пространству, выбрав его название в меню переключателя рабочих пространств.
Рис. 1.7. Выбор сохраненного рабочего пространства
Программа Photoshop также записывает любые изменения, вносимые в расположение палитр при выполнении различных задач, поэтому, если вы переключитесь на другое рабочее пространство, а затем вернетесь обратно в течение одного сеанса редактирования, палитры будут расположены точно так же, как вы их оставили до этого. В любой момент времени вы можете восстановить сохраненное рабочее пространство, выбрав команду Сбросить <имя вашего рабочего пространства> (Reset <имя вашего рабочего пространства>) в меню переключателя рабочих пространств (рис. 1.7).
ÎÒÊÐÛÒÈÅ ÔÀÉËÀ Â ÏÐÎÃÐÀÌÌÅ PHOTOSHOP Открыть файлы можно с помощью команды Открыть (Open) или подменю Последние документы (Open Recent).
58
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Чтобы открыть файл: 1. Чтобы открыть файл, выберите команду меню Файл ⇒ Открыть (File ⇒ Open) и откройте папку, в которой находится желаемое изображение. 2. Выберите файл и щелкните по кнопке Открыть (Open). Файл откроется в отдельном окне, называемом окном изображения (рис. 1.8).
Рис. 1.8. Файл, открытый в окне изображения
3. Чтобы закрыть файл изображения, выберите команду меню Файл ⇒ Закрыть (File ⇒ Close) или щелкните по кнопке Закрыть (Close), расположенной в строке заголовка окна, в котором открыта фотография (не закрывайте программу Photoshop).
Êàê îòêðûòü ôàéë ñ ïîìîùüþ èíñòðóìåíòà Adobe Bridge Вы можете также открыть файл с помощью инструмента Adobe Bridge — визуального файлового браузера, помогающего быстро находить именно те файлы изображений, которые вам нужны. Чтобы открыть файл с помощью инструмента Adobe Bridge: 1. Щелкните по кнопке Запустить Bridge (Adobe Bridge) на панели приложения (рис. 1.9).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
59
Ïðèìå÷àíèå: Âû ìîæåòå òàêæå îòêðûòü îêíî èíñòðóìåíòà Adobe Bridge, âûáðàâ êîìàíäó ìåíþ Ôàéë ⇒ Îáçîð â Bridge (File ⇒ Browse In Bridge).
Рис. 1.9. Кнопка Запустить Bridge
Ïðèìå÷àíèå: Åñëè âû çàïóñêàåòå èíñòðóìåíò Bridge на панели приложения â ïåðâûé ðàç, íà ýêðàíå ìîæåò ïîÿâèòüñÿ äèàëîãîâîå îêíî, ïðåäëàãàþùåå âûáðàòü âîçìîæíîñòü çàïóñêà èíñòðóìåíòà Bridge â ïðîöåññå çàãðóçêè ñèñòåìû. Ùåëêíèòå ïî êíîïêå Äà (Yes), åñëè âû õîòèòå, ÷òîáû èíñòðóìåíò Bridge çàãðóæàëñÿ â ïðîöåññå çàãðóçêè ñèñòåìû.
2. На палитре Избранное (Favorites), расположенной в левой верхней части окна инструмента Adobe Bridge, откройте папку, в которой хранятся ваши изображения. 3. На палитре Избранное (Favorites) дважды щелкните по папке с изображениями, чтобы открыть ее. Миниатюры изображений, находящихся в этой папке, появятся на палитре Содержимое (Content) инструмента Adobe Bridge (рис. 1.10).
Рис. 1.10.Интерфейс инструмента Adobe Bridge
60
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
4. Выберите файл на палитре Содержимое (Content) и откройте этот файл, дважды щелкнув по его миниатюре, или выберите в меню инструмента Adobe Bridge команду Файл ⇒ Открыть (File ⇒ Open). Изображение откроется в программе Photoshop.
ÑÎÇÄÀÍÈÅ ÍÎÂÎÃÎ ÄÎÊÓÌÅÍÒÀ ÏÐÎÃÐÀÌÌÛ PHOTOSHOP Вы можете создать новый документ программы Photoshop и указать размеры документа, разрешение, цветовой режим и содержимое фона. Чтобы создать новый документ программы Photoshop: 1. Выберите команду меню Файл ⇒ Создать (File ⇒ New). На экране появится диалоговое окно Новый (New) с настройками параметров для вашего файла (рис. 1.11).
Рис. 1.11. Диалоговое окно Новый, предназначенное для создания нового документа программы Photoshop
2. В поле ввода Имя (Name) введите имя вашего файла, а в полях ввода Ширина (Width) и Высота (Height) укажите значения ширины и высоты для холста. 3. Укажите значение для параметра Разрешение (Resolution). Для изображения, которое планируется использовать в Интернете, достаточно разрешения 72 пиксела/дюйм. Для печатаемых изображений лучше использовать более высокое разрешение в диапазоне от 300 до 1200 пикселов/дюйм.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
61
4. Выберите значение в раскрывающемся списке Цветовой режим (Color Mode). Параметр Цветовой режим (Color Mode) задает цветовой режим, используемый для отображения и печати изображения, с которым вы работаете. Цветовые режимы программы Photoshop основаны на цветовых моделях, которые обычно используются для изображений, применяемых в публикации. Можно выбрать значение Цвета RGB (RGB Color) (Red, Green, Blue — красный, зеленый, синий), Цвета CMYK (CMYK Color) (Cyan, Magenta, Yellow, Black — голубой, пурпурный, желтый, черный), Цвета Lab (Lab Color) (основанное на CIE L* a* b*) и В градациях серого (Grayscale). 5. Выберите значение в раскрывающемся списке Содержимое фона (Background Contents). Вы можете выбрать фон белого цвета (Белый (White)), прозрачный фон (Прозрачный (Transparent)) или фон определенного цвета (Цвет фона (Background Color)), который будет отображаться позади вашего изображения. Обратите внимание, как изменяется информация о размере файла, отображаемая в правом нижнем углу диалогового окна, при изменении настроек параметров для нового файла. 6. Щелкните по кнопке OK. Новый файл, готовый к использованию, откроется в окне изображения (рис. 1.12). Не забывайте сохранять результаты вашей работы.
Рис. 1.12. Новое окно изображения
7. Чтобы сохранить файл в первый раз, выберите команду меню Файл ⇒ Сохранить как (File ⇒ Save As).
62
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
ÎÁÇÎÐ ÏÀÍÅËÈ ÈÍÑÒÐÓÌÅÍÒÎÂ Программа Photoshop предоставляет интегрированный набор инструментов по созданию изящной графики для печати, размещения в Интернете и просмотра на мобильном телефоне (рис. 1.13). Некоторые инструменты объединены в группы, при этом на панели инструментов отображается только один инструмент из этой группы, а другие инструменты находятся под ним. Маленький значок треугольника, отображаемый в правом нижнем углу значка инструмента, говорит о том, что под этим значком инструмента находятся скрытые инструменты. Чтобы выбрать скрытый инструмент, щелкните по этому маленькому треугольнику и, удерживая кнопку мыши, выберите нужный инструмент.
Рис. 1.13. Обзор панели Инструменты
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
63
В следующем упражнении мы познакомимся с инструментом Масштаб (Zoom). Процесс выбора и использования данного инструмента аналогичен для других инструментов.
Êàê âûáèðàòü è èñïîëüçîâàòü èíñòðóìåíò Ìàñøòàá íà ïàíåëè èíñòðóìåíòîâ Панель инструментов — длинная, узкая панель, расположенная вдоль левого края рабочего пространства, — содержит инструменты выделения, инструменты рисования и редактирования, образцы цветов переднего и заднего плана и инструменты просмотра. Чтобы использовать инструмент Масштаб (Zoom): 1. Обратите внимание, что панель инструментов отображается в виде одной колонки. Щелкните по двойной стрелке, расположенной в верхней части панели инструментов, чтобы переключиться в режим двухколоночного отображения инструментов (рис. 1.14). Щелкните по стрелке снова, чтобы вернуться к одноколоночной панели инструментов, которая позволяет использовать пространство экрана более рационально. 2. Откройте изображение и взгляните на строку состояния, расположенную в нижней части окна изображения, а также обратите внимание на процентное значение в левой части строки состояния (рис. 1.15).
Рис. 1.14. Панель Инструменты
Рис. 1.15. Уровень масштабирования и панель состояния в окне открытого изображения
64
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Рис. 1.17. Увеличенная область,
Рис. 1.16. Всплывающая подсказка
отображаемая на палитре Навигатор
3. Поместите указатель мыши над значком лупы на панели инструментов так, чтобы на экране появилась всплывающая подсказка, представляющая название инструмента и клавишу для его быстрого вызова (рис. 1.16). 4. Выберите инструмент Масштаб (Zoom), либо щелкнув по кнопке инструмента Масштаб (Zoom) на панели инструментов, либо нажав клавишу Z — клавишу быстрого вызова инструмента Масштаб (Zoom). 5. Переместите указатель мыши над окном изображения. Обратите внимание, что теперь в центре значка лупы отображается знак «плюс». 6. Щелкните в любом месте окна изображения. В результате этого действия произойдет увеличение масштаба отображения изображения в соответствии с предопределенным процентным уровнем, который заменит предыдущее значение в строке состояния. То место, по которому вы щелкнули с помощью инструмента Масштаб (Zoom), станет центром увеличенной области. Если щелкнуть снова, уровень масштабирования увеличится до следующего предопределенного уровня, вплоть до максимального значения 3200%. На палитре Навигатор (Navigator) вокруг увеличенной области отображается рамка красного цвета (рис. 1.17). 7. Нажмите и удерживайте клавишу Alt (Windows) или Option (Mac OS), чтобы в центре лупы появился знак «минус» (рис. 1.18), а затем щелкните в любом месте изображения. Затем отпустите клавишу Alt или Option. Теперь уровень масштабирования уменьшится до предыдущего предопределенного значения масштаба отображения.
Рис. 1.18. Использование инструмента Масштаб со знаком минус
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
65
Ïðèìå÷àíèå: Âû ìîæåòå òàêæå íàæàòü è óäåðæèâàòü êëàâèøó Alt (Windows) èëè Option (Mac OS) è èñïîëüçîâàòü êîëåñèêî ïðîêðóòêè ìûøè, ÷òîáû óâåëè÷èòü èëè óìåíüøèòü ìàñøòàá îòîáðàæåíèÿ èçîáðàæåíèÿ.
Êàê ïðîêðó÷èâàòü èçîáðàæåíèå â îêíå ñ ïîìîùüþ èíñòðóìåíòà Ðóêà Инструмент Рука (Hand) позволяет прокручивать изображение внутри его окна. Это полезно в том случае, когда вы хотите увидеть фрагмент изображения, находящийся вне видимой области. Чтобы использовать инструмент Рука (Hand): 1. Откройте любое изображение и увеличьте масштаб его отображения, чтобы в окне изображения появились полосы прокрутки (рис. 1.19). 2. Выберите инструмент Рука (Hand) на панели инструментов (рис. 1.20). Вы можете также нажать комбинацию клавиш Shift+H. 3. Используя инструмент Рука (Hand), щелкните по изображению и, удерживая кнопку мыши, перетаскивайте указатель мыши по экрану, чтобы увидеть различные фрагменты изображения (рис. 1.21).
Рис. 1.19. Окно изображения с полосами прокрутки
Рис. 1.20. Инструмент Рука на панели инструментов
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÏÀËÈÒÐÛ ÍÀÂÈÃÀÒÎÐ Панорамирование или изменение масштаба отображения изображения на палитре Навигатор (Navigator) — это еще один простой способ быстро изменить масштаб отображения, особенно когда точное процентное значение увеличения не является существенным. Кроме того, это отличный способ прокрутить изображение в его окне, поскольку на эскизе четко виден тот фрагмент изображения, который отображается в окне изображения.
Рис. 1.21. Окно изображения с полосами прокрутки
66
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Чтобы использовать палитру Навигатор (Navigator): 1. Если палитра Навигатор (Navigator) не видна на экране, выберите команду меню Окно ⇒ Навигатор (Window ⇒ Navigator). 2. Найдите ползунковый регулятор, находящийся под эскизом изображения на палитре Навигатор (Navigator), и перетащите ползунок вправо. Изображение в окне изображения увеличится (рис. 1.22).
Рис. 1.22. Использование ползункового регулятора для увеличения и уменьшения масштаба отображения изображения
3. Теперь перетащите ползунок влево, чтобы уменьшить уровень масштабирования изображения в окне изображения. Ïðèìå÷àíèå: Êðàñíûé ïðÿìîóãîëüíûé êîíòóð ïðåäñòàâëÿåò òîò ôðàãìåíò èçîáðàæåíèÿ, êîòîðûé îòîáðàæàåòñÿ â îêíå èçîáðàæåíèÿ (ðèñ. 1.23). Êîãäà óñòàíîâëåí äîñòàòî÷íî áîëüøîé óðîâåíü ìàñøòàáèðîâàíèÿ è â îêíå èçîáðàæåíèÿ îòîáðàæàåòñÿ ëèøü ôðàãìåíò èñõîäíîãî èçîáðàæåíèÿ, âû ìîæåòå ïåðåòàùèòü êðàñíûé êîíòóð, ÷òîáû ïåðåìåñòèòü åãî íà äðóãèå îáëàñòè ýñêèçà èçîáðàæåíèÿ. Ýòî òàêæå îòëè÷íûé ñïîñîá ïðîâåðèòü, ñ êàêèì ôðàãìåíòîì èçîáðàæåíèÿ âû ðàáîòàåòå â íàñòîÿùèé ìîìåíò ïðè èñïîëüçîâàíèè î÷åíü âûñîêîãî óðîâíÿ ìàñøòàáèðîâàíèÿ.
Рис. 1.23. Красный прямоугольный контур на палитре Навигатор отображает увеличенный фрагмент изображения
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
67
ÊÀÊ ÑÊÀÍÈÐÎÂÀÒÜ ÈÇÎÁÐÀÆÅÍÈß Чтобы попрактиковаться в сканировании и создать графическое содержимое, которое можно будет использовать в будущих проектах, соберите изображения из журналов, газет или книг, рисунки или другие объекты (листья, цветы и т. д.). Вы выполните сканирование изображений и объектов, и создадите собственную основу для работы (электронные файлы и папки с исходными материалами).
Планирование
Захват изображения (сканирование)
Редактирование
Сохранение
ÏËÀÍÈÐÎÂÀÍÈÅ Спросите себя: •
Какое сообщение я хочу донести до других людей?
•
Какое изображение или объект я хочу использовать для этого?
•
Это изображение рассказывает историю? Сосредоточьтесь на сообщении.
•
Это изображение рассказывает ту же историю, что и другое изображение?
•
Как я собираюсь использовать это изображения? Отображать на мониторе? Печатать?
•
Потребуется ли мне снова изменять это изображение, чтобы использовать его для других целей?
•
Содержит ли это изображение любую постороннюю информацию?
•
Присутствуют ли на изображении любые отвлекающие элементы?
ÇÀÕÂÀÒ Предварительный просмотр сканируемого изображения •
Включите сканер.
•
Поместите изображение или объект на рабочую поверхность сканера.
•
Запустите программу Adobe Photoshop (если она не запустилась при включении сканера).
•
Выполните сканирование изображения при помощи одного из методов, описанных в конце данного раздела.
•
Выполните предварительное сканирование, чтобы определить размеры захватываемой области.
•
Укажите окончательные размеры захватываемой области.
68 • •
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Выберите разрешение. Если вы будете использовать изображение в макете для печати, разрешение должно быть не меньше 300 ppi. Снова выполните сканирование, чтобы получить изображение, которое вы будете использовать.
ÐÅÄÀÊÒÈÐÎÂÀÍÈÅ Редактирование изображения • Запустите программу Adobe Photoshop. • Вы можете заметить, что изображение обладает недостаточной контрастностью. Примените инструменты автоматической коррекции цвета, например команду Автотон (Auto Color), чтобы исправить эту проблему. • Добавьте специальные эффекты. • При необходимости измените размеры изображения. Если вы будете использовать изображение в макете для печати, разрешение изображения должно быть максимально возможным.
ÑÎÕÐÀÍÅÍÈÅ Сохранение файлов • Сохраните изображение в виде файла, который вы сможете изменить в дальнейшем. • Сохраните изображение в виде файла, готового для публикации в Интернете. • Сохраните изображение в виде файла, готового для печати.
ÑÊÀÍÈÐÎÂÀÍÈÅ ÈÇÎÁÐÀÆÅÍÈÉ Â ÏÐÎÃÐÀÌÌÅ ADOBE PHOTOSHOP CS5 Сканировать изображения в программе Photoshop можно одним из двух способов: • Импортировать изображение через интерфейс TWAIN сканера. • Импортировать изображение с помощью внешнего модуля программы Photoshop под названием WIA. При использовании любого из способов вы можете сразу же открыть и редактировать изображения в программе Photoshop. К отсканированным изображениям можно применять методики ретуширования, рассматриваемые в других разделах.
Èìïîðòèðîâàíèå ÷åðåç èíòåðôåéñ TWAIN Программный интерфейс TWAIN — это интерфейс, предназначенный для получения изображений, захватываемых подавляющим большинством сканеров. Благодаря этой возможности открыть программное обеспечение сканера можно непосредственно из программы
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
69
Photoshop. Вы можете указать широкий диапазон настроек, зависящих от возможностей, предоставляемых вашим сканером. Перед тем, как импортировать изображения в программу Photoshop через интерфейс TWAIN, вы должны подключить устройство, поддерживающее данный интерфейс, к вашему компьютеру и установить программное обеспечение, поставляемое вместе с этим устройством. Дополнительную информацию можно найти в документации к вашему сканеру. Чтобы импортировать изображение через интерфейс TWAIN, откройте меню Файл ⇒ Импортировать (File ⇒ Import) и выберите в подменю ваш сканер. Будет запущено программное обеспечение вашего сканера, поддерживающего интерфейс TWAIN.
Èìïîðòèðîâàíèå èçîáðàæåíèÿ ïðè ïîìîùè âíåøíåãî ìîäóëÿ WIA Внешний модуль WIA позволяет указать, где будут сохранены сканируемые изображения. Эта возможность полезна в тех случаях, когда вы сканируете большое число изображений и вам не нужно указывать слишком точные настройки сканирования. Чтобы использовать внешний модуль WIA: 1. Запустите программу Photoshop. 2. Выберите команду меню Файл ⇒ Импортировать ⇒ Поддержка WIA (File ⇒ Import ⇒ WIA Support). На экране появится диалоговое окно Поддержка WIA (рис. 1.24).
Рис. 1.24. Диалоговое окно Поддержка WIA
3. Щелкните по кнопке Обзор (Browse), чтобы выбрать местоположение, где будут храниться отсканированные изображения.
70
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
4. Чтобы отсканированные изображения открывались в программе Photoshop, установите флажок Открыть полученные изображения в программе Photoshop (Open Acquired Image(s) In Photoshop). Флажок Создать уникальную подпапку с именем сегодняшней даты (Create Unique Subfolder Using Date Today) позволяет сохранять отсканированные изображения в папке, имя которой соответствует текущей дате. 5. Щелкните по кнопке Начало (Start). 6. Выберите сканер, который вы хотите использовать (рис. 1.25). Ïðèìå÷àíèå: Åñëè âàø ñêàíåð íå îòîáðàæàåòñÿ â ñïèñêå, óáåäèòåñü, ÷òî ïðîãðàììíîå îáåñïå÷åíèå è äðàéâåðû ñêàíåðà óñòàíîâëåíû ïðàâèëüíî, à ñàì ñêàíåð ïîäêëþ÷åí ê âàøåìó êîìïüþòåðó.
7. Щелкните по кнопке OK. 8. На следующем экране диалогового окна Сканирование с помощью [модель вашего сканера] (Scan Using [модель вашего сканера]) (рис. 1.26), выберите тип изображения, которое вы собираетесь сканировать: • Цветной снимок (Color picture); • Черно-белое изображение (Grayscale picture); • Черно-белый рисунок или текст (Black and white picture or text). Ïðèìå÷àíèå: Âû ìîæåòå èçìåíèòü ðàçðåøåíèå ñêàíèðóåìûõ èçîáðàæåíèé. Äëÿ ýòîãî ùåëêíèòå ïî ññûëêå Íàñòðîèòü êà÷åñòâî ñêàíèðîâàííîãî èçîáðàæåèÿ (Adjust The Quality Of The Scanned Picture) (ðèñ. 1.26). Ïî óìîë÷àíèþ äëÿ òèïà Öâåòíîé ñíèìîê (Color picture) óñòàíîâëåíî ðàçðåøåíèå, ðàâíîå 150 dpi, ÷òî ïîäõîäèò äëÿ âåá-ïðîåêòîâ. Åñëè ñêàíèðóåìûå èçîáðàæåíèÿ áóäóò èñïîëüçîâàòüñÿ äëÿ ïå÷àòíûõ ïðîåêòîâ, óáåäèòåñü, ÷òî óñòàíîâëåíî ðàçðåøåíèå 300 dpi èëè áîëüøå.
Рис. 1.25. Выбор сканера
Рис. 1.26. Установка параметров сканирования
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
9.
Щелкните по кнопке Просмотр (Preview), чтобы отобразить сканируемое изображение в области просмотра.
10.
При необходимости перетащите углы ограничительной рамки, чтобы обрезать сканируемую область изображения (рис. 1.27).
11.
Щелкните по кнопке Сканировать (Scan), чтобы отсканировать изображение.
Отсканированное изображение откроется в программе Photoshop. 12.
71
Рис. 1.27. Обрезка сканируемой области
Выберите команду меню Файл ⇒ Сохранить (File ⇒ Save), чтобы сохранить изображение.
Чтобы добиться максимальной гибкости при дальнейшей работе с изображением, в качестве формата файла выберите формат PSD (оригинальный формат программы Photoshop).
ÊÀÄÐÈÐÎÂÀÍÈÅ È ÂÛÏÐßÌËÅÍÈÅ ÔÎÒÎÃÐÀÔÈÉ Вы можете поместить сразу несколько фотографий на рабочую поверхность вашего сканера и отсканировать их все за один проход, в результате чего будет создан один файл изображения. Команда Кадрировать и выпрямить фотографию (Crop And Straighten Photos) — это автоматизированная возможность, которая позволяет создать отдельные файлы изображений из отсканированного изображения, содержащего несколько изображений. Чтобы достичь наилучших результатов, расстояние между изображениями в отсканированном файле должно быть не меньше 1/8 дюйма, а фон (обычно крышка сканера) должен иметь согласованный цвет с минимальным визуальным «шумом». Команда Кадрировать и выпрямить фотографию (Crop And Straighten Photos) лучше всего работает с изображениями, имеющими четко очерченные границы. Если команда Кадрировать и выпрямить фотографию (Crop And Straighten Photos) не может правильно обработать файл изображения, используйте инструмент Рамка (Crop). Чтобы автоматически кадрировать и выпрямить отсканированное изображение: 1. Откройте отсканированный файл, содержащий изображения, которое вы хотите разделить, в программе Photoshop (рис. 1.28). 2. Выберите слой, который содержит изображения. 3. (Необязательный шаг.) Нарисуйте выделение вокруг изображений, которые вы хотите обработать.
72
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Рис. 1.28. Изображение, которое должно быть кадрировано и выпрямлено
Рис. 1.29. Изображение, которое должно быть кадрировано и выпрямлено
Это полезно делать в том случае, когда вы не хотите обрабатывать все изображения в отсканированном файле. 4. Выберите команду меню Файл ⇒ Автоматизация ⇒ Кадрировать и выпрямить фотографию (File ⇒ Automate ⇒ Crop And Straighten Photos). Отсканированные изображения будут обработаны, после чего каждое изображение откроется в отдельном окне (рис. 1.29). Ïðèìå÷àíèå: Åñëè êîìàíäà Êàäðèðîâàòü è âûïðÿìèòü ôîòîãðàôèþ (Crop And Straighten Photos) íåïðàâèëüíî îòäåëèò îäíî èç âàøèõ èçîáðàæåíèé, ñîçäàéòå ãðàíèöó âûäåëåíèÿ âîêðóã ýòîãî èçîáðàæåíèÿ, çàõâàòèâ íåáîëüøóþ ÷àñòü ôîíà, è âûáåðèòå ýòó êîìàíäó ïðè íàæàòîé êëàâèøå Alt (Windows) èëè Option (Mac OS). Êëàâèøà-ìîäèôèêàòîð äàåò óêàçàíèå îòäåëèòü îò ôîíà òîëüêî îäíî âûäåëåííîå èçîáðàæåíèå.
5. (Необязательный шаг.) Если после кадрирования и выпрямления ориентация изображения остается неправильной, выберите в меню Изображение ⇒ Вращение изображения (Image ⇒ Image Rotation) подходящий угол поворота изображения.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
73
ÊÀÊ ÂÛÏÎËÍßÒÜ ÊÎÐÐÅÊÖÈÞ ÖÂÅÒÀ Открыв изображение в программе Photoshop, вы можете настроить качество цвета или уровни яркости, преобразовать цветное изображение в черно-белое, а также выполнить коррекцию цвета или дисторсии объектива. Тем самым вы можете улучшить внешний вид изображения и устранить проблемы, возникшие в процессе сканирования или съемки фотографии. Ïðèìå÷àíèå: Áîëüøèíñòâî óïðàæíåíèé äàííîãî ðàçäåëà â îñíîâíîì ïðèìåíÿþòñÿ ê ôîòîãðàôèÿì.
ÂÛÏÎËÍÅÍÈÅ ÀÂÒÎÌÀÒÈ×ÅÑÊÈÕ ÊÎÐÐÅÊÖÈÉ Программа Photoshop предоставляет несколько команд, предназначенных для автоматической настройки качества изображения. Во многих случаях этих команд вполне достаточно. В конце данного раздела будет рассмотрено, как можно выполнить подобные настройки вручную. Команда Автотон (Auto Color) корректирует контрастность и цвета изображения, идентифицируя на нем тени, средние тона и светлые участки. Чтобы использовать команду Автотон (Auto Color): 1. Откройте изображение, которое вы хотите скорректировать. 2. Выберите команду меню Изображение ⇒ Автотон (Image ⇒ Auto Color). Программа Photoshop применит команду Автотон (Auto Color) к изображению. Обратите внимание на изменения, произошедшие с фотографией. В одних местах изображение должно стать ярче, а в других — темнее. В целом чистота цвета (но не его резкость) должна улучшиться. 3. Выберите команду меню Изображение ⇒ Коррекция ⇒ Тени/Света (Image ⇒ Adjustments ⇒ Shadows/Highlights).
Рис. 1.30. Диалоговое окно Тени/Света
На экране появится диалоговое окно Тени/Света (Shadows/Highlights) (рис. 1.30). 4. Убедитесь, что флажок Просмотр (Preview) установлен. Если флажок Просмотр (Preview) установлен, вы можете наблюдать, как вносимые изменения влияют на изображение. 5. Перетаскивайте ползунки регуляторов в группах элементов управления Тени (Shadows) и Света (Highlights) до тех пор, пока вы не будете удовлетворены результатом. 6. Щелкните по кнопке OK.
74
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Íàñòðîéêà óðîâíåé ïðè ïîìîùè êîððåêòèðóþùåãî ñëîÿ Каждое изображение имеет диапазон тонов, начиная с самых темных пикселов и заканчивая самыми светлыми пикселами. Фотографии выглядят лучше, когда их самые темные пикселы приближаются к черному цвету, а самые светлые пикселы — к белому цвету, обеспечивая фотографию широким тональным диапазоном (tonal range). Чтобы настроить самые темные и самые светлые пикселы в вашем изображении, вы можете использовать команду Уровни (Levels) в программе Photoshop. Кроме того, вы также можете настроить средние тона (midtones): серые тона или гамма-тона вашего изображения, которые находятся в середине диапазона уровней яркости. При использовании корректирующего слоя вы можете вносить изменения в уровни тонов, сохраняя исходное изображение. Термин «недеструктивное редактирование» означает, что вы можете проводить бесконечное множество экспериментов над изображением, не опасаясь испортить или изменить исходную фотографию. Использование корректирующих слоев позволяет сохранить оригинал изображения нетронутым. В любой момент времени вы можете включить или отключить слои, чтобы произвести тонкую настройку вашего изображения. Чтобы использовать команду Уровни (Levels) на палитре Коррекция (Adjustments): 1. Убедитесь, что никакой фрагмент фотографии не выделен. (Последующие изменения будут применяться ко всему изображению.) 2. Если палитра Коррекция (Adjustments) не отображается на экране, выберите команду меню Окно ⇒ Коррекция (Window ⇒ Adjustments). 3. Щелкните по кнопке Уровни (Levels) на палитре Коррекция (Adjustments) (рис. 1.31). На этой палитре доступен ряд других команд и некоторые распространенные наборы настроек. На палитре Коррекция (Adjustments) появятся параметры корректирующего слоя Уровни (Levels) (рис. 1.32). 4. Перетащите левый (черный) треугольник в точку, где начинаются самые темные цвета. Обратите внимание, что самые темные фрагменты изображения стали еще темнее. 5. Перетащите правый (белый) треугольник в точку, где начинаются самые светлые цвета. Обратите внимание, что самые светлые фрагменты изображения стали светлее.
Рис. 1.31. Кнопка Уровни на палитре Коррекция
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
6. Перетащите средний (серый) треугольник немного влево (рис. 1.32). Обратите внимание, что средние тона стали светлее. 7. Добившись желаемого результата, сверните палитру Коррекция (Adjustments). Ïðèìå÷àíèå: Ñðåäè ïàðàìåòðîâ êîððåêòèðóþùåãî ñëîÿ Óðîâíè (Levels) íà ïàëèòðå Êîððåêöèÿ (Adjustments) ïðèñóòñòâóåò êíîïêà Àâòî (Auto). Êîìàíäà Àâòî (Auto) ïîçâîëÿåò àâòîìàòè÷åñêè ñêîððåêòèðîâàòü òî÷êè ÷åðíîãî è òî÷êè áåëîãî â èçîáðàæåíèè. Äëÿ íåêîòîðûõ èçîáðàæåíèé, ãäå òðåáóåòñÿ îáû÷íîå óâåëè÷åíèå êîíòðàñòíîñòè, ýòî ìîæåò äàòü íåïëîõîé ðåçóëüòàò; òåì íå ìåíåå, ïîñêîëüêó êîìàíäà Àâòî (Auto) êîððåêòèðóåò êàæäûé öâåòîâîé êàíàë ïî îòäåëüíîñòè, ìîæåò ïðîèçîéòè óäàëåíèå öâåòà èëè ìîãóò ïîÿâèòüñÿ íîâûå öâåòîâûå îòòåíêè. Çà÷àñòóþ êîððåêòèðîâàíèå óðîâíåé âðó÷íóþ ïîçâîëÿåò äîáèòüñÿ áîëåå òî÷íûõ ðåçóëüòàòîâ.
8. Выберите команду меню Окно ⇒ Слои (Window ⇒ Layers). На экране появится палитра Слои (Layers). Обратите внимание, что на этой палитре появился новый корректирующий слой с именем Уровни 1 (Levels 1) (рис. 1.33). Исходное изображение по-прежнему остается неизменным на слое Фон (Background).
Рис. 1.32. Параметры корректирующего слоя Уровни на палитре Коррекция
Рис. 1.33. Палитра Слои с корректирующим слоем Уровни
75
76
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Íàñòðîéêà ñâåòëûõ è òåìíûõ òîíîâ ïðè ïîìîùè èíñòðóìåíòîâ Îñâåòëèòåëü è Çàòåìíèòåëü Команды, рассмотренные в предыдущем упражнении, изменяют светлые и темные тона для всего изображения целиком. Иногда может потребоваться осветлить или затемнить определенные области изображения. Например, можно осветлить тени на лице человека или сделать ярче цвета в области изображения с недостаточным освещением. Вы можете использовать инструменты Осветлитель (Dodge) и Затемнитель (Burn), чтобы изменить яркость и затемнение определенных областей изображения. Термины «затемнение» и «осветление» могут показаться странными, но, как и множество других возможностей программы Photoshop, они названы в соответствии с процессами изготовления пленки. Осветление подразумевает пропускание большего количества света через негатив, позволяя сделать область изображения светлее, а затемнение подразумевает пропускание меньшего количества света, позволяя сделать область темнее.
Рис. 1.34. Инструменты Осветлитель и Затемнитель на панели инструментов
Оба инструмента доступны на панели инструментов над инструментом Перо (Pen). По умолчанию отображается инструмент Осветлитель (Dodge). Чтобы выбрать инструмент Затемнитель (Burn), щелкните по инструменту Осветлитель (Dodge) и удерживайте нажатой кнопку мыши (рис. 1.34).
Чтобы воспользоваться инструментом Осветлитель (Dodge): 1. Щелкните по инструменту Осветлитель (Dodge) на панели инструментов (рис. 1.34). Указатель мыши примет вид кисти. Обычно кисть отображается в виде окружности. 2. Вы можете изменить размер и форму кисти на панели параметров (рис. 1.35). Измените размер кисти в соответствии с размером области, которую вы хотите осветлить.
Рис. 1.35. Настройки кисти
3. Перетащите указатель мыши по фотографии над теми областями, которые вы хотите осветлить. Ïðèìå÷àíèå: Îñâåòëåíèå òðåáóåò îïðåäåëåííûõ íàâûêîâ. Ìîæíî îòêðûòü ïàëèòðó Èñòîðèÿ (History), ñ ïîìîùüþ êîòîðîé ìîæíî îòìåíèòü ëþáûå äåéñòâèÿ.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
77
Чтобы воспользоваться инструментом Затемнитель (Burn): 1. Щелкните по инструменту Осветлитель (Dodge) на панели инструментов и удерживайте кнопку мыши, чтобы выбрать инструмент Burn (Осветлитель) (рис. 1.34). Указатель мыши примет вид кисти. Обычно кисть отображается в виде окружности. 2. Вы можете изменить размер и форму кисти на панели параметров (рис. 1.35). Измените размер кисти в соответствии с размером области, которую вы хотите затемнить. 3. Перетащите указатель мыши по фотографии над теми областями, которые вы хотите затемнить. Ïðèìå÷àíèå: Çàòåìíåíèå òðåáóåò îïðåäåëåííûõ íàâûêîâ. Ìîæíî îòêðûòü ïàëèòðó Èñòîðèÿ (History), ñ ïîìîùüþ êîòîðîé ìîæíî îòìåíèòü ëþáûå äåéñòâèÿ.
Ïðèìåíåíèå ôèëüòðà Êîíòóðíàÿ ðåçêîñòü После ретуширования фотографии многие профессионалы, работающие с программой Photoshop, применяют фильтр Контурная резкость (Unsharp Mask). При выполнении коррекции цвета на изображении может появиться едва заметное размытие. Фильтр Контурная резкость (Unsharp Mask) делает изображение более резким путем настройки контрастности деталей контура. Ïðèìå÷àíèå: Ôèëüòð Êîíòóðíàÿ ðåçêîñòü (Unsharp Mask) — ýòî ëèøü îäèí èç ìíîãèõ ìîùíûõ ôèëüòðîâ ïðîãðàììû Photoshop. Ìíîãèå èç ýòèõ ôèëüòðîâ ïðèäàþò èçîáðàæåíèÿì õóäîæåñòâåííûé âèä. Âû ìîæåòå ïîýêñïåðèìåíòèðîâàòü ñ íèìè, âûáèðàÿ ðàçëè÷íûå ôèëüòðû â ìåíþ Ôèëüòð (Filter).
Чтобы применить фильтр Контурная резкость (Unsharp Mask): 1. Убедитесь, что на фотографии никакой фрагмент не выделен. (Мы хотим применить изменения ко всему изображению.) 2. Выберите команду меню Фильтр ⇒ Усиление резкости ⇒ Контурная резкость (Filter ⇒ Sharpen ⇒ Unsharp Mask). На экране появится диалоговое окно Контурная резкость (Unsharp Mask) (рис. 1.36).
Рис. 1.36. Диалоговое окно Контурная резкость
78
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
3. Убедитесь, что флажок Просмотр (Preview) установлен, чтобы вы могли видеть результаты вносимых изменений на изображении. 4. Перетащите ползунок регулятора Эффект (Amount), чтобы ваше изображение приобрело желаемую резкость. 5. Перетащите ползунок регулятора Радиус (Radius), чтобы изменить значение этого параметра. Ползунковый регулятор Радиус (Radius) задает число пикселов, окружающих крайние пикселы, которые будут затронуты эффектом усиления резкости. Краевые пикселы — это пикселы, находящиеся там, где встречаются два разных цвета. По умолчанию это значение равно 1. Для фотографий с высоким разрешением желательно использовать большее значение параметра. 6. Для параметра Изогелия (Threshold) укажите значение 0 пикселов. Параметр Изогелия (Threshold) определяет, какими должны быть соседние пикселы, чтобы считаться краевыми пикселами. Значение, равное 0, усиливает резкость всех пикселов изображения. Обычно параметру Изогелия (Threshold) присваивается значение в диапазоне от 0 до 20, чтобы избежать появления нежелательного «шума» на изображении. 7. Когда изображение будет выглядеть правильно, щелкните по кнопке OK, чтобы применить изменения и закрыть диалоговое окно Контурная резкость (Unsharp Mask).
ÏÐÅÎÁÐÀÇÎÂÀÍÈÅ ÖÂÅÒÍÛÕ ÈÇÎÁÐÀÆÅÍÈÉ Â ×ÅÐÍÎ-ÁÅËÛÅ Корректирующий слой Черно-белое (Black & White) позволяет преобразовать цветное изображение в полутоновое, обеспечив полный контроль над конвертацией отдельных цветов. Вы можете также затенить полутоновое изображение, применив цветовой тон к изображению, или, к примеру, создать эффект сепии. Корректирующий слой Черно-белое (Black & White) функционирует точно так же, как корректирующий слой Микширование каналов (Channel Mixer), который также преобразует цветные изображения в черно-белые, позволяя при этом настраивать входной уровень цветового канала. Чтобы преобразовать цветные изображения в черно-белые: 1. Выполните одно из следующих действий: • Щелкните по значку Черно-белое (Black & White) или выберите один из наборов настроек в раскрывающемся списке Черно-белое (Black & White Presets) на палитре Коррекция (Adjustments) (рис. 1.37).
Рис. 1.37. Щелкните по значку Черно-белое на палитре Коррекция
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
• Выберите команду меню Слои ⇒ Новый корректирующий слой ⇒ Чернобелое (Layer ⇒ New Adjustment Layer ⇒ Black & White). В появившемся диалоговом окне Новый слой (New Layer) введите имя корректирующего слоя и затем щелкните по кнопке OK. Программа Photoshop выполнит стандартную полутоновую конвертацию. Ïðèìå÷àíèå: Âû ìîæåòå òàêæå âîñïîëüçîâàòüñÿ êîìàíäîé ìåíþ Èçîáðàæåíèå ⇒ Êîððåêöèÿ ⇒ ×åðíî-áåëîå (Image ⇒ Adjustments ⇒ Black & White). Íî èìåéòå â âèäó, ÷òî ýòà êîìàíäà âíîñèò íåïîñðåäñòâåííûå èçìåíåíèÿ â ñëîé èçîáðàæåíèÿ è âûçûâàåò ïîòåðþ äàííûõ èçîáðàæåíèÿ.
2. На палитре Коррекция (Adjustments) вручную настройте параметры преобразования, используя ползунковые регуляторы цвета, выполните автоматическое преобразование, щелкнув по кнопке Авто (Auto), или выберите сохраненный пользовательский набор настроек (рис. 1.38). Раскрывающийся список Набор (Preset). Выберите предопределенный полутоновый набор или сохраненный пользовательский набор (рис. 1.39). Чтобы сохранить набор настроек, выберите команду Сохранить набор «Чернобелое» (Save Black & White Preset) в меню палитры. Кнопка Авто (Auto). Устанавливает смесь полутонов на основе значений цветов изображения, максимально увеличивая распределение значений серого цвета. Смесь, полученная с помощью команды Авто (Auto), зачастую позволяет добиться отличных результатов или может быть использована в качестве отправной точки для тонкой настройки значений серого с помощью ползунковых регуляторов цвета. Ползунковые регуляторы цвета. Позволяют настраивать серые тона конкретных цветов изображения. Перетащите ползунок регуля-
Рис. 1.38. Палитра Коррекция корректирующего слоя Черно-белое
Рис. 1.39. Раскрывающийся список Набор корректирующего слоя Черно-белое
79
80
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
тора влево, чтобы затемнить серые тона исходного цвета изображения, или вправо, чтобы осветлить их. 3. (Необязательный шаг.) Чтобы применить тон цвета, например оттенок сепии, установите флажок Оттенок (Tint) (рис. 1.40). Для тонкой настройки цвета оттенка щелкните по образцу цвета параметра Оттенок (Tint), чтобы открыть диалоговое окно Выберите целевой цвет (Color Picker).
Рис. 1.40. Оттенок сепии, примененный к преобразованному корректирующему слою Черно-белое
ÊÎÐÐÅÊÖÈß ÄÈÑÒÎÐÑÈÈ ÎÁÚÅÊÒÈÂÀ È ÍÀÑÒÐÎÉÊÀ ÏÅÐÑÏÅÊÒÈÂÛ Фильтр Коррекция дисторсии (Lens Correction) позволяет исправить распространенные дефекты объектива, такие как бочкообразная дисторсия и подушкообразная дисторсия, виньетирование и хроматическая аберрация. Фильтр можно использовать только для изображений с глубиной 8 или 16 бит/канал. Вы можете также использовать этот фильтр для вращения изображения или исправления перспективы изображения, вызванного вертикальным или горизонтальным наклоном фотоаппарата. Сетка фильтра, отображаемая поверх изображения, делает эти настройки более простыми и точными, чем при использовании команды Трансформирование (Transform). Чтобы выполнить коррекцию дисторсии объектива: 1. Выберите команду меню Фильтр ⇒ Коррекция дисторсии (Filter ⇒ Lens Correction). 2. Щелкните по вкладке Заказная (Custom) (рис. 1.41).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
81
Рис. 1.41. Диалоговое окно Коррекция дисторсии
3. Включите отображение сетки и измените масштаб изображения (рис. 1.41). В процессе работы вы можете настроить расстояние между линиями сетки, чтобы было проще оценить степень коррекции. 4. Настройте значения следующих параметров, чтобы исправить изображение. Удалить искажение (Remove Distortion). Позволяет исправить бочкообразную или подушкообразную дисторсию. Перетащите ползунок регулятора, чтобы выпрямить горизонтальные и вертикальные линии, которые изогнуты либо к центру изображения, либо от его центра. Данное исправление можно также выполнить с помощью инструмента Удалить искажение (Remove Distortion). Перетаскивание указателя мыши по направлению к центру изображения исправляет бочкообразную дисторсию, а перетаскивание указателя мыши по направлению к краю изображения — подушкообразную дисторсию. Хроматическая аберрация (Chromatic Aberration). Исправляет цветную бахрому. Увеличьте масштаб изображения, чтобы поближе рассмотреть бахрому в процессе исправления. Красная/голубая кайма (Fix Red/Cyan Fringe). Позволяет компенсировать кайму красного/ голубого цвета, скорректировав уровень красного канала по отношению к зеленому каналу. Синяя/желтая кайма (Fix Blue/Yellow Fringe). Позволяет компенсировать кайму синего/ желтого цвета, скорректировав уровень синего канала по отношению к зеленому каналу.
82
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Виньетка (Vignette). Исправляет изображения, имеющие темные края, вызванные дефектом объектива или его неправильным затемнением. Эффект (Amount). Задает степень освещения или затемнения по краям изображения. Средняя точка (Midpoint). Определяет ширину области, на которую влияет ползунковый регулятор Эффект (Amount). Укажите меньшее значение, чтобы применить эффект к большему фрагменту изображения. Укажите большее значение, чтобы ограничить эффект краями изображения. По вертикали (Vertical Perspective). Исправляет перспективу изображения, вызванную наклоном фотоаппарата вверх или вниз. Делает вертикальные линии на изображении параллельными. По горизонтали (Horizontal Perspective). Исправляет перспективу изображения, делая горизонтальные линии параллельными. Угол (Angle). Вращает изображение, чтобы исправить перемещение фотоаппарата или чтобы внести изменения после исправления перспективы. Чтобы исправить этот дефект, можно также использовать команду Выпрямить (Straighten). Перетащите указатель мыши вдоль линии на изображении, которую вы хотите сделать вертикальной или горизонтальной. Масштаб (Scale). Настраивает масштабирование изображения. Измерения пикселов изображения не изменяются. Основное применение — удалить пустые области, вызванные коррекцией подушкообразной дисперсии, вращения или перспективы. Увеличение масштаба позволяет эффективно обрезать изображение и выполнить интерполяцию к исходным пикселным размерам. Ïðèìå÷àíèå: Èñïðàâëåíèå èçîáðàæåíèé ñ ïîäîáíûìè ïðîáëåìàìè ïðîùå âñåãî âûïîëíÿòü ñ ïîìîùüþ ïðåäóñòàíîâëåííûõ íàñòðîåê. Âû òàêæå ìîæåòå èñïîëüçîâàòü ñïèñîê íàáîðîâ íàñòðîåê ôèëüòðà Êîððåêöèÿ äèñòîðñèè (Lens Correction), äîñòóïíûõ â ðàñêðûâàþùåìñÿ ñïèñêå Íàñòðîéêè (Settings). Íàáîð íàñòðîåê Ëèíçà ïî óìîë÷àíèþ (Lens Default) èñïîëüçóåò íàñòðîéêè, êîòîðûå áûëè ñîõðàíåíû ðàíåå äëÿ ôîòîàïïàðàòà, îáúåêòèâà, ôîêóñíîãî ðàññòîÿíèÿ è äèàôðàãìû îáúåêòèâà, ïðèìåíÿâøèõñÿ äëÿ ñúåìêè èçîáðàæåíèÿ. Íàáîð Ïðåäûäóùåå èñïðàâëåíèå (Previous Conversion) èñïîëüçóåò íàñòðîéêè, êîòîðûå ïðèìåíÿëèñü äëÿ ïîñëåäíåé âûïîëíåííîé êîððåêöèè äèñòîðñèè. Ëþáàÿ ñîõðàíåííàÿ ãðóïïà íàñòðîåê îòîáðàæàåòñÿ âíèçó ðàñêðûâàþùåãîñÿ ñïèñêà Íàñòðîéêè (Settings).
5. Выберите команду меню Файл ⇒ Сохранить (File ⇒ Save), чтобы сохранить изображение.
ÊÀÊ ÐÅÒÓØÈÐÎÂÀÒÜ ÔÎÒÎÃÐÀÔÈÈ Помимо коррекции цвета одной из наиболее распространенных задач, выполняемых в программе Adobe Photoshop, является ретуширование фотографий с целью исправления дефектов, удаления нежелательных фрагментов изображения и исправления проблем, возникших в процессе фотосъемки. В этом разделе рассматривается несколько способов ретуширования фотографий, включая использование инструментов Штамп (Clone Stamp), Точечная восстанавливающая кисть (Spot Healing Brush) и Красные глаза (Red Eye).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
83
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÏÀËÈÒÐÛ ÈÑÒÎÐÈß Поскольку ретуширование само по себе основано на методе проб и ошибок, вы должны уметь работать с палитрой История (History) для отмены произведенных действий. Как большинство пользователей компьютеров, вы наверняка знакомы с командой Отменить (Undo), доступной во многих программах. Эта команда позволяет отменить действие любой последней выполненной команды. В программе Photoshop состояния, которые могут быть отменены с помощью команды Отменить (Undo), добавляются на палитру История (History). Палитра История (History) хранит информацию о 20 последних командах, примененных к изображению, позволяя отменить любую из этих команд. Когда вы выполняете некоторую команду, например трансформируете изображение или добавляете текст, эта команда добавляется на палитру История (History). В списке команды отображаются в том порядке, в котором они были выполнены. Название каждой команды в списке соответствует названию инструмента или команды, с помощью которого вы изменили изображение. Кроме того, вы можете сделать «снимок» определенного набора команд, чтобы вернуться к нему в дальнейшем. Ïðèìå÷àíèå: Íåñìîòðÿ íà ïîòðÿñàþùèå âîçìîæíîñòè ïàëèòðû Èñòîðèÿ (History), äëÿ åå ôóíêöèîíèðîâàíèÿ òðåáóåòñÿ áîëüøîé îáúåì îïåðàòèâíîé ïàìÿòè (RAM). Ñëîè òàêæå ïîòðåáëÿþò çíà÷èòåëüíûå îáúåìû ïàìÿòè, ïîýòîìó, åñëè âû ðàáîòàåòå ñî ñëîæíûì, ìíîãîñëîéíûì èçîáðàæåíèåì, âîçìîæíî, âû çàõîòèòå óìåíüøèòü ÷èñëî ñîõðàíÿåìûõ ñîñòîÿíèé íà ïàëèòðå Èñòîðèÿ (History). Äëÿ ýòîãî âûáåðèòå êîìàíäó ìåíþ Ðåäàêòèðîâàíèå ⇒ Óñòàíîâêè ⇒ Ïðîèçâîäèòåëüíîñòü (Edit ⇒ Preferences ⇒ Performance) (Windows) èëè Photoshop ⇒ Óñòàíîâêè ⇒ Ïðîèçâîäèòåëüíîñòü (Photoshop ⇒ Preferences ⇒ Performance) (Mac OS).
Чтобы использовать палитру История (History): 1. Откройте изображение в программе Photoshop. 2. Выполните несколько команд — например, выделите фрагмент изображения, примените фильтр и добавьте новый слой. Это нужно для того, чтобы добавить несколько команд на палитру История (History) (рис. 1.42). 3. Щелкните по любой из выполненных команд, например, по команде Перемещение (Move) (рис. 1.43).
Рис. 1.42. Палитра История
84
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Обратите внимание, что изображение вернется к тому состоянию, когда была выполнена выбранная команда. Любые команды, выполненные после данной команды, будут временно отменены и затемнены на палитре История (History). На рис. 1.43, например, команды Заливка (Paint Bucket) и Прямоугольная область (Rectangular Marquee) затемнены и не оказывают никакого влияния на изображение.
Рис. 1.43. Выбрана одна из предыдущих команд
В данный момент команды Заливка (Paint Bucket) и Прямоугольная область (Rectangular Marquee) по-прежнему доступны на палитре История (History) (вы можете выбрать любую из этих команд). Тем не менее, если сейчас вы выполните другую команду, затемненные команды будут удалены навсегда.
4. Чтобы удалить команду, выберите ее и затем щелкните по значку Удалить (Delete) (рис. 1.42). Изображение вернется к состоянию, в котором оно находилось перед выполнением удаленной команды.
Ñîçäàíèå ñíèìêà Вы можете использовать команду Новый снимок (Snapshot), чтобы создать копию любого состояния изображения, соответствующего определенной команде в списке команд на палитре История (History). Если изображение вас удовлетворяет, имеет смысл создать его снимок. Чтобы создать снимок: 1. В списке на палитре История (History) щелкните по команде, для которой вы хотите создать снимок. 2. Щелкните по значку Новый снимок (Snapshot) (рис. 1.44). Рис. 1.44. Снимки на палитре История
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
85
3. При необходимости прокрутите список палитры История (History) вверх, чтобы увидеть созданный снимок (рис. 1.44). 4. Чтобы вернуться к состоянию, сохраненному в снимке, щелкните по этому снимку, как вы делаете это для любой другой команды в списке на палитре История (History). Вы можете сравнить различные снимки, щелкая по ним.
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÂÀÐÈÀÍÒÀ ÇÀËÈÂÊÈ «Ñ Ó×ÅÒÎÌ ÑÎÄÅÐÆÈÌÎÃλ Вариант заливки С учетом содержимого (Content-Aware) позволяет быстро и автоматически заполнить выделенную область похожим ближайшим содержимым изображения. Этот способ эффективен для удаления большого нежелательного фрагмента фотографии и может быть использован в качестве отправной точки для более тщательного ретуширования. Чтобы использовать вариант заливки С учетом содержимого (Content-Aware): 1. Определите объект, который вы хотите удалить из изображения. Например, вы можете удалить размытое изображение велосипедиста из фотографии, представленной на рис. 1.45.
Рис. 1.45. Исходное изображение для ретуширования
86
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
2. Выделите фрагмент изображения, который вы хотите заполнить (рис. 1.46).
Рис. 1.46. Выделенный нежелательный объект
3. Выберите команду меню Редактирование ⇒ Выполнить заливку (Edit ⇒ Fill). 4. В раскрывающемся списке Использовать (Use) появившегося диалогового окна Заполнить (Fill) выберите значение С учетом содержимого (Content-Aware) (рис. 1.47).
Рис. 1.47. Диалоговое окно Заполнить
5. Нужным образом настройте параметры группы элементов управления Наложение (Blending) и щелкните по кнопке OK.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
87
6. Нежелательный объект будет удален из изображения (рис. 1.48). Используйте дополнительные инструменты ретуширования для дальнейшей тонкой настройки изображения.
Рис. 1.48. Изображение, из которого был удален нежелательный объект
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÈÍÑÒÐÓÌÅÍÒÀ ØÒÀÌÏ Инструмент Штамп (Clone Stamp) можно использовать для удаления незначительных дефектов на фотографии. Применение этого инструмента наиболее эффективно для небольших, четко различимых объектов. Чтобы воспользоваться Штамп (Clone Stamp):
инструментом
1. Определите объект, который вы хотите удалить из изображения. Например, вы можете удалить пятнышко на цветке, изображенном на рис. 1.49. 2. Используйте инструмент Zoom (Масштаб), чтобы увеличить масштаб отображения объекта (рис. 1.50).
Рис. 1.49. Исходное изображение для ретуширования
88
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Рис. 1.50. Увеличенный объект
Рис. 1.51. Выбрана копируемая область
3. Найдите область на заднем плане, которая будет скопирована на проблемную область. 4. Выберите инструмент Штамп (Clone Stamp) на панели инструментов. 5. Удерживая нажатой клавишу Alt (Win-dows) или Option (Mac OS), щелкните по клонируемой области (рис. 1.51). 6. Отпустите клавишу Alt (Windows) или Option (Mac OS) и поместите указатель инструмента Штамп (Clone Stamp) над объектом, который вы хотите удалить (рис. 1.52). 7. Перетаскивайте указатель инструмента Штамп (Clone Stamp) над этим объектом до тех пор, пока он не исчезнет, и затем отпустите кнопку мыши (рис. 1.53).
Рис. 1.52. Клонирование области
Рис. 1.53. Клонирование завершено
8. Завершив работу с инструментом Штамп (Clone Stamp), вы можете переключиться на другой инструмент, выбрав его на панели инструментов.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
89
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÈÍÑÒÐÓÌÅÍÒÀ ÒÎ×Å×ÍÀß ÂÎÑÑÒÀÍÀÂËÈÂÀÞÙÀß ÊÈÑÒÜ Ретуширование небольших фрагментов изображения с помощью инструмента Точечная восстанавливающая кисть (Spot Healing Brush) значительно упрощается. Инструмент Точечная восстанавливающая кисть (Spot Healing Brush) автоматически собирает информацию о пикселах из окружающей области и применяет их к выделенной области. Инструмент Точечная восстанавливающая кисть (Spot Healing Brush) позволяет быстро вносить изменения для небольшой области изображения. Вам не нужно выбирать клонируемую область. Чтобы воспользоваться инструментом Точечная восстанавливающая кисть (Spot Healing Brush): 1. Щелкните по инструменту Точечная восстанавливающая кисть (Spot Healing Brush) на панели инструментов. Указатель мыши примет вид кисти. Обычно кисть отображается в виде окружности. 2. Вы можете изменить размер или форму кисти на панели параметров (рис. 1.54). Размер кисти должен быть достаточным, чтобы закрыть всю точку, а также захватить небольшое пространство вокруг этой точки.
Рис. 1.54. Параметры инструмента Точечная восстанавливающая кисть
3. Поместите указатель инструмента Точечная восстанавливающая кисть (Spot Healing Brush) над областью, которую вы хотите исправить (рис. 1.55). 4. Щелкните по изображению, чтобы выполнить коррекцию (рис. 1.56).
Рис. 1.55. Указатель инструмента Точечная восстанавливающая кисть помещен над дефектом
Рис. 1.56. Результат применения инструмента Точечная восстанавливающая кисть
90
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÈÍÑÒÐÓÌÅÍÒÀ ÊÐÀÑÍÛÅ ÃËÀÇÀ Если при съемке фотографий используется вспышка, это зачастую приводит к появлению эффекта «красных глаз». Вы можете быстро исправить данный эффект, воспользовавшись инструментом Красные глаза (Red Eye). Чтобы воспользоваться инструментом Красные глаза (Red Eye): 1. Щелкните по инструменту Красные глаза (Red Eye) на панели инструментов (рис.1.57). 2. Поместите указатель инструмента Красные глаза (Red Eye) над дефектом, который вы хотите исправить. 3. Щелкните по изображению, чтобы выполнить коррекцию (рис. 1.58).
Рис. 1.57. Инструмент Красные глаза
Рис. 1.58. Результат применения инструмента Красные глаза
ÊÀÊ ÃÅÍÅÐÈÐÎÂÀÒÜ ÔÀÉËÛ Â ÐÀÇËÈ×ÍÛÕ ÔÎÐÌÀÒÀÕ Для каждой среды передачи информации — печать, Интернет и видео — требуются файлы в разных форматах. В этом разделе рассматривается процесс генерации файлов в соответствующих форматах для этих сред передачи информации в программе Adobe Photoshop CS5. При генерации любого изображения в программе Photoshop необходимо помнить о том, что, когда происходит сохранение изображения, программа Photoshop сохраняет его в таком виде, в котором оно отображается на экране. Иначе говоря, если некоторые слои скрыты, вы не увидите их в сохраненном изображении.
ÑÎÕÐÀÍÅÍÈÅ ÔÀÉËÎÂ ÄËß ÈÍÒÅÐÍÅÒÀ Для веб-страниц фотографии обычно сохраняются в формате JPEG. Формат JPEG — это наиболее используемый формат для фотографий, размещаемых на веб-страницах. (К другим распространенным форматам, используемым в Интернете, относятся формат GIF, который обычно используется для изображений с ограниченным количеством цветов, и формат PNG — менее часто используемый, но очень гибкий формат.)
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
91
Популярность формата JPEG обусловлена возможностью отличного сжатия файлов, т. е. вы можете уменьшить размер файла, не жертвуя качеством. Тем не менее, если степень сжатия будет слишком высокой, качество изображения, безусловно, пострадает; важно найти правильный баланс между качеством изображения и степенью сжатия. Программа Photoshop позволяет упростить этот процесс, предоставляя команду Сохранить для Web и устройств (Save For Web & Devices). В диалоговом окне Сохранить для Web и устройств (Save For Web & Devices) вы можете просматривать изображения в формате JPEG с различными степенями сжатия перед тем, как сохранить их. Ïðèìå÷àíèå: Êîãäà âû ñîõðàíÿåòå ôàéë, êîòîðûé áóäåò èñïîëüçîâàòüñÿ â Èíòåðíåòå, ïðèìåíÿåòñÿ åãî ïîëíûé ðàçìåð â ïèêñåëàõ. Ðàçìåð äîêóìåíòà íå âëèÿåò íà îòîáðàæåíèå èçîáðàæåíèÿ â áðàóçåðå. Íàïðèìåð, åñëè ðàçìåðû èçîáðàæåíèÿ â ïèêñåëàõ ñîñòàâëÿþò 640 × 480, â áðàóçåðå äàííîå èçîáðàæåíèå áóäåò îòîáðàæàòüñÿ ñ òàêèìè æå ðàçìåðàìè. Ðàçìåð äîêóìåíòà âëèÿåò òîëüêî íà ïå÷àòü èçîáðàæåíèÿ.
Чтобы сохранить файл в формате JPEG: 1. Запустите программу Photoshop и откройте любое изображение. 2. Выберите команду меню Файл ⇒ Сохранить для Web и устройств (File ⇒ Save For Web & Devices). На экране появится диалоговое окно Сохранить для Web и устройств (Save For Web & Devices) (рис. 1.59).
Рис. 1.59. Диалоговое окно Сохранить для Web и устройств
92
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
3. В раскрывающемся списке Формат оптимизированного файла (Optimized File Format) выберите значение JPEG, если оно еще не выбрано (рис. 1.60). 4. Щелкните по вкладке 2 варианта (2-Up), чтобы отобразить оригинал изображения вместе с предварительным изображением сохраняемого файла (рис. 1.61).
Рис. 1.60. Раскрывающийся список Формат оптимизированного файла
Рис. 1.61. Диалоговое окно Сохранить для Web и устройств, вкладка 2 варианта
5. Настройте качество изображения, используя либо раскрывающийся список Качество сжатия (Compression Quality), либо параметр Качество (Quality) (рис. 1.62). Изменяя значения параметров, наблюдайте за тем, как качество нижней фотографии (предварительный вариант изображения) влияет на размер файла. В идеальном случае необхо-
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
93
димо найти правильный баланс, чтобы сохранить качество изображения и получить минимально возможный размер файла. 6. Добившись приемлемого результата, щелкните по кнопке Сохранить (Save). При щелчке по кнопке Сохранить (Save) происходит автоматическое сохранение копии изображения в формате JPEG, с использованием выбранных настроек. Исходное изображение остается нетронутым. Если необходимо, вы можете описать неРис. 1.62. Параметры изображения в формате которые настройки в имени файла. НаприJPEG мер, имя файла banner_high.jpeg представляет изображение в формате JPEG с высоким качеством. После сохранения копии изображения исходный файл остается открытым в программе Photoshop. Ïðèìå÷àíèå: Åñëè äëÿ èñõîäíîãî èçîáðàæåíèÿ òàêæå èñïîëüçóåòñÿ ôîðìàò JPEG (ìíîãèå öèôðîâûå ôîòîàïïàðàòû èñïîëüçóþò ôîðìàò JPEG äëÿ õðàíåíèÿ ôîòîãðàôèé), âû äîëæíû ñîõðàíèòü êîïèþ ýòîãî èçîáðàæåíèÿ â äðóãîì ìåñòå íà äèñêå (èëè ïðèñâîèòü åé äðóãîå èìÿ ôàéëà), ÷òîáû èçáåæàòü ïóòàíèöû.
ÃÅÍÅÐÀÖÈß ÔÀÉËΠÄËß ÏÅ×ÀÒÈ Генерация файлов для печати отличается от сохранения изображений для дальнейшего использования в Интернете: в данном случае применяется формат файла без сжатия и перед сохранением изображения вы должны убедиться, что оно имеет достаточно высокое разрешение (предпочтительно 300 ppi). Лучше всего импортировать изображение в программу Photoshop с максимально возможным разрешением, чтобы обеспечить боˆльшую гибкость при генерации изображений различных типов. Ïðèìå÷àíèå: Âû ìîæåòå íàïå÷àòàòü èçîáðàæåíèå íà ïðèíòåðå íåïîñðåäñòâåííî èç ïðîãðàììû Photoshop. Íàñòðîéêè, ðàññìàòðèâàåìûå â ýòîì óïðàæíåíèè, ìîãóò èñïîëüçîâàòüñÿ äëÿ îòïðàâêè èçîáðàæåíèÿ íà ïå÷àòü, ïåðåíîñà èçîáðàæåíèÿ íà äðóãîé êîìïüþòåð äëÿ ïîñëåäóþùåé ïå÷àòè èëè ïåðåíîñà èçîáðàæåíèÿ â äðóãîå ïðèëîæåíèå.
Процесс генерации файлов для печати состоит из трех этапов: 1. Установка для изображения разрешения, равного 300 ppi. 2. Преобразование изображения в цветовую модель CMYK (если изображение будет выводиться на оборудовании для офсетной печати). 3. Генерация файла в формате, подходящем для печати (без сжатия или без потерь), например в формате TIFF.
94
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Óñòàíîâêà ðàçðåøåíèÿ, ðàâíîãî 300 ppi Установка более высокого разрешения имеет существенное значение для обеспечения гибкости и качества. Чтобы установить разрешение, равное 300 ppi: 1. Откройте изображение в программе Photoshop. 2. Выберите команду меню Изображение ⇒ Размер изображения (Image ⇒ Image Size). На экране появится диалоговое окно Размер изображения (Image Size) (рис. 1.63).
Рис. 1.63. Диалоговое окно Размер изображения
3. Убедитесь, что флажок Интерполяция (Resample Image) сброшен. Когда этот флажок сброшен, вы изменяете только разрешение изображения, не удаляя или добавляя пикселы. 4. Введите значение 300 в поле ввода Разрешение (Resolution) (рис. 1.63). Убедитесь, что в качестве единицы измерения для параметра Разрешение (Resolution) выбрано значение пикс/дюйм (pixels/inch). 5. Щелкните по кнопке OK. Чтобы просмотреть изображение с теми размерами, которые будут использованы при печати, выберите команду меню Просмотр ⇒ Размер при печати (View ⇒ Print Size) (возможно, вам сначала потребуется выбрать команду меню Просмотр ⇒ Показать все пункты меню (View ⇒ Show All Menu Items)).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
95
Êîíâåðòàöèÿ èçîáðàæåíèé â öâåòîâóþ ìîäåëü CMYK Для отображения фотографий компьютеры используют комбинации красного, зеленого и синего цветов (RGB — red, green, blue). Для печати цветных фотографий офсетные печатные машины используют голубой (синий), розовый (красный), желтый и черный цвета. Это называется CMYK-печатью. При печати фотографии на струйном принтере вы можете продолжать работу с изображением в режиме RGB, но если вы отправляете изображение для печати в типографии, его необходимо сконвертировать в цветовую модель CMYK. Чтобы увидеть, как будет выглядеть изображение при использовании цветовой модели CMYK, выберите команду меню Просмотр ⇒ Варианты цветопробы ⇒ Формы CMYK (View ⇒ Proof Setup ⇒ Working CMYK). (Для некоторых изображений вы можете не заметить вообще никаких отличий.) Такой режим просмотра называется цветопробой (soft proof). Ïðèìå÷àíèå: Öâåòîïðîáû — ýòî ïðèáëèçèòåëüíûå âàðèàíòû îòîáðàæåíèÿ èçîáðàæåíèé. Òî, ÷òî âû âèäèòå íà ýêðàíå, çàâèñèò îò êà÷åñòâà è íàñòðîåê âàøåãî ìîíèòîðà, à òàêæå îò óñëîâèé îñâåùåíèÿ íà âàøåì ðàáî÷åì ìåñòå. Ïðè ïå÷àòè âû ìîæåòå íàáëþäàòü äðóãèå ðåçóëüòàòû. Íî, íåñìîòðÿ íà ýòî, öâåòîïðîáû ìîãóò îêàçàòüñÿ ïîëåçíûìè.
Кроме того, программа Photoshop позволяет увидеть, как данное изображение будет выглядеть при печати на различных принтерах, включая большинство моделей компании Epson, и офсетных печатных машинах. Для этого выберите команду меню Просмотр ⇒ Варианты цветопробы ⇒ Заказной (View ⇒ Proof Setup ⇒ Custom). Чтобы сконвертировать изображение в цветовую модель CMYK: 1. Сохраните копию изображения. 2. Выберите команду меню Изображение ⇒ Режим ⇒ CMYK (Image ⇒ Mode ⇒ CMYK Color). 3. Если изображение содержит слои, программа Photoshop предложит вам выполнить сведение этих слоев. Щелкните по кнопке Выполнить сведение (Yes). (Поскольку вы сохранили копию данного файла, в дальнейшем вы можете открыть эту сохраненную копию, чтобы восстановить слои.)
Ãåíåðàöèÿ ôàéëîâ â ôîðìàòå TIFF Выполнив конвертацию изображения в цветовую модель CMYK и указав необходимое разрешение, вы можете сохранить это изображение в формате, подходящем для печати (в формате, не использующем сжатие, называемый форматом без потерь). В этом упражнении будет рассмотрен формат TIFF. Ïðèìå÷àíèå: Íåñìîòðÿ íà òî, ÷òî ôîðìàò TIFF ÿâëÿåòñÿ íàèáîëåå ðàñïðîñòðàíåííûì ôîðìàòîì áåç ïîòåðü, èñïîëüçóåìûì äëÿ õðàíåíèÿ èçîáðàæåíèé, âû ìîæåòå òàêæå èñïîëüçîâàòüñÿ ôîðìàòû EPS èëè Adobe PDF.
96
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Чтобы сгенерировать файл в формате TIFF: 1. Выберите команду меню Файл ⇒ Сохранить как (File ⇒ Save As). На экране появится диалоговое окно Сохранить как (Save As) (рис. 1.64).
Рис. 1.64. Диалоговое окно Сохранить как
2. В раскрывающемся списке Тип файлов (Format) выберите значение TIFF (*.TIF, *.TIFF) (Windows) или TIFF (Mac OS). 3. Щелкните по кнопке Сохранить (Save). На экране появится диалоговое окно Параметры TIFF (TIFF Options) (рис. 1.65).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
97
Рис. 1.65. Диалоговое окно Параметры TIFF
4. Поскольку изображение будет печататься на принтере, нам не нужно выполнять его сжатие. Оставьте переключатель Сжатие изображения (Image Compression) в положении Нет (None), а переключатель Порядок пикселов (Pixel Order) — в положении Перемежающийся (Interleaved). Ïðèìå÷àíèå: Íà ïðàêòèêå ñæàòèå èçîáðàæåíèé â ôîðìàòå TIFF èñïîëüçóåòñÿ êðàéíå ðåäêî.
5. Переключатель Формат (Byte Order) установите в положение, соответствующее вашей операционной системе (IBM PC (Windows) или Macintosh (Mac OS)). 6. Поскольку изображение будет печататься на принтере, вам также не нужно сохранять слои. Убедитесь, что переключатель Сжатие слоев (Layer Compression) установлен в положении Удалить слои и сохранить копию (Discard Layers And Save A Copy). Это позволяет выполнить сведение слоев в изображении. 7. Щелкните по кнопке OK. Ïðèìå÷àíèå: Åñëè èçîáðàæåíèå èìååò òîëüêî ñëîé Ôîí (Background), ïîëîæåíèå Óäàëèòü ñëîè è ñîõðàíèòü êîïèþ (Discard Layers And Save A Copy) ïåðåêëþ÷àòåëÿ Ñæàòèå ñëîåâ (Layer Compression) áóäåò íåäîñòóïíî.
98
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Ïå÷àòü èçîáðàæåíèé è ñîõðàíåíèå íàñòðîåê ïå÷àòè Бывают ситуации, когда необходимо напечатать копию изображения на локальном принтере. Программа Photoshop предоставляет множество возможностей для настройки параметров печати, включая следующие команды: •
Параметры страницы (Page Setup). Отображает параметры, относящиеся к вашему принтеру, драйверам печати и операционной системе.
•
Печатать (Print). Отображает диалоговое окно Печать (Print), которое позволяет просматривать настройки печати, выбирать принтер, указывать количество копий, задавать параметры вывода и параметры управления цветом.
•
Печать одного экземпляра (Print One Copy). Печатает одну копию файла без отображения диалогового окна.
Выбрав подходящую комбинацию настроек печати и параметров управления цветом, вы можете сохранить выбранные настройки в качестве набора для дальнейшего использования. Чтобы установить параметры печати в программе Photoshop и выполнить печать изображения: 1. Выберите команду меню Файл ⇒ Печатать (File ⇒ Print). На экране появится диалоговое окно Печать (Print) (рис. 1.66). 2. Выполните одно или несколько действий из следующего списка: • Используйте раскрывающийся список Принтер (Printer), чтобы выбрать принтер. • Выберите ориентацию страницы (портретную или альбомную). • Укажите количество копий для печати. • Настройте позицию и масштаб изображения относительно выбранного размера бумаги и ориентации. • С помощью раскрывающегося списка в правом верхнем углу диалогового окна Печать (Print): • Выбрав значение Вывод (Output), укажите значения параметров вывода. • Выбрав значение Управление цветом (Color Management), укажите значения параметров управления цветом. 3. Выполните одно или несколько действий из следующего списка: •
Чтобы напечатать изображение, щелкните по кнопке Печать (Print).
•
Чтобы закрыть диалоговое окно, не сохраняя настройки, щелкните по кнопке Отмена (Cancel).
•
Чтобы сохранить настройки и закрыть диалоговое окно, щелкните по кнопке Готово (Done).
•
Чтобы напечатать одну копию изображения, выберите команду меню Файл ⇒ Печать одного экземпляра (File ⇒ Print One Copy).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
99
Рис. 1.66. Диалоговое окно Печать
•
Чтобы сохранить настройки печати, не закрывая диалоговое окно, щелкните по кнопке Готово (Done) или Печать (Print) при нажатой клавише Alt (Windows) или Option (Mac OS).
Ïðèìå÷àíèå: Åñëè íà ýêðàíå ïîÿâèòñÿ ïðåäóïðåæäåíèå î òîì, ÷òî ðàçìåð ïå÷àòàåìîãî èçîáðàæåíèÿ ïðåâûøàåò ðàçìåð ïå÷àòíîãî ëèñòà, ùåëêíèòå ïî êíîïêå Îòìåíà (Cancel), âûáåðèòå êîìàíäó ìåíþ Ôàéë ⇒ Ïå÷àòàòü (File ⇒ Print) è â ïîÿâèâøåìñÿ äèàëîãîâîì îêíå Ïå÷àòü (Print) óñòàíîâèòå ôëàæîê Ïîäîãíàòü ïîä ôîðìàò ëèñòà (Scale To Fit Media). ×òîáû èçìåíèòü ðàçìåðû áóìàãè è ðàñïîëîæåíèå ñîäåðæèìîãî, ùåëêíèòå ïî êíîïêå Ïàðàìåòðû ïå÷àòè (Print Settings), âíåñèòå íåîáõîäèìûå èçìåíåíèÿ è çàòåì ïîïðîáóéòå íàïå÷àòàòü ýòîò ôàéë ñíîâà.
ÑÎÇÄÀÍÈÅ ÈÇÎÁÐÀÆÅÍÈÉ ÄËß ÂÈÄÅÎ Программа Photoshop позволяет создавать изображения с различными соотношениями сторон, чтобы они правильно отображались на устройствах, например видеомониторах. Вы можете выбрать определенный вариант видео (в диалоговом окне Новый (New)), чтобы компенсировать изменение масштаба, когда готовое изображение будет вставлено в видеоклип.
100
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Áåçîïàñíûå çîíû С помощью набора Фильмы и видео (Film & Video) можно также создать документ с непечатаемыми направляющими, которые обозначают безопасные зоны действий и титров на изображении (рис. 1.67). Используя значения в раскрывающемся списке Размер (Size), можно создавать изображения для различных видеосистем — NTSC, PAL или HDTV. Безопасные зоны полезно использовать при подготовке программ для широкого вещания или видеофильмов. В большинстве бытовых телевизоров применяется функция, называемая переразверткой (overscan) — в результате края изображения, находящиеся за пределами видимой области экрана, обрезаются, а центральная часть изображения увеличивается. Степень переразвертки у различных телевизоров отличается. Чтобы гарантировать отображение необходимой информации на экранах большинства телевизоров, текст должен находиться внутри безопасной зоны титров, а все другие важные элементы — внутри безопасной зоны действий.
Рис. 1.67. Направляющие в новом документе, обозначающие безопасные зоны изображения, созданные с помощью набора Фильмы и видео
Чтобы создать изображение для видео: 1. Создайте новый документ. На экране появится диалоговое окно Новый (New) (рис. 1.68).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
101
Рис. 1.68. Диалоговое окно Новый
2. В раскрывающемся списке Набор (Preset) диалогового окна Новый (New) выберите значение Фильмы и видео (Film & Video). 3. В раскрывающемся списке Размер (Size) выберите размер изображения, соответствующий видеосистеме, в которой будет демонстрироваться данное изображение. В данном примере выбрано значение NTSC DV (рис. 1.69).
Рис. 1.69. Раскрывающийся список Размер набора Фильмы и видео
4. Щелкните по значку Дополнительно (Advanced), чтобы выбрать цветовой профиль и определенную попикселную пропорцию. Âàæíî: Ïî óìîë÷àíèþ äëÿ äîêóìåíòîâ ñ íåêâàäðàòíûìè ïèêñåëàìè âêëþ÷åíà ôóíêöèÿ Êîððåêöèÿ ïðîïîðöèé (Pixel Aspect Ratio Correction). Ýòà ôóíêöèÿ ïîçâîëÿåò ìàñøòàáèðîâàòü èçîáðàæåíèå òàê, êàê îíî áóäåò îòîáðàæàòüñÿ íà óñòðîéñòâå âûâîäà ñ íåêâàäðàòíûìè ïèêñåëàìè (îáû÷íî íà âèäåîìîíèòîðå).
5. Щелкните по кнопке OK, чтобы закрыть диалоговое окно Новый (New).
102
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
6. Щелкните по кнопке OK, чтобы закрыть появившееся предупреждение «Коррекция попикселной пропорции включена только для просмотра. Чтобы добиться максимального качества изображения, отключите ее» (Pixel aspect ratio correction is for preview purposes only. Turn it off for maximum image quality). Откроется новый документ (рис. 1.67). 7. Чтобы увидеть, как будет отображаться данное изображение на мониторе компьютера (с квадратными пикселами), выберите команду меню Просмотр ⇒ Коррекция пропорций (View ⇒ Pixel Aspect Ration Correction). Например, на рис. 1.70 показано изображение с несколькими кругами, отображаемое при включенной (вверху) и выключенной (внизу) функции Коррекция пропорций (Pixel Aspect Ration Correction). Ïðèìå÷àíèå: Âû ìîæåòå îäíîâðåìåííî ïðîñìàòðèâàòü èçîáðàæåíèå ñ âêëþ÷åííîé è âûêëþ÷åííîé ôóíêöèåé Êîððåêöèÿ ïðîïîðöèé (Pixel Aspect Ration Correction). Îòêðûâ èçîáðàæåíèå ñ íåêâàäðàòíûìè ïèêñåëàìè è âêëþ÷èâ ôóíêöèþ Êîððåêöèÿ ïðîïîðöèé (Pixel Aspect Ration Correction), âûáåðèòå êîìàíäó ìåíþ Îêíî ⇒ Óïîðÿäî÷èòü ⇒ Íîâîå îêíî äëÿ [èìÿ äîêóìåíòà] (Window ⇒ Arrange ⇒ New Window For [èìÿ äîêóìåíòà]).  íîâîì îêíå âûáåðèòå êîìàíäó ìåíþ Ïðîñìîòð ⇒ Êîððåêöèÿ ïðîïîðöèé (View ⇒ Pixel Aspect Ration Correction), ÷òîáû îòêëþ÷èòü ôóíêöèþ Êîððåêöèÿ ïðîïîðöèé (Pixel Aspect Ration Correction).
8. Если к вашему компьютеру через шину FireWire подключено устройство отображения, например видеомонитор, вы можете просмотреть документ на этом устройстве. • Чтобы указать настройки параметров вывода перед просмотром изображения, выберите команду меню Файл ⇒ Экспортировать ⇒ Просмотр видео (File ⇒ Export ⇒ Video Preview). • Чтобы просмотреть изображение, не настраивая параметры вывода, выберите команду меню Файл ⇒ Экспортировать ⇒ Отправить просмотр видео на экран (File ⇒ Export ⇒ Send Video Preview To Device).
Рис. 1.70. Разноцветный круг в документе с размером NTSC DV (720 × 480 пикселов), просматриваемом на мониторе компьютера (с квадратными пикселами) с включенной (вверху) и выключенной (внизу) функцией Коррекция пропорций
Ïðèìå÷àíèå: Ïðè ñîçäàíèè èçîáðàæåíèé äëÿ âèäåî âû ìîæåòå çàãðóçèòü íàáîð ñîîòâåòñòâóþùèõ äåéñòâèé (ïîñòàâëÿåìûõ âìåñòå ñ ïðîãðàììîé Photoshop), ÷òîáû àâòîìàòèçèðîâàòü âûïîëíåíèå îïðåäåëåííûõ çàäà÷, — íàïðèìåð, ìàñøòàáèðîâàíèå èçîáðàæåíèé ñ öåëüþ ñîîòâåòñòâèÿ ðàçìåðàì âèäåî è óñòàíîâêó íóæíûõ ïðîïîðöèé.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
103
ÊÀÊ ÈÇÌÅÍßÒÜ ÐÀÇÌÅÐÛ, ÂÐÀÙÀÒÜ È ÊÀÄÐÈÐÎÂÀÒÜ ÈÇÎÁÐÀÆÅÍÈß После загрузки изображения с цифрового фотоаппарата или сканера и его открытия в программе Photoshop зачастую требуется изменить размеры этого изображения или выполнить его кадрирование. Кадрирование (cropping) подразумевает удаление нежелательных частей изображения.
ÑÎÇÄÀÍÈÅ ÐÅÇÅÐÂÍÎÉ ÊÎÏÈÈ ÈÑÕÎÄÍÎÃÎ ÈÇÎÁÐÀÆÅÍÈß Перед внесением любых изменений в изображение вы должны всегда сохранять это изображение под другим именем файла. Наибольшая гибкость достигается при сохранении изображения в формате PSD — стандартный формат программы Photoshop. Из одного файла в формате PSD можно сгенерировать файлы в формате TIFF (для печати) или файлы в формате JPEG (для использования в Интернете). К примеру, файлы в формате PSD сохраняют информацию о слоях, поэтому при повторном открытии файла вы сможете работать со слоями.
ÈÇÌÅÍÅÍÈÅ ÐÀÇÌÅÐÎÂ ÈÇÎÁÐÀÆÅÍÈÉ Работая в программе Photoshop, рекомендуется сохранять максимально возможное разрешение вашего изображения, что обеспечит боˆльшую гибкость при генерации изображений в других форматах.
Ðàçìåðíîñòü è ðàçðåøåíèå èçîáðàæåíèÿ Размерность (размеры или ширина и высота) растрового изображения — это количество пикселов по его ширине и высоте. Разрешение определяет четкость деталей растрового изображения и измеряется в пикселах на дюйм (ppi — pixel per inch). Чем больше пикселов на дюйм, тем выше разрешение. Как правило, чем выше разрешение изображения, тем лучшее качество получается при печати данного изображения. •
Обычно, чтобы обеспечить хорошее качество при печати, изображение должно иметь разрешение не менее 300 ppi.
•
Изображения, которые будут использоваться на веб-страницах, могут иметь разрешение 72 ppi. Поскольку большинство мониторов не способны отображать более высокие разрешения, вы можете уменьшить размер файла, уменьшив разрешение изображения.
Ïðèìå÷àíèå: Òåõíîëîãèè, ïðèìåíÿåìûå â ìîíèòîðàõ, è ñêîðîñòè äîñòóïà ê Èíòåðíåòó ïîñòîÿííî óëó÷øàþòñÿ. Òåì íå ìåíåå ñòàíäàðò ðàçðåøåíèÿ 72 ppi ïðîäîëæàåò øèðîêî èñïîëüçîâàòüñÿ, è, ïî áîëüøåé ÷àñòè, âû íå ïðîãàäàåòå, åñëè áóäåòå îðèåíòèðîâàòüñÿ íà íåãî.
104
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Комбинация размеров изображения и его разрешения определяет объем данных изображения. При изменении размеров или разрешения изображения, кроме случаев, когда выполняется интерполяция изображения, объем данных изображения будет оставаться одним и тем же. Если изменить разрешение изображения, его ширина и высота изменятся соответствующим образом, чтобы «вместить» тот же объем данных изображения. И наоборот. В программе Photoshop соотношение между размерами изображения и его разрешением можно увидеть в диалоговом окне Размер изображения (Image Size) (рис. 1.71).
Рис. 1.71. Диалоговое окно Размер изображения с разрешением, равным 300 ppi
Чтобы изменить разрешение изображения: Изменение разрешения изображения влияет не только на его «экранные» размеры (размеры, с которыми изображение отображается на мониторе компьютера), но и на качество изображения и его печатных снимков. 1. Откройте изображение в программе Photoshop. 2. Сохраните изображение под другим именем. Этот шаг позволяет сохранить исходное изображение на тот случай, если вы захотите восстановить его. Перед внесением изменений вы должны всегда создавать копию исходного изображения. 3. Выберите команду меню Изображение ⇒ Размер изображения (Image ⇒ Image Size). На экране появится диалоговое окно Размер изображения (Image Size) (рис. 1.71). Обратите внимание, что в этом диалоговом окне представлены две основные категории информации о размере изображения. • Группа элементов управления Размерность (Pixel Dimensions) отражает реальное количество пикселов, содержащихся в изображении. Количество пикселов определяет объем
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
105
данных изображения. Если флажок Интерполяция (Resample Image) не установлен, количество пикселов при изменении размеров или разрешения изображения будет оставаться одинаковым. •
Группа элементов управления Размер печатного оттиска (Document Size) позволяет управлять размерами документа при печати. Эти размеры также являются отправной точкой для того, как будет выглядеть данный документ в другом документе, например, в файле программы InDesign. В последующих проектах вы будете помещать изображения, созданные в программе Photoshop, в файлы программы InDesign.
4. Убедитесь, что флажок Интерполяция (Resample Image) сброшен. Если флажок Интерполяция (Resample Image) установлен, при изменении размеров изображения происходит изменение объема данных или информации об изображении. Пока лучше не включать эту функцию. Ïðèìå÷àíèå: Èíòåðïîëÿöèþ ìîæíî èñïîëüçîâàòü äëÿ óâåëè÷åíèÿ ðàçìåðîâ èçîáðàæåíèÿ. Òåì íå ìåíåå, ïîñêîëüêó ïîëó÷åíèå íîâûõ ïèêñåëîâ ñ ïîìîùüþ èíòåðïîëÿöèè îñíîâàíî ëèøü íà âû÷èñëåíèÿõ, ïðè âîçìîæíîñòè ëó÷øå èñïîëüçîâàòü èçîáðàæåíèå ñ áîëåå âûñîêèì ðàçðåøåíèåì.
5. Измените значение параметра Разрешение (Resolution). Обратите внимание на соответствующее изменение значений параметров Ширина (Width) и Высота (Height). К примеру, разрешение изображения составляет 300 ppi, при этом приблизительный размер его печатного оттиска равен 33 × 22 см. Размер печатного оттиска для того же изображения с разрешением 72 ppi будет равен приблизительно 136 × 91 см (рис. 1.72).
Рис. 1.72. Диалоговое окно Размер изображения с измененным разрешением (72 ppi)
6. Щелкните по кнопке OK, чтобы закрыть диалоговое окно Размер изображения (Image Size).
106
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Óìåíüøåíèå ðàçìåðîâ èçîáðàæåíèÿ (ðàçìåðíîñòè) Несмотря на то, что зачастую нет необходимости удалять информацию о пикселах, в некоторых случаях может потребоваться уменьшить общий размер (количество пикселов) изображения. Этот процесс подразумевает удаление пикселов, что позволяет уменьшить размер файла изображения. Обычно данная операция выполняется при подготовке изображения для размещения в Интернете или в другой электронной среде; для печати, как правило, достаточно просто изменить размер печатного оттиска. (Безусловно, существуют и другие причины для уменьшения размера файла, например экономия дискового пространства или ускорение процесса визуализации изображения.) Чтобы уменьшить размерность изображения: 1. Выберите команду меню Изображение ⇒ Размер изображения (Image ⇒ Image Size). На экране появится диалоговое окно Размер изображения (Image Size) (рис. 1.71). В предыдущем упражнении мы уделили внимание только разрешению изображения (размеру его печатного оттиска). На этот раз мы сосредоточимся исключительно на размерности изображения. 2. Установите флажок Интерполяция (Resample Image). Обратите внимание, что параметры и раскрывающиеся списки группы элементов управления Размерность (Pixel Dimensions) стали активными, а также появился значок Сохранить пропорции (Constrain Proportions). 3. Чтобы сохранить текущее соотношение ширины и высоты изображения, установите флажок Сохранить пропорции (Constrain Proportions). Если установить этот флажок, при изменении ширины будет автоматически изменяться высота изображения, и наоборот. Например, если изначально ширина изображения равнялась 2000 пикселам, а высота — 1000 пикселам (соотношение ширины и высоты составляет 2 : 1), при установленном флажке Сохранить пропорции (Constrain Proportions) указание ширины, равной 1000 пикселам, приведет к автоматическому изменению высоты изображения, которая станет равна 500 пикселам. В большинстве случаев рекомендуется устанавливать этот флажок. Ïðèìå÷àíèå: Âû ìîæåòå ïîêà íå îáðàùàòüñÿ âíèìàíèÿ íà ôëàæîê Ìàñøòàáèðîâàòü ñòèëè (Scale Styles). Ýòîò ôëàæîê èìååò çíà÷åíèå, êîãäà ê ñëîÿì èçîáðàæåíèÿ ïðèìåíåíû ñòèëè.
4. В раскрывающемся списке Интерполяция (Resample Image) выберите значение Бикубическая, четче (Bicubic Sharper). Этот вариант лучше всего подходит для уменьшения размеров изображения. 5. В поле ввода Ширина (Width) группы элементов управления Размерность (Pixel Dimensions) введите желаемое значение ширины в пикселах (рис. 1.73). Вы можете также указать значение ширины в процентах, выбрав в раскрывающемся списке единиц измерения, расположенном справа от поля ввода Ширина (Width), значение проц. (Percent) вместо значения пикс. (Pixels).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
107
Рис. 1.73. Изменение ширины изображения в диалоговом окне Размер изображения
6. Щелкните по кнопке OK, чтобы изменить размерность изображения. Ïðèìå÷àíèå: Óìåíüøèâ ðàçìåðû èçîáðàæåíèÿ, âû äîëæíû ïðèìåíèòü ê ýòîìó èçîáðàæåíèþ ôèëüòð Êîíòóðíàÿ ðåçêîñòü (Unsharp Mask), âûáðàâ êîìàíäó ìåíþ Ôèëüòð ⇒ Óñèëåíèå ðåçêîñòè ⇒ Êîíòóðíàÿ ðåçêîñòü (Filter ⇒ Sharpen ⇒ Unsharp Mask). Ýòî ïîçâîëèò èçáàâèòüñÿ îò ðàçìûòèÿ, âîçíèêàþùåãî â ðåçóëüòàòå óìåíüøåíèÿ ðàçìåðîâ èçîáðàæåíèÿ.
ÂÐÀÙÅÍÈÅ ÈÇÎÁÐÀÆÅÍÈÉ Открыв изображение в программе Photoshop, вы можете обнаружить, что ориентация изображения является неверной. Или же вам может потребоваться немного выпрямить изображение. Для решения этих проблем существуют простые способы. Чтобы повернуть изображение: Команды меню Вращение изображения (Image Rotation) позволяют вращать или зеркально отображать все изображение целиком. Эти команды не работают с отдельными слоями или частями слоев, путями и рамками выделений. Если вы хотите повернуть выделение или слой, используйте команды Трансформирование (Transform) или Свободное трансформирование (Free Transform). 1. Откройте меню Изображение ⇒ Вращение изображения (Image ⇒ Image Rotation) (рис. 1.74) и выберите одну из следующих команд: • 180°. Поворачивает изображение на пол-оборота. • 90° по часовой (90° CW). Поворачивает изображение по часовой стрелке на четверть оборота. • 90° против часовой (90° CCW). Поворачивает изображение против часовой стрелки на четверть оборота.
108 •
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Произвольно (Arbitrary). Поворачивает изображение на указанный угол. Выбрав эту команду, введите значение угла поворота в диапазоне от 0 до 359,99 в поле ввода Угол (Angle) появившегося диалогового окна. Установите переключатель в положение ° по часовой (CW) или ° против часовой (CCW), чтобы повернуть изображение по часовой или против часовой стрелки соответственно.
Рис. 1.74. Подменю Вращение изображения
2. Выберите команду меню Файл ⇒ Сохранить (File ⇒ Save), чтобы сохранить повернутое изображение.
ÊÀÄÐÈÐÎÂÀÍÈÅ ÈÇÎÁÐÀÆÅÍÈÉ Зачастую вы будете снимать фотографии, которые имеют боˆльшие размеры, чем требуется, или же вы можете захотеть реструктурировать изображение, чтобы удалить нежелательные фрагменты. Съемка фотографий, которые имеют боˆльшие размеры, чем нужно, с максимальным разрешением обеспечивает гибкость при выборе фрагментов изображения для кадрирования. Кадрирование — это процесс удаления фрагментов изображения с целью акцентирования внимания зрителя на определенном объекте или усиления композиции. Выполнить кадрирование изображения можно двумя способами: •
Выделив изображение с помощью одного из инструментов выделения, можно применить команду Кадрировать (Crop).
•
Можно воспользоваться инструментом Рамка (Crop). (В этом упражнении вы будете работать с инструментом Рамка (Crop).)
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
109
«Ïðàâèëî òðåòåé» Инструмент Рамка (Crop) предоставляет сетку «правило третей», которая отображается поверх изображения, когда вы выбираете область для кадрирования (рис. 1.77). «Правило третей» — это основное железное правило всех изобразительных искусств, подразумевающее наложение воображаемой сетки, которая состоит из двух горизонтальных и двух вертикальных линий и которая делит видимое пространство на девять равных частей, поверх изображения. Чтобы вызвать визуальный интерес у зрителя и усилить композицию, объекты должны размещаться вдоль этих горизонтальных и вертикальных линий или на их пересечении. Чтобы кадрировать изображение при помощи инструмента Рамка (Crop): 1. Щелкните по инструменту Рамка (Crop) на панели инструментов (рис. 1.75).
Рис. 1.75. Настройки инструмента Рамка
Указатель мыши примет вид инструмента Рамка (Crop). 2. Вы можете указать размеры кадрируемой области на панели параметров (рис. 1.76). Чтобы определить размеры области вручную, убедитесь, что во всех полях ввода на панели параметров отсутствуют значения.
Рис. 1.76. Настройки инструмента Рамка
3. Путем перетаскивания указателя мыши над тем фрагментом изображения, который вы хотите сохранить, создайте рамку выделения. Рамка выделения необязательно должна быть точной — вы настроите ее размеры на следующем шаге (рис. 1.77). Над изображением появится сетка «правило третей». 4. При необходимости настройте положение или размеры рамки выделения: • Чтобы переместить рамку выделения в другое место, щелкните мышью по области внутри рамки выделения и, удерживая кнопку мыши, перетащите рамку в нужную позицию. • Чтобы изменить размеры рамки, перетащите один из маркеров, нахо-
Рис. 1.77. Выделенная кадрируемая область
110
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
дящихся на рамке выделения. Чтобы сохранить соотношение ширины и высоты рамки, при перетаскивании углового маркера удерживайте нажатой клавишу Shift. В правом нижнем углу изображения на рис. 1.77 вид указателя мыши говорит о том, что вы можете изменить размеры области выделения. • Чтобы повернуть выделенный фрагмент, поместите указатель мыши за пределами ограничительной рамки (указатель мыши примет вид двунаправленной изогнутой стрелки) и перетащиРис. 1.78. Выполненная операция кадрирования те его. Чтобы переместить центральную точку, вокруг которой вращается выделенный фрагмент, перетащите кружок, расположенный в центре ограничительной рамки. Выделенный фрагмент нельзя вращать в режиме Битовый формат (Bitmap). 5. Определив область кадрирования, нажмите клавишу Enter (Windows) или Return (Mac OS). Изображение будет обрезано так, что на экране останется только выделенная область (рис. 1.78).
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ÈÍÑÒÐÓÌÅÍÒÛ ÂÛÄÅËÅÍÈß При использовании программы Adobe Photoshop CS5 зачастую требуется выделять определенные фрагменты изображения. После этого вы можете применять изменения только к выделенным фрагментам. Кроме того, вы можете вырезать и вставить выделение на новый фон. Попрактикуйтесь в использовании инструментов выделения. Изучение этих инструментов может оказаться сложным процессом, но оно стоит того. Чем лучше вы освоите эти инструменты, тем больше возможностей у вас будет для изменения фрагментов изображений. В этом разделе рассматриваются основы использования трех различных типов инструментов выделения. • Инструменты Быстрое выделение (Quick Selection) и Волшебная палочка (Magic Wand). Выделяют фрагменты изображения с похожими цветами. • Инструменты группы «Область». Выделяют область геометрической формы, например прямоугольник или окружность.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
•
111
Инструменты группы «Лассо». Определяют область выделения вручную.
Создав выделение, вы можете поместить данное выделение на новый слой-маску. Маски можно использовать для сокрытия частей слоя или открытия частей слоев, расположенных под ним. Доступны два типа масок: слой и вектор. Слои-маски представляют собой растровые изображения, зависимые от разрешения, которые можно редактировать с помощью инструментов рисования или выделения из нашего списка. Векторные маски не зависят от разрешения; вы можете создать их с помощью инструмента Перо (Pen) или инструментов группы «Фигура». В этом разделе рассматривается процесс создания векторной маски с помощью одного из инструментов группы «Фигура».
ÈÍÑÒÐÓÌÅÍÒÛ ÁÛÑÒÐÎÅ ÂÛÄÅËÅÍÈÅ È ÂÎËØÅÁÍÀß ÏÀËÎ×ÊÀ Для выделения фрагментов изображения можно использовать два инструмента со схожим поведением: инструмент Быстрое выделение (Quick Selection) и инструмент Волшебная палочка (Magic Wand) (рис. 1.79). Вы можете использовать инструмент Быстрое выделение (Quick Selection), чтобы быстро «нарисовать» выделение с помощью настраиваемого отпечатка круглой кисти. При перетаскивании указателя мыши выделенная область расширяется наружу, автоматически определяет края изображения и следует им. Инструмент Волшебная палочка (Magic Wand) можно использовать для выделения области с однородным цветом (например, небо на заднем плане), не прибегая к обводке контура этой области. Чтобы выделить область изображения с помощью инструмента Волшебная палочка (Magic Wand), необходимо указать цветовой диапазон, или допуск, который будет учитываться при определении схожести с пикселом, по которому вы щелкните мышью. Чтобы воспользоваться инструментом Волшебная палочка (Magic Wand): 1. Щелкните по инструменту Волшебная палочка (Magic Wand) на панели инструментов. Указатель мыши примет вид волшебной палочки.
Рис. 1.79. Инструменты выделения
112
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
2. На панели параметров выберите один из режимов выделения. Вид указателя мыши будет меняться в зависимости от выбранного режима (рис. 1.80). 3. На панели параметров укажите значения для следующих параметров. • Параметр Допуск (Tolerance) определяет схожесть или различие между выделяемыми пикселами. Укажите значение в пикселах, находящееся в диапазоне от 0 до 255. Если указать небольшое значение, будут выделяться только те пикселы, цвета которых очень похожи на цвет выбранного пиксела. Более высокое значение позволяет выбирать цвета из более широкого диапазона.
Рис. 1.80. Режимы выделения
• Параметр Сглаживание (Anti-aliased) позволяет создавать выделение с гладкими краями. • Параметр Смежные пикселы (Contiguous) позволяет выделять только смежные области, состоящие из пикселов с одинаковыми цветами. Если этот флажок сброшен, будут выбраны все пикселы выбранных цветов по всему изображению. • В примере, изображенном на рис. 1.80, установлен переключатель Добавить к выделенной области (Add To), параметру Допуск (Tolerance) присвоено значение 32 и установлены флажки Сглаживание (Anti-alias) и Смежные пикселы (Contiguous). 4. Щелкните по цвету, который вы желаете выделить, на изображении (рис. 1.81). На рис. 1.81 показано, что происходит с фоном изображения морского пейзажа, когда используются настройки, представленные на рис. 1.80. Ïðèìå÷àíèå: Ïîñëå òîãî, êàê âû ùåëêíåòå ïåðâûé ðàç, óêàçàòåëü ìûøè ïðèìåò âèä âîëøåáíîé ïàëî÷êè ñ ìàëåíüêèì ñèìâîëîì «ïëþñ» (+). Ýòî çíà÷èò, ÷òî íîâûå âûäåëÿåìûå îáëàñòè áóäóò äîáàâëÿòüñÿ ê âûäåëåííîé îáëàñòè. Ïðîäîëæàéòå ùåëêàòü ìûøüþ, ïîêà âû íå âûäåëèòå âñþ îáëàñòü.
5. Выделив желаемую область, вы можете приступать к работе с ней, например можно добавить корректирующий слой Цветовой баланс (Color Balance), чтобы изменить цвет неба на заднем плане (для этого выберите команду меню Окно ⇒ Коррекция (Window ⇒ Adjustments), а затем щелкните по кнопке Цветовой баланс (Color Balance) на палитре Коррекция (Adjustments)) (рис. 1.82).
Рис. 1.81. Использование инструмента Волшебная палочка
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
113
Рис. 1.82. Корректирующий слой Цветовой баланс, примененный к выделенной области
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÈÍÑÒÐÓÌÅÍÒÎÂ ÃÐÓÏÏÛ «ÎÁËÀÑÒÜ» Инструменты группы «Область» позволяют выделять прямоугольники, эллипсы, а также строки и столбцы, состоящие из одного пиксела (рис. 1.83). • Инструмент Прямоугольная область (Rectangular Marquee). Создает прямоугольную область выделения (либо квадратную, если нажата клавиша Shift). • Инструмент Овальная область (Elliptical Marquee). Создает овальную область выделения (либо круглую, если нажата клавиша Shift). • Инструмент Область (горизонтальная строка) (Single Row Marquee) или Область (вертикальная строка) (Single Column Marquee). Определяет границу в виде горизонтальной или вертикальной строки шириной в 1 пиксел.
Рис. 1.83. Инструменты группы «Область» с выбранным инструментом Прямоугольная область
114
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Чтобы использовать инструмент Прямоугольная область (Rectangular Marquee): 1. Щелкните по инструменту Прямоугольная область (Rectangular Marquee) на панели инструментов. Указатель мыши примет вид перекрестия. 2. Перетащите указатель мыши над областью, которую вы хотите выделить (рис. 1.84). 3. Нарисовав область выделения, отпустите кнопку мыши. Область останется выделенной.
Рис. 1.84. Прямоугольное выделение Ïðèìå÷àíèå: ×òîáû èçìåíèòü ïîëîæåíèå âûäåëåíèÿ, èñïîëüçóéòå êëàâèøè ñî ñòðåëêàìè.
Теперь любые вносимые изменения будут применяться только к выделенной области. Например, можно изменить уровень яркости выделенной области (выберите команду меню Окно ⇒ Коррекция (Window ⇒ Adjustments), а затем щелкните по кнопке Яркость/Контрастность (Brightness/Contrast) на палитре Коррекция (Adjustments)) с помощью ползунковых регуляторов (рис. 1.85).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
115
Рис. 1.85. Фильтр Фотофильтр, примененный к выделенной области
Ñãëàæèâàíèå êðàåâ âûäåëåííûõ îáëàñòåé Зачастую улучшить результаты выделения можно путем сглаживания краев выделенных областей, особенно если вы планируете перенести эти области на новый фон. Для сглаживания краев выделенной области можно использовать два режима: растушевку и сглаживание. Оба режима доступны на панели параметров, когда выбран какой-нибудь инструмент выделения (рис. 1.86).
Рис. 1.86. Панель параметров инструмента Овальная область •
В режиме сглаживания края выделенной области сглаживаются путем смягчения цветового перехода между крайними пикселами области и пикселами заднего плана. Поскольку изменяются только пикселы по краям выделенной области, детализация изображения не ухудшается. Эффект от применения сглаживания едва заметен, но сглаживание может оказаться полезным во многих ситуациях. Режим сглаживания можно применять к вы-
116
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
делениям, созданным с помощью инструментов Лассо (Lasso), Прямолинейное лассо (Polygonal Lasso), Магнитное лассо (Magnetic Lasso), Овальная область (Elliptical Marquee) и Волшебная палочка (Magic Wand). (Примечание: Режим сглаживания необходимо выбрать перед использованием инструмента. Создав область выделения, выполнить сглаживание краев выделенной области невозможно.) •
В режиме растушевки происходит размытие границ путем создания перехода между выделенной областью и окружающими ее пикселами. Указать ширину этого перехода можно на панели параметров. В большинстве случаев достаточно ширины, равной 3—5 пикселам. (Данное размытие приводит к потерям детализации на краях выделенной области.) Эффект от применения растушевки оказывается более ярко выраженным, чем при использовании сглаживания, но это полезно при переносе выделенных объектов на совершенно другое фоновое изображение. Режим растушевки можно применять для инструментов Лассо (Lasso), Прямолинейное лассо (Polygonal Lasso), Магнитное лассо (Magnetic Lasso) и инструментов группы «Область» в процессе работы с ними, а также можно добавлять растушевку к существующей области выделения.
Ïðèìå÷àíèå: Ýôôåêò îò ïðèìåíåíèÿ ðàñòóøåâêè çàìåòåí òîëüêî ïðè ïåðåìåùåíèè, âûðåçàíèè, âñòàâêå, êîïèðîâàíèè è çàëèâêå âûäåëåííîé îáëàñòè.)
Команда Уточнить край (Refine Edge) улучшает качество границ выделенной области и позволяет просматривать выделенную область с различными вариантами заднего плана для более удобного редактирования. Чтобы получить доступ к дополнительным параметрам (рис. 1.87), щелкните по кнопке Уточнить край (Refine Edge) на панели параметров. В диалоговом окне Уточнить край (Refine Edge) доступны следующие параметры: • Группа элементов управления Режим просмотра (View Mode). В раскрывающемся списке Вид (View) выберите другой режим, чтобы изменить вид отображения выделенной области. Если установить флажок Показать оригинал (Show Original), будет отображаться исходная область выделения для сравнения. Если установить флажок Показать радиус (Show Radius), на экране появится граница выделения с уточненными краями. • Инструменты Уточнить радиус (Refine Radius) и Стереть уточнение (Erase Re-
Рис. 1.87. Диалоговое окно Уточнить край
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
117
finement). Эти инструменты позволяют точно настроить граничную область, в которой выполняется уточнение краев. •
Параметр «Умный» радиус (Smart Radius). Автоматически корректирует радиус для четких и нечетких краев, обнаруженных в граничной области.
•
Параметр Радиус (Radius). Определяет размер границы выделенной области, для которой выполняется уточнение краев. Увеличивайте значение этого параметра, чтобы создать более точную границу выделенной области для мягких краев или подробной детализации. Идеальная настройка параметра Радиус (Radius) зависит от размеров выделенной области и ее содержимого, поэтому экспериментируйте с различными значениями.
•
Параметр Сгладить (Smooth). Уменьшает количество искривленных областей («выпуклостей и впадин») в границе выделенной области, создавая плавные очертания.
•
Параметр Растушевка (Feather). Создает плавный переход между выделенной областью и окружающими ее пикселами.
•
Параметр Контрастность (Contrast). Делает края выделенной области более резкими и удаляет размытость. Обычно более эффективные результаты дают параметр «Умный» радиус (Smart Radius) и инструменты Уточнить радиус (Refine Radius) и Стереть уточнение (Erase Refinement).
•
Параметр Сместить край (Shift Edge). Уменьшает или увеличивает площадь выделенной области. Чтобы сместить края выделенной области по направлению от ее центра, введите положительное значение, а чтобы сместить края по направлению к центру выделенной области — отрицательное значение. Этот параметр полезно использовать для тонкой настройки выделений с мягкими краями. Смещение краев выделенной области по направлению к ее центру помогает убрать нежелательные цвета фона с краев выделения.
•
Параметр Очистить цвета (Decontaminate Colors). Заменяет цветную кайму на цвет выделенного объекта.
Ïðèìå÷àíèå: Ïîñêîëüêó ýòîò ïàðàìåòð èçìåíÿåò öâåò ïèêñåëîâ, òðåáóåòñÿ âûâîä íà íîâûé ñëîé èëè äîêóìåíò, ÷òîáû ïðåäîòâðàòèòü ñëó÷àéíîå èçìåíåíèå òåêóùåãî ñëîÿ.
• •
Параметр Эффект (Amount). Изменяет уровень очистки цвета и замены цветной каймы. Параметр Вывод в (Output To). Определяет, станет ли уточненная выделенная область выделением или маской на текущем слое, либо образует новый слой или документ.
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÈÍÑÒÐÓÌÅÍÒΠÃÐÓÏÏÛ «ËÀÑÑλ Программа Photoshop предоставляет три инструмента группы «Лассо», которые получили свое название благодаря возможности создания выделений произвольной формы — будто набрасывая веревку. • Инструмент Лассо (Lasso). Полезен при создании областей выделения с произвольной формой границ. Наиболее сложный в использовании и наиболее точный инструмент.
118 • •
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Инструмент Прямолинейное лассо (Polygonal Lasso). Более прост в использовании и позволяет выделять области с помощью прямых линий и точек выделения. Инструмент Магнитное лассо (Magnetic Lasso). Автоматически привязывается к краям указанной области изображения. Лучше всего использовать для объектов, которые сильно контрастируют с задним планом.
В этом упражнении рассматривается использование инструмента Прямолинейное лассо (Polygonal Lasso). Инструмент Лассо (Lasso) используется аналогичным образом за исключением того, что область выделения может принимать любые формы. Освоив инструмент Прямолинейное лассо (Polygonal Lasso), поэкспериментируйте со всеми тремя инструментами группы «Лассо». Чтобы воспользоваться инструментом Прямолинейное лассо (Polygonal Lasso) для переноса изображения на новый фон: 1. Щелкните по инструменту Лассо (Lasso) на панели инструментов и, удерживая кнопку мыши, выберите инструмент Прямолинейное лассо (Polygonal Lasso) в появившемся меню (рис. 1.88). Указатель мыши примет вид многоугольника. Ïðèìå÷àíèå: Êîãäà âû âûáåðèòå èíñòðóìåíò Ïðÿìîëèíåéíîå ëàññî (Polygonal Lasso), îí îñòàíåòñÿ èíñòðóìåíòîì ïî óìîë÷àíèþ â ìåíþ äî òåõ ïîð, ïîêà âû íå âûáåðèòå äðóãîé èíñòðóìåíòû ãðóïïû «Ëàññî».
Рис. 1.88. Инструменты группы «Лассо» на панели инструментов
Рис. 1.89. Настройки параметров инструмента Прямолинейное лассо
2. На панели параметров убедитесь, что установлен переключатель Добавить к выделенной области (Add To Selection), и присвойте параметру Растушевка (Feather) значение 3 пикс. (рис. 1.89). Если мы немного увеличим значение параметра Растушевка (Feather), края выделенной области станут мягкими, и выделенный объект отлично впишется в новый фон. 3. Щелкните по границе объекта, который вы хотите выделить. При необходимости можно попробовать увеличить масштаб отображения объекта. 4. Затем переместите указатель мыши вдоль границы объекта на небольшое расстояние от предыдущей точки и щелкните снова. В результате получится прямолинейный сегмент с конечными точками. 5. Продолжайте создавать небольшие сегменты до тех пор, пока вы не выделите весь объект. Когда вы поместите указатель мыши над начальной точкой первого сегмента, рядом с указателем инструмента Прямолинейное лассо (Polygonal Lasso) появится завершающий кружок (рис. 1.90). 6. Щелкните мышью, чтобы замкнуть границу выделенной области. 7. Щелкните по кнопке Уточнить край (Refine Edge) на панели параметров.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
119
Рис. 1.90. Щелкайте мышью, создавая сегменты выделения, до тех пор, пока граница выделенной области не замкнется
На экране появится диалоговое окно Уточнить край (Refine Edge) (рис. 1.87). 8. В группе элементов управления Режим просмотра (View Mode) (рис. 1.91) выберите такой режим просмотра, чтобы края выделенной области можно было легко отделить от заднего плана. Например, для определения границ маяка, изображенного на рисунке, лучше всего использовать темный фон. Ïðèìå÷àíèå: ×òîáû ïîëó÷èòü êðàòêóþ èíôîðìàöèþ î êàæäîì ðåæèìå ïðîñìîòðà, ïîìåñòèòå óêàçàòåëü ìûøè íàä ñîîòâåòñòâóþùèì ýëåìåíòîì, è íà ýêðàíå ïîÿâèòñÿ âñïëûâàþùàÿ ïîäñêàçêà. Íàæèìàéòå êëàâèøó F, ÷òîáû ïîñëåäîâàòåëüíî ïåðåêëþ÷àòüñÿ ïî ðåæèìàì ïðîñìîòðà â ãðóïïå ýëåìåíòîâ óïðàâëåíèÿ Ðåæèì ïðîñìîòðà (View Mode), èëè íàæìèòå êëàâèøó X, ÷òîáû âðåìåííî îòêëþ÷èòü âñå ðåæèìû ïðîñìîòðà.
9. В группе элементов управления Обнаружение краев (Edge Detection) установите флажок «Умный» радиус (Smart Radius).
Рис. 1.91. Режимы просмотра в раскрывающемся списке группы элементов управления Режим просмотра
120
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
10.
Перетащите ползунок регулятора Радиус (Radius), чтобы изменить размер выделенной области и смягчить ее края. Понаблюдайте за результатами уточнения краев (рис. 1.92). Порой вам может потребоваться точно настроить края выделения помимо исРис. 1.92. Использование функции уточнения пользования функции «Умный» радиус краев, до и после (Smart Radius). Для этого используйте инструмент Уточнить радиус (Refine Radius). 11. Щелкните по кнопке инструментов Уточнить радиус (Refine Radius) и Стереть уточРис. 1.93. Инструменты нение (Erase Refinement) и, удерживая кнопУточнить радиус и Стереть уточнение ку мыши, выберите инструмент Уточнить радиус (Refine Radius) (рис. 1.93). Указатель мыши примет вид круглой кисти с перекрестием. 12. Перетащите указатель мыши вдоль края выделенной области, чтобы уточнить выделение (рис. 1.94). Понаблюдайте за результатами уточнения краев выделенной области (рис. 1.95). Ïðèìå÷àíèå: ×òîáû èçìåíèòü ðàçìåð êèñòè, èñïîëüçóéòå êëàâèøè ñ êâàäðàòíûìè ñêîáêàìè èëè ïîëçóíêîâûé ðåãóëÿòîð Ðàçìåð (Size) íà ïàíåëè ïàðàìåòðîâ.
Рис. 1.94. Инструмент Уточнить радиус
Рис. 1.95. Результаты применения инструмента Уточнить радиус
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
13.
В группе элементов управления Вывод (Output) установите флажок Очистить цвета (Decontaminate Colors) и в раскрывающемся списке Вывод в (Output To) выберите значение Новый слой со слоем-маской (New Layer With Layer Mask).
14.
Щелкните по кнопке OK.
Выделенная область будет помещена на отдельный слой со слоем-маской (рис. 1.96).
121
Рис. 1.96. Новый слой со слоем-маской
15.
Щелкните по квадратику, расположенному рядом с названием исходного слоя (фоновый слой Фон (Background)), чтобы включить значок видимости и отобразить слой на экране.
16.
Если слой с изображением является фоновым слоем, дважды щелкните по слою с изображением на палитре Слои (Layers), чтобы преобразовать его из фонового слоя в обычный слой.
17.
Щелкните по кнопке OK в появившемся диалоговом окне Новый слой (New Layer).
18.
Щелкните по преобразованному фоновому слою, чтобы выделить его.
19.
Выберите команду меню Выделение ⇒ Все (Select ⇒ All).
20.
Нажмите клавишу Delete, чтобы удалить первоначальный фон.
21.
Не снимая выделения с фонового слоя, щелкните по инструменту Заливка (Paint Bucket).
22.
Щелкните по кнопке Выберите основной цвет (Set Foreground) на панели инструментов и выберите цвет фона для выделенной области.
23.
Щелкните по фоновому слою, чтобы залить его новым цветом (рис. 1.97).
Обратите внимание на то, как слои объекта смешались с фоном. Это произошло благодаря тому, что для выделенной области вы использовали уточненный радиус.
Рис. 1.97. Объект с новым фоном
122
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
ÂÅÊÒÎÐÍÛÅ ÑËÎÈ-ÌÀÑÊÈ В предыдущем упражнении вы использовали инструмент Прямоугольное лассо (Polygonal Lasso) для выделения области изображения, чтобы вставить эту область на новый слой. Для создания вырезаемого изображения можно также использовать векторную маску. Векторная маска создает на слое фигуру с резкими краями, и ее полезно использовать всегда, когда необходимо добавить элемент дизайна с четко определенными краями. Создав слой с векторной маской, вы можете применить к нему один или более стилей слоев. Векторные маски не зависят от разрешения изображения и создаются с помощью инструментов Перо (Pen) и инструментов группы «Фигура». Векторные маски являются недеструктивными — это значит, что при редактировании масок пикселы, которые были ими скрыты, не теряются. На палитре Слои (Layers) векторные маски отображаются в виде дополнительных миниатюр справа от миниатюры слоя. Миниатюра векторной маски представляет собой изображение контура, отсекающего содержимое слоя. На палитре Маски (Masks) (рис. 1.98) доступны дополнительные элементы управления масками. Вы можете изменить непрозрачность маски, чтобы уменьшить или увеличить степень просвечивания нижележащего содержимого, инвертировать маску, а также уточнить границы маски аналогично тому, как это делается для выделенной области.
Рис. 1.98. Палитра Маски
Чтобы создать векторный слой-маску: 1. Откройте файл изображения, в который вы хотите добавить векторный слой-маску. 2. Щелкните по вкладке Слои (Layers), чтобы отобразить на экране палитру Слои (Layers), или, если вкладка палитры не видна на экране, выберите команду меню Окно ⇒ Слои (Window ⇒ Layers). 3. Если слой с изображением является фоновым слоем, дважды щелкните по слою с изображением на палитре Слои (Layers), чтобы преобразовать его из фонового слоя в обычный слой (рис. 1.99). Если изображение находится на обычном слое, перейдите к шагу 5.
Рис. 1.99. Палитра Слои
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
123
Ïðèìå÷àíèå: Ïîñêîëüêó ôîíîâûå ñëîè çàáëîêèðîâàíû, âû íå ìîæåòå ïåðåìåùàòü èõ â ñïèñêå íà ïàëèòðå Ñëîè (Layers). ×òîáû ðàçáëîêèðîâàòü ôîíîâûé ñëîé, åãî íóæíî ïðåîáðàçîâàòü â îáû÷íûé ñëîé.
На экране появится диалоговое окно Новый слой (New Layer) (рис. 1.100).
Рис. 1.100. Диалоговое окно Новый слой
4. В поле ввода Имя (Name) диалогового окна Новый слой (New Layer) измените имя слоя. Щелкните по кнопке OK, чтобы закрыть диалоговое окно и преобразовать слой с изображением из фонового слоя в обычный слой. 5. Выберите команду меню Окно ⇒ Маски (Window ⇒ Masks). На экране появится палитра Маски (Masks) (рис. 1.98). 6. Чтобы создать маску, которая скроет весь слой, щелкните при нажатой клавише Alt (Windows) или Option (Mac OS) по кнопке Добавить векторную маску (Vector Mask) на палитре Маски (Masks). Весь слой будет скрыт. 7. Выберите любой инструмент для рисования фигур, например инструмент Эллипс (Ellipse) (рис. 1.101). Указатель мыши примет вид перекрестия.
Рис. 1.101. Инструменты для рисования фигур на панели инструментов
8. Путем перетаскивания указателя мыши при нажатой клавише Shift нарисуйте одну или более фигур на изображении. Векторная маска создаст на слое фигуры с резкими краями, сквозь которые отображаются фрагменты изображения (рис. 1.102).
124
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Рис. 1.102. Фрагменты изображения, отображаемые внутри двух фигур
9. Перетащите ползунок регулятора Плотность (Density) на палитре Маски (Masks), чтобы изменить непрозрачность маски. При значении 100% маска является полностью непрозрачной и сквозь нее не отображается нижележащее содержимое слоя. При уменьшении значения параметра Плотность (Density) сквозь маску начинает просвечиваться нижележащее содержимое слоя. На рис. 1.103 значение параметра Плотность (Density) для маски установлено в 30%, поэтому область изображения, расположенная под маской, частично просвечивается.
Рис. 1.103. Изменение значения параметра Плотность
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
10.
125
Чтобы создать фоновый слой с однородным цветом заливки, в меню палитры Слои (Layers) (рис. 1.104) выберите команду Новый слой (New Layer).
На экране появится диалоговое окно Новый слой (New Layer). 11.
Щелкните по кнопке OK, чтобы закрыть диалоговое окно Новый слой (New Layer) и создать новый слой.
Рис. 1.104. Палитра Слои
12.
На палитре Слои (Layers) перетащите новый слой вниз, расположив его под слоем с векторной маской, и убедитесь, что новый слой выделен.
13.
Выберите команду меню Редактирование ⇒ Выполнить заливку (Edit ⇒ Fill).
На экране появится диалоговое окно Заполнить (Fill) (рис. 1.105). 14.
В раскрывающемся списке Использовать (Use) диалогового окна Заполнить (Fill) выберите одно из следующих значений или используйте параметр Заказной узор (Custom Pattern): • Основной цвет (Foreground Color), Цвет фона (Background Color), Черный (Black), 50% серого (50% Gray) или Белый (White). Заполняет выделенную область указанным цветом. • Цвет (Color). Заполняет выделенную область цветом, выбранным в диалоговом окне Выбрать цвет (Color Picker). • Регулярный (Pattern). Заполняет выделенную область выбранным узором. Щелкните по кнопке со стрелкой, направленной вниз, которая расположена рядом с изображением параметра Заказной узор (Custom Pattern), и выберите узор в появившейся палитре. Для загрузки дополнительных узоров можно использовать команды меню всплывающей палитры. Выберите название библиотеки узоров или выберите команду Загрузить узоры (Load Patterns) и найдите папку с узорами, которые вы хотите использовать. • История (History). Возвращает выделенную область в состояние или к снимку набора изображений, который установлен в качестве исходного на палитре История (History). Рис. 1.105. Диалоговое окно Заполнить
126
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Ïðèìå÷àíèå: Åñëè âûïîëíèòü çàëèâêó ñëîÿ CMYK-èçîáðàæåíèÿ ñ ïîìîùüþ ðåæèìà ×åðíûé (Black), ïðîãðàììà Photoshop çàïîëíèò âñå êàíàëû 100%-íûì ÷åðíûì öâåòîì. Ýòî ìîæåò ïðèâåñòè ê òîìó, ÷òî ïðè ïå÷àòè ïîòðåáóåòñÿ áîëüøå ÷åðíèë, ÷åì äîïóñêàåòñÿ ïðèíòåðîì. ×òîáû äîñòè÷ü íàèëó÷øèõ ðåçóëüòàòîâ ïðè çàëèâêå CMYK-èçîáðàæåíèÿ, èñïîëüçóéòå ðåæèì Îñíîâíîé öâåò (Foreground), âûáðàâ â êà÷åñòâå îñíîâíîãî öâåòà ïîäõîäÿùèé îòòåíîê ÷åðíîãî.
15.
Выберите для заливки режим наложения в раскрывающемся списке Режим (Mode) и укажите значение для параметра Непрозрачность (Opacity).
16.
Установите флажок Сохранить прозрачность (Preserve Transparency).
17.
Щелкните по кнопке OK, чтобы выполнить заливку.
18.
(Необязательный шаг.) Чтобы кадрировать изображение, выберите инструмент Рамка (Crop) на панели инструментов (рис. 1.106).
19.
Путем перетаскивания указателя мыши над тем фрагментом изображения, который вы хотите оставить, нарисуйте рамку. Рамка необязательно должна быть точной — при необходимости вы можете изменить ее границы.
20.
Чтобы выполнить кадрирование (рис. 1.107), нажмите клавишу Enter (Windows) или Return (Mac OS).
Рис. 1.106. Панель инструментов
Рис. 1.107. Кадрированное изображение
21. Щелкните по кнопке Применить маску (Apply Mask) на палитре Маски (Masks).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
127
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ÑËÎÈ Â ÏÐÎÃÐÀÌÌÅ PHOTOSHOP Слои в программе Photoshop напоминают стопку прозрачных листов. Через прозрачные области вышележащего слоя можно видеть содержимое нижних слоев. Можно перемещать слой, чтобы изменить положение его содержимого, подобно перемещению прозрачного листа в стопке. Слои применяются для решения таких задач, как создание композиции из нескольких изображений, добавление текста или векторных фигур на изображение. Можно применить стиль слоя для добавления специальных эффектов, таких как отбрасывание тени или свечение. Новое изображение имеет один слой. Количество дополнительных слоев, эффектов и наборов слоев, которые можно добавить в файл изображения, ограничено лишь памятью вашего компьютера и вашим воображением. Работа со слоями осуществляется на палитре Слои (Layers).
ÎÁÇÎÐ ÏÀËÈÒÐÛ ÑËÎÈ На палитре Слои (Layers) представлены все слои, группы слоев и эффектов слоев данного изображения (рис. 1.108). Палитру Слои (Layers) можно использовать для отображения или скрытия слоев, создания новых слоев и для работы с группами слоев. Дополнительные команды и функции для работы со слоями доступны в меню палитры Слои (Layers).
Рис. 1.108. Палитра Слои программы Photoshop
Îòîáðàæåíèå/ñêðûòèå, ïåðåìåùåíèå, âëîæåíèå è áëîêèðîâêà/ ðàçáëîêèðîâêà ñëîåâ, ãðóïï ñëîåâ è ýôôåêòîâ ñëîåâ На палитре Слои (Layers) можно легко управлять и организовывать слои. Для работы со слоями выполните одно из следующих действий: • Щелкните по значку видимости, расположенному слева от имени слоя, группы или эффекта слоя, чтобы скрыть его содержимое в окне документа. Щелкните по этому столбцу
128
•
•
•
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
снова, чтобы отобразить содержимое соответствующего слоя. Также путем перетаскивания указателя мыши по столбцу видимости можно изменить видимость сразу нескольких элементов на палитре Слои (Layers). Перетащите слой или группу слоев вверх или вниз на палитре Слои (Layers). Отпустите кнопку мыши, когда подсвеченная строка появится в том месте, куда вы хотите поместить слой или группу слоев. Щелкните по кнопке Новая группа слоев (New layer group), чтобы создать папку группы слоев. Вложенные группы слоев помогают организовывать и управлять слоями. Вы можете использовать группы для размещения слоев в логической последовательности и избавиться от беспорядка на палитре Слои (Layers). Группы можно вкладывать в другие группы. Группы можно также использовать для применения атрибутов и масок одновременно к нескольким слоям. Слои можно заблокировать частично или полностью, чтобы защитить их содержимое от изменений. Например, можно полностью заблокировать слой, когда вы завершите работу над ним. Настроив прозрачность слоя и применив стили, но не определившись с точным положением содержимого слоя, вы можете заблокировать его частично. Когда слой заблокирован, справа от имени слоя отображается значок блокировки. Значок блокировки отображается полностью, когда слой заблокирован полностью, и с промежутком, когда слой заблокирован частично.
Ïðèìå÷àíèå: Çàáëîêèðîâàííûå ñëîè ìîæíî îòîáðàæàòü è ñêðûâàòü, íî èõ íåëüçÿ ïåðåìåùàòü íà ïàëèòðå Ñëîè (Layers).
•
Создайте, удалите или скопируйте слои, выбрав соответствующую команду в меню палитры Слои (Layers).
Чтобы создать составное изображение: 1. Откройте изображение, которое вы хотите использовать в качестве фона для составного изображения. 2. Дважды щелкните по слою Фон (Background) на палитре Слои (Layers) или выберите команду меню Слои ⇒ Новый ⇒ Из заднего плана (Layer ⇒ New ⇒ Layer From Background). 3. В поле ввода Имя (Name) появившегося диалогового окна Новый слой (New Layer) (рис. 1.109) введите имя слоя и щелкните по кнопке OK. Фоновый слой будет преобразован в обычный слой.
Рис. 1.109. Диалоговое окно Новый слой
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
129
4. Щелкните по значку меню палитры Слои (Layers) (рис. 1.108), выберите команду Новый слой (New Layer) и щелкните по кнопке OK в появившемся диалоговом окне (присваивать имя этому слою необязательно). 5. Убедитесь, что этот новый слой выбран на палитре Слои (Layers). 6. Выберите команду меню Слои ⇒ Новый ⇒ Преобразовать в задний план (Layer ⇒ New ⇒ Background From Layer). Ïðèìå÷àíèå: Ôîíîâûé öâåò íîâîãî ñëîÿ Ôîí (Background) óñòàíàâëèâàåòñÿ íà ïàíåëè èíñòðóìåíòîâ. Âû ìîæåòå èçìåíèòü ýòîò öâåò ïðè íåîáõîäèìîñòè.
7. Выберите слой с фоновым изображением (в этом примере — слой с ландшафтом морского берега). Ïðèìå÷àíèå: Ùåë÷îê ïî çíà÷êó âèäèìîñòè, ðàñïîëîæåííîìó ðÿäîì ñ ìèíèàòþðîé èçîáðàæåíèÿ, ïîçâîëÿåò îòîáðàçèòü èëè ñêðûòü âûáðàííûé ñëîé.
8. На палитре Слои (Layers) введите значение в поле ввода Непрозрачность (Opacity) или перетащите ползунок всплывающего регулятора Непрозрачность (Opacity) (рис. 1.110). Ïðèìå÷àíèå: ×òîáû îòîáðàçèòü âñïëûâàþùèé ïîëçóíêîâûé ðåãóëÿòîð Íåïðîçðà÷íîñòü (Opacity), ïîìåñòèòå óêàçàòåëü ìûøè íàä íàçâàíèåì ïàðàìåòðà Íåïðîçðà÷íîñòü (Opacity).
9. Откройте изображение, которое вы хотите использовать в качестве второго слоя для составного изображения.
Рис. 1.110. Всплывающий ползунковый регулятор Непрозрачность
10.
Выберите инструмент Перемещение (Move) (рис. 1.111) или нажмите и удерживайте клавишу Ctrl (Windows) или Command (Mac OS), чтобы активировать инструмент Перемещение (Move).
11.
Удерживая нажатой клавишу Alt (Windows) или Option (Mac OS), перетащите изображение, которое вы хотите скопировать и переместить на другое изображение.
При копировании объектов между изображениями перетаскивайте область выделения из активного окна изображения в окно целевого изображения. Если никакая область не выделена, будет скопирован весь активный слой. Перетаскивая выделенную область над окном другого изображения, вокруг изображения в этом окне появится рамка, показывающая, что вы можете поместить выделенную область в это окно (рис. 1.112).
Рис. 1.111. Выбор инструмента Перемещение
130
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Рис. 1.112. Перетащите изображение, чтобы создать новый слой
12.
Дважды щелкните по имени слоя на палитре Слои (Layers) и введите новое имя.
13.
(Необязательный шаг.) Примените различные эффекты — например, отбрасывание тени или обводку, чтобы изменить внешний вид содержимого слоя (рис. 1.113).
ÎÁÚÅÄÈÍÅÍÈÅ ÈÇÎÁÐÀÆÅÍÈÉ Â ÏÐÎÃÐÀÌÌÅ PHOTOSHOP В программе Photoshop для объединения изображений можно использовать несколько слоев, но кроме этого существует два других способа создать одно изображение из нескольких. • Создание панорамного изображения с помощью команды Photomerge. Эта команда объединяет несколько фотографий в одно непрерывное изображение. Команда Photomerge позволяет совмещать фотографии как с перекрытием по горизонтали, так и по вертикали. • Создание изображения с расширенным динамическим диапазоном (HDR — High Dynamic Range), которое объединяет несколько экспозиций одного изображения, передающего полный тональный диапазон сцены.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
131
Рис. 1.113. Эффекты Тень и Обводка, примененные к слою
ÑÎÇÄÀÍÈÅ ÏÀÍÎÐÀÌÍÛÕ ÈÇÎÁÐÀÆÅÍÈÉ Панорама — это кинематографическое, зачастую живописное изображение, которое охватывает широкую зону видимости, как показано на рис. 1.114. В программе Adobe Photoshop CS5 можно создавать панорамы, совмещая несколько фотографических изображений. В следующем упражнении рассматривается процесс автоматического объединения изображения в программе Photoshop при помощи команды Photomerge.
Ñúåìêà èçîáðàæåíèé äëÿ èõ ïîñëåäóþùåãî èñïîëüçîâàíèÿ ñ êîìàíäîé Photomerge Исходные фотографии играют важную роль при создании панорам. Чтобы избежать проблем, следуйте следующим рекомендациям при съемке изображений для их последующей обработки с помощью команды Photomerge: • Перекрытие изображений должно быть достаточным. Изображения должны перекрываться примерно на 40%. Если перекрытие меньше, команда Photomerge может не справиться со сборкой панорамы в автоматическом режиме. Однако следует иметь в виду, что изображения не должны перекрываться слишком сильно. Если степень перекрытия окажется больше 70%, команда Photomerge может не суметь совместить изображения. Необходимо, чтобы отдельные фотографии хотя бы немного отличались друг от друга.
132 •
•
•
•
•
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Необходимо использовать одно и то же фокусное расстояние. При использовании объектива с переменным фокусным расстоянием не следует изменять фокусное расстояние (приближать или удалять изображение) при съемке изображений. Фотоаппарат следует держать на одном уровне. Несмотря на то, что команда Photomerge может обрабатывать небольшие углы поворота изображений, поворот более чем на несколько градусов может привести к ошибкам при создании панорамы. Использование штатива с поворотной головкой поможет сохранить выравнивание фотоаппарата и точку обзора. Кадры необходимо снимать из одной точки. При съемке серии фотографий не следует перемещаться, чтобы все изображения были сняты из одной точки. Использование оптического видоискателя помогает снять кадры, не меняя точку обзора. Использование штатива так же позволяет сохранить положение фотоаппарата в одной точке. Следует избегать использования объективов с высоким искажением. Использование объективов с высоким искажением (типа «рыбий глаз» и других) может мешать работе команды Photomerge. Сохраняйте постоянную экспозицию. Вы не должны использовать вспышку для съемки одних изображений и не использовать ее при съемке других изображений будущей панорамы. Возможности смешивания команды Photomerge помогают нивелировать различия в экспозиции, но очень большая разница может затруднить выравнивание изображений. Некоторые цифровые фотоаппараты меняют экспозицию автоматически по мере съемки, поэтому необходимо проверить настройки фотоаппарата, чтобы обеспечить одинаковую экспозицию всех кадров.
Рис. 1.114. Панорамное изображение
Êîìàíäà Photomerge è óëó÷øåííûå ôóíêöèè ñìåøåíèÿ Благодаря улучшенным функциям смешения команда Photomerge анализирует ряд изображений и находит идеальную точку для «склейки», которая служит переходом от одного изображения к другому. Каждое изображение становится слоем, к которому применяется
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
133
маска слоя для выполнения оптимального смешивания изображений в области их перекрытия. На рис. 1.115 показаны три изображения, к которым применены маски слоя с улучшенными функциями смешения, образующие кадр, изображенный на рис. 1.114.
Рис. 1.115. Изображения на отдельных слоях, которые формируют панораму на рис. 1.114
Ñîçäàíèå ïàíîðàìû ñ ïîìîùüþ êîìàíäû Photomerge â ïðîãðàììå Photoshop Для создания панорамы вам потребуется несколько живописных фотографий, которые слегка перекрываются. Чтобы создать панораму: 1. Выберите команду меню Файл ⇒ Автоматизация ⇒ Photomerge (File ⇒ Automate ⇒ Photomerge). На экране появится диалоговое окно Photomerge (рис. 1.116).
134
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Рис. 1.116. Диалоговое окно Photomerge
2. Установите переключатель Макет (Layout) в одно из следующих положений: • Авто (Auto). Программа Photoshop применяет макет Перспектива (Perspective) или Цилиндр (Cylindrical) в зависимости от того, какой вариант дает лучшую композицию фотографии. • Перспектива (Perspective). Создает согласованную композицию, определяя одно из исходных изображений (по умолчанию — среднее изображение) в качестве эталонного. Остальные изображения композиции трансформируются (перемещаются, растягиваются или наклоняются по необходимости) так, чтобы подогнать перекрывающиеся области совмещаемых слоев. • Цилиндр (Cylindrical). Снижает искажающий эффект «вогнутости», возникающий при использовании макета Перспектива (Perspective), отображая отдельные изображения на поверхности развернутого цилиндра. Содержимое перекрывающихся областей на слоях сохраняется. Эталонное изображение помещается по центру. Этот макет рекомендуется использовать для создания широких панорамных изображений. • Сферическая (Spherical). Данный макет во многом схож с макетом Перспектива (Perspective), но позволяет плавно изгибать верхний и нижний края границы изображения. • Коллаж (Collage). Используйте этот макет, чтобы открыть исходные изображения в диалоговом окне и расположить их вручную для получения наилучшего результата. • Перемещение (Reposition). Совмещает слои и подгоняет перекрывающиеся области без трансформации (растяжения или наклона) исходных слоев.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
135
3. Щелкните по кнопке Обзор (Browse), чтобы найти и выбрать файлы для совмещения, и после этого в появившемся диалоговом окне щелкните по кнопке OK. Выбранные файлы появятся в списке Исходные файлы (Source Files). 4. Убедитесь, что флажок Наложение изображений (Blend Images Together) установлен. 5. Щелкните по кнопке OK. Команда Photomerge автоматически совместит изображения с использованием слоев и маскирования, чтобы создать панораму (рис. 1.117). Маскирование определяется улучшенной функцией смешения команды Photomerge. Чтобы отобразить или скрыть слой, щелкните по значку видимости соответствующего слоя на палитре Слои (Layers).
Рис. 1.117. Совмещенные слои
6. Теперь необходимо кадрировать панораму, чтобы создать прямоугольный кадр. На панели инструментов выберите инструмент Рамка (Crop) и обрежьте вашу панораму. Поверх изображения отобразится сетка «правило третей» с маркерами, позволяющими изменять размеры рамки (рис. 1.118).
Рис. 1.118. Кадрирование готовой панорамы
136
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
7. Чтобы кадрировать выбранную область, нажмите клавишу Enter (Windows) или Return (Mac OS). 8. Сохраните изображение.
Âûçîâ êîìàíäû Photomerge èç èíñòðóìåíòà Adobe Bridge Процесс создания панорамы можно также начать в инструменте Adobe Bridge CS5. Это полезно в том случае, когда вы используете инструмент Adobe Bridge для управления вашей коллекцией изображений. Чтобы вызвать команду Photomerge из инструмента Adobe Bridge: 1. В окне инструмента Adobe Bridge выберите изображения, из которых будет создаваться панорама. 2. Выберите команду меню Инструменты ⇒ Photoshop ⇒ Photomerge (Tools ⇒ Photoshop ⇒ Photomerge) (рис. 1.119). В результате этого действия запустится программа Photoshop и на экране появится диалоговое окно Photomerge с изображениями, выбранными в окне инструмента Adobe Bridge. 3. Продолжите процесс создания панорамы, как было описано ранее.
Рис. 1.119. Вызов команды Photomerge из инструмента Adobe Bridge
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
137
ÑÎÇÄÀÍÈÅ ÈÇÎÁÐÀÆÅÍÈÉ Ñ ÐÀÑØÈÐÅÍÍÛÌ ÄÈÍÀÌÈ×ÅÑÊÈÌ ÄÈÀÏÀÇÎÍÎÌ (HDR) Динамический диапазон (соотношение между темными и светлыми областями) в реальном мире во много раз превосходит диапазон отображаемых на экране или напечатанных изображений. Глаза человека могут адаптироваться к сильно различающимся уровням яркости, однако большинство цифровых фотоаппаратов и компьютерных мониторов могут воспроизводить только изображения с ограниченным динамическим диапазоном. Фотографы, видеооператоры и другие специалисты, работающие с цифровыми изображениями, должны быть избирательны при выборе наиболее важных областей кадра, поскольку они работают с ограниченным динамическим диапазоном. Изображения с расширенным динамическим диапазоном (HDR-изображения) открывают целый мир новых возможностей, поскольку они позволяют охватить весь динамический диапазон реального мира. Поскольку в HDR-изображении пропорционально представлены и сохранены все значения яркости реального мира, настройка экспозиции HDR-изображения происходит точно так же, как настройка экспозиции при съемке кадра в реальном мире. Эта возможность позволяет создавать размытия и другие эффекты освещения из реального мира, которые выглядят реалистично. В настоящее время HDR-изображения в основном используются в художественных фильмах, спецэффектах, 3D-графике и в некоторых профессиональных фотографиях. HDR-изображение можно создать из нескольких фотографий, снятых с разной экспозицией. Команда Объединить в HDR Pro (Merge To HDR Pro) программы Photoshop позволяет объединить несколько фотографий, снятых с разными экспозициями, в одно HDR-изображение, сохраняющее полный диапазон света в кадре.
Ñúåìêà ôîòîãðàôèé äëÿ ïîëó÷åíèÿ HDR-èçîáðàæåíèé При съемке фотографий, которые будут объединены с помощью команды Объединить в HDR Pro (Merge To HDR Pro), примите во внимание следующие подсказки: • Обеспечьте устойчивость фотоаппарата. Установите фотоаппарат на штатив. • Снимайте с различными настройками экспозиции. Сделайте достаточное количество снимков, чтобы покрыть весь динамический диапазон кадра. Попробуйте сделать от пяти до семи фотографий, но в зависимости от динамического диапазона кадра может потребоваться и большее количество снимков. Фотографий не должно быть меньше трех. • Изменяйте выдержку. Изменение диафрагмы приведет к различной глубине резкости на каждом снимке и снизит качество итогового изображения. Изменение чувствительности ISO или диафрагмы может также привести к появлению шумов или виньетированию изображения. • Не используйте режим автоматической экспозиционной вилки. Как правило, при использовании режима автоматической экспозиционной вилки вашего фотоаппарата различия в экспозиции обычно оказываются слишком незначительными. •
Используйте широкий диапазон экспозиций. Снимки должны отличаться на одну или две ступени экспозиции (что эквивалентно одному или двум шагам по диафрагме).
138
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
•
Не меняйте условия освещения. Не меняйте освещение: например, не следует снимать один кадр со вспышкой, а другой — без нее.
•
Все должно быть неподвижным. Убедитесь, что в кадре ничего не двигается. Функция объединения экспозиций будет работать только в том случае, если объединяются поразному экспонированные снимки одной и той же сцены.
Чтобы создать HDR-изображение: 1. Выберите команду меню Файл ⇒ Автоматизация ⇒ Объединить в HDR Pro (File ⇒ Automate ⇒ Merge To HDR Pro). 2. В появившемся диалоговом окне Объединить в HDR Pro (Merge To HDR Pro) щелкните по кнопке Обзор (Browse), выберите необходимые изображения и щелкните по кнопке OK. Выбранные изображения появятся в списке файлов (рис. 1.120). Чтобы удалить файл из списка, выберите его в диалоговом окне Объединить в HDR Pro (Merge To HDR Pro) и щелкните по кнопке Удалить (Remove). Ïðèìå÷àíèå: Åñëè âû õîòèòå äîáàâèòü ïàïêó èçîáðàæåíèé èëè èçîáðàæåíèÿ, êîòîðûå îòêðûòû â ïðîãðàììå Photoshop, âûáåðèòå çíà÷åíèå Ïàïêó (Folder) â ðàñêðûâàþùåìñÿ ñïèñêå Èñïîëüçîâàòü (Use) èëè ùåëêíèòå ïî êíîïêå Äîáàâèòü îòêðûòûå ôàéëû (Add Open Files).
3. (Необязательный шаг.) Установите флажок Попытаться автоматически выровнять исходные изображения (Select The Attempt To Automatically Align Source Images), если при съемке изображений вы удерживали фотоаппарат в руках.
Рис. 1.120. Диалоговое окно Объединить в HDR Pro
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
139
4. Щелкните по кнопке OK. Программа Photoshop выполнит обработку изображений. На экране появится второе диалоговое окно Объединить в HDR Pro (Merge To HDR Pro) с миниатюрами изображений, которые были использованы в результирующем изображении, областью предварительного просмотра результирующего изображения, раскрывающимся списком Режим (Bit Depth) и ползунковым регулятором для настройки точки белого в изображении (рис. 1.121).
Рис. 1.121. Диалоговое окно Объединить в HDR Pro с областью предварительного просмотра результирующего изображения и миниатюрами
5. При необходимости выполните одно из следующих действий, чтобы изменить режим просмотра объединенного изображения:
140
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
• Щелкните по кнопке «плюс» или «минус», расположенной под областью предварительного просмотра, чтобы увеличить или уменьшить масштаб отображения изображения. • Выберите масштаб просмотра, выраженный в процентах, или режим просмотра в раскрывающемся списке, расположенном под областью предварительного просмотра. 6. Выберите глубину цвета для результирующего изображения в раскрывающемся списке Режим (Bit Depth). 7. Перетащите ползунок регулятора, расположенного под гистограммой, чтобы просмотреть результирующее изображение. Перетаскивание ползунка влияет только на предварительную версию изображения. Все данные HDR-изображения остаются неизменными в объединенном файле. Если сохранить объединенное изображение с глубиной цвета 32 бит/канал, настройка будет сохранена в файле HDR-изображения и будет применяться при каждом открытии файла в программе Photoshop. Вы можете изменить настройку отображения в любой момент времени, выбрав команду меню Просмотр ⇒ Параметры 32-битного просмотра (View ⇒ 32-Bit Preview Options). 8. Щелкните по кнопке OK, чтобы создать объединенное изображение (рис. 1.122). Программа Photoshop выполнит обработку изображений. Если для сохранения объединенного изображения выбрать режим с глубиной цвета 8 или 16 бит/канал, на экране появится диалоговое окно Преобразование HDR-изображения (HDR Conversion). Измените настройки экспозиции и контрастности, чтобы получить изображение с желаемым динамическим диапазоном (тональным диапазоном).
Рис. 1.122. Готовое HDR-изображение
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
141
Âûçîâ êîìàíäû Îáúåäèíèòü â HDR Pro èç ïðèëîæåíèÿ Adobe Bridge Процесс создания изображения с расширенным динамическим диапазоном можно также начать из приложения Adobe Bridge CS5. Это полезно в том случае, когда вы используете приложение Adobe Bridge для управления вашей коллекцией изображений. Чтобы вызвать команду Объединить в HDR Pro (Merge To HDR Pro) из инструмента Adobe Bridge: 1. В окне приложения Adobe Bridge выберите изображения, которые будут объединены в HDR-изображение. 2. Выберите команду меню Инструменты ⇒ Photoshop ⇒ Объединить в HDR Pro (Tools ⇒ Photoshop ⇒ Merge To HDR Pro) (рис. 1.123). В результате этого действия запустится программа Photoshop и на экране появится диалоговое окно Объединить в HDR Pro (Merge To HDR Pro) с изображениями, выбранными в окне инструмента Adobe Bridge. 3. Продолжите процесс создания HDR-изображения, как было описано ранее.
Рис. 1.123. Вызов команды Объединить в HDR Pro из приложения Adobe Bridge
142
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
ÏÐÈÍÖÈÏÛ È ÍÎÐÌÛ ÀÂÒÎÐÑÊÎÃÎ ÏÐÀÂÀ Авторское право — это защита интеллектуальной собственности. Интеллектуальная собственность представляет собой что-либо, написанное или созданное человеком. Это может быть музыка, текст, картины, фотографии, звуки и т. д. Доктрина о добросовестном использовании является частью закона об авторском праве. Она утверждает, что ограниченные части материала могут быть использованы без письменного разрешения для определенных целей, таких как сообщение новостей или учебная работа. Однако в ней не раскрывается понятие «ограниченных частей», так что удостоверьтесь, что вы не злоупотребляете материалом. Доктрина о добросовестном использовании требует ссылаться на автора или создателя любого используемого вами материала. Производные произведения — это материалы, защищенные авторским правом, которые были переработаны или изменены. Такой материал защищен законом об авторском праве. Если вы измените фотографию, защищенную авторским правом с помощью компьютерных программ, данная фотография все равно будет считаться защищенной и ее запрещено использовать без письменного разрешения. Академические стандарты для материалов, защищенных авторским правом, выше, чем для других. Так как ученые и исследователи изучают множество различных идей и ответственны за сообщение этих идей миру, эти сообщения должны удовлетворять более высоким стандартам честности. Они должны ссылаться на автора не только при цитировании точного высказывания другого человека, но и при цитировании идей, которые выражены этими словами. Как исследователь, вы не можете перефразировать сказанное другим и не указать ссылку на автора. Библиографии — это списки источников, которые были использованы в научных исследованиях. При использовании Интернета для научных исследований или для дизайнерской работы вы должны ссылаться на автора, где необходимо. Зачастую люди, которые используют графику и изображения из Интернета для публикации на собственной веб-странице, создают список авторов изображений вместо библиографии.
ÍÎÐÌÛ ÀÂÒÎÐÑÊÎÃÎ ÏÐÀÂÀ 1. Материалы, защищенные авторским правом, не могут быть использованы без письменного разрешения автора материала (или его правообладателя). 2. Материал может быть защищен, даже если на нем не отображается символ ©. Даже если нет упоминания об авторских правах, следует считать, что все материалы из другого источника защищены. 3. Наказание за нарушение законов об авторских правах может варьироваться от легкого до серьезного. При нарушении закона об авторском праве вы можете просто получить сообщение от автора по электронной почте с просьбой прекратить использование материала. Если материал опубликован на веб-сайте, веб-мастер может закрыть ваш сайт. Также автор может подать на вас в суд, или федеральные власти могут предъявить вам иск.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
143
4. Чтобы убедиться, что вами не нарушен какой-либо закон об авторских правах, важно сделать следующее: • Написать и отправить электронное письмо автору или создателю и попросить разрешение на использование материала. Не использовать его, пока не получено разрешение. • Следовать инструкциям на сайте, касающимся использования материала. Вас могут попросить создать ссылку на вашей странице или предупредить автора или создателя. • Самое главное — не использовать материал без письменного разрешения. 5. Чтобы заявить авторские права на ваш собственный материал, уведомление об авторском праве на визуально воспринимаемый материал должно содержать один или несколько из следующих элементов: • символ © (буква С в круге), или слово «Copyright», «Авторские права», или аббревиатуру «Copr.»; • год первой публикации; • имя владельца авторского права; Пример: © 2005 Adobe Systems, Inc • студии звуко- и грамзаписи используют букву P в круге; • уведомление об авторских правах должно быть размещено таким образом, чтобы «дать разумное уведомление о претензии на авторское право». Для получения дополнительной информации об авторском праве посетите Бюро по авторским правам США в Интернете по адресу www.copyright.gov.
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ÈÍÒÅÐÔÅÉÑ ÏÐÎÃÐÀÌÌÛ ACROBAT È ÎÑÍÎÂÍÓÞ ÍÀÂÈÃÀÖÈÞ Рабочая область программы Adobe Acrobat 9 Pro (рис. 1.124) включает окно документа, в котором отображаются документы в формате Adobe PDF, и панель навигации (слева), которая упрощает процесс перемещения по открытому PDF-документу. Панели инструментов, расположенные в верхней части рабочей области, сгруппированы по функционалу и предоставляют различные элементы управления для работы с PDF-документами. Кроме того, вы можете открыть окно, в котором перечислены распространенные задачи.
ÐÀÁÎ×Àß ÎÁËÀÑÒÜ ÏÐÎÃÐÀÌÌÛ ACROBAT Рабочая область занимает все свободное пространство в окне программы Acrobat. Она включает печатаемую область, содержащую документ, панели инструментов, элементы меню и панель навигации. На панелях инструментов находятся кнопки для многих наиболее часто используемых инструментов и команд программы Acrobat, например вызов основных команд для работы
144
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
с файлами, управление масштабом отображения документа, вращение и использование инструментов выделения. Панель навигации, расположенная в левой части окна документа, позволяет работать с закладками, миниатюрами страниц документа и другими навигационными элементами. Чтобы открыть панель навигации, щелкните по значку в левой части окна программы Acrobat. На панели Страницы (Pages) отображаются миниатюры страниц документа и показывается часть страницы, отображаемая в окне документа. Панель Закладки (Bookmarks) содержит ссылки на определенные интересные места в документе PDF. Окно повседневных задач содержит ссылки на описание распространенных задач, онлайнподдержку и полную справку программы Acrobat 9 Pro.
Рис. 1.124. Рабочая область программы Acrobat
ÏÀÍÅËÈ ÈÍÑÒÐÓÌÅÍÒÎÂ ÏÐÎÃÐÀÌÌÛ ACROBAT Область панелей инструментов программы Acrobat содержит панели инструментов, сгруппированные по функционалу, часть из которых отображается по умолчанию, а другая часть панелей скрыта (рис. 1.125). Чтобы увидеть все доступные панели инструментов, откройте
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
145
подменю Просмотр ⇒ Панели инструментов (View ⇒ Toolbars). Флажок, установленный напротив названия панели инструментов, означает, что данная панель инструментов отображается на экране.
Рис. 1.125. Панели инструментов программы Acrobat
Панель инструментов Задачи (Tasks) обеспечивает быстрый доступ к командам меню, связанным с созданием PDF-документов, инструментам комментирования и разметки, настройкам безопасности, функциям форм и параметрам для отправки документа на рецензию. Панель инструментов Файл (File) позволяет открывать, сохранять, печатать и отправлять по электронной почте текущий документ. Панель инструментов Навигация по страницам (Page Navigation) содержит кнопки и отображает номера страниц, позволяя переходить непосредственно к желаемой странице. На основной панели инструментов можно выбрать инструменты Выделение (Select), Рука (Hand) и Увеличить выделенное (Marquee Zoom). Панель инструментов управления масштабом содержит инструменты и параметры, позволяющие управлять размером и отображением текущего документа. Панель инструментов Найти (Search) позволяет выполнять поиск текста в документе PDF. Список других панелей инструментов, доступных в программе Acrobat, можно увидеть в подменю Просмотр ⇒ Панели инструментов (View ⇒ Toolbars).
ÍÀÂÈÃÀÖÈß ÏÎ PDF-ÄÎÊÓÌÅÍÒÓ È ÅÃÎ ÏÐÎÑÌÎÒÐ Программа Acrobat предоставляет ряд способов для навигации по PDF-документам. Навигацию по PDF-документам можно осуществлять с помощью кнопок Предыдущая страница (Previous Page) и Следующая страница (Next Page), закладок или миниатюр страниц. Управлять отображением страницы можно с помощью параметров инструмента Масштаб (Zoom) или с помощью инструмента Рука (Hand). Элементы управления навигацией (рис. 1.126) обеспечивают простой способ для перемещения по страницам документа. •
Щелкните по кнопкам со стрелками, чтобы перейти к предыдущей или следующей странице документа.
•
Чтобы перейти к произвольной странице, введите ее номер в поле ввода Текущая страница (Current Page) и нажмите клавишу Enter (Windows) или Return (Mac OS).
Рис. 1.126. Элементы управления навигацией
146
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Èñïîëüçîâàíèå çàêëàäîê äëÿ ïåðåìåùåíèÿ ïî äîêóìåíòó Вкладка Закладки (Bookmarks), которая отображается на панели навигации, выступает в роли содержания и обычно представляет главы и разделы документа. Для перемещения по документу с помощью закладок: 1. Чтобы отобразить закладки на экране, щелкните по вкладке Закладки (Bookmarks), расположенной в левой части рабочей области (рис. 1.127), или выберите команду меню Просмотр ⇒ Панели навигации ⇒ Закладки (View ⇒ Navigation Panels ⇒ Bookmarks). 2. Щелкните по закладке, чтобы перейти к выбранной теме. 3. Щелкните по значку «плюс» (+) рядом с названием родительской закладки, чтобы раскрыть список дочерних закладок, или щелкните по значку «минус» (–), чтобы скрыть их.
Рис. 1.127. Вкладка Закладки
Èñïîëüçîâàíèå ìèíèàòþð ñòðàíèö äëÿ ïåðåìåùåíèÿ ïî äîêóìåíòó Вкладка Страницы (Pages) содержит миниатюрные эскизы страниц документа (миниатюры), с помощью которых можно изменить отображение страниц или перейти к другим страницам. Для перемещения по документу с помощью миниатюр: 1. Чтобы отобразить список миниатюр страниц для текущего документа, щелкните по вкладке Страницы (Pages), расположенной в левой части рабочей области (рис. 1.128), или выберите команду меню Просмотр ⇒ Панели навигации ⇒ Страницы (View ⇒ Navigation Panels ⇒ Pages). 2. Щелкните по миниатюре страницы, чтобы перейти к этой странице в документе.
Рис. 1.128. Вкладка Страницы
3. Чтобы изменить отображаемую область, поместите указатель мыши над нижней границей красного прямоугольника на миниатюре, который обозначает отображаемую область. Когда указатель мыши примет вид руки, перетащите прямоугольник в новую позицию на странице. 4. Чтобы изменить масштаб отображения страницы, поместите указатель мыши над правым нижним углом прямоугольника, обозначающего отображаемую область, так, чтобы указатель принял вид двунаправленной стрелки. Перетащите угол прямоугольника, чтобы уменьшить или увеличить размеры отображаемой области текущей страницы.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
147
Èñïîëüçîâàíèå îñíîâíîé ïàíåëè èíñòðóìåíòîâ è ïàíåëè èíñòðóìåíòîâ óïðàâëåíèÿ ìàñøòàáîì äëÿ óâåëè÷åíèÿ èëè óìåíüøåíèÿ ìàñøòàáà îòîáðàæåíèÿ ñòðàíèöû Основная панель инструментов (рис. 1.129) и панель инструментов управления масштабом (рис. 1.130) предоставляют ряд возможностей для изменения масштаба отображения PDF-документов. • Выберите инструмент Увеличить выделенное (Marquee Zoom) и путем перетаскивания указателя мыши нарисуйте прямоугольник вокруг области страницы, которую вы хотите увеличить. • Щелкайте по кнопкам Уменьшить масштаб (Zoom Out) или Увеличить масштаб (Zoom In) на панели инструментов. • Введите значение масштаба отображения, выраженное в процентах, в поле ввода Масштаб (Zoom) и нажмите клавишу Enter (Windows) или Return (Mac OS). • Выберите предопределенные значения масштаба отображения в раскрывающемся списке Масштаб (Zoom). • Чтобы изменить размеры страницы до предопределенного размера, выберите в раскрывающемся списке Масштаб (Zoom) значение Реальный размер (Actual Size), По размеру страницы (Fit Page) или По ширине (Fit Width).
Рис. 1.129. Основная панель инструментов
Âûáîð îðèåíòàöèè ñòðàíèöû Подменю Вид страницы (Page Display) (рис. 1.131) можно использовать для отображения страниц документа в следующих режимах:
Рис. 1.130. Панель инструментов управления масштабом
Постранично (Single Page). В окне документа одновременно отображается одна страница. Постранично непрерывно (Single Page Continuous). Страницы документа отображаются в виде непрерывного вертикального столбца. Попарно (Two-Up). Страницы располагаются рядом друг с другом, при этом в окне документа одновременно отображается одна или две страницы. Попарно непрерывно (Two-Up Continuous). Страницы располагаются рядом друг с другом в виде непрерывного вертикального столбца. Если документ состоит из более чем двух страниц, первая страница отображается слева, чтобы гарантировать правильное отображение двухстраничного разворота.
148
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Рис. 1.131. Команды подменю Вид страницы
Èñïîëüçîâàíèå èíñòðóìåíòà Ðóêà äëÿ èçìåíåíèÿ ïîëîæåíèÿ ñòðàíèöû Перемещение страницы документа Adobe PDF с помощью инструмента Рука (Hand) в окне документа напоминает перемещение листа бумаги по столу. Вы можете использовать инструмент Рука (Hand) для перемещения по странице и просмотра всех ее фрагментов. • Чтобы изменить положение страницы, выберите инструмент Рука (Hand) на основной панели инструментов и перетащите текущую страницу вверх или вниз (рис. 1.132). • При большом масштабе отображения вы можете перетаскивать страницу влево или вправо для просмотра различных фрагментов этой страницы.
Рис. 1.132. Использование инструмента Рука для настройки положения страницы
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
149
ÀÂÒÎÌÀÒÈ×ÅÑÊÀß ÏÐÎÊÐÓÒÊÀ ÄÎÊÓÌÅÍÒÀ (ÂÎÇÌÎÆÍÎÑÒÜ ÐÀÑØÈÐÅÍÍÎÃÎ ÄÎÑÒÓÏÀ) Программа Acrobat позволяет прокручивать PDF-документы, состоящие из множества страниц, при помощи комбинаций клавиш или определенных действий мышью. • Чтобы включить возможность автоматической прокрутки документа, выберите команду меню Просмотр ⇒ Автоматическая прокрутка (View ⇒ Automatically Scroll). • Чтобы изменить скорость прокрутки, нажмите клавишу с цифрой (9 — самая высокая скорость и 0 — самая низкая скорость) или нажмите клавишу со стрелкой вверх или со стрелкой вниз. • Чтобы изменить направление прокрутки, нажмите клавишу с символом «дефис» или со знаком «минус». • Чтобы перейти к следующей или предыдущей странице, нажмите клавишу со стрелкой влево или со стрелкой вправо. • Чтобы остановить автоматическую прокрутку документа, нажмите клавишу Esc или снова выберите команду меню Просмотр ⇒ Автоматическая прокрутка (View ⇒ Automatically Scroll).
ÊÀÊ ÑÎÇÄÀÒÜ PDF-ÄÎÊÓÌÅÍÒ Программа Adobe Acrobat 9 Pro позволяет преобразовывать файлы в различных форматах в формат Adobe Portable Document Format (PDF) — универсальный формат, позволяющий сохранять все шрифты, форматирование, изображения и цвета исходного файла, независимо от приложения и системной платформы, в котором создавался этот файл. Файлы Adobe PDF имеют компактный размер, и ими легко обмениваться, просматривать, перемещать и печатать при помощи бесплатного программного обеспечения Adobe Reader, сохраняя при этом целостность файла. Помимо возможности создания файлов Adobe PDF практически из любого приложения, PDF-файлы можно создавать в программе Adobe Acrobat Pro путем сканирования и распознавания бумажных документов, а также путем загрузки и конвертации веб-страниц.
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÈÍÑÒÐÓÌÅÍÒÀ ACROBAT DISTILLER Инструмент Acrobat Distiller поставляется вместе с программой Adobe Acrobat. Инструмент Distiller получает информацию о странице из документа, и выполняет преобразование и сжатие этой информации, чтобы ее можно было просматривать при помощи бесплатного программного обеспечения Acrobat Reader или в программе Acrobat. Шрифты, изображения и разметка документа преобразуются в цифровой кроссплатформенный документ, который может быть напечатан в высоком разрешении на выбранном устройстве вывода, например принтере или экране.
150
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
ÍÀÑÒÐÎÉÊÈ ÈÍÑÒÐÓÌÅÍÒÀ ACROBAT DISTILLER Инструмент Acrobat Distiller обеспечивает простой и повторяемый процесс создания документов Adobe PDF в соответствии с вашими требованиями. Вы можете выбрать один из стандартных наборов настроек формата Adobe PDF или же определить собственный набор настроек для создания PDF-файлов, отвечающих конкретно вашим требованиям. Чтобы выбрать стандартные настройки инструмента Distiller: 1. Запустите программу Acrobat. 2. В меню программы Acrobat выберите команду Дополнительно ⇒ Допечатная подготовка ⇒ Acrobat Distiller (Advanced ⇒ Print Production ⇒ Acrobat Distiller). На экране появится окно инструмента Acrobat Distiller (рис. 1.133), в котором доступно несколько наборов настроек для создания PDF-файлов.
Рис. 1.133. Параметр Настройки по умолчанию инструмента Distiller
3. Выберите одно из значений в раскрывающемся списке Настройки по умолчанию (Default Settings), чтобы выбрать набор настроек, которые будут использоваться для создания PDF-файлов. Доступны следующие наборы в зависимости от предполагаемых целей использования документа. • Набор настроек Наименьший размер файла (Smallest File Size) используется для создания PDF-файла наименьшего размера, предназначенного в основном для просмотра на экране и для спонтанной печати (с разрешением 100 пикселов на дюйм, или ppi). • Набор настроек Стандартные настройки (Standard) используется для создания PDFфайлов, предназначенных для просмотра на экране и повседневной печати (разрешение 150 ppi). • Набор настроек Высококачественная печать (High Quality Print) предназначен для создания PDF-файлов, предназначенных для печати с высоким качеством изображений (разрешение 300 ppi). • Другие настройки печати используются в тех случаях, когда вы работаете с бюро предпечатной подготовки, которые обрабатывают PDF-файлы со специфическими настройками.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
151
Чтобы создать собственный набор настроек формата Adobe PDF: 1. Запустите инструмент Distiller, выбрав команду меню Дополнительно ⇒ Допечатная подготовка ⇒ Acrobat Distiller (Advanced ⇒ Print Production ⇒ Acrobat Distiller). 2. В меню окна инструмента Acrobat Distiller выберите команду Настройки ⇒ Изменить параметры Adobe PDF (Settings ⇒ Edit Adobe PDF Settings). 3. Установите желаемые значения параметров в различных категориях, которые доступны в появившемся диалоговом окне Параметры создания файлов PDF (Adobe PDF Settings) (рис. 1.134).
Рис. 1.134. Диалоговое окно Параметры создания файлов PDF
4. Щелкните по кнопке Сохранить как (Save As), чтобы сохранить настройки в файле настроек Параметры создания файлов PDF (Adobe PDF Settings). Введите уникальное описательное имя и щелкните по кнопке Сохранить (Save). • Параметры категории Общие (General) позволяют задать совместимость файла Adobe PDF, стандартный размер страницы (для EPS-файлов), разрешение и другие настройки файла.
152
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
• Параметры категории Изображения (Images) позволяют уменьшить размер файла, изменив способ сжатия изображений, текста и векторных рисунков. • Параметры категории Шрифты (Fonts) задают способ встраивания шрифтов. • Параметры категории Цвет (Color) определяют способ управления цветом. • Параметры категории Дополнительно (Advanced) влияют на способ конвертации файлов в формате PostScript, а также на то, как в процессе этой конвертации обрабатываются изображения в формате JPEG и т. д. Дополнительную информацию можно найти в справке программы Adobe Acrobat. • Параметры категории Стандарты (Standards) позволяют создавать файлы для архивации, совместимые со стандартом PDF/A, или файлы, совместимые со стандартом PDF/X, чтобы сделать процесс допечатной подготовки более надежным.
ÑÎÇÄÀÍÈÅ ÔÀÉËÀ ADOBE PDF Существует несколько способов создания документов PDF. Помимо возможности конвертации файлов непосредственно из программы Acrobat, можно использовать один из следующих способов в зависимости от приложения, в котором создается исходный файл. Используйте принтер Adobe PDF для создания PDF-файла из любого приложения, предоставляющего возможности печати. Это наиболее распространенный способ конвертации файлов в формат PDF. Инструмент PDFMaker конвертирует документы в PDF-файлы из различных приложений корпорации Microsoft, включая программы Word, PowerPoint, Excel, Outlook, Access и Internet Explorer. Используйте команды Сохранить как (Save As) или Экспортировать (Export) для создания файлов Adobe PDF из различных приложений корпорации Adobe, например Adobe InDesign, Adobe Photoshop, Adobe Illustrator и Adobe PageMaker. Вместе с этими программами устанавливаются и настраиваются все необходимые компоненты для создания PDF-файлов.
Ñîçäàíèå ôàéëà Adobe PDF ïðè ïîìîùè ïðèíòåðà Adobe PDF Во многих приложениях для преобразования файла в формат PDF можно использовать команду Печать (Print) и принтер Adobe PDF Printer. Чтобы создать файл Adobe PDF при помощи принтера Adobe PDF: 1. Откройте файл, который вы хотите преобразовать в формат Adobe PDF, в приложении, использовавшемся для его создания, и выберите команду меню Файл ⇒ Печать (File ⇒ Print). 2. В раскрывающемся списке принтеров выберите принтер Adobe PDF (рис. 1.135). 3. В диалоговом окне Печать (Print) щелкните по кнопке OK (Windows) или Печать (Print) (Mac OS). 4. Укажите имя файла и щелкните по кнопке Сохранить (Save).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
153
Рис. 1.135. Диалоговое окно Печать
ÑÎÇÄÀÍÈÅ ÄÎÊÓÌÅÍÒÎÂ PDF ÈÇ ÍÅÑÊÎËÜÊÈÕ ÔÀÉËÎÂ Â ÏÐÎÃÐÀÌÌÅ ACROBAT Помимо возможности конвертации отдельных файлов в формат Adobe PDF непосредственно в программе Acrobat, вы можете объединять различные типы файлов в одном файле Adobe PDF, используя команду Объединить файлы в один PDF (Merge Files Into A Single PDF). Кроме того, вы можете использовать эту команду для добавления и объединения существующих файлов PDF. Чтобы создать PDF-документ из нескольких файлов: 1. В меню программы Acrobat выберите команду Файл ⇒ Создать PDF ⇒ Объединить файлы в один PDF (File ⇒ Create PDF ⇒ Merge Files Into A Single PDF). На экране появится диалоговое окно Объединение файлов (Combine Files). 2. В меню Добавить файлы (Add Files) диалогового окна Объединение файлов (Combine Files) выберите команду Добавить файлы (Add Files) (рис. 1.136). На экране появится диалоговое окно Добавить (Add Files) (рис. 1.137).
154
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
Рис. 1.136. Диалоговое окно Объединение файлов
3. Найдите и выберите файлы, которые вы хотите включить в файл PDF (рис. 1.137). Чтобы выбрать более одного файла, удерживайте нажатой клавишу Ctrl (Windows) или Command (Mac OS).
Рис. 1.137. Выбор файлов для добавления в файл PDF
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
155
4. Щелкните по кнопке Добавить (Add Files). Диалоговое окно Добавить (Add Files) исчезнет с экрана. 5. В диалоговом окне Объединение файлов (Combine Files) вы можете изменить порядок следования файлов, выделив имя файла и щелкая по кнопке Переместить вверх (Move Up) или Переместить вниз (Move Down) (рис. 1.138).
Рис. 1.138. Кнопки Переместить вверх и Переместить вниз
6. Щелкните по кнопке Объединить файлы (Combine Files). Будет сгенерирован PDF-файл и на экране появится диалоговое окно, предлагающее выбрать местоположение для сохранения файла. Новый PDF-файл откроется в программе Acrobat.
156
ÏÐÎÅÊÒ 1. Êîëëàæè è ôîòîãðàôèÿ
ÊÎÍÂÅÐÒÀÖÈß ÂÅÁ-ÑÒÐÀÍÈÖ Â PDF-ÔÀÉËÛ В программе Acrobat можно загружать HTML-страницы из Интернета или локальной сети и конвертировать их в файлы формата Adobe PDF, просто указав адрес URL. Чтобы выполнить конвертацию веб-страниц в PDF-файл: 1. В меню программы Acrobat выберите команду Файл ⇒ Создать PDF ⇒ Из Webстраницы (File ⇒ Create PDF ⇒ From Web Page). 2. В появившемся диалоговом окне Создать PDF-файл из Web-страницы (Create PDF From Web Page) (рис. 1.139) введите или вставьте адрес URL в поле ввода URL-адрес (URL).
Рис. 1.139. Диалоговое окно Создать PDF-файл из Web-страницы
3. Щелкните по кнопке Преобразовать несколько уровней (Capture Multiple Levels). На экране появятся настройки уровней иерархии веб-сайта. Поскольку размеры и способы организации веб-сайтов отличаются, можно попробовать загрузить только страницы вебсайта на верхнем уровне иерархии. 4. Щелкните по кнопке Настройки (Settings). На экране появится диалоговое окно Параметры преобразования Web-страниц (Web Page Conversion Settings) (рис. 1.140). 5. Убедитесь, что в группе элементов управления Параметры PDF (PDF Settings) установлены все флажки. Это позволит достичь максимальной гибкости после конвертации веб-страниц. 6. Щелкните по кнопке OK, чтобы закрыть диалоговое окно Параметры преобразования Web-страниц (Web Page Conversion Settings).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Рис. 1.140. Диалоговое окно Параметры преобразования Web-страниц
7. В диалоговом окне Создать PDF-файл из Web-страницы (Create PDF From Web Page) щелкните по кнопке Создать (Create), чтобы начать процесс загрузки и конвертации. На экране появится диалоговое окно Состояние загрузки (Download Status) (рис. 1.141). Как только процесс конвертации будет завершен, на экране появится временный PDF-документ. 8. Выберите команду меню Файл ⇒ Сохранить как (File ⇒ Save As), чтобы сохранить созданный документ. Рис. 1.141. Диалоговое окно Состояние загрузки
157
2. ËÎÃÎÒÈÏÛ Инструкции для преподавателей. Время выполнения: от 4 до 7 часов.
ÎÁÇÎÐ ÏÐÎÅÊÒÀ Логотипы могут вызывать непосредственные ассоциации с компаниями или конкретными продуктами. С помощью логотипов организации и корпорации идентифицируют себя и создают бренды. Логотип должен быть уникальным, функциональным и универсальным. В этом проекте учащиеся познакомятся с образцами логотипов и обсудят вопросы теории цвета и принципы дизайна, применяемые при создании логотипов. Учащиеся составят план работ, создадут логотип и подготовят его для дальнейшего использования в других публикациях, например в визитных карточках, меню или рекламных продуктах. Учащиеся познакомятся с различными форматами файлов, получат представление о разрешении и размере изображения, а также узнают, как выбирать подходящие настройки в соответствии со сценариями использования готового продукта. Результат работы учащихся: цифровые логотипы, оптимизированные для размещения в Интернете, вывода на печать и видеомонтажа.
ÖÅËÈ ÏÐÎÅÊÒÀ По завершении данного проекта учащиеся разовьют следующие навыки. Íàâûêè óïðàâëåíèÿ ïðîåêòîì •
Подготовка плана работ и создание логотипа.
•
Организация и управление процессом работы с графическими элементами и иллюстрациями.
Äèçàéíåðñêèå íàâûêè •
Понимание и применение принципов дизайна.
•
Понимание и применение теории цвета.
•
Понимание различий между цветовыми моделями.
•
Понимание сути управления цветом.
•
Создание эскизов.
•
Создание и редактирование графических элементов и иллюстраций.
•
Разработка дизайна с учетом определенной целевой аудитории и поставленных задач.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
159
Èññëåäîâàòåëüñêèå è êîììóíèêàòèâíûå íàâûêè •
Исследование логотипов.
•
Анализ и критика логотипов.
•
Донесение поставленных целей и задач до аудитории.
•
Передача идей и представление дизайнерских решений.
•
Организация обратной связи по проекту.
Òåõíè÷åñêèå íàâûêè Программа Photoshop: •
Использование линеек и направляющих.
•
Понимание векторной и растровой графики.
•
Использование образцов.
•
Рисование линий.
•
Рисование и редактирование фигур.
•
Создание векторной маски.
•
Добавление текста на изображения.
•
Генерация файлов для Интернета.
•
Генерация файлов для печати.
•
Генерация файлов для видео.
ÎÁÎÐÓÄÎÂÀÍÈÅ È ÌÀÒÅÐÈÀËÛ ÄËß ÂÛÏÎËÍÅÍÈß ÏÐÎÅÊÒÀ •
На всех компьютерах должна быть установлена программа Adobe Photoshop CS5 Extended.
•
Презентация «Введение в графический дизайн».
•
Бланк «Принципы дизайна».
•
Раздел «Знакомство с управлением цветом».
•
Бланк «Рецензирование и доработка логотипов».
•
Раздел с пошаговыми инструкциями по программе Photoshop «Создание нового документа».
•
Раздел с пошаговыми инструкциями по программе Photoshop «Как использовать инструменты рисования».
•
Раздел с пошаговыми инструкциями по программе Photoshop «Как использовать инструменты начертания».
•
Раздел с пошаговыми инструкциями по программе «Растровые и векторные изображения».
160 • • •
ÏÐÎÅÊÒ 2. Ëîãîòèïû
Раздел с пошаговыми инструкциями по программе Photoshop «Как использовать инструменты выделения». Раздел с пошаговыми инструкциями по программе Photoshop «Как вставлять текст в изображения». Раздел с пошаговыми инструкциями по программе Photoshop «Как генерировать файлы в различных форматах».
ÄÎÏÎËÍÈÒÅËÜÍÛÅ ÈÑÒÎ×ÍÈÊÈ ÄËß ÏÎÄÃÎÒÎÂÊÈ • • • •
Ресурсы для дополнительной подготовки. Ключевые понятия. Стандарт ISTE NETS*S для учащихся. Сертификация Adobe Certified Associate, задачи экзамена Visual Communication.
ÝÒÀÏÛ ÏÐÎÅÊÒÀ Òåîðèÿ öâåòà è ðàçðàáîòêà äèçàéíà Рекомендуемое время: 50—75 минут. 1. Расскажите учащимся о том, что они будут создавать логотип, который можно использовать в качестве идентифицирующего элемента для них самих, для вымышленной организации или для учебной группы. Ознакомьте учащихся с целями проекта: • познакомиться с теорией цвета и принципами дизайна; • исследовать возможности инструментов выделения, начертания и рисования в программе Photoshop; • получить понимание и применить на практике стратегии оптимизации изображений и различные форматы файлов; • определить аспекты этапа внесения изменений и его значения в процессе дизайна. 2. Продемонстрируйте учащимся примеры логотипов, подготовленных для печати, публикации в Интернете и видеомонтажа, и обсудите применяемые в них принципы дизайна. Попросите учащихся заполнить бланк «Принципы дизайна». По мере знакомства учащихся с каждым из принципов дизайна предоставляйте им время на заполнение бланка. В завершении обсуждения выберите для коллективного рассмотрения несколько заполненных бланков и попросите учащихся объяснить, каким образом в выбранном ими логотипе отражается тот или иной принцип дизайна. Вот несколько принципов дизайна, которые можно обсудить: • акцент/контраст (центральная точка); • единство/группировка; • баланс; • выравнивание; • гармония/пропорция;
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
161
• свободное пространство; • повторяемость; • цвет. Презентация «Введение в графический дизайн» Бланк «Принципы дизайна». Ïðèìå÷àíèå: ×òîáû ïîìî÷ü ó÷àùèìñÿ âûïîëíèòü ýòî óïðàæíåíèå, âû ìîæåòå ñîáðàòü ëîãîòèïû â îäíó ïðåçåíòàöèþ.
3. Продемонстрируйте учащимся примеры логотипов, подготовленных для печати, публикации в Интернете и видеомонтажа, и предложите им определить визуальные сигналы и принципы дизайна, благодаря которым логотипы легко запоминаются. Обсудите, насколько эти логотипы соответствуют организациям, которые они представляют. Обсудите, каким образом дизайн логотипов достигает целевой аудитории организации и отвечает целям компании или отдельно взятого человека. 4. Перед тем, как учащиеся приступят к планированию своих логотипов, объясните, что они должны подобрать цвета, макет и элементы, которые вдохнут жизнь в логотипы. Вот несколько моментов, которые можно обсудить: • яркость: количество света, воспринимаемого глазом зрителя; • контрастность и цветовой круг; • использование цветов в дизайне; • различия между цветовыми моделями RGB и CMYK; • управление цветом: обеспечение единообразного отображения цветов на разных устройствах. 5. Чтобы помочь учащимся понять важность управления цветом, объясните, из-за чего возникают отличия в отображении цветов при переносе изображений между устройствами. Опишите варианты решения проблемы, помогающие добиться единообразного отображения цветов на разных устройствах. Вот некоторые темы для обсуждения: • причины различий в отображении цветов; • профили монитора; • профили устройств ввода; • профили устройств вывода; • управление цветом при помощи настроек цветов; • использование экранных цветопроб для имитации на экране компьютера цветов, которые будут фактически получены при печати; • управление цветом при печати. Раздел «Знакомство с управлением цветом». 6. Пусть учащиеся выберут человека, группу или организацию, для которой они будут создавать логотип. В процессе коллективного обсуждения они должны составить набор слов
162
ÏÐÎÅÊÒ 2. Ëîãîòèïû
и задач, наилучшим образом описывающих этого человека, группу или организацию. Попросите учащихся определить принципы дизайна, которые они могут использовать, чтобы выразить описательные слова при создании эскиза концепций логотипа на бумаге. Объясните учащимся, что они могут использовать любые изображения из проекта 1. Попросите учащихся записать свои первоначальные задачи в бланке «Рецензирование и доработка логотипов». Бланк «Рецензирование и доработка логотипов»
Ñîçäàíèå ëîãîòèïà Рекомендуемое время: 100—150 минут. 7. Обсудите возможные размеры холста для логотипов. Стандартными размерами считаются: 79 × 51 пикселов (очень маленькие), 150 × 25 пикселов, 125 × 144 пиксела и 243 × 103 пиксела. Расскажите учащимся, как создавать новый документ в программе Photoshop, и объясните, какие настройки можно изменять. В их числе: • размер документа; • разрешение; • цветовой режим (CMYK, RGB, градации серого и т. д.); • цвет фона. Раздел с пошаговыми инструкциями по программе Photoshop «Создание нового документа». 8. Объясните, как пользоваться линейками и направляющими в программе Photoshop, в том числе как изменять единицы измерения линеек. 9. Познакомьте учащихся с инструментами рисования, начертания и редактирования изображений, например инструментами Кисть (Brush) и Карандаш (Pencil), инструментом Линия (Line), инструментами группы «Фигура» и инструментом Ластик (Eraser). Обсудите различия между растровой и векторной графикой. Раздел «Как использовать инструменты рисования». Раздел «Как использовать инструменты начертания». Раздел «Растровые и векторные изображения». Ïðèìå÷àíèå: Åñëè ó÷àùèåñÿ ãîòîâÿòñÿ ê ñäà÷å ýêçàìåíà Visual Communication â ðàìêàõ ñåðòèôèêàöèè Adobe Certified Associate, ïîçíàêîìüòå èõ ñ êîíöåïöèåé íàëîæåíèÿ öâåòîâ è ðàññêàæèòå, êàê ñ ïîìîùüþ èíñòðóìåíòà Ìèêñ-Êèñòü (Mixer Brush) ìîæíî óêàçûâàòü íåñêîëüêî öâåòîâ íà êîí÷èêå êèñòè, ñìåøèâàòü è íàêëàäûâàòü èõ íà íèæåëåæàùèå öâåòà õîëñòà ëèáî êàê ïðè ïîìîùè ñóõîé êèñòè íàêëàäûâàòü öâåòà íà ôîòîãðàôèþ, èìèòèðóÿ ðåàëèñòè÷íûå òåõíèêè æèâîïèñè.
10.
Познакомьте учащихся с векторными масками — полезным инструментом, который позволяет скрывать определенные части изображения.
Раздел «Как использовать инструменты выделения».
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
11.
163
Познакомьте учащихся с текстовыми эффектами, например, эффектом Скос и тиснение (Bevel and Emboss).
Раздел «Как вставлять текст в изображения». 12.
Предоставьте учащимся время на разработку логотипов.
Ðåöåíçèðîâàíèå è âíåñåíèå èçìåíåíèé Рекомендуемое время: 20—30 минут. 13.
Обсудите с учащимися понятия рецензирование и внесение изменений. Выясните, какую роль играет этап внесения изменений в рабочем процессе учащихся и почему этот этап может оказаться полезным при подготовке дизайна. Сформулируйте определения и обсудите с учащимися возможные шаги или вопросы, которые станут подспорьем в процессе внесения изменений в продукт. Можно обсудить следующие моменты: • достижение первоначальных целей и задач, и соответствие целевой аудитории; • изменение направления деятельности, задач или целевой аудитории; • отражение принципов хорошего дизайна.
14.
Попросите учащихся самостоятельно проанализировать свои логотипы с точки зрения достижения первоначальных задач и применяемых принципов дизайна.
Бланк «Рецензирование и доработка логотипов». 15.
Когда учащиеся завершат анализ своих логотипов, предоставьте им время на внесение изменений в логотипы, если это необходимо.
Îïòèìèçàöèÿ è îêîí÷àòåëüíàÿ ïîäãîòîâêà èçîáðàæåíèé Рекомендуемое время: 50—100 минут. 16.
Объясните учащимся, что они должны подготовить несколько версий логотипов для вставки в цветные и черно-белые печатные документы, а также для публикации в Интернете и видеомонтажа. Обсудите вопросы оптимизации изображений и важность правильного выбора формата файла. Вот некоторые темы для обсуждений: • различие между напечатанными изображениями и изображениями, отображаемыми на экране монитора (дюймы и пикселы, отличия в размерах, масштабирование и интерполяция, точки красителя и RGB-значения); • форматы файлов (например, GIF, JPEG, TIFF, EPS и PDF); • разрешение изображения (например, пикселы в сравнении с дюймами; пикселы на дюйм (ppi — pixels per inch) и точки на дюйм (dpi — dots per inch) при обычной печати, пикселы при публикации изображения в Интернете, а также линиатура растра при печати в типографии); • сохранение качества изображения в процессе его обработки;
164
ÏÐÎÅÊÒ 2. Ëîãîòèïû
• стандарты телевещания, используемые при создании видеоклипа (например, NTSC и HDTV), помогающие выбрать подходящий набор настроек для изображения, которое будет выводиться на телеэкран; • необходимость избегать тонких линий (тоньше 2 пикселов), т. к. чересстрочная развертка может создавать эффект мерцания при выводе изображения на телеэкран; • необходимость применения фильтра Цвета NTSC (NTSC Colors) при работе с цветами для видео, поскольку из-за насыщенных или ярких цветов могут возникнуть искажения цветопередачи. Ïðèìå÷àíèå: Ïðè îáñóæäåíèè ôîðìàòîâ ôàéëîâ áóäåò ïîëåçíî ïåðå÷èñëèòü íàèáîëåå ïîäõîäÿùèå ôîðìàòû äëÿ ïóáëèêàöèè â Èíòåðíåòå (JPG, GIF, PNG), äëÿ ôîòîãðàôèé (PSD, TIFF, JPG, PDF, DICOM, Large Document Format (PSB)), äëÿ êîììåð÷åñêîé ïå÷àòè (TIFF, EPS, PDF, PSD, DCS), äëÿ âèäåî (PSD, TGA, PICT) è äëÿ ïðîãðàìì PowerPoint/Word (PNG).
Раздел «Как генерировать файлы в различных форматах». 17.
Предоставьте учащимся время на подготовку логотипов для последующей публикации в Интернете, печати и видеомонтажа, и пусть они сохранят текущие настройки в виде шаблонов для дальнейшего использования.
Ïðåçåíòàöèÿ ðàáîòû Рекомендуемое время: 50—100 минут. 18.
Объясните учащимся, что каждый из них должен представить классу три логотипа и включить в презентацию следующую информацию: • принятые дизайнерские решения по каждому из логотипов и настройки, использованные при подготовке изображения для каждой среды передачи информации (Интернет, печать, видео), в том числе тип файла, его размер и разрешение для каждой версии и ситуации; • пояснение любых изменений, которые были внесены на этапе рецензирования и доработки; • какие новые знания были получены в процессе выполнения данного проекта и что еще хотелось бы узнать.
ÄÎÏÎËÍÈÒÅËÜÍÛÅ ÇÀÄÀÍÈß Проект можно дополнить следующими заданиями. •
Дизайнерская деятельность. Предложите учащимся познакомиться с цветовыми схемами, представленными в рамках сервиса Kuler на сайте Adobe labs по адресу kuler.adobe. com. Разбив учащихся на небольшие группы, предложите им выбрать наиболее понравившуюся цветовую схему и объяснить, где можно применить данную схему и каким образом она может помочь решить поставленную задачу.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
•
165
Оптимизация дизайна. Выберите среди логотипов учащихся один, обладающий сложным цветовым решением и эффектами. Пусть учащиеся попробуют оптимизировать этот логотип, чтобы получить файл с меньшим размером, чем размер файла исходной версии автора, предназначенной для публикации в Интернете, сохранив при этом внешний вид и качество логотипа. Предложите учащимся проголосовать за вариант с наилучшим качеством и наименьшим размером файла.
ÎÖÅÍÊÀ •
По нескольким критериям, представленным далее в разделе «Критерии оценки».
ÐÅÑÓÐÑÛ ÄËß ÄÎÏÎËÍÈÒÅËÜÍÎÉ ÏÎÄÃÎÒÎÂÊÈ • • • •
Просмотрите разделы с пошаговыми инструкциями для учащихся, используемые в данном проекте. Видеоуроки, которые соответствуют навыкам, необходимым для выполнения этого проекта, можно найти на сайте Adobe TV в демонстрации Visual Design CS5 по адресу tv.adobe.com/show/visual-design-cs5/. Обзор интерфейса и дополнительную информацию по техническим аспектам программы Photoshop можно найти в справке программы. В этом проекте можно использовать следующую книгу по дизайну: – Lawler, B. (2006). The Official Adobe Print Publishing Guide, Second Edition. Berkeley: Adobe Press.
Ëîãîòèïû •
• •
Вы можете заранее загрузить и подготовить примеры логотипов следующих организаций: – некоммерческие организации; – крупные предприятия; – небольшие местные организации; – спортивные команды; – средства массовой информации; – интернет-компании. Короткая статья на тему создания дизайна логотипов доступна по адресу www.webdesignfromscratch.com/logos.cfm. Статья, в которой описываются разновидности логотипов и советы по их созданию, доступна по адресу www.grantasticdesigns.com/logos1.html.
Ãðàôè÷åñêèé äèçàéí • •
Просмотрите презентацию «Введение в графический дизайн». Статья, посвященная принципам дизайна, доступна по адресу www.digital-web.com/ articles/principles_of_design.
166
ÏÐÎÅÊÒ 2. Ëîãîòèïû
•
Демонстрация принципов дизайна в формате «до и после» доступна по адресу desktoppub. about.com/od/designprinciples/l/aa_pod2.htm.
•
Краткое введение в теорию графического дизайна, освещающее аспекты, которые необходимо учитывать как при создании произведения искусства, так и при разработке графического макета, можно найти по адресу www.usask.ca/education/coursework/skaalid/ theory/cgdt/designtheory.htm.
•
Краткое обсуждение основных принципов дизайна доступно по адресу char.txa.cornell. edu/language/principl/principl.htm
•
Определения и примеры элементов и принципов дизайна можно найти по адресу www. johnlovett.com/test.htm.
•
Определения принципов графического дизайна доступны по адресу www.msu. edu/~glazered/tc801/graphic.html.
Òåîðèÿ öâåòà •
Обзор теории цвета и цветового круга можно найти по адресу www.colormatters.com/ colortheory.html.
•
Учебное пособие по теории цвета доступно по адресу www.worqx.com/color/.
•
Сайт, посвященный вопросам выбора цвета, где можно принять участие в дискуссии и обсудить терминологию, находится по адресу kuler.adobe.com.
Ïðîöåññ ðàçðàáîòêè äèçàéíà •
В данной статье, представленной на сайте design-lib.com design libraries, перечислены вопросы, возникающие в процессе разработки дизайна: www.design-lib.com/guidelines-tographic-design-process-gd.php.
Êëþ÷åâûå ïîíÿòèÿ •
Логотип.
•
Цветовой круг.
•
Цветовой тон.
•
Насыщенность.
•
Цветность.
•
Интенсивность цвета.
•
Тон.
•
Оттенок.
•
Яркость.
•
Цветовая модель RGB.
•
Цветовая модель CMYK.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
• • • • • • • • • • • • • • • • •
167
Цветовая гамма. Цветовые профили. Управление цветом. Формат файла. Разрешение. Оптимизация. Рецензирование. Внесение изменений. Векторная графика. Растровая графика. Единство/группировка. Баланс. Выравнивание. Гармония/пропорция. Свободное пространство. Повторяемость. Пикселы.
ÑÒÀÍÄÀÐÒ ISTE NETS*S ÄËß Ó×ÀÙÈÕÑß Это проект соответствует стандартам ISTE NETS*S — стандартам использования высоких технологий в образовании. В зависимости от выбранной учащимся темы и предметного содержания вам может потребоваться изучить стандарты вашего государства или штата, чтобы выяснить, соответствует ли данный проект установленным требованиям. ISTE NETS*S: программа образования и предметное содержание стандартов — NETS для учащихся. 1. Творчество и инновации. Учащиеся демонстрируют творческое мышление, исследовательские подходы и разрабатывают инновационные продукты и процессы с использованием технологии. Учащиеся: a) применяют имеющиеся знания для получения новых идей, продуктов или процессов; b) создают оригинальные произведения как средство выражения личности или группы. 2. Коммуникации и сотрудничество. Учащиеся используют цифровые средства и среды для общения и коллективной работы, в том числе на расстоянии, поддержки индивидуального обучения и возможности обучения других. Учащиеся: b) эффективно распространяют информацию и идеи для разных аудиторий с использованием различных средств и форматов.
168
ÏÐÎÅÊÒ 2. Ëîãîòèïû
3. Исследования и информационная компетентность. Учащиеся умеют применять цифровые инструменты для сбора, оценки и использования информации. Учащиеся: c) оценивают и отбирают источники информации и цифровые средства на основе целесообразности для конкретных задач. 4. Критическое мышление, решение проблем и принятие решений. Учащиеся используют умение критически мыслить для планирования и проведения научных исследований, управления проектами, решения проблем и принятия обоснованных решений, используя соответствующие цифровые инструменты и ресурсы. Учащиеся: b) планируют и управляют деятельностью по разработке решения или выполнения проекта. 5. Цифровое гражданство. Учащиеся понимают гуманитарные, культурные и социальные вопросы, связанные с информационными технологиями и практикой легального и этического поведения. Учащиеся: c) демонстрируют личную ответственность за постоянное повышение квалификации. 6. Применение технологии и технологические концепции. Учащиеся демонстрируют четкое понимание технологических концепций и систем и их применения. Учащиеся: a) понимают и используют технологические системы; b) эффективно и продуктивно выбирают и используют приложения.
ÑÅÐÒÈÔÈÊÀÖÈß ADOBE CERTIFIED ASSOCIATE, ÇÀÄÀ×È ÝÊÇÀÌÅÍÀ VISUAL COMMUNICATION 1.1
Определение цели, аудитории и потребностей аудитории для подготовки изображения.
2.1
Демонстрация понимания разрешения и размеров изображения, а также знание форматов файлов изображений для Интернета, видео и печати.
2.2
Демонстрация знания принципов дизайна, элементов и композиции изображений.
2.5
Демонстрация знания устройств генерации изображений, их результирующие типы изображений и как обращаться к результирующим изображениям из программы Photoshop.
2.6
Понимание ключевой терминологии для цифровых изображений.
3.2
Демонстрация понимания слоев и масок.
3.3
Демонстрация понимания операций импортирования, экспортирования, организации и сохранения.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
169
3.5
Демонстрация понимания и умения выбирать подходящие свойства и опции, необходимые для подбора цветов.
4.1
Демонстрация умения работать с выделениями и инструментами измерения.
4.2
Использование пособий и руководств по программе Photoshop.
4.4
Настройка или коррекция тонального диапазона, цвета или искажения изображения.
4.6
Демонстрация знания процесса рисования.
4.7
Демонстрация знания процесса печатания.
5.1
Демонстрация знания процесса подготовки изображений для Интернета, печати и видео.
ÊÐÈÒÅÐÈÈ ÎÖÅÍÊÈ 0 — ниже ожидаемого
3 — соответствует ожиданиям
5 — превосходит ожидания
Коллективное обсуждение
Отсутствует или не завершено
Определены лицо, группа лиц или организация, для которых будет создаваться логотип. Помимо словесного описания целей и задач логотипа подготовлен эскиз логотипа
Определены лицо, группа лиц или организация, для которых будет создаваться логотип. Помимо четкого словесного описания целей и задач логотипа подготовлен эскиз логотипа
Логотип — содержимое
Отсутствует или неполное
Логотип отражает цели и задачи лица, группы лиц или организации, для которых он разрабатывается
Логотип четко и эффективно отражает цели и задачи лица, группы лиц или организации, для которых он разрабатывается
Логотип для цветной печати
Отсутствует или не завершен
Для логотипа использованы подходящий формат файла и размер, пригодный для цветной печати. При создании логотипа применялись подходящие принципы теории цвета и дизайна
Цели и задачи логотипа абсолютно понятны. Для логотипа использованы подходящий формат файла и размер, пригодный для цветной печати. При создании логотипа четко и эффективно применялись подходящие принципы теории цвета и дизайна
Логотип Отсутствует для черно-белой или не заверпечати шен
Для логотипа использованы подходящий формат файла и размер, пригодный для черно-белой печати. При создании логотипа применялись подходящие принципы теории цвета и дизайна
Цели и задачи логотипа абсолютно понятны. Для логотипа использованы подходящий формат файла и размер, пригодный для черно-белой печати. При создании логотипа четко и эффективно применялись подходящие принципы теории цвета и дизайна
170
ÏÐÎÅÊÒ 2. Ëîãîòèïû
0 — ниже ожидаемого
3 — соответствует ожиданиям
Логотип для публикации в Интернете
Отсутствует или не завершен
Для логотипа использованы подходящий формат файла и размер, пригодный для публикации в Интернете. При создании логотипа применялись подходящие принципы теории цвета и дизайна
Логотип для вставки в видео
Отсутствует или не завершен
Для логотипа использованы подходящий формат файла и размер, пригодный для вставки в видео. При создании логотипа применялись подходящие принципы теории цвета и дизайна
Презентация
Отсутствует или неполная
В презентации отражено обоснование выбора формата файла, размера и разрешения, согласно сценарию использования каждого конечного продукта. В презентации поясняется, каким образом логотипы отвечают поставленным задачам, и уточняется, какие изменения были внесены на этапе анализа и доработки. Презентация отражает, какие навыки были получены учащимися и какие навыки они еще хотели бы получить
5 — превосходит ожидания Цели и задачи логотипа абсолютно понятны. Для логотипа использованы подходящий формат файла и размер, пригодный для публикации в Интернете. При создании логотипа четко и эффективно применялись подходящие принципы теории цвета и дизайна Цели и задачи логотипа абсолютно понятны. Для логотипа использованы подходящий формат файла и размер, пригодный для вставки в видео. При создании логотипа четко и эффективно применялись подходящие принципы теории цвета и дизайна Презентация понятна и убедительна. Обоснование выбора формата файла, размера и разрешения, согласно сценарию использования каждого конечного продукта, является кратким и логичным. В презентации понятно объясняется, каким образом логотипы отвечают поставленным задачам, и уточняется, какие изменения были внесены на этапе анализа и доработки. Презентация отражает, какие навыки были получены учащимися и что еще они хотели бы узнать и почему
ÏÐÈÍÖÈÏÛ ÄÈÇÀÉÍÀ Имя: ________________________________________________ Дата: _______________ Акцент/контраст _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
171
Единство/группировка _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Баланс _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Выравнивание _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Гармония/пропорции _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Свободное пространство _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Повторяемость _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
172
ÏÐÎÅÊÒ 2. Ëîãîòèïû
Цвет _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Другие принципы дизайна _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÇÍÀÊÎÌÑÒÂÎ Ñ ÓÏÐÀÂËÅÍÈÅÌ ÖÂÅÒÎÌ Работая с изображениями, вам, скорее всего, приходится переносить их с одного устройства на другое. Например, вы можете отсканировать изображение, просмотреть его на мониторе домашнего компьютера, распечатать на струйном принтере, чтобы оценить, как оно выглядит, и, наконец, отдать в профессиональную печать. На каждом из указанных этапов цвета могут выглядеть по-разному. Причина состоит в следующем: каждое из перечисленных устройств обладает ограниченной цветовой гаммой. Цветовая гамма определяет, сколько цветов способно отобразить данное устройство. В конце концов, ни одно устройство не способно воспроизвести весь диапазон цветов, воспринимаемых человеческим глазом. Например, для отображения цветов на мониторах используется цветовая модель RGB. В данном случае цвет создается за счет сочетания красного, зеленого и синего спектров света. Поскольку в этой системе цвет зависит от света, цветовая модель RGB, как правило, лучше формирует яркие цвета наподобие неоновой вывески и хуже — тусклые: оттенки черного и некоторые пастельные тона. Цветовая модель CMYK, напротив, используется в 4-цветных принтерах, а цвета формируются путем смешения голубого, пурпурного, желтого и черного цветов. Поскольку восприятие цвета зависит от отраженных от страницы световых лучей, цветовая модель CMYK, как правило, лучше передает пастельные оттенки и чисто черный цвет. Цвета могут выглядеть по-разному в зависимости от следующих обстоятельств: • Отличаются источники получения изображения — изображение получено при помощи фотоаппарата либо отсканировано. • Способ описания цветов программным обеспечением. • Выбор бумажного носителя. Например, газетная бумага позволяет передать меньшую цветовую гамму, чем журнальная бумага. • Естественная разница между устройствами — мониторы различаются по производителям и возрасту.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
173
Каждое устройство работает в рамках конкретного цветового пространства, которое может составлять определенный цветовой диапазон или гамму. Из-за подобных несовпадений цветовых пространств при передаче документа от одного устройства к другому одни и те же цвета могут выглядеть по-разному. Например, если вы отсканируете изображение, на котором присутствует оттенок синего цвета со значениями R 25, G 200, B 225, результат может незначительно отличаться от того, что вы увидите при выводе этой картинки на экран или на печать. Профили монитора описывают, каким образом происходит отображение цветов в текущий момент. Этот профиль сначала необходимо создать, потому как работа дизайнера требует точного отображения цветов на экране. Если цвета, которые вы видите на мониторе, не соответствуют действительности, вы не сможете обеспечить единство цвета. За дополнительными сведениями о создании профилей мониторов обратитесь к разделу «Профили мониторов» справки программы Photoshop. Профили устройств ввода описывают цвета, которые данное устройство ввода способно захватить или отсканировать. Если цифровой фотоаппарат поддерживает несколько профилей, специалисты корпорации Adobe рекомендуют выбирать цветовой профиль Adobe RGB. В противном случае можно использовать профиль с пространством sRGB (этот профиль используется по умолчанию в большинстве фотоаппаратов). Профили устройств вывода описывают цветовое пространство таких устройств вывода, как настольный принтер или печатная машина. Если изображение выводится на печать через настольный принтер, то задать настройки цветового профиля можно в диалоговом окне Печать (Print). В момент печати система управления цветом соотносит цвета в документе с гаммой цветового пространства устройства вывода. В идеале в выходном профиле также должны учитываться конкретные условия печати, такие как тип бумаги и чернил. Например, на глянцевой бумаге можно передать более широкий диапазон различных цветов, чем на матовой. Большинство современных струйных принтеров поддерживают профили, позволяющие учитывать ряд таких условий; чтобы достичь наилучшего результата, эти профили необходимо соответствующим образом настраивать.
ÓÏÐÀÂËÅÍÈÅ ÖÂÅÒÎÌ ÏÐÈ ÎÒÊÐÛÒÈÈ ÔÀÉËÎÂ Проблема работы с различными цветовыми пространствами может быть решена при помощи системы управления цветом, например системы, входящей в состав программы Adobe Photoshop CS5 Extended. Данная система автоматически управляет большинством настроек, однако понимание принципов управления цветом бывает полезным при решении внезапно возникающих проблем с изображением. Программа Photoshop предоставляет возможность управлять способами интерпретации цветовых профилей открываемых файлов. Эти параметры задаются в диалоговом окне Настройка цветов (Color Settings), вызываемом через меню Редактирование (Edit). Настройки параметров диалогового окна Настройка цветов (Color Settings) влияют на способ формирования цвета как при использовании цветовой модели RGB, так и при использовании
174
ÏÐÎÅÊÒ 2. Ëîãîòèïû
цветовой модели CMYK. Цвета, которые будут отображаться на экране после выбора одного из режимов (RGB или CMYK) в меню Изображение ⇒ Режим (Images ⇒ Mode), определяются настройками параметров диалогового окна Настройка цветов (Color Settings).
ÑÒÀÍÄÀÐÒÍÛÅ ÍÀÁÎÐÛ ÍÀÑÒÐÎÅÊ Â ÄÈÀËÎÃÎÂÎÌ ÎÊÍÅ ÍÀÑÒÐÎÉÊÀ ÖÂÅÒÎÂ Несмотря на то, что вы можете настраивать параметры диалогового окна Настройка цветов (Color Settings) по своему усмотрению, корпорация Adobe предлагает вашему вниманию ряд стандартных наборов настроек. Они перечислены в раскрывающемся списке Настройки (Settings), расположенном в верхней части диалогового окна Настройка цветов (Color Settings). Специалисты корпорации Adobe протестировали эти настройки на большинстве типов мониторов (для вывода на экран) и принтеров (для печатной продукции), встречающихся в Европе. Вот четыре набора настроек, которые могут оказаться полезными в различных ситуациях: • Универсальные настройки для Европы 3 (Europe General Purpose 3). Отлично подходит как для экспорта изображений в форматы файлов, используемых как для Интернета, так и для печати. Например, в этом наборе применяется настройка sRGB IEC61966-2.1 для рабочего пространства RGB. Указанное рабочее пространство отражает возможности большинства компьютерных мониторов, бюджетных принтеров и сканеров. • Web/Интернет для Европы 2 (Europe Web/Internet 2). Отлично подходит для экспорта изображений, которые будут использоваться только в Интернете. Все изображения конвертируются в рабочее пространство sRGB IEC61966-2.1. • Допечатная подготовка для Европы 3 (Europe Prepress 3). Отлично подходит для экспорта изображений с последующей печатью в типографии. Например, для рабочего пространства RGB в этом наборе применяется настройка Adobe RGB (1998). Указанное рабочее пространство отражает диапазон RGB-цветов, который наиболее близок к диапазону цветовой модели CMYK (именно данная цветовая модель применяется в печатных машинах).
ÊÀÊ ÏÐÎÃÐÀÌÌÀ PHOTOSHOP ÎÁÐÀÁÀÒÛÂÀÅÒ ÖÂÅÒÎÂÛÅ ÏÐÎÑÒÐÀÍÑÒÂÀ Â ÎÒÊÐÛÒÛÕ ÔÀÉËÀÕ При открытии файла программа Photoshop сравнивает его цветовое пространство с настройками цветов, указанными в диалоговом окне Настройка цветов (Color Settings). Если для параметра Несовпадение профилей установлен флажок Спрашивать при открытии (Ask When Opening), то, обнаружив цветовое пространство, отличное от заданного, программа Photoshop спросит вас о дальнейших действиях. Если этот флажок сброшен, программа Photoshop автоматически приведет цвета в соответствие с настройками, указанными в диалоговом окне Настройка цветов (Color Settings). Например, если открываемое изображение было создано в цветовом пространстве sRGB IEC61966-2.1, а в настройках диалогового окна Настройка цветов (Color Settings) указано рабочее пространство Adobe RGB (1998), программа Photoshop преобразует цвета из пространства sRGB в пространство Adobe RGB.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
175
Чтобы указать необходимые параметры в диалоговом окне Настройка цветов (Color Settings): 1. Запустите программу Photoshop. 2. Выберите команду меню Редактирование ⇒ Настройка цветов (Edit ⇒ Color Settings). Откроется диалоговое окно Настройка цветов (Color Settings) (рис. 2.1). В раскрывающемся списке Настройки (Settings) выберите один из нескольких предустановленных наборов настроек. В большинстве случаев при подготовке изображений для печати можно выбрать набор Универсальные настройки для Европы 3 (Europe General Purpose 3). Эти параметры были протестированы корпорацией Adobe на предмет совместимости с большинством мониторов (для вывода на экран) и принтеров (для печати) в Европе. 3. Чтобы увидеть дополнительную информацию о параметрах диалогового окна Настройка цветов (Color Settings), наведите указатель мыши на интересующий вас параметр. Информация будет отображена в области Описание (Description), расположенной в нижней части диалогового окна.
Рис. 2.1. Диалоговое окно Настройка цветов
176
ÏÐÎÅÊÒ 2. Ëîãîòèïû
4. В раскрывающемся списке Настройки (Settings) выберите значение Допечатная подготовка для Европы 3 (Europe Prepress 3) и обратите внимание на то, как изменились настройки остальных параметров. Имейте в виду, что настройки набора Допечатная подготовка для Европы 3 (Europe Prepress 3) оптимизированы для изображений, которые будут печататься в типографии, и поэтому для параметра RGB программа Photoshop устанавливает значение Adobe RGB (1998). В наборе настроек Допечатная подготовка для Европы 3 (Europe Prepress 3) флажок Спрашивать при открытии (Ask When Opening) установлен для того, чтобы обеспечить единство цветов при импорте изображений.
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÝÊÐÀÍÍÛÕ ÖÂÅÒÎÏÐÎÁ Функция экранной цветопробы позволяет получить «отпечаток» изображения на экране. Точнее, функция экранной цветопробы дает возможность путем изменения настроек отображения цветов имитировать цвета, которые будут фактически получены при печати. Чтобы воспользоваться функцией экранной цветопробы: 1. Запустите программу Photoshop и откройте изображение. По возможности выберите изображение с широкой цветовой гаммой, чтобы отчетливо увидеть результаты применения экранных цветопроб. Для начала вы получите экранную цветопробу изображения, которая соответствует печати при использовании цветовой модели CMYK. 2. Выберите команду меню Просмотр ⇒ Варианты цветопробы ⇒ Формы CMYK (View ⇒ Proof Setup⇒ Working CMYK) (рис. 2.2). Затем внимательно посмотрите на цвета изображения. Вы должны заметить небольшой цветовой сдвиг. Ïðèìå÷àíèå: Âåëè÷èíà öâåòîâîãî ñäâèãà çàâèñèò îò òåêóùèõ íàñòðîåê â äèàëîãîâîì îêíå Íàñòðîéêà öâåòîâ (Color Settings), öâåòîâ èçîáðàæåíèÿ è äðóãèõ ôàêòîðîâ.
Теперь вы получите экранную цветопробу изображения, которая соответствует печати на струйном принтере. 3. Выберите команду меню Просмотр ⇒ Варианты цветопробы ⇒ Заказной (View ⇒ Proof Setup ⇒ Custom). Откроется диалоговое окно Параметры заказной цветопробы (Customize Proof Condition) (рис. 2.3). 4. Убедитесь, что флажок Просмотр (Preview) установлен.
Рис. 2.2. Вариант цветопробы в режиме CMYK
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
177
Рис. 2.3. Диалоговое окно Параметры заказной цветопробы
Это позволит просматривать изменения на экране в реальном режиме времени. 5. В раскрывающемся списке Имитировать устройство (Device To Simulate) выберите значение Kodak 5205/7205 Printing Density (by Adobe) (Плотность печати Kodak 5205/7205 (Adobe)). Программа Photoshop отобразит изображение на экране в том виде, как оно выглядело бы на фотографии, распечатанной с фотопленки Kodak 5205/7205 (рис. 2.4). Обратите внимание на то, как изменилось изображение.
Рис. 2.4. Вариант цветопробы для фотопленки Kodak 5205/7205
6. Щелкните по кнопке Отмена (Cancel), чтобы закрыть диалоговое окно Параметры заказной цветопробы (Customize Proof Condition), не сохраняя изменения.
ÓÏÐÀÂËÅÍÈÅ ÖÂÅÒÎÌ ÏÐÈ ÏÅ×ÀÒÈ Параметры управления цветом можно настраивать также и для печати изображения на принтере. В группе элементов управления Управление цветом (Color Management) диалогового окна Печать (Print) можно указать, как будет осуществляться управление цветом — программой Photoshop или принтером, а также выбрать другие настройки, относящиеся к управлению цветом.
178
ÏÐÎÅÊÒ 2. Ëîãîòèïû
Большинство современных струйных фотопринтеров поставляется вместе с драйверами, которые содержат в себе довольно точные цветовые профили. Позволяя принтеру самостоятельно выбирать профиль для печати изображения, вы экономите время и можете получить в конечном счете наилучший результат. Чтобы отобразить параметры группы элементов управления Управление цветом (Color Management) в диалоговом окне Печать (Print): 1. Откройте изображение в программе Photoshop. 2. Выберите команду меню Файл ⇒ Печатать (File ⇒ Print). (Для выполнения данного упражнения нет необходимости подключать принтер к компьютеру.) Откроется диалоговое окно Печать (Print) (рис. 2.5). В раскрывающемся списке, расположенном в правом верхнем углу диалогового окна, должно быть выбрано значение Управление цветом (Color Management). 3. Если значение Управление цветом (Color Management) не выбрано, вам необходимо выбрать его. 4. Наведите указатель мыши на раскрывающиеся списки в Управление цветом (Color Management), Профиль принтера (Printer Profile) и Метод рендеринга (Rendering Intent).
Рис. 2.5. Диалоговое окно Печать
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
179
Информация о значении, выбранном в каждом из этих раскрывающихся списков, отображается в правом нижнем углу диалогового окна. Например, в раскрывающемся списке Управление цветом (Color Handling) выбрано значение Цветом управляет принтер (Printer Manages Colors). Эта настройка поручает принтеру определять, как обрабатывать цвета при печати. 5. После того как вы ознакомитесь с доступными параметрами, щелкните по кнопке Отмена (Cancel), чтобы закрыть диалоговое окно Печать (Print).
ÏÀÐÀÌÅÒÐ ÌÅÒÎÄ ÐÅÍÄÅÐÈÍÃÀ Параметр Метод рендеринга (Rendering Intent) определяет способ преобразования цветов из одной системы в другую. При выводе на печать происходит преобразование цветов из одного цветового пространства (программа Photoshop) в другое (принтер). Параметр Метод рендеринга (Rendering Intent) устанавливает правила, согласно которым осуществляется преобразование цветов. Результат применения того или иного метода зависит от цветов изображения и текущих настроек параметров диалогового окна Настройка цветов (Color Settings). Некоторые профили выдают одинаковые результаты при разных настройках параметра Метод рендеринга (Rendering Intent). Программа Photoshop по умолчанию определяет методы рендеринга в соответствии с профилем, выбранным в диалоговом окне Настройка цветов (Color Settings). Например, если вы выбрали настройки цвета для Северной Америки или Европы, то по умолчанию для параметра Метод рендеринга (Rendering Intent) будет установлено значение Относительный колориметрический (Relative Colorimetric). В общем случае, имеет смысл использовать настройки по умолчанию, тем более если вы только приступили к изучению вопросов управления цветом.
ÐÅÖÅÍÇÈÐÎÂÀÍÈÅ È ÄÎÐÀÁÎÒÊÀ ËÎÃÎÒÈÏÎÂ Имя учащегося: _____________________________________ Дата: _________________ Вопросы этого бланка помогут вам сконцентрироваться на рецензировании и доработке созданных логотипов. Вопросы делятся на следующие четыре категории: •
достижение первоначальных целей;
•
постановка новых целей;
•
отражение принципов хорошего дизайна;
•
составление плана доработки.
180
ÏÐÎÅÊÒ 2. Ëîãîòèïû
ÄÎÑÒÈÆÅÍÈÅ ÏÅÐÂÎÍÀ×ÀËÜÍÛÕ ÖÅËÅÉ Каковы были ваши первоначальные цели в отношении логотипа? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Созданный вами логотип соответствует первоначальным целям? Почему? Или почему нет? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÏÎÑÒÀÍÎÂÊÀ ÍÎÂÛÕ ÖÅËÅÉ Возникли ли у вас новые цели в отношении логотипов? Если да, что вас заставило пересмотреть первоначальные цели? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÎÒÐÀÆÅÍÈÅ ÏÐÈÍÖÈÏÎÂ ÕÎÐÎØÅÃÎ ÄÈÇÀÉÍÀ Какие элементы и принципы дизайна вы первоначально применяли при создании логотипа? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Хотите ли вы включить в логотипы новые элементы или применить к ним иные принципы дизайна? Если да, то опишите их и поясните, почему вы хотите их использовать. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
181
ÑÎÑÒÀÂËÅÍÈÅ ÏËÀÍÀ ÄÎÐÀÁÎÒÊÈ Какие изменения вы хотите внести с помощью новых элементов и принципов проектирования? Наряду с описанием данных изменений, нарисуйте новый эскиз. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÑÎÇÄÀÍÈÅ ÍÎÂÎÃÎ ÄÎÊÓÌÅÍÒÀ При создании нового документа в программе Adobe Photoshop CS5 необходимо указать такие параметры, как разрешение, цветовой режим и размеры. Выбор настроек параметров зависит от типа создаваемого изображения. Несмотря на то, что значения этих параметров можно будет изменить позже, лучше всего правильно установить их с самого начала. Иногда изменение значений параметров в процессе работы может негативно сказаться на внешнем виде изображения. Чтобы создать новый документ: 1. Запустите программу Photoshop. 2. Выберите команду меню Файл ⇒ Создать (File ⇒ New). Откроется диалоговое окно Новый (New) (рис. 2.6). 3. Вначале присвойте документу имя, например, «Логотип», указав его в поле ввода Имя (Name). 4. Укажите ширину (поле ввода Ширина (Width)) и высоту (поле ввода Высота (Height)) изображения в дюймах . Чтобы в качестве единиц измерения установить дюймы, в раскрывающихся списках, расположенных справа от параметров Ширина (Width) и Высота (Height), выберите значение дюймы (inches). Ïðèìå÷àíèå:  ðàñêðûâàþùåìñÿ ñïèñêå Íàáîð (Preset) ìîæíî âûáðàòü îäèí èç ñòàíäàðòíûõ ðàçìåðîâ äîêóìåíòîâ. Îáðàòèòå âíèìàíèå, ÷òî â ðàñêðûâàþùåìñÿ ñïèñêå Íàáîð (Preset) òàêæå îòîáðàæàþòñÿ è èìåíà îòêðûòûõ äîêóìåíòîâ. Ïðè âûáîðå èìåíè îòêðûòîãî äîêóìåíòà ïðîãðàììà Photoshop çàïîëíèò ñîîòâåòñòâóþùèå ïîëÿ ââîäà, èñïîëüçóÿ çíà÷åíèÿ ïàðàìåòðîâ âûáðàííîãî äîêóìåíòà. Áëàãîäàðÿ ýòîé ôóíêöèè ìîæíî áûñòðî ñîçäàâàòü áîëüøîå ÷èñëî èçîáðàæåíèé ñ îäèíàêîâûìè íàñòðîéêàìè.
5. Укажите разрешение для изображения. Если вы собираетесь создавать изображение для последующей печати, подходящим разрешением будет 300 пикселов/дюйм. (Лучше всего устанавливать разрешение на максимально
182
ÏÐÎÅÊÒ 2. Ëîãîòèïû
необходимом для ваших потребностей уровне. Если необходимо создать логотип для печати и использования в Интернете, установите оптимальное для печати разрешение в 300 пикс/ дюйм (ppi).) 6. В раскрывающемся списке Цветовой режим (Color Mode) выберите значение Цвета RGB (RGB Color). Также можно выбрать значение В градациях серого (Grayscale) или Цвета CMYK (CMYK Color). В основном режим Цвета CMYK (CMYK Color) следует использовать только в том случае, если вы знаете, что печать в типографии осуществляется офсетным способом. Даже если на данном этапе вы выберите режим Цвета RGB (RGB Color), в последующем, перед отправкой изображения в печать, его можно будет преобразовать в режим Цвета CMYK (CMYK Color).
Рис. 2.6. Диалоговое окно Новый
7. Выберите цвет фона в раскрывающемся списке Содержимое фона (Background Contents) (это значение впоследствии можно будет изменить): • Белый (White) заполняет фон белым цветом, который является цветом фона по умолчанию. • Цвет фона (Background Color) заполняет фон текущим цветом фона. • Прозрачный (Transparent) делает фон прозрачным (отображается в виде черно-белого узора «шахматная доска»). Эта возможность полезна, когда нужно перенести созданное изображение на другой фон. Например, вам необходимо создать круглый логотип с прозрачным фоном, чтобы впоследствии разместить его на цветном фоне. 8. Щелкните по кнопке OK, чтобы создать новый документ.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
183
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ÈÍÑÒÐÓÌÅÍÒÛ ÐÈÑÎÂÀÍÈß В предыдущих разделах рассказывалось, как изменять существующие изображения в программе Adobe Photoshop CS5. В этом упражнении вы будете создавать изображение с нуля при помощи инструментов рисования программы Photoshop. Принцип действия инструментов Кисть (Brush) и Карандаш (Pencil) схож с традиционными инструментами рисования — нанесение цвета посредством мазков. Инструмент Градиент (Gradient), команда Выполнить заливку (Fill) и инструмент Заливка (Paint Bucket) заполняют цветом большие области. Такие инструменты, как Ластик (Eraser), Размытие (Blur) и Палец (Smudge), изменяют существующие цвета изображения. Программа Photoshop предоставляет огромный набор настроек для инструментов группы «Кисти». Можно выбрать один из множества разнообразных кончиков кистей, и затем выполнить точную настройку выбранного кончика кисти на палитре Кисть (Brush). Можно даже создавать свои собственные настройки кисти и сохранять их для дальнейшего использования. Этот раздел является введением в методы рисования. После изучения основ вам следует самостоятельно поэкспериментировать с другими инструментами рисования, чтобы найти наиболее подходящие вам настройки. В этом разделе рассматриваются четыре инструмента: • Инструмент Кисть (Brush). Рисует текущим основным цветом на изображении и накладывает мягкие цветные мазки. • Инструмент Карандаш (Pencil). Рисует текущим основным цветом на изображении и создает резкие линии. • Инструмент Микс-Кисть (Mixer Brush). Имитирует реалистичные техники живописи, такие как смешивание красок на холсте, объединение цветов на кисти, и переменная влажность кисти по длине штриха. • Инструмент Узорный штамп (Pattern Stamp). Рисует узором, выбранным из всплывающей панели Узор (Pattern Picker).
ÍÀÑÒÐÎÉÊÀ ÏÀÐÀÌÅÒÐÎÂ ÊÈÑÒÈ Для каждой кисти на панели параметров можно настроить один или более из перечисленных ниже параметров (рис. 2.7). Предустановленная кисть — это сохраненный кончик кисти с заданными характеристиками, такими как размер, форма и жесткость. • Панель Наборы параметров для инструмента (Tool Preset Picker). На этой панели сохраняются настройки текущего инструмента, например: Аэрограф Мягкая круглая Нажим 50% (Airbrush Soft Round 50% Flow). По мере изменения настроек инструмента Кисть (Brush) их можно сохранять для дальнейшего использования.
Рис. 2.7. Панель параметров инструмента Кисть
184 • • •
ÏÐÎÅÊÒ 2. Ëîãîòèïû
Панель Выбор набора кистей (Brush Preset Picker). Позволяет выбрать одну из предустановленных кистей. Существует множество предустановленных кистей, но вы также можете создать и свою собственную предустановленную кисть. Параметр Режим (Mode). Определяет, как нарисованные цвета будут смешиваться с основным изображением. За более детальной информацией обратитесь к разделу «Описания режимов наложения» (List of blending modes) справки программы Photoshop. Параметр Непрозрачность (Opacity). Устанавливает степень непрозрачности для нарисованных линий от 0% (невидимый) до 100% (непрозрачный). Во время закрашивания области прозрачность цвета остается на одном уровне до тех пор, пока вы удерживаете левую кнопку мыши, независимо от того, сколько раз указатель мыши перемещался над областью. После того как вы отпустите кнопку мыши и еще раз закрасите то же самое место, к нему будет применен новый цвет с тем же уровнем непрозрачности.
Íàñòðîéêè, ïðèìåíèìûå òîëüêî ê êèñòÿì •
•
Параметр Нажим (Flow). Задает скорость, с которой цвет во время рисования накладывается на изображение. Например, если установить значение Непрозрачности (Opacity) 100%, а Нажима (Flow) — 33%, то после каждого перемещения курсора над областью рисования количество цвета будет увеличиваться на 33 % от цвета кисти, который принимается за 100%. Режим Аэрограф (Airbrush mode). Имитирует раскраску аэрографом. Количество краски возрастает до тех пор, пока нажата левая кнопка мыши. Параметры жесткости, непрозрачности и нажима кисти определяют скорость наложения краски и ее количество. Щелкните мышью по кнопке Включение режима аэрографа (Airbrush mode), чтобы включить или выключить этот режим.
Íàñòðîéêè, ïðèìåíèìûå òîëüêî ê èíñòðóìåíòó Êàðàíäàø •
Параметр Автостирание (Auto erase). Позволяет рисовать фоновым цветом на областях, содержащих основной цвет.
Íàñòðîéêè, ïðèìåíèìûå òîëüêî ê èíñòðóìåíòó Ìèêñ-Êèñòü •
•
Образец Текущая заполненность кисти (Current Brush Load swatch). Щелкнув по кнопке со стрелкой, расположенной рядом с образцом Текущая заполненность кисти (Current Brush Load swatch), выберите команду Заполнить кисть (Load Brush), чтобы загрузить цвет резервуара, либо команду Очистить кисть (Clean Brush), чтобы удалить краску из кисти. Если нужно выполнять эти действия после каждого штриха, установите кнопку-переключатель Заполнять кисть после каждого мазка (Load Brush) или Чистить кисть после каждого штриха (Clean Brush) соответственно, чтобы включить автоматическое заполнение или очистку. Раскрывающийся список Полезные комбинации наложения кистей (Preset). Содержит часто используемые сочетания настроек параметров Влажность (Wet), Заполнение (Load) или Смешение (Mix).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
• • •
•
185
Параметр Влажность (Wet). Управляет количеством краски, собираемой кистью с холста. Чем больше значение, тем длиннее мазки. Параметр Заполнение (Load). Определяет количество краски, загружаемое в резервуар. При меньших значениях кисть «высыхает» быстрее. Параметр Смешение (Mix). Управляет коэффициентом смешения краски на холсте и в резервуаре. При значении 100% с холста собирается вся краска, при значении 0% вся краска поступает из резервуара. (Однако эффект смешения краски на холсте также контролируется параметром Влажность (Wet)). Флажок Все слои (Sample All Layers). Собирает цвет холста со всех видимых слоев.
Ïðèìå÷àíèå: Íà ïàíåëè ïàðàìåòðîâ ïðåäñòàâëåíà ëèøü ÷àñòü äîñòóïíûõ íàñòðîåê êèñòè. Ìíîãèå äðóãèå íàñòðîéêè — êîí÷èêè êèñòåé, ïàðàìåòðû è ò. ä. — äîñòóïíû íà ïàëèòðå Êèñòü (Brush). Äîïîëíèòåëüíóþ èíôîðìàöèþ ìîæíî ïîëó÷èòü â ñïðàâêå ïðîãðàììû Photoshop.
ÐÈÑÎÂÀÍÈÅ ÏÐÈ ÏÎÌÎÙÈ ÈÍÑÒÐÓÌÅÍÒÀ ÊÈÑÒÜ Инструмент Кисть (Brush) позволяет создавать мягкие штрихи заданного цвета. Для рисования при помощи инструмента Кисть (Brush): 1. Создайте новый документ в программе Photoshop. 2. Среди инструментов рисования выберите инструмент Кисть (Brush) (рис. 2.8).
Рис. 2.8. Инструменты рисования
3. Выберите цвет для кисти одним из следующих способов: • Чтобы открыть диалоговое окно Палитра цветов (Color Picker), щелкните по образцу основного цвета на панели инструментов. Выберите цвет и щелкните по кнопке OK. • Чтобы открыть палитру цветов HUD1 (headsup-display — с отображением основной информации) в операционной системе Windows, щелкните и удерживайте правую кнопку мыши при нажатой комбинации клавиш Shift+Alt (когда палитра появится на экране, комбинацию клавиш можно отпустить). Затем путем Рис. 2.9. Палитра цветов HUD перетаскивания указателя мыши выберите не(с отображением основной обходимый цветовой тон и оттенок, после чего информации) отпустите кнопку мыши (рис. 2.9).
1 Для использования палитры цветов HUD в разделе Производительность (Performance) диалогового окна Установки (Preferences) необходимо установить флажок Включить отрисовку OpenGL (Enable OpenGL Drawing).
186
ÏÐÎÅÊÒ 2. Ëîãîòèïû
• Чтобы открыть палитру цветов HUD (heads-up-display — с отображением основной информации) в операционной системе Mac OS, щелкните и удерживайте левую кнопку мыши при нажатой комбинации клавиш Control+Option+Command (когда палитра появится на экране, комбинацию клавиш можно отпустить). Затем путем перетаскивания указателя мыши выберите необходимый цветовой тон и оттенок, после чего отпустите кнопку мыши. 4. На панели Выбор набора кистей (Brush Preset Picker) выберите достаточно большую кисть — размером, например, в 50 пикселов. Ïðèìå÷àíèå: Çíà÷åíèÿ ïàðàìåòðîâ Ðàçìåð (Diameter) è Æåñòêîñòü (Hardness) ìîæíî òàêæå óñòàíîâèòü âðó÷íóþ íà ïàíåëè Âûáîð íàáîðà êèñòåé (Brush Preset Picker). Ïàðàìåòð Æåñòêîñòü (Hardness) îïðåäåëÿåò ìÿãêîñòü êðàåâ ëèíèé.
5. В раскрывающемся списке Режим (Mode), расположенном на панели параметров, оставьте выбранным значение Нормальный (Normal). 6. Установите значение параметра Непрозрачность (Opacity) в 100%. 7. Установите значение параметра Нажим (Flow) в 20%. Если параметру Нажим (Flow) присвоено значение 20%, то при каждом очередном наложении линии ее степень непрозрачности увеличивается на 20%. 8. Нарисуйте линию, перетаскивая указатель мыши по изображению. Не отпуская кнопку мыши, нарисуйте линию поверх нарисованной линии в обратном направлении (рис. 2.10).
Рис. 2.10. Рисование при помощи инструмента Кисть, значение параметра Непрозрачность равно 100%, а значение параметра Нажим — 20%
В местах наложения линий друг на друга цвет краски становится темнее, поскольку значение параметра Нажим (Flow) составляет 20%. В этих точках линия, находящаяся сверху, имеет непрозрачность, равную 40%. Ïðèìå÷àíèå: Êàê è â ñëó÷àå ñ èíñòðóìåíòîì Êàðàíäàø (Pencil), ïðè ïîìîùè èíñòðóìåíòà Êèñòü (Brush) ìîæíî òàêæå íàðèñîâàòü ïðÿìóþ ëèíèþ, óäåðæèâàÿ íàæàòîé êëàâèøó Shift.
9. Чтобы нарисовать новую линию, отпустите кнопку мыши и снова щелкните мышью по изображению.
ÐÈÑÎÂÀÍÈÅ ÏÐÈ ÏÎÌÎÙÈ ÈÍÑÒÐÓÌÅÍÒÀ ÊÀÐÀÍÄÀØ Инструмент Карандаш (Pencil) можно использовать для рисования линий с резкими краями. Для рисования при помощи инструмента Карандаш (Pencil): 1. Создайте новый документ в программе Photoshop.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
187
2. Среди инструментов рисования выберите инструмент Карандаш (Pencil) (рис. 2.8). 3. Выберите цвет для инструмента Карандаш (Pencil) одним из следующих способов: • Чтобы открыть диалоговое окно Палитра цветов (Color Picker), щелкните мышью по образцу основного цвета на панели инструментов. Выберите цвет и щелкните по кнопке OK. • Чтобы открыть палитру цветов HUD1 (heads-up-display — с отображением основной информации) в операционной системе Windows, щелкните и удерживайте правую кнопку мыши при нажатой комбинации клавиш Shift+Alt (когда палитра появится на экране, комбинацию клавиш можно отпустить). Затем путем перетаскивания указателя мыши выберите необходимый цветовой тон и оттенок, после чего отпустите кнопку мыши (рис. 2.9). • Чтобы открыть палитру цветов HUD (heads-up-display — с отображением основной информации) в операционной системе Mac OS, щелкните и удерживайте левую кнопку мыши при нажатой комбинации клавиш Control+Option+Command (когда палитра появится на экране, комбинацию клавиш можно отпустить). Затем путем перетаскивания указателя мыши выберите необходимый цветовой тон и оттенок, после чего отпустите кнопку мыши. 4. На панели Выбор набора кистей (Brush Preset Picker) вручную измените значение параметра Размер (Diameter) (размер кисти) так, чтобы получилась кисть небольшого размера, примерно 20 пикселов (рис. 2.11). Ïðèìå÷àíèå: Âû òàêæå ìîæåòå âûáðàòü ïðåäóñòàíîâëåííûå ôîðìó è ðàçìåð íà ïàíåëè Âûáîð íàáîðà êèñòåé (Brush Preset Picker). Ïàðàìåòð Æåñòêîñòü (Hardness) îïðåäåëÿåò ìÿãêîñòü êðàåâ ëèíèé.
5. В раскрывающемся списке Режим (Mode), расположенном на панели параметров, оставьте выбранным значение Нормальный (Normal). 6. Убедитесь, что для параметра Непрозрачность (Opacity) установлено значение 100%. 7. Нарисуйте линию одним из следующих способов: • Чтобы нарисовать линию произвольной формы, перетащите указатель мыши по изображению (рис. 2.12).
Рис. 2.11. Параметры кистей на панели Выбор набора кистей
Рис. 2.12. Рисование линий произвольной формы при помощи инструмента Карандаш
1 Для использования палитры цветов HUD в разделе Производительность (Performance) диалогового окна Установки (Preferences) необходимо установить флажок Включить отрисовку OpenGL (Enable OpenGL Drawing).
188
ÏÐÎÅÊÒ 2. Ëîãîòèïû
• Чтобы нарисовать прямую линию, щелкните мышью по изображению, указав начальную точку. Нажав и удерживая клавишу Shift, щелкните мышью в другом месте изображения, чтобы указать конечную точку линии (рис. 2.13). 8.
На панели параметров присвойте параметру Непрозрачность (Opacity) значение 50%, и нарисуйте еще одну линию, которая бы пересекала первую линию (рис. 2.14). Обратите внимание, что эта линия вполовину светлее первой линии, которая проступает в местах пересечения двух линий.
Рис. 2.13. Рисование прямой линии при помощи инструмента Карандаш
Рис. 2.14. Наложение линий друг на друга. Параметр Непрозрачость установлен в значение 50%
ÐÈÑÎÂÀÍÈÅ ÏÐÈ ÏÎÌÎÙÈ ÈÍÑÒÐÓÌÅÍÒÀ ÌÈÊÑ-ÊÈÑÒÜ С помощью инструмента Микс-Кисть (Mixer Brush) можно имитировать реалистичные техники живописи, такие как смешение цветов на холсте, сочетание нескольких цветов на кисти и изменение влажности кисти по длине мазка. Инструмент Микс-кисть (Mixer Brush) имеет два колодца: резервуар и коллектор. Резервуар содержит итоговый цвет, накладываемый на холст, и вмещает больший объем краски. Колодец коллектора получает краску только с холста. Его содержимое постоянно смешивается с цветами холста. Для рисования при помощи инструмента Микс-Кисть (Mixer Brush): 1. Откройте программу Photoshop и создайте новый документ. 2. Среди инструментов рисования выберите инструмент Микс-Кисть (Mixer Brush) (рис. 2.8). 3. Чтобы загрузить краску в резервуар, щелкните мышью по холсту, удерживая нажатой клавишу Alt (Windows) или Option (Mac OS). Ïðèìå÷àíèå: Ïðè çàãðóçêå êðàñêè ñ õîëñòà íà êîí÷èêå êèñòè îòîáðàæàåòñÿ ëþáàÿ âàðèàöèÿ öâåòîâ èç îáëàñòè, ïî êîòîðîé ùåëêíóëè ìûøüþ. Åñëè âû õîòèòå ïðèìåíèòü ê êîí÷èêó êèñòè óíèâåðñàëüíûé öâåò, â ìåíþ ïàðàìåòðà Òåêóùàÿ çàïîëíåííîñòü êèñòè (Load), ðàñïîëîæåííîì íà ïàíåëè ïàðàìåòðîâ, âûáåðèòå êîìàíäó Çàïîëíèòü òîëüêî ÷èñòûå öâåòà (Load Solid Colors Only).
4. На панели Выбор набора кистей (Brush Preset Picker) вручную измените значение параметра Размер (Diameter), чтобы получилась кисть среднего размера, около 25 пикселов. Ïðèìå÷àíèå: Âû òàêæå ìîæåòå âûáðàòü ïðåäóñòàíîâëåííûå ôîðìó è ðàçìåð êèñòè íà ïàíåëè Âûáîð íàáîðà êèñòåé (Brush Preset Picker).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Рис. 2.15. Раскрывающийся список Полезные комбинации наложения кистей, расположенный на панели параметров
189
Рис. 2.16. Рисование при помощи инструмента Микс-Кисть
5. Выберите одно из значений в раскрывающемся списке Полезные комбинации наложения кистей (Preset), расположенного на панели параметров (рис. 2.15). 6. Выполните одно или несколько из следующих действий: • Перетащите указатель мыши по изображению (рис. 2.16). Обратите внимание, что краска высыхает к концу мазка. • Чтобы нарисовать прямую линию, щелкните мышью в том месте изображения, где должна начинаться линия, а затем, удерживая нажатой клавишу Shift, щелкните мышью в том месте, где должна находиться конечная точка линии (рис. 2.17). • При использовании инструмента Кисть (Brush) в режиме аэрографа распыляйте краску, удерживая левую кнопку мыши и не перемещая указатель мыши (рис. 2.18).
Рис. 2.17. Чтобы нарисовать прямую линию, щелкните мышью при нажатой клавише Shift
Рис. 2.18. Использование инструмента Микс-Кисть в режиме аэрографа
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÑÏÅÖÈÀËÜÍÛÕ ÊÎÍ×ÈÊΠÊÈÑÒÅÉ Вместе с программой Photoshop поставляется большое количество кончиков кистей, начиная с художественных кистей — влажных или каллиграфических — и заканчивая кистями специальной формы, например в виде звезд или снежинок. Все эти разнообразные кончики кистей применимы ко всем инструментам рисования. В списке предустановленных кистей
190
ÏÐÎÅÊÒ 2. Ëîãîòèïû
на палитре Кисть (Brush) представлены кисти, доступные на палитре Наборы кистей (Brush presets), но вы также можете изменять настройки существующих кистей и создавать новые пользовательские кисти. Палитра Кисть (Brush) содержит категорию параметров Форма отпечатка кисти (Brush tip options), при помощи которых можно определять характер наложения краски на изображение. Предварительный просмотр выбранной кисти с текущими настройками доступен в нижней части палитры. На палитре Кисть (Brush) можно выбирать из двух типов формы отпечатка кисти: стандартный отпечаток кисти и отпечаток щетины.
Ïàðàìåòðû ôîðìû ñòàíäàðòíîãî îòïå÷àòêà êèñòè Для стандартных отпечатков кистей на палитре Кисть (Brush) можно задать следующие параметры: • Диаметр (Кегль) (Diameter (Size)). Управляет размером кисти. Задайте значение в пикселах или перетащите ползунок регулятора. • Восстановить исходный размер образца (Use Sample Size). Восстанавливает первоначальный размер кисти. Этот параметр доступен только в том случае, если форма отпечатка кисти была создана путем выборки пикселов на изображении. • Отразить X (Flip X). Изменяет направление кончика кисти по оси X. • Отразить Y (Flip Y). Изменяет направление кончика кисти по оси Y. • Угол (Angle). Задает угол, на который повернута длинная ось овальной кисти или кисти по образцу по отношению к горизонтали. Введите значение в градусах или перетащите мышью горизонтальную ось в области визуального задания угла и формы кисти. • Форма (Roundness). Задает отношение между короткой и длинной осями кисти. Введите значение в процентах или перетащите мышью точки в области визуального задания угла и формы кисти. Значение 100% соответствует круглой кисти, значение 0% — линейной кисти, а промежуточные значения задают овальную форму кисти. • Жесткость (Hardness). Управляет размером жесткого центра кисти. Введите число или переместите ползунок регулятора, чтобы задать значение, которое представляет собой определенный процент от размера кисти. Возможность изменить жесткость кистей по образцу отсутствует. • Интервалы (Spacing). Управляет расстоянием между следами кисти в мазке. Для изменения интервалов введите число или переместите ползунок регулятора, чтобы задать значение, которое представляет собой определенный процент от размера кисти. Если этот параметр не выбран, интервалы определяются скоростью перемещения указателя мыши.
Ïàðàìåòðû ôîðìû îòïå÷àòêà ùåòèíû Кончики кистей в форме отпечатка щетины позволяют передать точные свойства щетины для создания высокореалистичных и естественных мазков. На палитре Кисть (Brush) можно задать перечисленные ниже параметры формы отпечатка щетины:
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
191
•
Форма растровой точки (Shape). Определяет общий вид щетины.
•
Щетина (Bristles). Управляет плотностью щетины в целом.
•
Длина (Length). Высокие значения имитируют вытянутые в виде шлейфа мазки длинной щетины. Низкие значения порождают более отрывистые мазки.
•
Толщина (Thickness). Управляет шириной отдельных щетинок.
•
Твердость (Stiffness). Чем выше значение этого параметра, тем жестче контроль над формой мазка. Чем ниже это значение, тем более плавными будут мазки.
•
Угол (Angle). При рисовании с помощью мыши определяет угол кончика кисти.
•
Интервалы (Spacing). Управляет расстоянием между следами кисти в мазке. Чтобы изменить расстояние, введите число или, перемещая ползунок регулятора, определите значение, которое представляет собой определенный процент от размера кисти. Если флажок напротив этого параметра не установлен, интервалы определяются скоростью перемещения указателя мыши.
Чтобы использовать кончики кисти: 1. Установите флажок напротив пункта меню Окно ⇒ Кисть (Window ⇒ Brush). Откроется палитра Кисть (Brush) (рис. 2.19). 2. На палитре Кисть (Brush) выберите форму отпечатка кисти. 3.
В левой части палитры Кисть (Brush) щелкните по названию категории Форма отпечатка кисти (Brush Tip Shape) и задайте необходимые параметры.
В нашем примере (рис. 2.20) выбрана кисть Плоский веерный (Flat Fan) размером 25 пикселов с отпечатком щетины. Ïðèìå÷àíèå: Äëÿ óïðîùåíèÿ âûáîðà ïîäõîäÿùåé êèñòè íåêîòîðûå èç íèõ ñîïðîâîæäàþòñÿ ìèíèàòþðíûì ïðîôèëåì ôîðìû îòïå÷àòêà.
Рис. 2.19. Палитра Кисть
4. Чтобы нанести мазки специальной кистью, перетаскивайте указатель мыши по изображению (рис. 2.20). 5. Чтобы заблокировать настройки формы отпечатка кисти (в этом случае они будут сохранены после выбора другой предустановленной кисти), щелкните по значку открытого замка. Чтобы получить возможность вновь изменять эти настройки, щелкните по значку закрытого замка.
192
ÏÐÎÅÊÒ 2. Ëîãîòèïû
6. Чтобы сохранить кисть для дальнейшего использования, в меню палитры Кисть (Brush) выберите команду Новый набор параметров кисти (New Brush Preset). Ïðèìå÷àíèå: ×òîáû ñîõðàíèòü íîâóþ êèñòü íà ïîñòîÿííîé îñíîâå èëè ïåðåäàòü åå äðóãèì ïîëüçîâàòåëÿì, ýòó êèñòü íåîáõîäèìî ñîõðàíèòü êàê ÷àñòü íàáîðà êèñòåé.  ìåíþ ïàëèòðû Íàáîðû êèñòåé (Brush Presets) âûáåðèòå êîìàíäó Ñîõðàíèòü êèñòè (Save Brushes) è ëèáî ñîçäàéòå íîâûé íàáîð, ëèáî çàìåíèòå ñóùåñòâóþùèé. Åñëè âû âîññòàíîâèòå èëè çàìåíèòå êèñòè íà ïàëèòðå Íàáîðû êèñòåé (Brush Presets), íå ñîõðàíèâ èõ â íàáîðå, íîâàÿ êèñòü ìîæåò áûòü óòðà÷åíà.
Рис. 2.20. Рисование с использованием специального кончика кисти
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÈÍÑÒÐÓÌÅÍÒÀ ÓÇÎÐÍÛÉ ØÒÀÌÏ Узор (pattern) представляет собой повторяющееся изображение, которым может быть залит слой или выделенная область. Вместе с программой Photoshop поставляется множество заранее подготовленных узоров. Чтобы воспользоваться инструментом Узорный штамп (Pattern Stamp): 1. Щелкните по инструменту Штамп (Clone Stamp) и, удерживая кнопку мыши, выберите инструмент Узорный штамп (Pattern Stamp) в появившемся меню (рис. 2.21). Обратите внимание, что параметры инструмента Узорный штамп (Pattern Stamp), представленные на панели параметров, несколько отличаются от параметров инструмента Кисть (Brush).
Рис. 2.21. Панель инструментов
2. На панели параметров откройте панель Узор (Pattern picker) (рис. 2.22). Первоначально выбор узоров на панели Узор (Pattern picker) может быть ограничен. Вы можете как загрузить дополнительные узоры, так и заменить существующие узоры. 3. Откройте меню панели, чтобы ознакомиться со списком доступных библиотек узоров (рис. 2.23).
Рис. 2.22. Панель Узор
4. Чтобы загрузить другой файл библиотеки, выберите в меню панели команду Загрузить узоры (Load Patterns), в появившемся диалоговом окне выберите файл библиотеки, которую вы хотели бы загрузить, и щелкните по кнопке Загрузить (Load).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
193
Рис. 2.23. Меню панели Узор
5. Щелкните по кнопке ОK, чтобы заменить текущий список узоров, или по кнопке Добавить (Append), чтобы добавить библиотеку к текущему списку. 6. Выберите узор на панели Узор (Pattern picker). 7. На панели параметров установите флажок Выравнивание (Aligned), чтобы выровнять узор относительно начальной точки, иначе он будет начинаться заново всякий раз, когда инструмент будет «отрываться» от холста. 8. Не устанавливайте флажок Эффект (Impressionist). Если этот флажок установлен, узоры отображаются в виде цветовых блоков. 9. Чтобы выполнить рисование при помощи инструмента Узорный штамп (Pattern Stamp), перетащите указатель мыши по изображению (рис. 2.24).
Рис. 2.24. Рисование при помощи инструмента Узорный штамп
194
ÏÐÎÅÊÒ 2. Ëîãîòèïû
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ÈÍÑÒÐÓÌÅÍÒÛ ÍÀ×ÅÐÒÀÍÈß Наряду с возможностями редактирования фотографий, программа Adobe Photoshop CS5 обладает полным пакетом инструментов начертания. В данном разделе рассматриваются вопросы создания фигур в программе Photoshop. Если вы когда-либо работали с инструментами начертания в других программах, таких, например, как Adobe Illustrator CS5, то вы заметите, что подход к начертанию в программе Photoshop несколько иной. Вместо размещения объектов на холсте здесь все основывается на идее экспозиции пленки и просвечивании. Программа Photoshop позволяет работать как с растровыми, так и с векторными изображениями. Растровые изображения состоят из отдельных пикселов и плохо масштабируются; векторные изображения строятся на основе математических формул и масштабируются очень хорошо.
ÂÈÄÛ ÔÈÃÓÐ В этом разделе рассматривается процесс добавления фигур в виде слоев-фигур, что дает возможность наиболее гибко управлять внешним видом фигуры. Однако добавление фигур в виде отдельных слоев приводит к увеличению размера файла изображения и может в конечном счете сказаться на производительности программы Photoshop. Слои-фигуры добавляются в виде векторных масок, т. е. они представляют собой векторные фигуры, через которые просвечивается некая часть фонового изображения. Для создания простейших фигур, которые не нужно масштабировать, можно воспользоваться функцией Выполнить заливку пикселов (Fill Pixels). Эта функция создает растрированные фигуры — иными словами, фигуры, созданные из отдельных пикселов. Поскольку такие фигуры не требуют размещения на отдельных слоях, производительность программы не страдает. Настройка параметров фигуры осуществляется на панели параметров фигуры (рис. 2.25).
Рис. 2.25. Панель параметров фигуры
ÑÎÇÄÀÍÈÅ ÑËÎÅÂ-ÔÈÃÓÐ Слои-фигуры — это преимущественно векторные маски, которые скрывают фоновое изображение. Они состоят из двух частей: маски и цвета фона. Слои-фигуры предоставляют наибольшую гибкость в определении внешнего вида фигуры, ее расположения и видимости. Поскольку фигурные маски являются векторными фигурами, их можно преобразовывать без потери четкости. Чтобы создать фигуру на слое-фигуре: 1. Откройте программу Photoshop и создайте новый документ или откройте существующее изображение.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
2. Щелкните мышью по одному из инструментов группы «Фигура» на панели инструментов, например по инструменту Многоугольник (Polygon). По умолчанию на панели инструментов отображается инструмент Прямоугольник (Rectangle). Чтобы получить доступ к другим инструментам группы «Фигура», щелкните по инструменту Прямоугольник (Rectangle) и удерживайте кнопку мыши (рис. 2.26).
195
Рис. 2.26. Панель инструментов
3. Убедитесь, что на панели параметров кнопкипереключатели Слой-фигура (Shape Layers) и Создать новый слой-фигуру (Create new shape layer) находятся в нажатом состоянии (рис. 2.25). 4. Щелкните правой кнопкой при нажатой комбинации клавиш Shift+Alt (Windows) или щелкните левой кнопкой мыши при нажатой комбинации клавиш Control+Option+Command (Mac OS) и удерживайте кнопку мыши. На экране появится палитра цветов HUD (headsРис. 2.27. Палитра цветов HUD up-display — с отображением основной информации) (рис. 2.27). Вы можете отпустить комбинацию клавиш после того, как на экране появится эта палитра. 5. Затем путем перетаскивания указателя мыши выберите необходимый цветовой тон и оттенок и отпустите кнопку мыши. Ïðèìå÷àíèå: ×òîáû ñîõðàíèòü âûáðàííûé öâåòîâîé òîí, âûáèðàÿ äðóãîé îòòåíîê, èëè íàîáîðîò, íàæìèòå è óäåðæèâàéòå êëàâèøó ïðîáåëà. Ïðèìå÷àíèå: ×òîáû áûñòðî âûáðàòü öâåò ñ õîëñòà è ïðèìåíèòü åãî ê ôèãóðå, íàæìèòå êëàâèøó Alt (Windows) èëè Option (Mac OS) äëÿ àêòèâàöèè èíñòðóìåíòà Ïèïåòêà (Eyedropper).
6. На панели параметров (рис. 2.25) укажите настройки параметров для выбранной фигуры. В данном примере на панели параметров для инструмента Многоугольник (Polygon) был установлен флажок Звезда (Star), а значение параметра Глубина лучей (Indent Sides By) было оставлено по умолчанию — 50%. 7. Нарисуйте фигуру путем перетаскивания указателя мыши по холсту (рис. 2.28).
Рис. 2.28. Вид фигуры в момент рисования
196
ÏÐÎÅÊÒ 2. Ëîãîòèïû
Рис. 2.29. Фигура, заполненная цветом
Рис. 2.30. Слой-фигура на палитре Слои
Когда вы отпустите кнопку мыши, фигура будет заполнена выбранным цветом (рис. 2.29). 8. Если палитра Слои (Layers) не видна, установите флажок напротив пункта меню Окно ⇒ Слои (Window ⇒ Layers). Обратите внимание, что созданная фигура появилась на отдельном слое с названием Фигура 1 (Shape 1) (рис. 2.30). Значок связи между миниатюрами фигуры и заливки указывает на то, что они связаны.
ÈÇÌÅÍÅÍÈÅ ÊÎÍÒÓÐÀ ÔÈÃÓÐÛ Контур представляет собой границу векторной маски. При изменении контура изменяется внешний вид маски и, следовательно, вид фигуры. Одним из способов изменить контур фигуры является перемещение одной из его опорных точек. Опорные точки расположены в углах фигуры. Чтобы изменить форму контура фигуры: 1. Щелкните по инструменту Выделение контура (Path Selection) и, удерживая кнопку мыши, выберите инструмент Стрелка (Direct Selection) (рис. 2.31). 2. Щелкните мышью по границе фигуры, чтобы выделить ее контур. В углах фигуры появятся опорные точки в виде небольших полых квадратных маркеров. 3. Установите указатель мыши на опорную точку. 4. Чтобы выбрать опорную точку, щелкните по ней.
Рис. 2.31. Панель инструментов
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
197
Обратите внимание, что выбранная опорная точка вместо полого квадратного маркера приняла вид закрашенного маркера (рис. 2.32). 5. Чтобы изменить контур, перетащите мышью опорную точку. В нашем примере (рис. 2.33) луч звезды был вытянут вниз путем перетаскивания его опорной точки.
Рис. 2.32. Перемещение точки при помощи инструмента Стрелка (Direct Selection)
Рис. 2.33. Измененный контур фигуры
ÄÎÁÀÂËÅÍÈÅ Ê ÎÁËÀÑÒÈ ÔÈÃÓÐÛ È ÂÛ×ÈÒÀÍÈÅ ÈÇ ÎÁËÀÑÒÈ ÔÈÃÓÐÛ Если необходимо в той или иной степени открыть задний план изображения, можно добавить или вычесть область из слоя-фигуры. Параметры добавления и вычитания задаются при помощи группы парамеРис. 2.34. Группа тров области фигуры (рис. 2.34). параметров области фигуры • Кнопка-переключатель Создать новый слой-фигуру (Create new на панели shape layer). Создает новый слой-фигуру. параметров • Кнопка-переключатель Добавить к области фигуры (Add to shape area). Добавляет область к существующей фигуре. • Кнопка-переключатель Вычесть из области фигуры (Subtract from shape area). Вычитает область из существующей фигуры. Результат вычитания удастся увидеть только при рисовании поверх существующей фигуры. • Кнопка-переключатель Область пересечения фигур (Intersect shape areas). Показывает только область пересечения двух последних нарисованных фигур. •
Кнопка-переключатель Вычесть область пересечения фигур (Exclude overlapping shape areas). Показывает все части фигуры за исключением области пересечения двух последних нарисованных фигур.
198
ÏÐÎÅÊÒ 2. Ëîãîòèïû
Чтобы добавить область к слою-фигуре: 1. Выделите фигуру, щелкнув мышью по ее миниатюре на палитре Слои (Layers). 2. Выберите один из инструментов группы «Фигура», например инструмент Эллипс (Ellipse). 3. Щелкните по кнопке-переключателю Добавить к области фигуры (Add to shape area) в группе параметров области фигуры. 4. Нарисуйте фигуру, которая будет добавлена к изображению (рис. 2.35). Обратите внимание, что новая фигура появится на слое-фигуре (рис. 2.36).
Рис. 2.35. Добавление области к слою-фигуре
Рис. 2.36. Палитра Слои
Чтобы вычесть область из слоя-фигуры: 1. Выделите фигуру, щелкнув мышью по миниатюре маски на палитре Слои (Layers). 2. Выберите один из инструментов группы «Фигура», например инструмент Эллипс (Ellipse). 3. Щелкните по кнопке-переключателю Вычесть из области фигуры (Subtract from shape area) в группе параметров области фигуры. 4. Нарисуйте фигуру так, чтобы она перекрывала изображение (рис. 2.37). 5. Обратите внимание, что фигура на слое-фигуре была изменена.
Рис. 2.37. Вычитание области из слоя-фигуры
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
199
ÓÏÐÀÂËÅÍÈÅ ÂÍÅØÍÈÌ ÂÈÄÎÌ ÔÈÃÓÐÛ ÏÐÈ ÏÎÌÎÙÈ ÑÒÈËÅÉ ÑËÎÅÂ Поскольку фигуры размещаются на отдельном слое, их внешний вид можно изменять при помощи стилей слоев. К фигуре можно добавить эффект падающей тени, эффект тиснения или обводки. Чтобы изменить фигуру при помощи стилей слоев: 1. Если палитра Слои (Layers) не отображается на экране, установите флажок напротив пункта меню Окно ⇒ Слои (Window ⇒ Layers). 2. Дважды щелкните мышью по слою фигуры, чтобы открыть диалоговое окно Стиль слоя (Layer Style) (рис. 2.38).
Рис. 2.38. Диалоговое окно Стиль слоя
3. Самое простое, что вы можете сделать, — это добавить к фигуре обводку или контур. Установите флажок напротив пункта Обводка (Stroke) в списке, расположенном в левой части диалогового окна Стиль слоя (Layer Style), чтобы применить данный стиль. Убедитесь, что флажок Просмотр (Preview) установлен, чтобы вы могли наблюдать за результатами применения обводки. 4. Теперь задайте параметры обводки, щелкнув мышью по слову «Обводка» («Stroke») в том же списке. Вы можете изменить
Рис. 2.39. Обводка фигуры
200
ÏÐÎÅÊÒ 2. Ëîãîòèïû
такие параметры, как Размер (Size), Положение (Position), Режим наложения (Blend Mode), Непрозрачность (Opa-city), Тип обводки (Fill type) и Цвет (Color). 5. Щелкните по кнопке OK, чтобы добавить обводку (рис. 2.39). 6. Примените к фигуре один или несколько дополнительных стилей слоя. В данном примере (рис. 2.40), чтобы придать фигуре объем, к ней был применен стиль Тиснение (Bevel), а чтобы создать ощущение, будто фигура расположена немного выше страницы, — стиль Тень (Drop Shadow).
Рис. 2.40. Фигура, к которой применены стили слоя Тиснение и Тень
Ïðèìå÷àíèå: Ñòèëè ñëîåâ ìîæíî òàêæå ïðèìåíÿòü ê ðàñòðèðîâàííûì ôèãóðàì. Îäíàêî ïðåèìóùåñòâî ñîçäàíèÿ ôèãóð íà ñëîÿõ-ôèãóðàõ çàêëþ÷àåòñÿ â òîì, ÷òî ýòè ôèãóðû ìîæíî ìàñøòàáèðîâàòü áåç ïîòåðè ðàçðåøåíèÿ.
ÐÀÑÒÐÎÂÛÅ È ÂÅÊÒÎÐÍÛÅ ÈÇÎÁÐÀÆÅÍÈß Растровые изображения представляют собой сочетание пикселов разных цветов. При создании растрового изображения в графическом редакторе вы фактически задаете цвет каждого пиксела. Рисунки и фотографии, сохраненные в форматах GIF и JPEG, представляют собой изображения в растровых форматах. Поскольку значения цветов в растровых изображениях задаются попикселно, такие изображения прекрасно передают градации цветов и оттенков. Если в программу Adobe Photoshop импортировать изображение в формате GIF и JPEG, оно останется растровым. Растровые изображения зависят от разрешения. Это означает, что размер и качество изображения зависят от количества пикселов на дюйм. Изображения, предназначенные для просмотра на экране, обладают разрешением 72 пиксела на дюйм, потому что данное разрешение поддерживается большинством мониторов. Изображения, предназначенные для печати, должны иметь разрешение как минимум 300 пикселов на дюйм. В отличие от растровых изображений, векторные изображения не состоят из пикселов. Вместо этого для построения векторных изображений применяются математические уравнения, по которым рассчитывается форма линии. Эти уравнения хранятся внутри изображения и определяют его размер, цвет, форму и толщину линий. Реальная фигура строится (отрисовывается) на экране во время просмотра. Поскольку в основе векторных изображений лежат уравнения, а не пикселы, векторные изображения не зависят от разрешения. Таким образом, векторная графика отлично подходит для создания иллюстраций и логотипов, подлежащих многократному масштабированию.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
201
Изображения, импортируемые из программы Adobe Illustrator, в большинстве случаев являются векторными. Вы можете также создавать векторные изображения в программе Photoshop путем рисования фигур на слоях-фигурах.
ÌÀÑØÒÀÁÈÐÎÂÀÍÈÅ ÐÀÑÒÐÎÂÛÕ È ÂÅÊÒÎÐÍÛÕ ÈÇÎÁÐÀÆÅÍÈÉ Поскольку растровые изображения состоят из отдельных пикселов, они плохо масштабируются. То есть при попытке увеличения размера такого изображения его края становятся размытыми (рис. 2.41). Векторные изображения, напротив, масштабируются отлично, поскольку их внешний вид определяется математическими уравнениями (рис. 2.42).
Рис. 2.41. Увеличение масштаба растрового изображения
Рис. 2.42. Увеличение масштаба векторного изображения
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ÈÍÑÒÐÓÌÅÍÒÛ ÂÛÄÅËÅÍÈß (ÏÎÂÒÎÐ) См. этот раздел в проекте 1.
ÊÀÊ ÂÑÒÀÂËßÒÜ ÒÅÊÑÒ Â ÈÇÎÁÐÀÆÅÍÈß В программе Adobe Photoshop CS5 Extended текст добавляется непосредственно на изображение. Как и в случае с фигурами, текст вставляется на отдельный слой, название которого формируют первые слова этого текста. Управлять внешним видом вставленного текста можно при помощи палитр Символ (Character) и Абзац (Paragraph) путем трансформирования ограничительной рамки текста и путем применения стилей к текстовому слою.
Рис. 2.43. Панель параметров инструмента Текст
202
ÏÐÎÅÊÒ 2. Ëîãîòèïû
ÂÑÒÀÂÊÀ ÒÅÊÑÒÀ  ÈÇÎÁÐÀÆÅÍÈÅ 1. Запустите программу Photoshop и откройте изображение. 2. Выберите инструмент Текст (Туре) (рис. 2.44). 3. На панели параметров инструмента Текст (Text) укажите гарнитуру шрифта, начертание, кегль, выравнивание и цвет текста (рис. 2.43). Ïðèìå÷àíèå: Ðàáîòàÿ ñî øðèôòàìè, âû ìîæåòå ñòîëêíóòüñÿ ñ òåì, ÷òî íà ýêðàíå îíè êàæóòñÿ ìåíüøå èëè áîëüøå ñâîåãî ðàçìåðà â òî÷êàõ. Äåëî â òîì, ÷òî îòîáðàæåíèå øðèôòîâ íà ìîíèòîðå êîìïüþòåðà çàâèñèò îò ðàçìåðà è ñòåïåíè óâåëè÷åíèÿ äîêóìåíòà. ×òîáû óâèäåòü, êàê áóäåò âûãëÿäåòü øðèôò ïðè ïå÷àòè, âûáåðèòå êîìàíäó ìåíþ Ïðîñìîòð ⇒ Ðàçìåð ïðè ïå÷àòè (View ⇒ Print Size).
4. Выберите один из методов сглаживания в раскрывающемся списке Сглаживание (Anti-aliasing). 5. Путем перетаскивания указателя мыши нарисуйте ограничительную рамку текста (рис. 2.45). Когда размер рамки достигнет нужных размеров, отпустите кнопку мыши.
Рис. 2.44. Панель инструментов
6. Щелкните мышью внутри созданной рамки и введите текст с клавиатуры (рис. 2.46).
Рис. 2.45. Рисование ограничительной рамки текста
Рис. 2.46. Вставка текста в ограничительную рамку
ÈÇÌÅÍÅÍÈÅ ÑÂÎÉÑÒÂ ÒÅÊÑÒÀ ÏÐÈ ÏÎÌÎÙÈ ÏÀËÈÒÐ ÑÈÌÂÎË È ÀÁÇÀÖ Изменить характеристики текста можно на палитрах Символ (Character) и Абзац (Paragraph). Настройки этих палитр аналогичны параметрам большинства текстовых редакторов и издательских приложений.
Èçìåíåíèå ñâîéñòâ òåêñòà ïðè ïîìîùè ïàðàìåòðîâ ïàëèòðû Ñèìâîë Перед тем, как задать настройки параметров на палитре Символ (Character), откройте эту палитру и выберите текст, который необходимо изменить. Для каждого параметра укажите значение, выбрав его в раскрывающемся списке (рис. 2.47) или введя с клавиатуры. При вво-
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
203
де значения параметра вручную нажмите клавишу Enter (Windows) или Return (Mac OS), чтобы применить новое значение. Палитра Символ (Character) включает следующие параметры: • Параметр Кегль (Font size). Зависит от размера документа. Задается в пунктах. • Параметр Интерлиньяж (Leading). Расстояние между строчками. Задается в пунктах. • Параметр Трекинг (Tracking). Расстояние между символами. Задается в пунктах. Расстояние межРис. 2.47. Палитра Символ ду любыми двумя символами можно настроить также путем их выделения и изменения значения параметра Кернинг (Kerning). Обычно изменять значение параметра Кернинг (Kerning) требуется только для крупных шрифтов — начиная от 16 пунктов. • Параметр Масштаб по горизонтали (Horizontal scale). Высота букв. Задается в процентах. • Параметр Масштаб по вертикали (Vertical scale). Ширина букв. Задается в процентах.
Ïàðàìåòð Ñãëàæèâàíèå Сглаживание позволяет получить символы текста с гладкой кромкой, реализуя частичное заполнение краевых пикселов. В результате края букв смешиваются с фоном. Если текст, особенно крупный, готовится для вывода на печать, к нему обычно применяют сглаживание. Для мелкого текста или изображений для веб-сайтов сглаживание не используется. •
Не показывать (None). Сглаживание не применяется.
•
Резкое (Sharp). Текст отображается с максимальной резкостью. (Это значение устанавливается по умолчанию.)
•
Четкое (Crisp). Текст выводится с большой резкостью.
•
Насыщенное (Strong). Текст получается более отчетливым.
•
Плавное (Smooth). Текст выглядит более гладким.
Ïðèìå÷àíèå: Åñëè èñïîëüçîâàòü ñãëàæèâàíèå äëÿ òåêñòà íåáîëüøîãî ðàçìåðà ïðè íèçêîì ðàçðåøåíèè (íàïðèìåð, â âåá-èçîáðàæåíèÿõ), ýòîò òåêñò ìîæåò âûãëÿäåòü íåðàçáîð÷èâî. ×òîáû ïîâûñèòü ðàçáîð÷èâîñòü, â ìåíþ ïàëèòðû Ñèìâîë (Character) ñáðîñüòå ôëàæîê íàïðîòèâ ïàðàìåòðà Äðîáíàÿ øèðèíà (Fractional Widths).
Чтобы изменить текст при помощи палитры Символ (Character): 1. Установите флажок напротив пункта меню Окно ⇒ Символ (Window ⇒ Character). На экране появится палитра Символ (Character) (рис. 2.47).
204
ÏÐÎÅÊÒ 2. Ëîãîòèïû
2. Измените свойства текста. В данном примере (рис. 2.48) были внесены следующие изменения: • Для параметра Начертание (Font style) выбрано значение Полужирное (Bold). Рис. 2.48. Текст, отформатированный при помощи палитры Символ • Для параметра Кегль (Font size) установлено значение 43 пт. • Установлена кнопка-переключатель Капители (Small caps). • В раскрывающемся списке Сглаживание (Anti-aliasing) выбрано значение Четкое (Crisp).
Èçìåíåíèå ñâîéñòâ òåêñòà ïðè ïîìîùè ïàëèòðû Àáçàö Дополнительные изменения текста можно произвести на палитре Абзац (Paragraph). Что наиболее важно, здесь можно изменить способ выравнивания текста — по правому краю ограничительной рамки, по левому краю или по центру. Кроме того, на этой палитре можно также выполнить полное выравнивание текста. Полное выравнивание подразумевает увеличение расстояния между словами, чтобы текст выравнивался по обеим границам ограничительной рамки. Чтобы изменить свойства текста на палитре Абзац (Paragraph): 1. Установите флажок напротив пункта меню Окно ⇒ Абзац (Window ⇒ Paragraph). На экране появится палитра Абзац (Paragraph) (рис. 2.49). 2. Внесите изменения в свойства текста. В данном примере (рис. 2.50) было применено выравнивание текста по центру ограничительной рамки.
Рис. 2.49. Палитра Абзац
Рис. 2.50. Текст, отформатированный при помощи палитры Абзац
ÒÐÀÍÑÔÎÐÌÈÐÎÂÀÍÈÅ ÎÃÐÀÍÈ×ÈÒÅËÜÍÎÉ ÐÀÌÊÈ Как и в случае со многими другими объектами программы Photoshop, ограничительную рамку текста можно трансформировать. Трансформированный текст продолжает оставаться доступным для редактирования.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
205
Чтобы трансформировать ограничительную рамку текста: 1. Установите флажок напротив пункта меню Окно ⇒ Слои (Window ⇒ Layers) и убедитесь, что выбран текстовый слой (рис. 2.51). 2. Выберите команду меню Редактирование ⇒ Свободное трансформирование (Edit ⇒ Free Transform). 3. Для изменения формы ограничительной рамки текста перетащите мышью маркер трансформирования. 4. Установите указатель мыши на один из угловых маркеров. Указатель мыши примет вид инструмента вращения (рис. 2.52). 5. Для поворота ограничительной рамки перетащите мышью инструмент вращения. 6. На панели инструментов выберите инструмент Текст (Type). На экране появится диалоговое окно, предлагающее подтвердить применение трансформирования. 7. Щелкните по кнопке Применить (Apply). 8. Щелкните внутри ограничительной рамки текста. Обратите внимание, что текст остается доступным для редактирования даже после выполнения вращения. Если изменить высоту ограничительной рамки текста, соответственно изменится и размер шрифта.
Рис. 2.51. Палитра Cлои
Рис. 2.52. Поворот текста
ÄÅÔÎÐÌÀÖÈß ÒÅÊÑÒÀ Текст можно также искривлять, или деформировать, щелкнув по значку Создает деформированный текст (Create Warped Text). Чтобы деформировать текст: 1. Выберите инструмент Текст (Туре). 2. Выделите текст, который вы хотите деформировать.
206
ÏÐÎÅÊÒ 2. Ëîãîòèïû
3. Щелкните по значку Создает деформированный текст (Create Warped Text), расположенному на панели параметров инструмента Текст (Text). Откроется диалоговое окно Деформировать текст (Warp Text) (рис. 2.53). 4. Выберите одно из значений в раскрывающемся списке Стиль (Style), например Волна (Wave). 5. Выберите направление деформации, установив переключатель Изгиб (Bend) в положение Горизонтальный (Horizontal) или Вертикальный (Vertical). 6. Укажите угол изгиба для деформации. 7. Измените значения параметров Искажение по горизонтали (Horizontal Distortion) и Искажение по вертикали (Vertical Distortion). Эти параметры позволяют создавать асимметричные деформации как в горизонтальном, так и в вертикальном направлении. Вы можете поэкспериментировать с этими настройками позднее, а пока оставьте деформацию прямолинейной. 8. Щелкните по кнопке OK, чтобы применить деформацию (рис. 2.54).
Рис. 2.53. Диалоговое окно Деформировать текст
Рис. 2.54. Текст, к которому была применена деформация Волны
ÈÇÌÅÍÅÍÈÅ ÒÅÊÑÒÀ ÏÐÈ ÏÎÌÎÙÈ ÑÒÈËÅÉ ÑËÎß Поскольку текст размещается на отдельном слое, его внешний вид можно изменять при помощи стилей слоя. К тексту можно добавить тень, эффект тиснения, или обвести каждую букву. Чтобы изменить текст при помощи стилей слоя: 1. Если палитра Слои (Layers) не отображается на экране, установите флажок напротив пункта меню Окно ⇒ Слои (Window ⇒ Layers).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
207
2. Дважды щелкните мышью по текстовому слою, чтобы на экране появилось диалоговое окно Стиль слоя (Layer Style) (рис. 2.55). Стили слоя отображаются в списке, расположенном в левой части диалогового окна. Чтобы применить стиль, установите флажок напротив его названия. Чтобы изменить настройки стиля, щелкните мышью по названию этого стиля. 3. Примените к тексту один или несколько стилей слоя. В нашем примере к тексту были применены стили Внешнее свечение (Outer Glow), Тиснение (Bevel), Контур (Contour) и Обводка (Stroke) (рис. 2.56).
Рис. 2.55. Диалоговое окно Стиль слоя
Рис. 2.56. К тексту применены
стили слоя
ÊÀÊ ÃÅÍÅÐÈÐÎÂÀÒÜ ÔÀÉËÛ Â ÐÀÇËÈ×ÍÛÕ ÔÎÐÌÀÒÀÕ (ÏÎÂÒÎÐ) См. этот раздел в проекте 1.
3. ÂÈÇÈÒÍÛÅ ÊÀÐÒÎ×ÊÈ ÈÍÑÒÐÓÊÖÈÈ ÄËß ÏÐÅÏÎÄÀÂÀÒÅËÅÉ Время выполнения: от 5 до 8 часов.
ÎÁÇÎÐ ÏÐÎÅÊÒÀ Это может оказаться довольно волнующим — достать и вручить визитную карточку, особенно в первый раз. Тем не менее довольно часто люди не имеют возможности управлять дизайном своей визитной карточки. В этом проекте учащиеся будут работать над созданием визитной карточки, параллельно знакомясь с основами типографики и дизайна макетов. Учащиеся также исследуют, как выбранный тон, целевая аудитория и поставленные задачи влияют на выбор дизайнерских решений, независимо от того, представляют ли они себя или какую-либо организацию. Наконец, учащиеся будут участвовать в формальном процессе рецензирования и внесения изменений, что поможет им улучшить и расширить свои дизайнерские навыки. Результат проекта: визитные карточки и PDF-презентация в виде слайд-шоу.
ÖÅËÈ ÏÐÎÅÊÒÀ По завершении данного проекта учащиеся разовьют следующие навыки. Íàâûêè óïðàâëåíèÿ ïðîåêòîì • • • • • •
Планирование и управление проектами, включающими несколько этапов. Объединение элементов различных типов. Рецензирование. Определение целевой аудитории(й). Выбор и использование соответствующих приложений. Опыт правомерного применения информации, охраняемой авторским правом, при использовании графических элементов, созданных другими людьми.
Äèçàéíåðñêèå íàâûêè • • • • •
Понимание влияния типографики на окружающих. Понимание взаимосвязи между цветами, типографикой, макетом и тоном. Разработка дизайна с учетом удобочитаемости. Внесение изменений на основании отзывов. Понимание различных форматов печати.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
• • •
Понимание методик экологического дизайна. Применение принципов печатного дизайна. Разработка дизайна, ориентированного на определенную целевую аудиторию(и).
•
Создание оригинальной работы.
209
Èññëåäîâàòåëüñêèå è êîììóíèêàòèâíûå íàâûêè •
Оценивание и анализ визитных карточек.
•
Умение давать взвешенную критику и отзывы.
•
Демонстрация личной ответственности при внесении изменений на основе полученных отзывов.
•
Презентация макета дизайна группе коллег.
•
Планирование стратегий сбора информации.
•
Эффективное представление планируемых изменений коллегам и преподавателям.
Òåõíè÷åñêèå íàâûêè Photoshop: •
экспортирование изображений в программу InDesign;
•
применение фильтров, включая фильтры Эффекты освещения (Lighting Effect) или Блик (Lens Flare).
InDesign: •
понимание интерфейса программы InDesign;
•
настройка параметров документа, включая размеры и поля;
•
добавление и изменение текста;
•
использование инструментов выравнивания, линеек, направляющих и сеток.
Acrobat Pro: •
создание PDF-презентации в виде слайд-шоу.
ÎÁÎÐÓÄÎÂÀÍÈÅ È ÌÀÒÅÐÈÀËÛ ÄËß ÂÛÏÎËÍÅÍÈß ÏÐÎÅÊÒÀ •
На всех компьютерах должна быть установлена программа Adobe Photoshop CS5 Extended.
•
На всех компьютерах должна быть установлена программа Adobe InDesign CS5.
•
На всех компьютерах должна быть установлена программа Adobe Acrobat 9 Pro.
•
Раздел «Понимание концепций типографики».
• • •
Презентация: «Введение в дизайн оформления текста». Бланк «Анализ визитных карточек». Бланк «Рецензия и внесение изменений в визитную карточку».
210 • • • • • • • •
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Раздел с пошаговыми инструкциями по программе Photoshop «Как изменять размеры, вращать и кадрировать изображения». Раздел с пошаговыми инструкциями по программе Photoshop «Как использовать фильтры». Раздел с пошаговыми инструкциями по программе InDesign «Обзор рабочего пространства программы InDesign CS5». Раздел с пошаговыми инструкциями по программе InDesign «Как настраивать документ». Раздел с пошаговыми инструкциями по программе InDesign «Как использовать текст». Раздел с пошаговыми инструкциями по программе InDesign «Как использовать линейки, сетки, направляющие и палитру Выравнивание (Align)». Раздел с пошаговыми инструкциями по программе InDesign «Как подготавливать файлы к печати». Раздел с пошаговыми инструкциями по программе Acrobat «Как создавать PDF-презентацию».
ÄÎÏÎËÍÈÒÅËÜÍÛÅ ÈÑÒÎ×ÍÈÊÈ ÄËß ÏÎÄÃÎÒÎÂÊÈ • • • •
Ресурсы для дополнительной подготовки. Ключевые понятия. Стандарт ISTE NETS*S для учащихся. Сертификация Adobe Certified Associate, задачи экзамена Visual Communication.
ÝÒÀÏÛ ÏÐÎÅÊÒÀ Ïëàíèðîâàíèå è ðàçðàáîòêà äèçàéíà âèçèòíîé êàðòî÷êè Рекомендуемое время: 50—100 минут. 1. Ознакомьте учащихся с целями проекта; • разработать дизайн и создать визитную карточку; • понять принципы типографики и дизайна макетов; • определить аспекты этапа внесения изменений и его важности в процессе дизайна. 2. Продемонстрируйте учащимся примеры визитных карточек и обсудите следующие моменты, связанные с типографикой. • Засечки. Короткие линии на концах символов. • Кернинг. Промежуток между двумя буквами; имеет крайне важное значение при работе с крупными символами и может требовать ручной регулировки. • Трекинг. Регулировка промежутка между всеми буквами, а не только промежутка между определенными парами. • Интерлиньяж. Пространство между двумя строками текста может оказывать влияние на читабельность текста.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
211
• Смещение базовой линии. Нижняя точка большинства букв (кроме тех, которые выходят за ее границы, такие как «у» и «р»). Смещение базовой линии может быть использовано для привлечения внимания. Ïðèìå÷àíèå: Âû ìîæåòå ïðåäâàðèòåëüíî ïîäãîòîâèòü âèçèòíûå êàðòî÷êè äëÿ äåìîíñòðàöèè ó÷àùèìñÿ èëè ïîïðîñèòü ó÷àùèõñÿ ïðèíåñòè âèçèòíûå êàðòî÷êè ñâîèõ ðîäèòåëåé.
Раздел «Понимание концепций типографики». 3. Продолжите просмотр примеров визитных карточек и подведите обсуждение к принципам типографики, создания макетов и дизайна. Поощряйте учащихся делать записи и заполнять бланк «Анализ визитных карточек». Вы можете обсудить следующие темы: • Читабельность. Уделяйте внимание длине строк, расстоянию между ними и правильной расстановке переносов, чтобы не переутомлять читателя чрезмерным использованием цветного текста, прописных букв или деформированного текста. • Визуальная иерархия. Создайте организованную систему для легкости восприятия и для подчеркивания определенной информации. • Шрифты. Чтобы обеспечить читабельность информации как в печатном виде, так и на экране компьютера, сравните шрифты с засечками и без засечек и обсудите размер, гарнитуры и опасности, связанные с использованием слишком большого количества комбинаций шрифтов. • «Правило третей». Разделите страницу на трети и поместите важную информацию в точки пересечения линий, чтобы такие объекты, как, например, изображения и макеты страниц, были сбалансированы и сфокусированы. • Выравнивание. Выровняйте все так, чтобы создать впечатление связанности и гармонии, при любой возможности используйте сетки. • Экологический дизайн. Учитывайте влияние создаваемого вами проекта на окружающий мир и разрабатывайте его с учетом экономических, социальных и экологических принципов рациональности. (Дополнительную информацию по экологическому дизайну можно найти в разделе «Ресурсы для дополнительной подготовки».) Презентация «Введение в дизайн оформления текста». Бланк «Анализ визитных карточек». 4. Чтобы помочь учащимся приступить к планированию их визитных карточек, можно обсудить с ними то, как тон, целевая аудитория и поставленные задачи влияют на дизайн и читабельность. Вот список вопросов, которые вы можете предложить для обсуждения: • Какая информация должна быть размещена на карточке? • Что вы хотите рассказать окружающим о себе или вашей организации? • Какова ваша целевая аудитория? • Какое впечатление, по вашему замыслу, должны производить ваши визитные карточки на окружающих? • Какова самая главная информация, которую вы хотите передать?
212
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
• Как на целевую аудиторию повлияет выбранная вами гарнитура? 5. Попросите учащихся сделать наброски своих визитных карточек и определить содержание карточки (имя, адрес и т. д.), а также любые другие дополнительные графические элементы, которые могут быть включены в карточку, применив полученные знания о графическом дизайне. Напомните учащимся использовать на визитных карточках логотипы, разработанные в проекте 2. Также учащиеся должны помнить, что при использовании любых графических элементов, созданных другим людьми, они должны соблюдать авторские права и получать соответствующие разрешения на использование подобных элементов. 6. Предложите учащимся использовать полученные знания о типографике и дизайне макетов, чтобы определить возможные шрифты и цвета. Пусть они оценят, как каждое из принимаемых ими решений может повлиять на общий тон и задачи их визитной карточки. Попросите учащихся описать поставленные задачи и дизайнерские решения, пояснив выбор используемых принципов дизайна, — предложите им занести эту информацию в бланк «Рецензия и внесение изменений в визитную карточку» (первые вопросы в частях «Соответствие исходным задачам» и «Планирование будущих изменений»). Бланк «Рецензия и внесение изменений в визитную карточку».
Ñîçäàíèå ýëåìåíòîâ âèçèòíîé êàðòî÷êè Рекомендуемое время: 100—150 минут. 7. Объясните учащимся, что они сначала создадут необходимые графические элементы в программе Photoshop, а затем перенесут созданные элементы в программу InDesign, чтобы включить их в визитную карточку. Расскажите учащимся, что они познакомятся с принципами использования фильтров в программе Photoshop для улучшения их логотипов и других графических элементов, которые они хотят использовать. 8. Для использования логотипов из предыдущего проекта учащимся, возможно, придется изменить размеры логотипов и произвести их улучшение, чтобы они соответствовали требованиям печати визитной карточки. Опишите распространенные размеры обычной визитной карточки и значение логотипов и другой графики, которые в ней используются. Объясните учащимся, что им будет предоставлено время для улучшения своих логотипов, если они захотят их изменить. Раздел с пошаговыми инструкциями по программе Photoshop «Как изменять размеры, вращать и кадрировать изображения». 9. Используя методику «Я делаю, мы делаем, вы делаете», продемонстрируйте, как использовать фильтры в программе Photoshop. Раздел с пошаговыми инструкциями по программе Photoshop «Как использовать фильтры». 10.
Предоставьте учащимся время для выполнения одного или всех перечисленных шагов, чтобы подготовить графические элементы в программе Photoshop: • произвести дополнительное улучшение логотипа, если это необходимо;
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
213
• изменить размеры, выполнить интерполяцию или кадрировать логотип, если это необходимо; • создать или собрать любые дополнительные графические элементы. Ïðèìå÷àíèå: Åñëè ó÷àùèåñÿ ïëàíèðóþò èñïîëüçîâàòü ãðàôè÷åñêèå ýëåìåíòû, ñîçäàííûå äðóãèìè ëþäüìè, îíè äîëæíû ïðèíèìàòü âî âíèìàíèå, ÷òî äàííûå ýëåìåíòû ìîãóò áûòü çàùèùåíû àâòîðñêèì ïðàâîì, è ïîýòîìó äëÿ èñïîëüçîâàíèÿ ýòèõ ýëåìåíòîâ íåîáõîäèìî ïîëó÷àòü ðàçðåøåíèå.
Ñîçäàíèå âèçèòíîé êàðòî÷êè Рекомендуемое время: 100—150 минут. 11.
Когда графические элементы созданы и готовы к использованию, учащиеся могут приступать к созданию макета визитной карточки в программе InDesign. Познакомьте учащихся с интерфейсом программы InDesign.
12.
Попросите учащихся создать базовый макет на основе тех набросков, которые они сделали ранее, и включить в макет запланированное текстовое содержимое. Используя методику «Я делаю, мы делаем, вы делаете», продемонстрируйте, как настраивать параметры документа, создавать текст и использовать сетки, линейки и направляющие в программе InDesign.
Раздел с пошаговыми инструкциями по программе InDesign «Обзор рабочего пространства программы InDesign CS5». Раздел с пошаговыми инструкциями по программе InDesign «Как настраивать документ». Раздел с пошаговыми инструкциями по программе InDesign «Как использовать текст». Раздел с пошаговыми инструкциями по программе InDesign «Как использовать линейки, сетки, направляющие и палитру Выравнивание (Align)». Ïðèìå÷àíèå: ×òîáû óáåäèòüñÿ, ÷òî âñå ýëåìåíòû, äîáàâëåííûå â äîêóìåíò InDesign, îáëàäàþò íåîáõîäèìûìè íàñòðîéêàìè äëÿ ïîñëåäóþùåé ïå÷àòè èëè ýêñïîðòà, âû ìîæåòå ïîçíàêîìèòü ó÷àùèõñÿ ñ ôóíêöèåé ïðåäïå÷àòíîé ïðîâåðêè è ïðîäåìîíñòðèðîâàòü åå âîçìîæíîñòè. Ïîäðîáíûå èíñòðóêöèè ïî íàñòðîéêå ôóíêöèè ïðåäïå÷àòíîé ïðîâåðêè äîñòóïíû â ðàçäåëå «Êàê ïîäãîòàâëèâàòü ôàéëû äëÿ ïå÷àòè».
13.
В заключение учащиеся должны импортировать графические элементы и логотип. Используя методику «Я делаю, мы делаем, вы делаете», продемонстрируйте, как импортировать файлы в программе InDesign. Попросите учащихся импортировать логотип и любые другие графические элементы, которые они создали в программе Photoshop.
14.
Предоставьте учащимся время на завершение макетов создаваемых визитных карточек и вставку графических элементов в документ InDesign в соответствии с разработанными первоначальными эскизами.
15.
Разбейте учащихся на пары и предложите им проанализировать визитные карточки друг друга, чтобы убедится, что созданные визитные карточки соответствуют поставленным задачам. Попросите учащихся сделать заметки на бланке «Рецензия и внесе-
214
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
ние изменений в визитную карточку», чтобы оценить выполнение поставленных задач и собрать отзывы. 16.
При необходимости предоставьте учащимся время на внесение изменений в визитные карточки.
17.
Когда учащиеся внесут необходимые изменения, они могут напечатать свои визитные карточки. Используя методику «Я делаю, мы делаем, вы делаете», продемонстрируйте, как подготовить визитные карточки для печати в программе InDesign, и попросите учащихся напечатать созданные визитные карточки, если это позволяют ваши ресурсы.
Раздел с пошаговыми инструкциями по программе InDesign «Как подготавливать фалы для печати». Ïðèìå÷àíèå: Ïðîìûøëåííàÿ ïå÷àòü íàëàãàåò îïðåäåëåííûå îãðàíè÷åíèÿ íà äèçàéí è ñòîèìîñòü âèçèòíûõ êàðòî÷åê. Âû ìîæåòå îáñóäèòü ñ ó÷àùèìèñÿ ýòè îãðàíè÷åíèÿ è èõ âîçìîæíîå âëèÿíèå íà òåêóùèé è áóäóùèå ïðîåêòû (íàïðèìåð, ìíîãîöâåòíàÿ ïå÷àòü — áîëåå ÷åì â äâóõ öâåòàõ — ÿâëÿåòñÿ î÷åíü äîðîãîé, ÷òî íàêëàäûâàåò îãðàíè÷åíèÿ íà âûáîð öâåòîâ ïðè ðàçðàáîòêå äèçàéíà).
Âíåñåíèå èçìåíåíèé è ïðåçåíòàöèÿ âèçèòíîé êàðòî÷êè Рекомендуемое время: 100—150 минут. 18.
Разбейте учащихся на небольшие группы, и предложите им выбрать один дизайн визитной карточки и внести необходимые изменения для каждого из следующих трех сценариев: • серьезный; • креативный; • развлекательный.
19.
Предоставьте группам учащихся время на создание трех визитных карточек.
20.
Попросите каждую группу подготовить презентацию в виде слайд-шоу в формате PDF, которая будет включать три варианта визитных карточек с описанием внесенных изменений и элементов дизайна, позволивших изменить тон исходной визитной карточки.
21.
Продемонстрируйте учащимся, как создавать слайд-шоу в формате PDF, и предоставьте каждой группе время на подготовку слайд-шоу, включающего исходный дизайн визитной карточки и три новых варианта дизайна.
Раздел с пошаговыми инструкциями по программе Acrobat «Как создавать PDF-презентацию». 22.
Попросите группы учащихся представить созданные ими слайд-шоу в формате PDF и объяснить свой выбор принципов дизайна и решения, принятые с целью изменения тона визитных карточек. Также попросите учащихся объяснить одну из ключевых концепций, с которыми они познакомились в этом проекте, и указать, что бы они хотели изучить в дальнейшем.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
215
ÄÎÏÎËÍÈÒÅËÜÍÛÅ ÇÀÄÀÍÈß Проект можно дополнить следующими заданиями. •
Вспомогательные материалы. После того, как учащиеся завершат работу над созданием визитных карточек, предложите им разработать дизайн и создать другие материалы, которые могут понадобиться им для бизнеса, например конверты и фирменные бланки, используемые при устройстве на работу и вручении визитных карточек. Если учащиеся разрабатывали дизайн визитной карточки для организации, предложите им создать вспомогательные материалы, которые могут понадобиться этой организации.
•
Практический опыт. Привлеките местных заинтересованных бизнесменов и организации, для которых группы учащихся могли бы создать дизайн визитной карточки. Каждая группа может выступать в роли самостоятельной дизайнерской фирмы, разрабатывая дизайны для организации.
•
Анализ работ совместно с клиентами. При работе с клиентами каждая группа может разместить свою работу в Интернете, создав PDF-документы в программе Adobe Acrobat 9 Pro или загрузив файлы на специализированный веб-сайт, например, Acrobat.com, чтобы клиенты могли провести анализ этих работ.
ÎÖÅÍÊÀ •
По нескольким критериям, представленным далее в разделе «Критерии оценки».
ÐÅÑÓÐÑÛ ÄËß ÄÎÏÎËÍÈÒÅËÜÍÎÉ ÏÎÄÃÎÒÎÂÊÈ •
Просмотрите разделы с пошаговыми инструкциями для учащихся, используемые в данном проекте.
•
Видеоуроки, которые соответствуют навыкам, необходимым для выполнения этого проекта, можно найти на сайте Adobe TV в демонстрации Visual Design CS5 по адресу tv.adobe.com/show/visual-design-cs5/.
•
Обзор интерфейса и дополнительную информацию по техническим аспектам программы Photoshop можно найти в справке программы.
•
Обзор интерфейса и дополнительную информацию по техническим аспектам программы InDesign можно найти в справке программы.
•
В этом проекте можно использовать следующие книги по дизайну и типографике: – Lupton, E. (2004). Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students. New York: Princeton Architectural Press. – Lawler, B. (2006). The Official Adobe Print Publishing Guide, Second Edition. Berkeley: Adobe Press. – Williams, R. (2007). Robin Williams Design Workshop, Second Edition. Berkeley: Peachpit Press.
216
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Òèïîãðàôèêà •
Общее знакомство с типографикой в Интернете доступно по адресу www.wpdfd.com/ wpdtypo.htm.
•
Правила оформления текста для печати можно найти по адресу www.utexas.edu/ visualguidelines/vg_p_type.html.
•
Статья, посвященная работе с текстом в программе Photoshop, доступна по адресу www. adobe.com/go/ps_dc_typo.
•
Ответ на вопрос «Что такое типографика и какие шрифты использовать в фирменных бланках, конвертах, визитных карточках, рекламных буклетах и брошюрах?» можно получить по адресу www.vipprinting.com/typetips.html.
•
Информация о разнице между шрифтами, используемыми в Интернете, и шрифтами, используемыми для печати, и о том, как их совместить, доступна по адресу www. graphicpush.com/webpage-printing-typography-and-usability-considerations.
•
Руководство по шрифтам и макетам страниц доступно по адресу www.typography-1st. com/typo/txt-lay.htm.
•
Типографике в веб-дизайне посвящена статья, которая доступна по адресу www. markboulton.co.uk/journal/comments/five_simple_steps_to_better_typography/.
Ìàêåò âèçèòíîé êàðòî÷êè •
Руководства и шаблоны по дизайну макетов можно найти по адресу www.utexas.edu/ visualguidelines/vg_p_grid.html.
•
Общие руководства по разработке макетов страниц можно найти по адресу desktoppub. about.com/cs/pagelayout/f/layout_rules.htm.
•
Описание 11 составных элементов визитной карточки можно найти по адресу desktoppub. about.com/od/businesscards/a/bcard_parts.htm.
•
Разнообразная информация по макетам визитных карточек, дизайну и тону доступна по адресу desktoppub.about.com/od/businesscards/Business_Cards.htm.
•
Размышления на тему ценовых преимуществ и дизайна визитных карточек можно найти по адресу ezinearticles.com/?Business-Cards-Design-Guidelines&id=462128.
Ãðàôè÷åñêèé äèçàéí •
Просмотрите презентацию «Введение в графический дизайн».
•
Статья, посвященная принципам дизайна, доступна по адресу www.digital-web.com/ articles/principles_of_design.
•
Демонстрация принципов дизайна в формате «до и после» доступна по адресу desktoppub. about.com/od/designprinciples/l/aa_pod2.htm.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
•
• •
217
Краткое введение в теорию графического дизайна, освещающее аспекты, которые необходимо учитывать как при создании произведения искусства, так и при разработке графического макета, можно найти по адресу www.usask.ca/education/coursework/skaalid/ theory/cgdt/designtheory.htm. Краткое обсуждение основных принципов дизайна доступно по адресу char.txa.cornell. edu/language/principl/principl.htm. Описание процесса разработки дизайна можно найти по адресу www.design-lib.com/ guidelines-to-graphic-design-process-gd.php.
Ýêîëîãè÷åñêèé äèçàéí • • • • •
Независимый онлайн-инструментарий для создания экологического графического дизайна доступен по адресу www.re-nourish.com. Библиотека документов Центра AIGA, посвященных экологическому дизайну, доступна по адресу www.livingprinciples.org/. Библиотека ресурсов Центра AIGA, посвященных экологическому дизайну, доступна по адресу sustainability.aiga.org/sus_resources. Набор принципов The Living Principles for Design можно найти по адресу sustainability. aiga.org/discussion/2009/10/the_living_prin.cfm. Вы можете дополнить этот проект следующими книгами по экологическому дизайну: – Dougherty, B. (2009). Green Graphic Design. New York: Allworth Press. www. greengraphicdesign.net. – Jedlicka, W. (2009). Packaging Sustainability: Tools, Systems and Strategies for Innovative Package Design. Hoboken, New Jersey: John Wiley & Sons, Inc.
ÊËÞ×ÅÂÛÅ ÏÎÍßÒÈß • • • • • • • • • • • • • •
Типографика. Засечки. Кернинг. Интерлиньяж. Трекинг. Смещение базовой линии. Гарнитуры. Читабельность. Иерархия. Выравнивание. Фильтры. Сетки. Линейки. Экологический дизайн.
218
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
ÑÒÀÍÄÀÐÒ ISTE NETS*S ÄËß Ó×ÀÙÈÕÑß Этот проект соответствует стандартам ISTE NETS*S — стандартам использования высоких технологий в образовании. В зависимости от выбранной учащимся темы и предметного содержания вам может потребоваться изучить стандарты вашего государства или штата, чтобы выяснить, соответствует ли данный проект установленным требованиям. 1. Творчество и инновации. Учащиеся демонстрируют творческое мышление, исследовательские подходы и разрабатывают инновационные продукты и процессы с использованием технологии. Учащиеся: b) Создают оригинальные произведения как средство выражения личности или группы. 2. Коммуникации и сотрудничество. Учащиеся используют цифровые средства и среды для общения и коллективной работы, в том числе на расстоянии, для поддержки индивидуального обучения и возможности обучения других. Учащиеся: b) эффективно распространяют информацию и идеи для разных аудиторий с использованием различных средств и форматов; d) участвуют в проектных группах для создания оригинальных произведений или решения проблем. 3. Исследования и информационная компетентность. Учащиеся умеют применять цифровые инструменты для сбора, оценки и использования информации. Учащиеся: b) находят, организуют, анализируют, оценивают, обобщают и используют информацию из различных источников и сред; c) оценивают и отбирают источники информации и цифровые средства на основе целесообразности для конкретных задач. 4. Критическое мышление, решение проблем и принятие решений. Учащиеся используют умение критически мыслить для планирования и проведения научных исследований, управления проектами, решения проблем и принятия обоснованных решений, используя соответствующие цифровые инструменты и ресурсы. Учащиеся: b) планируют и управляют деятельностью по разработке решения или выполнения проекта. 5. Цифровое гражданство. Учащиеся понимают гуманитарные, культурные и социальные вопросы, связанные с информационными технологиями и практикой легального и этического поведения. Учащиеся: a) практикуют безопасное, правовое и ответственное использование информации и технологии;
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
219
b) Демонстрируют позитивное отношение к использованию технологий, обеспечивающих возможности коллективной работы и обучения. c) Демонстрируют личную ответственность за постоянное повышение квалификации. 6. Применение технологии и технологические концепции. Учащиеся демонстрируют четкое понимание технологических концепций и систем и их применения. Учащиеся: a) понимают и используют технологические системы; b) эффективно и продуктивно выбирают и используют приложения.
ÑÅÐÒÈÔÈÊÀÖÈß ADOBE CERTIFIED ASSOCIATE, ÇÀÄÀ×È ÝÊÇÀÌÅÍÀ VISUAL COMMUNICATION 2.1
Демонстрация понимания разрешения и размеров изображения, а также знание форматов файлов изображений для Интернета, видео и печати.
2.2
Демонстрация знания принципов дизайна, элементов и композиции изображений.
2.3
Демонстрация знания типографии.
4.3
Преобразование изображений.
4.7
Демонстрация знания процесса печатания.
4.8
Демонстрация знания фильтров.
5.1
Демонстрация знания процесса подготовки изображений для Интернета, печати и видео.
ÊÐÈÒÅÐÈÈ ÎÖÅÍÊÈ 0 — ниже ожидаемого
3 — соответствует ожиданиям
5 — превосходит ожидания
Анализ визитных карточек
Отсутствует или не завершен
Бланк «Анализ визитных карточек» заполнен и содержит примеры из обсуждения учащихся, руководство и презентацию по типографике
Бланк «Анализ визитных карточек» заполнен четко и полностью. Бланк содержит конкретные и четкие примеры из обсуждения учащихся, руководство и презентацию по типографике. Кроме того, заполненный бланк содержит конкретные и четкие примеры из предыдущих обсуждений принципов дизайна, теории цвета и макетов
Анализ и внесение изменений
Отсутствуют или не завершены
Процесс проведения анализа и внесения изменений выявляет, отвечает ли первая версия визитной карточки исходным задачам, ставит ли он новые
Процесс проведения анализа и внесения изменений четко и подробно указывает, отвечает или не отвечает первая версия визитной карточки исходным задачам,
220
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
0 — ниже ожидаемого
3 — соответствует ожиданиям
задачи и отображает ли принципы создания хорошего дизайна. В результате этого процесса получено детальное описание всех необходимых изменений для окончательной версии визитной карточки
Визитная карточка — содержимое
Отсутствует или не завершено
Визитная карточка — дизайн
Отсутствует или не завершен
PDFпрезентация в виде слайд-шоу
Отсутствует, не завершена или не сфокусирована
Визитная карточка содержит множество элементов, а ее дизайн позволяет передавать информацию нескольким целевым аудиториям. Любые графические элементы, созданные другими авторами, используются должным образом с соблюдением принципов авторского права Визитная карточка содержит логотип, и в ней используется соответствующий типографический дизайн, дизайн макета и цветовое решение. Элементы визитных карточек созданы с использованием фильтров и выровнены надлежащим образом
5 — превосходит ожидания
необходимо ли поставить новые задачи и каким образом в визитной карточке отражены принципы создания хорошего дизайна. В ходе этого процесса глубоко анализируются изменения окончательной версии визитной карточки, а также определяются новые принципы дизайна и технические приемы их реализации Визитная карточка обладает четким тоном и назначением и эффективно передает информацию нескольким целевым аудиториям. Любые графические элементы, созданные другими авторами, используются должным образом с соблюдением принципов авторского права
Визитная карточка содержит логотип, и в ней четко и надлежащим образом используется соответствующий типографический дизайн, дизайн макета и цветовое решение. В процессах планирования и разработки дизайна визитной карточки были использованы подходящие технологические приемы, например использование фильтров для графических элементов, надлежащее выравнивание графики, а также указаны правильные размеры документа, в том числе его поля Презентация в виде слайд-шоу Презентация в виде слайд-шоу содержит первоначальный вариант содержит первоначальный визитной карточки. Презентация вариант визитной карточки. содержит три переработанных Презентация содержит три варианта визитной карточки переработанных варианта визитной карточки с пояснени- с четкими и подробными пояснениями и анализом процесса разработями и анализом процесса разработки дизайна, принятых ки дизайна (с примерами — эскизами и пр.), принятых дизайнерских дизайнерских решений решений и внесенных изменений и внесенных изменений (типографический дизайн, цветовое (типографический дизайн, решение, дизайн макета, использоцветовое решение, дизайн ванные технологии и т. д.) для макета, использованные
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
0 — ниже ожидаемого
3 — соответствует ожиданиям
221
5 — превосходит ожидания
технологии и т. д.) для каждого каждого варианта — серьезного, варианта — серьезного, креативного или развлекательнокреативного или развлекатель- го — карточки ного — карточки Работа в команде
Отсутствует или не завершена
Учащийся сотрудничает с другими учащимися, высказывая комментарии или предлагая помощь. Он вносит должный вклад в работу над проектом, но лишь минимально помогает другим в развитии навыков
Учащийся активно сотрудничает с другими учащимися, высказывая комментарии или предлагая помощь. Вносит должный вклад в работу над проектом. Консультируется с другими членами команды перед принятием важных проектных решений и добровольно помогает другим в развитии навыков, необходимых для выполнения проекта
ÏÎÍÈÌÀÍÈÅ ÊÎÍÖÅÏÖÈÉ ÒÈÏÎÃÐÀÔÈÊÈ В этом разделе рассматриваются концепции типографики, включая: • засечки; • размер шрифта; • интерлиньяж; • кернинг; • трекинг; • смещение базовой линии.
ÒÅÊÑÒ Ñ ÇÀÑÅ×ÊÀÌÈ È ÁÅÇ ÇÀÑÅ×ÅÊ Засечки — это короткие линии на концах символов. Многие теоретики дизайна убеждены, что засечки помогают глазу двигаться по странице (до двадцатого века почти все шрифты имели засечки). Шрифты бывают либо с засечками (рис. 3.1), либо без них (рис. 3.2).
Рис. 3.1. Шрифт с засечками
Рис. 3.2. Шрифт без засечек
222
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
При создании дизайна заголовков вы можете выбрать как семейство шрифтов с засечками, так и без них. Для основного текста учитывайте следующее: •
Шрифты с засечками легче читать в печатном виде.
•
Шрифты без засечек легче читать на экране монитора.
Шрифты с засечками легче читать в печатном виде потому, что засечки помогают читателям четче различать буквы. Для примера сравните заглавную букву «I» и строчную «L». Если засечки отсутствуют, читатель может не различить эти буквы: Заглавная буква «I» шрифта Arial 24 пт. Строчная буква «L» шрифта Arial 24 пт.
I l
Как вы, возможно, знаете, на мониторе компьютера заголовки отображаются в гораздо более низком разрешении, нежели при печати, — обычно «экранное» разрешение не превышает 96 пикселов на дюйм в сравнении с 300 пикселями на дюйм, используемых при печати. Изза такого низкого разрешения засечки становятся размытыми, что часто затрудняет чтение текста. (Фактически некоторые шрифты были созданы специально для того, чтобы обойти ограничения отображения текста на экране компьютеров. Одним из таких шрифтов является шрифт Verdana.)
ÐÀÇÌÅÐ ØÐÈÔÒÀ Шрифты измеряются в пунктах — в одном дюйме 72 пункта. Ваш выбор размера шрифта зависит от способа использования текста и, в частности, от того является ли этот текст основным или заголовком. Основной текст — это любой текст длиннее одной-двух строк. Основной текст должен отличаться повышенной удобочитаемостью. Вы можете захотеть изменить размер основного текста в зависимости от целевой аудитории. И хотя у более молодых читателей не должно возникать проблем при чтении текста размером 6 или 7 пунктов, читателям старше 25 лет текст размером менее 10 пунктов может показаться некомфортным для чтения (текстовые блоки начинают выглядеть слишком темными, а шрифты — слишком маленькими). С другой стороны, слишком большой шрифт будет иметь свои недостатки. Если размер вашего шрифта составляет более 14 пунктов, блоки текста могут казаться слишком светлыми, что затрудняет их продолжительное чтение. Для заголовков используйте размер шрифта, который хотя бы на два пункта больше размера основного текста. Насколько больше — зависит от вас самих, это дизайнерское решение, которое зависит от целей вашего макета и дизайна. Между всеми заголовками и основным текстом обычно должен существовать контраст. Такой контраст помогает создать иерархию между уровнями информации.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
223
ÈÍÒÅÐËÈÍÜßÆ Интерлиньяж — это расстояние между строками текста. Из-за слишком маленького интерлиньяжа текстовый блок может казаться слишком темным и трудночитаемым. С другой стороны, из-за слишком большого интерлиньяжа текст может казаться слишком светлым и также трудночитаемым. Вы можете поэкспериментировать сразными настройками интерлиньяжа, чтобы найти приемлемый для вас вариант; ваша цель заключается в поиске баланса между слишком маленьким и слишком большим интерлиньяжем. Для основного текста большинство дизайнеров используют интерлиньяж, который превосходит размер шрифта как минимум на два пункта. Например, если размер основного текста равен 12 пунктам, вы можете установить интерлиньяж в 14 пунктов. Большинство программ по изготовлению макетов, включая программу Adobe InDesign, используют это правило для интерлиньяжа по умолчанию.
Рис. 3.3. Шрифт размером 14 пунктов с интерлиньяжем 16,8 пункта
Рис. 3.4. Примеры использования интерлиньяжа для заголовков
Для заголовков, особенно заголовков, состоящих из заглавных букв, вы можете применять интерлиньяж в более свободной манере. Изменение интерлиньяжа может дать различные эффекты для дизайна (рис. 3.4). •
Вы можете устанавливать интерлиньяж для заголовков вручную.
•
Если все буквы заголовка являются заглавными, вы можете уменьшить интерлиньяж почти до нуля, не пожертвовав при этом удобочитаемостью.
ÊÅÐÍÈÍÃ È ÒÐÅÊÈÍÃ И кернинг, и трекинг влияют на расстояние между символами. Кернинг определяет расстояние между двумя любыми буквами в строке. Трекинг определяет расстояние между всеми буквами в строке.
Êåðíèíã В прошлом текст, генерируемый компьютером, содержал пространство между парами букв, образованное естественным путем. К этим парам букв относятся «Pa», «Ta», «We» и «Yo». Расстояние между этими буквами больше, чем расстояние между другими парами букв, такими как «na».
224
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Современное программное обеспечение (включая программу Adobe InDesign) корректирует значение кернинга автоматически. • Метрический кернинг автоматически настраивает расстояние между парами букв, определенное для каждого шрифта. • Оптический кернинг автоматически выравнивает расстояние между буквами в зависимости от их формы. По умолчанию программа InDesign применяет к вашему тексту метрический кернинг. Метрический кернинг автоматически настраивает расстояние между буквами так, что пары букв, образующие промежутки, — «Pa», «Ta», «We» и «Yo» — используют такое же расстояние, как и те пары букв, которые не образуют подобные промежутки. Подобные пары называются кернинговой парой и включены в большинство шрифтов. Для шрифтов, которые не включают в себя такие пары (что довольно редко), вы можете выбрать другой способ автоматического кернинга, который называется оптический кернинг. Оптический кернинг выравнивает пространство между буквами в зависимости от их формы. Оптический кернинг также оказывается полезен, когда вы используете две разных гарнитуры шрифта или размера в одном или более слов в строке.
Рис. 3.5. Кернинг, настроенный вручную
Кернинг можно также настроить вручную. Обычно читатель замечает промежутки, образуемые кернингом, только в шрифтах большого размера (рис. 3.5). Некоторые дизайнеры также используют кернинг для создания эффекта плотно прижатых букв. («Плотный» кернинг был особо популярен в послевоенный период, с 1950 до 1980 года. Если вы видели рекламу той поры, вы можете вспомнить заголовки из плотно пригнанных букв.)
Òðåêèíã Трекинг определяет расстояние между буквами в строке текста. Изменение значения трекинга позволяет отодвинуть буквы друг от друга. (Обычно вам не понадобится уменьшать значение трекинга, кроме тех случаев, когда вы его увеличили ранее. Если слишком сильно уменьшить значение трекинга, текст будет казаться слишком темным для большинства читателей.) Трекинг измеряется в 1/1000 цицеро. Цицеро зависит от текущего размера шрифта. Для шрифта размером 12 пунктов 1 цицеро равен 12 пунктам; для шрифта размером 10 пунктов 1 цицеро равен 10 пунктам. ЧтоРис. 3.6. Примеры трекинга бы отодвинуть буквы друг от друга на существенное расстояние, в поле ввода Трекинг (Tracking) нужно ввести довольно большое число — как минимум 300. Положительное значение трекинга увеличивает расстояние между буквами (рис. 3.6). Отрицательное значение трекинга уменьшает это расстояние.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
225
Ñìåùåíèå áàçîâîé ëèíèè Базовая линия шрифта — это линия, на которой лежат нижние точки букв, кроме тех букв, у которых выступают подстрочные элементы, например «y» и «g». Вы можете использовать смещение базовой линии, чтобы изменить положение базовой линии для одной или более букв, либо для создания особого эффекта, либо для форматирования специальных символов, таких как символ торговой марки. Для серых символов на рис. 3.7 положение базовой линии было изменено.
Рис. 3.7. Примеры применения смещения базовой линии
ÀÍÀËÈÇ ÂÈÇÈÒÍÛÕ ÊÀÐÒÎ×ÅÊ Имя: ________________________________________________ Дата:_______________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Визитная карточка: ___________________________________________
ÌÀÊÅÒ Опишите макет визитной карточки. Что привлекло ваше внимание? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Какую информацию содержит визитная карточка? В ней слишком много или слишком мало информации? Как дизайнер решил вопрос размещения всей важной информации? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
226
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
ÖÂÅÒÀ È ÃÐÀÔÈÊÀ Опишите, какие цвета используются в визитной карточке. Хорошо ли они сочетаются между собой? Присутствует ли резкий контраст между текстом и фоном? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Соответствует ли цветовая схема назначению или тону визитной карточки? Какой тон задают эти цвета? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Опишите логотип на визитной карточке. Он достаточно разборчивый? Как цвета логотипа сочетаются с другими цветами на визитной карточке? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Какие другие декоративные элементы содержит визитная карточка? Правильно ли выровнены эти элементы? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
227
ÒÈÏÎÃÐÀÔÈÊÀ Опишите шрифт(ы), использованные для каждого элемента визитной карточки, например для имени и контактной информации человека. Выбранный размер шрифта обеспечивает удобочитаемость? Как применяется типографика для визуального разделения различных элементов на карточке? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Насколько согласуются шрифты и их размеры? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Вы можете определить, какое форматирование, связанное с типографикой, было применено (трекинг, интерлиньяж, смещение базовой линии, и т. д.)? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÒÎÍ Какова целевая аудитория данной визитной карточки? Какое сообщение о профессиональном лице ее владельца доносит дизайн этой карточки? Имеет ли содержание четкую иерархию, и подчеркнута ли определенная информация? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
228
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Если взглянуть на карточку, чем, на ваш взгляд, занимается ее владелец? Какие слова вы бы использовали для описания его работы? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Как графический дизайн (баланс, выделение, цвет, тон и т. д.) передает содержание? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÐÅÖÅÍÇÈß È ÂÍÅÑÅÍÈÅ ÈÇÌÅÍÅÍÈÉ Â ÂÈÇÈÒÍÓÞ ÊÀÐÒÎ×ÊÓ Имя: ___________________________________________________ Дата:____________ Вопросы, представленные на этом бланке, помогут вам проанализировать и внести необходимые изменения в вашу визитную карточку. Вопросы разбиты по следующим четырем категориям: • соответствие исходным задачам; • необходимость в постановке новых задач; • отражение принципов хорошего дизайна; • планирование будущих изменений.
ÑÎÎÒÂÅÒÑÒÂÈÅ ÈÑÕÎÄÍÛÌ ÇÀÄÀ×ÀÌ Каковы были первоначальные задачи для создаваемой вами визитной карточки? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
229
Отвечает ли созданная визитная карточка поставленным задачам? Почему да, или почему нет? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÍÅÎÁÕÎÄÈÌÎÑÒÜ Â ÏÎÑÒÀÍÎÂÊÅ ÍÎÂÛÕ ÇÀÄÀ× Придумали ли вы новые задачи для вашей визитной карточки? Если да, то какие и почему изменились исходные задачи? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
Îòðàæåíèå ïðèíöèïîâ õîðîøåãî äèçàéíà Какие концепции и принципы дизайна вы изначально использовали в вашей визитной карточке? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Хотите ли вы добавить новые концепции или принципы дизайна в вашей визитной карточке? Если да, то какие и почему вы хотите их добавить? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
230
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
ÏËÀÍÈÐÎÂÀÍÈÅ ÁÓÄÓÙÈÕ ÈÇÌÅÍÅÍÈÉ Какие изменения потребуется внести в создаваемую визитную карточку, чтобы применить новые концепции и принципы дизайна? Словесно опишите необходимые изменения и сделайте наброски этих изменений. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÊÀÊ ÈÇÌÅÍßÒÜ ÐÀÇÌÅÐÛ, ÂÐÀÙÀÒÜ È ÊÀÄÐÈÐÎÂÀÒÜ ÈÇÎÁÐÀÆÅÍÈß (ÏÎÂÒÎÐ) См. этот раздел в проекте 1.
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ÔÈËÜÒÐÛ Фильтры, поставляемые вместе с программой Adobe Photoshop CS5, предоставляют широкие возможности для изменения вида ваших изображений. Вы можете использовать фильтры для очистки или ретуширования фотографий, применения специальных художественных эффектов, которые придают изображению вид наброска или картины в импрессионистском стиле, а также применения эффектов искажения и освещения. Фильтры могут придавать дополнительный интерес вашему изображению или помогать в достижении целей вашего дизайна. Однако, как и в случае с другими функциональными возможностями программы Photoshop, вы не должны чрезмерно увлекаться фильтрами, поскольку из-за огромного количества примененных фильтров изображение может выглядеть слишком загруженным или непрофессиональным. У каждого фильтра есть собственный набор параметров. Перед тем, как применить фильтр, вы можете настроить эти параметры. Экспериментируйте с разными настройками для достижения целей дизайна. При использовании фильтров существуют следующие ограничения: •
Некоторые фильтры работают только с RGB-изображениями.
•
К 8-битным изображениям могут быть применены все фильтры. К 16-битным или 32-битным изображениям может быть применен ограниченный набор фильтров, список которых можно найти в справке программы Photoshop.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
•
231
Если фильтры применяются к слоям-фигурам, программа Photoshop сначала растеризует фигуру. Растеризация подразумевает преобразование фигуры из векторного формата в растровый формат.
ÑÎÇÄÀÍÈÅ ÔÈÃÓÐÛ ÏÐÎÈÇÂÎËÜÍÎÉ ÔÎÐÌÛ В следующем упражнении вы создадите фигуру, после чего примените к ней фильтры, чтобы придать ей художественный вид. Чтобы создать фигуру произвольной формы: 1. Запустите программу Photoshop и создайте новый документ. 2. Щелкните по инструменту Прямоугольник (Rectangle tool) на панели инструментов и, удерживая кнопку мыши, выберите инструмент Произвольная фигура (Custom Shape) (рис. 3.8). 3. На панели параметров убедитесь, что кнопка-переключатель Слой-фигура (Shape Layers) установлена (рис. 3.9).
Рис. 3.8. Инструмент Произвольная фигура
Рис. 3.9. Панель параметров инструмента Произвольная фигура
4. Выберите любую фигуру на панели Произвольные фигуры (Cus-tom Shape picker), например Клякса 1 (Blob 1) (рис. 3.10).
5. Путем перетаскивания указателя мыши по изображению нарисуйте фигуру произвольной формы аналогично тому, как вы рисуете прямоугольник. Чтобы сохранить пропорции фигуры, нажмите и удерживайте клавишу Shift при перетаскивании указателя мыши.
Рис. 3.10. Панель Произвольные фигуры
232
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Ïðèìåíåíèå ôèëüòðà Вы можете применить фильтр к активному слою. Чтобы применить фильтр: 1. Выберите слой, который содержит фигуру произвольной формы (рис. 3.11). По умолчанию этот слой имеет название Фигура 1 (Shape 1). 2. Выберите команду меню Фильтр ⇒ Эскиз ⇒ Полутоновой узор (Filter ⇒ Sketch ⇒ Halftone Pattern). Фильтр Полутоновой узор (Halftone Pattern) — Рис. 3.11. Палитра Слои это лишь один из многих фильтров, с помощью которых вы можете достичь нужного художественного эффекта. Результаты применения фильтра Полутоновой узор (Halftone Pattern) внешне напоминают некоторые приемы поп-арта. Программа Photoshop предупредит вас о том, что для продолжения работы необходимо растеризовать изображение. Это значит, что нарисованная фигура превратится из векторного объекта в растровый.
Рис. 3.12. Диалоговое окно Полутоновой узор
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
233
3. Щелкните по кнопке OK. Появится диалоговое окно Полутоновой узор (Halftone Pattern) (рис. 3.12). Ïðèìå÷àíèå: Ïàðàìåòðû ôèëüòðîâ èç ãðóïï Èìèòàöèÿ (Artistic), Øòðèõè (Brush Strokes), Èñêàæåíèå (Distort), Ýñêèç (Sketch), Ñòèëèçàöèÿ (Stylize) è Òåêñòóðà (Texture) îòîáðàæàþòñÿ â ýòîì æå äèàëîãîâîì îêíå.
Вы можете предварительно просмотреть результаты применения разных фильтров, выбрав их в средней части диалогового окна.
Рис. 3.13. Применен фильтр Полутоновой узор
4. В правой части диалогового окна присвойте параметру Размер (Size) значение 2, параметру Контрастность (Contrast) — значение 20, а в раскрывающемся списке Тип узора (Pattern Type) выберите значение Точка (Dot). 5. Щелкните по кнопке OK. Фильтр будет применен к фигуре произвольной формы (рис. 3.13).
Ïðèìåíåíèå äîïîëíèòåëüíîãî ôèëüòðà Вы можете применить несколько фильтров к одному изображению. В следующем упражнении вы будете применять фильтры к фигуре произвольной формы. Фильтры можно применять практически к любому изображению, например, к фотографиям или к другой графике. Чтобы применить дополнительный фильтр: 1. Щелкните по слою, содержащему фигуру произвольной формы. 2. Выберите команду меню Фильтр ⇒ Имитация ⇒ Губка (Filter ⇒ Artistic ⇒ Sponge). Как и в случае с фильтром Полутоновой узор (Halftone Pattern), на экране появится диалоговое окно, которое позволит вам предварительно просмотреть результаты применения фильтра к изображению и внести изменения в настройки параметров фильтра Губка (Sponge) (рис. 3.14). 3. Присвойте параметру Размер кисти (Brush Size) значение 2, параметру Контрастность (Definition) — значение 16, а параметру Смягчение (Smoothness) — значение 6. 4. Щелкните по кнопке OK. Фильтр Губка (Sponge) будет применен к фигуре (рис. 3.15). Обратите внимание, как фильтр Губка (Sponge) влияет на результаты применения фильтра Полутоновой узор (Halftone Pattern). Вы можете создавать огромное разнообразие эффектов, применяя к изображению несколько фильтров.
234
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Рис. 3.14. Диалоговое окно Губка
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÔÈËÜÒÐÀ ÏËÀÑÒÈÊÀ Фильтр Пластика (Liquify) — это еще один интересный фильтр, который вы можете применять к изображениям. В результате применения фильтра изображение выглядит расплавленным, напоминая работы Сальвадора Дали. Используя фильтр Пластика (Liquify), вы можете вытеснять, тянуть, поворачивать, отражать, втягивать или раздувать любую область изображения.
Рис. 3.15. Применен фильтр Губка
Чтобы применить фильтр Пластика (Liquify): 1. Откройте изображение в программе Photoshop. 2. Выберите слой, к которому вы хотите применить фильтр Пластика (Liquify). 3. Выберите команду меню Фильтр ⇒ Пластика (Filter ⇒ Liquify). Появится диалоговое окно Пластика (Liquify) (рис. 3.16).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
235
Рис. 3.16. Диалоговое окно Пластика
4. Установите размер кисти в правой части диалогового окна. Размер кисти должен быть достаточно большим, чтобы изменить ваше изображение. 5. В левой части диалогового окна выберите инструмент Деформация (Forward Warp). 6. Перетащите указатель мыши по части изображения (рис. 3.17). Ïðèìå÷àíèå: Èíñòðóìåíò Ðåêîíñòðóèðîâàòü (Reconstruct), ðàñïîëîæåííûé ïîä èíñòðóìåíòîì Äåôîðìàöèÿ (Forward Warp), ïîçâîëÿåò îòìåíÿòü ðåçóëüòàòû èñïîëüçîâàíèÿ äðóãèõ èíñòðóìåíòîâ ôèëüòðà Ïëàñòèêà (Liquify). Äëÿ ýòîãî âûáåðèòå èíñòðóìåíò Ðåêîíñòðóèðîâàòü (Reconstruct) è ïåðåòàùèòå óêàçàòåëü ìûøè ïî èñêàæåííîé ÷àñòè èçîáðàæåíèÿ.
Поэкспериментируйте с другими инструментами фильтра Пластика (Liquify), например инструментами Сморщивание (Pucker), Вздутие (Bloat), Скручивание по часовой стрелке (Twirl Clockwise) и Турбулентность (Turbulence).
236
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Рис. 3.17. Результат использования инструмента Деформация
7. Когда вы будете удовлетворены результатом, щелкните по кнопке OK, чтобы применить изменения к изображению.
ÎÁÇÎÐ ÐÀÁÎ×ÅÃÎ ÏÐÎÑÒÐÀÍÑÒÂÀ ÏÐÎÃÐÀÌÌÛ INDESIGN CS5 В этом разделе вы узнаете, как: • работать с рабочим пространством программы InDesign, инструментами, окнами документа, монтажным столом, панелями и слоями; • настраивать рабочее пространство; • изменять масштаб отображения документа; • перемещаться по документу, используя палитру Страницы (Pages) и элементы управления страницей в окне документа.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
237
ÇÍÀÊÎÌÑÒÂÎ Ñ ÐÀÁÎ×ÈÌ ÏÐÎÑÒÐÀÍÑÒÂÎÌ Рабочее пространство программы InDesign включает все, что вы видите, когда впервые открываете или создаете документ: панель инструментов, окно документа, монтажный стол, и другие панели и палитры. Вы можете настроить и сохранить рабочее пространство в соответствии с вашими предпочтениями. Например, вы можете включить отображение только тех панелей и палитр, которые вы часто используете, свернуть и переместить группы панелей/палитр, изменить размеры окон и добавить дополнительные окна документов.
Рис. 3.18. Интерфейс программы Adobe InDesign CS5
Рабочее пространство программы InDesign, используемое по умолчанию (рис. 3.18), включает в себя панель приложения, расположенную в верхней части экрана. На этой панели расположены значок программы InDesign, главное меню, элементы управления приложением, переключатели режимов просмотра документа и переключатель рабочих пространств. Под этой панелью находится панель управления, панель инструментов (слева), другие палитры (справа) и одно или более открытых по отдельности окон документов. • Главное меню в верхней части экрана представляет команды, организованные в различные меню. • Панель инструментов содержит инструменты для создания и редактирования изображений, иллюстраций, элементов страниц и т. д. Инструменты со схожими функциями объединены в группы.
238 • •
•
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Панель управления позволяет управлять настройками текущего инструмента. Окна документов отображают страницы документов тех файлов, над которыми вы работаете в текущий момент. Каждая страница или разворот в документе окружены собственным монтажным столом, на котором вы можете хранить объекты для документа в процессе создания макета. Палитры помогают вам просматривать и вносить изменения в вашу работу. Вы можете перемещать, группировать, создавать ряд плавающих палитр или прикреплять палитры.
ÍÀÑÒÐÎÉÊÀ ÐÀÁÎ×ÅÃÎ ÏÐÎÑÒÐÀÍÑÒÂÀ Сохранив текущие размеры и положение палитр в интерфейсе программы InDesign в качестве рабочего пространства с заданным именем, вы сможете восстановить это рабочее пространство, даже если вы переместите или закроете некую палитру. Имена сохраненных рабочих пространств доступны через переключатель рабочих пространств. Чтобы создать собственное рабочее пространство: 1. Переместите палитры и настройте расположение элементов интерфейса программы InDesign в соответствии с вашими предпочтениями (рис. 3.19).
Рис. 3.19. Расположение палитр в пользовательском интерфейсе
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Рис. 3.20. Меню переключателя рабочих пространств
239
Рис. 3.21. Диалоговое окно Новое рабочее пространство
2. В меню переключателя рабочих пространств выберите команду Новое рабочее пространство (New Workspace) (рис. 3.20) На экране появится диалоговое окно Новое рабочее пространство (New Workspace) (рис. 3.21). 3. Укажите название для вашего рабочего пространства и выберите элементы, которые вы хотите сохранить в этом рабочем пространстве: текущее расположение панелей сохранится, если вы установите флажок Расположение палитр (Panel Locations); любые назначенные комбинации клавиш и настройки меню сохранятся, если вы установите флажок Настройка меню (Menu Customization). 4. Щелкните по кнопке OK. Название вашего нового рабочего пространства отобразится на переключателе рабочих пространств. 5. Выберите команду меню Окно ⇒ Рабочее пространство (Window ⇒ Workspace). Заметьте, что название вашего нового рабочего пространства теперь находится в верхней части подменю Рабочее пространство (Workspace). Даже если вы внесете изменения, вы можете вернуться к сохраненному рабочему пространству, выбрав его название в подменю Рабочее пространство (Workspace) или в меню переключателя рабочих пространств (рис. 3.22). Вы можете восстановить сохраненное рабочее пространство в любое время, выбрав команду Сбросить [название вашего рабочего пространства] (Reset [название вашего рабочего пространства]) в меню переключателя рабочих пространств.
Рис. 3.22. Выбор
сохраненного рабочего пространства
240
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
ÎÒÊÐÛÒÈÅ ÔÀÉËÀ Â ÏÐÎÃÐÀÌÌÅ INDESIGN Как правило, процесс открытия документов и шаблонов в программе InDesign ничем не отличается от процесса открытия файлов в других программах. При открытии шаблона программы InDesign он открывается как новый документ без названия. Файлы документов используют расширение .indt, файлы библиотек — расширение .indl, а файлы книг — расширение .indb. Вы также можете использовать команду меню Файл ⇒ Открыть (File ⇒ Open) для открытия файлов, созданных в программе InDesign версии 1.x и выше (включая версии азиатских языков), файлов InDesign Interchange (.inx), файлов, созданных в программах Adobe PageMaker 6.0 и более поздних версий, QuarkXPress 3.3 и 4.1 и QuarkXPress Passport 4.1. Кроме того, сторонние производители программного обеспечения могут создавать дополнительные внешние модули, позволяющие открывать файлы других форматов. Чтобы открыть существующий файл: 1. Запустите программу InDesign. Появится экран приветствия (рис. 3.23). Если вы не видите экрана приветствия, выберите команду меню Справка ⇒ Экран приветствия (Help ⇒ Welcome Screen). Экран приветствия позволяет быстро получить доступ: • к последним использовавшимся файлам; • новым документам;
Рис. 3.23. Экран приветствия программы InDesign
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
241
• обучающим материалам для начала работы, изучения новых возможностей программы и других дополнительных ресурсов; • ссылкам на сообщества пользователей программы InDesign. 2. Чтобы открыть существующий документ InDesign, щелкните по ссылке Открыть (Open), расположенной в группе элементов управления Открыть последний файл (Open A Recent Item), в появившемся диалоговом окне выберите месторасположение вашего файла и щелкните по кнопке Открыть (Open). 3. Вы также можете выбрать команду меню Файл ⇒ Открыть (File ⇒ Open).
ÎÁÇÎÐ ÏÀÍÅËÈ ÈÍÑÒÐÓÌÅÍÒÎÂ Некоторые инструменты на панели инструментов (рис. 3.24) предназначены для выбора, редактирования и создания элементов страниц. Другие инструменты применяются для выбора шрифтов, фигур, линий и градиентов. Вы можете изменить внешний вид панели инструментов, чтобы она соответствовала предпочитаемому вами размеру окна программы и расположению элементов интерфейса. Щелкните по инструменту, чтобы выбрать его на панели инструментов, используемой по умолчанию. Панель инструментов также содержит несколько скрытых инструментов, связанных с отображаемыми инструментами. Скрытые инструменты обозначаются стрелочками в правом нижнем углу значка инструмента. Чтобы выбрать скрытый инструмент, щелкните по текущему инструменту на панели инструментов и, удерживая кнопку мыши, выберите нужный скрытый инструмент в появившемся меню. Когда указатель мыши находится над значком инструмента, на экране появляются название этого инструмента и комбинация клавиш для его быстрого выбора — это называется подсказкой. Вы можете отключить отображение подсказок, выберите значение Нет (None) в раскрывающемся списке Подсказки (Tool Tips) категории параметров Интерфейс (Interface) диалогового окна Установки (Preferences).
Рис. 3.24. Обзор панели инструментов
Èíñòðóìåíò Ìàñøòàá Вы можете использовать инструмент Масштаб (Zoom) для изменения уровня масштабирования вашего документа. Чтобы использовать инструмент Масштаб (Zoom) для изменения уровня масштабирования: 1. Откройте документ, содержащий несколько страниц, взгляните на его название, указанное в верхней части окна документа, и обратите внимание на процентное значение, указанное в конце названия файла (рис. 3.25).
242
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Рис. 3.25. Окно документа с отображаемым уровнем масштабирования
Рис. 3.26. Подсказка
Это значение отражает текущий уровень масштаба отображения страницы, или уровень масштабирования. 2. Переместите указатель на панель инструментов и задержите его над значком с изображением лупы, пока на экране не появится подсказка, содержащая название инструмента и комбинацию клавиш для его быстрого вызова (рис. 3.26). 3. Выберите инструмент Масштаб (Zoom), либо щелкнув по его кнопке на панели инструментов, либо нажав клавишу Z — «горячую» клавишу для инструмента Масштаб (Zoom). 4. Щелкните в любом месте окна документа. Масштаб отображения документа увеличится до следующего предопределенного уровня масштабирования, и это значение заменит предыдущее значение уровня масштабирования в окне документа. То место, по которому вы щелкнули мышью, после увеличения масштаба отображения окажется в центре окна документа. 5. Используя инструмент Масштаб (Zoom), путем перетаскивания указателя мыши нарисуйте прямоугольник, охватывающий некую часть документа (рис. 3.27).
Рис. 3.27. Выбор прямоугольной области
Масштаб отображения выбранной вами области документа увеличится, и эта область заполнит все окно документа.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
243
6. Чтобы уменьшить масштаб отображения, щелкайте левой кнопкой мыши при нажатой клавише Alt (Windows) или клавише Option (Mac OS) (рис. 3.28).
Рис. 3.28. Уменьшение уровня масштабирования документа
Èíñòðóìåíò Ðóêà Инструмент Рука (Hand tool) позволяет вам перемещать документ внутри окна документа. Это полезно, если вы хотите увидеть часть документа, которая сейчас находится вне поля зрения. Чтобы перемещаться по документу с помощью инструмента Рука (Hand): 1. Увеличивайте масштаб документа, пока часть этого документа не окажется вне поля зрения (рис. 3.29).
Рис. 3.29. Окно документа с полосами прокрутки
2. Выберите инструмент Рука (Hand) на панели инструментов (рис. 3.30). 3. Используя инструмент Рука (Hand), перетащите указатель мыши, чтобы прокрутить содержимое окна документа и увидеть разные части документа (рис. 3.31).
Рис. 3.30. Инструмент Рука
244
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Рис. 3.31. Перемещение по документу с помощью инструмента Рука
Êàê âûäåëèòü îáúåêò è ðàáîòàòü ñ ïàíåëüþ óïðàâëåíèÿ Панель управления (команда меню Окно ⇒ Управление (Window ⇒ Control)) предоставляет быстрый доступ к настройкам, командам и другим панелям и палитрам, которые относятся к текущему элементу страницы или выбранным объектам (такое поведение называется контекстным). По умолчанию панель управления прикреплена к верхней части окна документа, однако вы можете прикрепить ее и к нижней части окна, превратить в плавающую панель или вообще скрыть. Чтобы воспользоваться инструментом Выделение (Selection) и панелью управления: 1. Открыв документ в программе InDesign, выберите инструмент Выделение (Selection) на панели инструментов и затем выберите какой-либо объект в вашем документе. Заметьте, что на панели управления представлены такие настройки, как положение, размер и угол поворота выбранного объекта (рис. 3.32). 2. Теперь выберите инструмент Текст (Type) и выделите текстовую область. Содержимое панели управления изменится, и на ней появятся настройки для форматирования текста (рис. 3.33).
Íàâèãàöèÿ ïî ñòðàíèöàì äîêóìåíòà Перемещаться по страницам документа можно при помощи палитры Страницы (Pages), кнопок страниц в нижней части окна документа, полос прокрутки или других команд. Чтобы осуществить навигацию по страницам документа: 1. Для перехода от одной страницы к другой можно использовать кнопки со стрелками, расположенные в нижнем левом углу окна документа (рис. 3.34). Щелкните по кнопке со
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Рис. 3.32. Вид панели управления при выбранном изображении
Рис. 3.33. Вид панели управления при выбранном тексте
245
246
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
стрелкой вправо, чтобы перейти к следующей странице, или по кнопке со стрелкой влево, чтобы перейти к предыдущей странице. Этот элемент управления будет недоступен, если будет отсутствовать страница для перехода. Раскрывающийся список позволяет переместиться к нужной странице путем выбора ее номера.
Рис. 3.34. Использование элементов управления в нижнем левом углу окна документа
2. Второй способ навигации по документу заключается в использовании палитры Страницы (Pages) (рис. 3.35).
В верхней части этой палитры перечислены шаблоны макетов документа, а в нижней части — страницы документа. В окне документа отображается выбранная страница. 3. Вы также можете непосредственно перейти на определенную страницу, выбрав команду меню Макет ⇒ Перейти к странице (Layout ⇒ Go To Page) и указав нужный номер страницы (рис. 3.36).
Рис. 3.35. Использование палитры Страницы для навигации
Рис. 3.36. Использование команды меню для навигации
ÐÀÁÎÒÀ ÑÎ ÑËÎßÌÈ Каждый документ содержит хотя бы один слой с именем. Используя несколько слоев, вы можете создавать и редактировать определенные зоны или типы содержимого в вашем документе, не затрагивая при этом другие зоны или типы содержимого. Например, если ваш документ медленно печатается из-за того, что содержит большое количество графических элементов, вы можете использовать один слой вашего документа только для текста; затем, когда
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
247
придет время вычитать текст, вы можете скрыть все остальные слои и быстро напечатать только текстовый слой. Вы также можете использовать слои для отображения других вариантов дизайна одного и того же макета или различных версий рекламы для разных регионов. Представьте, что слои — это прозрачные листы, расположенные один над другим. Если слой не содержит объектов, вы можете видеть сквозь него любые объекты, находящиеся на слоях под ним. Вы можете рисовать объекты в документе и использовать их в качестве контуров или фреймов. Контур — это векторный графический объект наподобие тех объектов, которые вы создаете в программах для рисования, например Adobe Illustrator. Фреймы схожи с контурами и имеют лишь одно отличие — они могут выступать в роли контейнеров для текста или других объектов. Фреймы также можно использовать в качестве местозаполнителя — контейнера без содержимого. Фреймы в качестве контейнеров и местозаполнителей являются основными компоновочными блоками для макета документа. Чтобы создать слои и работать с объектами: 1. Выберите команду меню Окно ⇒ Слои (Window ⇒ Layers). Откроется палитра Слои (Layers) (рис. 3.37). Заметьте, что на этой палитре уже находится слой под названием Слой 1 (Layer 1). Вы будете использовать этот слой как фон. 2. Дважды щелкните по слою Слой 1(Layer 1) на палитре Слои (Layers).
Рис. 3.37. Палитра Слои
На экране появится диалоговое окно Параметры слоя (Layer Options) (рис. 3.38). 3. Укажите желаемые настройки параметров слоя в диалоговом окне Параметры слоя (Layer Options) и затем щелкните по кнопке OK. •
Раскрывающийся список Цвет (Color). Определяет цвет для обозначения объектов, содержащихся на этом слое.
•
Флажок Показать слой (Show Layer). Делает слой видимым. Установка этого флажка выполняет ту же функцию, что и щелчок по пустому квадрату рядом с названием слоя на палитре Слои (Layers).
•
Флажок Показать направляющие (Show Guides). Включает отображение направляющих на слое. Когда этот флажок сброшен для слоя, направляющие нельзя сделать видимыми, даже выбрав команду меню Просмотр ⇒ Показать направляющие (View ⇒ Show Guides).
•
Флажок Заблокировать слой (Lock Layer). Препятствует изменению любых объектов слоя. Установка этого флажка выполняет ту же функцию, что и отображение значка блокировки в виде перечеркнутого карандаша на палитре Слои (Layers).
Рис. 3.38. Диалоговое окно Параметры слоя
248 •
•
•
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Флажок Заблокировать направляющие (Lock Guides). Препятствует изменению всех направляющих линеек слоя. Флажок Печатать слой (Print Layer). Позволяет запретить печать слоя. При печати или экспорте в PDF-файл вы можете указать, нужно ли печатать скрытые и непечатаемые слои. Флажок Отменить обтекание текстом на скрытом слое (Suppress Text Wrap When Layer Is Hidden). Обеспечивает равномерное распределение текста на других слоях, когда данный слой скрыт и в нем содержатся объекты, для которых используется обтекание текстом.
4. Выберите инструмент Прямоугольник (Rectangle) на панели инструментов. 5. Путем перетаскивания указателя мыши в окне документа создайте фоновую фигуру (рис. 3.39).
Рис. 3.39. Перетаскивание указателя инструмента Прямоугольник в окне документа
6. Дважды щелкните по значку Заливка (Fill) на панели инструментов (рис. 3.40). На экране появится диалоговое окно Палитра цветов (Color Picker) (рис. 3.41). После того, как вы выберите цвет, он будет отображен на значке Заливка (Fill).
Рис. 3.40. Значки Заливка и Обводка на панели инструментов
Рис. 3.41. Диалоговое окно Палитра цветов
7. Щелкните по кнопке OK. 8. Создайте новый слой, щелкнув по кнопке Новый слой (New Layer) на палитре Слои (Layers). На палитре появится новый слой под названием Слой 2 (Layer 2), в который вы будете импортировать графику.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
249
9. Выберите инструмент Прямоугольный фрейм (Rectangle Frame) на панели инструментов. 10.
11.
Путем перетаскивания указателя мыши в окне документа создайте фоновый фрейм, в который вы хотите поместить графические элементы (рис. 3.42). Убедитесь, что фрейм имеет правильную ориентацию, соответствующую вставляемому изображению, но не беспокойтесь о точном размере фрейма, поскольку вы сможете изменить его позже.
Рис. 3.42. Создание графического фрейма
Выберите команду меню Файл ⇒ Поместить (File ⇒ Place).
На экране появится диалоговое окно Поместить (Place) (рис. 3.43).
Рис. 3.43. Диалоговое окно Поместить
12.
Выберите графический файл.
13.
Щелкните по кнопке Открыть (Open).
14.
Если перед этим вы сняли выделение с фрейма, указатель мыши примет вид значка загруженного графического объекта с миниатюрой изображения. Щелкните внутри вы-
250
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
бранного фрейма, чтобы поместить в него изображение. Если вы не снимали выделение с фрейма, изображение будет помещено в него автоматически. Изображение добавляется в документ на текущий слой. 15.
Выберите команду меню Объект ⇒ Подгонка (Object ⇒ Fitting).
Существует несколько вариантов подгонки содержимого к фрейму или фрейма к содержимому (рис. 3.44).
Рис. 3.44. Варианты подгонки объекта
Если размеры нового изображения оказываются меньше или больше размеров фрейма, вы можете подогнать фрейм, выбрав команду меню Объект ⇒ Подгонка ⇒ Фрейм по размеру содержимого (Object ⇒ Fitting ⇒ Fit Frame To Content). Фрейм подгоняется по размеру содержимого (рис. 3.45). 16.
На палитре Слои (Layers) щелкните по значку треугольника, расположенного рядом с названием слоя, чтобы отобразить все объекты данного слоя и порядок их наложения для текущего разворота (рис. 3.46).
Рис. 3.45. Объект, помещенный во фрейм
Рис. 3.46. Палитра Слои с развернутым содержимым слоя
Вы можете изменить порядок наложения объектов путем перетаскивания элементов вверх или вниз по списку. На палитре Слои (Layers) вы также можете отобразить или скрыть, заблокировать или разблокировать отдельные элементы страницы.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
251
ÊÀÊ ÍÀÑÒÐÀÈÂÀÒÜ ÄÎÊÓÌÅÍÒ При работе с программой Adobe InDesign CS5 ваш первый шаг заключается в создании документа. При создании нового документа вы устанавливаете его размеры, поля и другие характеристики. В этом разделе рассматривается процесс создания нового документа с размерами визитной карточки.
ÑÎÇÄÀÍÈÅ ÍÎÂÎÃÎ ÄÎÊÓÌÅÍÒÀ В последующих шагах вы сначала измените установки программы так, чтобы размеры документа выражались в дюймах, а затем создадите новый документ. По умолчанию размеры документов в программе InDesign выражаются в пиках. Пика — это стандартная единица измерения; в одном дюйме 72 пики. Со временем, приобретя опыт в области разработки дизайна макетов, вы можете заметить, что использовать пики в качестве единиц измерения довольно удобно. Но для начала легче будет измерять все в дюймах. Чтобы создать новый документ: 1. Запустите программу InDesign и выберите команду меню Редактирование ⇒ Установки ⇒ Единицы измерения (Edit ⇒ Preferences ⇒ Units & Increments) (Windows) или InDesign ⇒ Установки ⇒ Единицы измерения (InDesign ⇒ Preferences ⇒ Units & Increments) (Mac OS). На экране появится диалоговое окно Установки (Preferences) с выбранной категорией Единицы измерения (Units & Increments) (рис. 3.47).
Рис. 3.47. Категория Единицы измерения диалогового окна Установки
252
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
2. В раскрывающихся списках По горизонтали (Horizontal) и По вертикали (Vertical) группы элементов управления Разметка линеек (Ruler Units) выберите значение Дюймы (Inches). В результате этого действия единицы измерения документа по горизонтали и по вертикали будут установлены в дюймы. Ïðèìå÷àíèå: Åñëè âû ïðèâûêëè ðàáîòàòü ñ ïóíêòàìè è ïèêàìè, îñòàâüòå åäèíèöû èçìåðåíèÿ òàêèìè, êàêèìè îíè áûëè ïî óìîë÷àíèþ.
3. Не изменяя настройки остальных параметров, щелкните по кнопке OK, чтобы закрыть диалоговое окно Установки (Preferences). 4. Выберите команду меню Файл ⇒ Новый ⇒ Документ (File ⇒ New ⇒ Document). На экране появится диалоговое окно Новый документ (New Document) (рис. 3.48). Поскольку в качестве единиц измерения для линеек вы выбрали дюймы, значения параметров Формат страницы (Page Size), Поля (Margins) и других измерений документа будут выражаться в дюймах.
Рис. 3.48. Диалоговое окно Новый документ
5. Сбросьте флажок Разворот (Facing Pages). Так как данный документ будет включать лишь одну страницу, нет необходимости в использовании разворота. На развороте страницы расположены рядом друг с другом. Книги и журналы обычно состоят из разворотов. Когда вы устанавливаете флажок Разворот (Facing Pages), программа InDesign расценивает две страницы как один разворот, и вы можете работать над созданием макета двух страниц сразу.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
253
6. В поле ввода Ширина (Width) введите значение 3,5. В поле ввода Высота (Height) введите значение 2. В США существуют стандартные размеры для визитной карточки. Конечно же, для других документов вы будете использовать другие значения. Например, размер стандартной страницы в США равен 8,5 дюймов на 11 дюймов. 7. Не изменяйте значение параметра Количество (Number) группы элементов управления Колонки (Columns), равное 1. Если бы этот документ содержал несколько колонок текста, вы бы могли указать другое значение. 8. В группе элементов управления Поля (Margins) убедитесь, что значок Сделать все значения одинаковыми (Make All Settings The Same) (значок с изображением цепи) выбран. Этот элемент управления сообщает программе InDesign, что для всех полей должно быть установлено единое значение. Чтобы придать документам единообразный вид, вам придется часто устанавливать для полей одинаковые значения. Если вы хотите установить разные значения для левого, правого, верхнего и нижнего поля, значок Сделать все значения одинаковыми (Make All Settings The Same) должен быть сброшен, когда вы будете вводить значения для каждого поля. 9. Введите значение 0,25 в поле ввода Сверху (Top) и нажмите клавишу Tab. Все остальные параметры этой группы элементов управления примут значение 0,25 дюйма. 10. Щелкните по кнопке OK. В программе InDesign откроется новый документ (рис. 3.49). Как вы можете видеть, поля документа отмечены направляющими линиями. Также заметьте, что в качестве единиц измерения линеек слева и сверху окна документа используются дюймы.
Рис. 3.49. Новый документ программы InDesign
254
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÍÅÑÊÎËÜÊÈÕ ÐÀÇÌÅÐÎÂ ÑÒÐÀÍÈÖ Вы можете задавать разные размеры для страниц, находящихся в одном документе. Эта возможность особенно полезна, когда вы хотите разместить похожие дизайны в одном файле. Например, вы можете включить страницы визитной карточки, фирменного бланка и конверта в один документ (рис. 3.50).
Рис. 3.50. Страницы разных размеров в одном документе
Чтобы создать страницы разных размеров в одном документе: Используйте палитру Страницы (Pages), чтобы выбрать страницу-шаблон или макет страницы, размеры которой вы хотите изменить, после чего измените настройки параметров страницы.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
255
1. Выберите команду меню Файл ⇒ Новый ⇒ Документ (File ⇒ New ⇒ Document). На экране появится диалоговое окно Новый документ (New Document) (рис. 3.51). Диалоговое окно Новый документ (New Document) объединяет параметры, доступные в диалоговых окнах Параметры документа (Document Setup) и Поля и колонки (Margins And Columns), позволяя устанавливать размеры страницы, полей и колонок в одном месте.
Рис. 3.51. Диалоговое окно Новый документ
2. Убедитесь, что в раскрывающемся списке Формат страницы (Page Size) выбрано значение Letter, и укажите другие настройки параметров документа. Например, введите значение 3 в поле ввода Количество страниц (Number Of Pages), поскольку для данного документа потребуется три страницы. Оставьте остальные настройки параметров без изменений. Вы можете изменить их позже при определении индивидуальных размеров страниц. 3. Сбросьте флажок Разворот (Facing Pages), чтобы каждая страница отображалась по отдельности. 4. Щелкните по кнопке OK, чтобы открыть новый документ с указанными вами настройками параметров. 5. Если палитра Страницы (Pages) не отображается на экране, выберите команду меню Окно ⇒ Страницы (Window ⇒ Pages).
Рис. 3.52. Палитра Страницы
256
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
6. Щелкните по первой странице документа, чтобы выбрать ее. Заметьте, что на палитре Страницы (Pages) теперь выбрана страница под номером 1 (рис. 3.52). 7. Щелкните по кнопке Изменить формат страницы (Edit Page Sizes) на палитре Страницы (Pages) и выберите значение Заказной формат страницы (Custom Page Size) в появившемся списке. В открывшемся диалоговом окне Заказной формат страницы (Custom Page Size) введите значение 3,5 в поле ввода Ширина (Width) и значение 2 в поле ввода Высота (Height). Щелкните по кнопке OK. 8. Далее измените стандартные поля для визитной карточки. Выберите команду меню Макет ⇒ Поля и колонки (Layout ⇒ Margins and Columns). На экране появится диалоговое окно Поля и колонки (Layout ⇒ Margins and Columns) (рис. 3.53).
Рис. 3.53. Диалоговое окно Поля и колонки
9. Введите значение 0,25 в поле ввода Сверху (Top) и нажмите клавишу Tab. Значение 0,25 дюймов (0.25 inches) появится во всех полях ввода этой группы элементов управления. 10.
Щелкните по кнопке OK, чтобы применить новые значения параметров.
11.
На палитре Страницы (Pages) дважды щелкните по странице под номером 3.
Заметьте, что в документе также была выбрана третья страница. 12.
Щелкните по кнопке Изменить формат страницы (Edit Page Sizes) на палитре Страницы (Pages), и выберите значение Заказной формат страницы (Custom Page Size) в появившемся списке.
На экране появится диалоговое окно Заказной формат страницы (Custom Page Size) (рис. 3.54). 13.
Введите значение 9,5 в поле ввода Ширина (Width) и значение 4,125 в поле ввода Высота (Height).
Это стандартные размеры для коммерческого конверта № 10 в США.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Рис. 3.54. Диалоговое окно Заказной формат страницы
14.
257
Рис. 3.55. Макет программы InDesign со страницами нескольких размеров
Щелкните по кнопке OK.
Трехстраничный макет готов к использованию (рис. 3.55).
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ÒÅÊÑÒ Поскольку программа Adobe InDesign CS5 представляет собой инструмент для создания макетов страниц, работа с текстом является важнейшим навыком. В программе InDesign весь текст (и все содержимое) добавляется во фреймы. Фреймы — это фигуры (которые называются контурами), в которых размещается содержимое страницы. Добавить текст без добавления текстового фрейма невозможно, и это хорошо, т. к. фреймы предоставляют широкие возможности форматирования и позиционирования текста, а также контроля над заполнением текстом — тем, как текст переходит от одного фрейма к другому фрейму. В этом разделе вы познакомитесь с тем, как добавлять текстовые фреймы и применять основное форматирование, например выбирать шрифт, его размер, и цвет текста, и расширенное форматирование, например устанавливать интерлиньяж, кернинг, трекинг и смещение базовой линии. Расширенные настройки управления текстом дают вам более обширный контроль над тем, как будут выглядеть абзацы текста в окончательной версии документа.
ÄÎÁÀÂËÅÍÈÅ ÒÅÊÑÒÎÂÎÃÎ ÔÐÅÉÌÀ В программе InDesign весь текст размещается внутри фреймов. Простейший способ создать текстовый фрейм — это использовать инструмент Текст (Type). Ïðèìå÷àíèå: Âû òàêæå ìîæåòå ñîçäàâàòü òåêñòîâûå ôðåéìû ïðè ïîìîùè èíñòðóìåíòîâ ãðóïïû «Ôðåéìû». Èñïîëüçóÿ èíñòðóìåíò Îâàëüíûé ôðåéì (Ellipse Frame) è èíñòðóìåíò Ìíîãîóãîëüíûé ôðåéì (Polygon Frame) , âû ìîæåòå ñîçäàâàòü òåêñòîâûå ôðåéìû, êîòîðûå áóäóò èìåòü íå ïðÿìîóãîëüíóþ ôîðìó, à, íàïðèìåð, ôîðìó îêðóæíîñòè, øåñòèãðàííèêà èëè çâåçäû.
258
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Чтобы создать текстовый фрейм с помощью инструмента Текст (Type): 1. Запустите программу InDesign и создайте новый документ. 2. Выберите инструмент Текст (Type) (рис. 3.56) Указатель мыши примет вид инструмента Текст (Type) (значок текстового курсора, обведенный точечной рамкой). 3. Путем перетаскивания указателя мыши по странице создайте текстовый фрейм (рис. 3.57). Чтобы упростить процесс правильного размещения фрейма, можно отобразить на экране сетку документа (команда меню Просмотр ⇒ Сетка и направляющие ⇒ Показать сетку документа (View ⇒ Grids & Guides ⇒ Show Document Grid)). В процессе перетаскивания указателя мыши на экране появится голубой контур (рис. 3.57), а рядом с указателем мыши будут отображаться ширина и высота этого контура.
Рис. 3.56. Панель инструментов
Рис. 3.57. Создание текстового фрейма путем перетаскивания указателя мыши
4. Отпустите кнопку мыши, чтобы создать текстовый фрейм. Заметьте, что внутри фрейма появится мигающий текстовый курсор. 5. Введите любой текст, например ваше имя. Для отображения текста будут использоваться те шрифт, размер шрифта и другие параметры, которые были ранее установлены на панели управления инструмента Текст (Type).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
259
6. Не перемещая текстовый курсор, выберите инструмент Выделение (Selection) в верхней части панели инструментов (рис. 3.58). На рамке текстового фрейма появятся маркеры (рис. 3.58). Вы можете использовать эти маркеры для изменения размера текстового фрейма. Отличить текстовые фреймы от других фреймов можно по текстовым портам — пустым квадратам, которые по размерам больше маркеров фрейма, — на левой и правой сторонах рамки фрейма. Вы можете использовать текстовые порты для связывания текстовых фреймов.
Рис. 3.58. Маркеры фрейма
ÔÎÐÌÀÒÈÐÎÂÀÍÈÅ ÒÅÊÑÒÀ Для макета выбор внешнего вида текста является целым искусством. И хотя влияние, оказываемое вашим текстом на читателей, в основном будет зависеть от его оформления (выбранного шрифта), вы можете детально настроить его внешний вид, изменив несколько дополнительных настроек. Такая точная настройка особенно важна для заголовков и другого крупноформатного текста, поскольку этот текст должен выделяться, вызывая интерес у читателей, которые с большей вероятностью заметят внесенные изменения для крупного текста, нежели для мелкого текста. Форматирование текста осуществляется при помощи параметров на панели управления (рис. 3.59).
Рис. 3.59. Панель управления текстом
ÂÛÄÅËÅÍÈÅ ÒÅÊÑÒÀ È ÏÐÈÌÅÍÅÍÈÅ Ê ÍÅÌÓ ÎÑÍÎÂÍÎÃÎ ÔÎÐÌÀÒÈÐÎÂÀÍÈß Чтобы изменить цвет текста, вам сначала понадобится его выделить (если выделить лишь текстовый фрейм и изменить настройки его параметров, текст, содержащийся в этом фрейме, не изменится). Вы можете использовать панель управления и панель инструментов, чтобы изменить шрифт, цвет и обводку текста. Заливка (Fill) определяет цвет внутри контура символа. Обводка (Stroke) определяет цвет самого контура. По умолчанию обводка к тексту не применяется.
260
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Чтобы выделить текст: 1. Выберите инструмент Текст (Type). 2. Щелкните внутри текстового фрейма с текстом. 3. Путем перетаскивания указателя мыши над текстом выделите фрагмент текста (рис. 3.60). Выделенный текст будет подсвечен. 4. Выберите другой шрифт в раскрывающемся списке Гарнитура (Font Family), например Franklin Gothic Medium.
Рис. 3.60. Выделенный текст
5. Выберите другой размер шрифта в раскрывающемся списке Кегль (Font Size), например 18 пт (18 pt). 6. Установите кнопку-переключатель Капители (Small Caps). Когда кнопка-переключатель Капители (Small Caps) установлена, все строчные буквы выглядят, как уменьшенные прописные буквы. 7. Дважды щелкните по значку Заливка (Fill) на панели инструментов (рис. 3.61). На экране появится диалоговое окно Палитра цветов (Color Picker) (рис. 3.62). Когда текст выделен, на значке Заливка (Fill) отображается маленькая буква «T».
Рис. 3.62. Диалоговое окно Палитра цветов
Рис. 3.61. Значки Заливка и Обводка на панели инструментов
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
261
8. Выберите цвет для заливки текста в диалоговом окне Палитра цветов (Color Picker). 9. Щелкните по кнопке OK. Цвет текста изменится на выбранный цвет. 10.
Дважды щелкните по значку (Stroke) на панели инструментов.
Обводка
На экране появится диалоговое окно Палитра цветов (Color Picker). 11.
Выберите цвет для обводки текста в диалоговом окне Палитра цветов (Color Picker).
12.
Щелкните по кнопке OK.
Рис. 3.63. Применено основное форматирование текста
Обводка текста примет выбранный цвет. 13.
Щелкните в окне документа за пределами выделенного текста, чтобы снять выделение и увидеть результат изменений (рис. 3.63).
ÍÀÑÒÐÎÉÊÀ ÈÍÒÅÐÂÀËÎÂ È ÏÐÈÌÅÍÅÍÈÅ ÑÌÅÙÅÍÈß ÁÀÇÎÂÎÉ ËÈÍÈÈ Чтобы улучшить удобочитаемость текста и добиться его соответствия целям дизайна, вы также можете настроить интервалы между строками и символами — интерлиньяж, трекинг, и кернинг — и изменить вертикальное положение некоторых символов — смещение базовой линии.
Íàñòðîéêà èíòåðëèíüÿæà Интерлиньяж определяет расстояние между строками. Вы, наверное, уже научились отличать одинарный интервал от двойного. Изменяя интерлиньяж, вы можете точно настроить расстояние между строками. Чтобы настроить интерлиньяж: 1. С помощью инструмента Текст (Text) выделите какой-либо текст. 2. Выберите подходящее значение в раскрывающемся списке Интерлиньяж (Leading) (рис. 3.64). Вы также можете ввести числовое значение в поле ввода раскрывающегося списка Интерлиньяж (Leading). Например, на рис. 3.65 к тексту размером 12 пунктов был применен интерлиньяж, равный 24 пунктам.
262
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Рис. 3.64. Раскрывающийся список Интерлиньяж на панели управления
Рис. 3.65. Интерлиньяж, примененный к тексту
Íàñòðîéêà òðåêèíãà Трекинг определяет расстояние между символами в пределах одной строки. Изменяя трекинг, вы можете увеличить расстояние между буквами. (Вам вряд ли придется уменьшать это значение, кроме тех случаев, когда вы увеличите его заранее). Трекинг измеряется в тысячных долях круглой шпации. Эта единица измерения определяется относительно текущего размера шрифта. Если размер шрифта равен 12 пунктам, 1 круглая шпация равна 12 пунктам; если размер шрифта равен 10 пунктам, 1 круглая шпация равна 10 пунктам. Чтобы получить заметное расстояние между буквами, вы должны ввести довольно большое число в поле ввода раскрывающегося списка Трекинг (Tracking) — как минимум, 300. Чтобы настроить трекинг: 1. Выделите любой текст. 2. Выберите подходящее значение в раскрывающемся списке Трекинг (Tracking) (рис. 3.66) Вы также можете ввести числовое значение в поле ввода раскрывающегося списка Трекинг (Tracking). Например, на рис. 3.67 к тексту размером 18 пунктов был применен трекинг, равный 500.
Рис. 3.66. Раскрывающийся список Трекинг на панели управления
Рис. 3.67. Трекинг, примененный к тексту
Íàñòðîéêà êåðíèíãà Кернинг определяет расстояние между любыми двумя символами. По умолчанию в программе InDesign к тексту применяется метрический кернинг. При использовании метрического кернинга расстояние между символами настраивается автоматически так, что пары символов,
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
образующие пробелы, — например, «La», «Pa», «Ta», «We» и «Yo» — становятся единообразны с теми парами символов, которые не образуют такие пробелы. Подобные пары символов называются кернинговой парой и включены в большинство шрифтов.
263
Рис. 3.68. Раскрывающийся список Кернинг на панели управления
Для шрифтов, которые не включают в себя такие пары (что довольно редко), вы можете выбрать другой метод автоматического кернинга, который называется оптическим кернингом. Оптический кернинг изменяет расстояние между символами в зависимости от их формы. Оптический кернинг также полезен, когда вы используете две разных гарнитуры или размера шрифта в одном или более слов в строке. Вы также можете настроить кернинг вручную. Обычно такая настройка требуется только для букв большого размера, когда необходимо сделать так, чтобы они находились совсем близко друг к другу. Чтобы настроить кернинг между определенными символами, щелкните мышью между ними и измените значение в раскрывающемся списке Кернинг (Kerning) на панели управления (рис. 3.68).
Ïðèìåíåíèå ñìåùåíèÿ áàçîâîé ëèíèè Базовая линия шрифта — это линия, на которой лежат нижние точки букв, кроме тех, у которых выступают подстрочные элементы, например, «y» и «g». Вы можете применить смещение базовой линии, чтобы изменить положение базовой линии для одного или более символов. • Если вы введете положительное значение в поле ввода со счетчиком Смещение базовой линии (Baseline Shift), текст сместится вверх от базовой линии. • Если вы введете отрицательное значение в поле ввода со счетчиком Смещение базовой линии (Baseline Shift), текст сместится вниз от базовой линии. Чтобы применить смещение базовой линии: 1. Выделите символ, к которому вы хотите применить смещение базовой линии. 2. Щелкните по полю ввода со счетчиком Смещение базовой линии (Baseline Shift) и затем нажимайте клавишу Стрелка вверх или Стрелка вниз, чтобы изменить положение базовой линии символа (рис. 3.69). Например, на рис. 3.70 к символам «J» и «L» было применено смещение базовой линии с отрицательным значением.
Рис. 3.69. Поле ввода со счетчиком Смещение базовой линии на панели управления
Рис. 3.70. Смещение базовой линии, примененное к тексту
264
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
ÓÏÐÀÂËÅÍÈÅ ÂÛÒÅÑÍÅÍÍÛÌ ÒÅÊÑÒÎÌ При форматировании текста — а особенно при внесении таких изменений, которые увеличивают объем пространства, занимаемого текстом, — существует вероятность появления вытесненного текста. Вытесненный текст — это текст, который не вмещается в текстовый фрейм. Когда во фрейме присутствует вытесненный текст, правый текстовый порт окрашивается в красный цвет и на нем появляется знак «плюс» (+) (рис. 3.71).
Рис. 3.71. Фрейм с вытесненным текстом
В таких случаях вы можете предпринять одно из трех действий: •
уменьшить размер шрифта, интерлиньяж или трекинг, чтобы текст уместился во фрейме;
•
увеличить размер текстового фрейма;
•
сделать так, чтобы избыточный текст перетек в другой фрейм. (Дополнительную информацию об этой возможности можно найти в справке программы InDesign и в разделе «Как управлять потоком текста между фреймами».)
ÐÀÑØÈÐÅÍÍÀß ÊÎÌÏÎÍÎÂÊÀ ÒÅÊÑÒÀ Внешний вид текста на вашей странице определяется сложным взаимодействием процессов, называемым компоновкой. Используя указанные интервалы между словами и буквами, обводку символов и параметры расстановки переносов, программа InDesign компонует ваш текст в таком виде, в котором он наиболее оптимально будет соответствовать заданным параметрам. Программа InDesign поддерживает два метода компоновки: компоновщик абзацев Adobe (используется по умолчанию) и построчный компоновщик Adobe. Вы можете выбрать используемый компоновщик в меню палитры Абзац (Paragraph), диалоговом окне Выключка (Justification) или в меню панели управления, расположенном в правом углу панели управления, при выбранном инструменте Текст (Type). Компоновщик абзацев рассматривает все варианты переносов для абзаца, и может оптимизировать предыдущие строки абзаца (учитывая однородность межбуквенных и межсловных интервалов и переносов), чтобы исключить нежелательные переносы в них. В результате вы получите абзац с более равномерным размещением текста и меньшим числом переносов. Построчный компоновщик предлагает традиционный подход к компоновке текста по одной строке за один раз. Этот вариант может оказаться полезным в том случае, если необходимо ограничить изменения компоновки для последующих этапов редактирования. Наверняка вы хотите точно управлять межсловными и межбуквенными интервалами, а также шириной символов в нескольких выровненных абзацах. Для этого вы можете использовать компоновщик абзацев.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
265
Чтобы выбрать метод компоновки для абзаца: 1. Выделите текст, который включает несколько абзацев. 2. Выберите команду меню Текст ⇒ Абзац (Type ⇒ Paragraph). На экране появится палитра Абзац (Paragraph) (рис. 3.72). 3. В меню палитры Абзац (Paragraph) выберите команду Выключка (Justify) . На экране появится диалоговое окно Выключка (Justify) (рис. 3.73).
Рис. 3.72. Палитра Абзац
Рис. 3.73. Диалоговое окно Выключка
4. В диалоговом окне Выключка (Justify) измените значения, используемые по умолчанию, на следующие значения: •
Параметр Межсловные интервалы (Word Spacing): Минимум (Minimum) — 60%, Максимум (Maximum) — 150%.
•
Параметр Межбуквенные интервалы (Letter Spacing): Минимум (Minimum) — –50%, Максимум (Maximum) — 150%.
•
Параметр Масштаб глифов (Glyph Spacing): Минимум (Minimum) — 80%, Максимум (Maximum) — 120%.
•
Параметр Автоинтерлиньяж (Auto Leading): 140%.
Значения в полях ввода Минимум (Minimum) и Максимум (Maximum) определяют диапазон допустимых значений только для интервалов выровненных абзацев. Значение в поле ввода Желательные (Desired) определяет желательное значение как для выровненных, так и для невыровненных абзацев. Параметр Межсловные интервалы (Word Spacing). Интервал между словами, который создается нажатием клавиши пробела. Значения параметра Межсловные интервалы (Word
266
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Spacing) могут лежать в диапазоне от 0% до 1000%; если значение параметра равно 100%, между словами не создается дополнительный интервал. Параметр Межбуквенные интервалы (Letter Spacing). Расстояние между буквами, включая значения кернинга и трекинга. Значения параметра Межбуквенные интервалы (Letter Spacing) могут лежать в диапазоне от –100% до 500%; при значении, равном 0%, интервал между буквами не добавляется; при значении, равном 100%, между буквами добавляется длина полного пробела. Параметр Масштаб глифов (Glyph Spacing). Ширина символов (глифом называется любой символ шрифта). Масштаб глифов может лежать в диапазоне от 50% до 200%. 5. В раскрывающемся списке Выключка одиночных слов (Single Word Justification) выберите одно из значений, чтобы настроить выравнивание текстовых строк, состоящих из одного слова. Ïðèìå÷àíèå:  óçêèõ ñòîëáöàõ ìîæåò âñòðåòèòüñÿ ñòðîêà, ñîäåðæàùàÿ òîëüêî îäíî ñëîâî. Åñëè àáçàö íàñòðîåí íà ïîëíóþ âûêëþ÷êó, îäèíî÷íîå ñëîâî â ñòðîêå ìîæåò îêàçàòüñÿ ñëèøêîì ðàñòÿíóòûì. Âìåñòî òîãî ÷òîáû îñòàâëÿòü òàêèå ñëîâà ïîëíîñòüþ âûêëþ÷åííûìè, âû ìîæåòå âûðîâíÿòü èõ ïî öåíòðó, ïî ëåâîìó èëè ïî ïðàâîìó êðàþ.
6. Щелкните по кнопке OK. Компоновщик абзацев Adobe создаст макет текстового абзаца (рис. 3.74). Обратите внимание на то, как выровнен текст в соответствии с настройками параметров, указанными на шаге 4.
Рис. 3.74. Выровненный текст абзаца, последняя строчка выровнена по левому краю
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ËÈÍÅÉÊÈ, ÑÅÒÊÈ, ÍÀÏÐÀÂËßÞÙÈÅ È ÏÀËÈÒÐÓ ÂÛÐÀÂÍÈÂÀÍÈÅ Основная часть вашей работы в качестве дизайнера страницы заключается в размещении текста и графики на странице в привлекательном и организованном виде. И хотя боˆльшую часть этой работы можно выполнить «на глаз», размещая текст и графику по вашему усмотрению, программа Adobe InDesign CS5 предлагает вам несколько инструментов для точного размещения объектов. Ïðèìå÷àíèå: Âîçìîæíî, âû óæå âñòðå÷àëèñü ñ ñåòêîé è íàïðàâëÿþùèìè (è íåêîòîðîé ðàçíîâèäíîñòüþ ïàëèòðû Âûðàâíèâàíèå (Align)) â ïðîãðàììàõ Adobe Photoshop CS5, Adobe Illustrator CS5 èëè Adobe Flash CS5.  ýòîì ñëó÷àå âû çàìåòèòå, ÷òî ñåòêà è íàïðàâëÿþùèå â ïðîãðàììå InDesign íåìíîãî îòëè÷àþòñÿ îò ñâîèõ àíàëîãîâ â äàííûõ ïðîãðàììàõ. Íàïðèìåð, ïðîãðàììà InDesign àâòîìàòè÷åñêè äîáàâëÿåò íàïðàâëÿþùèå â ïîëîæåíèÿ, çàäàííûå ïî óìîë÷àíèþ, òîãäà êàê â ïðîãðàììå Photoshop íàïðàâëÿþùèå íåîáõîäèìî äîáàâëÿòü âðó÷íóþ.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
267
В этом разделе вы познакомитесь с четырьмя инструментами, которые помогают точно размещать объекты: •
линейки;
•
направляющие;
•
сетки;
•
палитра Выравнивание (Align).
ÈÑÏÎËÜÇÎÂÀÍÈÅ ËÈÍÅÅÊ Линейки могут оказаться полезными при предварительном размещении объектов. Например, если необходимо поместить логотип на расстоянии в 1 дюйм от угла визитной карточки, для этого можно воспользоваться линейкой. Линейки располагаются вдоль левой и верхней границы рабочего пространства. (Если вы их не видите, выберите команду меню Просмотр ⇒ Показать линейки (View ⇒ Show Rulers).) По умолчанию начало координат линеек находится в левом верхнем углу страницы, но вы можете переместить начало координат в другую точку. По умолчанию единицами измерения для линеек являются пики. Пика — это термин из области полиграфии; одна пика равна 12 пунктам, т. е. соответствует шрифту размером 12 пунктов. Вы можете изменить единицы измерения для линеек на дюймы. Как только вы измените единицы измерения, все табуляции, поля, отступы, и другие размеры будут представлены в дюймах. Линейки хорошо работают вместе с направляющими линейками. Вы можете размещать направляющие линеек в определенных точках измерения по горизонтали или вертикали.
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÍÀÏÐÀÂËßÞÙÈÕ Направляющие — это тонкие линии, которые помогают вам в процессе размещения объектов. По умолчанию программа InDesign добавляет два типа направляющих в ваши документы: направляющие полей и направляющие колонок. Направляющие полей показывают расположение полей документа, направляющие колонок обозначают границу колонок. Направляющие линеек аналогичны направляющим, используемым в программе Photoshop CS5 и других программах корпорации Adobe. Вы можете размещать направляющие линеек в любом месте страницы, и изменять их положение произвольным образом. Вы также можете привязывать объекты к направляющим. Если привязка включена, объекты автоматически привязываются к направляющей, когда вы перемещаете их вблизи от этой направляющей. Направляющие могут быть очень полезны при точном выравнивании объектов на странице. Чтобы добавить направляющую: 1. Запустите программу InDesign и создайте новый документ. 2. Убедитесь, что линейки отображаются на экране. Если это не так, выберите команду меню Просмотр ⇒ Показать линейки (View ⇒ Show Rulers).
268
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Рис. 3.75. Создание направляющей путем перетаскивания указателя мыши
3. Щелкните по горизонтальной линейке и, удерживая кнопку мыши, перетащите указатель мыши на документ, чтобы создать направляющую (рис. 3.75). По мере перетаскивания указателя мыши направляющая будет отображаться в виде тонкой линии (по умолчанию, голубого цвета). Перетаскивая указатель мыши, вы можете наблюдать за положением направляющей на вертикальной линейке. Координата направляющей по вертикальной оси также отображается рядом с указателем мыши. Благодаря этому вы сможете правильно расположить направляющую. 4. Достигнув отметки, соответствующей 1 дюйму на вертикальной линейке, отпустите кнопку мыши, чтобы разместить направляющую в этой точке. Теперь направляющая готова к использованию. Чтобы привязать объекты к направляющей: 1. Выберите команду меню Просмотр ⇒ Сетка и направляющие (View ⇒ Grids & Guides) и убедитесь, что напротив пункта меню Привязать к направляющим (Snap To Guides) установлен флажок. 2. Выберите инструмент Прямоугольник (Rectangle) на панели инструментов (рис. 3.76). 3. Путем перетаскивания указателя мыши по документу нарисуйте небольшой прямоугольник. 4. Выберите инструмент Выделение (Selection) на панели инструментов (рис. 3.76).
Рис. 3.76. Панель инструментов
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
269
5. Щелкните по границе нарисованного прямоугольника и перетащите прямоугольник к направляющей. Когда прямоугольник будет находиться рядом с направляющей, вы заметите, что прямоугольник как будто притягивается к направляющей (рис. 3.77). Это результат использования функции Привязать к направляющим (Snap To Guides). Ïðèìå÷àíèå: Ïðè ïåðåìåùåíèè ôèãóðû ðÿäîì ñ óêàçàòåëåì ìûøè îòîáðàæàåòñÿ ïîäñêàçêà ñî çíà÷åíèÿìè êîîðäèíàò X è Y, ïîìîãàÿ âàì ìàêñèìàëüíî òî÷íî ðàñïîëîæèòü ôèãóðó íà ñòðàíèöå.
Рис. 3.77. Объект, привязанный к направляющей
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÑÅÒÊÈ Сетка представляет собой ряд тонких горизонтальных и вертикальных линий, которые покрывают всю страницу. До момента появления настольных издательских инструментов редакторы, создающие макеты, выравнивали текст и изображения на листе бумаги, на который была нанесена подобная сетка. В программе InDesign вы можете выбирать один из двух видов сеток: сетку из базовых линий для выравнивания колонок текста и сетку документа для выравнивания объектов. На экране сетка из базовых линий напоминает разлинованную страницу блокнота, а сетка документа — миллиметровую бумагу. Сетки обоих видов можно настраивать.
Èñïîëüçîâàíèå ñåòêè èç áàçîâûõ ëèíèé Сетка из базовых линий полезна в тех случаях, когда необходимо убедиться, что текст лежит на одной высоте во всех колонках. Базовая линия — это нижний край текста, линия, на которой лежат нижние точки букв, кроме тех, которые выступают ниже базовой линии, такие как «y» и «g».
270
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Чтобы отобразить сетку из базовых линий, выберите команду меню Просмотр ⇒ Сетка и направляющие ⇒ Показать базовую сетку (View ⇒ Grids & Guides ⇒ Show Baseline Grid). Основная идея заключается в том, чтобы интервал между базовыми линиями для всего текста — как заголовков, так и основного текста — был одинаковым, как показано на рис. 3.78. Для этого можно настроить интерлиньяж — расстояние между строками текста, используя те же настройки, которые используются для сетки из базовых линий. Например, если для сетки из базовых линий указать интервал, равный 14 пунктам, в качестве значения для интерлиньяжа также следует использовать 14 пунктов. Это позволит гарантировать, что строки текста выровнены по сетке из базовых линий, как показано на рис. 3.78. Выравнивание всех объектов по сетке из базовых линий позволяет придать странице четкий, согласованный вид.
Рис. 3.78. Сетка из базовых линий
Èñïîëüçîâàíèå ñåòêè äîêóìåíòà Сетка документа полезна при выравнивании объектов — не только текста — по всему документу. Например, вы можете использовать сетку документа, чтобы убедиться, что изображение находится на той же высоте, что и заголовок. Многие дизайнеры считают, что макет удобно представлять именно в виде сетки, на которой размещены все элементы страницы. Сетка документа помогает вам выравнивать объекты страницы относительно друг друга как по вертикали, так и по горизонтали. В программе InDesign для сетки из базовых линий и сетки документа вы можете настраивать такие параметры, как интервалы, толщина линий и цвет. Настройка интервала может оказаться весьма полезной, особенно если элементы на вашей странице должны размещаться с интервалом, равным, допустим, полдюйму. Толщина и цвет линий сетки — это дело вкуса; вы настраиваете их в соответствии с вашими личными предпочтениями. Сетка не отображается при печати или публикации документа; она предназначена лишь для решения производственных задач. Вы также можете привязывать объекты к сетке. Если
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
271
привязка включена, при перемещении объектов вблизи от сетки они автоматически притягиваются к линиям сетки. Чтобы использовать сетку документа: 1. Выберите команду меню Редактирование ⇒ Установки ⇒ Сетки (Edit ⇒ Preferences ⇒ Grids) (Windows) или InDesign ⇒ Установки ⇒ Сетки (InDesign ⇒ Preferences ⇒ Grids) (Mac OS).
Рис. 3.79. Категория Сетки диалогового окна Установки
На экране появится диалоговое окно Установки (Preferences) с выбранной категорией Сетки (Grids) (рис. 3.79). 2. Сбросьте флажок Сетки на заднем плане (Grids in Back), расположенный в нижней части диалогового окна. Это позволит вам видеть сетку поверх вашего документа. В группе элементов управления Сетка документа (Document Grid) найдите группы элементов управления По горизонтали (Horizontal) и По вертикали (Vertical). По умолчанию значения параметров в этих группах должны быть такими: •
Линия через каждые (Gridline Every): 1 дюймов.
•
Внутреннее деление на (Subdivisions): 8.
Это значит, что расстояние между основными (толстыми) линиями сетки будет составлять 1 дюйм, а вспомогательные линии будут делить это пространство на 8 равных частей, каждая из которых будет равна 1/8 дюйма.
272
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
В зависимости от размера вашего документа вы можете захотеть увеличить эти значения. 3. Щелкните по кнопке OK. Диалоговое окно Установки (Preferences) закроется. 4. Выберите команду меню Просмотр ⇒ Сетка и направляющие ⇒ Показать сетку документа (View ⇒ Grids & Guides ⇒ Show Document Grid). Сетка документа отобразится поверх вашего документа (рис. 3.80). Теперь вы можете размещать объекты в документе, используя эту сетку. Конечно, после того, как вы разместите все объекты, вы можете захотеть скрыть сетку, чтобы получше рассмотреть результаты своей работы.
Рис. 3.80. Примененная сетка документа
Ïðèâÿçêà îáúåêòîâ ê ñåòêå Вы можете сделать сетку еще более полезной, включив возможность привязки объектов к сетке. Когда включена функция Привязать к сетке документа (Snap To Document Grid), объекты автоматически привязываются к линиям сетки. Чтобы привязать объекты к сетке: 1. Выберите команду меню Просмотр ⇒ Сетка и направляющие ⇒ Привязать к сетке документа (View ⇒ Grids & Guides ⇒ Snap To Document Grid). 2. Выберите инструмент Прямоугольник (Rectangle) на панели инструментов. 3. Путем перетаскивания указателя мыши по документу нарисуйте небольшой прямоугольник. 4. Выберите инструмент Выделение (Selection) на панели инструментов. 5. Щелкните по границе нарисованного прямоугольника и перетащите его в любое другое место документа. В процессе перетаскивания прямоугольника вы увидите, что он как будто «прилипает» к сетке (рис. 3.81). Это результат использования функции Привязать к сетке документа (Snap To Document Grid). Подсказка со значениями координат X и Y позволит вам точно разместить фигуру на вашей странице.
Рис. 3.81. Объект, привязанный к сетке
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
273
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÏÀËÈÒÐÛ ÂÛÐÀÂÍÈÂÀÍÈÅ Палитра Выравнивание (Align) (рис. 3.82) содержит ряд инструментов для выравнивания объектов по отношению друг к другу, к странице, к полям страницы и к многостраничным разворотам. Например, используя палитру Выравнивание (Align) вы можете расположить поле ввода точно в центре страницы по горизонтали или выровнять его по левому полю. Вы даже можете выбрать три поля ввода и равномерно распределить их вдоль левого поля. И хотя все это можно сделать вручную, палитра Выравнивание (Align) поможет вам сэкономить немало времени. Палитра Выравнивание (Align) содержит две группы элементов управления: • Выровнять объекты (Align Objects): Элементы управления Рис. 3.82. Палитра этой группы позволяют выровнять объекты вдоль вертикальВыравнивание ной или горизонтальной линии. • Распределить объекты (Distribute Objects): Элементы управления этой группы позволяют равномерно распределить пространство между несколькими объектами. Для каждой группы элементов управления вы можете выбрать одно из значений в раскрывающемся списке Расположение выравнивания (Alignment Location): • Выровнять по выделенной области (Align to selection); • Выровнять по странице (Align to page); • Выровнять по границам (Align to margins); • Выровнять по развороту (Align to spread). В следующей таблице описано, как каждый из этих вариантов влияет на выравнивание и распределение объектов. Выровнять по выделенной области (Align to selection)
Выровнять объекты (Align Objects)
Выравнивает объекты по левому краю, правому краю, верхнему краю, нижнему краю, центру по вертикали или центру по горизонтали
Выровнять по странице (Align to page)
Выровнять по границам (Align to margins)
Выравнивает объекты относительно левого края страницы, центра страницы по вертикали и т. д.
Выравнивает объекты относительно левого поля, правого поля, верхнего поля, нижнего поля или размещает их по центру между полями
Выровнять по развороту (Align to spread)
Выравнивает объекты по отношению к левому краю, правому краю, верхнему краю, нижнему краю, или по центру разворота
274
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Выровнять по выделенной области (Align to selection)
Распределить объекты (Distribute Objects)
Равномерно распределяет три или более выделенных объектов по левому краю, правому краю, верхнему краю, нижнему краю, центру по вертикали или центру по горизонтали выделенной области. Края определяются рамкой, охватывающей все выделенные объекты
Выровнять по странице (Align to page)
Выровнять по границам (Align to margins)
Выровнять по развороту (Align to spread)
Равномерно распределяет три или более выделенных объектов по левому краю, правому краю, верхнему краю, нижнему краю, центру по вертикали или центру по горизонтали по всей высоте (по вертикали) или ширине (по горизонтали) страницы
Равномерно распределяет три или более выделенных объектов по левому краю, правому краю, верхнему краю, нижнему краю, центру по вертикали или центру по горизонтали по всей высоте (по вертикали) или ширине (по горизонтали) пространства между полями страницы
Равномерно распределяет три или более выделенных объектов по левому краю, правому краю, верхнему краю, нижнему краю, центру по вертикали или центру по горизонтали по всей высоте (по вертикали) или ширине (по горизонтали) разворота
Палитра Выравнивание (Align) помогает быстро создавать согласованный вид страницы с правильно размещенными фреймами и фигурами. Например, фреймы на рис. 3.83 расположены в хаотичном порядке. Вы можете использовать палитру Выравнивание (Align), чтобы сделать их расположение упорядоченным и организованным. Чтобы использовать палитру Выравнивание (Align): 1. Выберите инструмент Прямоугольный фрейм (Rectangular Frame) на панели инструментов. 2. Путем перетаскивания указателя мыши по документу нарисуйте небольшой прямоугольный фрейм. 3. Не снимая выделения с фрейма, выберите команду меню Редактирование ⇒ Создать дубликат (Edit ⇒ Duplicate). Повторите этот шаг несколько раз, чтобы создать несколько фреймов одинакового размера. 4. Используя инструмент Выделение (Selection), перетащите фреймы так, чтобы они не перекрывали друг друга. 5. Путем перетаскивания указателя мыши при выбранном инструменте Выделение (Selection) нарисуйте рамку вокруг нескольких созданных фреймов, чтобы выделить их (рис. 3.83). 6. Выберите команду меню Окно ⇒ Объекты и макет ⇒ Выравнивание (Window ⇒ Object & Layout ⇒ Align), чтобы отобразить на экране палитру Выравнивание (Align) (рис. 3.84).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
275
7. Чтобы выровнять фреймы по левому краю выделенной области, выберите значение Выровнять по выделенной области (Align To Selection) в раскрывающемся списке Расположение выравнивания (Alignment Location) и затем щелкните по кнопке Выравнивание по левому краю (Align Left Edges) (рис. 3.85). В результате этого действия выделенные объекты будут выровнены по левому краю выделенной области. Объекты также можно выравнивать по левому краю, правому краю или по центру страницы, или по левому полю, правому полю или по центру между полями. 8. Чтобы равномерно распределить фреймы, выберите значение Выровнять по выделенной области (Align To Selection) в раскрывающемся списке Расположение выравнивания (Alignment Location) и затем щелкните по кнопке Распределение центров по вертикали (Distribute Vertical Centers). Обратите внимание на одинаковое расстояние между парами фреймов (рис. 3.86).
Рис. 3.83. Фреймы не выровнены
Рис. 3.84. Палитра Выравнивание
Рис. 3.85. Выравнивание по левому краю
Рис. 3.86. Распределенные фреймы
ÊÀÊ ÏÎÄÃÎÒÀÂËÈÂÀÒÜ ÔÀÉËÛ ÄËß ÏÅ×ÀÒÈ Процесс подготовки файлов для печати включает следующие этапы: •
настройка параметров принтера;
•
использование команды Предпечатная проверка (Preflight) для подтверждения наличия всех необходимых для печати файлов;
•
упаковка файлов для печати.
Дополнительная информация по печати представлена на странице Adobe Print Resource Center по адресу www.adobe.com/go/print_resource.
276
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
ÏÅ×ÀÒÜ ÍÀ ÏÐÈÍÒÅÐÅ Параметры принтера настраиваются в диалоговом окне Печать (Print) программы Adobe InDesign CS5. Ниже описан процесс настройки параметров вашего принтера и последующей печати документа на нем. Чтобы напечатать на принтере: 1. Запустите программу InDesign и откройте документ, который собираетесь распечатать. 2. Выберите команду меню Файл ⇒ Печать (File ⇒ Print) На экране появится диалоговое окно Печать (Print) (рис. 3.87) с выбранной в левой части диалогового окна категорией Основные (General). 3. В группе элементов управления Страницы (Pages) укажите страницы, которые вы хотите напечатать. 4. В группе элементов управления Параметры (Options) убедитесь, что в раскрывающемся списке Печатать слои (Print Layers) выбрано значение Видимые и печатаемые слои (Visible & Printable Layers). В этом случае на принтере будет напечатано все, что вы видите в окне документа InDesign. 5. В левой части диалогового окна выберите категорию Настройка (Setup). В диалоговом окне Печать (Print) отобразится вкладка Настройка (Setup) (рис. 3.88).
Рис. 3.87. Диалоговое окно Печать
Рис. 3.88. Категория Настройка диалогового окна Печать
6. В раскрывающемся списке Формат бумаги (Paper Size) выберите значение Letter. Также вы можете самостоятельно указать размеры бумаги для вашего принтера.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
277
7. В левой части диалогового окна выберите категорию Метки и выпуск за обрез (Marks And Bleed), чтобы отобразить параметры этой категории в диалоговом окне Печать (Print). 8. Установите флажок Все типографские метки (All Printer’s Marks) (рис. 3.89). В этом случае программа InDesign напечатает все метки, которые позволят вам обрезать документ до нужного размера. Примеры типографских меток представлены на рис. 3.91. Поскольку из-за конструктивных особенностей принтеры не могут печатать без «полей», остающихся по краям листа, после печати документы обычно приходится обрезать. Метки обреза показывают, где должен быть обрезан документ. 9. В левой части диалогового окна выберите категорию Вывод (Output). Параметры этой категории отобразятся в диалоговом окне Печать (Print) (рис. 3.90).
Рис. 3.89. Категория Метки и выпуск за обрез диалогового окна Печать
10.
Среди параметров категории Вывод (Output), убедитесь, что в раскрывающемся списке Цвета (Color) выбрано значение Композитные RGB (Composite RGB).
11.
Оставьте остальные настройки без изменений и щелкните по кнопке Печать (Print), чтобы напечатать документ.
Напечатанный документ будет содержать все выбранные типографские метки (рис. 3.91).
Рис. 3.90. Категория Вывод диалогового окна Печать
Рис. 3.91. Напечатанный файл
278
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
ÎÒÏÐÀÂÊÀ ÔÀÉËÎÂ Â ÒÈÏÎÃÐÀÔÈÞ В отличие от печати документов на вашем домашнем или школьном принтере, типографии предъявляют весьма специфические требования к документам, передаваемым для печати. Выполнение этих требований гарантирует, что заказчик получит напечатанный документ именно в том виде, в котором он ожидал его получить. Вы, как дизайнер, со временем поймете, что соответствие этим требованиям позволяет избежать множества проблем с типографиями. В конце концов, вы платите немалые деньги за печать ваших проектов. Большинство типографий принимают проекты для печати в одном из двух форматов: •
PDF/X1: особый тип PDF-файлов, запрещающий использование некоторых возможностей формата PDF (например, комментарии), которые могут повлиять на процесс печати;
•
исходные файлы: набор файлов, использовавшихся для создания вашего документа InDesign. К этим файлам относится сам документ InDesign, а также любые шрифты и файлы изображений, использованные в данном документе.
Ïîäãîòîâêà ôàéëà â ôîðìàòå PDF/X1 äëÿ òèïîãðàôèè Формат PDF/X1 широко используется типографиями в США. Файл в формате PDF/X1 — это PDF-файл, из которого исключено все, что может повлиять на качество печати, например RGB-изображения, аннотации, поля форм и комментарии. Дополнительную информацию можно получить на сайте www.pdfx.info или в руководстве пользователя программы Adobe Acrobat. Ïðèìå÷àíèå: Ïîñêîëüêó èç ôàéëà â ôîðìàòå PDF/X1 èñêëþ÷àþòñÿ âñå RGB-èçîáðàæåíèÿ, âû äîëæíû áûòü óâåðåíû, ÷òî âñå èçîáðàæåíèÿ â âàøåì äîêóìåíòå InDesign èñïîëüçóþò öâåòîâóþ ìîäåëü CMYK. Ëó÷øå âñåãî êîíâåðòèðîâàòü âñå èçîáðàæåíèÿ â ôàéëû ôîðìàòà TIFF, èñïîëüçóþùèå öâåòîâóþ ìîäåëü CMYK, â ïðîãðàììå Photoshop ïåðåä òåì, êàê ïîìåñòèòü èõ â äîêóìåíò InDesign.
Чтобы подготовить файл в формате PDF/X1: 1. Запустите программу InDesign и откройте документ, который вы хотите подготовить для типографии. 2. Выберите команду меню Файл ⇒ Экспорт (File ⇒ Export). На экране появится диалоговое окно Экспорт (Export) (рис. 3.92). 3. Укажите имя и местоположение для нового файла. 4. В раскрывающемся списке Тип файла (Save As Type) (Windows) или Формат (Format) (Mac OS) выберите значение Adobe PDF (печатная версия) (Adobe PDF (Print)). 5. Щелкните по кнопке Сохранить (Save). На экране появится диалоговое окно Экспорт Adobe PDF (Export Adobe PDF). 6. В раскрывающемся списке Стиль Adobe PDF (Adobe PDF Preset) выберите значение PDF/X-1a:2001 (рис. 3.93).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Рис. 3.92. Диалоговое окно Экспорт
Рис. 3.93. Диалоговое окно Экспорт Adobe PDF
279
280
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
7. Оставьте остальные настройки параметров без изменений и щелкните по кнопке Экспорт (Export). На экране появится сообщение с информацией о ходе процесса экспорта. 8. Когда процесс экспорта будет завершен, найдите папку, в которой был сохранен новый файл, и откройте этот файл. PDF-файл будет выглядеть как и любой другой PDF-файл без комментариев и других возможностей. 9. Закройте файл без сохранения изменений. Ïðèìå÷àíèå: Áóäüòå îñòîðîæíû ïðè ñîõðàíåíèè äîêóìåíòà â ïðîãðàììå Adobe Acrobat 9. Ñîõðàíåíèå äîêóìåíòà ìîæåò ïðèâåñòè ê èçìåíåíèþ åãî ïàðàìåòðîâ, à ýòî çíà÷èò, ÷òî äîêóìåíò áîëüøå íå áóäåò ñîîòâåòñòâîâàòü ñòàíäàðòó PDF/X-1a:2001.
Îòïðàâêà èñõîäíûõ ôàéëîâ â òèïîãðàôèþ Некоторые типографии могут потребовать от вас исходные файлы для печати. К исходным файлам относятся: •
файл проекта InDesign;
•
любые изображения, использовавшиеся в проекте;
•
любые шрифты, использовавшиеся в проекте.
Чтобы подготовить исходные файлы, сначала убедитесь в доступности всех необходимых файлов, после чего поместите эти файлы в одну папку для последующей отправки в типографию.
Èñïîëüçîâàíèå ôóíêöèè Ïðåäïå÷àòíàÿ ïðîâåðêà Чтобы убедиться в доступности всех изображений и шрифтов, использованных в файле, отправляемом на печать в типографию, воспользуйтесь функцией Предпечатная проверка (Preflight) программы InDesign. Предпечатная проверка — это соответствующий промышленным стандартам термин для обозначения процесса качественной проверки документа. При изменении документа на палитре Предпечатная проверка (Preflight) отображаются предупреждения о проблемах, которые могут привести к ошибкам печати или выводу документа или книги. К таким проблемам относятся отсутствующие файлы или шрифты, изображения с низким разрешением, вытесненный текст, а также ряд других условий. Для достижения наилучших результатов быстрой предпечатной проверки создайте или укажите профиль предпечатной проверки на ранней стадии создания документа. Если предпечатная проверка включена, при обнаружении проблем программой InDesign в строке состояния появится значок в виде красного кружка. Вы можете открыть палитру Предпечатная проверка (Preflight) и просмотреть раздел Инфо (Info), чтобы получить основные указания по устранению проблемы.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
281
Чтобы использовать функцию Предпечатная проверка (Preflight): 1. Дважды щелкните по значку Предпечатная проверка (Preflight) в нижней части окна документа. Значок Предпечатная проверка (Preflight) будет зеленым, если ошибки не обнаружены, или красным (рис. 3.94) в противном случае.
Рис. 3.94. Значок Предпечатная проверка в окне документа
На экране появится палитра Предпечатная проверка (Preflight). В представленном примере в ходе предпечатной проверки были обнаружены одна нарушенная связь с изображением и несколько исчезнувших шрифтов (рис. 3.95). 2. В этом примере была нарушена связь с изображением biking.jpg. Дважды щелкните по имени файла изображения на палитре Предпечатная проверка (Preflight), чтобы найти нарушенную связь на макете документа InDesign. 3. Выберите команду меню Окно ⇒ Связи (Window ⇒ Links). На палитре Связи (Links) перечислены все изображения, размещенные в документе. Нарушенные связи отмечены знаком вопроса (рис. 3.96).
Рис. 3.95. Область Ошибка на палитре Предпечатная проверка
Рис. 3.96. Палитра Связи с изображениями документа
282
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
4. В нашем примере (рис. 3.96) отсутствует файл изображения велосипедиста. Чтобы найти это изображение на вашем компьютере, дважды щелкните по знаку вопроса. Если изображение находится не на вашем компьютере, вы должны скопировать изображение на свой компьютер, прежде чем продолжить подготовку пакета файлов. Без файла изображения типография не сможет правильно напечатать ваш документ. На экране появится диалоговое окно Найти (Locate). 5. В диалоговом окне Найти (Locate) укажите местоположение отсутствующего файла изображения (рис. 3.97).
Рис. 3.97. Диалоговое окно Найти
6. Выберите изображение и щелкните по кнопке Открыть (Open). Диалоговое окно Найти (Locate) закроется. 7. Вернитесь на палитру Предпечатная проверка (Preflight). Ошибка Пропущенная связь (Missing link) была исправлена, однако ошибка Пропущенный шрифт (Missing font) по-прежнему присутствует. Дважды щелкните по текстовой строке (в примере — Walt Disney) на палитре Предпечатная проверка (Preflight), чтобы найти отсутствующий шрифт на макете документа InDesign.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
283
8. Выберите команду меню Текст ⇒ Найти шрифт (Type ⇒ Find Font). В появившемся диалоговом окне Найти шрифт (Find Font) выберите название отсутствующего шрифта в списке Шрифты в документе (Fonts in Document) (рис. 3.98).
Рис. 3.98. Диалоговое окно Найти шрифт
9. Чтобы заменить шрифт, укажите новый шрифт, который вы хотите использовать, в группе элементов управления Заменить на (Replace With) и выполните одно из следующих действий: • Чтобы заменить только одно вхождение выбранного шрифта, щелкните по кнопке Заменить (Change). Эта кнопка недоступна, если выбрано несколько шрифтов. • Чтобы заменить шрифт в данном вхождении, а затем найти следующее, щелкните по кнопке Заменить/Найти (Change/Find). Эта кнопка недоступна, если выбрано несколько шрифтов. • Чтобы изменить все вхождения выбранного шрифта, щелкните по кнопке Заменить все (Change All). Если необходимо переопределить стиль абзаца или символа, который включает искомый шрифт, установите флажок Переопределить стиль при изменении всего (Redefine Style When Changing All). После того как все вхождения шрифта в файле будут обработаны, его имя удаляется из списка Шрифты в документе (Fonts in Document). 10.
Вернитесь на палитру Предпечатная проверка (Preflight) и убедитесь, что все ошибки были исправлены.
Óïàêîâêà ôàéëîâ äëÿ îòïðàâêè â òèïîãðàôèþ В процессе упаковки файла все элементы макета, которые потребуются типографии для печати файла, помещаются в одну папку. Вы можете проделать все это вручную, однако команда Упаковать (Package) программы InDesign позволяет существенно упростить данный процесс.
284
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Чтобы упаковать файл: 1. Выберите команду меню Файл ⇒ Упаковать (File ⇒ Package). (Если команда Упаковать (Package) отсутствует в меню Файл (File), попробуйте выбрать другое рабочее пространство, например, выбрав команду меню Окно ⇒ Рабочее пространство ⇒ Дополнительно (Window ⇒ Workspace ⇒ Advanced).) На экране появится диалоговое окно Пакет (Package) с выбранной категорией Сводка (Summary). Значок предупреждения сообщает о наличии ошибок в документе (рис. 3.99).
Рис. 3.99. Категория Сводка диалогового окна Пакет
2. Если в диалоговом окне Пакет (Package) сообщается о наличии ошибок в документе, выполните одно из следующих действий: • щелкните по кнопке Отмена (Cancel) и используйте палитру Предпечатная проверка (Preflight), чтобы исправить обнаруженную ошибку; • в левой части диалогового окна выберите категорию, к которой относится обнаруженная ошибка (например, Шрифты (Fonts)), и исправьте ошибку. Исправив ошибку, начните процесс упаковки заново. 3. Если ошибки не обнаружены, щелкните по кнопке Упаковать (Package), чтобы начать процесс упаковки. На экране появится диалоговое окно Инструкции по выводу (Printing Instructions) (рис. 3.100).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
285
Рис. 3.100. Диалоговое окно Инструкции по выводу
4. Заполните поля ввода в диалоговом окне Инструкции по выводу (Printing Instructions). Введенное имя файла (поле ввода Имя файла (Filename)) является именем отчета, отображающего все остальные упакованные файлы. Укажите следующую информацию: • вашу контактную информацию, включая название компании, почтовый адрес, адрес электронной почты и номер телефона; • любые печатные инструкции, например, количество копий или в каком случае сотрудники типографии должны связаться с вами. 5.
Щелкните по кнопке Продолжить (Continue).
Диалоговое окно Инструкции по выводу (Printing Instructions) закроется. На экране появится диалоговое окно Упаковать публикацию (Package Publication) (Windows) или Создать папку пакета (Create Package Folder) (Mac OS) (рис. 3.101). 6. Установите следующие флажки (если они еще не установлены): • Скопировать шрифты (Copy Fonts); • Скопировать связанную графику (Copy Linked Graphics); • Обновить связанную графику в пакете (Update Graphic Links In Package). 7. В диалоговом окне Упаковать публикацию (Package Publication) выберите папку, в которой будет сохранен упакованный документ. 8. Щелкните по кнопке Пакет (Package). На экране появится предупреждение о копировании шрифтов. Многие компании, занимающиеся разработкой шрифтов, например корпорация Adobe, разрешают отправлять копию
286
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Рис. 3.101. Диалоговое окно Упаковать публикацию
шрифта в типографию. Но чтобы быть уверенным в этом, проверьте лицензионное соглашение. Несмотря на то, что у большинства типографий существуют копии используемых вами шрифтов, вы отправляете свой шрифт, чтобы гарантировать, что при печати будет использована правильная версия шрифта. 9. Щелкните по кнопке OK, чтобы закрыть диалоговое окно с предупреждением. Программа InDesign создаст упакованный документ. 10.
Закройте или сверните окно программы InDesign. Откройте папку в операционной системе вашего компьютера, в которой был сохранен пакет (рис. 3.102).
Папка пакета содержит файл документа InDesign (с расширением .indd), текстовый файл с печатными инструкциями, папку Document fonts и папку Links. 11.
Откройте папку Links.
В этой папке содержатся файлы изображений, включенных в документ. Пакет готов к отправке в типографию.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
287
Рис. 3.102. Папка, содержащая пакет для печати
ÊÀÊ ÑÎÇÄÀÂÀÒÜ PDF-ÏÐÅÇÅÍÒÀÖÈÞ Многие дизайнеры находят довольно удобным представлять свои портфолио в виде цифровых слайдов, которые можно просмотреть на ноутбуке, мониторе или цифровом проекторе. Вы можете использовать программу Adobe Acrobat 9 Pro для создания такой презентации, используя преимущества просмотра содержимого документа в полноэкранном режиме. Когда документ отображается в полноэкранном режиме, пользователи могут просматривать его страницы, просто щелкая по ним мышкой. Когда пользователь щелкает по странице, программа Acrobat переходит к следующей странице документа. Вы также можете добавить кнопки навигации в слайд-шоу. Вы можете выставить настройки так, чтобы PDF-документ автоматически открывался в полноэкранном режиме. Вы также можете указать, как должен происходить переход между страницами, чтобы пользователи могли просматривать и управлять PDF-документом как слайдшоу. По умолчанию страница просто замещается новой страницей, но вы можете использовать эффекты перехода между страницами, чтобы создать ощущение, будто предыдущая страница растворяется в новой странице или новая страница вытесняет предыдущую. Чтобы заставить PDF-документ автоматически открываться в полноэкранном режиме: 1. Запустите программу Acrobat и откройте многостраничный документ. Например, вы можете открыть PDF-документ, содержащий дизайн ваших визитных карточек. 2. Выберите команду меню Файл ⇒ Свойства (File ⇒ Properties). На экране появится диалоговое окно Свойства документа (Document Properties). 3. Если вкладка Вид при открытии (Initial View) диалогового окна Свойства документа (Document Properties) не выбрана, щелкните по вкладке, чтобы отобразить ее на экране (рис. 3.103).
288
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Рис. 3.103. Диалоговое окно Свойства документа
4. Установите флажок Открыть в режиме «Во весь экран» (Open In Full Screen Mode). 5. Щелкните по кнопке OK. Диалоговое окно Свойства документа (Document Properties) закроется. 6. Сохраните файл и закройте программу Acrobat. 7. Дважды щелкните по файлу, чтобы открыть его. Файл откроется в полноэкранном режиме. Ïðèìå÷àíèå: Ïðè îòêðûòèè äîêóìåíòà ìîæåò ïîÿâèòüñÿ ñîîáùåíèå î òîì, ÷òî äîêóìåíò ïûòàåòñÿ ïåðåêëþ÷èòü ïðîãðàììó Acrobat â ïîëíîýêðàííûé ðåæèì. Ùåëêíèòå ïî êíîïêå Äà (Yes) (Windows) èëè OK (Mac OS).
8. Щелкните в любом месте страницы. На экране появится следующая страница документа.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
289
Чтобы вернутся к предыдущей странице, вы можете щелкнуть правой кнопкой мыши (Windows) или щелкнуть мышью при нажатой клавише Control (Mac OS). Заметьте, что одна страница просто заменяет другую страницу. В следующем разделе вы измените этот переход.
ÄÎÁÀÂËÅÍÈÅ ÊÍÎÏÎÊ ÍÀÂÈÃÀÖÈÈ Ê ÏÐÅÇÅÍÒÀÖÈÈ В программе Acrobat есть встроенные кнопки навигации, которые вы можете добавить в вашу презентацию. Включить возможность отображения кнопок навигации можно при помощи параметров категории Во весь экран (Full Screen) диалогового окна Установки (Preferences). Чтобы добавить кнопки навигации в презентацию: 1. Откройте многостраничный документ в программе Acrobat. 2. Выберите команду меню Редактирование ⇒ Установки (Edit ⇒ Preferences) (Windows) или Acrobat ⇒ Установки (Acrobat ⇒ Preferences) (Mac OS), чтобы отобразить диалоговое окно Установки (Preferences). 3. Выберите категорию Во весь экран (Full Screen) слева, чтобы отобразить параметры категории Во весь экран (Full Screen) в диалоговом окне Установки (Preferences) (рис. 3.104).
Рис. 3.104. Параметры категории Во весь экран в диалоговом окне Установки
290
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
4. Установите флажок Показывать панель навигации (Show Navigation Bar). 5. Щелкните по кнопке OK, чтобы закрыть диалоговое окно Установки (Preferences). 6. Выберите команду меню Просмотр ⇒ Полноэкранный режим (View ⇒ Full Screen Mode). Заметьте, что кнопки навигации появятся в нижнем левом углу презентации (рис. 3.105).
Рис. 3.105. Кнопки навигации в презентации
ÄÎÁÀÂËÅÍÈÅ ÏÅÐÅÕÎÄÀ ÑÒÐÀÍÈÖÛ Переходы страниц — затухание, вытеснение, растворение и т. д. — могут разнообразить ваш документ. Также как и со многими мультимедийными возможностями, вы можете захотеть использовать их без излишнего злоупотребления, чтобы не отвлекать пользователя от основного содержимого. Например, вы можете захотеть выбрать простой переход, такой как затухание, и использовать этот переход на протяжении всей вашей презентации. Чтобы добавить переход страницы: 1. Откройте многостраничный документ в программе Acrobat. 2. Выберите команду меню Дополнительно ⇒ Обработка документа ⇒ Переходы страниц (Advanced ⇒ Document Processing ⇒ Page Transitions). На экране появится диалоговое окно Установить переходы (Set Transitions) (рис. 3.106). 3. Выберите переход в раскрывающемся списке Переход (Transition), например Затухание (Fade). 4. Выберите скорость перехода в раскрывающемся списке Скорость (Speed), например Низкая (Slow). 5. Щелкните по кнопке OK, чтобы закрыть диалоговое окно Установить переходы (Set Transitions). 6. Выберите команду меню Просмотр ⇒ Полноэкранный режим (View ⇒ Full Screen Mode). 7. Щелкните в любом месте страницы, просмотрите созданный переход страницы.
Рис. 3.106. Диалоговое окно Установить переходы
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
291
Íàñòðîéêà àâòîìàòè÷åñêîãî ïåðåõîäà ñòðàíèö В некоторых случаях вы можете захотеть настроить презентацию так, чтобы переход между страницами происходил автоматически. Это можно сделать через то же диалоговое окно Установить переходы (Set Transitions), которое вы использовали в предыдущем разделе. Чтобы включить возможность автоматического перехода: 1. Откройте многостраничный мент в программе Acrobat.
доку-
2. Выберите команду меню Дополнительно ⇒ Обработка документа ⇒ Переходы страниц (Advanced ⇒ Document Processing ⇒ Page Transitions). На экране появится диалоговое окно Установить переходы (Set Transitions) (рис. 3.107).
Рис. 3.107. Диалоговое окно Установить переходы
3. Установите флажок Автоматическое перелистывание (Auto Flip). 4. Выберите количество секунд в раскрывающемся списке, расположенном под флажком Автоматическое перелистывание (Auto Flip). 5. Щелкните по кнопке OK, чтобы закрыть диалоговое окно Установить переходы (Set Transitions). 6. Выберите команду меню Редактирование ⇒ Установки (Edit ⇒ Preferences) (Windows) или Acrobat ⇒ Установки (Acrobat ⇒ Preferences) (Mac OS), чтобы отобразить диалоговое окно Установки (Preferences). 7. Выберите категорию Во весь экран (Full Screen) слева, чтобы отобразить параметры категории Во весь экран (Full Screen) в диалоговом окне Установки (Preferences) (рис. 3.108). 8. Установите флажок Возврат на первую страницу по достижении последней (Loop After Last Page). Это позволит вашей презентации запуститься заново после того, как она дойдет до последней страницы. 9. Щелкните по кнопке OK, чтобы закрыть диалоговое окно Установки (Preferences).
292
ÏÐÎÅÊÒ 3. Âèçèòíûå êàðòî÷êè
Рис. 3.108. Параметры категории Во весь экран в диалоговом окне Установки
10. Выберите команду меню Просмотр ⇒ Полноэкранный режим (View ⇒ Full Screen Mode). Обратите внимание, что переходы между страницами презентации выполняются автоматически и презентация начинается заново после достижения последней страницы.
4. ÐÅÊËÀÌÀ ÈÍÑÒÐÓÊÖÈÈ ÄËß ÏÐÅÏÎÄÀÂÀÒÅËÅÉ Время выполнения: от 11 до 15 часов.
ÎÁÇÎÐ ÏÐÎÅÊÒÀ В мире бизнеса, связанного с дизайном и производством, учащиеся часто будут работать с клиентами. Это могут быть как внутренние клиенты — соседний департамент, которому необходимо разработать некие материалы, — так и внешние клиенты, которые находятся в поиске организации — поставщика услуг. В данном проекте учащиеся познакомятся с процессом взаимодействия с клиентом при работе над созданием рекламного продукта. Они должны проработать с клиентом задачи, целевую аудиторию и назначение рекламного продукта. Возможно, вы захотите ограничить масштаб проектов, выступив в роли клиента или выбрав отдельного клиента для каждой группы учащихся. Также вы можете предложить свои услуги местным фирмам и организациям, если уровень подготовки ваших учащихся позволяет сделать это. Работая в небольших группах, учащиеся проведут опрос клиентов и затем разработают дизайн и создадут несколько композиций дизайна рекламного продукта для своих клиентов. Учащиеся будут вовлечены в процесс анализа и внесения изменений вместе со своими клиентами. Также они сформируют фокус-группу для получения отзывов о пользовательских качествах и эффективности рекламного продукта. Учащиеся будут повторять процесс анализа и внесения изменений до тех пор, пока они не достигнут взаимопонимания со своими клиентами. Учащиеся создадут макеты рекламного продукта для последующей печати, распространения в Интернете и вставки в видеоклип. В заключение учащиеся проведут анализ всего процесса целиком и созданного рекламного продукт. Результат проекта: рекламный продукт.
ÖÅËÈ ÏÐÎÅÊÒÀ По завершении данного проекта учащиеся разовьют следующие навыки. Íàâûêè óïðàâëåíèÿ ïðîåêòîì •
Создание дизайна для клиента.
•
Планирование и управление проектами, включающими несколько этапов.
•
Определение целевой аудитории(й).
294 • • • • •
ÏÐÎÅÊÒ 4. Ðåêëàìà
Выбор и использование соответствующих приложений. Рецензирование. Краткое описание требований клиентов. Разработка плана проекта. Подготовка файлов для печати, публикации в Интернете и включения в видеоклип.
Äèçàéíåðñêèå íàâûêè • • • • • • • • • •
Разработка дизайна для конкретной целевой аудитории(й). Создание оригинальной работы. Поиск оптимального баланса между графикой и текстом. Создание эскизов рекламного продукта. Разработка дизайна, отвечающего требованиям клиентов. Понимание различных форматов файлов. Создание композиций. Разработка дизайна с учетом выразительности. Разработка дизайна с учетом удобства пользования. Разработка дизайна с помощью сетки.
Èññëåäîâàòåëüñêèå è êîììóíèêàòèâíûå íàâûêè • • • • • • • •
Анализ и оценка рекламных продуктов. Планирование стратегии по проведению опросов. Проведение опросов для определения и уточнения деталей. Презентация дизайна клиенту. Демонстрация личной ответственности путем внесения изменений в разрабатываемый рекламный продукт на основе отзывов. Исследование темы для рекламного продукта. Опрос клиентов. Формирование фокус-групп.
Òåõíè÷åñêèå íàâûêè Программа Photoshop: • обработка фотографий; • создание композиций дизайна; • создание повторно используемых элементов; • использование непрозрачности и инструментов заполнения; • сохранение в формате PDF.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
295
Программа InDesign: •
экспортирование в различных форматах;
•
форматирование текста (кернинг, трекинг, масштабирование и т.д.);
•
объединение графических и текстовых фреймов для создания макетов страниц;
•
использование слоев в программе InDesign;
•
помещение объектов (изображений, текста, PSD-файлов) на страницу;
•
размещение текста поверх изображений;
•
использование графических фреймов в качестве масок.
Программа Acrobat Pro: •
создание PDF-документа.
ÎÁÎÐÓÄÎÂÀÍÈÅ È ÌÀÒÅÐÈÀËÛ ÄËß ÂÛÏÎËÍÅÍÈß ÏÐÎÅÊÒÀ •
На всех компьютерах должна быть установлена программа Adobe Photoshop CS5 Extended.
•
На всех компьютерах должна быть установлена программа Adobe InDesign CS5.
•
На всех компьютерах должна быть установлена программа Adobe Acrobat 9 Pro.
•
Цифровые фотоаппараты.
•
Сканеры.
•
Бланк «Анализ рекламного продукта».
•
Бланк «План проекта».
•
Бланк «Опрос клиента: Рекламный продукт».
•
Раздел с пошаговыми инструкциями по программе Photoshop «Как создавать композиции слоев».
•
Бланк «Рецензия и внесение изменений в рекламный продукт».
•
Раздел с пошаговыми инструкциями по программе Photoshop «Как добавлять водяные знаки на изображения».
•
Раздел с пошаговыми инструкциями по программе InDesign «Как работать с текстовыми фреймами».
•
Раздел с пошаговыми инструкциями по программе InDesign «Как работать с графическими фреймами».
•
Раздел с пошаговыми инструкциями по программе InDesign «Как комбинировать графические и текстовые фреймы».
•
Раздел с пошаговыми инструкциями по программе InDesign «Как вставлять изображения на страницу».
296
ÏÐÎÅÊÒ 4. Ðåêëàìà
ÄÎÏÎËÍÈÒÅËÜÍÛÅ ÈÑÒÎ×ÍÈÊÈ ÄËß ÏÎÄÃÎÒÎÂÊÈ •
Ресурсы для дополнительной подготовки.
•
Ключевые понятия.
•
Стандарт ISTE NETS*S для учащихся.
•
Сертификация Adobe Certified Associate, задачи экзамена Visual Communication.
ÝÒÀÏÛ ÏÐÎÅÊÒÀ Îïðåäåëåíèå òðåáîâàíèé êëèåíòà Рекомендуемое время: 150—200 минут. 1. Познакомьте учащихся с целями проекта: • научиться работать с клиентом в процессе создания рекламного продукта; • создать план проекта; • проанализировать и внести изменения в рекламный продукт в соответствии с требованиями клиента; • создать версии рекламного продукта для печати, публикации в Интернете и включения в видеоклип. 2. Продемонстрируйте учащимся примеры печатной рекламы и рекламы в Интернете, и обсудите, какие принципы дизайна и методики применялись: • для разметки; • цвета и графики; • типографики; • тона. Ïðèìå÷àíèå: Ïðèìåðû ðåêëàìû äëÿ äåìîíñòðàöèè ó÷àùèìñÿ ìîæíî ïîäîáðàòü çàðàíåå.
Бланк «Анализ рекламного продукта». 3. Разбейте учащихся на команды, состоящие из 2—3 человек. По возможности включите в команды людей с разными способностями, например обладающими навыками в области визуального дизайна или техническими навыками. Обсудите принципы работы в команде. 4. Познакомьте каждую команду с проектом, над которым она будет работать, и предоставьте информацию об организации клиента, включив следующие сведения: • название организации; • ее миссия и цели; • продукт или услуга, поставляемые организацией, с описанием этого продукта или услуги; • происхождение и история; • зачем организации понадобилась команда для создания рекламного продукта.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
297
Ïðèìå÷àíèå: Åñëè íàéòè ðåàëüíûõ êëèåíòîâ ñëîæíî, âû ìîæåòå èñïîëüçîâàòü èäåè èç íåñêîëüêèõ ñöåíàðèåâ, ïðåäñòàâëåííûõ â ðàçäåëå «Äîïîëíèòåëüíûå çàäàíèÿ», ÷òîáû ñîçäàòü êëèåíòñêèå ïðîôèëè.
5. Познакомьте учащихся с аспектами управления проектами и работы с клиентом. Вот некоторые вопросы для рассмотрения: • определение ролей — в частности, выбор человека, играющего роль посредника между клиентом и группой; • определение необходимых этапов проекта; • создание плана проекта с конкретными датами сдачи промежуточных результатов и конечным сроком; • понимание и уточнение требований клиента; • общение и диалог с клиентом — желательно, чтобы учащиеся использовали электронную почту, веб-конференции (например, программное обеспечение Adobe Acrobat Connect Pro), программу Adobe Acrobat 9 Pro и другие инструменты коллективной работы через Интернет с целью анализирования дизайна вместе с клиентами; • определение общих проблем и нюансов, возникающих при управлении проектами. 6. Обсудите фазы проекта и попросите учащихся распланировать выполнение задач в рамках этих фаз. Пусть каждая группа приступит к созданию плана проекта (объясните, что они завершат план проекта после опроса клиента), который должен содержать следующие разделы: • сбор информации; • дизайн; • разработка; • распространение: в печатном виде, через Интернет и в форме видео. Бланк «План проекта». 7. При подготовке к опросу клиента расскажите командам про то, какую информацию о задачах и целевой аудитории они должны получить от клиента. Бланк «Опрос клиента: рекламный продукт». 8. Пусть участники каждой команды вместе обсудят вопросы, предлагаемые для опроса клиента, и добавят любые другие вопросы, которые, на их взгляд, могут понадобиться для лучшего понимания требований клиента. Ïðèìå÷àíèå:  çàâèñèìîñòè îò óðîâíÿ ïîäãîòîâêè ó÷àùèõñÿ, âàì, âîçìîæíî, ïîòðåáóåòñÿ ïðîñìîòðåòü è îäîáðèòü âîïðîñû äëÿ îïðîñà èëè ïîïðîñèòü ó÷àùèõñÿ ïîïðàêòèêîâàòüñÿ â ïðîâåäåíèè èíòåðâüþ, ÷òîáû îòòî÷èòü ñâîé ñòèëü è ïðè íåîáõîäèìîñòè èçìåíèòü ôîðìóëèðîâêè âîïðîñîâ. Âîçìîæíî, âû òàêæå çàõîòèòå ïðèñóòñòâîâàòü ïðè ïðîâåäåíèè ó÷àùèìèñÿ îïðîñîâ êëèåíòîâ è ïîìîãàòü èì ïðè íåîáõîäèìîñòè.
9. Попросите учащихся провести опросы клиентов и собрать необходимую информацию.
298
ÏÐÎÅÊÒ 4. Ðåêëàìà
10.
После проведения опроса попросите команды проанализировать все рекламные продукты, рекомендованные клиентом. Предложите командам провести коллективное обсуждение дизайнерских идей в процессе анализа этих рекламных продуктов.
11.
Попросите команды завершить планы проектов, отразив в них выводы, сделанные на основе опросов клиентов.
Ïðèìå÷àíèå: Óáåäèòåñü, ÷òî ó÷àùèåñÿ îïðåäåëèëè âñå ýëåìåíòû, îõðàíÿåìûå àâòîðñêèì ïðàâîì, êîòîðûå îíè ñîáèðàþòñÿ âêëþ÷èòü â ðåêëàìíûé ïðîäóêò, è ó íèõ åñòü ñòðàòåãèÿ ïîëó÷åíèÿ ðàçðåøåíèÿ íà èñïîëüçîâàíèå ýòèõ ìàòåðèàëîâ.
Ïîäãîòîâêà è ðàçðàáîòêà äèçàéíà ðåêëàìíîãî ïðîäóêòà Рекомендуемое время: 100—150 минут. 12.
В процессе подготовки к созданию рекламного продукта попросите каждую группу выполнить следующее: • сделать эскизы вариантов макета рекламного продукта; • сделать фотографии соответствующих продуктов, людей в движении или других услуг, относящихся к рекламному продукту; • определить все необходимые элементы.
Ïðèìå÷àíèå: Íàïîìíèòå ó÷àùèìñÿ, ÷òî îíè äîëæíû ïîëó÷èòü ðàçðåøåíèå îò âñåõ ñôîòîãðàôèðîâàííûõ ëþäåé íà èñïîëüçîâàíèå ýòèõ ôîòîãðàôèé â ðåêëàìíîì ïðîäóêòå èëè íà ïîêàç ýòèõ ôîòîãðàôèé êëèåíòó. Âû ìîæåòå ïðåäëîæèòü ó÷àùèìñÿ íàéòè òèïîâîé áëàíê ðàçðåøåíèÿ íà ïóáëèêàöèþ â Èíòåðíåòå, êîòîðûé îíè ñìîãóò èñïîëüçîâàòü äëÿ ïîëó÷åíèÿ ðàçðåøåíèÿ îò ñôîòîãðàôèðîâàííûõ ëþäåé.
13.
Пусть каждая группа создаст три концептуальные идеи рекламного продукта в программе Photoshop, используя соответствующие фотографии и элементы. Затем пусть каждая группа сохранит свои композиции в виде PDF-документов и встретится с клиентом (лично или организовав онлайн-конференцию), чтобы пояснить варианты дизайна (можно порекомендовать провести это совещание человеку, выполняющему роль посредника). Во время презентации учащиеся должны записывать все замечания в блокноты.
Раздел с пошаговыми инструкциями по программе Photoshop «Как создавать композиции слоев». Ïðèìå÷àíèå: Âû ìîæåòå ïîïðîñèòü ó÷àùèõñÿ îòðåïåòèðîâàòü èõ «ðå÷ü» ïåðåä âñòðå÷åé ñ êëèåíòîì.
14.
Вспомните с учащимися процесс внесения изменений, представленный в проекте 3, и попросите учащихся внести изменения в разрабатываемый рекламный продукт на основе отзывов клиентов. Попросите их доработать одну или две композиции (в зависимости от пожеланий клиента), представить эти изменения на повторное рассмотрение клиенту и при необходимости повторять этот процесс до тех пор, пока клиент не одобрит композицию.
Бланк «Рецензия и внесение изменений в рекламный продукт».
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
299
Ïðèìå÷àíèå: Ïðè ìíîãîêðàòíîì ïîâòîðåíèè ïðîöåññà àíàëèçà è âíåñåíèÿ èçìåíåíèé ïîïðîñèòå ó÷àùèõñÿ ñâåðÿòüñÿ ñî ñâîèì ïëàíîì ïðîåêòà, ÷òîáû ãàðàíòèðîâàòü, ÷òî îíè óñïåâàþò âûïîëíèòü âñå çàäà÷è â ñðîê. Âû ìîæåòå ïðåäëîæèòü ó÷àùèìñÿ ïðîèíôîðìèðîâàòü êëèåíòîâ î òîì, êàê çàòÿíóâøèåñÿ ýòàïû àíàëèçà ìîãóò ïîâëèÿòü íà ãðàôèê ðàáîò, è ñôîðìóëèðîâàòü ñòðàòåãèè, êîòîðûå ïîçâîëÿò óáåðå÷ü ïðîåêò îò ïðîâàëà, íàïðèìåð, ñîêðàòèâ çàäà÷è ïðîåêòà ñîâìåñòíî ñ êëèåíòîì, îãðàíè÷èâ ÷èñëî öèêëîâ àíàëèçà è âíåñåíèÿ èçìåíåíèé èëè ïåðåñìîòðåâ ñðîêè ñäà÷è.
Ñîçäàíèå ðåêëàìíîãî ïðîäóêòà Рекомендуемое время: 150—200 минут. 15.
Предоставьте учащимся время на создание всех необходимых графических элементов для их рекламного продукта в программе Photoshop.
16.
Объясните, что первая версия рекламного продукта будет иметь водяной знак, обозначающий, что эта версия является рабочей, — это понадобится как для клиента, так и для дальнейшей демонстрации фокус-группе. Используя методику «Я делаю, мы делаем, вы делаете», продемонстрируйте учащимся применение непрозрачности и заливки для создания водяного знака в программе Photoshop и попросите учащихся создать водяной знак для всех графических элементов в программе Photoshop.
Ïðèìå÷àíèå:  çàâèñèìîñòè îò óðîâíÿ ïîäãîòîâêè âàøèõ ó÷àùèõñÿ âàì ìîæåò ïîíàäîáèòüñÿ îáúÿñíèòü èì, ÷òî òàêîå âîäÿíîé çíàê è êàêîâî åãî íàçíà÷åíèå. Òàêæå âû ìîæåòå ðàññêàçàòü î äðóãèõ îòðàñëÿõ, â êîòîðûõ ïðèìåíÿþòñÿ âîäÿíûå çíàêè, íàïðèìåð â ôîòîãðàôèè.
Раздел с пошаговыми инструкциями по программе Photoshop «Как добавлять водяные знаки на изображения». 17.
Используя методику «Я делаю, мы делаем, вы делаете», продемонстрируйте учащимся, как работать с текстом и помещать объекты на страницу в программе InDesign. Раздел с пошаговыми инструкциями по программе InDesign «Как работать с текстовыми фреймами». Раздел с пошаговыми инструкциями по программе InDesign «Как работать с графическими фреймами». Раздел с пошаговыми инструкциями по программе InDesign «Как комбинировать графические и текстовые фреймы». Раздел с пошаговыми инструкциями по программе InDesign «Как вставлять изображения на страницу». 18.
Продемонстрируйте учащимся, как экспортировать элементы и объекты из программы Photoshop в программу InDesign, и предоставьте им время, чтобы завершить работу над макетом и текстом рекламного продукта.
Ïðèìå÷àíèå: Ïîïðîñèòå ó÷àùèõñÿ ñâåðèòüñÿ ñ ïëàíîì ïðîåêòà â ïðîöåññå ñîçäàíèÿ ðåêëàìíîãî ïðîäóêòà. Âû ìîæåòå íàïîìíèòü èì î íåîáõîäèìîñòè ðàñïðåäåëèòü âðåìÿ ñîîòâåòñòâóþùèì îáðàçîì, ÷òîáû óñïåòü âûïîëíèòü âñå çàäà÷è â ñðîê. Ïðèìå÷àíèå: Íàïîìíèòå ó÷àùèìñÿ, ÷òî îíè äîëæíû ó÷èòûâàòü àêòóàëüíîñòü ïîñòàâëåííûõ çàäà÷ â ïðîöåññå ñîçäàíèÿ ðåêëàìíîãî ïðîäóêòà.
300
ÏÐÎÅÊÒ 4. Ðåêëàìà
Àíàëèç è âíåñåíèå èçìåíåíèé â ðåêëàìíûé ïðîäóêò Рекомендуемое время: 250—300 минут. 19.
Расскажите учащимся о назначении фокус-группы и познакомьте их с общими советами по организации и работе с фокус-группами. Вот некоторые вопросы для обсуждения: • Определение целей. Учащиеся должны определить, что они хотят узнать о создаваемом рекламном продукте. • Планирование мероприятия. Определите наиболее подходящее время дня, кто должен входить в целевую аудиторию для получения наиболее достоверных результатов, число участников в группе, определитесь с напитками и легкой закуской, подготовьте программу, продумайте вопросы, выберите способ представления рекламного продукта, записи дискуссии (в форме аудио или видео), выберите модератора (ведущего) фокус-группы и людей, которые будут отмечать любые замечания в процессе дискуссии, а также продумайте сувениры для участников. • Помощь в проведении мероприятия. Напишите вводную речь, определите цель дискуссии, объясните необходимость записи мероприятия (если вы записываете мероприятие), задайте вопросы, обобщите ответы всех участников с целью уточнения и завершите дискуссию. • После мероприятия. Убедитесь, что дискуссия была записана, запишите дополнительные замечания или наблюдения, опросите всех членов команды и подготовьте отчет.
20.
Пусть каждая команда подготовится к проведению мероприятия с фокус-группой, используя приведенные выше подсказки, чтобы узнать, как воспринимается рекламный продукт и как его можно улучшить.
21.
Пусть каждая группа соберет членов потенциальной целевой аудитории (с помощью их клиентов), организует и проведет мероприятие с фокус-группой, используя подготовленные планы.
Ïðèìå÷àíèå:  çàâèñèìîñòè îò íàëè÷èÿ äîñòóïíûõ ðåñóðñîâ âû ìîæåòå ïîïðîñèòü âûñòóïèòü â ðîëè ôîêóñ-ãðóïïû äðóãèå êîìàíäû.  òàêîì ñëó÷àå ó÷àùèåñÿ, âûñòóïàþùèå â ðîëè öåëåâîé àóäèòîðèè, äîëæíû èññëåäîâàòü âîçìîæíûå òðåáîâàíèÿ è îæèäàíèÿ, ïðåäúÿâëÿåìûå òîé öåëåâîé àóäèòîðèåé, êîòîðóþ îíè ïðåäñòàâëÿþò, ÷òîáû íå äîïóñêàòü îøèáîê ïðè îöåíêå äèçàéíà.
22.
Предоставьте каждой группе время на анализ и внесение изменений в рекламный продукт на основе результатов фокус-групп. Пусть учащиеся создадут окончательный вариант рекламного продукта и удалят водяной знак.
Бланк «Рецензия и внесение изменений в рекламный продукт». 23.
Объясните учащимся, что им нужно подготовить рекламный продукт в соответствии с требованиями клиента по распространению, а также для следующих ситуаций, если клиентом не было оговорено иное, чтобы познакомиться с вариантами использования графики в различных средах:
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
301
• печатная версия для печати на профессиональном принтере; • веб-версия для веб- или Flash-дизайнера; • видеоверсия для использования продюсером в качестве вводной части видеоклипа. Ïðèìå÷àíèå: Âû ìîæåòå îñâåæèòü â ïàìÿòè òåìó, ïîñâÿùåííóþ ôîðìàòàì ôàéëîâ è ïðîöåññó ýêñïîðòà, èç ïðîåêòà 2. Òàêæå ìîæåò îêàçàòüñÿ ïîëåçíûì ïåðå÷èñëèòü íàèáîëåå ïîäõîäÿùèå ôîðìàòû äëÿ ïóáëèêàöèè â Èíòåðíåòå (JPG, GIF, PNG), äëÿ ôîòîãðàôèé (PSD, TIFF, JPG, PDF, DICOM, Large Document Format (PSB)), äëÿ êîììåð÷åñêîé ïå÷àòè (TIFF, EPS, PDF, PSD, DCS), äëÿ âèäåî (PSD, TGA, PICT) è äëÿ ïðîãðàìì PowerPoint/Word (PNG).
24.
Пусть каждая группа представит окончательный вариант рекламного продукта клиенту (лично или организовав онлайн-конференцию), объяснив выбор дизайнерских решений и отметив отзывы фокус-группы.
25.
Чтобы оценить результативность процесса, поставьте перед каждой командой задачу обсудить процесс и результаты разработки. Пусть каждая группа записывает все замечания в процессе обсуждения. К темам для обсуждения можно отнести следующее: • процесс создания дизайна и принятые дизайнерские решения, включая различные итерации и стадии разработки рекламного продукта; • опыт работы с клиентом и презентация окончательного варианта рекламного продукта; • опыт работы с фокус-группой; • опыт работы в команде, создание плана проекта и применение стратегий управления проектами; • пояснение, как процесс анализа и внесения изменений на основе замечаний помог улучшить окончательную версию рекламного продукта; • список всех изученных в процессе выполнения проекта технологий.
ÄÎÏÎËÍÈÒÅËÜÍÛÅ ÇÀÄÀÍÈß Проект можно дополнить следующими заданиями: • Этапы проекта. Во время обсуждения этапов проекта вы можете разнообразить дискуссию, упомянув аналогичные этапы, пройденные учащимися в предыдущих проектах: – сбор информации; – в проектах 2 и 3 учащиеся определяли цели, задачи и целевую аудиторию для создаваемых логотипов и визитных карточек; – в проекте 3 заполняли бланк, отражающий необходимые изменения по результатам анализа; – дизайн; – в проектах 2 и 3 учащиеся создавали композиции дизайна; – структура;
302
•
•
•
•
•
ÏÐÎÅÊÒ 4. Ðåêëàìà
– в проектах 2 и 3 учащиеся рисовали эскизы создаваемых логотипов и визиток. Фокус-группы. Попросите учащихся найти информацию по фокус-группам, чтобы понять их назначение и принципы их использования, а также определить эффективные методики проведения фокус-групп. Интерактивная реклама. Попросите учащихся внести изменения в рекламный продукт с целью его дальнейшей публикации в Интернете, добавив интерактивные элементы в программе InDesign, или экспортировать документ InDesign в формат XLF и создать новую интерактивную версию рекламного продукта в среде разработки Adobe Flash Professional CS5. Разделы с информацией по импортированию файлов в среду разработки Flash, созданию цифровых продуктов и добавлению интерактивных элементов в рекламный продукт можно найти в пособии по курсу Digital Design. Интернет-приложения с богатыми функциональными возможностями (RIA-приложения). Попросите учащихся разработать дизайн рекламного продукта в программе Photoshop и экспортировать его в файл формата FXG с целью дальнейшего импортирования в программу Adobe Flash Catalyst. В программе Flash Catalyst учащиеся могут добавлять интерактивные элементы и элементы дизайна, объединяя интерактивные возможности с информацией в рекламном продукте. Сценарий «Вымышленный клиент». Попросите каждую группу учащихся придумать забавную компанию с очень громким именем и выпускаемый ею продукт, который нужно прорекламировать. Пусть учащиеся запишут все свои идеи на листочек бумаги. Соберите листочки и поместите их в шляпу, после чего каждая группа учащихся должна вытянуть по одному листочку, чтобы определить, какая группа будет выступать в роли их «клиента». Учащиеся должны проявить свои творческие способности и использовать возможности программ Photoshop и InDesign для создания привлекательного рекламного продукта. Сценарий «Преподаватель в роли клиента». Если привлечение внешних клиентов для данного проекта невозможно, вы можете выступить в роли клиента — владельца небольшого бизнеса, например ресторана. Предложите учащимся разработать рекламу для ресторана, подчеркивающую его обширное меню и этнические мотивы в оформлении.
ÎÖÅÍÊÀ •
По нескольким критериям, представленным далее в разделе «Критерии оценки».
ÐÅÑÓÐÑÛ ÄËß ÄÎÏÎËÍÈÒÅËÜÍÎÉ ÏÎÄÃÎÒÎÂÊÈ •
Просмотрите разделы с пошаговыми инструкциями для учащихся, используемые в данном проекте.
•
Видеоуроки, которые соответствуют навыкам, необходимым для выполнения этого проекта, можно найти на сайте Adobe TV в демонстрации Visual Design CS5 по адресу tv.adobe.com/show/visual-design-cs5/.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
303
•
Обзор интерфейса и дополнительную информацию по техническим аспектам программы Photoshop можно найти в справке программы.
•
Обзор интерфейса и дополнительную информацию по техническим аспектам программы InDesign можно найти в справке программы.
•
Вы можете дополнить данный проект следующими книгами по дизайну: • Lawler, B. (2006). The Official Adobe Print Publishing Guide, Second Edition. Berkeley: Adobe Press. • Williams, R. (2007). Robin Williams Design Workshop, Second Edition. Berkeley: Peachpit Press.
Óïðàâëåíèå ïðîåêòîì •
Ссылки на веб-сайты с информацией, посвященной управлению проектами, доступны по адресу www.managementhelp.org/plan_dec/project/project.htm.
•
Об основах проведения фокус-групп можно узнать по адресу www.managementhelp.org/ evaluatn/focusgrp.htm.
•
Информация по проведению фокус-групп в режиме «лицом к лицу», по телефону и онлайн: www.mnav.com/qualitative_research.htm.
•
10 подсказок по успешному проведению фокус-групп: www.isixsigma.com/offsite. asp?A=Fr&Url=www.groupsplus.com/pages/mn091498.htm.
Ìàêåòû ðåêëàìû •
Руководства, шаблоны и обучающие материалы по разработке дизайна рекламы доступны по адресу desktoppub.about.com/od/ads/Advertising_Design.htm.
•
24 подсказки по разработке дизайна макета для рекламы: ezinearticles.com/?24-TipsOn-How-To-Produce-The-Best-Advertisement-Layout&id=103893.
•
Информация по созданию рекламы для Интернета: www.useit.com/alertbox/20030505. html.
•
Архив печатной рекламы доступен по адресу www.adflip.com.
•
Найти более 7000 примеров рекламы из газет можно по адресу scriptorium.lib.duke.edu/ adaccess.
ÊËÞ×ÅÂÛÅ ÏÎÍßÒÈß •
Управление проектом.
•
Фокус-группа.
•
Удобство использования.
•
Композиции дизайна.
•
Водяной знак.
304
ÏÐÎÅÊÒ 4. Ðåêëàìà
ÑÒÀÍÄÀÐÒ ISTE NETS*S ÄËß Ó×ÀÙÈÕÑß Этот проект соответствует стандартам ISTE NETS*S — стандартам использования высоких технологий в образовании. В зависимости от выбранной учащимся темы и предметного содержания вам может потребоваться изучить стандарты вашего государства или штата, чтобы выяснить, соответствует ли данный проект установленным требованиям. ISTE NETS*S: программа образования и предметное содержание стандартов — NETS для учащихся. 1. Творчество и инновации. Учащиеся демонстрируют творческое мышление, исследовательские подходы и разрабатывают инновационные продукты и процессы с использованием технологии. Учащиеся: a) применяют имеющиеся знания для получения новых идей, продуктов или процессов; b) создают оригинальные произведения как средство выражения личности или группы. 2. Коммуникации и сотрудничество. Учащиеся используют цифровые средства и среды для общения и коллективной работы, в том числе на расстоянии, для поддержки индивидуального обучения и возможности обучения других. Учащиеся: a) взаимодействуют, сотрудничают и творят со сверстниками, экспертами или другими участниками, используя различные цифровые среды и средства; b) эффективно распространяют информацию и идеи для разных аудиторий с использованием различных средств и форматов; d) участвуют в проектных группах для создания оригинальных произведений или решения проблем. 3. Исследования и информационная компетентность. Учащиеся умеют применять цифровые инструменты для сбора, оценки и использования информации. Учащиеся: a) планируют стратегии исследования; b) находят, организуют, анализируют, оценивают, обобщают и используют информацию из различных источников и сред; c) оценивают и отбирают источники информации и цифровые средства на основе целесообразности для конкретных задач; d) обрабатывают данные и формулируют результаты. 4. Критическое мышление, решение проблем и принятие решений. Учащиеся используют умение критически мыслить для планирования и проведения научных исследований, управления проектами, решения проблем и принятия обоснованных решений, используя соответствующие цифровые инструменты и ресурсы. Учащиеся:
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
305
a) выявляют и определяют подлинные проблемы и важные вопросы для проведения исследования; b) планируют и управляют деятельностью по разработке решения или выполнения проекта; c) собирают и анализируют данные для выявления решений и/или принятия обоснованных решений; d) используют несколько процессов и различные точки зрения для изучения альтернативных решений. 5. Цифровое гражданство. Учащиеся понимают гуманитарные, культурные и социальные вопросы, связанные с информационными технологиями и практикой легального и этического поведения. Учащиеся: a) практикуют безопасное, правовое и ответственное использование информации и технологии; b. демонстрируют позитивное отношение к использованию технологий, обеспечивающих возможности коллективной работы и обучения. 6. Применение технологии и технологические концепции. Учащиеся демонстрируют четкое понимание технологических концепций и систем и их применения. Учащиеся: a) понимают и используют технологические системы; b) эффективно и продуктивно выбирают и используют приложения.
ÑÅÐÒÈÔÈÊÀÖÈß ADOBE CERTIFIED ASSOCIATE, ÇÀÄÀ×È ÝÊÇÀÌÅÍÀ VISUAL COMMUNICATION 1.1
Определение цели, аудитории и потребностей аудитории для подготовки изображения.
1.2
Демонстрация знания стандартных правил авторского права для изображений и правомерного использования изображений.
1.3
Демонстрация знания задач управления проектом и ответственности сторон.
2.2
Демонстрация знания принципов дизайна, элементов и композиции изображений.
3.2
Демонстрация понимания слоев и масок.
3.3
Демонстрация понимания операций импортирования, экспортирования, организации и сохранения.
4.1
Демонстрация умения работать с выделениями и инструментами измерения.
4.5
Демонстрация умения ретушировать и смешивать изображения.
5.1
Демонстрация знания процесса подготовки изображений для Интернета, печати и видео.
306
ÏÐÎÅÊÒ 4. Ðåêëàìà
ÊÐÈÒÅÐÈÈ ÎÖÅÍÊÈ 0 — ниже ожидаемого
3 — соответствует ожиданиям
5 — превосходит ожидания
План проекта
Отсутствует или неполный
В плане проекта детально расписано предполагаемое время, указаны дата завершения работ и ответственные по конкретным задачам на каждом этапе проекта: этапе описания проекта, этапе дизайна, этапе создания, этапе сдачи. В плане проекта указаны элементы, защищенные авторским правом, для использования которых необходимо получать разрешение
В плане проекта четко и детально расписано предполагаемое время, указаны дата завершения работ, ответственные по конкретным задачам на каждом этапе проекта: этапе описания проекта, этапе дизайна, этапе создания, этапе сдачи. В плане проекта указаны элементы, защищенные авторским правом, для использования которых необходимо получать разрешение
Опрос клиента
Отсутствует или не завершен
В ходе опроса клиента определены задачи, целевая аудитория и предполагаемое назначение рекламного продукта. Также определено содержимое и информация, которая является ключевой для данного рекламного продукта. Опрос определяет предпочтения клиента относительно дизайна
В ходе опроса клиента четко определены задачи, целевая аудитория и предполагаемое назначение рекламного продукта. Также определено содержимое (как оригинальное, так и переработанное) и информация, которая является ключевой для данного рекламного продукта. Опрос определяет предпочтения клиента относительно дизайна и содержит примеры. Заполненный бланк содержит дополнительные вопросы, заданные в ходе опроса, для получения или уточнения некоторой информации
Композиции Отсутствуют, Команды обсуждают с клиентадизайна не завершены ми три варианта композиций или не имеют дизайна, созданных в програмлогического ме Photoshop. В композициях обоснования используются соответствующие фотографии и элементы
Команды обсуждают с клиентами три варианта композиций дизайна, созданных в программе Photoshop, дополняя обсуждение четкими объяснениями примененных принципов дизайна. В композициях используются соответствующие фотографии и элементы, чтобы подчеркнуть и усилить сообщение, передаваемое через рекламный продукт
Учащиеся эффективно используют процесс проведения анализа и внесения изменений для работы с клиентом, чтобы получить одобрение финального варианта рекламного
Учащиеся эффективно используют процесс проведения анализа и внесения изменений для работы с клиентом, чтобы получить одобрение финального варианта рекламного продукта. Процесс проведения
Анализ и внесение изменений
Отсутствует или неполный
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
0 — ниже ожидаемого
307
3 — соответствует ожиданиям
5 — превосходит ожидания
продукта. Процесс проведения анализа и внесения изменений выявляет, отвечают ли композиции дизайна исходным задачам, ставят ли они новые задачи и отражают ли принципы создания хорошего дизайна. В результате проведения анализа подробно описываются изменения, которые должны быть внесены в рекламный продукт
анализа и внесения изменений четко и подробно указывает, каким образом композиции дизайна отвечают или не отвечают исходным задачам, необходимо ли поставить новые задачи и отражаются ли в них принципы создания хорошего дизайна. В результате проведения анализа подробно описываются изменения, которые должны быть внесены в рекламный продукт, а также определяются новые принципы создания дизайна и технические приемы их реализации. Во время анализа композиций дизайна учащиеся делают пометки для улучшения процесса проведения анализа и внесения изменений
Фокусгруппы
Отсутствует, не организована полностью, или отсутствуют четкие цели
Вопросы к фокус-группе предполагают наличие обратной связи по дизайну и макету рекламного продукта, его содержимому и посылу. Работа с фокус-группой спланирована и включена в график проекта, а в саму группу входили представители предполагаемой целевой аудитории. Данные, полученные от фокус-группы, записаны, подытожены и проанализированы. Команды пересматривают первоначальные варианты композиций дизайна и вносят необходимые изменения в соответствии с отзывами фокус-группы
Вопросы к фокус-группе предполагают наличие конкретной и целенаправленной обратной связи по дизайну и макету рекламного продукта, его содержимому и посылу. Работа с фокус-группой спланирована и включена в график проекта, а в саму группу входили представители нескольких предполагаемых целевых аудиторий. Данные, полученные от фокус-группы, записаны и подытожены с конкретными предложениями по внесению изменений. Команды пересматривают первоначальные варианты композиций дизайна и вносят необходимые изменения в соответствии с отзывами фокус-группы
Реклама — печать
Отсутствует, не завершена или не соответствует теме
Для рекламного продукта используется соответствующий формат файла и размеры, предназначенные для цветной печати. В рекламном продукте надлежащим образом применяются принципы теории цвета, макет страницы и принципы дизайн
Для рекламного продукта используется соответствующий формат файла и размеры, предназначенные для цветной печати. Рекламный продукт четко соответствует поставленным задачам и назначению. Обращается точно к целевой аудитории. В рекламном продукте эффективно применяются подходящие принципы теории цвета, разметка страницы и принципы дизайна
308
ÏÐÎÅÊÒ 4. Ðåêëàìà
0 — ниже ожидаемого
3 — соответствует ожиданиям
5 — превосходит ожидания
Реклама — Интернет
Отсутствует, не завершена или не соответствует теме
Для рекламного продукта используются соответствующий формат файла и размеры, предназначенные для публикации в Интернете. В рекламном продукте надлежащим образом применяются принципы теории цвета, макет страницы и принципы дизайна
Для рекламного продукта используются соответствующий формат файла и размеры, предназначенные для публикации в Интернете. Рекламный продукт четко соответствует поставленным задачам и назначению. Обращается точно к целевой аудитории. В рекламном продукте эффективно применяются подходящие принципы теории цвета, разметка страницы и принципы дизайна
Реклама — видео
Отсутствует, не завершена или не соответствует теме
Для рекламного продукта используются соответствующий формат файла и размеры, предназначенные для видеомонтажа. В рекламном продукте надлежащим образом применяются принципы теории цвета, макет страницы и принципы дизайна
Для рекламного продукта используются соответствующий формат файла и размеры, предназначенные для видеомонтажа. Рекламный продукт четко соответствует поставленным задачам и назначению. Обращается точно к целевой аудитории. В рекламном продукте эффективно применяются подходящие принципы теории цвета, разметка страницы и принципы дизайна
Работа в команде
Отсутствует или не завершена
Учащийся сотрудничает с другими учащимися, высказывая комментарии или предлагая помощь. Он выполняет назначенную ему роль в команде и вносит должный вклад в работу над проектом. Иногда консультируется с другими членами команды перед принятием важных проектных решений, но лишь минимально помогает другим в развитии навыков
Учащийся активно сотрудничает с другими учащимися, высказывая комментарии или предлагая помощь. Он выполняет назначенную ему роль в команде и вносит должный вклад в работу над проектом. Консультируется с другими членами команды перед принятием важных проектных решений и добровольно помогает другим в развитии навыков, необходимых для выполнения проекта
Учащиеся выделяют время для каждого этапа процесса дизайна и разработки. Большинство этапов завершается в срок
Учащиеся осмысленно и эффективно выделяют время для каждого этапа процесса дизайна и разработки. Все этапы завершаются в срок
Используя методику «Мозаика» («Ажурная пила») и создания пометок, команды учащихся делятся своими мыслями и впечатлениями по процессу разработки дизайна и принятия решений,
Используя методику «Мозаика» («Ажурная пила») и создания пометок, команды учащихся делятся своими мыслями и впечатлениями по процессу разработки дизайна и принятия решений, опытом работы с клиентом и проведения фокус-
Управление Отсутствует временем или недостаточное Обучение в сотрудничестве — методика «Мозаика» («Ажурная пила»)
Отсутствует или не завершено
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
0 — ниже ожидаемого
3 — соответствует ожиданиям
опытом работы с клиентом и проведения фокус-групп. Команды делятся опытом работы в командах, создания плана проекта и стратегиями управления проектом. Описывают, как повторные процессы анализа и внесения изменений улучшили конечный продукт, и сообщают о дополнительно полученных навыках
309
5 — превосходит ожидания
групп. Команды делятся и анализируют опыт работы в командах, создание плана проекта и стратегии управления проектом. Описывают, как повторные процессы анализа и внесения изменений улучшили конечный продукт, и сообщают о дополнительно полученных навыках. Рассказывают о том, как они смогли улучшить свои навыки работы в команде, навыки управления проектами и коммуникации, а также технические навыки для будущих проектов
ÀÍÀËÈÇ ÐÅÊËÀÌÍÎÃÎ ÏÐÎÄÓÊÒÀ ФИО: _____________________________________________ Дата:________________ Рекламный продукт: ______________________________________
ÌÀÊÅÒ Опишите макет рекламного продукта. Как размещается содержимое рекламного продукта? Например, размещаются ли его элементы симметрично или асимметрично? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Опишите взаимосвязь между текстовыми и графическими элементами рекламного продукта. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
310
ÏÐÎÅÊÒ 4. Ðåêëàìà
Как в рекламном продукте использовано пространство страницы? Наполнен ли рекламный продукт текстом и графикой, или же на странице остается много свободного места? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Каким образом в рекламном продукте используется выравнивание для размещения информации? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÖÂÅÒÀ È ÃÐÀÔÈÊÀ Опишите цвета, используемые в рекламном продукте. Как они сочетаются между собой? Присутствует ли резкий контраст между текстом и фоном? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Соответствует ли цветовая схема целям или тону рекламного продукта? Какой тон или сообщение несут эти цвета? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
311
Используются ли в рекламном продукте фотографии? Если да, то какого типа? С какого ракурса сделан снимок? Какое освещение и цвета используются? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Если в рекламном продукте присутствуют изображения людей или животных, как бы вы их описали? Что они делают? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Каков фон этого рекламного продукта? То есть где «происходит событие»? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ На ваш взгляд, какую «историю» нам пытаются рассказать с помощью этого рекламного продукта?
ÒÈÏÎÃÐÀÔÈÊÀ Опишите шрифт(ы), применяемые в каждом элементе рекламного продукта. Как в этом рекламном продукте используется типографика для визуального разделения различных элементов (для создания визуальной иерархии или акцентирования внимания на определенном элементе)? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
312
ÏÐÎÅÊÒ 4. Ðåêëàìà
Опишите используемые гарнитуры (если можете, перечислите их названия). Какие сообщения они несут? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Можете ли вы определить, какое форматирование, связанное с типографикой, было применено (трекинг, кернинг, интерлиньяж и т. д.)? Какое влияние оказывают эти отформатированные элементы на рекламный продукт?
ÒÎÍ Как бы вы описали общее впечатление от рекламного продукта? Какие слова вы бы использовали при этом? Например, он веселый? Серьезный? Актуальный? Стильный? Гламурный? Дружелюбный? Патриотичный? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ На кого нацелен этот рекламный продукт? Что говорит дизайн этого рекламного продукта о целевой аудитории и о клиенте, заказавшем его? О рекламируемом продукте или услуге? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Как графический дизайн (баланс, выразительность, цвет, тон и т. д.) соотносится с содержанием? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
313
ÏËÀÍ ÏÐÎÅÊÒÀ Название команды: __________________________
Дата: ________________________
Продумайте этапы проекта, который вы будете реализовывать для вашего клиента, и определите предполагаемое время и дату завершения каждой задачи. Назначьте ответственного за каждую задачу, который будет контролировать ход ее выполнения.
ÑÁÎÐ ÈÍÔÎÐÌÀÖÈÈ Задачи
Предполагаемое время
Дата завершения
Ответственный
Сбор информации о продукте или услуге Определение преимуществ продукта или услуги Определение целей и целевой аудитории Определение элементов, которые могут быть переделаны Определение содержимого и стиля подачи информации Сбор информации о конкурентах в сфере производства данного продукта или предоставления данной услуги Определение способа распространения
ÄÈÇÀÉÍ Задачи
Эскизы макетов Композиции дизайна Презентация композиций дизайна клиенту для получения обратной связи Рецензирование и внесение изменений
Предполагаемое время
Дата завершения
Ответственный
314
ÏÐÎÅÊÒ 4. Ðåêëàìà
ÐÀÇÐÀÁÎÒÊÀ Задачи
Предполагаемое время
Дата завершения
Ответственный
Дата завершения
Ответственный
Создание графики Написание текста Дизайн макета Вставка текста и элементов дизайна в макет Добавление «водяного знака» в дизайн Подготовка презентации для фокус-группы (если необходимо) Окончательное согласование
ÐÀÑÏÐÎÑÒÐÀÍÅÍÈÅ Ðàñïðîñòðàíåíèå â ïå÷àòíîì âèäå Задачи
Предполагаемое время
Пробная печать документов на принтере перед их отправкой в типографию Проверка правильности выбора бумаги, цветов и настроек печати вместе с сотрудником типографии Упаковка файлов для печати Генерация файлов в форматах, применяемых в типографии (файлы InDesign или файлы в формате PDF X1) Проверка пробного отпечатка
Ðàñïðîñòðàíåíèå ÷åðåç Èíòåðíåò (åñëè ïðåäïîëàãàåòñÿ) Задачи
Подготовка файлов для их последующего размещения в Интернете Генерация HTML-кода и графических файлов
Предполагаемое время
Дата завершения
Ответственный
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
315
Ðàñïðîñòðàíåíèå â ôîðìå âèäåî (åñëè ïðåäïîëàãàåòñÿ) Задачи
Предполагаемое время
Дата завершения
Ответственный
Упаковка файлов для их последующего включения в видеоклип Генерация неподвижных изображений для видеоклипа Общее время:
Конечный срок
ÎÏÐÎÑ ÊËÈÅÍÒÀ: ÐÅÊËÀÌÍÛÉ ÏÐÎÄÓÊÒ Название команды: ____________________________________ Дата:_______________ Имя клиента: ____________________________________________
ÒÅÌÛ ÎÏÐÎÑÀ • • • •
Задачи и целевая аудитория. Содержимое. Требования к дизайну. Распространение.
ÇÀÄÀ×È È ÖÅËÅÂÀß ÀÓÄÈÒÎÐÈß Укажите некоторые из основных задач, которые должны быть решены с помощью создаваемого рекламного продукта. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Укажите три долгосрочные задачи для создаваемого рекламного продукта. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
316
ÏÐÎÅÊÒ 4. Ðåêëàìà
Опишите основную целевую аудиторию создаваемого рекламного продукта. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ С помощью нескольких прилагательных опишите, как целевая аудитория должна воспринимать создаваемый рекламный продукт (например, престижный, доброжелательный, корпоративный, забавный, прогрессивный, инновационный, передовой, серьезный, безумный). _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ На какие действия побуждает рекламный продукт целевую аудиторию после его просмотра (каков «призыв к действию»)? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Опишите продукт или услугу, которую вы рекламируете. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Какими отличительными особенностями, или «продающими моментами», обладает рекламируемый продукт или услуга? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Перечислите несколько преимуществ, которые получит целевая аудитория от использования вашего продукта или услуги. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
317
С помощью нескольких прилагательных опишите, как целевая аудитория должна воспринимать ваш продукт или услугу (например, времясберегающий, эффективный, вкусный, простой в применении, глянцевый, модный, современный, быстрый). _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Кто или что является основным конкурентом этого продукта или услуги? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Укажите один самый важный для вас момент, который должен быть раскрыт в рекламном продукте? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Другие вопросы к клиенту. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÑÎÄÅÐÆÈÌÎÅ Есть ли у вас какое-либо содержимое, которое вы хотели бы повторно использовать в данном рекламном продукте? Например, у вас может быть содержимое из предыдущих рекламных продуктов, брошюр, постеров, веб-сайтов и т. д. Как вы передадите это содержимое проектной команде? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
318
ÏÐÎÅÊÒ 4. Ðåêëàìà
Можете ли вы привести примеры содержимого или «продающих моментов» рекламного продукта для аналогичного продукта, который кажется вас особенно удачным? Почему вам понравился этот рекламный продукт? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Какая контактная информация должна быть включена в рекламный продукт? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Другие вопросы к клиенту. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÒÐÅÁÎÂÀÍÈß Ê ÄÈÇÀÉÍÓ Должны ли в оформлении рекламного продукта использоваться определенные цвета, шрифты, графические объекты или логотипы организации? Опишите их. Можете ли вы их предоставить проектной команде? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Следует ли избегать использования в рекламном продукте каких-либо цветов или шрифтов? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Перечислите несколько понравившихся вам рекламных продуктов. Опишите, какие конкретно элементы дизайна каждого рекламного продукта вам нравятся: цвет, макет, шрифты и другие элементы дизайна. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
319
Опишите содержимое рекламных продуктов, которые вам нравится. Относится ли оно только к рекламируемому продукту или услуге, к людям, использующим этот продукт или услугу, присутствует ли в рекламном продукте анимация или другие виды содержимого? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Другие вопросы к клиенту. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÐÀÑÏÐÎÑÒÐÀÍÅÍÈÅ Как будет распространяться рекламный продукт? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Если рекламный продукт будет печатным, будет ли он рассылаться по почте? Публиковаться в газете или журнале? В каких? Есть ли требования к размеру? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Если будет использоваться статичная веб-версия рекламного продукта, какую скорость подключения будет иметь целевая аудитория? Каковы ограничения по размеру (разрешение и объем)? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Если будет использоваться статичная веб-версия рекламного продукта, будет ли она распространяться в виде баннера? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
320
ÏÐÎÅÊÒ 4. Ðåêëàìà
Если будет использоваться статичная веб-версия, будет ли она рассылаться по электронной почте? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Если будет использоваться версия для Интернета, нужны ли динамические (интерактивные) компоненты? Например, некоторые рекламные продукты в Интернете используют технологию Adobe Flash или JavaScript для создания интерактивности. Опишите желаемую интерактивность. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Если версия рекламного продукта будет включаться в видеоклип, какое разрешение должно быть у рекламного продукта? Опишите все требования, относящиеся к видеоклипу. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Как долго вы планируете использовать этот рекламный продукт? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Другие вопросы к клиенту.
ÊÀÊ ÑÎÇÄÀÂÀÒÜ ÊÎÌÏÎÇÈÖÈÈ ÑËÎÅÂ Часто дизайнеры создают для своих клиентов несколько вариантов макета страницы, так называемых композиций. Вы можете создавать композиции из слоев вашего изображения с помощью палитры Композиции слоев (Layer Comps). Используя эту палитру, вы можете создавать, управлять и просматривать несколькой версий макета страницы в одном файле программыAdobe Photoshop CS5. Композиция слоев представляет собой мгновенный снимок состояния слоев документа — их видимость, положение и внешний вид. Композиции слоев сохраняют текущее состояние документа.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
• •
•
321
Видимость слоя определяет, виден ли слой или скрыт. Положение слоя определяет местонахождение слоя на палитре Слои (Layers), находится ли он под или над остальными слоями. В документах содержимое верхних слоев отображается поверх содержимого нижних слоев. Внешний вид слоя определяет, применен ли к слою какой-либо стиль. Также он определяет режим наложения слоев друг на друга. Дополнительную информацию о стилях слоев и режимах наложения можно найти в справке программы Photoshop.
При создании композиции слоев вы можете включить один, два или все три параметра. Преимущества композиций слоев лучше всего проявляются при работе с документами, содержащими большое количество слоев. Также следует учесть, что создавать композиции слоев гораздо проще, когда каждому слою присвоено осмысленное имя, например, image_main (основное изображение), border (рамка), blue background (голубой фон). Когда каждому слою присвоено осмысленное имя, вы сможете легко идентифицировать эти слои в дальнейшем. Чтобы создать композицию слоев: 1. Откройте документ Photoshop, содержащий несколько слоев. 2. Выберите команду меню Окно ⇒ Композиции Слоев (Window ⇒ Layer Comps), чтобы отобразить палитру Композиции слоев (Layer Comps) (рис. 4.1). 3. Щелкните по кнопке Создать новую композицию слоев (Create New Layer Comp), расположенной в нижней части палитры.
Рис. 4.1. Палитра Композиции слоев
Будет создана новая композиция слоев, хранящая слои документа в их текущем состоянии. Откроется диалоговое окно Новая композиция слоев (New Layer Comp) (рис. 4.2).
Рис. 4.2. Диалоговое окно Новая композиция слоев
322
ÏÐÎÅÊÒ 4. Ðåêëàìà
4. Введите имя композиции слоев (поле ввода Имя (Name)) и ее описание (поле ввода Комментарии (Comment)). 5. Установите флажки Видимость (Visibility), Положение (Position) и Вид (стиль слоя) (Appearance (Layer Style)). Установив все три флажка, вы можете быть уверены, что композиция слоев отобразится именно так, как нужно. 6. Щелкните по кнопке OK. Текущее состояние слоев будет сохранено в качестве композиции слоев. Это означает, что в качестве композиции слоев будет сохранен текущий вид изображения (рис. 4.3).
Рис. 4.3. Композиция слоев оригинального макета
7. Используя палитру Слои (Layers), внесите изменения в изображение: скройте некоторые слои, отобразите другие или добавьте несколько новых слоев с изображениями. Вам необходимо сделать так, чтобы получившееся изображение существенно отличалось от исходного изображения и вы могли бы сохранить его в виде отдельной композиции слоев (рис. 4.4). Ïðèìå÷àíèå: ×òîáû îòîáðàçèòü èëè ñêðûòü ñëîé, ùåëêíèòå ïî çíà÷êó âèäèìîñòè, ðàñïîëîæåííîìó ñëåâà îò íàçâàíèÿ ýòîãî ñëîÿ.
Теперь вы создадите новую композицию слоев, сохранив изменения, произведенные на палитре Слои (Layers). 8. Повторите шаги 3—6, чтобы сохранить произведенные изменения в другой композиции слоев. На рис. 4.5 новая композиция слоев имеет название «Версия с фиолетовым фоном».
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
323
Рис. 4.4. Палитра Слои с выделенными слоями, которые выбраны для фона фиолетового цвета
Рис. 4.5. Композиция слоев «Версия с фиолетовым фоном»
324
ÏÐÎÅÊÒ 4. Ðåêëàìà
9. На палитре Композиции слоев (Layer Comps) щелкните мышью по пустому квадрату, расположенному слева от названия первой созданной композиции слоев (рис. 4.6). Рядом с названием этой композиции появится значок Применить композицию слоев (Apply Layer Comp), который обозначает композицию слоев, выбранную в текущий момент времени. Вид изображения изменится в соответствии с выбранной композицией слоев (рис. 4.6). Теперь вы можете свободно переключаться между композициями слоев для сравнения изменений. Также обратите внимание, что при переключении между композициями слоев на палитре Слои (Layers) изменяется видимость слоев.
Рис. 4.6. Выбор композиции слоев
ÎÁÍÎÂËÅÍÈÅ ÊÎÌÏÎÇÈÖÈÉ ÑËÎÅÂ После создания композиций слоев вы можете обновлять их по мере необходимости. Чтобы обновить композицию слоев: 1. Выберите нужную композицию слоев на палитре Композиции слоев (Layer Comps). 2. Откройте палитру Слои (Layers) и измените видимость или положение некоторых слоев. Как только вы внесете изменения на палитре Слои (Layers), значок Применить композицию слоев (Apply Layer Comp) напротив соответствующей композиции слоев исчезнет (рис. 4.7). Композиция слоев еще не была обновлена, и текущая видимость слоев документа отличается от видимости слоев в сохраненной композиции слоев. 3. Щелкните по кнопке Обновить композицию слоев (Update Layer Comp), чтобы сохранить изменения.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
325
Рис. 4.7. Палитра Композиции слоев
ÝÊÑÏÎÐÒÈÐÎÂÀÍÈÅ ÊÎÌÏÎÇÈÖÈÉ ÑËÎÅÂ Теперь композиции слоев необходимо экспортировать в формат, в котором их смогут просмотреть ваши клиенты. Программа Photoshop создает отдельный PDF-документ для каждой композиции слоев. Чтобы экспортировать несколько композиций слоев в виде PDF-документов: 1. Выберите команду меню Файл ⇒ Сценарии ⇒ Композиции слоев в файлы (File ⇒ Scripts ⇒ Layer Comps To Files). Появится диалоговое окно Композиции слоев в файлы (Layer Comps To Files) (рис. 4.8). 2. Щелкните по кнопке Обзор (Browse), чтобы выбрать папку, в которой будут сохранены файлы. Появится диалоговое окно Выбор папки (Choose Folder) (Windows) или Выберите Папку (Choose a Folder) (Mac OS) (рис. 4.9). 3. Щелкните по кнопке OK (Windows) или Открыть (Open) (Mac OS), чтобы выбрать выходную папку. Рис. 4.8. Диалоговое окно Композиции слоев в файлы
326
ÏÐÎÅÊÒ 4. Ðåêëàìà
4. В диалоговом окне Композиции слоев в файлы (Layer Comps To Files) введите имя файла в поле ввода Префикс имени файла (File Name Prefix). 5. Сбросьте флажок Только выделенные композиции слоев (Selected Layer Comps Only). Это позволит экспортировать в PDF-файлы все композиции слоев, доступные на палитре Композиции слоев (Layer Comps). 6. В раскрывающемся списке Тип файла (File Type) выберите значение PDF. 7. Щелкните по кнопке Выполнить (Run). Программа Photoshop создаст отдельные PDFРис. 4.9. Диалоговое окно Выбор папки файлы в указанной папке в соответствии с выбранными настройками. По окончании процесса экспорта на экране появится сообщение об успешном завершении операции. 8. В операционной системе откройте папку, в которой были сохранены PDF-файлы. 9. Дважды щелкните мышью по PDF-файлу, чтобы открыть его (рис. 4.10).
Рис. 4.10. PDF-файлы, сохраненные в указанной папке
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
327
ÐÅÖÅÍÇÈß È ÂÍÅÑÅÍÈÅ ÈÇÌÅÍÅÍÈÉ Â ÐÅÊËÀÌÍÛÉ ÏÐÎÄÓÊÒ Название команды: _____________________________________ Дата: _______________ Ответы на следующие вопросы помогут вам проанализировать и внести необходимые изменения в рекламный продукт: • соответствие исходным задачам; • необходимость в постановке новых задач; • отражение принципов хорошего дизайна; • внесение изменений.
ÑÎÎÒÂÅÒÑÒÂÈÅ ÈÑÕÎÄÍÛÌ ÇÀÄÀ×ÀÌ Каковы были исходные задачи для создаваемого вами рекламного продукта? Какие задачи ставились вашим клиентом? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Отвечает ли рекламный продукт поставленным задачам? Почему да или почему нет? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Перечислите несколько преимуществ, которые получит целевая аудитория при пользовании данным продуктом или услугой. Как эти преимущества отражены в рекламном продукте? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
328
ÏÐÎÅÊÒ 4. Ðåêëàìà
ÍÅÎÁÕÎÄÈÌÎÑÒÜ Â ÏÎÑÒÀÍÎÂÊÅ ÍÎÂÛÕ ÇÀÄÀ× Появились ли у вас новые краткосрочные задачи для данного рекламного продукта? Если да, то какие и почему изменились исходные задачи? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Появились ли у вас новые долгосрочные задачи для данного рекламного продукта? Если да, то какие и почему изменились исходные задачи? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÎÒÐÀÆÅÍÈÅ ÏÐÈÍÖÈÏÎÂ ÕÎÐÎØÅÃÎ ÄÈÇÀÉÍÀ Какие концепции и принципы дизайна вы изначально вложили в создаваемый рекламный продукт? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Какие типографические принципы вы изначально вложили в создаваемый рекламный продукт? Опишите, как ваш выбор типографических средств сочетается с другими вашими дизайнерскими решениями. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Прослеживается ли в рекламном продукте четкая иерархическая структура информации? Опишите, как вы можете усовершенствовать эту иерархию в новой версии рекламного продукта. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
329
Хотите ли вы добавить новые концепции или принципы дизайна в создаваемый рекламный продукт? Если да, то какие, и почему вы хотите их добавить? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Хотите ли вы добавить новые типографические принципы в создаваемый рекламный продукт? Если да, то какие, и почему вы хотите их добавить? Как эти изменения сочетаются с другими изменениями в дизайне? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÂÍÅÑÅÍÈÅ ÈÇÌÅÍÅÍÈÉ Какие изменения необходимо внести в создаваемый рекламный продукт, чтобы применить новые концепции и принципы дизайна? Словесно опишите необходимые изменения и сделайте наброски этих изменений. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÊÀÊ ÄÎÁÀÂËßÒÜ ÂÎÄßÍÛÅ ÇÍÀÊÈ ÍÀ ÈÇÎÁÐÀÆÅÍÈß Демонстрируя свои работы другим людям, желательно добавлять на изображения водяные знаки, чтобы защитить вашу интеллектуальную собственность (изображение, над которым вы так долго работали). Водяной знак — это полупрозрачное сообщение, которое отображается поверх вашего изображения и указывает на то, что автором этого изображения являетесь именно вы. Водяной знак можно применить несколькими способами. Большинство из этих способов предполагает размещение водяного знака на отдельном слое над другими слоями изображения и последующее форматирование слоя с водяным знаком таким образом, чтобы сквозь него отображалось основное изображение. Один из таких вариантов форматирования заключается в уменьшении непрозрачности слоя. Непрозрачность определяет степень прозрачности слоя. Значение непрозрачности задается в диалоговом окне Стиль слоя (Layer Style).
330
ÏÐÎÅÊÒ 4. Ðåêëàìà
ÄÎÁÀÂËÅÍÈÅ ÂÎÄßÍÎÃÎ ÇÍÀÊÀ ÍÀ ÈÇÎÁÐÀÆÅÍÈÅ 1. Запустите программу Photoshop и откройте любое изображение. 2. Выберите инструмент Текст (Type) на панели инструментов (рис. 4.11). При выборе инструмента Текст (Type) на панели параметров будут отображены параметры данного инструмента. Панель параметров инструмента Текст (Type) должна находиться в верхней части рабочего пространства (рис. 4.12). Если вы не видите панель параметров инструмента Текст (Type), выберите команду меню Окно ⇒ Параметры (Window ⇒ Options).
Рис. 4.11. Инструмент Текст на панели инструментов
Рис. 4.12. Панель параметров инструмента Текст
3. На панели параметров инструмента Текст (Type) выберите гарнитуру, кегль, режим выравнивания и цвет для текста. Кегль шрифта должен быть достаточно большим, а цвет — контрастным по отношению к фону (темный цвет на светлом фоне и наоборот), чтобы читатели могли различить текст на изображении. 4. Путем перетаскивания указателя мыши нарисуйте ограничительную рамку для поля ввода.
Рис. 4.13. Диалоговое окно Стиль слоя
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
331
5. Щелкните по области внутри поля ввода и введите текст сообщения об авторском праве (в данном примере — Copyright 2010 Stubbs Island Whale Watching). Теперь необходимо сделать этот текст полупрозрачным, чтобы зрители по-прежнему могли видеть сквозь него изображение. Это можно сделать путем изменения стиля текстового слоя. 6. Выберите команду меню Слои ⇒ Стиль слоя ⇒ Параметры наложения (Layer ⇒ Layer Style ⇒ Blending Options). Откроется диалоговое окно Стиль Слоя (Layer Style) (рис. 4.13). Ïðèìå÷àíèå: ×òîáû îòêðûòü äèàëîãîâîå îêíî Ñòèëü ñëîÿ (Layer Style), ìîæíî òàêæå äâàæäû ùåëêíóòü ìûøüþ ïî ñëîþ íà ïàëèòðå Ñëîè (Layers).
7. Установите флажок Просмотр (Preview).
Рис. 4.14. Водяной знак добавлен на изображение
Когда этот флажок установлен, вы можете наблюдать за результатами вносимых изменений в реальном режиме времени. 8. Перетаскивайте ползунок регулятора Непрозрачность (Opacity) влево до тех пор, пока не добьетесь желаемой степени прозрачности текста сообщения об авторском праве. 9. Щелкните по кнопке OK, чтобы закрыть диалоговое окно Стиль слоя (Layer Style). Водяной знак будет добавлен на изображение (рис. 4.14). Обратите внимание, что изображение частично отображается сквозь текст сообщения. Это происходит благодаря тому, что вы уменьшили значение непрозрачности текста.
ÊÀÊ ÐÀÁÎÒÀÒÜ Ñ ÒÅÊÑÒÎÂÛÌÈ ÔÐÅÉÌÀÌÈ В программе Adobe InDesign CS5 весь текст содержится во фреймах. Вы можете менять поля, количество колонок, цвет и другие параметры текстовых фреймов. В этом разделе рассматриваются следующие темы: •
изменение настроек параметров текстового фрейма;
•
изменение формы текстового фрейма;
•
изменение заливки текстового фрейма;
•
применение обводки к текстовому фрейму.
332
ÏÐÎÅÊÒ 4. Ðåêëàìà
ÈÇÌÅÍÅÍÈÅ ÍÀÑÒÐÎÅÊ ÏÀÐÀÌÅÒÐÎÂ ÒÅÊÑÒÎÂÎÃÎ ÔÐÅÉÌÀ Настройки параметров текстового фрейма определяют число колонок внутри фрейма, отступы, или поля, и вертикальное выравнивание — по верхнему краю, по центру или по нижнему краю — текста во фрейме. По умолчанию в качестве единиц измерения в программе InDesign используются пики. Пика — это термин из области полиграфии одна пика равна 1/6 дюйма. Возможно, вы захотите изменить единицы измерения на дюймы. Чтобы изменить единицы измерения: 1. Выберите команду меню Редактирование ⇒ Установки ⇒ Единицы измерения (Edit ⇒ Preferences ⇒ Units & Increments) (Windows) или InDesign ⇒ Установки ⇒ Единицы измерения (InDesign ⇒ Preferences ⇒ Units & Increments) (Mac OS). На экране появится диалоговое окно Установки (Preferences) с выбранной категорией Единицы измерения (Units & Increments) (рис. 4.15).
Рис. 4.15. Категория Единицы измерения диалогового окна Установки
2. Выберите значения новых единицы измерения, например Дюймы (Inches), в раскрывающихся списках По горизонтали (Horizontal) и По вертикали (Vertical). 3. Щелкните по кнопке OK. Теперь при настройке параметров текстового фрейма все размеры будут выражаться в дюймах, а не, например, в пиках.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
333
Чтобы изменить настройки общих параметров текстового фрейма: 1. Создайте новый документ в программе InDesign. 2. Щелкните по инструменту Текст (Type) на панели инструментов (рис. 4.16). 3. Путем перетаскивания указателя мыши создайте текстовый фрейм. 4. Щелкните по инструменту Выделение (Selection) на панели инструментов. Убедитесь, что текстовый фрейм выделен и на рамке фрейма отображаются маркеры. Если вы не видите маркеры фрейма, щелкните по краю фрейма. 5. Выберите команду меню Объект ⇒ Параметры текстового фрейма (Object ⇒ Text Frame Options). На экране появится диалоговое окно Параметры текстового фрейма (Text Frame Options) (рис. 4.17).
Рис. 4.17. Диалоговое окно Параметры текстового фрейма
Рис. 4.16. Панель инструментов
334
ÏÐÎÅÊÒ 4. Ðåêëàìà
6. Измените настройки следующих параметров в диалоговом окне Параметры текстового фрейма (Text Frame Options): • В группе элементов управления Колонки (Columns) введите значение 2 в поле ввода со счетчиком Количество (Number). • В группе элементов управления Колонки (Columns) введите значение 0,25 в поле ввода со счетчиком Средник (Gutter). • В группе элементов управления Отбивка (Inset Spacing) введите значение 0,25 в поле ввода со счетчиком Сверху (Top). Отбивка — это расстояние между краем текстового фрейма и текстом; отбивку можно рассматривать в качестве «полей» текстового фрейма. Убедитесь, что на значке Все настройки одинаковые (Make All Settings The Same) отображается неразорванная цепь. Этот параметр делает отбивку одинаковой со всех сторон. • В группе элементов управления Вертикальная выключка (Vertical Justification) выберите значение По центру (Center) в раскрывающемся списке Вариант выключки (Align). 7. Щелкните по кнопке OK, чтобы закрыть диалоговое окно Параметры текстового фрейма (Text Frame Options). Установленные настройки параметров будут применены к текстовому фрейму (рис. 4.18). Пока текстовый фрейм все еще выделен, вы можете увидеть, как будет выглядеть отбивка фрейма — поля текстового фрейма. Колонки определяются линиями в центре фрейма. 8. Не снимая выделения с текстового фрейма, выберите команду меню Текст ⇒ Заполнить шаблонным текстом (Type ⇒ Fill With Placeholder Text). Колонки текстового фрейма будут заполнены шаблонным текстом (рис. 4.19).
Рис. 4.18. Настройки параметров применены к фрейму
Рис. 4.19. Текстовый фрейм заполнен шаблонным текстом
ÑÎÇÄÀÍÈÅ ÍÅÏÐßÌÎÓÃÎËÜÍÎÃÎ ÒÅÊÑÒÎÂÎÃÎ ÔÐÅÉÌÀ Если для создания текстового фрейма используется инструмент Текст (Type), по умолчанию, создаваемый текстовый фрейм имеет прямоугольную форму. Чтобы создать непрямоугольный текстовый фрейм, например, овальный или многоугольный, используйте инструменты Овальный фрейм (Ellipse Frame) или Многоуровневый фрейм (Polygon Frame), а затем в качестве содержимого фрейма выберите текст.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
335
Чтобы создать овальный текстовый фрейм: 1. В программе InDesign создайте новый документ. Щелкните по инструменту Прямоугольный фрейм (Rectangular frame) на панели инструментов и удерживайте кнопку мыши, чтобы выбрать инструмент Овальный фрейм (Ellipse Frame) (рис. 4.20). 2. Путем перетаскивания указателя мыши создайте овальный фрейм (рис. 4.21).
Рис. 4.20. Инструмент Овальный фрейм
Перекрещивающиеся прямые, отображаемые поверх фрейма, обозначают, что он является графическим фреймом. Убедитесь, что овальный фрейм все еще выделен и по его краям отображаются маркеры. Если вы не видите маркеры фрейма, щелкните по инструменту Выделение (Selection), а затем щелкните по краю овального фрейма. 3. Выберите команду меню Объект ⇒ Содержимое ⇒ Текст (Object ⇒ Content ⇒ Text), чтобы изменить тип фрейма с графического на текстовый. Перекрещивающиеся прямые исчезнут. 4. Не снимая выделения с текстового фрейма, выберите команду меню Текст ⇒ Заполнить шаблонным текстом (Type ⇒ Fill With Placeholder Text). Шаблонный текст подстроится под овальную форму фрейма (рис. 4.22).
Рис. 4.21. Овальный фрейм
Рис. 4.22. Овальный текстовый фрейм заполнен шаблонным текстом
ÈÇÌÅÍÅÍÈÅ ÖÂÅÒÀ ÇÀËÈÂÊÈ ÒÅÊÑÒÎÂÎÃÎ ÔÐÅÉÌÀ При изменении цвета заливки текстового фрейма меняется фон, поверх которого отображается текст. Использование фреймов с разными цветами заливки помогает привлечь внимание к странице и разделить ее на несколько разноцветных частей.
336
ÏÐÎÅÊÒ 4. Ðåêëàìà
Чтобы изменить цвет заливки текстового фрейма: 1. В программе InDesign откройте документ с текстовым фреймом. 2. Щелкните по инструменту Выделение (Selection) на панели инструментов. 3. Щелкните по краю текстового фрейма, чтобы выделить этот фрейм. Если у вас нет текстового фрейма, создайте его с помощью инструмента Текст (Type). 4. Дважды щелкните по значку Заливка (Fill) на панели инструментов (рис. 4.23). Появится диалоговое окно Палитра цветов (Color Picker) (рис. 4.24).
Рис. 4.23. Панель инструментов
Рис. 4.24. Диалоговое окно Палитра цветов
5. Выберите цвет в диалоговом окне Палитра цветов (Color Picker), щелкнув по любому цвету в области цветов, расположенной в левой части диалогового окна. 6. Щелкните по кнопке OK, чтобы закрыть палитру. Текстовый фрейм будет залит выбранным цветом (рис. 4.25).
Рис. 4.25. Заливка применена к текстовому фрейму
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
337
Ïðèìå÷àíèå: Íà ðèñ. 4.25 îòáèâêà òåêñòîâîãî ôðåéìà îáðàçóåò ïîëå âîêðóã òåêñòà. Ñàì òåêñòîâûé ôðåéì îãðàíè÷åí âíåøíåé ëèíèåé.
ÄÎÁÀÂËÅÍÈÅ ÎÁÂÎÄÊÈ Ê ÒÅÊÑÒÎÂÎÌÓ ÔÐÅÉÌÓ Вы можете добавить обводку к текстовому фрейму, чтобы создать границу вокруг текста. Обводку можно использовать для отделения одного текстового фрейма от другого и для привлечения внимания. Чтобы добавить обводку к текстовому фрейму: 1. Продолжая предыдущее упражнение, щелкните по инструменту Выделение (Selection) на панели инструментов. 2. Щелкните по краю фрейма, чтобы выделить его. Если у вас нет текстового фрейма, создайте его с помощью инструмента Текст (Type). 3. Выберите команду меню Окно ⇒ Обводка (Window ⇒ Stroke), чтобы отобразить палитру Обводка (Stroke) (рис. 4.26). Ïðèìå÷àíèå: Âû ìîæåòå îòîáðàçèòü ïàëèòðó Îáâîäêà (Stroke) ñ îãðàíè÷åííûìè èëè ðàñøèðåííûìè íàñòðîéêàìè (êàê ïîêàçàíî íà ðèñ. 4.26). ×òîáû ñêðûòü èëè îòîáðàçèòü äîïîëíèòåëüíûå íàñòðîéêè, âûáåðèòå êîìàíäó Ñêðûòü ïàðàìåòðû (Hide Options) èëè Ïîêàçàòü ïàðàìåòðû (Show Options) â ìåíþ ïàëèòðû Îáâîäêà (Stroke).
Рис. 4.26. Палитра Обводка
4. В поле ввода Толщина (Weight) введите значение 5 пт. Обводка текста будет видна лучше, поскольку ее толщина станет равной 5 пунктам. 5. Не снимая выделения с текстового фрейма, дважды щелкните по значку Обводка (Stroke) на панели инструментов (рис. 9). На экране появится диалоговое окно Палитра цветов (Color Picker) (рис. 4.24). 6. Выберите цвет, щелкнув в любом месте области цветов, расположенной в левой части диалогового окна Палитра цветов (Color Picker). 7. Щелкните по кнопке OK, чтобы закрыть диалоговое окно Палитра цветов (Color Picker). Обводка текстового фрейма примет цвет, выбранный в диалоговом окне Палитра цветов (Color Picker) (рис. 4.27). Рис. 4.27. Обводка применена к текстовому фрейму
338
ÏÐÎÅÊÒ 4. Ðåêëàìà
ÊÀÊ ÐÀÁÎÒÀÒÜ Ñ ÃÐÀÔÈ×ÅÑÊÈÌÈ ÔÐÅÉÌÀÌÈ В программе Adobe InDesign CS5 все графические элементы помещаются во фреймы. Графический фрейм определяет, какие части содержимого фрейма (например, файлы TIFF, JPEG, PDF, PSD, AI) будут отображаться на странице. Также вы можете изменять размер и форму содержимого фрейма. В данном разделе будут рассмотрены следующие темы: •
рисование графических фреймов;
•
добавление содержимого во фрейм;
•
применение обводки к фрейму;
•
изменение размера или формы графического фрейма;
•
изменение размера или формы содержимого графического фрейма.
ÑÎÇÄÀÍÈÅ ÏÐßÌÎÓÃÎËÜÍÎÃÎ ÃÐÀÔÈ×ÅÑÊÎÃÎ ÔÐÅÉÌÀ 1. Запустите программу InDesign и создайте новый документ. 2. Выберите инструмент Прямоугольный фрейм (Rectangle Frame) на панели инструментов и путем перетаскивания указателя мыши создайте графический фрейм (рис. 4.28). На созданном фрейме вы увидите две перекрещивающиеся линии, которые означают, что данный фрейм является графическим фреймом.
Рис. 4.28. Панель инструментов
ÑÎÇÄÀÍÈÅ ÍÅÏÐßÌÎÓÃÎËÜÍÎÃÎ ÃÐÀÔÈ×ÅÑÊÎÃÎ ÔÐÅÉÌÀ Чтобы создать непрямоугольный графический фрейм, например овальный или многоугольный, используйте инструменты Овальный фрейм (Ellipse Frame) или Многоуровневый фрейм (Polygon Frame). Чтобы создать овальный графический фрейм: 1. Щелкните по инструменту Прямоугольный фрейм (Rectangle Frame) на панели инструментов и удерживайте левую кнопку мыши, чтобы выбрать инструмент Овальный фрейм (Ellipse Frame) (рис. 4.29).
Рис. 4.29. Инструмент Овальный фрейм
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
339
2. Путем перетаскивания указателя мыши создайте овальный фрейм (рис. 4.30). На фрейме вы увидите две перекрещивающиеся линии, которые означают, что данный фрейм является графическим фреймом.
ÄÎÁÀÂËÅÍÈÅ ÈÇÎÁÐÀÆÅÍÈß Â ÃÐÀÔÈ×ÅÑÊÈÉ ÔÐÅÉÌ Рис. 4.30. Овальный фрейм Команда Поместить (Place) — это основной способ импортирования графики в документ InDesign, который обеспечивает наивысший уровень поддержки разрешений, форматов файлов, многостраничных документов PDF, а также передачи цветов.
Чтобы добавить изображение в графический фрейм: 1. Выберите инструмент Выделение (Selection) на панели инструментов (рис. 4.28). 2. Выделите графический фрейм. 3. Выберите команду меню Файл ⇒ Поместить (File ⇒ Place). Откроется диалоговое окно Поместить (Place) (рис. 4.31).
Рис. 4.31. Диалоговое окно Поместить
340
ÏÐÎÅÊÒ 4. Ðåêëàìà
4. Найдите папку, в которой находится нужный файл. 5. Убедитесь, что флажок Показать параметры импорта (Show Import Options) сброшен. В основном эта функция бесполезна для изображений в форматах JPEG и TIFF. 6. Установите флажок Просмотр (Preview) (Windows) и флажок Заменить выделенный элемент (Replace Selected Item) (рис. 4.31). Когда флажок Просмотр (Preview) установлен, в правом нижнем углу диалогового окна Поместить (Place) отображается миниатюра изображения (Windows). Когда флажок Заменить выделенный элемент (Replace Selected Item) установлен, программа InDesign замещает любое содержимое фрейма новым выбранным изображением. 7. Выберите файл и щелкните по кнопке Открыть (Open). Графический объект будет добавлен во фрейм. Если размеры изображения больше размеров фрейма, на экране будет отображаться только часть изображения. 8. Выберите команду меню Объект ⇒ Подгонка (Object ⇒ Fitting). В этом меню представлено несколько вариантов подгонки содержимого под размеры фрейма и наоборот, фрейма к размеру содержимому (рис. 4.32).
Рис. 4.32. Варианты подгонки объекта
Если размер нового изображения не совпадает с размерами фрейма, можно подогнать фрейм к размеру изображения при помощи команды Фрейм по размеру содержимого (Fit Frame to Content). Фрейм будет подогнан по размеру изображения (рис. 4.33).
Рис. 4.33. Фрейм подогнан к размеру изображения
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
341
ÏÐÈÌÅÍÅÍÈÅ ÎÁÂÎÄÊÈ Ê ÃÐÀÔÈ×ÅÑÊÎÌÓ ÔÐÅÉÌÓ Обводка — это граница вокруг фрейма. По умолчанию у фреймов отсутствует обводка. Вы можете добавить обводку с помощью палитры Обводка (Stroke). Также вы можете менять цвет обводки с помощью значка Обводка (Stroke) на панели инструментов. Чтобы добавить обводку к графическому фрейму: 1. Выберите инструмент Выделение (Selection) на панели инструментов (рис. 4.28). 2. Щелкните по краю фрейма, чтобы выделить его. Если графический фрейм не создан, создайте его с помощью инструментов группы «Фрейм». 3. Выберите команду меню Окно ⇒ Обводка (Window ⇒ Stroke), чтобы отобразить палитру Обводка (Stroke) (рис. 4.34). Ïðèìå÷àíèå: Âû ìîæåòå îòîáðàçèòü ïàëèòðó Îáâîäêà (Stroke) ñ îãðàíè÷åííûìè èëè ðàñøèðåííûìè íàñòðîéêàìè (êàê ïîêàçàíî íà ðèñ. 4.34). ×òîáû ñêðûòü èëè îòîáðàçèòü äîïîëíèòåëüíûå íàñòðîéêè, âûáåðèòå êîìàíäó Ñêðûòü ïàðàìåòðû (Hide Options) èëè Ïîêàçàòü ïàðàìåòðû (Show Options) â ìåíþ ïàëèòðû Îáâîäêà (Stroke).
4. В поле ввода Толщина (Weight) введите значение 5 пт.
Рис. 4.34. Палитра Обводка
Обводка толщиной в 5 пунктов будет применена к фрейму (рис. 4.37). Чем выше значение параметра Толщина (Weight), тем толще будет обводка. 5. Дважды щелкните по значку Обводка (Stroke) на панели инструментов (рис. 4.35). На экране появится диалоговое окно Палитра цветов (Color Picker) (рис. 4.36). 6. Выберите цвет, щелкнув в любом месте области цветов, расположенной в левой части диалогового окна Палитра цветов (Color Picker).
Рис. 4.35. Панель инструментов
7. Щелкните по кнопке OK, чтобы закрыть диалоговое окно Палитра цветов (Color Picker). Обводка примет цвет, выбранный в диалоговом окне Палитра цветов (Color Picker) (рис. 4.37).
342
ÏÐÎÅÊÒ 4. Ðåêëàìà
Рис. 4.37. Обводка применена к фрейму
Рис. 4.36. Диалоговое окно Палитра цветов
ÈÇÌÅÍÅÍÈÅ ÔÎÐÌÛ ÃÐÀÔÈ×ÅÑÊÎÃÎ ÔÐÅÉÌÀ Программа InDesign предоставляет множество возможностей для изменения формы графического фрейма. Изменяя форму графического фрейма, вы ограничиваете видимую часть изображения, содержащегося в этом фрейме. Чтобы изменить форму графического фрейма: 1. Выберите инструмент Частичное выделение (Direct Selection) на панели инструментов (рис. 4.28). 2. Перетащите один из угловых маркеров, чтобы изменить форму фрейма (рис. 4.38). 3. Отпустите кнопку мыши, чтобы принять изменения. В результате изменения формы фрейма изменится видимая часть изображения. 4. Установите указатель мыши на один из краев фрейма (но не над маркером). Указатель мыши примет вид стрелки с наклонной чертой (рис. 4.39).
Рис. 4.38. Перетаскивание углового маркера для изменения формы фрейма
5. Перетащите край фрейма, чтобы изменить форму фрейма. 6. Отпустите левую кнопку мыши, чтобы принять изменения (рис. 4.40).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Рис. 4.39. Вид указателя мыши, обозначающий перемещение сегмента края фрейма
343
Рис. 4.40. Результат операции перемещения края фрейма
ÈÇÌÅÍÅÍÈÅ ÔÎÐÌÛ ÈÇÎÁÐÀÆÅÍÈß ÁÅÇ ÈÇÌÅÍÅÍÈß ÔÎÐÌÛ ÔÐÅÉÌÀ Вы можете изменить форму содержимого фрейма — его изображения — независимо от самого фрейма. Чтобы изменить форму изображения, не изменяя форму фрейма: 1. Выберите инструмент Выделение (Selection) на панели инструментов (рис. 4.28). 2. Выделите фрейм. 3. Выберите команду меню Объект ⇒ Выделить ⇒ Содержимое (Object ⇒ Select ⇒ Content), чтобы выделить содержимое фрейма (рис. 4.41). Вокруг изображения появится коричневая рамка.
Рис. 4.41. Выделенное содержимое фрейма
344
ÏÐÎÅÊÒ 4. Ðåêëàìà
Рис. 4.42. Перетаскивание углового маркера для изменения формы изображения
Рис. 4.43. Форма изображения изменена
4. Перетащите угловой маркер этой рамки, чтобы изменить размер изображения, не изменяя размеров фрейма (рис. 4.42). Чтобы сохранить пропорции изображения при изменении его размера, удерживайте нажатой клавишу Shift во время перетаскивания углового маркера. 5. Отпустите кнопку мыши, чтобы принять изменения (рис. 4.43).
ÊÀÊ ÊÎÌÁÈÍÈÐÎÂÀÒÜ ÃÐÀÔÈ×ÅÑÊÈÅ È ÒÅÊÑÒÎÂÛÅ ÔÐÅÉÌÛ Хотя для организации разметки в программе Adobe InDesign CS5 существует множество различных способов, обычно вам нужно гармонично разместить содержание двух типов: текстовые и графические фреймы. При размещении фреймов можно руководствоваться несколькими общими принципами. •
Во-первых, следуйте «правилу третей»: всегда, когда это возможно, делите пространство на три части.
•
Оставляйте промежутки между фреймами. Дизайнеры-верстальщики называют эти промежутки средниками. На макете должно обеспечиваться согласованное использование средников. Например, если вы оставляете аллеи размером 1/4 дюйма между верхним текстовым фреймом и ключевым изображением, вы должны использовать такие же аллеи по всей странице.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
•
•
345
Используйте сетку для организации фреймов. Фреймы должны выравниваться по вертикальным или горизонтальным линиям. (Эта сетка отличается от сетки документа в программе InDesign, однако сетку документа можно использовать для построения своей собственной сетки макета.) Сделайте одно изображение центром внимания. Это может быть самое большое изображение или особо интересное изображение.
Программа InDesign предоставляет широкий спектр инструментов для построения макета. В этом разделе будет рассмотрено, как использовать направляющие линеек для размещения фреймов по три вдоль одной сетки. Чтобы создать сетку макета: 1. Создайте новый документ в программе InDesign. 2. Если линейки не отображаются на экране, выберите команду меню Просмотр ⇒ Показать линейки (View ⇒ Show Rules).
Рис. 4.44. Создание сетки макета с помощью направляющих
3. Перетащите направляющие линеек на страницу, чтобы создать сетку (установите указатель мыши на линейку и перетащите указатель мыши на документ). Убедитесь, что вы оставили средники между областями для графических и текстовых фреймов. На рис. 4.44 направляющие установлены следующим образом: • 2,86 дюйма от левого края; • 3,1 дюйма от левого края; • 5,4 дюйма от левого края; • 5,6 дюйма от левого края; • 3,7 дюйма от верхнего края; • 3,9 дюйма от верхнего края; • 7,1 дюйма от верхнего края; • 7,3 дюйма от верхнего края. 4. Выберите инструмент Прямоугольный фрейм (Rectangle Frame) на панели инструментов (рис. 4.45).
Рис. 4.45. Панель инструментов
346
ÏÐÎÅÊÒ 4. Ðåêëàìà
Рис. 4.46. Прямоугольные фреймы, расположенные вдоль направляющих
Рис. 4.47. Несколько фреймов были преобразованы в текстовые фреймы
5. Путем перетаскивания указателя мыши создайте фреймы, используя направляющие для установки правильных размеров для фреймов (рис. 4.46). 6. Выберите инструмент Выделение (Selection) на панели инструментов. 7. Выделите фрейм, который вы хотите сделать текстовым фреймом. 8. (Необязательный шаг.) Чтобы скрыть сетку, выберите команду меню Просмотр ⇒ Сетка и направляющие ⇒ Скрыть направляющие (View ⇒ Grids & Guides ⇒ Hide Guides). 9. Выберите команду меню Объект ⇒ Содержимое ⇒ Текст (Object ⇒ Content ⇒ Text). Перекрещивающиеся прямые исчезнут с изображения фрейма (рис. 4.47). 10.
Добавьте изображения и текст во фреймы.
Содержимое будет размещено вдоль сетки и в основном разделится на три части (рис. 4.48).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
347
Рис. 4.48. Содержимое добавлено во фреймы
ÊÀÊ ÂÑÒÀÂËßÒÜ ÈÇÎÁÐÀÆÅÍÈß ÍÀ ÑÒÐÀÍÈÖÓ Чтобы добавить изображения на страницу в программе Adobe InDesign CS5, их необходимо поместить внутрь графического фрейма, расположенного на этой странице. Программа InDesign поддерживает подавляющее большинство наиболее распространенных форматов изображений. К наиболее распространенным форматам изображений относятся форматы TIFF, BMP, JPEG, PDF, PSD и AI. Изображение в любом из этих форматов может быть помещено на страницу. Также вы можете менять размеры изображения и фрейма независимо друг от друга. Благодаря этой возможности вы получаете полный контроль над тем, как отображается ваше изображение на странице. Когда вы помещаете изображения на страницу, фактически вы создаете связь между страницей и файлом изображения. При печати страницы программа InDesign распечатывает изображение в соответствии с указанными вами настройками.
348
ÏÐÎÅÊÒ 4. Ðåêëàìà
ÏÎÌÅÙÅÍÈÅ ÈÇÎÁÐÀÆÅÍÈß ÍÀ ÑÒÐÀÍÈÖÓ ÁÅÇ ÏÐÅÄÂÀÐÈÒÅËÜÍÎÃÎ ÑÎÇÄÀÍÈß ÃÐÀÔÈ×ÅÑÊÎÃÎ ÔÐÅÉÌÀ Для размещения на странице изображений или других объектов применяется команда Поместить (Place). Изображения и объекты можно помещать на страницу либо в существующий графический фрейм, либо без предварительного создания фрейма. Возможно, более точным способом является создание графического фрейма и последующее помещение изображения в этот фрейм. Если поместить изображение на страницу без предварительного создания фрейма, программа InDesign автоматически создаст графический фрейм вокруг изображения. Чтобы поместить изображение на страницу без предварительного создания графического фрейма: 1. Создайте новый документ в программе InDesign. 2. Выберите команду меню Файл ⇒ Поместить (File ⇒ Place). Появится диалоговое окно Поместить (Place) (рис. 4.49). 3. Найдите папку, в которой хранится нужный файл. 4. Убедитесь, что флажки Показать параметры импорта (Show Import Options) и Заменить выделенный элемент (Replace Selected Item) сброшены. Вы можете использовать флажок Показать параметры импорта (Show Import Options), чтобы управлять дополнительными настройками помещаемых изображений. Эта функция полезна при вставке изображений в форматах программ Adobe Photoshop и Adobe Illustrator. Когда установлен флажок Заменить выделенный элемент (Replace Selected Item), программа InDesign замещает любое содержимое текущего фрейма новым изображением. 5. Убедитесь, что флажок Просмотр (Preview) (Windows) установлен. Когда этот флажок установлен, в правом нижнем углу диалогового окна Поместить (Place) отображается миниатюра выбранного изображения (Windows).
Рис. 4.49. Диалоговое окно Поместить
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
349
6. Выберите файл и щелкните по кнопке Открыть (Open). Диалоговое окно Поместить (Place) закроется и указатель примет вид значка загруженного графического объекта, рядом с которым отображается миниатюра изображения. 7. Щелкните по странице в том месте, куда вы хотите вставить изображение. Изображение будет вставлено на страницу с использованием его текущего размера (рис. 4.50). Оно может выйти за поля страницы. Чтобы снизить потребление оперативной памяти, программа InDesign по умолчанию отображает изображение в самом низком качестве. 8. Чтобы отобразить изображение в максимальном качестве, выберите команду меню Просмотр ⇒ Режим отображения ⇒ Высокое качество отображения (View ⇒ Display Performance ⇒ High Quality Display). Качество отображения изменится. Ïðèìå÷àíèå: Ýòîò ïàðàìåòð íå âëèÿåò íà êà÷åñòâî èçîáðàæåíèÿ ïðè ïå÷àòè.
9. Выберите инструмент Выделение (Selection) на панели инструментов. 10.
Щелкните по изображению.
Вокруг изображения появятся маркеры выделения, обозначающие, что изображение содержится в графическом фрейме. 11.
Выберите команду меню Объект ⇒ Выделить ⇒ Содержимое (Object ⇒ Select ⇒ Content).
Эта команда выделяет изображение, содержащееся внутри фрейма. 12.
Нажмите клавишу Delete. Изображение будет удалено, при этом размеры графического фрейма останутся прежними, соответствуя размерам удаленного изображения (рис. 4.51).
Рис. 4.50. Изображение помещено на страницу
Рис. 4.51. Пустой графический фрейм
350
ÏÐÎÅÊÒ 4. Ðåêëàìà
ÏÎÌÅÙÅÍÈÅ ÈÇÎÁÐÀÆÅÍÈÉ Â ÃÐÀÔÈ×ÅÑÊÈÅ ÔÐÅÉÌÛ Обычно перед тем, как поместить изображение на страницу, желательно создать соответствующий графический фрейм. В этом случае вы получаете больше возможностей для управления местоположением изображения по сравнению с вариантом помещения изображения без предварительного создания фрейма. Чтобы поместить изображение в графический фрейм: 1. Выберите инструмент Прямоугольный фрейм (Rectangular Frame) на панели инструментов (рис. 4.52). 2. Путем перетаскивания указателя мыши по странице создайте фрейм. Созданный фрейм будет автоматически выделен. Обратите внимание на маркеры выделения по краям фрейма. 3. Выберите команду меню Файл ⇒ Поместить (File ⇒ Place). Откроется диалоговое окно Поместить (Place) (рис. 4.49).
Рис. 4.52. Панель инструментов
4. Найдите папку, в которой находится файл изображения. 5. Убедитесь, что флажок Показать параметры импорта (Show Import Options) сброшен. Вы можете использовать флажок Показать параметры импорта (Show Import Options), чтобы управлять дополнительными настройками помещаемых изображений. Эта функция полезна при вставке изображений в форматах программ Adobe Photoshop и Adobe Illustrator. 6. Установите флажки Просмотр (Preview) (Windows) и Заменить выделенный элемент (Replace Selected Item). Когда флажок Просмотр (Preview) установлен, в правом нижнем углу диалогового окна Поместить (Place) отображается миниатюра выбранного изображения (Windows). 7. Когда установлен флажок Заменить выделенный элемент (Replace Selected Item), программа InDesign замещает любое содержимое текущего фрейма новым изображением. Выберите файл и щелкните по кнопке Открыть (Open). Изображение будет добавлено в графический фрейм. Если размер изображения превышает размеры фрейма, будет видна только часть изображения (рис. 4.53). 8. Выберите команду меню Объект ⇒ Подгонка (Object ⇒ Fitting). В этом меню представлено несколько вариантов подгонки содержимого под размеры фрейма и наоборот, фрейма к размеру содержимому (рис. 4.54)
Рис. 4.53. Часть изображения, отображаемая во фрейме
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
351
Рис. 4.54. Варианты подгонки изображения
Если размер нового изображения не совпадает с размерами фрейма, можно подогнать фрейм к размеру изображения при помощи команды Объект ⇒ Подгонка ⇒ Фрейм по размеру содержимого (Object ⇒ Fitting Object ⇒ Fitting Fit Frame to Content). Фрейм будет подогнан по размеру помещенного объекта (рис. 4.55).
Рис. 4.55. Изображение подогнано под размеры фрейма
5. ÏÎÐÒÔÎËÈÎ ÈÍÑÒÐÓÊÖÈÈ ÄËß ÏÐÅÏÎÄÀÂÀÒÅËÅÉ Время выполнения: от 4 до 6 часов.
ÎÁÇÎÐ ÏÐÎÅÊÒÀ Портфолио позволяют представить достижения человека, выполняемые им работы и личную историю. Люди используют портфолио, чтобы продемонстрировать выполненные ими проекты при устройстве на работу. Традиционно портфолио представляет собой огромную книгу или кожаный чехол с образцами работ. Используя PDF-портфолио, люди могут демонстрировать свои печатные, дизайнерские и интерактивные работы различными способами: путем отправки по электронной почте, в печатном виде или через Интернет. В этом проекте учащиеся будут создавать компоненты PDF-портфолио в программах Adobe Photoshop CS5 Extended, Adobe InDesign CS5 и Adobe Acrobat 9 Pro. В своих порфтолио учащиеся представят завершенные проекты и результаты исследования возможностей карьерного роста в таких областях, как реклама, связи с общественностью, фотография и печатное производство. Результат проекта: PDF-портфолио.
ÖÅËÈ ÏÐÎÅÊÒÀ По завершении данного проекта учащиеся разовьют следующие навыки. Íàâûêè óïðàâëåíèÿ ïðîåêòîì • • • •
Планирование и создание PDF-портфолио. Организация и управление содержимым. Рецензирование и внесение изменений в проект. Создание графических представлений.
Äèçàéíåðñêèå íàâûêè • • •
Сбор данных и согласованное использование макета и цветов. Разработка согласованного дизайна страниц. Разработка дизайна для конкретной аудитории и целей.
Èññëåäîâàòåëüñêèå è êîììóíèêàòèâíûå íàâûêè • •
Исследование и сбор информации о профессиях в области печатного производства. Донесение информации до конкретных аудиторий.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
• •
353
Определение задач и назначений портфолио. Запрос и обеспечение обратной связи.
Òåõíè÷åñêèå íàâûêè Программа Photoshop: • создание веб-фотогалереи. Программа InDesign: • создание портфолио. Программа Acrobat Pro: • объединение нескольких документов.
ÎÁÎÐÓÄÎÂÀÍÈÅ È ÌÀÒÅÐÈÀËÛ ÄËß ÂÛÏÎËÍÅÍÈß ÏÐÎÅÊÒÀ • • • • • • •
На всех компьютерах должна быть установлена программа Adobe Photoshop CS5 Extended. На всех компьютерах должна быть установлена программа Adobe InDesign CS5. На всех компьютерах должна быть установлена программа Adobe Acrobat 9 Pro. Раздел «Как создать графическое представление для электронного портфолио». Раздел с пошаговыми инструкциями по программе Acrobat «Как подготовить и организовать файлы для PDF-портфолио». Раздел с пошаговыми инструкциями по программе Acrobat «Как создавать и персонализировать PDF-портфолио». Раздел «Рецензия».
ÄÎÏÎËÍÈÒÅËÜÍÛÅ ÈÑÒÎ×ÍÈÊÈ ÄËß ÏÎÄÃÎÒÎÂÊÈ • • • •
Ресурсы для дополнительной подготовки. Ключевые понятия. Стандарты ISTE NETS*S для учащихся. Сертификация Adobe Certified Associate, задачи экзамена Visual Communication.
ÝÒÀÏÛ ÏÐÎÅÊÒÀ Ïëàíèðîâàíèå ïîðòôîëèî Рекомендуемое время: 50—100 минут. 1. Познакомьте учащихся с целями проекта: • понять цели и возможные применения портфолио; • познакомиться с профессиями в области печатного производства;
354
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
• создать план и графическое представление для портфолио; • подобрать и организовать содержимое для PDF-портфолио. 2. Обсудите с учащимися концепцию портфолио, его назначение и целевую аудиторию. • Что такое портфолио? • Каковы цели конкретного портфолио? • Что содержит портфолио? • Должно ли оно отражать опыт работы? Курсовые работы? • Как использовать портфолио для подачи идей? • Какие элементы можно использовать для подачи этих идей (например изображения, текст, разметка страницы, структурная организация портфолио)? • Каковы долгосрочные и краткосрочные цели портфолио? • Какова целевая аудитория для портфолио? 3. Продемонстрируйте учащимся несколько обычных (бумажных) портфолио и интернетпортфолио и попытайтесь определить вместе с учащимися назначение этих портфолио и их целевую аудиторию. Ïðèìå÷àíèå: Ïðèìåðû ïîðòôîëèî äëÿ äåìîíñòðàöèè ó÷àùèìñÿ ìîæíî íàéòè çàðàíåå.
4. Предложите учащимся исследовать различные профессии в области дизайна и/или печатного производства, а затем выбрать ту профессию, для которой они будут готовить свое портфолио. Вот неполный список профессий: • творческий директор/арт-директор; • менеджер или координатор печатного производства; • оформитель книги; • дизайнер обложек; • художник-макетчик; • дизайнер логотипов; • дизайнер бренда; • иллюстратор; • фоторедактор/художник, работающий с программой Photoshop; • фотограф; • оператор допечатной подготовки. Ïðèìå÷àíèå: Âû ìîæåòå îáúÿñíèòü ó÷àùèìñÿ, ÷òî â ïðîöåññå ïîèñêà èíôîðìàöèè î ïðîôåññèè îíè äîëæíû çàêîíñïåêòèðîâàòü îïèñàíèå ðàáîòû è íåîáõîäèìóþ êâàëèôèêàöèþ, òðåáóåìûå íàâûêè è çíàíèÿ, íåîáõîäèìóþ äîïîëíèòåëüíóþ ïîäãîòîâêó è ïðåäëàãàåìóþ çàðïëàòó. Êðîìå òîãî, îíè ìîãóò ñîáðàòü èíôîðìàöèþ î âåá-ñàéòàõ, ñîäåðæàùèõ ñâåäåíèÿ î âûáðàííîé ïðîôåññèè, è, ïðè âîçìîæíîñòè, âêëþ÷èòü ññûëêè íà ýòè ñàéòû â ñâîè ïîðòôîëèî.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
355
5. Разбейте учащихся на пары и предложите им проанализировать результаты работы, выполненные в этом и других курсах, с точки зрения интересующей их профессии в области дизайна и/или печатного производства. Пусть каждый учащийся выберет файлы, которые можно включить в портфолио и которые лучше всего представят результаты работы и подчеркнут их навыки. 6. Расскажите учащимся про требования к портфолио. Можно отметить следующее: • введение для портфолио, которое описывает полученную квалификацию, обучение, проекты, включенные в портфолио, интересуемую профессию и цели карьеры, а также любой профессиональный опыт; • изображение или визуальный объект, который будет использован на странице приветствия портфолио; • вступительные комментарии к каждому проекту, объясняющие то, как этот проект подчеркивают навыки учащегося; • вступительные комментарии, включающие конкретные примеры, которые сопоставляют навыки учащихся с требованиями, предъявляемыми к соискателям по интересующей их профессии; • план обучения, включающий навыки или концепции, которые могут отсутствовать у учащегося в настоящий момент, но которые он желает приобрести и сконцентрироваться на них в следующем семестре; • веб-фотогалерея изображений, демонстрирующая работу учащихся в качестве фотографов. Ïðèìå÷àíèå: Åñëè ó÷àùèåñÿ ãîòîâÿòñÿ ê ñäà÷å ñåðòèôèêàöèîííîãî ýêçàìåíà Visual Communication, ïðåäëîæèòå èì ñîçäàòü âåá-ôîòîãàëåðåþ èçîáðàæåíèé.
7. Познакомьте учащихся с принципами организации содержимого в портфолио. Продемонстрируйте им, как создавать категории (например, разбивать результаты работы по типу проекта или по принципам дизайна) и соответствующие графические представления для выбранного типа портфолио. Предложите учащимся создать графическое представление для своих портфолио, используя следующие основные шаги: • описать назначение портфолио; • создать список компонентов портфолио и организовать файлы и проекты по категориям; • используя список категорий в качестве подсказки, нарисовать графическое представление для PDF-портфолио. Раздел «Как создать графическое представление для электронного портфолио».
Ñîçäàíèå ïîðòôîëèî Рекомендуемое время: 150—200 минут. 8. Предоставьте учащимся время на написание дополнительного текста или создание текстовых элементов и элементов дизайна для своих PDF-портфолио. Для создания графи-
356
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
ческих элементов используется программа Photoshop, а для создания макетов и текста — программа InDesign, при этом учащиеся применяют различные освоенные методики. Ïðèìå÷àíèå: Åñëè ó÷àùèåñÿ ñîçäàþò âåá-ôîòîãàëåðåþ, ïðåäîñòàâüòå èì âðåìÿ íà îòáîð èçîáðàæåíèé è íàó÷èòå èõ èñïîëüçîâàòü êîìàíäó Ôîòîãàëåðåÿ Web (Web Photo Gallery) â ïðîãðàììå Photoshop.
9. Расскажите учащимся про различные варианты подготовки выбранных файлов для последующего использования в PDF-портфолио. Предложите учащимся подготовить и организовать свои файлы. Раздел с пошаговыми инструкциями по программе Acrobat «Как подготовить и организовать файлы для PDF-портфолио». 10.
Объясните учащимся, что они будут группировать свои файлы в PDF-портфолио, а не объединять их в один непрерывный документ. Продемонстрируйте им, как создавать PDF-портфолио и персонализировать его путем добавления страниц приветствия, верхних колонтитулов и других элементов. Предоставьте учащимся время на создание и оформление своих портфолио.
Раздел с пошаговыми инструкциями по программе Acrobat «Как создавать и персонализировать PDF-портфолио».
Ïðåçåíòàöèÿ ïîðòôîëèî Рекомендуемое время: 50—100 минут. 11.
Разбейте учащихся на пары и предложите им проверить PDF-портфолио друг друга.
Они должны проверить следующие элементы: • ссылки; • закладки; • нумерация страниц; • навигация на домашней странице; • информация о каждом элементе. 12.
Предоставьте учащимся время на внесение необходимых изменений в их PDFпортфолио. Предложите учащимся подготовить окончательный вариант PDFпортфолио и создать одну версию портфолио, которую можно будет напечатать, и облегченную версию портфолио (имеющую меньший размер файла) для распространения через Интернет или по электронной почте.
13.
Разбейте учащихся на группы по четыре человека. Объясните учащимся, что они должны провести рецензирование работ своих коллег, обсудить цели карьеры и обучения, и оценить, насколько хорошо портфолио подчеркивает навыки, необходимые для достижения целей карьеры.
Раздел «Рецензия». 14.
Предоставьте учащимся время на внесение изменений в свои портфолио с учетом результатов технического тестирования и рецензирования.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
357
ÄÎÏÎËÍÈÒÅËÜÍÛÅ ÇÀÄÀÍÈß Проект можно дополнить следующими заданиями: •
Создание карты PDF-портфолио. Чтобы помочь учащимся разобраться с графическими представлениями, попросите их создать графическое представление для существующего PDF-портфолио.
•
Портфолио. Попросите учащихся создать план портфолио, которое продемонстрирует их лучшую работу из всех курсов.
•
Документ с размышлениями. Предложите учащимся законспектировать решения, которые были приняты в процессе планирования их портфолио. Этот документ позволит учащимся поразмышлять над данным процессом и создаст основу для подготовки планов последующих PDF-портфолио.
•
Задача, связанная с дизайном портфолио. Предложите учащимся выбрать второй путь для своей карьеры и обозначить необходимые изменения в содержимом и дизайне портфолио, чтобы адаптировать его к целям данной карьеры.
•
Электронные портфолио. Предложите учащимся создать портфолио в виде веб-сайта. Для этого можно использовать информацию, представленную в модуле 2 «Web portfolios using Adobe Dreamweaver CS5» книги Digital Design Curriculum, в которой излагаются основы веб-дизайна.
ÎÖÅÍÊÀ •
По нескольким критериям, представленным далее в разделе «Критерии оценки».
ÐÅÑÓÐÑÛ ÄËß ÄÎÏÎËÍÈÒÅËÜÍÎÉ ÏÎÄÃÎÒÎÂÊÈ •
Просмотрите разделы с пошаговыми инструкциями для учащихся, используемые в данном проекте.
•
Видеоуроки, которые соответствуют навыкам, необходимым для выполнения этого проекта, можно найти на сайте Adobe TV в демонстрации Visual Design CS5 по адресу tv.adobe.com/show/visual-design-cs5/.
•
Обзор интерфейса и дополнительную информацию по техническим аспектам программы Photoshop можно найти в справке программы.
•
Обзор интерфейса и дополнительную информацию по техническим аспектам программы InDesign можно найти в справке программы.
•
Обзор интерфейса и дополнительную информацию по техническим аспектам программы Acrobat можно найти в справке программы.
•
В этом проекте можно использовать следующие книги по дизайну и типографике: • Lupton, E. (2004). Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students. New York: Princeton Architectural Press.
358
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
• Lawler, B. (2006). The Official Adobe Print Publishing Guide, Second Edition. Berkeley: Adobe Press. • Williams, R. (2007). Robin Williams Design Workshop, Second Edition. Berkeley: Peachpit Press.
Ïîðòôîëèî •
•
•
• • • •
Учебное пособие по созданию электронных портфолио с использованием PDFдокументов в программе Adobe Acrobat 9 можно найти по адресу www.adobe.com/go/ eportfolios. Примеры и инструкции по представлению информации и использованию графических представлений, которые в основном применяются для создания веб-сайтов, но с успехом могут быть применены и к PDF-документам, можно найти по адресу www.jjg.net/ia/ visvocab/#page. Концепции по созданию портфолио учащимися на занятиях, подготовленные Бюро по научно-исследовательской деятельности и усовершенствованиям Отдела образования США, можно найти по адресу www.ed.gov/pubs/OR/ConsumerGuides/classuse.html. Советы по созданию электронных портфолио учащимися можно найти по адресу www. glencoe.com/sec/teachingtoday/weeklytips.phtml/134. Информацию по созданию и примеры разнообразных портфолио в электронном виде можно найти по адресу eduscapes.com/tap/topic82.htm. Примеры PDF-портфолио доступны по адресу education.acrobat.com/designstudent/ и frriz.com/fran/franferriz.pdf. Инструкции по созданию веб-фотогалерей в программе Photoshop доступны по адресу www.adobe.com/go/ps_cs5_web_photo_gallery.
Ïðîôåññèè â îáëàñòè ïå÷àòíîãî ïðîèçâîäñòâà è ãðàôè÷åñêîãî äèçàéíà •
• •
Список профессий в области графического дизайна и печатного производства с описаниями, требованиями к образованию и информацией по зарплате можно найти по адресу www.adigitaldreamer.com/articles/graphic-design-jobs.htm. Список возможных профессий в области графического и печатного дизайна можно найти по адресу www.oswego.edu/student/career/careersin/arts.html. Информация и статистика Министерства труда США по профессиям в области графического дизайна и настольной издательской деятельности доступна по адресу www.bls. gov/oco/ocos090.htm.
ÊËÞ×ÅÂÛÅ ÏÎÍßÒÈß • •
Портфолио. Графическое представление.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
359
ÑÒÀÍÄÀÐÒ ISTE NETS*S ÄËß Ó×ÀÙÈÕÑß Этот проект соответствует стандартам ISTE NETS*S — стандартам использования высоких технологий в образовании. В зависимости от выбранной учащимся темы и предметного содержания вам может потребоваться изучить стандарты вашего государства или штата, чтобы выяснить, соответствует ли данный проект установленным требованиям. ISTE NETS*S: программа образования и предметное содержание стандартов — NETS для учащихся. 1. Творчество и инновации. Учащиеся демонстрируют творческое мышление, исследовательские подходы и разрабатывают инновационные продукты и процессы с использованием технологии. Учащиеся: a) применяют имеющиеся знания для получения новых идей, продуктов или процессов; b) создают оригинальные произведения как средство выражения личности или группы. 2. Коммуникации и сотрудничество. Учащиеся используют цифровые средства и среды для общения и коллективной работы, в том числе на расстоянии, для поддержки индивидуального обучения и возможности обучения других. Учащиеся: a) взаимодействуют, сотрудничают и творят со сверстниками, экспертами или другими участниками, используя различные цифровые среды и средства; b) эффективно распространяют информацию и идеи для разных аудиторий с использованием различных средств и форматов. 3. Исследования и информационная компетентность. Учащиеся умеют применять цифровые инструменты для сбора, оценки и использования информации. Учащиеся: a) планируют стратегии исследования; b) находят, организуют, анализируют, оценивают, обобщают и используют информацию из различных источников и сред; c) Оценивают и отбирают источники информации и цифровые средства на основе целесообразности для конкретных задач. 4. Критическое мышление, решение проблем и принятие решений. Учащиеся используют умение критически мыслить для планирования и проведения научных исследований, управления проектами, решения проблем и принятия обоснованных решений, используя соответствующие цифровые инструменты и ресурсы. Учащиеся: a) выявляют и определяют подлинные проблемы и важные вопросы для проведения исследования; b) планируют и управляют деятельностью по разработке решения или выполнения проекта.
360
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
5. Цифровое гражданство. Учащиеся понимают гуманитарные, культурные и социальные вопросы, связанные с информационными технологиями и практикой легального и этического поведения. Учащиеся: a) практикуют безопасное, правовое и ответственное использование информации и технологии; b) демонстрируют позитивное отношение к использованию технологий, обеспечивающих возможности коллективной работы и обучения; c) демонстрируют личную ответственность за постоянное повышение квалификации. 6. Применение технологии и технологические концепции. Учащиеся демонстрируют четкое понимание технологических концепций и систем и их применения. Учащиеся: a) понимают и используют технологические системы; b) эффективно и продуктивно выбирают и используют приложения.
ÑÅÐÒÈÔÈÊÀÖÈß ADOBE CERTIFIED ASSOCIATE, ÇÀÄÀ×È ÝÊÇÀÌÅÍÀ VISUAL COMMUNICATION 5.1. Демонстрировать знание процесса подготовки изображений для использования в Интернете, печати и видео.
ÊÐÈÒÅÐÈÈ ÎÖÅÍÊÈ 0 — не соответствует ожиданиям
Исследование
Отсутствует или выполнено не полностью
3 — соответствует ожиданиям
Результаты исследования содержат описание профессий в области дизайна и/ или печатного производства. Результаты исследования отражены в содержимом портфолио — в нем представлена такая информация о профессии, как служебные обязанности, квалификации, навыки, технические знания, необходимое обучение и сведения о зарплате
5 — превосходит ожидания
Результаты исследования содержат четкое описание конкретных профессий в области дизайна и/или печатного производства. Результаты исследования отражены в содержимом портфолио — в нем представлена такая информация о профессии, как служебные обязанности, квалификации, навыки, технические знания, необходимое обучение и сведения о зарплате, и все это дополнено конкретными примерами
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
0 — не соответствует ожиданиям
3 — соответствует ожиданиям
361
5 — превосходит ожидания
Графическое представление
Отсутствует или неполное
Графическое представление является детальным и отражает необходимую организационную структуру для планируемого содержимого портфолио
Графическое представление является детальным и представляет четкую и логическую организационную структуру для планируемого содержимого портфолио. Графическое представление включает все содержимое, которое будет представлено в PDF-портфолио
План обучения
Отсутствует или неполный
План обучения отражает навыки и концепции, в приобретении и изучении которых заинтересован учащийся
План обучения четко отражает навыки и концепции, связанные с определенной профессией или дальнейшим обучением, представляющих интерес для учащегося
PDFпортфолио — содержимое
Отсутствует, незавершенное или не соответствует поставленным целям
PDF-портфолио демонстрирует завершенные проекты учащегося и содержит введение и описательные комментарии к каждому проекту. PDF-портфолио подчеркивает навыки учащегося, необходимые для выбранной профессии в области дизайна и/или печатного производства
PDF-портфолио является хорошо организованным и четко демонстрирует завершенные проекты учащегося. PDF-портфолио содержит понятное и четкое введение, и описательные комментарии к каждому проекту, подчеркивая навыки, требуемые для выбранной профессии в области дизайна и/или печатного производства
PDFпортфолио — дизайн
Отсутствует, незавершенный или не соответствует поставленным целям
Общий дизайн PDFпортфолио и представленные проекты демонстрируют надлежащее применение принципов дизайна, дизайна макетов, композиции изображений, теории цвета и книгопечатания. PDF-портфолио подчеркивает технические навыки работы учащегося в программах Photoshop, InDesign и Acrobat. PDF-портфолио содержит ссылки и закладки в программе Acrobat
Общий дизайн PDFпортфолио и представленные проекты демонстрируют надлежащее применение принципов дизайна, дизайна макетов, композиции изображений, теории цвета и книгопечатания, что позволяет представить работы учащегося потенциальным работодателям. PDF-порт-фолио четко подчеркивает технические навыки работы учащегося в программах Photoshop, InDesign и Acrobat. В PDFпортфолио эффективно и надлежащим образом используются ссылки и закладки
362
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
0 — не соответствует ожиданиям
Рецензия
Отсутствует или неполная
3 — соответствует ожиданиям
Рецензент отмечает как сильные, так и слабые стороны PDF-портфолио и предлагает варианты для его улучшения. Рецензент дает оценку тому, насколько портфолио соответствует целям карьеры
5 — превосходит ожидания
Рецензент отмечает как сильные, так и слабые стороны PDF-портфолио. Рецензент предлагает понятные способы для улучшения портфолио и приводит конкретные примеры. Рецензент анализирует то, насколько портфолио соответствует целям карьеры, и предлагает варианты для повышения его эффективности
ÊÀÊ ÑÎÇÄÀÒÜ ÃÐÀÔÈ×ÅÑÊÎÅ ÏÐÅÄÑÒÀÂËÅÍÈÅ ÄËß ÝËÅÊÒÐÎÍÍÎÃÎ ÏÎÐÒÔÎËÈÎ Содержимое и назначение портфолио может быть весьма разнообразным. Портфолио учащихся обычно содержат примеры работы с текстовым описанием и размышлениями по каждому элементу. В отличие от традиционных портфолио, в которых просмотр содержимого осуществляется в одном направлении — от начала и до конца, — вы можете использовать программу Adobe Acrobat для создания PDF-документа с интерактивным содержанием и функционирующими ссылками. Планирование электронного портфолио заключается в создании графического представления наподобие тех, что представлены в конце этого раздела.
ÏËÀÍÈÐÎÂÀÍÈÅ ÝËÅÊÒÐÎÍÍÛÕ ÏÎÐÒÔÎËÈÎ Добавление файлов в PDF-порфтолио является настолько простым занятием, что вы можете захотеть сделать это немедленно. Но перед тем, как приступить к наполнению вашего портфолио, необходимо ответить на следующие вопросы и создать графическое представление для портфолио: • Каково назначение электронного портфолио? Ответ на этот вопрос определит, какие документы и мультимедийные файлы потребуется включить в электронное портфолио и поможет выявить недостающие элементы в доступном содержимом. • Кто будет просматривать портфолио? Это имеет отношение к выбору графического макета (дополнительную информацию можно найти в разделе «Как создавать и персонализировать PDF-портфолио») и, опять-таки, включаемого содержимого. • Будут ли присутствовать в электронном портфолио комментарии? О чем пытается рассказать этот набор документов и мультимедийных данных? Должны ли документы быть представлены в определенном порядке? •
Насколько богатым будет набор типов включаемых мультимедийных данных? Электронное портфолио позволяет представлять не только визуальную документацию, но и звук.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
•
•
•
363
Чем больше типов мультимедийных данных включено в портфолио, тем больше шансов, что зрители увлекутся историей, которую рассказывает ваше электронное портфолио. Где будет «жить» электронное портфолио? Если электронное портфолио будет размещаться на веб-сайте в свободном доступе, примите во внимание нормативные акты, политику учебного заведения и лучшие практики, касающиеся идентификации учащихся. Желательно подумать над тем, какую личную информацию указывать в портфолио, поскольку электронное портфолио может быть отправлено по электронной почте неизвестным личностям. Как лучше всего осуществлять навигацию по содержимому? Если у вас есть всего несколько больших документов, используйте преимущества визуального представления. Если же содержимое портфолио представляет собой множество документов, рассмотрите возможность организации этих файлов по папкам. Если документы содержат похожую информацию, пользователям может оказаться проще просматривать электронное портфолио, используя представление в виде списка (дополнительную информацию по выбору представления можно найти в разделе «Как создавать и персонализировать PDF-портфолио»). Как именуются файлы? Пользователи видят имена документов. Даже чрезвычайно эффективная схема именования может оказаться неочевидной для пользователей. Убедитесь, что имена файлов документов четко описывают содержимое соответствующих документов.
Поскольку электронное портфолио постоянно изменяется, структура вашего портфолио должна обеспечивать простое внесение изменений и дополнений. Определите целевую аудиторию и представьте, как будет изменяться электронное портфолио с течением времени, или подумайте над созданием нескольких версий электронного портфолио, предназначенных для различных целевых аудиторий.
ÄÅÌÎÍÑÒÐÀÖÈÎÍÍÎÅ ÝËÅÊÒÐÎÍÍÎÅ ÏÎÐÒÔÎËÈÎ Демонстрационное электронное портфолио отражает опыт своего владельца, представляя примеры лучших работ. Демонстрационное портфолио учащегося обычно включает выборку законченных изображений и дизайнерских решений. Оно также может содержать размышления на некоторую тему или документ, описывающий процесс создания данного портфолио. Ниже представлен возможный список категорий с описанием соответствующих файлов.
Ðàáîòà ñ èçîáðàæåíèÿìè •
Фотографии, снятые при помощи цифрового фотоаппарата.
•
Оптимизированные изображения.
Äèçàéíåðñêàÿ ðàáîòà •
Коллаж.
•
Логотип.
•
Визитная карточка.
•
Рекламный буклет.
364
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
Ïðèìåð ãðàôè÷åñêîãî ïðåäñòàâëåíèÿ äëÿ äåìîíñòðàöèîííîãî ýëåêòðîííîãî ïîðòôîëèî
ÐÀÁÎ×ÅÅ ÝËÅÊÒÐÎÍÍÎÅ ÏÎÐÒÔÎËÈÎ Рабочее электронное портфолио демонстрирует несколько примеров работ, выполненных в рамках одного проекта, чтобы показать процесс развития навыков человека. Например, можно включить в портфолио несколько вариантов рекламного буклета, чтобы продемонстрировать этапы эволюции дизайна. Электронное портфолио может также включать размышления и обсуждения на тему необходимости внесения повторных изменений в дизайн. Ниже показано примерное графическое представление для рабочего электронного портфолио:
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
365
ÊÀÊ ÏÎÄÃÎÒÎÂÈÒÜ È ÎÐÃÀÍÈÇÎÂÀÒÜ ÔÀÉËÛ ÄËß PDF-ÏÎÐÒÔÎËÈÎ Между PDF-портфолио и PDF-документом существует принципиальное различие. PDFпортфолио — это просто контейнер для документов, и сам он документом не является. Любую из нижеперечисленных операций можно выполнить над каждым документом, содержащимся в PDF-портфолио. Над PDF-документом можно выполнять следующие операции: •
добавлять комментарии к документу;
•
создавать ссылки из одной части документа на другую;
•
создавать ссылки на внешние веб-сайты;
•
добавлять закладки в документ;
•
добавлять видеоклипы, аудиоклипы и Flash-ролики в PDF-документ;
•
управлять правами читателей при просмотре документа в программе Acrobat Reader.
Несмотря на то, что для PDF-документов доступно множество других операций, мы рассмотрим только основные перечисленные операции, которые помогут подготовить документы для PDF-портфолио. Информацию по другим возможностям можно найти в интерактивной справке программы Acrobat или в блоге, посвященном использованию программы Acrobat в образовательном процессе, по адресу blogs.adobe.com/acrobatineducation/.
ÊÎÍÂÅÐÒÀÖÈß ÔÀÉËÎÂ Â ÔÎÐÌÀÒ PDF Процесс создания PDF-файлов заключается в конвертации других документов и ресурсов в формат Portable Document Format. Обычно для создания PDF-файла можно применять несколько методик в зависимости от исходного типа файла и ваших требований к результирующему PDF-файлу. Создать PDF-файлы можно несколькими способами. Например, если исходный файл открыт в приложении для творческих работ (например, электронная таблица, открытая в приложении Microsoft Excel), его можно сконвертировать в PDF-файл, даже не запуская программу Acrobat. Тем не менее любой PDF-файл выдерживает баланс между эффективностью (небольшим размером файла) и качеством (например, разрешением и цветом). Если для вас этот баланс имеет решающее значение, для конвертации файлов лучше использовать программу Acrobat, поскольку в этом случае вы получаете доступ к различным настройкам процесса конвертации. Чтобы конвертировать файл в формат PDF: 1. В программе Adobe Acrobat 9 Pro выполните одно из следующих действий: • выберите команду меню Файл ⇒ Создать PDF ⇒ Из файла (File ⇒ Create PDF ⇒ From File);
366
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
• на панели инструмент щелкните по кнопке Создать (Create) и выберите команду PDF из файла (PDF From File) в появившемся меню. 2. В диалоговом окне Открыть (Open) (рис. 5.1) выберите файл. Вы можете отображать файлы всех типов или выбрать конкретный тип файла в раскрывающемся списке Тип файлов (File Of Type) (Window) или Показать (Show) (Mac OS).
Рис. 5.1. Диалоговое окно Открыть
3. При необходимости можно щелкнуть по кнопке Параметры (Settings), чтобы изменить настройки конвертации. Доступные параметры могут изменяться в зависимости от типа файла и включать такие возможности, как автоматическое добавление закладок, включение настроек безопасности и управление цветом или сжатием. Ïðèìå÷àíèå: Êíîïêà Ïàðàìåòðû (Settings) íåäîñòóïíà, åñëè â ðàñêðûâàþùåìñÿ ñïèñêå Òèï ôàéëîâ (File of type) âûáðàíî çíà÷åíèå Âñå ïîääåðæèâàåìûå ôîðìàòû (All Files) èëè åñëè äëÿ âûáðàííîãî òèïà ôàéëîâ îòñóòñòâóåò âîçìîæíîñòü íàñòðîéêè ïðîöåññà êîíâåðòàöèè.
4. Щелкните по кнопке Открыть (Open), чтобы сконвертировать файл в формат PDF. В зависимости от типа конвертируемого файла, приложение для творческой работы запустится автоматически или на экране появится диалоговое окно, отображающее ход процесса конвертации. Если формат выбранного файла не поддерживается, на экране появится сооб-
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
367
щение, предупреждающее о том, что выбранный файл не может быть конвертирован в формат PDF. 5. Когда в программе Acrobat откроется новый PDF-файл, выберите команду меню Файл ⇒ Сохранить (File ⇒ Save) или Файл ⇒ Сохранить как (File ⇒ Save As). Затем укажите имя и местоположение для созданного PDF-файла. При именовании PDF-файлов, предназначенных для распространения в сети Интернет или по электронной почте, старайтесь ограничивать имя файла восемью символами (без пробелов) и использовать расширение .pdf. Это позволит гарантировать, что программы для работы с электронной почтой или серверы сети не обрежут имя файла и что PDF-файл будет открыт корректно.
ÊÎÍÂÅÐÒÀÖÈß ÂÅÁ-ÑÒÐÀÍÈÖ Â ÔÎÐÌÀÒ PDF В портфолио можно включать материалы из Интернета. Программу Acrobat можно использовать для добавления ссылок на веб-страницы или для загрузки страниц и их конвертации в формат PDF для последующего просмотра в автономном режиме. При конвертации веб-страницы в формат PDF HTML-файл и все связанные с ним файлы — например, JPEGизображения, файлы Adobe Flash, каскадные таблицы стилей, текстовые файлы, карты ссылок и формы — будут включены в результирующий файл. Результирующий PDF-файл во многом будет вести себя как исходная веб-страница. Например, изображения, ссылки, карты ссылок и подавляющее большинство мультимедийных файлов будут нормально функционировать в PDF-файле. (Анимированные GIF-файлы будут отображаться в виде неподвижных изображений, представляющих последний кадр анимации.) При подготовке к конвертации веб-страниц в формат PDF учтите следующие факторы, которые влияют на процесс конвертации: •
Каков объем конвертируемого материала? Если вы хотите сконвертировать несколько или все уровни иерархии многостраничного веб-сайта в PDF-файл, это лучше делать в программе Acrobat.
•
Вы хотите создать новый PDF-файл из веб-страниц или добавить сконвертированные страницы в существующий PDF-файл? Это можно сделать как в программе Acrobat, так и в браузере Internet Explorer, но для этого потребуется использовать разные кнопки или команды.
•
Насколько сложна веб-страница? Некоторые веб-страницы отображаются по-разному в разных браузерах, и веб-страница, в которой используется нетрадиционный код или мультимедийные файлы, может преобразоваться не так, как вы ожидаете. Если существуют определенные проблемы с конвертацией конкретной веб-страницы в формат PDF, подумайте над возможностью добавления ссылки на эту страницу (дополнительную информацию можно найти в разделе «Создание ссылок в PDF-документе»).
Вот как можно использовать программу Acrobat для конвертации одной или более страниц веб-сайта в формат PDF.
368
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
Чтобы конвертировать веб-страницу в формат PDF: 1. Выберите команду меню Файл ⇒ Создать PDF ⇒ Из Web-страницы (File ⇒ Create PDF ⇒ From Web Page). 2. В появившемся диалоговом окне Создать PDF-файл из Web-страницы (Create PDF From Web Page) (рис. 5.2) введите полный адрес веб-страницы в поле ввода URL-адрес (URL) или щелкните по кнопке Обзор (Browse) и найдите нужный HTML-файл.
Рис. 5.2. Диалоговое окно Создать PDF-файл из Web-страницы
3. Чтобы изменить число конвертируемых уровней иерархии веб-сайта (т. е. глубину ссылок, которые будут обрабатываться программой Acrobat), щелкните по кнопке Преобразовать несколько уровней (Capture Multiple Levels), отобразив на экране дополнительные параметры. Введите число обрабатываемых уровней или установите переключатель Извлечь весь сайт (Get Entire Site), чтобы обработать все уровни иерархии веб-сайта. Ïðèìå÷àíèå: Íåêîòîðûå âåá-ñàéòû ñîäåðæàò ñîòíè èëè äàæå òûñÿ÷è ñòðàíèö. Êîíâåðòàöèÿ áîëüøîãî âåáñàéòà ìîæåò ïðèâåñòè ê çàìåäëåíèþ ðàáîòû îïåðàöèîííîé ñèñòåìû, è ñèñòåìà ìîæåò íå ðåàãèðîâàòü íà âàøè äåéñòâèÿ. Áîëåå òîãî, ýòîò ïðîöåññ ìîæåò äàæå âûçâàòü ïîëíîå èñòîùåíèå äîñòóïíîãî äèñêîâîãî ïðîñòðàíñòâà è ïàìÿòè, ïðèâåäÿ ê àâàðèéíîìó ñáîþ ñèñòåìû. Ëó÷øå âñåãî íà÷àòü ñ îäíîãî óðîâíÿ èåðàðõèè ñòðàíèö è çàòåì ïðîéòè ïî çàãðóæåííûì ñòðàíèöàì è íàéòè ïîäõîäÿùèå ññûëêè äëÿ çàãðóçêè.
4. Если установлен переключатель Только извлечь N уровни (Get Only N Level(s)), вы можете установить следующие флажки: • Использовать этот путь доступа (Stay On Same Path). Загружает только вебстраницы, адреса которых соответствуют указанному адресу URL. Используйте этот вариант, чтобы захватить только определенную часть веб-сайта. • Использовать этот сервер (Stay On Same Server). Загружает только веб-страницы, которые хранятся на указанном сервере. Используйте этот вариант, чтобы избежать загрузки веб-страниц с других веб-сайтов, на которые ссылаются страницы конвертируемого веб-сайта.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
369
5. Щелкните по кнопке Настройки (Settings) при необходимости измените установленные настройки параметров в диалоговом окне Параметры преобразования Web-страниц (Web Page Conversion Settings) (обычно можно использовать настройки по умолчанию) и щелкните по кнопке OK. 6. Щелкните по кнопке Создать (Create). Ïðèìå÷àíèå: Ñóùåñòâóåò âîçìîæíîñòü ïðîñìîòðà PDF-ñòðàíèö ïî ìåðå çàãðóçêè ñòðàíèö âåá-ñàéòà, îäíàêî âû íå ìîæåòå èçìåíÿòü ñòðàíèöó äî òåõ ïîð, ïîêà ïðîöåññ çàãðóçêè íå áóäåò çàâåðøåí.
7. Если вы закрыли диалоговое окно Состояние загрузки (Download Status), выберите команду меню Дополнительно ⇒ Преобразование Web-страниц ⇒ Расположить диалог состояния на переднем плане (Advanced ⇒ Web Capture ⇒ Bring Status Dialogs To Foreground), чтобы снова отобразить его на экране.
ÄÎÁÀÂËÅÍÈÅ ÌÓËÜÒÈÌÅÄÈÉÍÛÕ ÔÀÉËÎÂ Â PDF-ÄÎÊÓÌÅÍÒ Вставка мультимедийного файла в PDF-документ имеет совершенно другой эффект, нежели вставка мультимедийных файлов непосредственно в PDF-портфолио. Преимущество помещения видео- или аудиофайла в PDF-документ заключается в том, что программа Acrobat конвертирует этот файл в формат, который может быть воспроизведен в программе Reader. Этот процесс конвертации существенно уменьшает размер файла PDFпортфолио, включающего данный документ, по сравнению с добавлением этого файла в исходном формате. Кроме того, любой пользователь сможет просмотреть и/или прослушать этот мультимедийный файл с помощью программы Reader, и ему не придется устанавливать никакое другое программное обеспечение. Когда же подобные файлы помещаются непосредственно в PDF-портфолио, они не конвертируются. Для просмотра этих файлов пользователям необходимо установить приложение, которое использовалось для создания данных файлов; этот вариант приемлем в том случае, когда вы хотите, чтобы пользователи имели доступ к файлу в исходном формате. Исходные файлы сохраняют свои уникальные черты, но при этом являются частью файла PDFпортфолио. Пользователи могут открывать, читать, редактировать и форматировать каждый файл, включенный в PDF-портфолио, независимо от других файлов (предполагается, что на компьютере пользователя установлены приложения, в которых были созданы эти файлы). PDF-файлы могут включать файлы в форматах Flash, QuickTime, MP3, MPEG и Windows Media, а также многих других. Вы можете воспроизводить эти файлы непосредственно на странице или обращаться к ним, щелкая по ссылке или закладке. Каждый мультимедийный файл содержит область воспроизведения, в которой можно воспроизводить этот файл. Область воспроизведения обычно отображается на странице PDF-документа в виде изображения или прямоугольника, но ее также можно скрыть. Любой компьютер, на котором установлена программа Adobe Reader 9, может воспроизводить следующие файлы:
370 • •
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
мультимедийные файлы, созданные с использованием технологии Flash (формат FLV); мультимедийные файлы, соответствующие стандарту H.264 в области сжатия видеоданных.
Для воспроизведения мультимедийных файлов в других форматах требуется необходимое аппаратное и программное обеспечение. Когда вы добавляете мультимедийный файл в PDF-документ, программа Acrobat Pro Extended автоматически конвертирует видео в FLV-файлы. Этот формат наряду с высоким качеством воспроизведения поддерживает совместимость между различными компьютерными платформами. FLV-файлы также имеют компактный размер, поэтому конвертация мультимедийных файлов в этот формат позволяет уменьшить размер PDF-документов, содержащих мультимедийные данные. Программа Acrobat конвертирует в формат FLV следующие форматы файлов: ASF, ASX, AVI, 3GPP, MOV, MP4, MPEG, MPG, QT и WMV. Аудио-файлы в формате MP3 также могут быть добавлены в PDF-документ для воспроизведения на любой платформе. Ïðèìå÷àíèå: Âñå ìóëüòèìåäèéíûå ôàéëû, ñîçäàííûå ñ ïðèìåíåíèåì òåõíîëîãèè Adobe Flash®, è âñå ìóëüòèìåäèéíûå ôàéëû, ñîîòâåòñòâóþùèå ñòàíäàðòó H.264, ìîãóò áûòü âîñïðîèçâåäåíû â ïðîãðàììå Adobe Reader® 9 è áîëåå ïîçäíèõ âåðñèÿõ. (Ñòàíäàðò H.264, òàêæå íàçûâàåìûé ôîðìàòîì MPEG-4 ×àñòü 10 — ýòî ñòàíäàðò ñæàòèÿ âèäåîäàííûõ, êîòîðûé îáåñïå÷èâàåò âûñîêîêà÷åñòâåííîå èçîáðàæåíèå áåç ñóùåñòâåííîãî óâåëè÷åíèÿ ðàçìåðà ôàéëà.) Âèäåîôàéëû ðàçëè÷íûõ ôîðìàòîâ è ñ ðàçëè÷íûìè ðàñøèðåíèÿìè â èìåíè ôàéëà ìîãóò áûòü ñîâìåñòèìûìè ñî ñòàíäàðòîì H.264.
Чтобы добавить видеофайл в PDF-документ: 1. Откройте PDF-документ. Если открытый документ является PDF-портфолио, щелкните правой кнопкой мыши (Windows) или левой кнопкой мыши при нажатой клавише Control (Mac OS) и в появившемся контекстном меню выберите команду Открыть файл (Open). Двойной щелчок по документу в PDF-портфолио позволяет просмотреть (а не открыть) данный документ. Вы не сможете продолжить выполнение этого упражнения в просматриваемом документе. 2. Выберите команду меню Инструменты ⇒ Мультимедиа ⇒ Инструмент «Видео» (Tools ⇒ Multimedia ⇒ Video Tool). 3. Путем перетаскивания указателя мыши нарисуйте прямоугольник на странице или дважды щелкните мышью по тому месту, где вы хотите добавить видео. На экране появится диалоговое окно Вставить видео (Insert Video) (рис. 5.3). Если дважды щелкнуть по странице, программа Acrobat поместит левый верхний угол видеоклипа в то место, по которому вы щелкнули мышью. Если нарисовать рамку путем перетаскивания указателя мыши, видеоклип будет размещен внутри этой области. Область воспроизведения видеоклипа будет в точности соответствовать размеру видеокадра (если программа Acrobat сможет прочитать размеры кадра видеоклипа). 4. В поле ввода Файл (File) введите адрес URL или щелкните по кнопке Обзор (Browse) (Windows) или Choose (Выбрать) (Mac OS), чтобы найти видеофайл. Для адресов URL используйте полный адрес файла, включая расширение имени видеофайла, например .flv или .mp4.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
371
Рис. 5.3. Диалоговое окно Вставить видео
5. (Необязательный шаг.) Чтобы определить, какие элементы управления воспроизведением будут отображаться для данного видеофайла, установите флажок Показать дополнительные параметры (Show Advanced Options). Затем щелкните по вкладке Элементы управления (Controls). В раскрывающемся списке Обложка (Skin) выберите набор используемых элементов управления. 6. (Необязательный шаг.) Чтобы выбрать изображение, которое будет отображаться в тот момент, когда не воспроизводится видеофайл, установите флажок Показать дополнительные параметры (Show Advanced Options). Затем щелкните по вкладке Видео (Video). Переместите маркер, расположенный под ползунковым регулятором, на кадр, который вы хотите использовать, и затем щелкните по кнопке Сохранить текущий постер (Set Poster Image From Current Frame). 7. Щелкните по кнопке OK, чтобы закрыть диалоговое окно Вставить видео (Insert Video). Перед тем, как видеоклип появится в указанном месте, может пройти несколько секунд. 8. Для воспроизведения видеофайла выберите инструмент Рука (Hand) или Выделение (Select) и щелкните по области воспроизведения видеофайла. Когда указатель мыши будет расположен над областью воспроизведения, он примет вид значка воспроизведения. Чтобы добавить Flash-ролик в PDF-документ: 1. Откройте PDF-документ. Если документ входит в состав PDF-портфолио, щелкните правой кнопкой мыши (Windows) или левой кнопкой мыши при нажатой клавише Control (Mac OS) по документу и выберите в появившемся контекстном меню команду Открыть файл (Open). Двойной щелчок по документу в PDF-портфолио позволяет просмотреть документ (а не открыть его). Вы не сможете выполнить шаги этого упражнения в режиме просмотра.
372
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
2. Выберите команду меню Инструменты ⇒ Мультимедиа ⇒ Инструмент «Flash» (Tools ⇒ Multimedia ⇒ Flash Tool). 3. Перетащите указатель мыши, чтобы выделить область на странице, или дважды щелкните по странице в том месте, куда вы хотите добавить Flash-ролик. На экране появится диалоговое окно Вставить Flash (Insert Flash) (рис. 5.4). Если дважды щелкнуть по странице, программа Acrobat поместит левый верхний угол Flashролика в то место, по которому вы щелкнули мышью. Если нарисовать рамку путем перетаскивания указателя мыши, Flash-ролик будет размещен внутри этой области. Область воспроизведения Flash-ролика будет в точности соответствовать размеру кадра Flash-ролика (если программа Acrobat сможет прочитать размеры кадра Flash-ролика).
Рис. 5.4. Диалоговое окно Вставить Flash
4. В поле ввода Файл (File) введите адрес URL или щелкните по кнопке Обзор (Browse) (Windows) или Choose (Выбрать) (Mac OS), чтобы найти файл Flash-ролика, после чего щелкните по кнопке Открыть (Open). Для адресов URL используйте полный адрес файла, включая расширение имени файла. 5. Щелкните по кнопке OK. Flash-ролик будет добавлен в PDF-документ. 6. (Необязательный шаг.) Чтобы указать дополнительные настройки (например, нужно ли отображать границу вокруг Flash-ролика или следует ли сделать фон Flash-ролика прозрачным), установите флажок Показать дополнительные параметры (Show Advanced Options). 7. Для воспроизведения Flash-ролика выберите инструмент Рука (Hand) или Выделение (Select) и щелкните по области воспроизведения Flash-ролика. Когда указатель мыши будет расположен над областью воспроизведения, он примет вид значка воспроизведения.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
373
Чтобы добавить звуковой файл в PDF-документ: 1. Откройте PDF-документ. Если документ входит в состав PDF-портфолио, щелкните правой кнопкой мыши (Windows) или левой кнопкой мыши при нажатой клавише Control (Mac OS) по документу и выберите в появившемся контекстном меню команду Открыть файл (Open). Двойной щелчок по документу в PDF-портфолио позволяет просмотреть документ (а не открыть его). Вы не сможете выполнить шаги этого упражнения в режиме просмотра. 2. Выберите команду меню Инструменты ⇒ Мультимедиа ⇒ Инструмент «Звук» (Tools ⇒ Multimedia ⇒ Sound Tool). 3. Перетащите указатель мыши, чтобы выделить область на странице, или дважды щелкните по странице в том месте, куда вы хотите добавить звуковой файл. На экране появится диалоговое окно Вставить звук (Insert Sound) (рис. 5.5).
Рис. 5.5. Диалоговое окно Вставить звук
Если дважды щелкнуть по странице, программа Acrobat поместит левый верхний угол области воспроизведения звукового файла в то место, по которому вы щелкнули мышью. Если нарисовать рамку путем перетаскивания указателя мыши, мультимедийный файл будет размещен внутри этой области. 4. В поле ввода Файл (File) введите адрес URL или щелкните по кнопке Обзор (Browse), чтобы найти мультимедийный файл, после чего щелкните по кнопке Открыть (Open). Для адресов URL используйте полный адрес файла, включая расширение имени файла. 5. (Необязательный шаг.) Чтобы указать дополнительные настройки (например, какое изображение, или «постер», отображать в области воспроизведения звукового файла), установите флажок Показать дополнительные параметры (Show Advanced Options). 6. Щелкните по кнопке OK. Область воспроизведения, представляющая звуковой файл, будет добавлена в PDF-документ.
374
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
7. Для воспроизведения звукового файла выберите инструмент Рука (Hand) или Выделение (Select) и щелкните по области воспроизведения звукового файла. Когда указатель мыши будет находиться над областью воспроизведения, он примет вид значка воспроизведения. Ïðèìå÷àíèå: Äëÿ âîñïðîèçâåäåíèÿ ñêîíâåðòèðîâàííûõ ìóëüòèìåäèéíûõ ôàéëîâ òðåáóåòñÿ ïðîãðàììà Adobe Reader 9 èëè Acrobat 9. Ïîëüçîâàòåëÿì, ïîïûòàâøèìñÿ âîñïðîèçâåñòè ñêîíâåðòèðîâàííûå ìóëüòèìåäèéíûå ôàéëû â áîëåå ðàííèõ âåðñèÿõ ïðîãðàììû Adobe Reader èëè Acrobat, áóäåò ïðåäëîæåíî îáíîâèòü ïðîãðàììíîå îáåñïå÷åíèå. Ïðèìå÷àíèå: Âû ìîæåòå óäàëèòü èëè ïåðåìåñòèòü äîáàâëåííûé ìóëüòèìåäèéíûé ôàéë. Âûáåðèòå èíñòðóìåíò äëÿ äàííîãî òèïà ìóëüòèìåäèéíîãî ôàéëà è ïåðåìåñòèòå èëè óäàëèòå äîáàâëåííûé ìóëüòèìåäèéíûé ôàéë.
ÓÏÐÀÂËÅÍÈÅ ÏÐÀÂÀÌÈ ×ÈÒÀÒÅËÅÉ Существует возможность создания портфолио, позволяющего читателям оставлять комментарии и давать свою оценку содержимому портфолио. Если включить возможность комментирования в PDF-документах, пользователи смогут оставлять свои комментарии, даже не устанавливая программу Adobe Acrobat. Эта возможность позволяет читателям, использующим программу Adobe Reader 8 или более поздней версии, принимать участие в рецензировании данного PDF-документа. Когда PDF-документ с включенной возможностью комментирования открывается в программе Reader, на экране отображается строка сообщений документа и инструменты комментирования, которые в обычной ситуации недоступны. Чтобы включить возможность комментирования, откройте PDF-документ и выберите команду меню Комментарии ⇒ Включение возможностей комментирования и анализа для пользователей Adobe Reader (Comments ⇒ Enable For Commenting And Analysis In Adobe Reader). Ïðèìå÷àíèå: Åñëè âêëþ÷èòü âîçìîæíîñòü êîììåíòèðîâàíèÿ â ïðîãðàììå Reader äëÿ äîêóìåíòà, ïîäïèñàííîãî öèôðîâîé ïîäïèñüþ, äàííàÿ ïîäïèñü ñòàíåò íåäåéñòâèòåëüíîé.
ÄÎÁÀÂËÅÍÈÅ ÇÀÊËÀÄÎÊ Â ÄÎÊÓÌÅÍÒ Закладки представляют собой навигационные ссылки — отображаемые на панели Закладки (Bookmarks), расположенной на панели навигации программы Adobe Acrobat 9, — при щелчке по которым отображаются определенные страницы документа. Кроме того, закладки могут быть связаны с другими документами (не только PDF-документами) и веб-сайтами. Представление закладок в виде иерархии позволяет читателю познакомиться с организационной структурой документа (рис. 5.6). Когда PDF-документы экспортируются из ряда других программ, программа Acrobat создает закладки автоматически. Кроме того, вы можете создать закладки с помощью интерфейса программы Adobe Acrobat 9.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
375
Рис. 5.6. Закладки в документе
Первоначально закладка открывает страницу, которая отображалась на экране при создании данной закладки, — эта страница является местом назначения закладки. В программе Acrobat место назначения закладок можно указывать при создании каждой закладки. Тем не менее иногда проще создать целую группу закладок, а затем указать их место назначения. Чтобы создать закладку: 1. Откройте страницу, с которой вы хотите связать закладку, и щелкните по кнопке Закладки (Bookmarks), чтобы отобразить существующие закладки в документе (рис. 5.6). 2. Для создания закладки используйте инструмент Выделение (Select). • Чтобы создать закладку для отдельного изображения, щелкните по этому изображению или нарисуйте прямоугольник вокруг этого изображения путем перетаскивания указателя мыши. • Чтобы создать закладку для фрагмента изображения, нарисуйте прямоугольник вокруг этого фрагмента путем перетаскивания указателя мыши. • Чтобы создать закладку для выделенного текста, выделите необходимый текст путем перетаскивания указателя мыши. Выделенный текст будет использован в качестве названия новой закладки (рис. 5.7).
376
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
3. На панели Закладки (Bookmarks) щелкните по кнопке Новая закладка (New Bookmark) (рис. 5.8). Новая закладка появится в списке закладок. Чтобы переименовать закладку: 1. Выполните одно из следующих действий: • дважды щелкните по закладке, которую вы хотите переименовать, на панели Закладки (Bookmarks); • щелкните по закладке и выберите в меню Параметры (Options) команду Переименовать закладку (Rename Bookmark). 2. Введите новое название для закладки и нажмите клавишу Enter (Windows) или Return (Mac OS) (рис. 5.9).
Рис. 5.7. Выделение текста для создания новой закладки
Рис. 5.8. Кнопка Новая закладка и редактируемое название закладки
Рис. 5.9. Переименование закладки
Чтобы удалить закладку: 1. Выделите закладку или несколько закладок, которые вы хотите удалить. Ïðèìå÷àíèå: ×òîáû âûäåëèòü íåñêîëüêî çàêëàäîê, â ïðîöåññå âûäåëåíèÿ óäåðæèâàéòå íàæàòîé êëàâèøó Ctrl (Windows) èëè Command (Mac OS).
2. Выберите команду Удалить закладки (Delete Bookmark(s)) в меню Параметры (Options) или нажмите клавишу Delete на клавиатуре. При удалении закладки происходит удаление всех ее дочерних закладок, но текст документа остается неизменным.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
377
Чтобы изменить место назначения закладки: 1. На панели Закладки (Bookmarks), принадлежащей панели навигации, выделите закладку, для которой вы хотите изменить место назначения. 2. Используя инструмент Выделение (Select), выберите новое место назначения закладки в документе. 3. Выделив новый текст в документе, выберите команду Установить отсылку с закладки (Set Bookmark Destination) в меню Параметры (Options) на панели Закладки (Bookmarks) (рис. 5.10).
Рис. 5.10. Меню Параметры 4. Щелкните по кнопке Да (Yes), когда на экране появится сообщение с запросом подтверждения на вносимое изменение.
ÍÀÑÒÐÎÉÊÀ ÏÐÅÄÑÒÀÂËÅÍÈß ÇÀÊËÀÄÊÈ Вы можете изменить размер шрифта, цвет и стиль закладки, а также включить возможность переноса слов длинных закладок в области навигации. Чтобы изменить размер текста для всех закладок: 1. Отобразите панель Закладки (Bookmarks) на панели навигации.
378
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
2. Откройте подменю Размер шрифта (Text Size) в меню Параметры (Options) и выберите размер шрифта для закладок (рис. 5.11). Чтобы изменить начертание и цвет текста выбранных закладок: 1. Отобразите панель Закладки (Bookmarks) на панели навигации. 2. Выделите закладку или несколько закладок и выберите команду Свойства (Properties) в меню Параметры (Options).
Рис. 5.11. Меню Параметры
На экране появится диалоговое окно Свойства закладки (Bookmark Properties) (рис. 5.12). 3. Щелкните по вкладке Оформление (Appearance). 4. Выберите начертание (раскрывающийся список Стиль (Style)) и цвет (элемент управления Цвет (Color)) текста закладки. 5. Щелкните по кнопке OK. Чтобы включить возможность переноса слов для длинных закладок:
Рис. 5.12. Диалоговое окно Свойства закладки
1. Отобразите панель Закладки (Bookmarks) на панели навигации. 2. В меню Параметры (Options) выберите команду Сокращать длинные закладки (Wrap Long Bookmarks). Текст длинных закладок теперь будет полностью отображаться на экране, независимо от ширины панели навигации.
ÎÐÃÀÍÈÇÀÖÈß ÑÒÐÓÊÒÓÐÛ ÇÀÊËÀÄÎÊ Вы можете легко перемещать закладки на панели Закладки (Bookmarks) путем перетаскивания. Пунктирная линия со стрелкой показывает, в каком месте будет размещена данная закладка. Эту возможность полезно использовать для создания вложенных закладок — вы можете создать логическую структуру и тем помочь читателям в навигации по документу. Возможность вложения закладок позволяет создать отношение родительских и дочерних элементов, а полученный иерархический список можно произвольно развертывать и свертывать.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
379
Чтобы вложить одну или несколько закладок в другую закладку: 1. Выделите закладку или несколько закладок, которые вы хотите вложить в другую закладку. 2. Перетащите значок закладки (или значки закладок) вниз и правее значка родительской закладки. В том месте, где будет расположена закладка (или закладки), появится пунктирная линия (рис. 5.13). 3. Отпустите кнопку мыши, чтобы вложить закладку (или закладки) в другую закладку. 4. Если вы находите сложным процесс вложения закладок путем перетаскивания: • выделите закладку или закладки, которые вы хотите вложить в другую закладку, и выберите команду Вырезать (Cut) в меню Параметры (Options); • щелкните по закладке, которую вы хотите сделать родительской закладкой для вырезанной закладки (или закладок), и выберите команду Вставить под выделенной закладкой (Paste Under Selected Bookmark) в меню Параметры (Options).
Рис. 5.13. Вложенная закладка
ÑÎÇÄÀÍÈÅ ÑÑÛËÎÊ Â PDF-ÄÎÊÓÌÅÍÒÅ Ссылки в PDF-документе могут быть видимыми или невидимыми, и с ними можно связать одно или несколько действий. Ссылки можно использовать для запуска определенных действий, как то воспроизведение мультимедийного файла, открытие веб-сайта, чтение статей, отображение и скрытие комментариев и выполнение команд меню. Вы можете создать ссылку в одной части PDF-документа, которая будет открывать другую часть PDF-документа. Кроме того, таким же образом можно связать один PDF-документ с другим PDF-документом в одном PDF-портфолио. Чтобы связать одну страницу PDF-документа с другой страницей или связать один документ с другим документом в PDF-портфолио: 1. Если вы создали PDF-портфолио, вы можете создать ссылку в одном документе на другой документ в этом PDF-портфолио. Убедитесь, что PDF-документ, в котором вы хотите создать ссылку, и PDF-документ, на который будет указывать ссылка, находятся в одном PDF-портфолио. 2. В PDF-портфолио откройте документ, который будет содержать ссылку. 3. Выберите команду меню Инструменты ⇒ Дополнительное редактирование ⇒ Инструмент «Ссылка» (Tools ⇒ Advanced Editing ⇒ Link Tool). Указатель мыши примет вид перекрестия.
380
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
4. Путем перетаскивания указателя мыши нарисуйте прямоугольник вокруг текста или объекта, который будут использовать пользователи для активации ссылки. На экране появится диалоговое окно Создать ссылку (Create Link) (рис. 5.14), содержащее различные параметры для создаваемой ссылки.
Рис. 5.14. Диалоговое окно Создать ссылку
5. Чтобы задать внешний вид ссылки, используйте группу элементов управления Внешний вид ссылки (Link Appearance) диалогового окна Создать ссылку (Create Link). 6. Установите переключатель Действие ссылки (Link Action) в положение Перейти к странице (Go To A Page View) и щелкните по кнопке Далее (Next). На экране появится диалоговое окно Создать переход к виду (Create Go To View) (рис. 5.15). Рис. 5.15. Диалоговое окно 7. Не закрывая диалоговое окно Создать переход Создать переход к виду к виду (Create Go To View), выполните одно из следующих действий: • если вы связываете одну страницу документа с другой страницей того же документа, перейдите к странице, которую вы хотите открывать при щелчке по ссылке; • если вы связываете один документ с другим документом, перейдите к документу, который вы хотите открывать при щелчке по ссылке, используя элементы управления навигацией PDF-портфолио или полосы прокрутки и мышь; • если вы хотите создать ссылку, открывающую страницу документа, которая не является первой, перейдите к этой странице документа.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
381
8. Используя инструменты управления масштабом отображения документа, выберите уровень масштаба отображения документа, который будет использоваться при открытии документа пользователями. 9. Щелкните по кнопке Установить ссылку (Set Link) в диалоговом окне Создать переход к виду (Create Go To View). 10.
Чтобы проверить ссылку, выберите команду меню Инструменты ⇒ Выбор и увеличение ⇒ Инструмент «Выделение» (Tools ⇒ Select & Zoom ⇒ Select Tool). Затем щелкните по ссылке.
11.
Чтобы изменить внешний вид ссылки или ее поведение, выберите команду меню Инструменты ⇒ Дополнительное редактирование ⇒ Инструмент «Ссылка» (Tools ⇒ Advanced Editing ⇒ Link Tool). Затем дважды щелкните по ссылке и измените настройки параметров ссылки в диалоговом окне Свойства ссылки (Link Properties).
Инструмент Ссылка (Link) можно также использовать для создания ссылок, которые позволяют пользователям открывать веб-ресурсы. Чтобы создать ссылку на внешний сайт: 1. Откройте документ, который будет содержать ссылку. 2. Выберите команду меню Инструменты ⇒ Дополнительное редактирование ⇒ Инструмент «Ссылка» (Tools ⇒ Advanced Editing ⇒ Link Tool). Указатель мыши примет вид перекрестия. 3. Путем перетаскивания указателя мыши нарисуйте прямоугольник вокруг текста или объекта, который будут использовать пользователи для активации ссылки. На экране появится диалоговое окно Создать ссылку (Create Link) (рис. 14), содержащее различные параметры для ссылки. 4. Чтобы задать внешний вид ссылки, используйте группу элементов управления Внешний вид ссылки (Link Appearance) диалогового окна Создать ссылку (Create Link). 5. Установите переключатель Действие ссылки (Link Action) в положение Открыть webстраницу (Open A Web Page) и щелкните по кнопке Далее (Next). На экране появится диалоговое окно Изменить URL (Edit URL) (рис. 5.16).
Рис. 5.16. Диалоговое окно Изменить URL
382
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
6. В поле ввода диалогового окна Изменить URL (Edit URL) введите адрес URL вебстраницы или веб-сайта, который должен открываться при щелчке по ссылке. Затем щелкните по кнопке OK. 7. Чтобы проверить ссылку, выберите команду меню Инструменты ⇒ Выбор и увеличение ⇒ Инструмент «Выделение» (Tools ⇒ Select & Zoom ⇒ Select Tool). Затем щелкните по ссылке. 8. Чтобы изменить внешний вид ссылки или ее поведение, выберите команду меню Инструменты ⇒ Дополнительное редактирование ⇒ Инструмент «Ссылка» (Tools ⇒ Advanced Editing ⇒ Link Tool). Затем дважды щелкните по ссылке и измените настройки параметров ссылки в диалоговом окне Свойства ссылки (Link Properties).
ÊÀÊ ÑÎÇÄÀÂÀÒÜ È ÏÅÐÑÎÍÀËÈÇÈÐÎÂÀÒÜ PDF-ÏÎÐÒÔÎËÈÎ PDF-портфолио содержит несколько файлов, собранных воедино. Файлы в PDF-портфолио могут иметь различные форматы и быть созданы в различных приложениях. Например, давайте представим, что ваш проект включает в себя текстовые документы, сообщения электронной почты, электронные таблицы, CAD-чертежи и презентации PowerPoint. Все эти документы можно объединить в PDF-портфолио. Исходные файлы сохраняют свои индивидуальные особенности, но при этом они собраны в один файл PDF-портфолио. Пользователи могут открывать, читать, редактировать и форматировать каждый файл, входящий в PDF-портфолио, независимо от других файлов в PDF-портфолио. Процесс создания и организации PDF-портфолио не представляет никаких сложностей — это так же просто, как перетаскивание файлов из одной папки в другую. Чтобы перетащить файлы в пустое PDF-портфолио: 1. Запустите программу Adobe Acrobat 9 Pro. 2. Выберите команду меню Файл ⇒ Создать портфолио PDF (File ⇒ Create PDF Portfolio). На экране появится рабочая область PDF-портфолио (рис. 5.17). 3. Не закрывая окно PDF-портфолио, выполните одно из следующих действий: • Выберите команду меню Файл ⇒ Преобразовать PDF-портфолио ⇒ Добавить файлы (File ⇒ Modify PDF Portfolio ⇒ Add Files) и затем выберите один или несколько файлов. • Выберите команду меню Файл ⇒ Преобразовать PDF-портфолио ⇒ Добавить существующую папку (File ⇒ Modify PDF Portfolio ⇒ Add Existing Folder) и затем выберите папку. • С Рабочего стола или из нужной папки перетащите файлы или папки на рабочую область PDF-портфолио. Добавленные документы или папки появятся в рабочей области PDF-портфолио (рис. 5.18).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Рис. 5.17. Рабочая область PDF-портфолио
Рис. 5.18. Документы и папки в рабочей области PDF-портфолио
383
384
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
Рис. 5.19. Цепочка навигации
По мере того, как пользователи опускаются на нижние уровни иерархии папок, программа Acrobat автоматически создает цепочку навигации, которая помогает пользователям определять текущее местоположение в PDF-портфолио и быстро переходить на верхние уровни иерархии папок (рис. 5.19). Вы может также создавать папки непосредственно в PDF-портфолио, благодаря чему организовывать (или реорганизовывать) документы можно даже после того, как они были добавлены в PDF-портфолио. Чтобы создать новую папку в PDF-портфолио: 1. Откройте PDF-портфолио. 2. В меню Изменить (Modify) на панели инструментов PDF-портфолио выберите команду Создать новую папку (Create New Folder) (рис. 5.20).
Рис. 5.20. Меню Изменить на панели инструментов PDF-портфолио
На экране появится диалоговое окно Создать папку (New Folder) (рис. 5.21). 3. В поле ввода диалогового окна Создать папку (New Folder) введите имя новой папки. 4. Щелкните по кнопке OK. Новая папка появится в рабочей области PDFпортфолио. Чтобы добавить файлы в новую папку, вы можете перетащить их в эту папку либо из PDF-портфолио, либо с Рабочего стола. Рис. 5.21. Диалоговое окно Создать папку
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
385
ÇÀÊÐÛÒÈÅ È ÎÒÊÐÛÒÈÅ ÏÀÍÅËÈ ÐÅÄÀÊÒÈÐÎÂÀÒÜ ÏÎÐÒÔÎËÈÎ PDF Создав PDF-портфолио, вы можете быстро переключаться между режимами просмотра и редактирования. Чтобы открыть или закрыть панель Редактировать портфолио PDF (Edit Portfolio): 1. Откройте PDF-портфолио. 2. В меню Изменить (Modify) на панели инструментов PDF-портфолио выберите команду Редактировать портфолио (Edit Portfolio) (рис. 5.22). В правой части рабочего пространства появится панель Редактировать портфолио PDF (Edit Portfolio).
Рис. 5.22. Меню Изменить на панели инструментов PDF-портфолио
3. Если панель Редактировать портфолио PDF (Edit Portfolio) отображается на экране, вы можете закрыть ее, сбросив флажок с пункта Редактировать портфолио (Edit Portfolio) меню Изменить (Modify). Имейте в виду, что любой человек, у которого есть программа Acrobat, может изменять ваше портфолио, если вы не защитите его с помощью пароля. Дополнительную информацию по защите PDF-портфолио можно найти в разделе «Защита PDF-портфолио».
ÏÅÐÑÎÍÀËÈÇÀÖÈß PDF-ÏÎÐÒÔÎËÈÎ Программа Acrobat предоставляет мощные возможности для работы с PDF-портфолио, максимально упрощая процесс создания сложных демонстрационных пакетов. Когда пользователи в первый раз открывают PDF-портфолио, они видят панель Редактировать портфолио PDF (Edit PDF Portfolio), расположенную в правой части рабочей области PDF-портфолио. Любое PDF-портфолио можно просматривать как с помощью настраиваемого визуального представления, так и с помощью представления в виде списка. Сначала мы познакомимся с процессом настройки визуального представления.
386
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
Панель Редактировать портфолио PDF (Edit PDF Portfolio) позволяет быстро настраивать внешний вид PDF-портфолио. Вы можете изменить: •
графический макет;
•
страницу приветствия;
•
цветовую схему.
Кроме того, вы также можете задать описание для элементов, входящих в состав PDFпортфолио. Чтобы выбрать макет для PDF-портфолио: 1. Откройте PDF-портфолио. 2. На панели Редактировать портфолио PDF (Edit PDF Portfolio) выберите категорию Выбрать макет (Choose A Layout) (рис. 5.23). 3. Выберите один из основных вариантов макетов: • Базовая сетка (Basic Grid). Файлы отображаются в виде миниатюр с текстом. • На изображении (On An Image). Файлы отображаются поверх указанного изображения. Используйте кнопку Выбрать изображение (Pick An Image), чтобы выбрать изображение, которое будет использовано в качестве фонового рисунка для портфолио. • Вращение (Revolve). В фокусе всегда находится один файл. • Перемещающаяся строка с боковой панелью (Sliding Row). В строке отображается несколько файлов.
Рис. 5.23. Категория Выбрать макет
ÑÎÇÄÀÍÈÅ ÑÒÐÀÍÈÖÛ ÏÐÈÂÅÒÑÒÂÈß Портфолио, размещаемые в Интернете, могут просматриваться множеством людей. Страница приветствия представляет контекст для целевой аудитории. Обычно на этой странице представлена контактная информация и другие полезные детали для целевой аудитории, например описание содержимого портфолио или инструкции по навигации. Чтобы создать страницу приветствия: 1. На панели Редактировать портфолио PDF (Edit PDF Portfolio) выберите категорию Добавить приветствие и заголовок (Add Welcome & Header).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
387
Категория Добавить приветствие и заголовок (Add Welcome & Header) включает две панели: панель Страница приветствия (Welcome) и панель Верхний колонтитул (Header). Убедитесь, что открыта панель Страница приветствия (Welcome) (рис. 5.24). 2. Выберите один из следующих вариантов содержимого для страницы приветствия: • Без страницы приветствия (No Welcome Page). Выберите этот вариант, если вы не хотите создавать страницу приветствия или вы хотите удалить страницу приветствия, которую добавили в PDF-портфолио ранее. • Только текст (Text Only). Этот вариант используется для текстового содержимого. Программа Acrobat предоставляет текстовое поле ввода с функциями форматирования текста, доступными в текстовом процессоре.
Рис. 5.24. Категория Добавить приветствие и заголовок
• Только изображение (Image Only). Этот вариант позволяет отображать изображение в качестве страницы приветствия. Изображения могут быть в формате JPG, GIF или PNG. Вы можете управлять размером и прозрачностью изображения. • Изображение и текст (Image & Text). Используйте этот вариант, чтобы объединить текст и изображение. Вы можете изменить расположение изображения и текстовой области. • Flash-фильм (Flash Movie). Этот вариант позволяет использовать Flash-ролик на странице приветствия. 3. Если для страницы приветствия вы выбрали один из вариантов содержимого с текстом, щелкните по текстовому блоку и введите текст, который вы хотите отобразить на этой странице. Используйте доступные инструменты для форматирования текста. 4. Если для страницы приветствия вы выбрали один из вариантов содержимого с изображением или с Flash-роликом, щелкните по объекту изображения или объекту Flashролика и выберите файл с желаемым изображением или роликом. Используйте доступные инструменты, чтобы изменить представление объекта. Пользователь, открывший PDF-портфолио, сначала увидит страницу приветствия с кнопкой Начать (Get Started), расположенной в нижней части страницы. Чтобы увидеть содержимое PDF-портфолио, пользователи должны щелкнуть по кнопке Начать (Get Started).
388
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
ÑÎÇÄÀÍÈÅ ÂÅÐÕÍÈÕ ÊÎËÎÍÒÈÒÓËΠВерхний колонтитул PDF-портфолио представляет собой согласующийся баннер (и, как следствие, согласующееся содержимое), отображаемый над содержимым PDF-портфолио. Верхний колонтитул можно использовать для указания названия PDF-портфолио, предоставления контактной информации или отображения изображений, например логотипа или фотографии. Ïðèìå÷àíèå: Ïðîãðàììà Acrobat òàêæå ïîçâîëÿåò ñîçäàâàòü âåðõíèå è íèæíèå êîëîíòèòóëû â PDFäîêóìåíòå — îíè îòîáðàæàþòñÿ íà êàæäîé ñòðàíèöå â ýòîì PDF-äîêóìåíòå. Òåì íå ìåíåå âåðõíèé êîëîíòèòóë PDF-ïîðòôîëèî âåäåò ñåáÿ èíà÷å. Âåðõíèé êîëîíòèòóë PDF-ïîðòôîëèî îòîáðàæàåòñÿ íà ýêðàíå â òåõ ñëó÷àÿõ, êîãäà ïîëüçîâàòåëè ïðîñìàòðèâàþò ñîäåðæèìîå PDF-ïîðòôîëèî, íî íå êîãäà îíè îòêðûâàþò îäèí èç äîêóìåíòîâ, ñîäåðæàùèõñÿ â PDFïîðòôîëèî.
Чтобы создать верхний колонтитул: 1. На панели Редактировать портфолио PDF (Edit PDF Portfolio) выберите категорию Добавить приветствие и заголовок (Add Welcome & Header). 2. В категории Добавить приветствие и заголовок (Add Welcome & Header) щелкните по вкладке Верхний колонтитул (Header), чтобы открыть панель Верхний колонтитул (Header) (рис. 5.25). 3. Выберите один из следующих вариантов содержимого для верхнего колонтитула: • Без заголовка (No Header). Используйте Рис. 5.25. Панель Верхний колонтитул этот вариант, если вам не нужен верхний колонтитул или если вы хотите удалить верхний колонтитул, который вы добавили в электронное портфолио ранее. • Простой текст (Simple Text). Этот вариант предоставляет текстовый блок, который вы можете форматировать при помощи доступных инструментов. • Структурированный текст (Structured Text). Этот вариант предоставляет несколько текстовых блоков, которые вы можете форматировать при помощи доступных инструментов, включая текстовый блок, который можно использовать для указания адреса электронной почты, и текстовый блок для указания другого текста (адрес URL, связанный с текстом), например адреса веб-сайта. • Логотип и текст (Logo & Text). Этот вариант позволяет отображать в верхнем колонтитуле изображение рядом с текстовым блоком.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
389
• Логотип и структурированный текст (Logo & Structured Text). Используйте этот вариант, чтобы отобразить в верхнем колонтитуле изображение рядом со структурированным текстовым блоком. • Только изображение (Image Only). Позволяет отображать в верхнем колонтитуле только изображение без текста. • Текст и фоновое изображение (Text & Background Image). Позволяет отображать в верхнем колонтитуле текст поверх фонового изображения. 4. Если для верхнего колонтитула вы выбрали один из вариантов содержимого с текстом, щелкните по текстовому блоку и введите текст, который вы хотите отобразить. Для форматирования текста используйте доступные инструменты. 5. Если для верхнего колонтитула вы выбрали вариант с изображением или логотипом, щелкните по объекту изображения или по объекту Flash-ролика и выберите файл с изображением или роликом для отображения. Используйте доступные инструменты для настройки внешнего вида объекта. Варианты содержимого со структурированным текстом предоставляют текстовое поле для указания адреса электронной почты и текстовое поле для указания адреса веб-сайта (текст, с которым можно связать адрес URL) (рис. 5.26). Чтобы изменить представление текста можно также использовать инструменты форматирования текста, отображаемые под текстовым блоком. Программа Acrobat автоматически создает ссылки для текста в этих полях, чтобы пользователи могли использовать их для создания сообщения электронной почты.
Рис. 5.26. Верхний колонтитул со структурированным текстом
ÄÎÁÀÂËÅÍÈÅ ÂÅÐÕÍÈÕ ÈËÈ ÍÈÆÍÈÕ ÊÎËÎÍÒÈÒÓËÎÂ Â ÄÎÊÓÌÅÍÒÛ Верхние и нижние колонтитулы представляют неизменяющуюся информацию на страницах PDF-документа. Такой информацией может быть название проекта, дата, автоматическая нумерация страниц, заголовок PDF-документа или имя автора. Вы можете добавлять верхние и нижние колонтитулы в один или более PDF-документов, включая PDF-документы, входящие в состав PDF-портфолио. Добавив верхний и нижний колонтитулы, вы можете редактировать их, заменять или удалять из PDF-документа. Кроме того, вы можете просмотреть верхние и нижние колонтитулы перед тем, как применить их к документу, и изменить границы колонтитулов, чтобы они не пересекались с другим содержимым страницы. Чтобы добавить верхние или нижние колонтитулы в несколько документов, входящих в PDFпортфолио:
390
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
1. Откройте PDF-портфолио. Выделите PDF-документы в PDF-портфолио, к которым вы хотите добавить верхние или нижние колонтитулы. Чтобы выделить несколько документов в PDF-портфолио, выполните одно из следующих действий: • Чтобы выделить последовательность документов, сначала щелкните по первому документу, а затем, нажав и удерживая клавишу Shift, щелкните по последнему документу. Все документы, расположенные между этими двумя документами, будут выделены. • Чтобы выделить отдельные документы, щелкните по каждому документу при нажатой клавише Ctrl (Windows) или Command (Mac OS). • Чтобы снять выделение с отдельного документа, щелкните по этому документу при нажатой клавише Ctrl (Windows) или Command (Mac OS). 2. Выберите команду меню Документ ⇒ Верхний и нижний колонтитул ⇒ Добавить (Document ⇒ Header & Footer ⇒ Add). На экране появится диалоговое окно Добавить колонтитулы (Add Header And Footer) (рис. 5.27).
Рис. 5.27. Диалоговое окно Добавить колонтитулы
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
391
3. При необходимости укажите значения параметров в группах элементов управления Шрифт (Font) и Поле (Margin). Указанные настройки будут применены ко всем верхним и нижним колонтитулам документов, которые были выделены перед выполнением команды. Чтобы применить различные настройки к каждому документу, открывайте документы по отдельности и добавляйте колонтитулы к каждому из этих документов, выполняя шаги 2—6. Чтобы избежать наложения нового верхнего или нижнего колонтитула на содержимое PDFдокумента, щелкните по ссылке Параметры оформления (Appearance Options) и установите флажок Уменьшить документ во избежание перезаписи текста и графики в документе (Shrink Document To Avoid Overwriting The Document’s Text And Graphics) в появившемся диалоговом окне Параметры оформления (Appearance Options). 4. Введите текст в поле ввода для верхнего или нижнего колонтитула. • Чтобы вставить номера страниц, щелкните по кнопке Вставить номер страницы (Insert Page Number). • Чтобы вставить текущую дату, щелкните по кнопке Вставить дату (Insert Date). Вы можете объединять текст с датами и номерами страниц. Более того, вы можете добавлять в колонтитул несколько строк текста. 5. Чтобы указать страницы, на которых будут отображаться колонтитулы, щелкните по кнопке Параметры диапазона страниц (Page Range Options). В появившемся диалоговом окне Параметры диапазона страниц (Page Range Options) укажите диапазон страниц и при необходимости выберите значение в раскрывающемся списке Подмножество (Subset). 6. Просмотрите результаты в области Просмотр (Preview), используя параметр Просмотр страницы (Preview Page) для того, чтобы просмотреть различные страницы PDFдокумента. 7. Щелкните по кнопке OK. Чтобы изменить верхние или нижние колонтитулы, выберите команду меню Документ ⇒ Верхний и нижний колонтитул ⇒ Обновить (Document ⇒ Header & Footer ⇒ Update). После этого внесите необходимые изменения. Чтобы удалить верхние или нижние колонтитулы: Выполните любое из следующих действий: • Откройте отдельный PDF-документ или выделите один или более PDF-документов в PDF-портфолио. Затем выберите команду меню Документ ⇒ Верхний и нижний колонтитул ⇒ Удалить (Document ⇒ Header & Footer ⇒ Remove). • Чтобы удалить колонтитулы из нескольких PDF-документов, закройте любые открытые документы и портфолио. Затем выберите команду меню Документ ⇒ Верхний и нижний колонтитул ⇒ Удалить (Document ⇒ Header & Footer ⇒ Remove). В появившемся диалоговом окне щелкните по кнопке Добавить файлы (Add Files) или Добавить открытые файлы (Add Open Files), и выберите файлы. Щелкните по кнопке OK и затем в появившемся диалоговом окне Выходные параметры (Output Options) выберите целевую папку и имена файлов.
392
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
ÂÛÁÎÐ ÖÂÅÒÎÂÎÉ ÑÕÅÌÛ Персонализировать PDF-портфолио можно путем выбора цветовой схемы. Вы можете выбрать одну из предустановленных цветовых схем, поставляемых вместе с программой Acrobat, или создать собственную цветовую схему. Дополнительную помощь по выбору цветовой схемы можно получить на сайте Adobe Kuler по адресу kuler.adobe.com/. Чтобы выбрать предустановленную цветовую схему: 1. На панели Редактировать портфолио PDF (Edit PDF Portfolio) выберите категорию Выбрать фоновый цвет (Select A Color Scheme). 2. В категории Выбрать фоновый цвет (Select A Color Scheme) щелкните по одной из 16 предустановленных цветовых схем (рис. 5.28). Цветовая схема вашего PDF-портфолио изменится в соответствии с выбранной схемой. Выбор цветовой схемы для PDF-портфолио не влияет на документы, входящие в него. Чтобы настроить цветовую схему: 1. На панели Редактировать портфолио PDF (Edit PDF Portfolio) выберите категорию Выбрать фоновый цвет (Select A Color Scheme).
Рис. 5.28. Категория Выбрать фоновый цвет
2. В категории Выбрать фоновый цвет (Select A Color Scheme) щелкните по кнопке Настроить цветовую схему (Customize Color Scheme). На экране появится группа элементов управления Настроить цветовую схему (Customize Color Scheme) (рис. 5.29). Эта группа содержит элемент управления Яркость и насыщенность (Lightness & Saturation), ползунковый регулятор Цветовой тон (Hue) и пять категорий цветов. 3. Щелкните по одной из пяти категорий цветов. К этим категориям относятся: • Основной цвет текста (Primary Text Color). Цвет, используемый для отображения названий документов. Этот цвет должен сильно контрастировать как с цветом карты, так и с вспомогательным цветом карты, чтобы обеспечить удобочитаемость названий документов.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
393
• Дополнительный цвет текста (Secondary Text Color). Используется для отображения описаний документов и для выделенного текста. Этот цвет также должен обеспечивать приемлемую для чтения контрастность как с цветом карты, так и со вспомогательным цветом карты. • Цвет фона (Background Color). Основной цвет рабочей области PDF-портфолио. • Цвет карты (Card Color). Карты — это блоки, на которых отображаются документы и папки. Данная категория определяет цвет, отображаемый на картах, когда они не выделены. • Дополнительный цвет карты (Secondary Card Color). Цвет, отображаемый на картах, когда они выделены. 4. Перетащите ползунок регулятора Цветовой тон (Hue), чтобы указать базовый цвет для выбранной категории. 5. Щелкните или перетащите указатель мыши по элементу управления Яркость и насыщенность (Lightness & Saturation), чтобы выбрать оттенок цвета. 6. Повторите шаги 3—5 для всех категорий цветов, которые вы хотите изменить.
Рис. 5.29. Группа элементов управления Настроить цветовую схему
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÏÐÅÄÑÒÀÂËÅÍÈß Â ÂÈÄÅ ÑÏÈÑÊÀ Альтернативой визуальному представлению документов является представление в виде списка (рис. 5.30). Программа Acrobat автоматически создает представление в виде списка для PDF-портфолио, отображая список файлов с информацией об имени файла, его размере, датами создания и последнего изменения и другой информацией, которую создатель PDF-портфолио включил в это представление. Кроме того, вы можете добавлять собственные столбцы в данное представление. Например, представляя результаты работы различных участников проекта, вы можете добавить столбец с именами авторов, чтобы иметь возможность определить, какие документы были созданы каждым участником. Чтобы добавить столбец в список: 1. На панели Редактировать портфолио PDF (Edit PDF Portfolio) выберите категорию Указать сведения о файле (Specify File Details) (рис. 5.31). 2. Чтобы добавить столбец, щелкните по полю ввода с текстом Добавить столбец (Add A Column) и введите название нового столбца.
394
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
Рис. 5.30. Отображение PDF-портфолио в виде списка
3. В раскрывающемся списке, расположенном рядом с полем ввода, выберите тип добавляемого столбца (можно выбрать значение Текст (Text), Число (Number) или Дата (Date)). Выбранное значение определяет правила сортировки для столбца. 4. Щелкните по кнопке с изображением знака «плюс» (+), чтобы добавить столбец в список. 5. В списке отображаемых столбцов убедитесь, что рядом с новым столбцом установлен флажок. Чтобы удалить столбцы из представления, достаточно сбросить соответствующие флажки. Чтобы полностью удалить столбцы, используйте один из следующих способов: • Перетащите название столбца на значок с изображением мусорного бака, расположенный в нижней части панели Столбцы для отображения (Columns To Display).
Рис. 5.31. Категория Указать сведения о файле
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
•
395
Щелкните по названию столбца, чтобы выделить его. Затем щелкните по значку с изображением мусорного бака.
6. Чтобы добавить содержимое в новый столбец, дважды щелкните по ячейке в новом столбце для каждого элемента в списке и введите необходимые данные. По окончании ввода нажмите клавишу Enter (Windows) или Return (Mac OS). 7. Если вы хотите, чтобы по данным в новом столбце выполнялась сортировка элементов в списке, используйте раскрывающийся список Первоначальная сортировка (Initial Sort), чтобы выбрать данный столбец.
ÏÓÁËÈÊÀÖÈß PDF-ÏÎÐÒÔÎËÈÎ Публикация PDF-портфолио — это самая простая часть процесса его создания. Опубликовать портфолио не сложнее, чем просто сохранить документ на жестком диске вашего компьютера. Существует несколько вариантов публикации. Выбор конкретного варианта зависит от того, как вы планируете распространять PDF-портфолио. Вы можете: • сохранить PDF-порфтолио (выбрав команду меню Файл ⇒ Сохранить (File ⇒ Save)) и затем скопировать его в местоположение, где пользователи смогут получить к нему доступ (скажем, через веб-сайт); • отправить PDF-портфолио по электронной почте; • опубликовать PDF-портфолио на сайте Acrobat.com (бесплатный сервис, который позволяет упростить процесс создания, совместного использования и коллективной работы над документами с другими людьми). Чтобы распространить PDF-портфолио по электронной почте: 1. Откройте PDF-портфолио. 2. На панели инструментов PDF-порфтолио в меню Совместный доступ (Share) выберите команду Электронная почта (Email) (рис. 5.32). Программа Acrobat воспользуется вашим почтовым клиентом, используемым по умолчанию, чтобы открыть новое сообщение электронной почты с вложенным PDF-портфолио. 3. Введите тему, текст сообщения и адреса электронной почты людей, которым вы хотите отправить PDF-портфолио. После этого отправьте сообщение.
Рис. 5.32. Меню Совместный доступ на панели инструментов PDF-портфолио
396
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
ÍÀÂÈÃÀÖÈß ÏÎ PDF-ÏÎÐÒÔÎËÈÎ Любой пользователь, открывший PDF-портфолио, может просмотреть его либо с использованием представления в виде списка, либо с использованием визуального представления. Для переключения между двумя представлениями пользователи могут использовать панель инструментов PDF-портфолио (рис. 5.33). На панели инструментов PDF-портфолио сосредоточены все ключевые возможности для взаимодействия с PDF-портфолио.
Рис. 5.33. Панель инструментов PDF-портфолио
•
• • • • • • •
Кнопка Домашняя страница (Home). Позволяет просматривать файлы с использованием визуального представления на основе макета, выбранного на панели Редактировать портфолио PDF (Edit PDF Portfolio). Если вы открыли PDF-документ в PDF-портфолио, щелкните по этой кнопке, чтобы выйти из режима просмотра документа и вернуться в PDF-портфолио. Кнопка Представление в виде списка (List View). Позволяет перемещаться по файлам с использованием информации о файлах. Кнопка Просмотр выбранного файла (Preview). Позволяет просмотреть выбранный файл. Кнопка Страница приветствия (Welcome). Открывает страницу приветствия. Меню Сохранить (Save). Сохраняет все PDF-портфолио целиком или файлы по отдельности. Меню Печать (Print). Печатает выбранные или все PDF-файлы в PDF-портфолио. Меню Совместный доступ (Share). Позволяет распространить PDF-портфолио среди других людей либо при помощи электронной почты, либо путем размещения файла на сайте Acrobat.com. Меню Изменить (Modify). Позволяет изменить содержимое PDF-портфолио. При помощи команд этого меню можно добавить файлы или папки, удалить элементы, сконвертировать документы в формат PDF или Flash, уменьшить размер файла PDF-портфолио или защитить PDF-портфолио паролем. Вы можете включать и выключать режим редактирования PDF-портфолио.
ÇÀÙÈÒÀ PDF-ÏÎÐÒÔÎËÈÎ Если вы хотите ограничить круг лиц, которые могут просматривать содержимое вашего PDF-портфолио, необходимо установить защиту на PDF-портфолио. Защитить PDFпортфолио можно путем установки пароля. Любой, кто захочет просмотреть содержимое PDF-портфолио, должен знать пароль. Чтобы защитить PDF-портфолио с помощью пароля: 1. Откройте PDF-портфолио. 2. На панели инструментов PDF-портфолио в меню Изменить (Modify) выберите команду Защитить портфолио (Secure Portfolio) (рис. 5.34). На экране появится диалоговое окно Свойства документа (Document Properties) с открытой вкладкой Защита (Security).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
397
Рис. 5.34. Меню Изменить на панели инструментов PDF-портфолио
3. В раскрывающемся списке Метод защиты (Security Method) выберите значение Защита с помощью паролей (Password Security) (рис. 5.35).
Рис. 5.35. Вкладка Защита диалогового окна Свойства документа
398
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
Рис. 5.36. Диалоговое окно Настройка защиты с помощью паролей
На экране появится диалоговое окно Настройка защиты с помощью паролей (Password Security Settings) (рис. 5.36). 4. В раскрывающемся списке Совместимость (Compatibility) выберите версию программы Acrobat, для которой вы хотите установить настройки безопасности (более поздние версии обеспечивают более высокую защиту). 5. В группе элементов управления Выбрать части документа, которые будут зашифрованы (Select Document Components To Encrypt) диалогового окна Настройка защиты с помощью паролей (Password Security Settings) установите переключатель Шифровать все содержимое документа (Encrypt All Document Contents). 6. Установите флажок Запрашивать пароль для открытия документа (Require A Password To Open The Document). 7. В поле ввода Пароль для открытия документа (Document Open Password) введите пароль, который потребуется пользователям для получения доступа к вашему PDFпортфолио. 8. Если вы хотите контролировать круг лиц, которые могут редактировать и печатать документ, установите флажок Ограничение на редактирование и печать документа (Restrict Editing And Printing Of The Document).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
399
Когда этот флажок установлен, вы можете установить более детальные разрешения, касающиеся печати, копирования и редактирования содержимого PDF-портфолио. 9. Щелкните по кнопке OK. 10.
Если вы изменили значение в поле ввода Пароль для открытия документа (Document Open Password), на экране появится диалоговое окно Подтверждение пароля для открытия документа (Confirm Document Open Password) (рис. 5.37). Снова введите пароль в поле ввода Пароль для открытия документа (Document Open Password), который был введен в диалоговом окне Настройка защиты с помощью паролей (Password Security Settings).
На экране может появиться предупреждение об ограничениях для программного обеспечения сторонних разработчиков, связанных с настройками безопасности программы Acrobat. Прочтите предупреждение и щелкните по кнопке OK. 11.
Если вы изменили значение в поле ввода Изменить пароль для изменения прав доступа (Permissions Password), на экране появится диалоговое окно Подтверждение пароля для изменения прав доступа (Confirm Permissions Password). В поле ввода Пароль для изменения прав доступа (Permissions Password) снова введите пароль, который вы ввели в диалоговом окне Настройка защиты с помощью паролей (Password Security Settings).
Рис. 5.37. Диалоговое окно Подтверждение пароля для открытия документа
Ïðèìå÷àíèå: Åñëè âû óêàçàëè ïàðîëü â ïîëå ââîäà Ïàðîëü äëÿ îòêðûòèÿ äîêóìåíòà (Document Open Password), ïàðîëü, ââåäåííûé â ïîëå ââîäà Ïàðîëü äëÿ èçìåíåíèÿ ïðàâ äîñòóïà (Permissions Password), òàêæå ïîçâîëèò îòêðûòü äîêóìåíò è îáîéòè íàñòðîéêè áåçîïàñíîñòè.
12.
На экране может появиться предупреждение о том, что настройки безопасности вступят в силу только после сохранения документа. В этом случае щелкните по кнопке OK.
13.
Сохраните PDF-портфолио, чтобы настройки безопасности вступили в силу.
400
ÏÐÎÅÊÒ 5. Ïîðòôîëèî
ÐÅÖÅÍÇÈß Имя: _______________________________________ Дата: _______________________ Проект: _________________________________________________________________
ÊÐÀÒÊÈÅ ÑÂÅÄÅÍÈß Рецензирование — это важная часть процесса проектирования. Помимо того, что вы оцениваете проект самостоятельно или вместе с вашим заказчиком и вносите соответствующие изменения, рецензирование может также принести пользу вашему проекту. Рецензирование применяется во многих профессиональных средах, и этим навыком должны обладать все учащиеся. В процессе рецензирования отмечайте как положительные, так и отрицательные моменты. Критические замечания должны быть представлены в виде предложений, а не в виде приказаний. Не расстраивайтесь и не думайте, что вы плохо справились с работой, основываясь лишь на одной рецензии. Все рецензии уникальны, и то, что может не одобрить один человек, для другого человека может показаться образцовым.
ÏÐÎÖÅÑÑ ÏÐÅÄÑÒÀÂËÅÍÈß ÐÀÁÎÒÛ ÍÀ ÐÅÖÅÍÇÈÞ • •
Представляя работу на рецензию, расскажите про назначение, целевую аудиторию и задачи вашего видеофильма, а также опишите любые проблемы, требующие решения. В заключение попросите автора подытожить предложения и предложить план корректирующих мероприятий.
ÐÅÊÎÌÅÍÄÀÖÈÈ ÏÎ ÊÎÌÌÅÍÒÈÐÎÂÀÍÈÞ È ÂÍÅÑÅÍÈÞ ÏÐÅÄËÎÆÅÍÈÉ •
• • •
Перед тем, как давать комментарии, просмотрите весь документ и убедитесь, что намерения дизайнера вам понятны. Или, если работу на рецензию представляет дизайнер, в первую очередь вы должны обратить внимание на назначение, целевую аудиторию и задачи этой работы. Если назначение, целевая аудитория и задачи дизайнера понятны, задайте вопросы дизайнеру, дайте свои комментарии и внесите предложения. Отметьте сильные и слабые стороны документа (дизайн, макет, оформление и т. д.). Внесите предложения, но не отдавайте приказы. Например, не говорите «Вы должны сделать это…» Лучше использовать местоимения первого лица: «Я вижу, что…» или «Мне непонятно, почему…»
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
• •
•
401
Уважайте и будьте внимательны к чувствам других. Не говорите и не пишите то, что вы не хотели бы услышать в ответ. Для проявления жестокости нет причин. Ваши комментарии должны быть понятными и четкими, чтобы ваш коллега точно знал, что вы имеете в виду. Приводите конкретные примеры и ссылайтесь на принципы дизайна, композиции изображений, советы по созданию макетов и т. д., чтобы аргументировать вашу точку зрения. (Общие комментарии, как, например, «Это непонятно» или «Это слишком размыто», не несут никакой практической пользы. Лучше использовать такие комментарии: «Мне непонятен смысл этого изображения, поскольку в данном случае отсутствует его название».) Если вы оформляете комментарии в письменном виде, прочтите их перед тем, как отправить вашему коллеге. Ваши комментарии должны иметь смысл и быть написаны понятным языком.
6. ÁÐÎØÞÐÛ ÈÍÑÒÐÓÊÖÈÈ ÄËß ÏÐÅÏÎÄÀÂÀÒÅËÅÉ Время выполнения: от 12 до 15 часов.
ÎÁÇÎÐ ÏÐÎÅÊÒÀ Брошюры встречаются везде: они рассказывают о туристических направлениях, предоставляют информацию об услугах или представляют какую-либо организацию. Брошюра обычно представляет собой бумажный рекламный материал, в котором содержится информация о товарах, услугах или местах. Такой способ представления информации может быть достаточно оперативным и не требовать больших затрат. При работе с клиентами учащиеся отточат свои дизайнерские и технические навыки, применяя в процессе создания брошюры продвинутые способы обработки изображений и разработки дизайна макетов страниц. Учащиеся создадут печатный вариант брошюры, который можно распространять традиционными способами, и электронный вариант брошюры с интерактивными возможностями, который будет распространяться в сети Интернет. Чтобы ограничить рамки этого проекта, вы можете выступить в роли клиента или найти клиента в вашем учебном заведении для каждой группы учащихся. Вы можете также обратиться с предложением к местным предпринимателям и организациям. Результат проекта: брошюра.
ÖÅËÈ ÏÐÎÅÊÒÀ По завершении проекта учащиеся разовьют следующие навыки. Íàâûêè óïðàâëåíèÿ ïðîåêòîì • • • • •
Создание дизайна для конкретного клиента. Рецензирование. Отслеживание промежуточных этапов. Управление файлами и использование соглашений по именованию файлов. Внесение изменений в содержимое для соответствия новым задачам.
Äèçàéíåðñêèå íàâûêè • • •
Разработка дизайна брошюр, складываемых втрое. Разработка дизайна интерактивных брошюр. Внесение изменений в соответствии с замечаниями.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
• • • •
403
Повторное использование содержимого. Разработка дизайна, отвечающего требованиям клиента. Создание композиций. Понимание принципов экологического дизайна.
Èññëåäîâàòåëüñêèå è êîììóíèêàòèâíûå íàâûêè • • • • • • • •
Анализ и оценка брошюр. Постановка вопросов с целью уточнения и прояснения деталей. Представление вариантов дизайна клиенту. Сбор и обобщение информации, полученной от клиента. Создание привлекательного содержимого брошюры. Оценка результатов работы коллег и получение отзывов от коллег на результаты своей работы. Размышление над возможностями усовершенствования разрабатываемого продукта. Работа с фокус-группами.
Òåõíè÷åñêèå íàâûêè Программа Photoshop: • использование инструментов управления цветом; • применение фильтров; • применение инструментов смешения; • трансформирование изображений; • ретуширование изображений. Программа InDesign: • понимание фреймов в программе InDesign; • использование шаблонного текста; • размещение содержимого в колонках; • применение различных стилей символов и абзацев; • обтекание текстом объектов (включая привязанные объекты); • применение эффектов к тексту; • помещение объектов на страницы; • создание фигур и границ; • создание интерактивных документов. Программа Acrobat Pro: • применение инструментов комментирования; • онлайн-служба CS Review; • применение онлайн-службы CS Review для коллективного рецензирования документов.
404
ÏÐÎÅÊÒ 6. Áðîøþðû
ÎÁÎÐÓÄÎÂÀÍÈÅ È ÌÀÒÅÐÈÀËÛ ÄËß ÂÛÏÎËÍÅÍÈß ÏÐÎÅÊÒÀ •
На всех компьютерах должна быть установлена программа Adobe Photoshop CS5 Extended.
•
На всех компьютерах должна быть установлена программа Adobe InDesign CS5.
•
На всех компьютерах должна быть установлена программа Adobe Acrobat 9 Pro.
•
Бланк «Опрос клиента: брошюра».
•
Раздел «Как использовать онлайн-службу CS Review для совместного рецензирования и внесения изменений».
•
Бланк «Рецензия и внесение изменений в брошюру».
•
Раздел с пошаговыми инструкциями по программе Acrobat «Как применять инструменты комментирования».
•
Раздел с пошаговыми инструкциями по программе Photoshop «Как применять градиентные карты».
•
Раздел с пошаговыми инструкциями по программе Photoshop «Как использовать расширенные способы управления цветом».
•
Раздел с пошаговыми инструкциями по программе Photoshop «Как применять фильтр Исправление перспективы (Vanishing Point)».
•
Раздел с пошаговыми инструкциями по программе Photoshop «Как применять наложение, растушевку и сглаживание».
•
Раздел с пошаговыми инструкциями по программе Photoshop «Как деформировать изображения».
•
Раздел с пошаговыми инструкциями по программе InDesign «Как работать со слоями».
•
Раздел с пошаговыми инструкциями по программе InDesign «Как использовать шаблонный текст».
•
Раздел с пошаговыми инструкциями по программе InDesign «Как применять эффекты к тексту».
•
Раздел с пошаговыми инструкциями по программе InDesign «Как настроить обтекание текстом вокруг объектов».
•
Раздел с пошаговыми инструкциями по программе InDesign «Как применять стили символов и стили абзацев».
•
Раздел с пошаговыми инструкциями по программе InDesign «Как импортировать файлы».
•
Раздел с пошаговыми инструкциями по программе InDesign «Как создавать интерактивные документы».
•
Бланк «Итоговое совещание с клиентом».
•
Раздел «Рецензия».
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
405
ÄÎÏÎËÍÈÒÅËÜÍÛÅ ÈÑÒÎ×ÍÈÊÈ ÄËß ÏÎÄÃÎÒÎÂÊÈ •
Ресурсы для дополнительной подготовки.
•
Ключевые понятия.
•
Стандарт ISTE NETS*S для учащихся.
•
Сертификация Adobe Certified Associate, задачи экзамена Visual Communication.
ÝÒÀÏÛ ÏÐÎÅÊÒÀ Ïëàíèðîâàíèå è ðàçðàáîòêà äèçàéíà áðîøþðû Рекомендуемое время: 220–320 минут. 1. Ознакомьте учащихся с целями данного проекта: • разработать дизайн и создать для клиента брошюру, складываемую втрое; • разработать интерактивную версию брошюры для Интернета; • создать графические элементы, применяя управление цветом, фильтры и инструменты ретуширования; • предоставить проект брошюры на рассмотрение клиенту; • подготовить краткую оценку процесса создания брошюры. 2. Продемонстрируйте учащимся примеры брошюр, складываемых втрое, и обсудите следующие моменты: • Создание шестиполосных брошюр, складываемых втрое. При этом: • Первая полоса, или обложка, должна привлекать внимание, как реклама. • Вторая, третья и четвертая полосы (внутренняя часть брошюры) должны включать основное содержимое. Заголовки, графические объекты, изображения и другое содержимое могут непрерывно размещаться на всех трех внутренних полосах, а не по отдельности на каждой полосе. • Пятая полоса обычно представляет собой хорошее место для размещения отзывов или одобрения покупателей. • На шестой полосе можно разместить «призыв к действию»: высказывание, указывающее аудитории, что она должна или что ей следует сделать. • Задача брошюры. Понятна ли поставленная задача и эффективна ли она? • Графика. Убедитесь, что графические объекты создают благоприятное впечатление. • Принципы дизайна. Эффективно используйте свободное пространство, типографику и цвета. • Стоимость печати. Как на стоимость печати влияет выбор цветов? • Принципы экологического дизайна. Отвечает ли брошюра экономическим, социальным и экологическим принципам рациональности?
406
ÏÐÎÅÊÒ 6. Áðîøþðû
• Содержимое. Хорошо ли написан и отредактирован текст брошюры, является ли он емким и уместным? Ïðèìå÷àíèå: Âû ìîæåòå çàðàíåå íàéòè ïðèìåðû áðîøþð, ñêëàäûâàåìûõ âòðîå, äëÿ äåìîíñòðàöèè ó÷àùèìñÿ.
3. Несмотря на то, что версия брошюры для Интернета будет включать то же самое содержимое и должна разрабатываться с учетом вышеописанных принципов, необходимо принимать во внимание несколько дополнительных моментов. Продемонстрируйте учащимся примеры интерактивных брошюр для Интернета и обсудите с ними следующее: • эффективное использование анимации и интерактивных возможностей, чтобы придать брошюре привлекательность и интерес, но при этом не перегружать читателей обилием содержимого; • вопросы, связанные с простотой и удобством навигации по брошюре и просмотра ее содержимого; • перевод содержимого из макета брошюры, складываемой втрое, в более подходящий для Интернета формат. Ïðèìå÷àíèå: Âû ìîæåòå çàðàíåå íàéòè ðàçëè÷íûå ïðèìåðû èíòåðàêòèâíûõ áðîøþð äëÿ äåìîíñòðàöèè ó÷àùèìñÿ.
4. При подготовке к опросу клиента обсудите, какую информацию о задачах и целевой аудитории брошюры должны выяснить команды у своих клиентов. Пусть участники каждой команды вместе обсудят вопросы, предлагаемые для опроса клиента, и добавят любые другие вопросы, которые, по их мнению, могут понадобиться для лучшего понимания требований клиента. Ïðèìå÷àíèå:  çàâèñèìîñòè îò óðîâíÿ ïîäãîòîâêè ó÷àùèõñÿ âû ìîæåòå ïðîâåðèòü è îäîáðèòü ñîñòàâëåííûå âîïðîñû äëÿ îïðîñà èëè ïðåäëîæèòü ó÷àùèìñÿ ïîïðàêòèêîâàòüñÿ â ïðîâåäåíèè èíòåðâüþ, ÷òîáû îòòî÷èòü ñâîé ñòèëü è ïðè íåîáõîäèìîñòè èçìåíèòü ôîðìóëèðîâêè âîïðîñîâ. Âîçìîæíî, âû òàêæå çàõîòèòå ïðèñóòñòâîâàòü ïðè ïðîâåäåíèè ó÷àùèìèñÿ îïðîñîâ êëèåíòîâ è ïîìîãàòü èì ïðè íåîáõîäèìîñòè.
Бланк «Опрос клиента: брошюра». 5. Попросите учащихся провести опросы клиентов. По результатам опроса предложите учащимся создать план проекта. Напомните учащимся, что в своих планах они должны учитывать возможные непредвиденные обстоятельства, основываясь на предыдущем опыте работы с клиентами. Снизить влияние этих непредвиденных обстоятельств можно следующим образом: • добавить дополнительное время на циклы проведения анализа и внесения изменений; • ограничить количество циклов проведения анализа и внесения изменений; • определить возможности сужения рамок проекта в случае срыва намеченных сроков на промежуточных этапах; • заранее определиться с типом бумаги, цветами и стоимостью печати готовой работы.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
407
6. Попросите учащихся создать три композиции дизайна для своих клиентов в программе Photoshop и представить эти три композиции либо в виде отдельных PDF-документов, либо через онлайн-службу CS Review. Объясните учащимся, что помимо создания PDFдокументов с композицияими дизайна они должны собрать информацию о возможных типах бумаги и стоимости печати и предоставить собранную информацию клиенту, чтобы выбрать подходящий тип бумаги и определить бюджет. Ïðèìå÷àíèå: Ïðåäëîæèòå ó÷àùèìñÿ âîñïîëüçîâàòüñÿ èíñòðóìåíòîì CS Review — íîâîé îíëàéí-ñëóæáîé, èíòåãðèðîâàííîé â ïðîãðàììû Adobe Photoshop CS5 Extended è Adobe InDesign CS5. Ñ ïîìîùüþ îíëàéí-ñëóæáû CS Review ó÷àùèåñÿ ìîãóò âçàèìîäåéñòâîâàòü ñ êëèåíòàìè óäàëåííî, ÷òî ïîçâîëÿåò ñäåëàòü ïðîöåññû ðåöåíçèðîâàíèÿ è âíåñåíèÿ èçìåíåíèé îïòèìàëüíûìè è ýôôåêòèâíûìè.
Раздел «Как использовать онлайн-службу CS Review для совместного рецензирования и внесения изменений». 7. Попросите учащихся приступить к процессу анализа и внесения изменений в разрабатываемый продукт совместно с клиентом по аналогии с предыдущим проектом, повторяя этот процесс до тех пор, пока не будет одобрен окончательный вариант дизайна. Бланк «Рецензия и внесение изменений в брошюру».
Ñîçäàíèå áðîøþðû Рекомендуемое время: 400–450 минут. 8. Предоставьте учащимся время для подбора содержимого для их брошюр. Когда они подберут содержимое, попросите их оценить его достоверность, актуальность и объективность, особенно в части информации, взятой из Интернета. Вот некоторые вопросы для размышления. • Степень объективности содержимого: • Можете ли вы сказать, с какой целью был создан данный сайт? Связана ли с этим сайтом какая-либо организация, и, если да, что это за организация? • Можно ли четко определить, где на этом сайте представлены факты, а где — чьелибо мнение? • Является ли представленная информация объективной? Или существует некая скрытая цель? • Актуальность содержимого: • Когда данная информация была впервые размещена на странице? • Когда ее в последний раз редактировали? • Существуют ли другие подтверждения того, что данная информация является актуальной? Что можно сказать о ссылках, связанных с этой информацией? • Источник содержимого: • Кто отвечает за данный сайт? • Какую квалификацию или опыт имеет автор, который написал данную статью на этом сайте?
408
ÏÐÎÅÊÒ 6. Áðîøþðû
• Существует ли способ проверить легитимность автора, например адрес электронной почты, номер телефона или почтовый адрес? • Кто является спонсором данного сайта? Существуют ли отзывы на данный сайт, и получал ли он какие-либо награды? • Используется ли на этом сайте информация из других источников? • В каком домене зарегистрирован данный сайт? Что может сказать этот домен о данном сайте? • Подтверждение содержимого: • На каких других сайтах представлена информация по данному вопросу? • На этих сайтах представлена та же информация? • Эти другие источники являются достоверными? Ïðèìå÷àíèå: Âû ìîæåòå ðåøèòü, íàñêîëüêî ñåðüåçíî äîëæíû ïîäõîäèòü ó÷àùèåñÿ ê ïîèñêó ñîäåðæèìîãî è íàïèñàíèþ òåêñòà. Íàïðèìåð, ÷òîáû óïðîñòèòü ýòó çàäà÷ó, ïðè ïðîâåäåíèè îïðîñîâ êîìàíäû ìîãóò ïîïðîñèòü êëèåíòîâ ïðåäîñòàâèòü ïðåäûäóùèå áðîøþðû èëè ìàðêåòèíãîâûå ìàòåðèàëû è çàòåì îáúåäèíèòü ïîëó÷åííóþ èíôîðìàöèþ, ïåðåðàáîòàòü åå è èñïîëüçîâàòü â ñîçäàâàåìîé áðîøþðå.
9. Попросите учащихся подготовить содержимое и написать текст для брошюры в соответствии с требованиями клиентов. Объясните учащимся, что они должны организовать цикл рецензирования внутри своей команды, и предложите им использовать для этого инструменты комментирования, доступные в программе Acrobat. Объясните, что каждая команда должна провести анализ подготовленного содержимого и написанного текста. Возможно, команды захотят назначить ответственных за анализ различных частей текста. Пусть учащиеся получат от клиента одобрение конечного варианта текста. 10.
Чтобы помочь учащимся освоить инструменты комментирования в программе Acrobat, применяемые для рецензирования содержимого, воспользуйтесь методикой «Я делаю, мы делаем, вы делаете».
Раздел с пошаговыми инструкциями по программе Acrobat «Как применять инструменты комментирования». 11.
Когда учащиеся реализуют свои варианты дизайна, в зависимости от требований клиента им может понадобиться один или несколько расширенных приемов обработки изображений. Продемонстрируйте эти приемы, чтобы помочь учащимся реализовать свои варианты дизайна: • применение градиентных карт; • использование расширенных способов управления цветом; • применение фильтра Исправление перспективы (Vanishing Point); • применение наложения, растушевки и сглаживания.
Раздел с пошаговыми инструкциями по программе Photoshop «Как применять градиентные карты». Раздел с пошаговыми инструкциями по программе Photoshop «Как использовать расширенные способы управления цветом».
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
409
Раздел с пошаговыми инструкциями по программе Photoshop «Как применять фильтр Исправление перспективы (Vanishing Point)». Раздел с пошаговыми инструкциями по программе Photoshop «Как применять наложение, растушевку и сглаживание». Ïðèìå÷àíèå:  ïðîöåññå äåìîíñòðàöèè âûøåïåðå÷èñëåííûõ ðàñøèðåííûõ ïðèåìîâ îáðàáîòêè èçîáðàæåíèé îáñóäèòå ñ ó÷àùèìèñÿ èäåþ íåäåñòðóêòèâíîãî ðåäàêòèðîâàíèÿ è ïîä÷åðêíèòå âàæíîñòü ïðèìåíåíèÿ ñëîåâ, ôèëüòðîâ è äðóãèõ ñïîñîáîâ, ïîçâîëÿþùèõ âíîñèòü èçìåíåíèÿ â ôîòîãðàôèþ, íå èçìåíÿÿ ïðè ýòîì èñõîäíîå èçîáðàæåíèå.
12.
Предоставьте учащимся время на разработку всех необходимых графических элементов, присутствующих в одобренной клиентом композиции, с использованием программы Photoshop.
13.
Попросите учащихся создать примерный прототип обоих вариантов брошюры и подготовиться к проведению мероприятия с фокус-группой, чтобы проверить эффективность и уместность содержимого брошюры для целевой аудитории. Попросите учащихся получить от фокус-группы комментарии, на основе которых можно будет внести изменения в брошюру.
Ïðèìå÷àíèå: Äîïîëíèòåëüíûå ñâåäåíèÿ î ôîêóñ-ãðóïïàõ è ðàáîòå ñ íèìè ìîæíî íàéòè â ïðîåêòå 4 «Ðåêëàìà».
14.
В процессе подготовки к созданию дизайна макетов брошюр и объединения содержимого и графических элементов в программе InDesign учащимся могут пригодиться расширенные приемы создания макетов. Используя методику «Я делаю, мы делаем, вы делаете», продемонстрируйте учащимся, как выполнять следующие операции в программе InDesign: • использовать фреймы и слои; • создавать шаблонный текст; • создавать текстовые эффекты и применять обтекание текстом; • создавать фигуры и границы.
Раздел с пошаговыми инструкциями по программе InDesign «Как работать со слоями». Раздел с пошаговыми инструкциями по программе InDesign «Как использовать шаблонный текст». Раздел с пошаговыми инструкциями по программе InDesign «Как применять эффекты к тексту». Раздел с пошаговыми инструкциями по программе InDesign «Как настроить обтекание текстом вокруг объектов». Раздел с пошаговыми инструкциями по программе InDesign «Как применять стили символов и стили абзацев». 15.
Предоставьте учащимся время на создание макета брошюры, складываемой втрое, в программе InDesign и на построение их брошюр с применением всех созданных ранее графических элементов.
410
ÏÐÎÅÊÒ 6. Áðîøþðû
Раздел с пошаговыми инструкциями по программе InDesign «Как импортировать файлы». 16.
Пусть учащиеся напечатают черновой вариант своей брошюры и попробуют сложить его, чтобы убедиться, что выбран подходящий размер бумаги и правильные размеры дизайна макета. Предоставьте учащимся время на внесение любых необходимых изменений.
17.
Когда учащиеся получат правильно выровненный и сложенный вариант брошюры, попросите их напечатать окончательный вариант брошюры на одобренной клиентом бумаге.
18.
Чтобы создать интерактивную версию брошюры для Интернета, учащимся потребуется использовать возможности программы InDesign для создания интерактивных документов. Используя методику «Я делаю, мы делаем, вы делаете», продемонстрируйте учащимся, как выполнять следующие операции в программе InDesign: • создавать кнопки для навигации по страницам; • добавлять переходы страниц; • добавлять аудио- и видеоклипы в брошюры; • создавать простейшую анимацию; • добавлять гиперссылки на веб-сайты или на другие страницы документа.
Раздел с пошаговыми инструкциями по программе InDesign «Как создавать интерактивные документы». 19.
Предоставьте учащимся время на создание интерактивной версии брошюры для Интернета. Попросите учащихся проверить каждую страницу своей интерактивной брошюры с помощью палитры Предварительный просмотр (Preview) в программе InDesign.
20.
Когда учащиеся создадут интерактивную брошюру, попросите их экспортировать брошюру в виде SWF-файла для последующего воспроизведения в проигрывателе Flash Player, чтобы продемонстрировать этот вариант клиенту.
Àíàëèç áðîøþðû Рекомендуемое время: 100–150 минут. 21.
Посоветуйте учащимся провести итоговое совещание со своими клиентами, чтобы обсудить готовую брошюру и узнать их мнение о проекте в целом. Вот некоторые аспекты, на которые можно обратить внимание: • Коммуникация. Приняв во внимание различные методы коммуникации, применявшиеся на проекте, какой из них оказался наиболее эффективным? Был ли объем коммуникаций во время работы над проектом достаточным? Каким образом решались проблемы с коммуникацией? Каким образом можно улучшить (при необходимости) способы коммуникации с клиентом при работе над следующим проектом? • Промежуточные результаты работы. Был ли создан график предоставления промежуточных результатов работы? Получили ли клиенты ожидаемые промежуточ-
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
411
ные результаты работы вовремя? Соответствовало ли качество промежуточных результатов работ ожиданиям клиента? Были ли они предоставлены в ожидаемом формате? Может ли клиент предложить способ усовершенствования процесса предоставления промежуточных результатов работ? • Обратная связь. По мнению клиента, было ли у него достаточно времени на анализ работы и составления комментариев? Приняла ли команда эти комментарии к сведению? Как можно было бы усовершенствовать процесс обратной связи? • Готовая работа. Соответствует ли готовая работа целевой аудитории? Соответствует ли готовая брошюра ожиданиям клиента? Почему да или почему нет? Ïðèìå÷àíèå: Âîçìîæíî, âû çàõîòèòå, ÷òîáû ó÷àùèåñÿ ñîâìåñòíî îáñóäèëè âîïðîñû äëÿ îïðîñà êëèåíòà, íà ýòîò ðàç ñîñðåäîòî÷èâøèñü íà âîïðîñàõ èòîãîâîãî ñîâåùàíèÿ.
Бланк «Итоговое совещание с клиентом». 22.
Когда процесс разработки и готовая работа будут проанализированы клиентом, разбейте группы учащихся на пары и попросите учащихся выполнить рецензирование брошюр друг друга, при этом каждая группа учащихся должна представить свою брошюру. Проанализируйте процесс рецензирования: • При предоставлении работы группы на рецензию необходимо рассказать про назначение, целевую аудиторию и задачи документа, а также описать любые проблемы, требующие решения. • Когда работу на рецензию представляет дизайнер, группа рецензентов должны обратить внимание на назначение, целевую аудиторию и задачи этой работы. • Если назначение, целевая аудитория и задачи проектной группы понятны, можно задавать вопросы, давать свои комментарии и вносить предложения. • В заключение, проектная группа должна обобщить все предложения и составить план внесения изменений.
Раздел «Рецензия». 23.
Пусть учащиеся подготовят 1-2-страничный отчет по процессу создания своей брошюры, отразив в нем способы усовершенствования как самой брошюры, так и процесса ее создания в целом. Учащиеся могут проанализировать процессы разработки и управления проектом, технические навыки, полученные при работе над этим и предыдущими проектами, а также информацию, полученную на итоговом совещании с клиентом. Также предложите учащимся перечислить навыки и методики, которыми они хотят овладеть в будущем, чтобы углубить свои знания в области дизайна и печатного производства.
ÄÎÏÎËÍÈÒÅËÜÍÛÅ ÇÀÄÀÍÈß Проект можно дополнить следующими заданиями: • Взаимообучение. Попросите учащихся изучить расширенные приемы обработки изображений, описанные в соответствующих разделах с пошаговыми инструкциями по про-
412
ÏÐÎÅÊÒ 6. Áðîøþðû
грамме Photoshop, и провести мини-семинары, чтобы рассказать про эти приемы остальным учащимся. Их презентации должны включать следующее: • рабочий пример; • краткое объяснение того, когда и где можно применять данную возможность (проблемы, которые можно решить с ее помощью); • пошаговая демонстрация того, как использовать эту возможность. •
Сценарий «Вымышленный клиент». Предложитекаждой группе учащихся придумать забавную компанию с очень громким именем и выпускаемый ею продукт или предоставляемую ею услугу, для которых требуется брошюра. Пусть каждая группа запишет свои идеи на листочке бумаги и положит его в шляпу, после чего каждая группа учащихся должна вытянуть по одному листочку, чтобы определить, какая группа будет выступать в роли их «клиента». Учащиеся должны проявить свои творческие способности и использовать возможности и эффекты программ Photoshop и InDesign, чтобы создать привлекательную и информативную брошюру о продукте или услуге.
•
Сценарий «Преподаватель в роли клиента». Если привлечение внешних клиентов для данного проекта невозможно, вы можете выступить в роли клиента — руководителя местной организации, например дома детского творчества. Попросите учащихся разработать брошюру для дома детского творчества, освещающую реализуемые программы, правила приема детей и описание пропагандируемых ценностей.
ÎÖÅÍÊÀ •
По нескольким критериям, представленным далее в разделе «Критерии оценки».
ÐÅÑÓÐÑÛ ÄËß ÄÎÏÎËÍÈÒÅËÜÍÎÉ ÏÎÄÃÎÒÎÂÊÈ •
Просмотрите разделы с пошаговыми инструкциями для учащихся, используемые в данном проекте.
•
Видеоуроки, которые соответствуют навыкам, необходимым для выполнения этого проекта, можно найти на сайте Adobe TV в демонстрации Visual Design CS5 по адресу http:// tv.adobe.com/show/visual-design-cs5/.
•
Обзор интерфейса и дополнительную информацию по техническим аспектам программы Photoshop можно найти в справке программы.
•
Обзор интерфейса и дополнительную информацию по техническим аспектам программы InDesign можно найти в справке программы.
•
Обзор интерфейса и дополнительную информацию по техническим аспектам программы Acrobat можно найти в справке программы.
•
Для получения детальной информации по использованию онлайн-службы CS Review обратитесь к справке онлайн-службы CS Review, доступной по адресу www.adobe.com/ go/learn_shr_csreview_help_en.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
•
413
Вы можете дополнить данный проект следующими книгами по дизайну: • Lawler, B. (2006). The Official Adobe Print Publishing Guide, Second Edition. Berkeley: Adobe Press. • Вильямс, Р. (2008). Студия дизайна. Символ-Плюс.
Áðîøþðû, ñêëàäûâàåìûå âòðîå •
Подборка ссылок на статьи и ресурсы по разработке дизайна брошюр: desktoppub.about. com/od/brochures/Brochures.htm.
•
Эффективные способы работы с содержимым и разработки дизайна брошюр, складываемых втрое: www.myprofessionaladvertising.com/Effective%20Brochure%20Design.htm.
•
Десять советов по созданию брошюры: www.bham.wednet.edu/technology/TechWeb/ Desktop_Publishing/PblBroc10Tip.htm.
•
Шесть советов по написанию текста для брошюры: advertising.about.com/gi/dynamic/ offsite.htm?zi=1/XJ/Ya&sdn=advertising&cdn=money&tm=10&f=00&tt=14&bt=0&bts =0&zu=http%3A// www.levison.com/copywriter.htm.
•
Советы по способам складывания брошюр: www.designspice.com/main/tutorials/articles/art_folds.php.
Ýêîëîãè÷åñêèé äèçàéí •
Независимый онлайн-инструментарий для создания экологического графического дизайна доступен по адресу www.re-nourish.com.
•
Библиотека документов Центра AIGA, посвященных экологическому дизайну, доступна по адресу www.livingprinciples.org.
•
Библиотека ресурсов Центра AIGA, посвященных экологическому дизайну, доступна по адресу sustainability.aiga.org/sus_resources.
•
Набор принципов The Living Principles for Design можно найти по адресу sustainability. aiga.org/discussion/2009/10/the_living_prin.cfm.
•
Вы можете дополнить этот проект следующими книгами по экологическому дизайну: • Dougherty, B. (2009). Green Graphic Design. New York: Allworth Press. www. greengraphicdesign.net. • Jedlicka, W. (2009). Packaging Sustainability: Tools, Systems and Strategies for Innovative Package Design. Hoboken, New Jersey: John Wiley & Sons, Inc.
ÊËÞ×ÅÂÛÅ ÏÎÍßÒÈß •
Складываемые втрое.
•
Градиентные карты.
•
Исправление перспективы.
414 • • • • • •
ÏÐÎÅÊÒ 6. Áðîøþðû
Наложение. Растушевка. Сглаживание. Шаблонный текст. Интерактивная брошюра. Экологический дизайн.
ÑÒÀÍÄÀÐÒ ISTE NETS*S ÄËß Ó×ÀÙÈÕÑß Этот проект соответствует стандартам ISTE NETS*S — стандартам использования высоких технологий в образовании. В зависимости от выбранной учащимся темы и предметного содержания вам может потребоваться изучить стандарты вашего государства или штата, чтобы выяснить, соответствует ли данный проект установленным требованиям. 1. Творчество и инновации. Учащиеся демонстрируют творческое мышление, исследовательские подходы и разрабатывают инновационные продукты и процессы с использованием технологии. Учащиеся: a) применяют имеющиеся знания для получения новых идей, продуктов или процессов; b) создают оригинальные произведения как средство выражения личности или группы. 2. Коммуникации и сотрудничество. Учащиеся используют цифровые средства и среды для общения и коллективной работы, в том числе на расстоянии, для поддержки индивидуального обучения и возможности обучения других. Учащиеся: a) взаимодействуют, сотрудничают и творят со сверстниками, экспертами или другими участниками, используя различные цифровые среды и средства; b) эффективно распространяют информацию и идеи для разных аудиторий с использованием различных средств и форматов; d) участвуют в проектных группах для создания оригинальных произведений или решения проблем. 3. Исследования и информационная компетентность. Учащиеся умеют применять цифровые инструменты для сбора, оценки и использования информации. Учащиеся: a) планируют стратегии исследования; c) оценивают и отбирают источники информации и цифровые средства на основе целесообразности для конкретных задач. 4. Критическое мышление, решение проблем и принятие решений. Учащиеся используют умение критически мыслить для планирования и проведения научных исследований, управления проектами, решения проблем и принятия обоснован-
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
415
ных решений, используя соответствующие цифровые инструменты и ресурсы. Учащиеся: a) выявляют и определяют подлинные проблемы и важные вопросы для проведения исследования; b) планируют и управляют деятельностью по разработке решения или выполнения проекта. 5. Цифровое гражданство. Учащиеся понимают гуманитарные, культурные и социальные вопросы, связанные с информационными технологиями и практикой легального и этического поведения. Учащиеся: a) практикуют безопасное, правовое и ответственное использование информации и технологии; b) демонстрируют позитивное отношение к использованию технологий, обеспечивающих возможности коллективной работы и обучения. 6. Применение технологии и технологические концепции. Учащиеся демонстрируют четкое понимание технологических концепций и систем и их применения. Учащиеся: a) Понимают и используют технологические системы; b) Эффективно и продуктивно выбирают и используют приложения.
ÑÅÐÒÈÔÈÊÀÖÈß ADOBE CERTIFIED ASSOCIATE, ÇÀÄÀ×È ÝÊÇÀÌÅÍÀ VISUAL COMMUNICATION 1.1
Определение цели, аудитории и потребностей аудитории для подготовки изображения.
1.3
Демонстрация знания задач управления проектом и ответственности сторон.
1.4
Общение с другими людьми (например, коллегами и клиентами) по поводу плана разработки дизайна.
2.2
Демонстрация знания принципов дизайна, элементов и композиции изображений.
2.4
Демонстрация умения корректировать цвета в программе Photoshop CS5.
3.1
Определение элементов интерфейса программы Photoshop CS5 и демонстрация понимания их назначения.
3.2
Демонстрация понимания слоев и масок.
4.1
Демонстрация умения работать с выделениями и инструментами измерения.
4.4
Настройка или коррекция тонального диапазона, цвета или искажения изображения.
4.5
Демонстрация умения ретушировать и смешивать изображения.
4.8
Демонстрация знания фильтров.
416
ÏÐÎÅÊÒ 6. Áðîøþðû
ÊÐÈÒÅÐÈÈ ÎÖÅÍÊÈ 0 — ниже ожидаемого Опрос клиента Отсутствует или не завершен
План проекта
В результате опроса определяются задачи клиента, целевая аудитория и цель брошюры. В ходе опроса проясняется наиболее важное содержимое и важная информация, которая должна содержаться в брошюре. В ходе опроса выявляются предпочтения клиента относительно дизайна, а также задаются дополнительные вопросы
Отсутствует План проекта полный или неполный и тщательно составленный, и покрывает все этапы и задания проекта
5 — превосходит ожидания В результате опроса выявляются четкие задачи клиента, целевая аудитория и цель брошюры. В ходе опроса четко проясняется наиболее важное содержимое (как исходное, так и переработанное) и важная информация, которая должна содержаться в брошюре. В ходе опроса выявляются предпочтения клиента относительно дизайна и приводятся конкретные примеры документов. В ходе беседы задаются дополнительные хорошо продуманные вопросы, помогающие получить или уточнить определенную информацию План проекта полный и тщательно составленный и покрывает все этапы и задания проекта. Основные этапы и крайние сроки соответствуют опыту, полученному при работе над предыдущими проектами
Фокус-группа хорошо продумана, и работа с ней хорошо налажена. Учащиеся задают вопросы, эффективные для понимания потребностей аудитории. Полученные в результате работы с фокусгруппой данные синтезируются и учитываются при создании дизайна брошюры
Фокус-группа хорошо продумана, и работа с ней хорошо налажена. Планы и процесс работы отражают опыт, полученный при работе над предыдущими проектами. Учащиеся задают вопросы, эффективные для понимания потребностей аудитории. Полученные в результате работы с фокус-группой данные синтезируются и учитываются при создании дизайна брошюры
Отсутствует Процесс проведения анализа или неполный и внесения изменений выявляет, отвечает ли оригинал-макет исходным задачам, ставит ли он новые задачи и отражает ли принципы создания хорошего дизайна. В результате проведения анализа в конечный вариант брошюры вносятся все необходимые изменения
Процесс проведения анализа и внесения изменений четко и подробно указывает, каким образом оригинал-макет отвечает или не отвечает исходным задачам, необходимо ли поставить новые задачи для создания брошюры и каким образом брошюра отражает принципы создания хорошего дизайна. В результате проведения анализа в конечный вариант
Фокус-группа Отсутствует или неполная
Анализ и внесение изменений
3 — соответствует ожиданиям
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
0 — ниже ожидаемого
3 — соответствует ожиданиям
417
5 — превосходит ожидания брошюры вносятся все необходимые изменения, а также определяются новые принципы создания дизайна и технические приемы их реализации. Во время анализа учащиеся применяют инструменты комментирования и шаблонный текст, с помощью которых они определяются с итоговым вариантом оформления
Брошюра — содержимое
Отсутствует, не завершено или бессодержательно
Брошюра написана должным образом и сообщает информацию целевой аудитории. Содержимое брошюры отражает точную информацию, полученную из надежных источников
Брошюра оригинальна, креативна и привлекает внимание. Брошюра хорошо написана и эффективно сообщает информацию целевой аудитории. Содержимое брошюры синтезирует информацию, полученную в результате беседы с клиентом и из других источников, а также выражает определенную идею. Содержимое брошюры отражает точную информацию, полученную из надежных источников
Брошюра, складываемая втрое — дизайн
Отсутствует, не завершен или бессодержателен
В брошюре применены принципы разработки дизайна при создании макета страницы и такие приемы, как обтекание текстом, колонки и границы
В брошюре четко и надлежащим образом используются принципы теории цвета, макет страницы и принципы дизайна, помогающие отразить цель и задачи. В брошюре применяются такие приемы, как обтекание текстом, заголовки, текстовые эффекты, колонки, фигуры и границы. Для некоторых изображений применяются такие методы обработки фотографий, как фильтры и инструменты наложения
Интерактивная брошюра — дизайн
Отсутствует, не завершен или бессодержателен
В брошюре применены принципы разработки дизайна с использованием интерактивных возможностей и такие приемы, как кнопки и переходы между страницами
В брошюре четко и надлежащим образом используются соответствующие принципы разработки дизайна с применением интерактивных возможностей. В брошюре применяются такие приемы, как кнопки, переходы между страницами, видео- и аудиоклипы, гиперссылки и анимация
418
ÏÐÎÅÊÒ 6. Áðîøþðû
0 — ниже ожидаемого
3 — соответствует ожиданиям
5 — превосходит ожидания
Аналитическая работа
Отсутствует, не завершена или бессодержательна
В аналитической работе объясняется суть процесса создания дизайна брошюры и ее выпуска. В аналитической работе указывается, какие сведения почерпнули учащиеся из итогового обсуждения с клиентом
В аналитической работе четко и последовательно объясняется суть процесса создания дизайна брошюры и ее выпуска, а также проведены соответствующие четкие параллели с применением и развитием навыков дизайна, руководства проектом и технических навыков, приобретенных учащимися во время работы над этим и предыдущими проектами. В аналитической работе представлен четкий анализ того, какие сведения почерпнули учащиеся из итогового обсуждения с клиентом, и указано, что они хотят изучать далее, чтобы углубить свои навыки в области дизайна и печатного производства
Работа в команде
Отсутствует или неполная
Учащийся сотрудничает с другими учащимися, высказывая комментарии или предлагая помощь. Выполняет предписанную роль и вносит должный вклад в работу над проектом. Иногда консультируется с другими членами команды перед принятием важных проектных решений, но лишь минимально помогает другим в развитии навыков. Команды планируют и предпринимают различные шаги, направленные на то, чтобы предоставить клиенту оригинал-макеты дизайна, содержимое и готовую работу и получить от него одобрение
Учащийся активно сотрудничает с другими учащимися, высказывая комментарии или предлагая помощь. Выполняет предписанную роль и вносит должный вклад в работу над проектом. Консультируется с другими членами команды перед принятием важных проектных решений и добровольно помогает другим в развитии навыков, необходимых для выполнения проекта. Команды эффективно и продуктивно сотрудничают и взаимодействуют со своими коллегами, экспертами и другими людьми, чтобы создать оригинал-макеты дизайна и готовую брошюру. Команды эффективно и продуктивно планируют и предпринимают различные шаги, направленные на то, чтобы предоставить клиенту оригинал-макеты дизайна, содержимое и готовую работу и получить от него одобрение
Распределение времени
Отсутствует или неполное
Учащийся выделяет время для каждого этапа процесса разработки дизайна. Выполнение большинства этапов завершает в срок
Учащийся вдумчиво и эффективно распределяет время на выполнение каждого этапа процесса разработки дизайна. Выполнение всех этапов завершает в срок
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
0 — ниже ожидаемого Итоговое обсуждение с клиентом
Отсутствует или неполное
3 — соответствует ожиданиям Команды беседуют с клиентом, чтобы достичь определенного уровня общения, понять, насколько клиент доволен предоставленными ему промежуточными результатами работы, получить комментарии и узнать мнение клиента о готовой работе
419
5 — превосходит ожидания Команды беседуют с клиентом, чтобы понять: • эффективные способы и уровни общения; • трудности в общении и способы усовершенствования процесса коммуникации; • график и требования к промежуточным результатам работы; • способы усовершенствования процесса предоставления результатов работы клиенту; • время на анализ и возможность оставлять и получать комментарии; • требования к готовой работе
ÎÏÐÎÑ ÊËÈÅÍÒÀ: ÁÐÎØÞÐÀ Название команды: ___________________________________ Дата: ________________ Имя клиента: _____________________________________________________________
ÒÅÌÛ ÎÏÐÎÑÀ • • • •
Задачи и целевая аудитория. Содержимое. Требования к дизайну. Распространение.
ÇÀÄÀ×È È ÖÅËÅÂÀß ÀÓÄÈÒÎÐÈß Укажите некоторые из основных задач, которые должны быть решены с помощью создаваемой брошюры. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
420
ÏÐÎÅÊÒ 6. Áðîøþðû
Укажите три долгосрочные задачи для создаваемой брошюры. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Опишите основную целевую аудиторию создаваемой брошюры. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ С помощью нескольких прилагательных опишите, как целевая аудитория должна воспринимать создаваемую брошюру. (Например: престижная, доброжелательная, корпоративная, забавная, прогрессивная, инновационная, передовая, серьезная, безумная.) _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Опишите продукт, услугу или событие, которым будет посвящена создаваемая брошюра. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Какими свойствами или характеристиками обладает данный продукт, услуга или событие? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Перечислите несколько преимуществ, которые получит целевая аудитория, ознакомившись с информацией о данном продукте, услуге или событии. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
421
С помощью нескольких прилагательных опишите, как целевая аудитория должна воспринимать ваш продукт, услугу или событие. (Например: времясберегающий, эффективный, вкусный, простой в применении, глянцевый, модный, современный, быстрый, надежный.) _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Укажите один самый главный для вас момент, который должен быть раскрыт в брошюре. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Другие вопросы к клиенту. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÑÎÄÅÐÆÈÌÎÅ Есть ли у вас какое-либо содержимое, которое вы хотели бы повторно использовать в данной брошюре? Например, у вас может быть содержимое из предыдущих брошюр, постеров, вебсайтов и т. д. Как вы передадите это содержимое проектной команде? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Какие разделы, по вашему мнению, должны быть включены в брошюру? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Какая контактная информация должна быть включена в брошюру? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
422
ÏÐÎÅÊÒ 6. Áðîøþðû
Можете ли вы привести примеры содержимого брошюры для аналогичного продукта, услуги или события, которая кажется вам особенно удачным? Почему вам понравилась эта брошюра? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Другие вопросы к клиенту. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÒÐÅÁÎÂÀÍÈß Ê ÄÈÇÀÉÍÓ Должны ли в оформлении брошюры использоваться определенные цвета, стили шрифта, графические объекты или логотипы компании? Опишите их. Можете ли вы их предоставить проектной команде? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Есть ли какие-либо цвета или стили шрифта, которые вы не хотели бы видеть в данной брошюре? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Опишите несколько понравившихся вам брошюр. Какие конкретно элементы каждой брошюры вам понравились, например цвета, макет, стили шрифта и прочие элементы дизайна? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Другие вопросы к клиенту. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
423
ÐÀÑÏÐÎÑÒÐÀÍÅÍÈÅ Как вы планируете распространять свою брошюру? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Будете ли вы рассылать брошюру по почте? Нужно ли включить в брошюру поле для адреса? Как долго вы планируете использовать эту брошюру? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ÎÍËÀÉÍ-ÑËÓÆÁÓ CS REVIEW ÄËß ÑÎÂÌÅÑÒÍÎÃÎ ÐÅÖÅÍÇÈÐÎÂÀÍÈß È ÂÍÅÑÅÍÈß ÈÇÌÅÍÅÍÈÉ Онлайн-служба CS Review является одной из нескольких онлайн-служб (под названием CS Live Services), доступных в рамках пакета программ Adobe Creative Suite 5. К набору служб CS Live Services относятся следующие: •
Acrobat.com. Создавайте документы и презентации в Интернете, совместно работайте над документами в безопасной среде для рецензирования и храните файлы на удаленном сервере. Вам больше не нужно беспокоиться о совместимости платформ, настройке межсетевых экранов или установке специализированного программного обеспечения (рис. 6.1).
•
BrowserLab. Получайте снимки экранов с вашими веб-страницами, открытыми в различных браузерах и в различных операционных системах, и сравнивайте их друг с другом.
•
ConnectNow. Организуйте работу территориально разобщенной рабочей команды через Интернет путем обмена голосовыми сообщениями, данными и мультимедийной информацией.
•
CS Review. Размещайте файлы проектов, включая файлы программы Photoshop с композициями слоев, и предоставляйте своим коллегам возможность быстро составить рецензию и оставить комментарии по проекту, используя широкий набор инструментов для создания аннотаций.
424
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.1. Внешний вид проекта на сервере Acrobat.com
ÑÎÇÄÀÍÈÅ ÐÅÖÅÍÇÈÈ Онлайн-служба CS Review — это служба онлайн-подписки, позволяющая вам размещать свои проекты в Интернете и незамедлительно получать отзывы коллег. При создании проекта для рецензирования с использованием палитры CS Review (рис. 6.2) вы загружаете один или несколько снимков состояния файла в вашу персональную рабочую среду на сервере Acrobat.com. Затем рецензенты могут добавлять свои комментарии. Исходный файл никоим образом не меняется. Приложение
Что выступает в качестве части
Photoshop
Композиции слоев
InDesign
Страница или разворот
Illustrator
Монтажная область
Например, в документе InDesign в качестве отдельной части можно загрузить снимок состояния каждой страницы или каждого разворота. В данном упражнении вы разместите разворот многостраничного документа InDesign в онлайн-службе CS Review для его дальнейшего рецензирования.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
425
Рис. 6.2. Палитра CS Review
Прежде чем вы начнете работу с онлайн-службой CS Review, вы должны зарегистрироваться на сервере CS Live. Ïðèìå÷àíèå: Åñëè âû íà ñâîåì êîìïüþòåðå óñòàíîâèëè ïðîãðàììó InDesign è äðóãèå ïðîãðàììû èç ïàêåòà Adobe CS5, âû ñìîæåòå àâòîìàòè÷åñêè âîéòè íà ñåðâåð CS Live ïîä òåì æå èäåíòèôèêàòîðîì Adobe ID è ïàðîëåì, êîòîðûå âû óêàçàëè âî âðåìÿ ïðîöåññà óñòàíîâêè.
Чтобы войти на сервер CS Live: 1. Запустите программу InDesign и откройте существующий документ или создайте новый. Ïðèìå÷àíèå: Íàáîð ñëóæá CS Live òàêæå äîñòóïåí è èç äðóãèõ ïðîãðàìì, âõîäÿùèõ â ïàêåò CS5: Photoshop, Illustrator, Flash, Fireworks è Dreamweaver.
2. Щелкните по кнопке CS Live на панели приложения. Появятся команды меню Доступ к службам CS Live (Access CS Live) (рис. 6.3).
426
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.4. Диалоговое окно Вход в Adobe CS Live
Рис. 6.5. Значок CS Live, обозначающий, что вход в систему выполнен
3. Если вы еще не вошли под своей учетной записью на сервер CS Live, в появившемся меню выберите команду Войти в систему (Sign In). Появится диалоговое окно Вход в Adobe CS Live (Sign In To CS Live) (рис. 6.4). 4. Введите свой адрес электронной почты и пароль и щелкните по кнопке Войти в систему (Sign In). Если у вас нет учетной записи Adobe ID и пароля, щелкните по кнопке Установить доступ (Set Up Access) в диалоговом окне Войти в CS Live (Sign In To CS Live). Следуя инструкциям, создайте свою учетную запись Adobe ID. 5. (Необязательный шаг.) Чтобы автоматически входить в систему при каждом запуске программы InDesign, установите флажок Не выходить из системы (Stay Signed In). Ïðèìå÷àíèå: ×òîáû îïðåäåëèòü, âîøëè ëè âû íà ñåðâåð CS Live ïîä ñâîåé ó÷åòíîé çàïèñüþ èëè íåò, âçãëÿíèòå íà çíà÷îê CS Live — åñëè áîëüøàÿ òî÷êà íàõîäèòñÿ âíóòðè îêðóæíîñòè, çíà÷èò âõîä íà ñåðâåð CS Live âûïîëíåí (ðèñ. 6.5).
Чтобы загрузить документ в онлайн-службу CS Review: 1. Запустите программу InDesign (или Photoshop, или Illustrator) и откройте существующий документ, который вы хотите отправить на рецензию. 2. Щелкните по кнопке CS Live на панели приложения. Появятся команды меню Доступ к службам CS Live (Access CS Live). 3. В появившемся меню выберите команду Создать новый обзор (Create A New Review). На экране появится палитра CS Review, будет выполнен автоматический вход на сервер CS Live, и будет произведена проверка на наличие новых рецензий.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
4. Также появится диалоговое окно Создание нового обзора (Create New Review). Укажите название для новой рецензии или согласитесь с названием, установленным по умолчанию (рис. 6.6). 5. Щелкните по кнопке OK, чтобы закрыть диалоговое окно. Появится диалоговое окно Параметры передачи (Upload Settings) (рис. 6.7). 6. Установите настройки параметров передачи документа: • Диапазон страниц (Page Range). Установите один из переключателей: Все страницы (All Pages), Текущий разворот (Current Spread) или Диапазон страниц (Page Range), указав в поле ввода желаемый диапазон страниц. • Качество (Quality). Выберите один из уровней сжатия: Низкое (Low), Среднее (Medium) или Высокое (High). • Метод (Intent). Выберите один из способов представления этого проекта: Интернет (Web) или Печать (Print). Ïðèìå÷àíèå: Äîñòóïíûå ïàðàìåòðû ìîãóò ìåíÿòüñÿ â çàâèñèìîñòè îò òîãî, êàêóþ ïðîãðàììó èç ïàêåòà CS5 âû èñïîëüçóåòå.
7. Щелкните по кнопке Отправить (Upload).
Рис. 6.7. Диалоговое окно Параметры передачи
Рис. 6.6. Палитра CS Review
427
428
ÏÐÎÅÊÒ 6. Áðîøþðû
Онлайн-служба CS Review загрузит проект в вашу персональную рабочую среду на сервере Acrobat.com. По завершении процесса загрузки на палитре CS Review появится миниатюра проекта и дополнительная информация о нем, а также загруженные части проекта (рис. 6.8). 8. Чтобы просмотреть рецензию на сервере Acrobat.com, щелкните по кнопке Просмотреть текущий обзор в Интернете (View The Current Review Online) на палитре CS Review. В веб-браузере, используемом по умолчанию, откроется страница вашей персональной рабочей среды. 9. Чтобы добавить рецензентов, на странице вашей персональной рабочей среды щелкните по кнопке Share File (Общий доступ к файлу), расположенной в левом нижнем углу страницы, и в появившемся меню щелкните по ссылке Share it with individuals (Предоставить общий доступ указанным пользователям). На странице появится диалоговое окно Share (Общий доступ) (рис. 6.9). 10.
В поле ввода People to share with (Предоставить общий доступ следующим пользователям) введите электронные адреса и укажите роли для каждого участника.
Рис. 6.8. Палитра CS Review
Соавтор (co-author) может удалить любой комментарий, создать копию рецензии или удалить рецензию. Участники (participant) могут только добавлять и удалять свои собственные комментарии. Вы можете указать, могут ли участники предоставлять доступ к этому документу другим пользователям. Для этого щелкните по ссылке More Options (Дополнительные параметры), расположенной в нижней части диалогового окна Share (Общий доступ). На экране появится диалоговое окно Sharing Options (Параметры предоставления общего доступа). Если установить переключатель в положение Only let co-authors share this file with others (Общий доступ к этому файлу предоставляют только соавторы), предоставлять общий доступ к этому документу смогут только соавторы. В противном случае любой участник может предоставить общий доступ к данному документу другим пользователям. 11. Введите тему сообщения в поле ввода Subject (Тема) и тело сообщения в поле ввода Message (Сообщение). 12. Щелкните по кнопке Share (Предоставить общий доступ).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
429
Рис. 6.9. Диалоговое окно Share
ÐÅÖÅÍÇÈÐÎÂÀÍÈÅ Когда кто-либо приглашает вас принять участие в рецензировании, вы получаете на свой адрес электронной почты сообщение, в котором содержится ссылка на рецензию. Кроме того, если вы вошли на сервер CS Live под своей учетной записью, рецензия, в которой вас приглашают принять участие, появится на палитре CS Review. Замечания, появляющиеся в процессе рецензирования, добавляются в виде комментариев к снимку состояния файла, загруженному в вашу персональную рабочую среду на сервере Acrobat.com. Вы также можете добавлять комментарии с помощью палитры CS Review из программ, входящих в пакет Creative Suite. Человек, организовавший данный процесс рецензирования, определяет вашу роль в этом процессе. Если вам назначена роль участника, вы можете только добавлять и удалять свои собственные комментарии. Если вам назначена роль соавтора, вы можете выполнять более сложные действия, например, удалять комментарии других участников. Чтобы добавить комментарий к части рецензии: 1. Чтобы просмотреть рецензию из вашей персональной рабочей среды на сервере Acrobat. com, выполните одно из следующих действий:
430
ÏÐÎÅÊÒ 6. Áðîøþðû
• Щелкните по ссылке, содержащейся в сообщении электронной почты, полученном от человека, организовавшего процесс рецензирования, и авторизируйтесь на сервере CS Live под вашей учетной записью. • На палитре CS Review (команда меню Окно ⇒ Расширения ⇒ CS Review (Window ⇒ Extensions ⇒ CS Review)), выберите рецензию, в которой вы хотите принять участие. Затем щелкните по значку Просмотреть текущий обзор в Интернете (View The Current Review Online) (рис. 6.8). • В вашей персональной рабочей среде на сервере Acrobat.com найдите данную рецензию. Затем выберите команду Открыть (Open) или Открыть в новом окне (Open In New Window) в меню, появляющемся при щелчке по круглой кнопке, которая расположена справа от названия рецензии (рис. 6.10).
Рис. 6.10. Ваша персональная рабочая среда на сервере Acrobat.com
2. Если рецензируемый файл состоит из нескольких частей, перейдите к той части, для которой вы хотите оставить комментарии. Щелкните либо по названию нужной части в списке, расположенном в правой части страницы, либо по стрелкам для навигации по частям документа, расположенным в левом верхнем углу страницы (рис. 6.11).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
431
Рис. 6.11. Рецензируемый файл на сервере Acrobat.com
3. Чтобы добавить комментарии, используйте один из следующих методов: • Комментарий к части. Щелкните по кнопке Add Comment (Добавить комментарий) в правом верхнем углу страницы вашей персональной рабочей среды на сервере Acrobat.com, а затем введите текст комментария. Появится прямоугольник, окружающий эту часть. После завершения ввода комментария щелкните по кнопке Save (Сохранить). • Комментарий к области. Перетащите указатель мыши по некоторой области выбранной части и затем введите текст комментария. Прямоугольник обозначает область, к которой добавляется комментарий (рис. 6.12). • Комментарий к определенной точке. Дважды щелкните по области выбранной части и введите текст комментария. Значок круга обозначает точку, к которой был добавлен данный комментарий. • Комментарий к тексту (только для документов InDesign). Установите указатель мыши на текст, к которому вы хотите добавить комментарий. Когда указатель мыши примет вид текстового курсора, перетащите его по тексту и затем введите текст комментария. Добавленные комментарии автоматически отображаются на палитре CS Review, чтобы их могли увидеть другие рецензенты.
432
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.12. Добавление нового комментария к области
4. Сделайте следующее: • Чтобы удалить комментарий, установите указатель мыши на комментарий в правой части страницы, щелкните по значку меню в левом верхнем углу комментария, а затем выберите команду Delete (Удалить) в появившемся меню. • Чтобы ответить на комментарий, щелкните по этому комментарию в списке, расположенному в правой части страницы, щелкните по кнопке Reply (Ответить), введите сообщение и щелкните по кнопке Save (Сохранить), чтобы сохранить комментарий (рис. 6.13). • Чтобы отобразить или скрыть комментарии, выберите одно из значений в раскрывающемся списке Рис. 6.13. Ответ на комментарий View Options (Режим просмотра). • Щелкните по ссылке Acrobat.com в левом верхнем углу страницы, чтобы вернуться к вашей персональной рабочей среде на сервере Acrobat.com.
ËÓ×ØÈÅ ÏÐÀÊÒÈÊÈ ÊÎËËÅÊÒÈÂÍÎÉ ÐÀÁÎÒÛ ÍÀÄ ÄÎÊÓÌÅÍÒÎÌ Онлайн-служба CS Review — это платформа для коллективной работы, с помощью которой члены команды могут без труда оставлять свои замечания по определенному документу. При этом члены команды могут одновременно оставлять комментарии для одного и того же документа. Комментарии не повторяются, поскольку участники видят все добавленные комментарии, и все комментарии собраны в одном документе, что позволяет избежать переизбытка информации.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
433
Ниже перечислены лучшие практики работы в процессе коллективного рецензирования и изменения документа: • График. Составьте четкий план проекта, включающий, по меньшей мере, два цикла рецензирования и дату завершения работы над проектом. • Рецензии. Ограничьте время на внесение замечаний, чтобы работа над проектом не стояла на месте. • Краткость. Избегайте чрезмерно длинных комментариев, будьте предельно точными и пишите по существу. • Вторая рецензия. Запустите второй цикл рецензирования, в котором будут учтены все комментарии и изменения, полученные в результате первой рецензии. Более подробную техническую информацию, которая не была представлена в этом разделе, можно найти по адресу www.adobe.com/go/learn_shr_csreview_help_ru.
ÐÅÖÅÍÇÈß È ÂÍÅÑÅÍÈÅ ÈÇÌÅÍÅÍÈÉ Â ÁÐÎØÞÐÓ Название команды: __________________________ Дата: ________________________ Ответьте на следующие вопросы, которые помогут вам проанализировать и внести необходимые изменения в брошюру: • соответствие исходным задачам; • необходимость в постановке новых задач; • отражение принципов хорошего дизайна; • Внесение изменений.
ÑÎÎÒÂÅÒÑÒÂÈÅ ÈÑÕÎÄÍÛÌ ÇÀÄÀ×ÀÌ Каковы были исходные задачи создаваемой вами брошюры? Какие задачи ставились вашим клиентом? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Отвечает ли брошюра поставленным задачам? Почему да или почему нет? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
434
ÏÐÎÅÊÒ 6. Áðîøþðû
Перечислите несколько преимуществ, которые получит целевая аудитория при пользовании данным продуктом или услугой. Как эти преимущества отражены в брошюре? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÍÅÎÁÕÎÄÈÌÎÑÒÜ Â ÏÎÑÒÀÍÎÂÊÅ ÍÎÂÛÕ ÇÀÄÀ× Появились ли у вас новые краткосрочные задачи для данной брошюры? Если да, то какие и почему изменились исходные задачи? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Появились ли у вас новые долгосрочные задачи для данной брошюры? Если да, то какие и почему изменились исходные задачи? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÎÒÐÀÆÅÍÈÅ ÏÐÈÍÖÈÏÎÂ ÕÎÐÎØÅÃÎ ÄÈÇÀÉÍÀ Какие концепции и принципы дизайна вы изначально вложили в создаваемую брошюру? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Какие типографические принципы вы изначально вложили в создаваемую брошюру? Опишите, как ваш выбор типографических средств сочетается с другими вашими дизайнерскими решениями. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
435
Прослеживается ли в брошюре четкая иерархическая структура информации? Опишите, как вы можете усовершенствовать эту иерархию в новой версии брошюры. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Хотите ли вы добавить новые концепции или принципы дизайна в создаваемую брошюру? Если да, то какие, и почему вы хотите их добавить? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Хотите ли вы добавить новые типографические принципы в создаваемую брошюру? Если да, то какие, и почему вы хотите их добавить? Как эти изменения сочетаются с другими изменениями в дизайне? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÂÍÅÑÅÍÈÅ ÈÇÌÅÍÅÍÈÉ Какие изменения необходимо внести в создаваемую брошюру, чтобы применить новые концепции и принципы дизайна? Словесно опишите необходимые изменения и сделайте наброски этих изменений. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÊÀÊ ÏÐÈÌÅÍßÒÜ ÈÍÑÒÐÓÌÅÍÒÛ ÊÎÌÌÅÍÒÈÐÎÂÀÍÈß В программах Adobe Acrobat 9 и Adobe Reader комментарий представляет собой заметку, выделение, штамп или другую метку, которую вы добавляете в PDF-документ с помощью инструментов комментирования и вставки пометок. Эти инструменты позволяют оставлять подробные комментарии, выделять, замещать, вставлять и удалять текст, помечать документ настраиваемыми штампами и применять графические объекты для добавления пометок в документ.
436
ÏÐÎÅÊÒ 6. Áðîøþðû
ÏÀÍÅËÜ ÈÍÑÒÐÓÌÅÍÒÎÂ ÊÎÌÌÅÍÒÀÐÈÈ È ÏÎÌÅÒÊÈ (COMMENT & MARKUP) Панель инструментов Комментарии и пометки (Comment & Markup) (рис. 6.14) предоставляет простой доступ к инструментам, необходимым для добавления комментариев и вставки пометок в PDF-документ. Вы можете отобразить панель инструментов Комментарии и пометки (Comment & Markup), щелкнув по кнопке Комментарий (Comment) на панели инструментов Задачи (Tasks) или выбрав команду Инструменты ⇒ Комментарии и пометки ⇒ Показать панель инструментов «Комментарии и пометки» (Tools ⇒ Comment & Markup ⇒ Show Comment & Markup Toolbar) в меню программы Acrobat.
Рис. 6.14. Панель инструментов Комментарии и пометки
Основные инструменты комментирования расположены слева на панели инструментов Комментарии и пометки (Comment & Markup), а основные инструменты вставки пометок — справа.
ÈÍÑÒÐÓÌÅÍÒ ÇÀÏÈÑÊÀ Инструмент Записка (Sticky Note) позволяет вставлять комментарии в любом месте документа. Записки идеально подходят для создания длинных или коротких комментариев, которые по своей сути являются общими или всеобъемлющими. Чтобы добавить комментарий в виде записки: 1. Выполните одно из следующих действий: • в программе Acrobat выберите команду меню Комментарии ⇒ Добавить записку Рис. 6.15. Записка (Comments ⇒ Add Sticky Note); • в программе Reader выберите команду меню Документ ⇒ Комментарии ⇒ Добавить записку (Document ⇒ Comments ⇒ Add Sticky Note); • выберите инструмент Записка (Sticky Note) (рис. 6.14) на панели инструментов Комментарии и пометки (Comment & Markup) и либо щелкните мышью в том месте, куда вы хотите вставить записку, либо создайте записку нужного размера путем перетаскивания указателя мыши. 2. Введите текст комментария в поле ввода всплывающей заметки (рис. 6.15). Вы также можете применить инструмент Выделение (Select), чтобы скопировать текст из PDFдокумента и вставить его взаметку. Ïðèìå÷àíèå: Äàæå åñëè âû çàêðîåòå âñïëûâàþùóþ çàìåòêó, ââåäåííûé òåêñò áóäåò ñîõðàíåí.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
437
3. Вы можете переместить значок записки в другое место, перетащив его с помощью мыши. Чтобы изменить комментарий в записке: 1. Щелкните мышью или дважды щелкните мышью по значку записки. 2. Внесите необходимые изменения: • Чтобы изменить размер всплывающей Рис. 6.16. Записка заметки, перетащите ее нижний (левый или правый) угол (рис. 6.16). • Чтобы изменить форматирование текста, выберите команду меню Просмотр ⇒ Панели инструментов ⇒ Панель свойств (View ⇒ Toolbars ⇒ Properties Bar), выделите текст и затем выберите необходимое свойство на панели инструментов. С помощью этой панели инструментов вы можете также изменить цвет записки. 3. Завершив внесение изменений, щелкните по кнопке Свернуть (Minimize), расположенной в правом верхнем углу всплывающей заметки или щелкните мышью в любом месте документа за пределами заметки. Если вы хотите изменить размер шрифта, применяемый по умолчанию режим всплывания окон и другие параметры, относящиеся к созданию и просмотру комментариев, используйте параметры категории Комментирование (Commenting) в диалоговом окне Установки (Preferences) (рис. 6.17).
Рис. 6.17. Категория параметров Комментирование в диалоговом окне Установки
438
ÏÐÎÅÊÒ 6. Áðîøþðû
Чтобы отобразить категорию параметров Комментирование (Commenting) в диалоговом окне Установки (Preferences), выберите команду меню Редактирование ⇒ Установки (Edit ⇒ Preferences) (Windows) или Acrobat ⇒ Установки (Acrobat ⇒ Preferences) (Mac OS), а затем выберите категорию Комментирование (Commenting). Ïðèìå÷àíèå: Êàòåãîðèÿ ïàðàìåòðîâ Êîììåíòèðîâàíèå (Commenting) íåäîñòóïíà â ïðîãðàììå Reader.
Чтобы удалить записку: 1. Выберите инструмент Записка (Sticky Note), инструмент Рука (Hand) или инструмент Выделение (Select). 2. Выделите значок записки и нажмите клавишу Delete. Также можно дважды щелкнуть мышью по значку записки и выбрать команду Удалить (Delete) в меню Параметры (Options) всплывающей заметки (рис. 6.18).
Рис. 6.18. Меню Параметры всплывающей заметки
ÈÍÑÒÐÓÌÅÍÒÛ ÑÎÇÄÀÍÈß ÊÎÌÌÅÍÒÀÐÈÅÂ ÏÐÀÂÊÈ ÒÅÊÑÒÀ Инструменты создания комментариев правки текста позволяют оставлять особые пометки на определенных фрагментах текста. Эти инструменты позволяют выделять цветом, вставлять, подчеркивать или зачеркивать текст на компьютере так, как вы бы делали это на бумаге. Применению каждого инструмента соответствуют стандартные обозначения операций правки текста, чтобы любой человек, который читает ваш текст, мог легко понять, что вы имели в виду. Всплывающие заметки, создаваемые с помощью этих инструментов, отображают дату и время правки, а также предоставляют поле ввода для вставки комментариев. Эти записки можно свернуть, чтобы избежать загромождения экрана. •
Заменить выделенный текст (Replace Selected Text). Эта команда позволяет выделить текст, который нужно заменить, и ввести текст для замены во всплывающей записке.
•
Отметить маркером выделенный текст (Highlight Selected Text). Эта команда выделяет текст желтым цветом.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
439
Ïðèìå÷àíèå: Èíñòðóìåíò Âûäåëåíèå òåêñòà (Highlight Text) òàêæå äîñòóïåí íà ãëàâíîé ïàíåëè èíñòðóìåíòîâ Êîììåíòàðèè è ïîìåòêè (Comment & Markup).
• • • •
Добавить заметку к выделенному тексту (Add Note To Selected Text). Эта команда позволяет добавлять особые комментарии, которые будут связаны с выделенным текстом в виде всплывающей заметки. Вставить текст на место курсора (Insert Text At Cursor). При помощи этой команды можно указать место, в которое нужно вставить текст, и ввести этот текст. Подчеркнуть выделенный текст (Underline Selected Text). Эта команда позволяет подчеркнуть определенный фрагмент текста, чтобы акцентировать на нем внимание. Вычеркнуть текст для удаления (Cross Out Text For Deletion). Эта команда позволяет зачеркнуть выбранный текст.
Чтобы заменить выделенный текст: 1. Выделите текст, который вы хотите заменить в документе. 2. Щелкните по кнопке Правка текста (Text Edits) на панели инструментов Комментарии и пометки (Comment & Markup) (рис. 6.19). 3. В появившемся меню выберите команду Инструмент «Правка текста» (Text Edits). Ïðèìå÷àíèå: Ïðè ïåðâîì èñïîëüçîâàíèè èíñòðóìåíòîâ ñîçäàíèÿ êîììåíòàðèåâ ïðàâêè òåêñòà âû óâèäèòå äèàëîãîâîå îêíî ñ èíôîðìàöèåé î êàæäîì èíñòðóìåíòå. Âû ìîæåòå óñòàíîâèòü ôëàæîê Íå ïîêàçûâàòü â äàëüíåéøåì (Don’t Show Again), ÷òîáû íå îòîáðàæàòü ýòî äèàëîãîâîå îêíî â äàëüíåéøåì.
4. Щелкните по кнопке Правка текста (Text Edits) на панели инструментов Комментарии и пометки (Comment & Markup) (рис. 6.19). Выберите команду Заменить выделенный текст (Replace Selected Text). Выделенный текст будет автоматически зачеркнут, и появится всплывающая заметка, связанная с зачеркнутым текстом. 5. Введите новый текст в поле ввода всплывающей заметки (рис. 6.20). Вы также можете выбрать инструмент Выделение (Select), чтобы скопировать текст из PDFдокумента и вставить его в заметку. Ïðèìå÷àíèå: Äàæå åñëè âû çàêðîåòå âñïëûâàþùóþ çàìåòêó, ââåäåííûé òåêñò áóäåò ñîõðàíåí.
Рис. 6.19. Меню Правка текста
Рис. 6.20. Всплывающая заметка с замещающим текстом
440
ÏÐÎÅÊÒ 6. Áðîøþðû
6. Если вам нужно изменить или удалить всплывающую заметку, созданную при помощи команды Заменить выделенный текст (Replace Selected Text), вы можете воспользоваться инструкциями по редактированию и удалению заметки, созданной при помощи инструмента Записка (Sticky Note). Ïðèìå÷àíèå: Ïðèìåíåíèå êîìàíä Äîáàâèòü çàìåòêó ê âûäåëåííîìó òåêñòó (Add Note To Selected Text), Âñòàâèòü òåêñò íà ìåñòî êóðñîðà (Insert Text At Cursor), Ïîä÷åðêíóòü âûäåëåííûé òåêñò (Underline Selected Text) è Âû÷åðêíóòü òåêñò äëÿ óäàëåíèÿ (Cross Out Text For Deletion) àíàëîãè÷íî ïðèìåíåíèþ êîìàíäû Çàìåíèòü âûäåëåííûé òåêñò (Replace Selected Text).
Чтобы подсветить текст цветом: 1. Щелкните по кнопке Выделение текста (Highlight Text) на панели инструментов Комментарии и пометки (Comment & Markup) (рис. 6.21).
Рис. 6.21. Панель инструментов Комментарии и пометки
2. Выделите текст, который вы хотите подсветить цветом. Выделенный текст будет подсвечен желтым цветом. 3. Дважды щелкните мышью по подсвеченному цветом тексту, чтобы отобразить всплывающую заметку, относящуюся к этому тексту. 4. Введите свой комментарий в поле ввода всплывающей заметки (рис. 6.22). Также вы можете применить инструмент Выделение (Select), чтобы скопировать текст из PDF-документа и вставить его в заметку. Ïðèìå÷àíèå: Äàæå åñëè âû çàêðîåòå âñïëûâàþùóþ çàìåòêó, ââåäåííûé òåêñò áóäåò ñîõðàíåí.
Рис. 6.22. Всплывающая заметка к подсвеченному цветом тексту
Если вам нужно изменить или удалить всплывающую заметку, созданную при помощи инструмента Выделение текста (Highlight Text), вы можете воспользоваться инструкциями по редактированию и удалению заметки, созданной при помощи инструмента Записка (Sticky Note).
ÈÍÑÒÐÓÌÅÍÒÛ ÑÎÇÄÀÍÈß ØÒÀÌÏÎÂ Когда вы постоянно обмениваетесь документами с коллегами или привлекаете к рецензированию документов несколько человек, вы можете воспользоваться инструментами создания штампов. Рецензенты с помощью штампов могут добавлять в документ графические пометки, обозначающие статус документа. Используя штампы, пользователи могут также пометить документ как черновик. Вы можете пометить документ, используя изображение, содержащее время получения этого документа и время, когда вы завершили рецензирование. Когда рецензенты добавляют штампы в документ, вы можете легко увидеть четкую хронологию процесса рецензирования.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
441
Ïðåäîïðåäåëåííûå øòàìïû В программе Acrobat существует ряд динамических штампов, используемых для обозначения статуса документа, которые позволяют автоматически получать время и дату рецензирования, а также отображать имя рецензента. Всего существует пять предопределенных динамических штампов: Исправлено (Revised), Просмотрено (Reviewed), Получено (Received), Утверждено (Approved) и Конфиденциально (Confidential). Динамические штампы — это отличный способ быстро промаркировать документ, указав важные детали, связанные с процессом его получения и рецензирования. Чтобы добавить и изменить предустановленный штамп: 1. Выполните одно из следующих действий: • в программе Acrobat выберите команду меню Комментарии ⇒ Инструменты «Комментарии и пометки» ⇒ Штампы ⇒ Динамические или Стандартный бизнес (Comments ⇒ Comment & Markup Tools ⇒ Stamps ⇒ Dynamic или Standard Business); • в программе Reader выберите команду меню Инструменты ⇒ Комментарии и пометки ⇒ Штампы ⇒ Динамические или Стандартный бизнес (Tools ⇒ Comment & Markup ⇒ Stamps ⇒ Dynamic или Standard Business); • щелкните по кнопке со стрелкой рядом с инструментом Штамп (Stamp) (рис. 6.23) на панели инструментов Комментарии и пометки (Comment & Markup). В появившемся меню выберите команду Динамические (Dynamic) или Стандартный бизнес (Standard Business).
Рис. 6.23. Подменю динамических штампов
442
ÏÐÎÅÊÒ 6. Áðîøþðû
2. Выберите подходящий штамп. Слегка обесцвеченный выбранный штамп появится на экране и будет перемещаться вслед за указателем мыши. 3. Щелкните по странице документа в том месте, где должен появиться штамп. 4. Вы можете указать свои персональные данные в диалоговом окне Настройка личных сведений (Identity Setup) (рис. 6.24), которое появится автоматически, если эти данные еще не были указаны. Заполните поля диалогового окна своими данными и щелкните по кнопке Завершить (Complete).
Рис. 6.24. Диалоговое окно Настройка личных сведений
Динамический штамп станет полноцветным и будет отображать ваше имя, а также дату и время создания штампа (рис. 6.25). Ïðèìå÷àíèå: Âïîñëåäñòâèè â øòàìïàõ áóäóò èñïîëüçîâàòüñÿ âàøè ïåðñîíàëüíûå äàííûå, óêàçàííûå ïðè ïåðâîì ïðèìåíåíèè øòàìïà èç ãðóïïû «Äèíàìè÷åñêèå» (Dynamic) èëè «Ñòàíäàðòíûé áèçíåñ» (Standard Business). ×òîáû èçìåíèòü ýòè äàííûå â ïðîãðàììå Acrobat èëè Reader, âûáåðèòå êîìàíäó ìåíþ Ðåäàêòèðîâàíèå ⇒ Óñòàíîâêè (Edit ⇒ Preferences), à çàòåì âûáåðèòå êàòåãîðèþ Ëè÷íûå ñâåäåíèÿ (Identity) â ëåâîé ÷àñòè ïîÿâèâøåãîñÿ äèàëîãîâîãî îêíà Óñòàíîâêè (Preferences).
5. Чтобы отредактировать или удалить штамп, щелкните по нему мышью — вокруг штампа появится рамка с маркерами инструментов трансформирования (рис. 6.26). С помощью маркеров можно изменять размер, вращать или перемещать штамп. Чтобы удалить штамп, щелкните правой кнопки мыши (Windows) или левой кнопки мыши при нажатой клавише Control (Mac OS) по штампу и выберите команду Удалить (Delete) в появившемся контекстном меню.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
443
6. Чтобы прикрепить всплывающую заметку к штампу из группы «Динамические» (Dynamic) или «Стандартный бизнес» (Standard Business), щелкните правой кнопкой мыши (Windows) или левой кнопкой мыши при нажатой клавише ConРис. 6.25. Пример штампа trol (Mac OS) по штампу и выберите команду ОтПросмотрено из группы «Динамические» крыть всплывающую заметку (Open Pop-Up Note) в появившемся контекстном меню или просто дважды щелкните мышью по штампу. Введите нужный текст в поле ввода всплывающей заметки.
Рис. 6.26. Штамп Просмотрено с маркерами инструментов изменения размера, вращения и перемещения и командами контекстного меню
ÈÍÑÒÐÓÌÅÍÒÛ ÄËß ÑÎÇÄÀÍÈß ÏÎÌÅÒÎÊ Программа Acrobat предоставляет набор инструментов для создания графических пометок, которые могут пригодиться, если вы просматриваете портфолио или документ, содержащий мультимедийное содержимое. С помощью инструментов Облако (Cloud), Стрелка (Line), Карандаш (Pencil) и других инструментов, предназначенных для создания фигур, вы можете добавить текстовый комментарий во всплывающую заметку, связываемую с каждым инструментом. Выберите подходящий инструмент и нарисуйте объект в документе путем перетаскивания указателя мыши, чтобы создать графическую пометку. •
Инструмент Выносная строка (Callout). Позволяет создать стрелку, указывающую на определенное место в документе, и связать с поле ввода, в которое можно ввести комментарий.
•
Инструмент Текст (Text Box). Позволяет разместить поле ввода в любой части документа, в которое вы можете ввести текстовый комментарий.
•
Инструмент Облако (Cloud). Щелкая мышью вокруг объекта или текста, нарисуйте фигуру в виде облака.
444 •
•
ÏÐÎÅÊÒ 6. Áðîøþðû
Инструмент Стрелка (Line) и инструменты, предназначенные для создания фигур. Эти инструменты позволяют рисовать стрелки, линии, прямоугольники или овалы, чтобы выделить определенные элементы в документе. Инструмент Карандаш (Pencil). Позволяет нарисовать фигуру произвольной формы.
Îòîáðàæåíèå è ñîêðûòèå êîììåíòàðèåâ è ïðîñìîòð ñïèñêà êîììåíòàðèåâ Программа Acrobat позволяет пользователям просматривать и скрывать все комментарии, просматривать комментарии в виде списка и отображать списки комментариев, сгруппированные по типу, рецензенту или статусу. Эти возможности могут оказаться весьма полезными, когда документ просматривается несколькими людьми или когда документ является объемным и содержит многочисленные комментарии. В режиме просмотра комментариев вы также можете отображать и скрывать выбранные комментарии с помощью команд меню Показать (Show). Вы можете отображать комментарии по типу, рецензенту или статусу. Чтобы отобразить и скрыть комментарии: 1. Выполните одно из следующих действий: • В программе Acrobat выберите команду меню Комментарии ⇒ Просмотр комментариев ⇒ Показать все комментарии (Comments ⇒ Comment View ⇒ Show All Comments). • В программе Reader выберите команду меню Документ ⇒ Комментарии ⇒ Просмотр комментариев ⇒ Показать все комментарии (Document ⇒ Comments ⇒ Comment View ⇒ Show All Comments). • Щелкните по кнопке Показать (Show) на панели инструментов Комментарии и пометки (Comment & Markup). В появившемся меню выберите команду Показать все комментарии (Show All Comments) (рис. 6.27). Ïðèìå÷àíèå: Êîìàíäà Ïîêàçàòü âñå êîììåíòàðèè (Show All Comments) äîñòóïíà òîëüêî â òîì ñëó÷àå, êîãäà êîììåíòàðèè ñêðûòû. Åñëè â äàííûé ìîìåíò êîììåíòàðèè îòîáðàæàþòñÿ íà ýêðàíå, áóäåò äîñòóïíà êîìàíäà Ñêðûòü âñå êîììåíòàðèè (Hide All Comments).
Чтобы отобразить и скрыть панель Список комментариев (Comments List): 1. Выполните одно из следующих действий:
Рис. 6.27. Команды меню Показать/Скрыть все комментарии
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
•
•
•
•
445
В программе Acrobat выберите команду меню Комментарии ⇒ Показать список комментариев (Comments ⇒ Show Comments List). В программе Reader выберите команду меню Документ ⇒ Комментарии ⇒ Показать список комментариев (Document ⇒ Comments ⇒ Show Comments List). Щелкните по кнопке Показать (Show) на панели инструментов Комментарии и пометки (Comment & Markup). В появившемся меню выберите команду Показать список Рис. 6.28. Команды меню Показать/Скрыть комментариев (Show Comments список комментариев List) (рис. 6.28). В нижней части панели навигации щелкните по кнопке Комментарии (Comments).
Ïðèìå÷àíèå: Êîìàíäà Ïîêàçàòü ñïèñîê êîììåíòàðèåâ (Show Comments List) äîñòóïíà, òîëüêî åñëè ïàíåëü Ñïèñîê êîììåíòàðèåâ (Comments List) íå îòîáðàæàåòñÿ íà ýêðàíå. Åñëè ïàíåëü Ñïèñîê êîììåíòàðèåâ (Comments List) îòîáðàæàåòñÿ íà ýêðàíå, áóäåò äîñòóïíà êîìàíäà Ñêðûòü ñïèñîê êîììåíòàðèåâ (Hide Comments List). Åñëè ùåëêíóòü ïî êíîïêå Êîììåíòàðèè (Comments) íà ïàíåëè íàâèãàöèè, êîãäà ïàíåëü Ñïèñîê êîììåíòàðèåâ (Comments List) îòîáðàæàåòñÿ íà ýêðàíå, ïàíåëü Ñïèñîê êîììåíòàðèåâ (Comments List) áóäåò ñêðûòà.
Чтобы отобразить и скрыть выбранные комментарии: 1. На панели Список комментариев (Comments List) щелкните по кнопке Показать (Show) и выберите подходящий фильтр в появившемся меню (рис. 6.29).
Рис. 6.29. Меню Показать на панели инструментов Список комментариев
446
ÏÐÎÅÊÒ 6. Áðîøþðû
Вы можете отфильтровать комментарии по типу или рецензенту, а также по другим признакам. Комментарии отображаются в соответствии с выбранным фильтром, и в строке бледножелтого цвета выводится сообщение «Комментарии скрыты из-за наличия активного фильтра в меню «Показать» (Comments are hidden because a filter is active in the Show menu). Ïðèìå÷àíèå: Ïðè ïåðâîì âûáîðå ôèëüòðà äëÿ ñîðòèðîâêè íà ýêðàíå ïîÿâèòñÿ äèàëîãîâîå îêíî ñ èíôîðìàöèåé ïî èíñòðóìåíòàì, äîñòóïíûì íà ïàíåëè Ñïèñîê êîììåíòàðèåâ (Comments List). Âû ìîæåòå óñòàíîâèòü ôëàæîê Íå ïîêàçûâàòü â äàëüíåéøåì (Don’t Show Again), ÷òîáû íå îòîáðàæàòü ýòî äèàëîãîâîå îêíî â äàëüíåéøåì.
2. Чтобы снова отобразить все комментарии на панели Список комментариев (Comments List), щелкните по кнопке Показать (Show) на этой панели и выберите команду Показать все комментарии (Show All Comments) в появившемся меню. Чтобы сортировать, осуществлять навигацию, разворачивать, удалять и отвечать на комментарии на панели Список комментариев (Comments List): 1. Чтобы отсортировать список комментариев, щелкните по кнопке Сортировать по (Sort By) на панели Список комментариев (Comments List). В появившемся меню выберите критерий, по которому вы хотите отсортировать комментарии (рис. 6.30). Вы можете сортировать комментарии по различным критериям, например по типу, странице, автору или дате. Комментарии сортируются в соответствии с выбранным критерием. Ïðèìå÷àíèå: Ïðè ïåðâîé ñîðòèðîâêå êîììåíòàðèåâ íà ýêðàíå ïîÿâèòñÿ äèàëîãîâîå îêíî ñ èíôîðìàöèåé ïî èíñòðóìåíòàì, äîñòóïíûì íà ïàíåëè Ñïèñîê êîììåíòàðèåâ (Comments List). Âû ìîæåòå óñòàíîâèòü ôëàæîê Íå ïîêàçûâàòü â äàëüíåéøåì (Don’t Show Again), ÷òîáû íå îòîáðàæàòü ýòî äèàëîãîâîå îêíî â äàëüíåéøåì.
2. Для перемещения по содержимому панели Список комментариев (Comments List) выберите комментарий, щелкнув по нему мышью. Затем с помощью кнопок Далее (Next) и Предыдущий (Previous) на панели Список комментариев (Comments List) перемещайтесь между комментариями.
Рис. 6.30. Меню Сортировать по на панели Список комментариев
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
447
При выборе комментария в списке на панели Список комментариев (Comments List) содержимое в окне документа автоматически прокручивается так, чтобы отобразить выбранный комментарий в исходном документе. Также вы можете просто щелкать мышью по комментариям в списке, чтобы перемещаться между ними. 3. Чтобы развернуть или свернуть длинные комментарии, выберите комментарий и щелкните по значку «плюс» или «минус» напротив этого комментария в списке. Чтобы развернуть или свернуть все комментарии, используйте кнопки Развернуть все (Expand All) и Свернуть все (Collapse All) на панели Список комментариев (Comments List). 4. Чтобы ответить на комментарий, сначала выберите комментарий, на который вы хотите ответить, в списке. На панели Список комментариев (Comments List) щелкните по кнопке Ответить (Reply). В результате этого действия будет создана записка к выбранному комментарию. Введите свой ответ в соответствующее поле ввода. 5. Чтобы удалить комментарий, выберите комментарий в списке и щелкните по кнопке Удалить (Delete).
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÇÂÓÊÎÂÛÕ ÊÎÌÌÅÍÒÀÐÈÅ Программа Acrobat предоставляет возможность создания звуковых комментариев, позволяя записывать звуковые комментарии непосредственно в программе Acrobat. Благодаря звуковым комментариям процесс создания комментариев к документу обретает эмоциональную окраску. Также звуковые комментарии могут оказаться гораздо проще и эффективнее длинных текстовых комментариев, или когда вы пытаетесь объяснить сложные вещи. Для записи звуковых комментариев вполне достаточно встроенных микрофонов, доступных на большинстве компьютеров. Ïðèìå÷àíèå: Çâóêîâûå êîììåíòàðèè ìîãóò ñóùåñòâåííî óâåëè÷èòü ðàçìåð âàøåãî ôàéëà äîêóìåíòà. Âû äîëæíû óáåäèòüñÿ â òîì, ÷òî âàøè ðåöåíçåíòû ìîãóò îòïðàâëÿòü è ïîëó÷àòü áîëüøèå ôàéëû, à òàêæå ïðîäóìàéòå íåîáõîäèìûå îãðàíè÷åíèÿ â ïðîöåññå ïëàíèðîâàíèÿ ñòðàòåãèè ðàáîòû ñ âàøèì äîêóìåíòîì.
Чтобы добавить звуковой комментарий: 1. Выполните одно из следующих действий: • в программе Acrobat выберите команду меню Комментарии ⇒ Инструменты «Комментарии и пометки» ⇒ Запись звукового комментария (Comments ⇒ Comment & Markup Tools ⇒ Record Audio Comment); • в программе Reader выберите команду меню Инструменты ⇒ Комментарии и пометки ⇒ Запись звукового комментария (Tools ⇒ Comment & Markup ⇒ Record Audio Comment). Указатель мыши примет вид значка громкоговорителя.
448
ÏÐÎÅÊÒ 6. Áðîøþðû
2. Щелчком мыши поместите звуковой комментарий в определенное место документа. На экране появится диалоговое окно Звукозаписывающее устройство (Sound Recorder) (рис. 6.31). 3. Если вы уже записали звуковой комментарий в другом приложении, можно щелкнуть по кнопке Обзор (Browse), чтобы загрузить существующий аудиофайл.
Рис. 6.31. Диалоговое окно Звукозаписывающее устройство
В противном случае щелкните по красной кнопке Запись (Record), чтобы начать запись комментария. Используя встроенный в ваш компьютер микрофон, запишите звуковой комментарий. 4. Закончив запись, щелкните по кнопке Стоп (Stop). 5. Вы можете прослушать записанный звуковой комментарий, щелкнув по кнопке Воспроизведение (Play). Перемещайте ползунок вправо и влево, чтобы прослушивать отдельные части своего звукового комментария. Вы можете еще раз щелкнуть по кнопке Запись (Record), чтобы записать дополнительные комментарии. 6. Когда вы останетесь довольны записанным звуковым комментарием, щелкните по кнопке OK. Возможно, вы захотите изменить представление звукового комментария. 7. В диалоговом окне Свойства вложенного звука (Sound Attachment Properties) (рис. 6.32) вы можете изменить стиль, цвет и непрозрачность значка комментария. Щелкните по кнопке OK.
Рис. 6.32. Диалоговое окно Свойства вложенного звука
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
449
В указанном месте страницы появится значок комментария. 8. Чтобы прослушать звуковой комментарий, дважды щелкните по значку комментария, или щелкните правой кнопкой мыши (Windows) или левой кнопкой мыши при нажатой клавише Control (Mac OS) по значку комментария и выберите в появившемся контекстном меню команду Воспроизвести файл (Play File) (рис. 6.33). Рис. 6.33. Контекстное меню звукового 9. Чтобы удалить звуковой комментарий, комментария щелкните правой кнопкой мыши (Windows) или левой кнопкой мыши при нажатой клавише Control (Mac OS) по значку комментария и выберите в появившемся контекстном меню команду Удалить (Delete) (рис. 6.33). Ïðèìå÷àíèå: Âû íå ìîæåòå ðåäàêòèðîâàòü çâóêîâûå êîììåíòàðèè â ïðîãðàììå Acrobat.
ÐÅÖÅÍÇÈÐÎÂÀÍÈÅ È ÂÑÒÀÂÊÀ ÊÎÌÌÅÍÒÀÐÈÅÂ Â ÂÈÄÅÎ Просматривая видеоклип, включенный в PDF-документ, вы можете добавлять комментарии к отдельным кадрам этого видеоклипа. Каждый комментарий относится к определенному кадру, поэтому комментарии существуют в том контексте, в котором их создали. Эта возможность оказывается крайне полезной, если вам часто приходится рецензировать «сырой» видеоматериал. Покадровое комментирование видео ускоряет процесс рецензирования и внесения изменений и делает этот процесс эффективнее. Чтобы добавить комментарий к видеокадру: 1. С помощью элементов управления проигрывателя Flash Player перейдите к тому кадру во включенном в PDF-документ видеоклипе, к которому вы хотите добавить комментарий. 2. С помощью инструмента Записка (Sticky Note), инструментов создания штампов или или любого инструмента создания графических пометок создайте комментарий к выбранному видеокадру. При создании комментария программа Acrobat автоматически прикрепляет всплывающую заметку (рис. 6.34), содержащую временноˆй код прокомментированного кадра в видеоклипе. 3. Введите свой комментарий в поле ввода всплывающей заметки. 4. Вы можете просмотреть все комментарии к включенному в PDF-документ видеоклипу с помощью панели Список комментариев (Comments List). На значке комментария к видеоклипу отображается небольшой синий куб. В списке на панели Список комментариев (Comments List) комментарии отображаются в том порядке,
450
ÏÐÎÅÊÒ 6. Áðîøþðû
в котором они следуют в видеоклипе. При переходе к другому комментарию на экране появляется тот видеокадр, к которому был добавлен данный комментарий. Ïðèìå÷àíèå: Èíñòðóêöèè ïî èñïîëüçîâàíèþ ïàíåëè Ñïèñîê êîììåíòàðèåâ (Comments List) ìîæíî íàéòè â ðàçäåëå «Îòîáðàæåíèå è ñîêðûòèå êîììåíòàðèåâ è ïðîñìîòð ñïèñêà êîììåíòàðèåâ».
ÂÑÒÀÂÊÀ ÑÒÐÀÍÈÖ Вы можете вставлять страницы из одних PDF-документов в другие PDFРис. 6.34. Записка с комментарием к видеокадру документы. Или, возможно, вы захотите включить дополнительные элементы. Вставка дополнительных страниц — это удобный способ объединения всей относящейся к документу информации в один простой для распространения пакет. Чтобы вставить страницу: 1. Выполните одно из следующих действий: • выберите команду меню Документ ⇒ Вставить страницы (Document ⇒ Insert Pages); • на панели Страницы (Pages) (рис. 6.35) щелкните по кнопке Параметры (Options) и выберите команду Вставить страницы (Insert Pages). Ïðèìå÷àíèå: Êîìàíäà Âñòàâèòü ñòðàíèöû (Insert Pages) äîñòóïíà òîëüêî â ïðîãðàììå Acrobat. Åñëè âû óæå âêëþ÷èëè âîçìîæíîñòü èñïîëüçîâàíèÿ ïðîãðàììû Adobe Reader äëÿ ñîçäàíèÿ êîììåíòàðèåâ è ïîìåòîê ê PDF-äîêóìåíòó, âû íå ñìîæåòå âñòàâèòü ñòðàíèöû, ïîñêîëüêó êîìàíäà Âñòàâèòü ñòðàíèöû (Insert Pages) íå ïîääåðæèâàåòñÿ â ïðîãðàììå Reader. Åñëè âû âñå æå õîòèòå âñòàâèòü ñòðàíèöû â òàêîé äîêóìåíò, ïðîãðàììà Acrobat ïðåäëîæèò âàì ñîõðàíèòü êîïèþ äîêóìåíòà, íå ïðåäíàçíà÷åííóþ äëÿ îòêðûòèÿ â ïðîãðàììå Reader.
2. В подменю Вставить страницы (Insert Pages) выберите команду Из файла (From File). В диалоговом окне Выбрать файл для вставки (Select File To Insert)
Рис. 6.35. Панель Страницы и кнопка Параметры
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
451
найдите PDF-файл, который вы хотите вставить в документ. Щелкните по кнопке Выбрать (Select). 3. В диалоговом окне Вставить страницы (Insert Pages) (рис. 6.36) выберите местоположение и номер вставляемой в документ страницы. Программа Acrobat вставит выбранную страницу в указанное местоположение.
Рис. 6.36. Диалоговое окно Вставить страницы
ÑÎÇÄÀÍÈÅ ÑÂÎÄÊÈ Завершив добавление комментариев и пометок в документ, вы можете создать сводку комментариев, содержащую все связанные с PDF-документов комментарии. Эта возможность может оказаться полезной для документов с множеством комментариев или пометок, которые сложно просматривать одновременно с исходным документом. Чтобы создать сводку комментариев: 1. В программе Acrobat выберите команду меню Комментарии ⇒ Составить сводку комментариев (Comments ⇒ Summarize Comments). Ïðèìå÷àíèå: Êîìàíäà Ñîñòàâèòü ñâîäêó êîììåíòàðèåâ (Summarize Comments) äîñòóïíà òîëüêî â ïðîãðàììå Acrobat.
2. В появившемся диалоговом окне Параметры печати сводки комментариев (Summarize Options) (рис. 6.37) выберите один из следующих вариантов оформления и настроек создаваемой сводки комментариев: • Документ и комментарии с соединительными линиями на отдельных страницах (Document and comments with connector lines on separate pages); • Документ и комментарии с соединительными линиями на одних и тех же страницах (Document and comments with connector lines on single pages);
452
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.37. Диалоговое окно Параметры печати сводки комментариев
• Только комментарии (Comments only); • Документ и комментарии с последовательной нумерацией на отдельных страницах (Document and comments with sequence numbers on separate pages). 3. Щелкните по кнопке Создать сводку комментариев в PDF (Create PDF Comment Summary). Программа Acrobat автоматически создаст документ со сводкой комментариев и откроет его в новом окне. 4. Сохраните созданный документ, указав для него желаемое имя и местоположение.
ÑÁÎÐ ÊÎÌÌÅÍÒÀÐÈÅÂ ÎÒ ÍÅÑÊÎËÜÊÈÕ ÐÅÖÅÍÇÅÍÒÎÂ Когда в процессе рецензирования вашего документа должно участвовать несколько человек, вы можете применить встроенные инструменты совместного рецензирования, чтобы упростить этот процесс. Вы можете инициировать процесс рецензирования по электронной почте, автоматически прикрепив PDF-документ к электронному письму, которое содержит инструкции по рецензированию и обратной отправке документа. Возможности совместного
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
453
рецензирования упрощают процесс сбора комментариев от нескольких рецензентов. Если наладить процесс рецензирования по электронной почте невозможно, вы можете просто объединить комментарии, полученные от нескольких рецензентов, в один первичный документ. Ïðèìå÷àíèå: ×òîáû âû ìîãëè èíèöèèðîâàòü ðåöåíçèðîâàíèå ïî ýëåêòðîííîé ïî÷òå èëè îáúåäèíÿòü êîììåíòàðèè, íà âàøåì êîìïüþòåðå äîëæíà áûòü óñòàíîâëåíà ïðîãðàììà Adobe Acrobat. Ïîëüçîâàòåëè, íà êîìïüþòåðàõ êîòîðûõ óñòàíîâëåíà ïðîãðàììà Adobe Reader 7 èëè áîëåå ïîçäíÿÿ âåðñèÿ, ìîãóò ó÷àñòâîâàòü â ïðîöåññå ðåöåíçèðîâàíèÿ, èíèöèèðîâàííîãî ïî ýëåêòðîííîé ïî÷òå.
Чтобы прикрепить PDF-документ для рецензирования по электронной почте: 1. В программе Acrobat выберите команду меню Редактирование ⇒ Установки (Edit ⇒ Preferences) (Windows) или Acrobat ⇒ Установки (Acrobat ⇒ Preferences) (Mac OS), и в появившемся диалоговом окне Установки (Preferences) выберите категорию Личные сведения (Identity) в списке Категории (Categories), расположенном в левой части диалогового окна (рис. 6.38). 2. Введите свои личные данные. Необходимо заполнить поле ввода Адрес электронной почты (Email Address), чтобы рецензенты могли автоматически отправить вам отредактированный документ.
Рис. 6.38. Диалоговое окно Настройка личных сведений на палитре Preferences
454
ÏÐÎÅÊÒ 6. Áðîøþðû
3. В программе Acrobat выберите команду меню Комментарии ⇒ Прикрепить для рецензирования по электронной почте (Comments ⇒ Attach for Email Review). Ïðèìå÷àíèå: Âîçìîæíî, âàì ïðèäåòñÿ ââåñòè íåîáõîäèìóþ èíôîðìàöèþ â äèàëîãîâîì îêíå Íàñòðîéêà ëè÷íûõ ñâåäåíèé (Identity Setup), åñëè âû íå ñäåëàëè ýòîãî ðàíåå.
4. На вкладке Начало работы (Getting Started) (рис. 6.39) в появившемся диалоговом окне найдите файл, который вы хотите отправить на рецензию.
Рис. 6.39. Вкладка Начало работы
Программа Acrobat автоматически вставляет в это поле имя файла текущего документа. 5. Щелкните по кнопке Далее (Next). 6. На вкладке Приглашение рецензентов (Invite Reviewers) (рис. 6.40) введите электронные адреса людей, которых вы хотите пригласить для рецензирования вашего документа. Разделите электронные адреса запятыми или вставьте каждый адрес на отдельную строку. 7. Щелкните по кнопке Далее (Next). 8. На вкладке Просмотр приглашения (Preview Invitation) (рис. 6.41) измените тему и текст приглашения к участию в процессе рецензирования, которое будет отправлено по электронной почте, и укажите инструкции для ваших рецензентов.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
455
Рис. 6.40. Вкладка Приглашение рецензентов
9. Щелкните по кнопке Отправить приглашение (Send Invitation). Программа Acrobat автоматически создаст новое сообщение в приложении для работы с электронной почтой, используемом по умолчанию на вашем компьютере, и отправит это сообщение всем указанным рецензентам. На экране появится диалоговое окно Уведомление об исходящем сообщении (Outgoing Message Notification). 10.
Внимательно прочитайте текст уведомления и примите к сведению, что, возможно, вам придется вручную отправить сообщение электронной почты.
11.
Щелкните по кнопке OK.
Ваш документ будет отправлен на рецензию. Чтобы получить рецензируемый документ и отправить его обратно по электронной почте: 1. В приложении для работы с электронной почтой откройте сообщение с приглашением к участию в процессе рецензирования, полученное от человека, который просит вас просмотреть какой-либо документ. 2. Сохраните прикрепленный документ в желаемом местоположении на вашем компьютере.
456
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.41. Вкладка Просмотр приглашения
3. Откройте документ в программе Acrobat 6 или более поздней версии или в программе Reader 7 или более поздней версии. В верхней части окна документа появится затемненная желтая строка сообщения о статусе документа, содержащего инструкции по комментированию документа и отправке его инициатору процесса рецензирования (рис. 6.42). 4. С помощью инструментов комментирования и создания пометок добавьте свои замечания к документу. Завершив анализ документа, щелкните по кнопке Отправить комментарии (Send Comments), расположенной в затемненной желтой строке сообщения о статусе документа (рис. 6.42), чтобы отправить свои комментарии инициатору процесса рецензирования.
Рис. 6.42. Строка сообщения о статусе документа Программа Acrobat автоматически создаст новое сообщение в приложении для работы с электронной почтой, используемом по умолчанию на вашем компьютере, и отправит его инициатору процесса рецензирования.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
457
Чтобы объединить комментарии из отдельных документов: 1. Откройте документ, из которого вы хотите перенести комментарии, и документ, в который вы хотите перенести данные комментарии. 2. В документе, в который вы хотите перенести комментарии, выберите команду меню Комментарии ⇒ Перенести комментарии (Comments ⇒ Migrate Comments). 3. В диалоговом окне Перенести комментарии (Migrate Comments) (рис. 6.43) выберите файл, из которого вы хотите перенести комментарии. Убедитесь, что установлен флажок Показать перенесенные комментарии в списке комментариев (Review Migrated Comments In The Comment List). 4. Щелкните по кнопке OK. Комментарии будут перенесены в соответствующее место целевого документа и появятся на панели Список комментариев (Comments List).
Рис. 6.43. Диалоговое окно Перенести комментарии
ÑÎÇÄÀÍÈÅ ÊÎÌÌÅÍÒÀÐÈÅ  ÏÐÎÃÐÀÌÌÅ ADOBE READER Авторы документа Acrobat могут включить возможность создания комментариев к своим PDF-документам так, чтобы пользователи бесплатной программы Adobe Reader могли участвовать в процессе создания пометок и рецензирования. Чтобы включить возможность создания комментариев в программе Adobe Reader: 1. В программе Acrobat выберите команду меню Комментарии ⇒ Включение возможностей комментирования и анализа для пользователей Adobe Reader (Comments ⇒ Enable For Commenting And Analysis In Adobe Reader). 2. В диалоговом окне Сохранить как (Save As) укажите имя файла и его местоположение, и сохраните файл. Ïðèìå÷àíèå: Ðåêîìåíäóåòñÿ âêëþ÷àòü âîçìîæíîñòü ñîçäàíèÿ êîììåíòàðèåâ â ïðîãðàììå Adobe Reader íà ïîñëåäíåì ýòàïå ïðîöåññà ðåöåíçèðîâàíèÿ, ïîñêîëüêó íåêîòîðûå âîçìîæíîñòè êîììåíòèðîâàíèÿ è ñîçäàíèÿ ïîìåòîê íåäîñòóïíû â ôàéëàõ, àêòèâèðîâàííûõ äëÿ èñïîëüçîâàíèÿ â ïðîãðàììå Adobe Reader.
458
ÏÐÎÅÊÒ 6. Áðîøþðû
ÊÀÊ ÏÐÈÌÅÍßÒÜ ÃÐÀÄÈÅÍÒÍÛÅ ÊÀÐÒÛ В программе Adobe Photoshop CS5 вы можете менять цвета изображения при помощи градиента. Команда Карта градиента (Gradient Map) устанавливает соответствие между тональным диапазоном изображения и цветами градиентной заливки. Тональный диапазон описывает цвета изображения, а границами данного диапазона являются самый светлый (обычно белый) и самый темный (обычно черный) цвета. Любой цвет, находящийся внутри данного диапазона, может быть выражен оттенком серого цвета. Такой тональный диапазон называется диапазоном градаций серого. Градиентная заливка — это смешение двух или более цветов. Когда вы применяете двухцветную градиентную карту к изображению, тени соответствуют левой границе заливки, а светлые участки (самые светлые области изображения) — правой границе заливки. Средние тона — обычно оттенки серого цвета — соответствуют градациям серого внутри этого диапазона. Градиентные карты позволяют создавать интересные эффекты, когда вы применяете их к фотографиям или к другим изображениям. Вы можете превратить обычные фотографии в фантастические пейзажи или придать изображению серебристое свечение. Программа Photoshop предоставляет ряд встроенных градиентных карт, которые можно с успехом применять к изображениям. Вы можете изменить эти карты или создать свои собственные градиенты.
ÏÐÈÌÅÍÅÍÈÅ ÃÐÀÄÈÅÍÒÍÎÉ ÊÀÐÒÛ В программе Photoshop вы можете применить градиентную карту к любому типу изображений с помощью команды Карта градиента (Gradient Map). Чтобы применить градиентную карту: 1. Запустите программу Photoshop и откройте любое изображение. 2. Выберите команду меню Изображение ⇒ Коррекция ⇒ Карта градиента (Image ⇒ Adjustments ⇒ Gradient Map). Появится диалоговое окно Карта градиента (Gradient Map) (рис. 6.44).
Рис. 6.44. Диалоговое окно Карта градиента
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
459
По умолчанию градиент представляется в виде простого черно-белого градиента. Если установлен флажок Просмотр (Preview), ваше изображение временно превратится в монохромное. Ïðèìå÷àíèå: Êîãäà âû ñîçäàäèòå íîâûé ãðàäèåíò â äèàëîãîâîì îêíå Êàðòà ãðàäèåíòà (Gradient Map), âìåñòî ãðàäèåíòà, èñïîëüçóåìîãî ïî óìîë÷àíèþ, áóäåò âûáðàí âàø íîâûé ãðàäèåíò.
3. Щелкните по кнопке с треугольником, расположенной справа от образца градиентной заливки. На экране появится палитра градиентов с подборкой градиентных заливок (рис. 6.45). 4. Щелкните по любой из градиентных заливок, чтобы выбрать ее. 5. Щелкните по кнопке OK. Диалоговое окно Карта градиента (Gradient Map) закроется, и выбранная градиентная карта будет применена к вашему изображению (рис. 6.46).
Рис. 6.45. Палитра градиентов
Рис. 6.46. Примененная градиентная карта
ÍÀÑÒÐÎÉÊÀ ÃÐÀÄÈÅÍÒÍÎÉ ÊÀÐÒÛ Возможно, вы захотите создать градиентную карту с собственными настройками в качестве альтернативы градиентным картам, поставляемым вместе с программой Photoshop. Чтобы настроить градиентную карту: 1. Запустите программу Photoshop и откройте любое изображение. 2. Выберите команду меню Изображение ⇒ Коррекция ⇒ Карта градиента (Image ⇒ Adjustments ⇒ Gradient Map). Появится диалоговое окно Карта градиента (Gradient Map) (рис. 6.44). 3. Щелкните по образцу градиента, чтобы отредактировать данный градиент. Появится диалоговое окно Редактор градиентов (Gradient Editor) (рис. 6.47).
460
ÏÐÎÅÊÒ 6. Áðîøþðû
4. В поле ввода Имя (Name) введите название вашего нового градиента. 5. Щелкните по кнопке Новый (New). Новый градиент появится в списке Наборы (Presets). (Поначалу внешне он никак не будет отличаться от исходного градиента.) 6. В группе элементов управления, расположенной под полем ввода Имя (Name), щелкните по одной из контрольных точек на полосе градиента. Контрольные точки определяют цвета градиента. Треугольник над контрольной точкой примет желтый цвет (или любой другой выбранный в текущий момент цвет) — это значит, что сейчас можно изменить начальный цвет (рис. 6.48).
Рис. 6.47. Диалоговое окно Редактор градиентов
Рис. 6.48. Выбранная контрольная точка градиента
7. Щелкните по образцу цвета Цвет (Color), чтобы изменить цвет контрольной точки. Появится диалоговое окно Выберите цвет (Select Stop Color) (рис. 6.49). 8. Щелкните по любому цвету в диалоговом окне Выберите цвет (Select Stop Color), чтобы выбрать этот цвет. 9. Щелкните по кнопке OK. Диалоговое окно Выберите цвет (Select Stop Color) закроется. Цвет контрольной точки изменится.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
461
Рис. 6.49. Диалоговое окно Выберите цвет
10.
Щелкните мышью в двух или трех местах под полосой градиента между существующими контрольными точками, чтобы добавить новые контрольные точки (рис. 6.50).
11.
Повторите шаги 6–9, чтобы изменить цвета новых контрольных точек (рис. 6.51).
Рис. 6.50. Создана новая контрольная точка цвета
Рис. 6.51. Создано несколько контрольных точек
462 12.
ÏÐÎÅÊÒ 6. Áðîøþðû
Щелкните по кнопке OK, чтобы закрыть диалоговое окно Редактор градиентов (Gradient Editor). Еще раз щелкните по кнопке OK, чтобы применить данную градиентную карту (рис. 6.52).
Рис. 6.52. Применен градиент с измененными настройками
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ÐÀÑØÈÐÅÍÍÛÅ ÑÏÎÑÎÁÛ ÓÏÐÀÂËÅÍÈß ÖÂÅÒÎÌ В программе Adobe Photoshop CS5 вы можете настраивать цвета изображения различными способами. С помощью методов, описанных в данном разделе, вы можете преобразовать необработанные данные вашего изображения и получить изображение с другими или плашечными цветами, с измененной цветовой температурой или с различными вариациями градаций серого. Вам придется попрактиковаться в использовании этих способов, а также исследовать их возможности, чтобы увидеть, как они могут помочь вам в достижении ваших дизайнерских целей. В этом разделе описаны следующие методики: •
изменение тона и насыщенности изображения;
•
инвертирование цветов изображения;
•
усиление яркости выбранных цветов изображения;
•
постеризация изображения;
•
применение команды Фотофильтр (Photo Filter) к изображению;
•
применение команды Микширование каналов (Channel Mixer);
•
применение команды Заменить цвет (Replace Color);
•
локальная коррекция цвета.
В основном эти методики подразумевают использование корректирующих слоев. Первая часть этого раздела посвящена корректирующим слоям.
ÏÐÈÌÅÍÅÍÈÅ ÊÎÐÐÅÊÒÈÐÓÞÙÈÕ ÑËÎÅÂ Изменяя цвета изображения, вы обычно хотите сохранить свое исходное изображение. Для этого можно сохранить копию исходного изображения (это полезно делать всегда). Однако программа Photoshop также позволяет вам вносить изменения в специальные слои, которые называются корректирующими слоями.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
463
Корректирующий слой применяет изменения к изображению, не меняя значений его пикселов. Например, вместо регулировки тона и насыщенности вашего исходного изображения вы можете создать корректирующий слой Цветовой тон и насыщенность (Hue & Saturation). Изменения будут сохраняться в корректирующем слое. Эти изменения применяются ко всем слоям, находящимся под корректирующим слоем. С помощью палитры Слои (Layers) вы в любой момент можете отменить все изменения и восстановить исходное изображение. Для создания корректирующего слоя можно воспользоваться одной из команд меню Слои ⇒ Новый корректирующий слой (Layer ⇒ New Adjustment Layer). Большую часть изменений, связанных с управлением цветом и рассматриваемых в этом разделе, можно также выполнить с помощью отдельных функций настройки, доступных на палитре Коррекция (Adjustments) (рис. 6.53). Эта новая палитра предоставляет быстрый доступ ко всем инструментам, необходимым для коррекции цвета и тона изображения без потери его исходных данных.
Рис. 6.53. Палитра Коррекция
ÈÇÌÅÍÅÍÈÅ ÒÎÍÀ È ÍÀÑÛÙÅÍÍÎÑÒÈ Тон обычно определяют по названию цвета, например красный, оранжевый и розовый, и представляется тон точкой на стандартном цветовом круге. Насыщенность обозначает относительную интенсивность или тусклость цвета в каждой точке стандартного цветового круга (рис. 6.54). Для тона значения отражают угол поворота (в градусах) цветового круга относительно исходного цвета пикселя. Положительное значение указывает на вращение по часовой стрелке; отрицательное значение — на вращение против часовой стрелки. Значения могут варьироваться от –180 до +180. Другими словами, когда тон принимает положительное значение, синие цвета приобретают более сиреневый оттенок, желтые цвета приобретают более зеленый оттенок и так далее. Когда значение тона уменьшается, происходит противоположное. Насыщенность возрастает от центра цветового круга к его краю. Таким образом, желтые цвета
Рис. 6.54. Стандартный цветовой круг
464
ÏÐÎÅÊÒ 6. Áðîøþðû
становятся более желтыми, оранжевые цвета становятся более оранжевыми. Значения могут изменяться в пределах от –100 до +100. Чтобы изменить цветовой тон и насыщенность изображения через корректирующий слой: 1. Запустите программу Photoshop и откройте любое изображение. 2. Выберите команду меню Слои ⇒ Новый корректирующий слой ⇒ Цветовой тон/Насыщенность (Layer ⇒ New Adjustment Layer ⇒ Hue/Saturation). Появится диалоговое окно Новый слой (New Layer). По умолчанию для нового слоя используется название «Цветовой тон/Насыщенность 1» («Hue/Saturation 1»). Ïðèìå÷àíèå: Ïðè æåëàíèè âû ìîæåòå èçìåíèòü ýòî íàçâàíèå, îäíàêî äàííûé ñëîé ïðåäíàçíà÷åí äëÿ èçìåíåíèÿ òîíà è íàñûùåííîñòè, íà ÷òî è óêàçûâàåò åãî íàçâàíèå, ïîçâîëÿÿ â äàëüíåéøåì ëåãêî èäåíòèôèöèðîâàòü ýòîò ñëîé.
3. Щелкните по кнопке OK.
Рис. 6.55. Палитра Коррекция, параметры корректирующего слоя Цветовой тон/Насыщенность
Диалоговое окно Новый слой (New Layer) закроется. Появится палитра Коррекция (Adjustments) с параметрами корректирующего слоя Цветовой тон/Насыщенность (Hue/Saturation) (рис. 6.55). 4. Перетащите ползунок регулятора Цветовой тон (Hue) на полшкалы вправо. Цвета изображения кардинально изменятся (рис. 6.56): желтые цвета станут более зелеными, а оранжевые цвета станут более желтыми (рис. 6.57).
Рис. 6.56. Исходное изображение
Рис. 6.57. Значение параметра Цветовой тон увеличено
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
465
ÏÐÈÌÅÍÅÍÈÅ ÊÎÌÀÍÄÛ ÈÍÂÅÐÑÈß Команда Инверсия (Invert) обращает цвета изображения в противоположные. При инвертировании изображения значение яркости каждого пикселя в каналах преобразуется в обратное значение на стандартном цветовом круге. Например, оттенки синего превратятся в оттенки оранжевого, а оттенки сиреневого превратятся в оттенки зеленого. Чтобы применить команду Инверсия (Invert) через корректирующий слой: 1. Выберите команду меню Слои ⇒ Новый корректирующий слой ⇒ Инверсия (Layer ⇒ New Adjustment Layer ⇒ Invert).
Рис. 6.58. Применение команды Инверсия
Появится диалоговое окно Новый слой (New Layer). 2. Щелкните по кнопке OK. Ваше изображение будет инвертировано (рис. 6.58).
ÂÛÏÎËÍÅÍÈÅ ÂÛÁÎÐÎ×ÍÎÉ ÊÎÐÐÅÊÖÈÈ ÖÂÅÒÀ С помощью команды Выборочная коррекция цвета (Selective Color) вы можете изменить интенсивность выбранных цветовых групп — например, оттенков синего, красного или пурпурного — в цветовой модели CMYK. Чтобы применить команду Выборочная коррекция цвета (Selective Color): 1. Выберите команду меню Слои ⇒ Новый корректирующий слой ⇒ Выборочная коррекция цвета (Layer ⇒ New Adjustment Layer ⇒ Selective Color). Появится диалоговое окно Новый слой (New Layer). 2. Щелкните по кнопке OK. На палитре Коррекция (Adjustments) появятся параметры корректирующего слоя Выборочная коррекция цвета (Selective Color) (рис. 6.59). 3. В раскрывающемся списке Цвета (Colors) выберите группу цветов, например Пурпурные (Magentas). 4. Перетаскивайте ползунки регуляторов Голубой (Cyan), Пурпурный (Magenta), Желтый (Yellow) и Черный (Black) и наблюдайте за тем, какое влияние оказывает изменение каждого из этих параметров на изображение.
466
ÏÐÎÅÊÒ 6. Áðîøþðû
Ïðèìå÷àíèå:  çàâèñèìîñòè îò öâåòîâ âàøåãî èçîáðàæåíèÿ ýôôåêò îò èçìåíåíèé ìîæåò îêàçàòüñÿ ïðàêòè÷åñêè íåçàìåòíûì.
Например, если вы выбрали группу цветов Пурпурные (Magentas) и перетаскиваете ползунок регулятора Голубой (Cyan) вправо, то оттенки красного в изображении могут стать более сиреневыми или синеватыми. Если вы выбрали группу цветов Черные (Blacks), оттенки красного в изображении станут более затемненными. 5. Добившись желаемого вида вашего изображения, сверните эту палитру.
ÏÎÑÒÅÐÈÇÀÖÈß ÈÇÎÁÐÀÆÅÍÈß Команда Постеризация (Posterize) позволяет указать число цветов в каждом канале (либо цветовой модеРис. 6.59. Палитра Коррекция ли RGB, либо цветовой модели CMYK) изображения, и параметры корректирующего а затем привязывает пикселы изображения к ближайслоя Выборочная коррекция цвета шему подходящему уровню. Совокупность цветов — или значений — в каждом канале называется тональным уровнем. Команда Постеризация (Posterize) эффективно сокращает число цветов изображения. Например, если выбрать два тональных уровня для изображения в режиме RGB, программа Photoshop сократит общее число цветов до шести: по два для красного, зеленого и синего. Если в диалоговом окне Постеризация (Posterize) ввести значение 255, в результате будет получено «обычное» изображение, поскольку в каждом канале окажется по 255 цветов, как и для любых других изображений в режиме RGB. Эта команда подходит для создания специальных эффектов, например больших однотонных областей на фотографиях. Чтобы применить команду Постеризация (Posterize) через корректирующий слой: 1. Откройте изображение в программе Photoshop. 2. Выберите команду меню Слои ⇒ Новый корректирующий слой ⇒ Постеризация (Layer ⇒ New Adjustment Layer ⇒ Posterize). Появится диалоговое окно Новый слой (New Layer). 3. Щелкните по кнопке OK. На палитре Коррекция (Adjustments) появятся параметры команды Постеризация (Posterize) (рис. 6.60).
Рис. 6.60. Палитра Коррекция с параметрами команды Постеризация
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
467
4. В поле ввода Уровни (Levels) введите число от 4 до 8 или с помощью ползункового регулятора выберите уровень постеризации. Число цветов изображения будет сокращено (рис. 6.61). Вы можете предварительно просмотреть изменения в окне изображения. Эффект команды Постеризация (Posterize) наиболее заметен, когда указываемое число является небольшим.
Рис. 6.61. Применение команды Постеризация
ÏÐÈÌÅÍÅÍÈÅ ÊÎÌÀÍÄÛ ÔÎÒÎÔÈËÜÒÐ Команда Фотофильтр (Photo Filter) в программе Photoshop имитирует технику, при которой на объектив фотоаппарата надевается цветной фильтр, меняющий цветовой баланс и цветовую температуру света, проходящего через объектив и воздействующего на пленку. Вы можете придать черно-белой фотографии старинный вид с помощью фильтра сепии, или вы можете сделать цвета изображения теплее или холоднее с помощью оранжевого или синего фильтров. Чтобы применить команду Фотофильтр (Photo Filter) через корректирующий слой: 1. Откройте изображение в программе Photoshop. 2. Выберите команду меню Слои ⇒ Новый корректирующий слой ⇒ Фотофильтр (Layer ⇒ New Adjustment Layer ⇒ Photo Filter). Появится диалоговое окно Новый слой (New Layer). 3. Щелкните по кнопке OK. На палитре Коррекция (Adjustments) появятся параметры команды Фотофильтр (Photo Filter) (рис. 6.62).
Рис. 6.62. Палитра Коррекция с параметрами команды Фотофильтр
4. В раскрывающемся списке Фильтр (Filter) выберите нужный фильтр. В нашем примере (рис. 6.62) выбран один из трех теплых фильтров. Каждый фильтр добавляет в изображение определенный цвет. Вы также можете выбрать цвет по своему усмотрению, установив переключатель в положение Цвет (Color) и щелкнув по образцу цвета.
468
ÏÐÎÅÊÒ 6. Áðîøþðû
Ползунковый регулятор Плотность (Density) позволяет изменять объем цвета, добавляемого к изображению. Например, в случае с теплым фильтром (рис. 6.62), теплый (оранжевый) тон цвета становится интенсивнее при увеличении значения параметра Плотность (Density). К изображению применен теплый фильтр. Светлые части изображения кажутся более оранжевыми, делая фотографию теплее (рис. 6.63). Рис. 6.63. Применение «теплого» фотофильтра
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÊÎÌÀÍÄÛ ÌÈÊØÈÐÎÂÀÍÈÅ ÊÀÍÀËÎÂ Команда Микширование каналов (Channel Mixer) позволяет увеличивать или уменьшать цветовые значения пикселов для красного, зеленого или синего каналов. Каждый канал содержит набор цветов, комбинация цветов из этих трех каналов создает миллионы цветов изображения. На практике этот фильтр часто применяется для редактирования черно-белых изображений. Вы также можете использовать один из предустановленных наборов настроек команды Микширование каналов (Channel Mixer). Используя предустановленные наборы настроек, вы можете создавать черно-белые фотографии с различными вариантами затемнения. Поскольку каждый канал содержит строго определенный цветовой диапазон, при преобразовании в черно-белое изображение цветовые диапазоны могут передаваться совершенно по-разному. Чтобы применить команду Микширование каналов (Channel Mixer) через корректирующий слой: 1. Откройте изображение в программе Photoshop. 2. Выберите команду меню Слои ⇒ Новый корректирующий слой ⇒ Микширование каналов (Layer ⇒ New Adjustment Layer ⇒ Channel Mixer). Появится диалоговое окно Новый слой (New Layer). 3. Щелкните по кнопке OK. На экране появится палитра Коррекция (Adjustments) с параметрами команды Микширование каналов (Channel Mixer) (Рис. 6.64).
Рис. 6.64. Палитра Коррекция и параметры команды Микширование каналов
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
469
4. В раскрывающемся списке Набор (Preset), расположенном в верхней части палитры Коррекция (Adjustments), выберите значение Черно-белый с синим фильтром (Black & White With Blue Filter). Посмотрите на результат (рис. 6.65). 5. В раскрывающемся списке Набор (Preset) выберите значение Черно-белый с зеленым фильтром (Black & White With Green Filter). Посмотрите на результат (рис. 6.66). Несмотря на то, что обе фотографии являются черно-белыми, эти два изображения обладают различной глубиной серого цвета. Например, при применении набора Черно-белый с синим фильтром (Black & White With Blue Filter) бок автомобиля — желтый в оригинале — оказывается гораздо темнее, чем при применении набора Черно-белый с зеленым фильтром (Black & White With Green Filter).
Рис. 6.65. Применение набора Черно-белый с синим фильтром
Рис. 6.66. Применение набора Черно-белый с зеленым фильтром
ÏÐÈÌÅÍÅÍÈÅ ÊÎÌÀÍÄÛ ÇÀÌÅÍÈÒÜ ÖÂÅÒ Команду Заменить цвет (Replace Color) можно применять для изменения тона и насыщенности определенного набора цветов на вашем изображении. Например, вы можете изменить цвет свитера с пурпурного на красный или цвет флага с зеленого на синий. Чтобы изменить тон и насыщенность: 1. Откройте изображение в программе Photoshop. 2. Выберите команду меню Изображение ⇒ Коррекция ⇒ Заменить цвет (Image ⇒ Adjustments ⇒ Replace Color). Появится диалоговое окно Заменить цвет (Replace Color) (рис. 6.67). 3. Перемещая указатель над изображением, щелкните по области с определенным цветом.
470
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.67. Диалоговое окно Заменить цвет
В области для предварительного просмотра, расположенной в центре диалогового окна Заменить цвет (Replace Color), все фрагменты вашего изображения, обладающие выбранным цветом, станут белыми. Ползунковый регулятор Разброс (Fuzziness) позволяет указать, до какой степени похожие цвета включаются в выделение. 4. Перетаскивайте ползунок регулятора Разброс (Fuzziness) до тех пор, пока вы не выберите подходящее количество цветов. В нашем примере (рис. 6.67) ползунок регулятора Разброс (Fuzziness) перемещался вправо до тех пор, пока не был выбран практически весь кузов автомобиля. 5. Завершив выделение необходимой вам области, перетащите ползунок регулятора Цветовой тон (Hue), чтобы изменить цвет образца Результат (Result) (этот образец находится в нижнем правом углу). В нашем примере (рис. 6.68) цвет кузова автомобиля изменился с желтого на красный. 6. Вы также можете изменить насыщенность и яркость выбранного цвета. В нашем примере (рис. 6.69) цвет автомобиля стал насыщенно ярко-красным.
Рис. 6.68. Тон выбранного цвета изменился
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
471
Рис. 6.69. Насыщенность выбранного цвета изменилась
ËÎÊÀËÜÍÀß ÊÎÐÐÅÊÖÈß ÖÂÅÒÀ Иногда для достижения желаемого результата достаточно лишь слегка изменить цвет на небольшом локальном фрагменте вашего изображения. Чтобы определить точную область для изменения цвета, используйте инструменты выделения. Чтобы выполнить локальную коррекцию цвета с помощью инструментов выделения: 1. Щелкните по инструменту Волшебная палочка (Magic Wand) на панели инструментов. Указатель мыши примет вид волшебной палочки. 2. Установите переключатель Добавить к выделенной области (Add To Selection) на панели параметров и укажите для параметра Допуск (Tolerance) значение 20 (рис. 6.70).
Рис. 6.70. Панель параметров инструмента Волшебная палочка
3. Перемещая указатель мыши над небольшим фрагментом вашего изображения, щелкните по области с определенным цветом. В нашем случае мы выделили фару и указатель поворота автомобиля (рис. 6.71). Возможно, вам придется применить инструмент Масштаб (Zoom), чтобы лучше увидеть выделяемые области. 4. Выберите команду меню Слои ⇒ Новый корректирующий слой ⇒ Цветовой баланс (Layer ⇒ New Adjustment Layer ⇒ Color Balance). Щелкните по кнопке OK в открывшемся диалоговом окне Новый слой (New Layer).
Рис. 6.71. Выделенные области
472
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.72. Палитра Коррекция с параметрами команды Цветовой баланс
Рис. 6.73. Выделенные области с улучшенным цветом
Появится палитра Коррекция (Adjustments) с параметрами команды Цветовой баланс (Color Balance) (рис. 6.72). 5. Установите переключатель в положение Тени (Shadows), Средние тона (Midtones) или Света (Highlights), в зависимости от того, какие цвета вы хотите изменить. 6. Отрегулируйте положение ползунков регуляторов цветового баланса, чтобы выполнить желаемую локальную коррекцию цвета. Обратите внимание в нашем примере, насколько выбранные области изображения становятся насыщеннее и ярче по сравнению с оригиналом (рис. 6.73). Чтобы изменить цвет с помощью инструмента группы «Лассо» и палитры цветов HUD: Возможно, вы захотите изменять цвета области изображения более гибко, чем при использовании инструмента Волшебная палочка (Magic Wand). В этом случае попробуйте воспользоваться одним из инструментов группы «Лассо». 1. Выберите инструмент Магнитное лассо (Magnetic Lasso) (рис. 6.74). Указатель мыши примет вид треугольного лассо с магнитом. 2. Щелкните по изображению, чтобы установить первую «точку привязки». Точки привязки закрепляют границу выделенной области в определенном месте. 3. Чтобы нарисовать сегмент произвольной формы, отпустите или удерживайте кнопку мыши нажатой, а затем переместите указатель мыши вдоль нужного края.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
473
Самый последний сегмент границы выделенной области остается активным. Периодически инструмент Магнитное лассо (Magnetic Lasso) добавляет точки привязки к границам выделенной области, чтобы закрепить предыдущие сегменты. 4. Если граница была поставлена не на том крае, щелкните мышью, чтобы вручную добавить точку привязки. В случае необходимости продолжайте обводить край и добавлять точки привязки (рис. 6.75).
Рис. 6.74. Инструмент группы «Лассо»
5. Замыкание границы выделенной области: • Чтобы закрыть границу магнитным сегментом произвольной формы, дважды щелкните мышью или нажмите клавишу Enter (Windows) или Return (Mac OS). • Чтобы закрыть границу прямолинейным сегментом, нажмите и удерживайте клавишу Alt (Windows) или Option (Mac OS) и дважды щелкните мышью. • Чтобы просто закрыть границу, перетащите указатель мыши обратно на начальную точку и щелкните мышью. В данном случае мы выделили изображение автомобиля целиком. 6. Выберите команду меню Слои ⇒ Новый ⇒ Скопировать на новый слой (Layer ⇒ New ⇒ Layer Via Copy). Выделенная область будет размещена на отдельном слое, а невыделенные области будут исключены (рис. 6.76). 7. На панели инструментов выберите инструмент Заливка (Paint Bucket). Указатель мыши примет вид значка с ведром краски. 8. Удерживайте нажатой комбинацию клавиш Shift+Alt и щелкните правой кнопкой мыши (Windows) или удерживайте нажатой комбинацию клавиш Control+Option+Command и щелкните мышью (Mac OS). Появится палитра цветов HUD (рис. 6.77). Вы можете отпустить нажатые клавиши, когда палитра цветов HUD появится на экране.
Рис. 6.75. Выделение края области изображения
474
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.76. Выделение добавлено на новый слой
Рис. 6.77. Применение палитры цветов HUD
9. Затем, перетаскивая указатель мыши по палитре цветов HUD, выберите тон и оттенок цвета и отпустите кнопку мыши. Ïðèìå÷àíèå: ×òîáû áûñòðî âûáðàòü öâåò íà õîëñòå è ïðèìåíèòü ýòîò öâåò ê ôèãóðå, ùåëêíèòå ïî öâåòó, óäåðæèâàÿ íàæàòîé êëàâèøó Alt (Windows) èëè Option (Mac OS).
10.
Щелкните по фоновой области своего изображения, чтобы залить ее выбранным цветом (рис. 6.78).
Рис. 6.78. Применение инструмента
ÊÀÊ ÏÐÈÌÅÍßÒÜ ÔÈËÜÒÐ ÈÑÏÐÀÂËÅÍÈÅ ÏÅÐÑÏÅÊÒÈÂÛ Зачастую в изображения требуется вносить изменения, касающиеся перспективы — способа представления объекта по отношению к зрителю и горизонту. Фильтр Исправление перспективы (Vanishing Point) в программе Adobe Photoshop CS5 упрощает правку изображений, содержащих перспективные плоскости — прямоугольные поверхности, которые визуально уменьшаются по мере приближения к горизонту. Например, когда вы смотрите вглубь коридора, создается впечатление, что стены сужаются по мере приближения к горизонту. На
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
475
Рис. 6.79. Изображение с перспективной плоскостью
представленной иллюстрации (рис. 6.79) кажется, будто вдали железнодорожные рельсы приближаются друг к другу. При применении фильтра Исправление перспективы (Vanishing Point) сначала необходимо указать плоскости на изображении, а затем применить операции редактирования, например рисование, клонирование, копирование или вставку, а также преобразование. Все действия по редактированию будут выполняться с учетом перспективы рабочей плоскости, т. е. эти действия будут правильно сориентированы. Чтобы применить фильтр Исправление перспективы (Vanishing Point): 1. Запустите программу Photoshop и откройте изображение, содержащее перспективную плоскость. 2. Откройте палитру Слои (Layers). 3. Щелкните по кнопке Создать новый слой (Create A New Layer), чтобы добавить новый слой (рис. 6.80).
Рис. 6.80. Палитра Слои
476
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.81. Диалоговое окно Исправление перспективы
При применении фильтра Исправление перспективы (Vanishing Point) лучше всего вносить изменения на отдельном слое, чтобы не менять исходное изображение. 4. Убедитесь, что на палитре Слои (Layers) выбран новый слой (рис. 6.80). 5. Выберите команду меню Фильтр ⇒ Исправление перспективы (Filter ⇒ Vanishing Point). Появится диалоговое окно Исправление перспективы (Vanishing Point) (рис. 6.81). 6. Сначала необходимо выбрать перспективную плоскость для редактирования. Убедитесь, что выбран инструмент Создать плоскость (Create Plane) (рис. 6.82). Рис. 6.82. Инструмент Создать плоскость
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
477
Рис. 6.83. Создание плоскости
7. Щелкните по четырем точкам перспективной плоскости. В нашем примере (рис. 6.83) выбраны четыре точки на железнодорожных рельсах. Когда вы щелкнете по четвертой точке на плоскости, между этими четырьмя точками появится сетка (рис. 6.84). 8. Выберите инструмент Кисть (Brush) в диалоговом окне Исправление перспективы (Vanishing Point) (не на панели инструментов). При необходимости можно увеличить масштаб отображения изображения с помощью инструмента Масштаб (Zoom). Кончик кисти примет овальную форму (обычно кончик кисти имеет круглую форму), а его размеры будут постоянно подстраиваться под плоскость изображения по мере движения кисти (рис. 6.85). 9. Нарисуйте на изображении путем перетаскивания указателя мыши. С фильтром Исправление перспективы (Vanishing Point) проще соблюдать линии плоскости, чем без этого фильтра. 10.
Выберите инструмент Штамп (Stamp) в диалоговом окне Исправление перспективы (Vanishing Point).
11.
Удерживая нажатой клавишу Alt (Windows) или Option (Mac OS), щелкните по плоскости перспективы, чтобы выбрать область для клонирования (рис. 6.86).
478
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.84. Создана сетка перспективной плоскости
Рис. 6.85. Рисование с помощью инструмента Кисть фильтра Vanishing Point
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
479
Рис. 6.86. Клонирование с помощью фильтра Исправление перспективы 12.
Выполните клонирование выбранной области путем перетаскивания указателя мыши по изображению.
Обратите внимание, что форма клонированной области выравнивается относительно плоскости. 13.
Завершив внесение изменений, щелкните по кнопке OK, чтобы закрыть диалоговое окно Исправление перспективы (Vanishing Point) и применить внесенные изменения к изображению.
Поскольку перед применением фильтра Исправление перспективы (Vanishing Point) вы создали и выбрали новый слой, все изменения будут сохранены на этом новом слое.
ÊÀÊ ÏÐÈÌÅÍßÒÜ ÍÀËÎÆÅÍÈÅ, ÐÀÑÒÓØÅÂÊÓ È ÑÃËÀÆÈÂÀÍÈÅ Достаточно часто для редактирования требуется выделить некоторую часть изображения. Когда дело касается областей правильной геометрической формы — квадраты, окружности, овалы, прямоугольники, вам не нужно беспокоиться о том, чтобы выделение было абсолютно точным. К сожалению, большинство областей, выделяемых в программе Adobe Photoshop CS5, чаще всего имеют произвольную форму, например люди, деревья или флаги. В нашем примере (рис. 6.87) при выделении корабля образуется множество краев произвольной формы, большая часть из которых относится к парусам. Возможности наложения, растушевки и сглаживания в программе Photoshop помогают при выделении области произвольной формы.
480
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.87. Выделенная область произвольной формы
•
Сглаживание. Сглаживает зубчатые края выделения, часто возникающие в результате применения инструментов группы «Лассо».
•
Растушевка. Смягчает границы области выделения, создавая переход между выделенной областью и окружающими ее пикселами. Растушевка оказывается крайне полезной при копировании выделенной области на новый фон. Если между выделенной областью и ее новым фоном существует резкий контраст, могут отчетливо проявиться зубчатые края этой области. Растушевка помогает сгладить подобные зубчатые края.
•
Наложение. Определяет способ отображения цветов при наложении их друг на друга — например, когда один слой накладывается на другой. Вы можете изменить способ отображения выделенной области, выбрав подходящий режим наложения этой области на ее фон. В программе Photoshop представлено множество режимов наложения.
ÏÐÈÌÅÍÅÍÈÅ ÑÃËÀÆÈÂÀÍÈß È ÐÀÑÒÓØÅÂÊÈ Ñ ÏÎÌÎÙÜÞ ÊÎÌÀÍÄÛ ÓÒÎ×ÍÈÒÜ ÊÐÀÉ Вы можете применить команду Уточнить край (Refine Edge), чтобы изменить выделенную область и просмотреть эти изменения на темном или светлом фоне. Так вам будет проще отредактировать выделенную область, прежде чем вы скопируете ее и вставите в другое место.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
481
Рис. 6.88. Диалоговое окно Новый слой
Чтобы применить сглаживание и растушевку к изображению: 1. Запустите программу Photoshop CS5 и откройте любое изображение. 2. Дважды щелкните мышью по слою Фон (Background). Откроется диалоговое окно Новый слой (New Layer) (рис. 6.88). 3. Измените имя слоя или примите имя по умолчанию — Слой 0 (Layer 0).
Рис. 6.89. Инструмент Лассо
4. Щелкните по кнопке OK, чтобы закрыть диалоговое окно Новый слой (New Layer). 5. Выберите инструмент Лассо (Lasso) на панели инструментов (рис. 6.89). Ïðèìå÷àíèå: Íåêîòîðûå ïîëüçîâàòåëè ñ÷èòàþò, ÷òî èíñòðóìåíò Ïðÿìîëèíåéíîå ëàññî (Polygonal Lasso) ïðîùå èñïîëüçîâàòü, ïîñêîëüêó âû ìîæåòå âûäåëèòü îáëàñòü, ñîçäàâ íåñêîëüêî ïðÿìîëèíåéíûõ ñåãìåíòîâ âìåñòî òîãî, ÷òîáû ïðîâîäèòü îäíó íåïðåðûâíóþ ëèíèþ. ×òîáû ïîëó÷èòü äîñòóï ê èíñòðóìåíòó Ïðÿìîëèíåéíîå ëàññî (Polygonal Lasso), ùåëêíèòå ïî èíñòðóìåíòó Ëàññî (Lasso) è óäåðæèâàéòå êíîïêó ìûøè.
6. С помощью инструмента Лассо (Lasso) выделите часть изображения. Постарайтесь выделить области произвольной формы — как, например, паруса из нашего примера (рис. 6.87). 7. Завершите выделение, замкнув границу выделения и отпустив кнопку мыши. Дополнительную информацию о том, как производить выделение, можно найти в справке программы Photoshop. 8. Выберите команду меню Выделение ⇒ Уточнить край (Select ⇒ Refine Edge). Появится диалоговое окно Уточнить край (Refine Edge) (рис. 6.90). Область выделения по умолчанию появится на белом фоне. Вы можете выбрать другой фон в группе элементов управления Режим просмотра (View Mode). Для сглаживания и растушевки удобнее всего использовать белый или черный фон.
482
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.90. Диалоговое окно Уточнить край
9. Перетащите ползунок регулятора Сгладить (Smooth) вправо. Все неровные края станут более гладкими. 10.
Когда вы останетесь довольны результатом, отпустите кнопку мыши.
11.
Перетащите ползунок регулятора Растушевка (Feather) вправо.
Контур границы выделенной области станет размытым. В этом и заключается эффект растушевки. Лучше всего ограничить растушевку 3–5 пикселами. Если растушевка ограничена более чем 5 пикселами, можно получить интересные результаты, однако они применимы только в том случае, когда это необходимо для решения поставленных дизайнерских задач. 12.
Установите флажок Очистить цвета (Decontaminate Colors).
Функция Очистить цвета (Decontaminate Colors) предназначена для замены цветной каймы цветами полностью выделенных близлежащих пикселов. Поскольку этот параметр изменяет цвета пикселов, он требует вывод в новый слой или документ, чтобы избежать непредвиденных изменений в текущем слое. Вы можете воспользоваться установленным по умолчанию
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
483
Рис. 6.91. Применение сглаживания и растушевки
значением Новый слой со слоем-маской (New Layer With Layer Mask) параметра Вывод в (Output To). 13.
Когда вы будете довольны результатом (рис. 6.91), щелкните по кнопке OK, чтобы закрыть диалоговое окно Уточнить край (Refine Edge).
14.
Откройте палитру Слои (Layers).
Обратите внимание, что теперь область выделения находится на новом слое со слоем-маской. 15. Щелкните по кнопке Создать новый слой (Create A New Layer), чтобы добавить новый слой (рис. 6.92). 16. На палитре Слои (Layers) перетащите новый слой, расположив его под слоем-маской.
Рис. 6.92. Палитра Слои
484
ÏÐÎÅÊÒ 6. Áðîøþðû
17. Выберите инструмент Заливка (Paint Bucket) на панели инструментов (рис. 6.93). 18. Щелкните по образцу основного цвета на панели инструментов. Откроется диалоговое окно Палитра цветов (Color Picker) (рис. 6.94). 19.
Выберите цвет для фонового слоя, находящегося под слоем-маской.
20.
Щелкните по кнопке OK.
Убедитесь, что инструмент Заливка (Paint Bucket) все еще выбран. 21.
Щелкните по новому слою, чтобы закрасить его выбранным цветом.
Обратите внимание, что на миниатюре фонового слоя теперь отображается рамка, заполненная сплошным цветом (рис. 6.95). 22.
(Необязательный шаг.) Чтобы изменить непрозрачность слоя со сплошным цветом, введите значение в диапазоне от 0% до 100% в поле ввода Непрозрачность (Set Opacity) (рис. 6.95).
Выделенная область теперь отображается на новом прозрачном цветном фоне (рис. 6.96).
Рис. 6.94. Диалоговое окно Палитра цветов
Рис. 6.93. Панель инструментов
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
485
Рис. 6.95. Палитра Слои со слоем, заполненным сплошным цветом
Рис. 6.96. Выделенная область на многослойном фоне
ÐÅÆÈÌÛ ÍÀËÎÆÅÍÈß ÑËÎÅÂ Режимы наложения позволяют определить, как будут накладываться цвета верхнего слоя, известные как совмещенные цвета, на цвета нижнего слоя — известные как основные цвета. В программе Photoshop представлен широкий диапазон режимов наложения. Некоторые из них описаны в данном разделе. Чтобы получить дополнительную информации о режимах наложения, обратитесь к разделу «Режимы наложения» справки программы Photoshop. Наложения имеют место только тогда, когда два слоя накладываются друг на друга.
486 •
•
•
•
ÏÐÎÅÊÒ 6. Áðîøþðû
Замена светлым (Lighten). Программа Photoshop оценивает цвета каждого слоя и выбирает наиболее светлый цвет — основной или совмещенный — в качестве результирующего цвета. Пикселы с более темным цветом по сравнению с совмещенным цветомзаменяются, а пикселы с более светлым цветом по сравнению с совмещенным цветом остаются неизменными. Замена темным (Darken). Программа Photoshop оценивает цвета каждого слоя и выбирает наиболее темный цвет — основной или совмещенный — в качестве результирующего цвета. Пикселы с цветом, более светлым по сравнению с совмещенным, заменяются, а пикселы с цветом, более темным по сравнению с совмещенным, остаются неизменными. Осветление основы (Color Dodge). Программа Photoshop сравнивает цвета каждого слоя и делает основной цвет более ярким, чтобы отразить совмещенный цвет в результате уменьшения контраста между двумя цветами. Цветовой тон (Hue). Программа Photoshop создает результирующий цвет с яркостью и насыщенностью основного цвета и цветовым тоном совмещенного цвета.
Поскольку вы можете предварительно просматривать эти изменения, лучший способ определить наиболее подходящий режим — это попробовать различные режимы наложения. Чтобы применить режимы наложения к слою: 1. Откройте изображение, содержащее, по меньшей мере, два слоя. 2. Щелкните по верхнему слою, чтобы выбрать его. 3. Выберите команду меню Слои ⇒ Стиль слоя ⇒ Параметры наложения (Layer ⇒ Layer Style ⇒ Blending Options). Появится диалоговое окно Стиль слоя (Layer Style) (рис. 6.97). 4. Убедитесь, что установлен флажок Просмотр (Preview), чтобы вы могли наблюдать за результатами вносимых изменений. 5. Выберите значение Замена светлым (Lighten) в раскрывающемся списке Режим наложения (Blend Mode). Посмотрите на результат (рис. 6.98). 6. Выберите значение Замена темным (Darken) в раскрывающемся списке Режим наложения (Blend Mode). Посмотрите на результат (рис. 6.98). 7. Выберите значение Осветление основы (Color Dodge) в раскрывающемся списке Режим наложения (Blend Mode). Посмотрите на результат (рис. 6.98). 8. Выберите значение Цветовой тон (Hue) в раскрывающемся списке Режим наложения (Blend Mode). Посмотрите на результат (рис. 6.98).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
487
Рис. 6.97. Диалоговое окно Стиль слоя
Рис. 6.98. Режимы наложения: Замена светлым в верхнем левом углу, Замена темным в верхнем правом углу, Осветление основы в нижнем левом углу, Цветовой тон в нижнем правом углу
488
ÏÐÎÅÊÒ 6. Áðîøþðû
ÊÀÊ ÄÅÔÎÐÌÈÐÎÂÀÒÜ ÈÇÎÁÐÀÆÅÍÈß Инструмент Марионеточная деформация (Puppet Warp) отображает визуальную сетку, позволяющую существенно деформировать определенные фрагменты изображения, не затрагивая других областей. Этот инструмент может иметь множество применений: от легкой ретуши изображения (например, придания формы волосам) до полной трансформации (например, изменения положения рук или ног). Инструмент Марионеточная деформация (Puppet Warp) можно применять не только к слоям изображения, фигур и текста, но и к слоям-маскам и векторным маскам. Когда выбрана слой-маска или векторная маска, на панели параметров инструмента Марионеточная деформация (Puppet Warp) доступны следующие параметры (рис. 6.99): • Режим (Mode). Определяет эластичность сетки в целом. Выберите значение Искажение (Distort), чтобы получить очень эластичную сетку для деформации широкоугольных изображений или карт текстур. • Частота (Density). Определяет расстояние между узлами сетки. При выборе значения Больше точек (More Points) точность увеличивается, но требуется больше времени на обработку, а при выборе значения Меньше точек (Fewer Points) достигается обратный эффект. • Расширение (Expansion). Расширяет или стягивает внешний край сетки. • Сетка (Show Mesh). Сбросьте этот флажок, чтобы показать только булавки коррекции и получить незагроможденное представление трансформаций. • Глубина (Pin Depth). Щелкайте по кнопкам Глубина (Pin Depth), чтобы показать область сетки, которая перекрывается другой областью. • Поворот (Rotate). Угол поворота отображается на панели параметров. Чтобы поворачивать сетку автоматически в зависимости от выбранного значения параметра Режим (Mode), выберите значение Авто (Auto) в раскрывающемся списке Поворот (Rotate) на панели параметров.
Рис. 6.99. Панель параметров инструмента Марионеточная деформация
Чтобы применить инструмент Марионеточная деформация (Puppet Warp): 1. Запустите программу Photoshop и откройте изображение, к которому можно применить инструмент Марионеточная деформация (Puppet Warp). Ïðèìå÷àíèå: Âîçìîæíî, áóäåò óäîáíåå ñîçäàòü íîâûé ñëîé è ïåðåíåñòè íà ýòîò ñëîé îáúåêò, êîòîðûé âû õîòèòå äåôîðìèðîâàòü.
2. На палитре Слои (Layers) выберите тот слой или ту маску, которую вы хотите трансформировать. 3. Выберите команду меню Редактирование ⇒ Марионеточная деформация (Edit ⇒ Puppet Warp).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
489
Поверх изображения отобразится визуальная сетка (рис. 6.100). 4. На панели параметров отрегулируйте настройки следующих параметров сетки: Режим (Mode), Частота (Density), Расширение (Expansion) и Сетка (Show Mesh) (рис. 6.99). 5. В окне изображения щелкните мышью, чтобы добавить булавки в местах, которые требуется закрепить на месте, и в трансформируемых областях (рис. 6.101). Черная точка внутри желтой окружности обозначает выбранную булавку, которую можно перетащить в другое место. Желтая окружность обозначает булавку, которая не выбрана в настоящий момент и которую нельзя перетащить в другое место. 6. Для изменения положения или удаления одной или нескольких булавок выполните одно из следующих действий: • перетащите булавку, чтобы деформировать сетку; Рис. 6.100. Изображение с визуальной сеткой • если в процессе трансформации одна область сетки перекрывается другой областью сетки, щелкайте по кнопкам Глубина (Pin Depth) на панели параметров, чтобы изменить порядок перекрытия областей (рис. 6.102);
• чтобы удалить выбранные булавки, нажмите клавишу Delete. Чтобы удалить отдельную булавку, установите указатель мыши на эту булавку и нажмите клавишу Alt (Windows) или Option (Mac OS); когда указатель мыши примет вид значка ножниц, щелкните мышью; • щелкните по кнопке Удалить все булавки (Remove All Pins) на панели параметров;
Рис. 6.101. Щелкайте мышью, чтобы добавить булавки
490
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.102. Отображение перекрывающихся областей сетки
Рис. 6.103. Вращение сетки вокруг булавки путем перетаскивания указателя мыши
Ïðèìå÷àíèå: ×òîáû âûáðàòü íåñêîëüêî áóëàâîê, ùåëêàéòå ïî íèì, óäåðæèâàÿ íàæàòîé êëàâèøó Shift, èëè âûáåðèòå êîìàíäó Âûäåëèòü âñå áóëàâêè (Select All) â êîíòåêñòíîì ìåíþ. ×òîáû ïåðåìåñòèòü ñðàçó íåñêîëüêî âûáðàííûõ áóëàâîê, ïåðåòàùèòå èõ ñ ïîìîùüþ ìûøè, óäåðæèâàÿ íàæàòîé êëàâèøó Shift.
7. Чтобы повернуть сетку вокруг булавки, выделите эту булавку, чтобы внутри желтой окружности появилась черная точка. 8. Нажав и удерживая клавишу Alt (Windows) или Option (Mac OS), установите указатель мыши рядом с булавками, но не над ними. Когда появится окружность, путем перетаскивания указателя мыши визуально поверните сетку (рис. 6.103). Ïðèìå÷àíèå: Óãîë ïîâîðîòà îòîáðàçèòñÿ íà ïàíåëè ïàðàìåòðîâ.
9. Добавив достаточное количество булавок, вы можете завершить преобразование (рис. 6.104), щелкнув по кнопке Подтвердить марионеточную деформацию (Commit Puppet Warp) на панели параметров или нажав клавишу Enter (Windows) или Return (Mac OS).
Рис. 6.104. Эффект применения инструмента Марионеточная деформация с размещенными булавками
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
491
ÊÀÊ ÐÀÁÎÒÀÒÜ ÑÎ ÑËÎßÌÈ Как и в программе Adobe Photoshop CS5 и в других программах корпорации Adobe, в приложении Adobe InDesign CS5 предоставляется возможность работы со слоями, помогающими вам разделить содержимое в сложных проектах. Как минимум, вы можете применять слои, чтобы отделить текст от изображений, благодаря чему вы сможете просматривать их по отдельности. Вы также можете заблокировать слои, чтобы исключить возможность внесения нежелательных изменений в один слой при работе над другим слоем.
ÏÅÐÅÌÅÙÅÍÈÅ ÃÐÀÔÈ×ÅÑÊÈÕ ÔÐÅÉÌΠÍÀ ÑËÎÉ, ÏÐÅÄÍÀÇÍÀ×ÅÍÍÛÉ ÄËß ÃÐÀÔÈÊÈ Отделение текста от графических объектов при помощи слоев — это одна из проверенных практик работы с печатными документами. Чтобы переместить графические фреймы на другой слой: 1. Запустите программу InDesign и откройте документ, содержащий текст и графическое изображение. 2. Выберите команду меню Окно ⇒ Слои (Window ⇒ Layers), чтобы отобразить палитру Слои (Layers) (рис. 6.105). 3. Щелкните по кнопке Создать новый слой (Create New Layer), чтобы добавить новый слой. 4. Дважды щелкните по новому слою, чтобы отредактировать его. Появится диалоговое окно Параметры слоя (Layer Options) (рис. 6.106). 5. В поле ввода Имя (Name) введите значение Графика. Вы можете также изменить цвет слоя. Цвет слоя отображается на палитре Слои (Layers). Границы всех фреймов, расположенных на этом слое, окрашены в этот цвет. В нашем примере (рис. 6.106) в качестве цвета слоя выбран красный цвет. 6. Щелкните по кнопке OK.
Рис. 6.105. Палитра Слои
Рис. 6.106. Диалоговое окно Параметры слоя
492
ÏÐÎÅÊÒ 6. Áðîøþðû
7. Повторно выполните шаги 3–6 и назовите новый слой именем Текст (Text). 8. Выберите инструмент Выделение (Selection) на панели инструментов (рис. 6.107). 9. Сохраните документ. 10. Удерживая нажатой клавишу Shift, поочередно щелкните по границам всех графических фреймов на вашем макете (рис. 6.108). Ïðèìå÷àíèå: Íå âûäåëÿéòå òåêñòîâûå ôðåéìû.
Теперь вы можете переместить все графические объекты на слой Графика. Сначала вы должны удалить графические изображения со слоя Слой 1 (Layer 1) и скопировать их в буфер, а затем вставить скопированные изображения на слой Графика. 11.
Рис. 6.107. Инструмент Выделение на панели инструментов
Выберите команду меню Редактирование ⇒ Вырезать (Edit ⇒ Cut).
Так вы удалите графическое изображение со страницы и скопируете его в буфер. 12.
На палитре Слои (Layers) щелкните по слою Графика, чтобы выбрать его (рис. 6.109).
13.
Выберите команду меню Редактирование ⇒ Вставить на место (Edit ⇒ Paste In Place). Графическое изображение появится на странице в том же месте, в котором оно находилось до этого, но уже на слое Графика (рис. 6.110).
14.
Повторно выполните шаги 9–12 и переместите все текстовые фреймы на слой Текст (так следует переименовать слой Слой 1 (Layer 1)).
ÑÎÊÐÛÒÈÅ ÑËÎÅÂ Когда вы поместили содержимое на слой, вы можете временно скрыть это содержимое. Данная возможность позволяет сосредоточиться на
Рис. 6.108. Графическое изображение выделено на макете страницы
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Рис. 6.109. Слой Графика выбран на палитре Слои
493
Рис. 6.110. Графическое изображение вставлено на свое место
какой-либо одной группе содержимого. Вы также можете использовать эту возможность для сравнения различных вариантов макета страницы. Например, вы можете создать два слоя для графических изображений с одними и теми же фреймами, назвать слои Графика 1 и Графика 2, и затем отображать или скрывать эти слои, чтобы поэкспериментировать с различными изображениями. Чтобы скрыть слой: 1. На палитре Слои (Layers) щелкните по значку видимости слоя в левом столбце напротив слоя Текст. Значок исчезнет (рис. 6.111). Фреймы, содержащиеся на слое Текст, — текстовые фреймы — исчезнут с макета страницы (рис. 6.112).
494
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.111. Напротив слоя Текст не отображается значок видимости
Рис. 6.112. Слой Текст скрыт
Ïðèìå÷àíèå: ×òîáû òåêñòîâûå ôðåéìû èñ÷åçëè, âàì íåîáõîäèìî ñíà÷àëà ïåðåìåñòèòü èõ íà ñëîé Òåêñò (÷òî áûëî ñäåëàíî â ïðåäûäóùåì ðàçäåëå).
2. Щелкните по квадратику в столбце переключения видимости напротив слоя Текст, чтобы отобразить содержимое слоя. Текстовые фреймы появятся снова.
ÁËÎÊÈÐÎÂÊÀ ÑËÎÅÂ Когда вы блокируете слой, содержимое этого слоя становится защищенным от изменений. Чтобы заблокировать слой: 1. Если палитра Слои (Layers) не отображается на экране, выберите команду меню Окно ⇒ Слои (Window ⇒ Layers), чтобы отобразить ее.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
495
2. Щелкните по столбцу, находящемуся левее имени слоя Графика (столбец, который находится справа от столбца управления видимостью слоя). В этом столбце появится значок с изображением замка (рис. 6.113). 3. Выберите инструмент Выделение (Selection) на панели инструментов. 4. Щелкнув по фрейму, попробуйте выбрать один из фреймов на слое Графика (на котором содержатся графические фреймы).
Рис. 6.113. Слой Графика заблокирован
Поскольку слой, содержащий эти фреймы, заблокирован, вы не сможете их выделить.
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ØÀÁËÎÍÍÛÉ ÒÅÊÑÒ Дизайнеры часто применяют шаблонный текст, чтобы заполнить текстовые блоки текстом, который выглядит как обычный текст, но при этом не содержит отвлекающих внимание повторений. В программе Adobe InDesign CS5 встроена функция добавления шаблонного текста. Вы можете использовать эту функцию, чтобы автоматически заполнить текстовый фрейм, чтобы опробовать различные варианты форматирования, чтобы придать дизайну завершенный вид и так далее. Чтобы использовать шаблонный текст: 1. Запустите программу Adobe InDesign и создайте новый документ. 2. Выберите инструмент Текст (Type) на панели инструментов (рис. 6.114) и, перетаскивая указатель мыши по странице, нарисуйте текстовый фрейм (рис. 6.115).
Рис. 6.114. Панель инструментов
3. Если вы не щелкнете за пределами созданного текстового фрейма, этот фрейм будет активен и в верхнем левом углу текстового фрейма появится мигающий текстовый курсор. Если вы не видите текстовый курсор, щелкните по текстовому фрейму при помощи инструмента Текст (Type). 4. Выберите команду меню Текст ⇒ Заполнить шаблонным текстом (Type ⇒ Fill With Placeholder Text). Текстовый фрейм заполняется текстом, который выглядит как обычный текст, однако прочесть его невозможно (рис. 6.116). 5. Выделите весь шаблонный текст.
496
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.115. Создание текстового фрейма при помощи инструмента Текст
Рис. 6.116. Шаблонный текст добавлен во фрейм
6. С помощью панели управления примените к тексту форматирование. Например, измените интерлиньяж, преобразуйте текст в капители или измените размер текста. Обратите внимание, как форматирование было применено к шаблонному тексту (рис. 6.117). Теперь во фрейме появился вытесненный текст, на что указывает красный знак «плюс» (+) в нижнем правом углу текстового фрейма. Красный знак «плюс» сообщает о том, что во фрейме размещен еще не весь текст, но уже не осталось текстовых фреймов, куда этот текст можно поместить. Чтобы текст полностью уместился во фрейме, вы либо должны изменить размеры фрейма, либо заменить шаблонный текст новым текстом.
Рис. 6.117. Форматирование, примененное к шаблонному тексту
Рис. 6.118. Фрейм заново заполнен шаблонным текстом
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
497
7. Выделите весь текст и нажмите клавишу Delete. 8. Выберите команду Текст ⇒ Заполнить шаблонным текстом (Type ⇒ Fill With Placeholder Text). Фрейм будет заполнен шаблонным текстом с применением того же форматирования, которое вы использовали до этого (рис. 6.118), и этот текст уже не будет вытеснен.
ÊÀÊ ÏÐÈÌÅÍßÒÜ ÝÔÔÅÊÒÛ Ê ÒÅÊÑÒÓ Чтобы сделать заголовки и другие объекты на странице интереснее, программа Adobe InDesign CS5 позволяет применить к ним текстовые эффекты, включая эффекты тени, внутреннего свечения и скоса/тиснения. На палитре Эффекты (Effects) перечислены четыре категории, к которым вы можете применить эффекты: • Объект (Object). Эффекты применяются к любому выбранному в данный момент объекту — фрейму или фигуре. • Обводка (Stroke). Эффекты применяются к обводке объекта. • Заливка (Fill). Эффекты применяются к заливке объекта. • Текст (Text). Эффекты применяются только к тексту. В данном разделе рассказывается о трех эффектах: • Тень (Drop shadow); • Скос и тиснение (Bevel and emboss); • Градиентная растушевка (Gradient feather). С помощью полученных знаний вы сможете применить и другие эффекты.
ÏÐÈÌÅÍÅÍÈÅ ÝÔÔÅÊÒÀ ÒÅÍÜ Тень — это визуальный эффект, создающий иллюзию, что объект приподнят над другими объектами или фоновой поверхностью. Чтобы применить эффект Тень (Drop Shadow): 1. Запустите программу InDesign и создайте новый документ. 2. Создайте текстовый фрейм с помощью инструмента Текст (Type). 3. Добавьте текст в текстовый фрейм. 4. Выделите текст с помощью инструмента Текст (Type). 5. На панели управления установите размер текста в значение 72 пункта и выберите полужирное начертание. Теперь вы сможете лучше наблюдать за применяемыми эффектами.
498
ÏÐÎÅÊÒ 6. Áðîøþðû
6. Выберите инструмент Выделение (Selection) на панели инструментов. 7. Выделите текстовый фрейм. Вокруг текстового фрейма появятся маркеры выделения. 8. Выберите команду меню Окно ⇒ Эффекты (Window ⇒ Effects), чтобы отобразить палитру Эффекты (Effects) (рис. 6.119). 9. Щелкните по категории Текст (Text), чтобы выбрать ее. 10.
Выберите команду Эффекты ⇒ Тени (Effects ⇒ Drop Shadow) в меню палитры Эффекты (Effects) (рис. 6.120).
Рис. 6.119. Палитра Эффекты
Рис. 6.120. Меню палитры Эффекты
Появится диалоговое окно Эффекты (Effects) (рис. 6.121). В раскрывающемся списке Параметры для (Settings For), расположенном в верхнем левом углу диалогового окна, будет выбрано значение Текст (Text), а в левой части диалогового окна в списке категорий эффектов будет выбрана категория Тень (Drop Shadow). 11.
В поле ввода Непрозрачность (Opacity) группы элементов управления Смешение (Blending) введите значение 50%.
12.
Оставьте остальные настройки параметров без изменений и щелкните по кнопке OK.
Диалоговое окно Эффекты (Effects) закроется, и к выделенному тексту будет применен выбранный эффект (рис. 6.122). Кажется, что текст парит над страницей.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
499
Рис. 6.121. Диалоговое окно Эффекты
Рис. 6.122. Применен эффект Тень
ÏÐÈÌÅÍÅÍÈÅ ÝÔÔÅÊÒÀ ÑÊÎÑ È ÒÈÑÍÅÍÈÅ Другие эффекты могут сделать текст интереснее, создавая иллюзию объема и рельефной текстуры. Чтобы применить эффект Скос и тиснение (Bevel And Emboss): 1. Выберите инструмент Текст (Type) на панели инструментов. 2. Выделите текст с помощью инструмента Текст (Type). 3. На панели управления установите размер текста в значение 72 пункта и выберите полужирное начертание. Теперь вы сможете лучше наблюдать за применяемыми эффектами. 4. Выберите инструмент Выделение (Selection) на панели инструментов. 5. Выделите текстовый фрейм. Вокруг текстового фрейма появятся маркеры выделения. 6. Выберите команду меню Окно ⇒ Эффекты (Window ⇒ Effects), чтобы отобразить палитру Эффекты (Effects) (рис. 6.119).
500
ÏÐÎÅÊÒ 6. Áðîøþðû
7. Щелкните по категории Текст (Text), чтобы выбрать ее. 8. Выберите команду Эффекты ⇒ Скос и тиснение (Effects ⇒ Bevel And Emboss) в меню палитры Эффекты (Effects). 9. Появится диалоговое окно Эффекты (Effects) (рис. 6.123). В раскрывающемся списке Параметры для (Settings For), расположенном в верхнем левом углу диалогового окна, будет выбрано значение Текст (Text), а в левой части диалогового окна в списке категорий эффектов будет выбрана категория Скос и тиснение (Bevel And Emboss). Убедитесь, что флажок Просмотр (Preview) установлен, чтобы вы могли наблюдать за производимыми изменениями.
Рис. 6.123. Диалоговое окно Эффекты и выбранная категория Скос и тиснение
10.
В группе элементов управления Затенение (Shading) измените угол расположения источника света, перетащив точку, обозначающую источник света, по окружности элемента управления Угол (Angle).
11.
Оставьте остальные настройки параметров без изменений и щелкните по кнопке OK.
Обратите внимание на изменения, произошедшие с текстом. Диалоговое окно Эффекты (Effects) закроется и к выделенному тексту будет применен эффект (рис. 6.124). Кажется, что текст имеет глубину или объем.
Рис. 6.124. Применен эффект Скос и тиснение
ÏÐÈÌÅÍÅÍÈÅ ÝÔÔÅÊÒÀ ÃÐÀÄÈÅÍÒÍÀß ÐÀÑÒÓØÅÂÊÀ Градиентная растушевка применяется для того, чтобы сгладить или обесцветить изображения и текст. Чтобы применить эффект Градиентная растушевка (Gradient Feather): 1. Выберите инструмент Текст (Type) на панели инструментов. 2. Выделите текст с помощью инструмента Текст (Type).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
501
3. На панели управления установите размер текста в значение 72 пункта и выберите полужирное начертание. Теперь вы сможете лучше наблюдать за применяемыми эффектами. 4. Выберите инструмент Выделение (Selection) на панели инструментов. 5. Выделите текстовый фрейм. Вокруг текстового фрейма появятся маркеры выделения. 6. Выберите команду меню Окно ⇒ Эффекты (Window ⇒ Effects), чтобы отобразить палитру Эффекты (Effects) (рис. 6.125).
Рис. 6.125. Палитра Эффекты
7. Щелкните по категории Текст (Text), чтобы выбрать ее. 8. Выберите команду меню Эффекты ⇒ Градиентная растушевка (Effects ⇒ Gradient Feather) в меню палитры Эффекты (Effects). 9. Появится диалоговое окно Эффекты (Effects) (рис. 6.126). В раскрывающемся списке Параметры для (Settings For), расположенном в верхнем левом углу диалогового окна, будет выбрано значение Текст (Text), а в левой части диалогового окна в списке категорий эффектов будет выбрана категория Градиентная растушевка (Gradient Feather).
Рис. 6.126. Диалоговое окно Эффекты и выбранная категория Градиентная растушевка
502
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.127. Применен эффект Градиентная растушевка
Убедитесь, что флажок Просмотр (Preview) установлен, чтобы вы могли наблюдать за производимыми изменениями. 10.
В группе элементов управления Узлы градиента (Gradient Stops) щелкните по правому узлу градиента и введите значение 66% в поле ввода Путь доступа (Location).
Ïðèìå÷àíèå: Âû òàêæå ìîæåòå ïåðåòàùèòü ñîîòâåòñòâóþùèé óçåë ãðàäèåíòà, ÷òîáû èçìåíèòü çíà÷åíèå â ïîëå ââîäà Ïóòü äîñòóïà (Location).
11.
Обратите внимание на изменения, произошедшие с текстом. Оставьте остальные настройки параметров без изменений и щелкните по кнопке OK.
Диалоговое окно Эффекты (Effects) закроется, и к выделенному тексту будет применен эффект (рис. 6.127). Обратите внимание, что текст обесцвечивается постепенно, в направлении слева направо.
ÊÀÊ ÍÀÑÒÐÎÈÒÜ ÎÁÒÅÊÀÍÈÅ ÒÅÊÑÒÎÌ ÂÎÊÐÓÃ ÎÁÚÅÊÒÎÂ Вы, вероятно, видели документы с изображениями в середине большого текстового блока или с «вырванной из контекста цитатой», расположенной в центре текстового блока. Дизайнеры создают этот эффект, заставляя текст обтекать эти объекты. В программе Adobe InDesign CS5 вы можете добавлять фигуры или фреймы в текстовые фреймы и делать так, чтобы текст обтекал их.
ÎÁÒÅÊÀÍÈÅ ÒÅÊÑÒÎÌ ÂÎÊÐÓÃ ÏÐÎÑÒÎÉ ÔÈÃÓÐÛ С помощью последующих инструкций вы заполните текстовый блок шаблонным текстом, а затем нарисуете прямоугольник поверх этого текста. После этого вы установите переключатель Обтекание по форме объекта (Wrap Around Object Shape), чтобы изменить расположение текста относительно этого прямоугольника. Вы можете применять этот подход для добавления небольшого графического объекта в центр текстового блока или для иллюстрации чего-либо, описываемого в данном текстовом блоке. Чтобы настроить обтекание текстом вокруг простой фигуры: 1. Запустите программу InDesign и создайте новый документ. Создайте текстовый фрейм с помощью инструмента Текст (Type).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
503
2. Выберите команду меню Текст ⇒ Заполнить шаблонным текстом (Type ⇒ Fill With Placeholder Text), чтобы заполнить фрейм шаблонным текстом. 3. Выберите инструмент Прямоугольник (Rectangle) на панели инструментов (рис. 6.128) и, перетаскивая указатель мыши над текстом, нарисуйте прямоугольник (рис. 6.129). Поверх текста появится прямоугольник.
Рис. 6.128.
4. Убедитесь, что нарисованный прямоугольник все еще выделен. В правой Панель части панели управления установите переключатель Обтекание по фор- инструментов ме объекта (Wrap Around Object Shape) (рис. 6.130).
Рис. 6.129. Нарисованный поверх текста прямоугольник
Рис. 6.130. Палитра Управление
Обратите внимание, что текст теперь обтекает прямоугольник (рис. 6.131).
Рис. 6.131. Текст обтекает объект
504
ÏÐÎÅÊÒ 6. Áðîøþðû
ÏÐÈÌÅÍÅÍÈÅ ÎÁÒÅÊÀÍÈß ÒÅÊÑÒÎÌ ÄËß ÄÎÁÀÂËÅÍÈß ÂÛÐÂÀÍÍÛÕ ÈÇ ÊÎÍÒÅÊÑÒÀ ÖÈÒÀÒ В изданиях часто применяются вырванные из контекста цитаты, чтобы привлечь внимание читателя. Эти ключевые цитаты выделяются рамкой и располагаются в центре текстового блока. Чтобы настроить обтекание текстом для вырванной из контекста цитаты: 1. Выберите инструмент Прямоугольный фрейм (Rectangular Frame) на панели инструментов. 2. Путем перетаскивания указателя мыши над текстом нарисуйте прямоугольник (рис. 6.132). Поверх текста появится прямоугольник.
Рис. 6.132. Фрейм в центре текстового блока
Рис. 6.133. Установлен переключатель Обтекание по форме объекта
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
505
3. Убедитесь, что нарисованный прямоугольник все еще выделен. В правой части панели управления установите переключатель Обтекание по форме объекта (Wrap Around Object Shape) (рис. 6.133). 4. Выберите инструмент Выделение (Selection) на панели инструментов. 5. Щелкните по краю фрейма, чтобы выделить его. 6. Выберите команду меню Объект ⇒ Содержимое ⇒ Текст (Object ⇒ Content ⇒ Text), чтобы превратить этот фрейм в текстовый фрейм. 7. Добавьте текст в текстовый фрейм, чтобы завершить процесс создания вырванной из контекста цитаты (рис. 6.134).
Рис. 6.134. Готовая «вырванная из контекста цитата»
ÂÐÀÙÅÍÈÅ ÐÀÇÂÎÐÎÒÀ Вам больше не нужно поворачивать монитор при оформлении издания, содержащего страницы как с горизонтальной, так и с вертикальной ориентацией. Команда Повернуть разворот (Rotate Spread) позволяет временно повернуть документ на 90 градусов, чтобы вам проще было работать над текстом и изображениями, ориентация которых отличается от ориентации остальных элементов документа. Чтобы повернуть разворот: 1. Запустите программу InDesign и выберите команду меню Файл ⇒ Новый ⇒ Документ (File ⇒ New ⇒ Document), чтобы отобразилось диалоговое окно Новый документ (New Document) (рис. 6.135). 2. В поле ввода Количество страниц (Number of Pages) введите значение 3. Вы можете ввести большее число, но оно не должно быть меньше 3. Нам необходимы как минимум 3 страницы, поскольку программа InDesign размещает первую страницу отдельно, по аналогии с журналом или книгой, где первая страница обычно находится справа. Когда вы создаете 3 страницы, вы можете быть уверены, что будет создан хотя бы один разворот.
506
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.135. Диалоговое окно Новый документ
3. Щелкните по кнопке OK, чтобы закрыть диалоговое окно Новый документ (New Document) и создать документ. Будет открыта первая страница документа. 4. Выберите команду меню Просмотр ⇒ Повернуть разворот ⇒ 90° по часовой (View ⇒ Rotate Spread ⇒ 90° CW). Первая страница поворачивается по часовой стрелке на одну четверть круга относительно остальных страниц документа (рис. 6.136). 5. Выберите команду меню Окно ⇒ Страницы (Window ⇒ Pages), чтобы отобразить палитру Страницы (Pages). Рядом с миниатюрой страницы 1 отображается значок Вид повернут на –90° (View Is Rotated –90°), который указывает на то, что представление данной страницы на палитре Страницы (Pages) повернуто на 90° против часовой стрелки (рис. 6.137). (Это может показаться несколько запутанным, но вы повернули страницу по часовой стрелке, а то, что вы видите на палитре Страницы (Pages), — не изменилось, поэтому, чтобы получить исходное представление страницы, страницу необходимо повернуть на 90° против часовой стрелки относительно текущего положения страницы.)
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Рис. 6.136. Макет документа, состоящий из трех страниц, в котором первая страница повернута на 90°
Рис. 6.137. Палитра Страницы
507
508
ÏÐÎÅÊÒ 6. Áðîøþðû
ÊÀÊ ÏÐÈÌÅÍßÒÜ ÑÒÈËÈ ÑÈÌÂÎËÎÂ È ÑÒÈËÈ ÀÁÇÀÖÅÂ Работаете ли вы с короткими или длинными документами, применение стилей помогает обеспечить единообразное форматирование текста. Стили представляют собой набор атрибутов форматирования текста, который вы можете сохранить и применить к другому тексту. Единообразный дизайн — в первую очередь это относится к длинным документам — помогает читателям перемещаться по вашему документу, а также помогает поддерживать чистый и привлекательный стиль оформления документа. Программа Adobe InDesign CS5 предлагает два вида стилей: •
Стиль символов объединяет информацию о том, как выглядят текстовые символы: размер шрифта, гарнитура шрифта, начертание шрифта (полужирный, курсив), трекинг и интерлиньяж. Стили символов доступны на палитре Стили символов (Character Styles) (команда меню Окно ⇒ Стили ⇒ Стили символа (Window ⇒ Styles ⇒ Character Styles)).
•
Стиль абзацев включает все атрибуты стилей символов, а также информацию об ориентации текста (горизонтальная или вертикальная), позициях табуляции и других параметрах абзаца. Вы можете применить стиль абзаца к отдельному абзацу или к группе абзацев. Стили абзацев доступны на палитре Стили абзацев (Paragraph Styles) (Окно ⇒ Стили ⇒ Стили абзаца (Window ⇒ Styles ⇒ Paragraph Styles)).
Используйте стили символов только в тех случаях, когда вам нужно применить определенный стиль лишь к нескольким словам, а не ко всему абзацу. В противном случае лучше применять более универсальные стили абзацев. В этом разделе рассматриваются следующие вопросы: •
создание стилей абзацев на основе существующего форматирования;
•
создание стилей абзацев с нуля;
•
применение стилей абзацев;
•
редактирование стилей;
•
создание и применение стилей символов.
ÑÎÇÄÀÍÈÅ ÑÒÈËÅÉ ÍÀ ÎÑÍÎÂÅ ÑÓÙÅÑÒÂÓÞÙÅÃÎ ÔÎÐÌÀÒÈÐÎÂÀÍÈß Один из самых быстрых и простых способов создать стиль — это взять за основу тот текст, который вы уже отформатировали. В этом случае вы можете увидеть, как будет выглядеть текст на странице еще до сохранения атрибутов форматирования этого текста в качестве стиля. Чтобы создать стиль на основе существующего форматирования: 1. Запустите программу InDesign, создайте новый документ и с помощью инструмента Текст (Type) создайте новый текстовый фрейм. 2. Добавьте текст в текстовый фрейм и примените форматирование.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
509
Рис. 6.138. Палитра Стили абзацев
Текст в нашем примере (рис. 6.138) отформатирован следующим образом: • гарнитура: Tahoma; • размер шрифта: 18 пунктов; • цвет шрифта: красный. 3. Выделите текст с помощью инструмента Текст (Type). 4. Выберите команду меню Окно ⇒ Стили ⇒ Стили абзаца (Window ⇒ Styles ⇒ Paragraph Styles), чтобы отобразилась палитра Стили абзацев (Paragraph Styles) (рис. 6.138). 5. Не снимая выделения с текста, щелкните по кнопке Создать новый стиль (Create New Style) внизу палитры Стили абзацев (Paragraph Styles). В списке на палитре Стили абзацев (Paragraph Styles) появится новый стиль (рис. 6.139).
Рис. 6.140. Меню палитры Стили абзацев
Рис. 6.139. Новый стиль, созданный на палитре Стили абзацев
510
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.141. Диалоговое окно Параметры стиля абзаца
6. Выберите этот стиль, после чего выберите команду Параметры стиля (Style Options) в меню палитры Стили абзацев (Paragraph Styles) (рис. 6.140). Появится диалоговое окно Параметры стиля абзаца (Paragraph Style Options) (рис. 6.141). 7. В поле ввода Имя стиля (Style Name) введите название стиля. В дальнейшем вы будете использовать это название для применения данного стиля к тексту, поэтому название должно максимально отражать суть. Например, вы можете назвать стиль по его назначению (Заголовок второго уровня) или по его внешнему виду (Tahoma 18 пт Красный). 8. Щелкните по кнопке OK, чтобы закрыть диалоговое окно Параметры стиля абзаца (Paragraph Style Options). Переименованный стиль теперь доступен на палитре Стили абзацев (Paragraph Styles) (рис. 6.142).
Рис. 6.142. Переименованный стиль
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
511
ÑÎÇÄÀÍÈÅ ÑÒÈËß Ñ ÍÓËß Возможно, вы хотите, чтобы текст, отформатированный при помощи стиля символов или стиля абзаца, выглядел необычным образом. Если это так, вы можете создать заказной стиль. Чтобы создать заказной стиль: 1. Если палитра Стили абзацев (Paragraph Styles) еще не открыта, выберите команду меню Окно ⇒ Стили ⇒ Стили абзаца (Window ⇒ Styles ⇒ Paragraph Styles), чтобы отобразить эту палитру на экране. 2. Выберите команду Новый стиль абзаца (New Paragraph Style) в меню палитры Стили абзацев (Paragraph Styles) (рис. 6.140). Появится диалоговое окно Новый стиль абзаца (New Paragraph Style) (рис. 6.143). 3. В поле ввода Имя стиля (Style Name) введите название стиля. В дальнейшем вы будете использовать это название для применения данного стиля к тексту, поэтому название должно максимально отражать суть. Например, вы можете назвать стиль по его назначению (Заголовок второго уровня) или по его внешнему виду (Tahoma 18 пт Красный).
Рис. 6.143. Категория параметров Основные в диалоговом окне Новый стиль абзаца
512
ÏÐÎÅÊÒ 6. Áðîøþðû
4. В категории Основные (General) диалогового окна Новый стиль абзаца (New Paragraph Style) (которая выбрана по умолчанию) вы можете настроить следующие параметры: • В раскрывающемся списке На основе (Based On) выбеРис. 6.144. Следующий стиль рите стиль, на котором будет основан текущий стиль. Если вы возьмете за основу существующий стиль, все изменения, вносимые в стиль«основу» — или так называемый родительский стиль (parent style), — будут оказывать влияние на новый стиль, называемый дочерним стилем (child style). Для получения более подробной информации о родительских и дочерних стилях обратитесь к справке программы InDesign. • В раскрывающемся списке Следующий стиль (Next Style) вы можете указать, какой стиль должен следовать после определяемого стиля. Если вы настроите этот параметр, после нажатия клавиши Enter (Windows) или Return (Mac OS) в конце абзаца, к которому применяется данный стиль, стиль, выбранный в раскрывающемся списке Следующий стиль (Next Style), будет автоматически применен к следующему абзацу. Например, для многих заголовков в качестве следующего стиля используется стиль «Нормальный» или «Основной текст». Если в качестве следующего стиля выбрать стиль под названием «Основной текст», после нажатия клавиши Enter или Return (рис. 6.144) к тексту, следующему за заголовком, будет автоматически применено форматирование, определенное для стиля «Основной текст». 5. Щелкните по другим категориям параметров слева в диалоговом окне Новый стиль абзаца (New Paragraph Style), чтобы настроить параметры в других категориях. Например, вы можете внести изменения в следующих категориях: • Основные атрибуты символов (Basic Character Formats): гарнитура, размер шрифта, начертание, кернинг, интерлиньяж, трекинг, регистр и т. д. • Дополнительные атрибуты символов (Advanced Character Formats): масштабирование по горизонтали и по вертикали, смещение базовой линии и наклон. • Отступы и отбивки (Indents And Spacing): Отступы, отбивка, выравнивание и т. д. С помощью параметра Выравнивать по сетке (Align To Grid) можно выровнять весь текст по сетке документа. • Цвет символов (Character Color): Можно выбрать цвет символов из списка, включающего созданные вами образцы. 6. Когда вы будете довольны внесенными изменениями, щелкните по кнопке OK, чтобы создать стиль. Диалоговое окно Новый стиль абзаца (New Paragraph Style) закроется, и на палитре Стили абзаца (Paragraph Styles) появится новый стиль.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
513
ÏÐÈÌÅÍÅÍÈÅ ÑÒÈËß Когда вы создали стиль с помощью одного из описанных способов, вы можете применить этот стиль к новому или существующему тексту. Чтобы применить стиль: 1. Создайте текстовый фрейм с помощью инструмента Текст (Type). 2. Добавьте фрейм.
текст
в
Рис. 6.145. Выделение текста для последующего применения стиля
текстовый
3. Если палитра Стили абзацев (Paragraph Styles) еще не открыта, выберите команду меню Окно ⇒ Стили ⇒ Стили абзаца (Window ⇒ Styles ⇒ Paragraph Styles), чтобы отобразить эту палитру на экране. 4. Выделите текст с помощью инструмента Текст (Type) (рис. 6.145). 5. На палитре Стили абзацев (Paragraph Styles) щелкните по стилю, чтобы применить его к выделенному тексту. 6. Щелкните в любом месте экрана, чтобы снять выделение с текста. Атрибуты форматирования, определенные в выбранном стиле, будут применены к тексту (рис. 6.146).
Рис. 6.146. Стиль применен
ÐÅÄÀÊÒÈÐÎÂÀÍÈÅ ÑÒÈËß Даже после того, как вы примените стиль к тексту, вы можете внести изменения в этот стиль. Внесенные изменения автоматически применяются ко всему тексту, к которому был применен данный стиль. Чтобы редактировать стиль: 1. Если палитра Стили абзацев (Paragraph Styles) еще не открыта, выберите команду меню Окно ⇒ Стили ⇒ Стили абзаца (Window ⇒ Styles ⇒ Paragraph Styles), чтобы отобразить эту палитру на экране. 2. Щелкните по стилю, чтобы выбрать его. В идеале это должен быть тот стиль, который вы до этого применили к тексту. 3. Выберите команду Параметры стиля (Style Options) в меню палитры Стили абзацев (Paragraph Styles) (рис. 6.140).
514
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.147. Диалоговое окно Параметры стиля абзаца
Появится диалоговое окно Параметры стиля абзаца (Paragraph Style Options) (рис. 6.147). 4. Слева в диалоговом окне Параметры стиля абзаца (Paragraph Style Options) щелкните по категории Основные атрибуты символов (Basic Character Formats), чтобы отобразить параметры данной категории. 5. Измените значения некоторых из перечисленных параметров: • Гарнитура (Font family); • Кегль (Font Size); • Регистр (Case); • Интерлиньяж (Leading). 6. Щелкните по кнопке OK, чтобы применить изменения. Весь текст, к которому был применен этот стиль, изменится. Рис. 6.148. Применены изменения стиля
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
515
В нашем примере (рис. 6.148) были использованы следующие настройки: • Гарнитура (Font family): Times New Roman; • Кегль (Font Size): 18 пунктов; • Регистр (Case): Капители (Small Caps).
ÑÎÇÄÀÍÈÅ È ÏÐÈÌÅÍÅÍÈÅ ÑÒÈËÅÉ ÑÈÌÂÎËÎÂ Стили символов могут включать только те атрибуты форматирования, которые применимы к символам. Стили символов полезно использовать в том случае, когда вы хотите применить особое форматирование к слову или фразе в абзаце — даже в том абзаце, к которому применен стиль абзаца. Стили символов переопределяют атрибуты стилей абзаца. Чтобы создать стиль символов: 1. Выберите команду меню Окно ⇒ Стили ⇒ Стили символа (Window ⇒ Styles ⇒ Character Styles), чтобы отобразилась палитра Стили символов (Character Styles) (рис. 6.149). 2. Выберите команду Новый стиль символов (New Character Style) в меню палитры Стили символов (Character Styles) (рис. 6.150).
Рис. 6.149. Палитра Стили символов
Рис. 6.150. Меню палитры Стили символов
Появится диалоговое окно Новый стиль символа (New Character Style) (рис. 6.151). Количество категорий в левой части диалогового окна Новый стиль символа (New Character Style) меньше, чем в диалоговом окне Параметры стиля абзаца (Paragraph Style Options). 3. В поле ввода Имя стиля (Style Name) введите название стиля. В дальнейшем вы будете использовать это название для применения данного стиля к тексту, поэтому название должно максимально отражать суть.
516
ÏÐÎÅÊÒ 6. Áðîøþðû
Например, вы можете назвать стиль по его назначению (Подсветка текста) или по его внешнему виду (Tahoma 14 пт Красный). 4. Выбирая категории в списке, расположенном в левой части диалогового окна, настройте значения параметров в других категориях. Например, вы можете изменить значения параметров в следующих категориях: • Основные атрибуты символов (Basic Character Formats): гарнитура, размер шрифта (кегль), начертание, кернинг, интерлиньяж, трекинг, регистр и т. д. • Дополнительные атрибуты символов (Advanced Character Formats): масштабирование по горизонтали и по вертикали, смещение базовой линии и наклон. • Цвет символов (Character Color): можно выбрать цвет символов из списка, включающего созданные вами образцы. 5. Когда вы будете довольны внесенными изменениями, щелкните по кнопке OK, чтобы создать стиль символов.
Рис. 6.151. Диалоговое окно Новый стиль символа
Чтобы применить стиль символов: 1. Создайте текстовый фрейм с помощью инструмента Текст (Type). 2. Добавьте текст в текстовый фрейм. 3. Если палитра Стили символов (Character Styles) еще не открыта, выберите команду меню Окно ⇒ Стили ⇒ Стили символа (Window ⇒ Styles ⇒ Character Styles), чтобы отобразить эту палитру на экране.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
517
Рис. 6.152. Выделение текста
4. Выделите одно или два слова в тексте с помощью инструмента Текст (Type) (рис. 6.152). 5. На палитре Стили символов (Character Styles) щелкните по стилю, чтобы применить его к выделенному тексту. 6. Щелкните в любом месте экрана, чтобы снять выделение с текста. Атрибуты форматирования, определенные в данном стиле, будут применены к выделенному тексту (рис. 6.153). Стиль не применяется автоматически ко всему абзацу, как это происходит при применении стиля абзацев.
Рис. 6.153. Стиль символа применен
ÊÀÊ ÈÌÏÎÐÒÈÐÎÂÀÒÜ ÔÀÉËÛ В программе Adobe InDesign CS5 для добавления файлов в макет используется команда Поместить (Place). При применении команды Поместить (Place) вы можете настроить параметры импортирования для файлов отдельных типов. Например, если вы импортируете файл, созданный в программе Adobe Photoshop CS5, в программу InDesign, вы можете управлять слоями, содержащимися в этом файле, во время его импортирования.
518
ÏÐÎÅÊÒ 6. Áðîøþðû
Импортировав файл в формате Photoshop PSD, вы можете открыть и редактировать этот файл в программе Photoshop непосредственно со страницы документа программы InDesign. После закрытия программы Photoshop внесенные изменения автоматически перенесутся на изображение, содержащееся на странице. Подобное сквозное редактирование может ускорить вашу работу. Ïðèìå÷àíèå:  ýòîì ðàçäåëå ðàññìàòðèâàþòñÿ ôàéëû, ñîçäàâàåìûå â ïðîãðàììå Photoshop. Íàñòðîéêè ïàðàìåòðîâ èìïîðòèðîâàíèÿ äëÿ ôàéëîâ, ñîçäàâàåìûõ â ïðîãðàììå Adobe Illustrator CS5, àíàëîãè÷íû.
ÈÌÏÎÐÒÈÐÎÂÀÍÈÅ ÔÀÉËÎÂ Параметры, доступные при импортировании графики, зависят от типа импортируемого изображения. Вы можете настраивать параметры импорта в диалоговом окне Параметры импорта изображения (Image Import Options). Чтобы импортировать файл: 1. Запустите программу InDesign и создайте новый документ. 2. Выберите команду меню Файл ⇒ Поместить (File ⇒ Place). Появится диалоговое окно Поместить (Place) (рис. 6.154). 3. Убедитесь, что установлен флажок Показать параметры импорта (Show Import Options). Этот параметр позволяет настраивать параметры импорта файла. 4. Установите флажок Просмотр (Preview) (Windows). Когда установлен флажок Просмотр (Preview), в нижнем правом углу диалогового окна Поместить (Place) отображается миниатюра выбранного файла. 5. Найдите файл в формате Photoshop PSD. 6. Выберите файл и щелкните по кнопке Открыть (Open). Появится диалоговое окно Параметры импорта изображения (Image Import Options) (рис. 6.155). 7. Если вкладка Слои (Layers) не выбрана, щелкните по ней, чтобы выбрать ее. 8. В группе элементов управления Показать слои (Show Layers) щелкните по значку видимости для тех слоев, которые вы не хотите отображать, или установите значок видимости для тех слоев, которые вы хотите отобразить. В нашем примере (рис. 6.155) был отключен слой с фоновым изображением дерева. 9. В раскрывающемся списке группы элементов управления Обновление связи с файлом (Update Link Options) выберите значение Сохранять настройку видимости слоев (Keep Layer Visibility Overrides).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
519
Рис. 6.154. Диалоговое окно Поместить
Теперь вы можете управлять видимостью слоя непосредственно из программы InDesign, даже если вы меняете видимость слоя в файле Photoshop. Ïðèìå÷àíèå: Ïðè èìïîðòèðîâàíèè ôàéëà èçîáðàæåíèÿ â ïðîãðàììó InDesign âû ôàêòè÷åñêè ñîçäàåòå ñâÿçü ñ ýòèì ôàéëîì. Âû ïî-ïðåæíåìó ìîæåòå ðåäàêòèðîâàòü ôàéë â ïðîãðàììå Photoshop äàæå ïîñëå ñîçäàíèÿ äàííîé ñâÿçè.
10.
Щелкните по кнопке OK, чтобы закрыть диалоговое окно Параметры импорта изображения (Image Import Options).
Диалоговое окно Поместить (Place) закроется. Указатель мыши примет вид значка загруженного графического объекта с миниатюрой изображения. 11.
Щелкните по тому месту страницы, куда вы хотите поместить изображение.
520
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.155. Диалоговое окно Параметры импорта изображения
Изображение появится на странице в своем обычном размере (рис. 6.156). Настройки видимости слоев изображения совпадают с теми, которые вы установили в диалоговом окне Параметры импорта изображения (Import Image Options).
Рис. 6.156. Объект помещен на страницу
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
521
Чтобы снизить потребление оперативной памяти, программа InDesign по умолчанию отображает изображение в самом низком качестве. 12.
Чтобы отобразить изображение в максимальном качестве, выберите команду меню Просмотр ⇒ Режим отображения ⇒ Высокое качество отображения (View ⇒ Display Performance ⇒ High Quality Display).
Качество отображения изменится. Ïðèìå÷àíèå: Ýòà íàñòðîéêà íå âëèÿåò íà êà÷åñòâî èçîáðàæåíèÿ ïðè ïå÷àòè.
ÐÅÄÀÊÒÈÐÎÂÀÍÈÅ ÈÑÕÎÄÍÎÃÎ ÈÇÎÁÐÀÆÅÍÈß Когда вы импортируете файл Photoshop в программу InDesign, вы можете открыть исходный файл непосредственно из программы InDesign. Чтобы отредактировать исходное изображение: 1. Выберите файл Photoshop, который вы импортировали в программу InDesign. 2. Выберите команду меню Редактирование ⇒ Редактировать оригинал (Edit ⇒ Edit Original). Исходное изображение откроется в программе Photoshop (рис. 6.157).
Рис. 6.157. Исходное изображение в программе Photoshop
522
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.158. Отредактированное изображение в программе InDesign
3. Внесите изменения в изображение в программе Photoshop. В нашем примере (рис. 6.157) мы изменили цвет текста. 4. По окончании работы сохраните внесенные изменения и закройте программу Photoshop. 5. Вернитесь в программу InDesign. Объект изменился (рис. 6.158). Ïðèìå÷àíèå: Ôîí èìïîðòèðîâàííîãî èç ïðîãðàììû Photoshop èçîáðàæåíèÿ (ðèñ. 6.157) ïî-ïðåæíåìó íå âèäåí (ðèñ. 6.158). Ýòî ïîâåäåíèå îáóñëîâëåíî òåì, ÷òî âû âûáðàëè çíà÷åíèå Ñîõðàíÿòü íàñòðîéêó âèäèìîñòè ñëîåâ (Keep Layer Visibility Overrides), êîãäà èìïîðòèðîâàëè èçîáðàæåíèå.
ÊÀÊ ÑÎÇÄÀÂÀÒÜ ÈÍÒÅÐÀÊÒÈÂÍÛÅ ÄÎÊÓÌÅÍÒÛ Вы можете применять программу Adobe InDesign CS5 для создания динамического интернет-содержимого или интерактивных документов. Программа InDesign поддерживает экспорт в форматы SWF или PDF.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
523
ÈÍÒÅÐÀÊÒÈÂÍÛÅ ÂÅÁ-ÄÎÊÓÌÅÍÒÛ ÄËß FLASH Для SWF-файлов в качестве размеров страницы указываются размеры, соответствующие разрешению монитора (например, 800 × 600). Экспортированный SWF-файл готов к просмотру в проигрывателе Adobe Flash Player и может содержать такие интерактивные элементы, как переходы страниц, гиперссылки и навигационные кнопки. В этом разделе вы познакомитесь с тем, как создавать веб-документы с помощью программы InDesign (рис. 6.159). Пошаговые инструкции описывают процесс создания интерактивных кнопок, добавления переходов между страницами и экспорта в формат SWF. В программе InDesign доступно множество других возможностей сделать ваш веб-документ интерактивным. Освоив основы, попробуйте поэкспериментировать с дополнительными возможностями, например кнопками-ролловерами, анимацией объектов с помощью предварительно созданных стилей движения и настройкой параметров экспорта в формат SWF. При проектировании своего документа в программе InDesign для последующего экспорта в формат SWF учитывайте следующие факторы.
Рис. 6.159. Создание интерактивных документов с помощью программы InDesign
524
ÏÐÎÅÊÒ 6. Áðîøþðû
Ïðîáëåìû, ñâÿçàííûå ñ ïàðàìåòðàìè äîêóìåíòà •
Преобразование страниц InDesign. При экспорте файла в формат SWF развороты, созданные в программе InDesign, преобразуются в отдельные клипы на временной шкале, как слайды в слайд-шоу. Каждому развороту соответствует отдельный ключевой кадр. В проигрывателе Flash Player переход от одного разворота экспортированного документа к другому выполняется нажатием клавиш со стрелками или щелчками по интерактивным кнопкам.
•
Формат страницы. Когда вы создаете документ, вы можете выбрать определенное разрешение, например 800 × 600, в раскрывающемся списке Формат страницы (Page Size) диалогового окна Новый документ (New Document). Во время экспорта вы также можете отрегулировать масштаб и разрешение экспортируемых в формат SWF файлов.
Ïðîáëåìû ñ êîíâåðòèðîâàíèåì •
•
• •
Цвет. В SWF-файлах используются цвета RGB. При экспорте документа в формат SWF программа InDesign конвертирует все цветовые пространства (например, CMYK или LAB) в цветовое пространство sRGB. Программа InDesign преобразует плашечные цвета в эквивалентные триадные цвета RGB. Чтобы избежать нежелательных изменений цвета в графических объектах, содержащих текст с прозрачностью, выберите команду меню Редактирование ⇒ Пространство при обработке прозрачности ⇒ RGB документа (Edit ⇒ Transparency Blend Space ⇒ Document RGB). Чтобы избежать нежелательных изменений цвета в изображениях с прозрачностью, избегайте применения сжатия с потерей качества при экспорте. Текст. При экспорте в формат SWF вы можете указать, как должен выводиться текст: в виде Flash-текста, векторных контуров или растрового текста. Текст, экспортированный с использованием режима Классический текст Flash (Flash Classic Text), остается полностью доступным для поиска в веб-браузерах при сохранении в виде SWF-файлов. Изображения. Когда вы экспортируете изображения в формат SWF, можно изменить параметры сжатия изображения, качество JPEG-изображения и настройки разрешения. Прозрачность. Перед началом экспорта в формат SWF убедитесь, чтобы прозрачные объекты не перекрывали интерактивные элементы, такие как кнопка или гиперссылка. Если объект с прозрачными областями перекрывает интерактивный элемент, интерактивность перекрытого элемента не будет сохраняться во время экспорта. В отдельных случаях при выборе сжатия с потерей качества качество изображений с прозрачностью снижается. Для улучшения качества при экспорте следует выбрать значение PNG (Без потерь) (PNG (Lossless)).
Èíòåðàêòèâíûå âîçìîæíîñòè В экспортируемые SWF-файлы можно включать кнопки, переходы страниц, гиперссылки, анимацию и файлы мультимедиа. • Кнопки. Кнопкам экспортируемого SWF-файла можно назначить действия Следующая страница (Next Page) и Предыдущая страница (Previous Page), часто используе-
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
525
мые при воспроизведении в проигрывателе Flash Player. Однако некоторые действия, применяемые в интерактивных PDF-файлах, не поддерживаются в проигрывателе Flash Player. При выборе действия на палитре Кнопки (Buttons) не выбирайте параметры в разделе Только PDF (PDF Only). • Переходы страниц. Все переходы страниц поддерживаются в проигрывателе Flash Player. Помимо переходов страниц, отображающихся при переворачивании выбранной страницы, во время экспорта вы можете добавить интерактивное переворачивание страниц, позволяющее перелистывать страницы за их уголки. • Гиперссылки. Имеется возможность создания ссылок на веб-сайты или другие страницы документа. • Фильмы и звуковые клипы. Фильмы и звуковые клипы включаются в экспортированный SWF-файл, если поддерживается их формат, например формат SWF для видео и формат MP3 для звуковых клипов. Чтобы создать интерактивные SWF-файлы (Flash) для Интернета: 1.
Запустите программу InDesign и выберите команду меню Файл ⇒ Новый ⇒ Документ (File ⇒ New ⇒ Document).
Появится диалоговое окно Новый документ (New Document) (рис. 6.160). 2. Если вы собираетесь создать документ для Интернета, выберите значение Web в раскрывающемся списке Метод (Intent) диалогового окна Новый документ (New Document).
Рис. 6.160. Диалоговое окно Новый документ
526
ÏÐÎÅÊÒ 6. Áðîøþðû
3. Введите значение 2 или большее значение в поле ввода Количество страниц (Number Of Pages). 4. Выберите значение Letter в раскрывающемся списке Формат страницы (Page Size). 5. Щелкните по кнопке OK, чтобы закрыть диалоговое окно Новый документ (New Document). В первую очередь, вам необходимо создать интерактивную кнопку, которая позволит пользователям перемещаться от страницы к странице в экспорти- Рис. 6.161. Панель рованном SWF-файле. инструментов 6. Импортируйте изображение, нарисуйте фигуру или добавьте текст в документ. 7. Используйте инструмент Выделение (Selection) (рис. 6.161), чтобы выделить изображение, фигуру или текстовый фрейм, который вы преобразуете в кнопку. 8. Выберите команду меню Окно ⇒ Интерактивные элементы ⇒ Кнопки (Window ⇒ Interactive ⇒ Buttons). Появится палитра Кнопки (Buttons) (рис. 6.162). Ïðèìå÷àíèå: Íà ýòîé ïàëèòðå òàêæå äîñòóïíû òèïîâûå êíîïêè.  ìåíþ ïàëèòðû Êíîïêè (Buttons) âûáåðèòå êîìàíäó Îáðàçöû êíîïîê (Sample Buttons), ÷òîáû îòêðûòü îäíîèìåííóþ ïàëèòðó (ðèñ. 6.163). Âû ìîæåòå ïåðåòàùèòü ïðåäâàðèòåëüíî ñîçäàííûå íàâèãàöèîííûå êíîïêè â ñâîé äîêóìåíò è ñâÿçàòü ñ íèìè äåéñòâèÿ âìåñòî òîãî, ÷òîáû ñîçäàâàòü èçîáðàæåíèå, ôèãóðó èëè òåêñòîâûé ôðåéì â ýòîì äîêóìåíòå.
Рис. 6.162. Палитра Кнопки
Рис. 6.163. Палитра Образцы кнопок
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
527
9. Щелкните по значку Преобразовать объект в кнопку (Convert Object To A Button) на палитре Кнопки (Buttons) (рис. 6.162). Объект будет преобразован в кнопку, и содержимое палитры Кнопки (Buttons) обновится. 10.
Укажите имя для новой кнопки в поле ввода Имя (Name) и убедитесь, что флажок Скрыть до запуска (Hidden Until Triggered) сброшен.
Далее вам нужно выбрать событие мыши и назначить ему некоторое действие. 11.
Выберите одно из значений в раскрывающемся списке Событие (Event) (рис. 6.164). Под событием подразумевается момент активации действия. • Кнопка отпущена (On Release). При отпускании кнопки мыши после щелчка. Это наиболее распространенное событие, поскольку оно дает пользователю последнюю возможность отвести указатель мыши от кнопки и не активизировать действие. • Кнопка нажата (On Click). Кнопка мыши нажата (и не отпущена). Если у вас нет особой причины для использования событий Кнопка нажата (On Click), предпочтительнее применять событие Кнопка отпущена (On Release), поскольку оно позволяет отменить выбранное действие. • Курсор наведен (On Roll Over). Указатель мыши входит в область кнопки, определяемую ограничительной рамкой кнопки. • Курсор убран (On Roll Off). Указатель мыши покидает область кнопки.
12.
Щелкните по кнопке Добавить новую операцию для выбранного действия (Add New Action) и выберите действие, которое будет назначено выбранному вами событию.
Например, если вы имеете дело с многостраничным разворотом, вы можете выбрать значение Перейти на следующую страницу (Go To Next Page) в меню возможных действий (рис. 6.165). Если выбрать значение Перейти к URL (Go To URL), можно указать адрес веб-страницы в поле ввода URL на палитре Кнопки (Buttons). Некоторые действия, например действие Перейти к следующему виду (Go To Next View), не требуют дополнительных настроек. 13.
Выделив объект, выберите команду меню Окно ⇒ Интерактивные элементы ⇒ Переходы страницы (Window ⇒ Interactive ⇒ Page Transitions), чтобы добавить переходы страниц, например эффекты «вытеснения» или «растворения».
Появится палитра Переходы страницы (Page Transitions) (рис. 6.166). 14.
В раскрывающемся списке Переход (Transition) выберите значение Перелистывание (только SWF) (Page Turn (SWF Only)).
Вы можете установить указатель мыши на область предварительного просмотра, чтобы увидеть, как действует этот переход. 15.
Выберите команду меню Файл ⇒ Сохранить (File ⇒ Save).
16.
Чтобы экспортировать документ в формат SWF, выберите команду меню Файл ⇒ Экспорт (File ⇒ Export).
528
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.164. Раскрывающийся список Событие
Рис. 6.165. Меню Добавить новую операцию для выбранного действия
Появится диалоговое окно Экспорт (Export). 17.
Выберите значение Flash Player (SWF) в раскрывающемся списке Тип файла (Save As Type) (Windows) или Формат (Format) (Mac OS) и щелкните по кнопке Сохранить (Save).
Появится диалоговое окно Экспорт SWF (Export SWF) (рис. 6.167). Вы можете указать параметры экспорта в диалоговом окне Экспорт SWF (Export SWF). 18.
В данном случае согласитесь с настройками параметров по умолчанию. Чтобы получить больше информации о параметрах диалогового окна Экспорт SWF (Export SWF), обратитесь к разделу «Параметры экспорта SWF» справки программы InDesign.
Рис. 6.166. Палитра Переходы страницы
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
529
Рис. 6.167. Диалоговое окно Экспорт SWF
19.
Щелкните по кнопке OK.
Появится диалоговое окно Создать Flash Player (SWF) (Generate Flash Player (SWF)), и файл начнет обрабатываться. Файл откроется в вашем используемом по умолчанию веб-браузере. 20.
Проверьте работу кнопки в вашем интерактивном SWF-файле (рис. 6.168).
ÀÍÈÌÀÖÈß
Рис. 6.168. Проверка гиперссылок в браузере
Вы можете применять эффекты анимации, чтобы привести в движение объекты документов InDesign, которые вы экспортируете в виде SWF-файлов. Например, вы можете применить стиль движения к заголовку, в результате чего он будет «падать» сверху экрана, или к изображению автомобиля, чтобы автомобиль «выезжал» с правой стороны экрана и «двигался» до места остановки (рис. 6.169). Используйте следующие инструменты и палитры для создания анимации в документах.
530
ÏÐÎÅÊÒ 6. Áðîøþðû
•
Палитра Анимация (Animation). Применение стилей движения и изменение таких параметров, как длительность и скорость.
•
Инструмент Частичное выделение (Direct Selection) и инструмент Перо (Pen). Редактирование контуров, по которым движется анимированный объект.
•
Палитра Синхронизация (Timing). Определение порядка, в котором анимируются объекты на странице.
•
Палитра Просмотр (Preview). Просмотр анимации на палитре программы InDesign.
Чтобы узнать больше о том, как применять анимацию в программе InDesign, обратитесь к соответствующему разделу справки программы InDesign.
Рис. 6.169. Примеры вариантов анимации
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
531
Àíèìàöèÿ â äîêóìåíòå ñ èñïîëüçîâàíèåì ñòèëåé äâèæåíèÿ Стили движения представляют собой предварительно созданные эффекты анимации, которые вы быстро можете применить к объектам. Используйте палитру Анимация (Animation) для применения стилей движения и изменения таких настроек анимации, как длительность и скорость. На палитре Анимация (Animation) можно также указать, когда начинать воспроизведение анимации объекта. Эти стили движения соответствуют стилям в программе Adobe Flash Professional CS5. Вы можете импортировать любой заказной стиль движения, созданный вами в программе Flash Professional, а также сохранять создаваемые и редактируемые стили движения, чтобы использовать их совместно с другими людьми. Ïðèìå÷àíèå: Ôóíêöèè àíèìàöèè ïîääåðæèâàþòñÿ òîëüêî ïðè ýêñïîðòå â ôîðìàò Adobe Flash Player (SWF). Îíè íå ïîääåðæèâàþòñÿ ïðè ýêñïîðòå â ôîðìàò Adobe PDF (èíòåðàêòèâíàÿ âåðñèÿ). ×òîáû äîáàâèòü ýôôåêòû àíèìàöèè â ôàéë ôîðìàòà PDF, ýêñïîðòèðóéòå âûäåëåííûå îáúåêòû èç ïðîãðàììû InDesign â ôàéë ôîðìàòà SWF, à çàòåì ïîìåñòèòå ýòîò SWF-ôàéë â äîêóìåíò InDesign.
Ïàðàìåòðû ñòèëåé äâèæåíèÿ Параметры стилей движения отображаются на палитре Анимация (Animation) (рис. 6.170). Чтобы отобразить палитру Анимация (Animation), выберите команду меню Окно ⇒ Интерактивные элементы ⇒ Анимация (Window ⇒ Interactive ⇒ Animation). Щелкните по значку треугольника рядом с названием группы элементов управления Свойства (Properties), чтобы отобразить дополнительные параметры. •
Имя (Name). Укажите название анимации. При настройке действия, которое запускает анимацию, очень важно указать понятное имя.
•
Стиль (Preset). Выберите стиль из списка заданных стилей.
•
Событие(я) (Event(s)). По умолчанию выбрано событие При загрузке страницы (On Page Load), означающее, что воспроизведение анимированного объекта начинается, когда открывается страница в SWF-файле. Выберите событие При щелчке страницы (On Page Click), чтобы анимация запускалась при щелчке по странице. Выберите параметр При щелчке (самозапуск) (On Click (Self)) или При наведении (самозапуск) (On Roll Over (Self)), чтобы анимация запускалась при щелчке по объекту или при наведении указателя мыши на объект. При создании события кнопки, запускающего анимацию, выбирается событие При событии кнопки (On Button Event). Вы можете указать несколько событий, которые будут запускать анимацию. Если вы выбрали событие При наведении (самозапуск) (On Roll Over (Self)), вы также можете установить флажок Сброс при отведении курсора (Reverse On Roll Off). Этот параметр сбрасывает анимацию в начальное состояние, когда указатель мыши покидает область объекта.
•
Создать триггер кнопки (Create Button Trigger). Щелкните по этой кнопке, чтобы запустить анимацию щелчком на существующем объекте или кнопке. После щелчка по кнопке Создать триггер кнопки (Create Button Trigger) щелкните по объекту, который будет
532
ÏÐÎÅÊÒ 6. Áðîøþðû
запускать анимацию. При необходимости объект превращается в кнопку, и появляется палитра Кнопки (Buttons). • Длительность (Duration). Определяет продолжительность анимации. • Воспроизвести (Play). Укажите количество циклов воспроизведения анимации или установите флажок По кругу (Loop), чтобы циклически повторять анимацию, пока она не будет остановлена. • Скорость (Speed). Выберите один из вариантов воспроизведения анимации: с постоянной скоростью (значение Нет (None)), с ускорением (значение Ускорение (Ease In)) или с замедлением (значение Замедление (Ease Out)). Ниже перечислены параметры, которые доступны, когда развернута группа элементов управления Свойства (Properties) (рис. 6.170). • Анимировать (Animate). Выберите одно из перечисленных ниже значений в раскрывающемся списке Анимировать (Animate). Каждый вариант продемонстрирован на примере (рис. 6.171). • Из текущего оформления (From Current Appearance). Текущие свойства объекта (процент масштабирования, угол поворота и положение) используются в качестве отправной точки для анимации. Рис. 6.170. Палитра Анимация • До текущего оформления (To Current Appearance). Текущие свойства объекта используются в качестве конечной точки анимации. Этот режим особенно удобен в слайд-шоу. Например, объекты, «появляющиеся» на странице извне, могут появляться на самой странице, а не на монтажной области, благодаря чему внешний вид печатного документа становится привлекательнее.
Рис. 6.171. Режимы из списка Анимировать
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
533
• До текущего положения (To Current Location). Текущие свойства объекта используются в качестве отправной точки для анимации, а положение объекта — в качестве конечной точки. Этот режим аналогичен режиму Из текущего оформления (From Current Appearance) с той разницей, что движение объекта завершается в текущем положении, а траектория движения смещена. Этот режим особенно полезен для определенных стилей, например размытия и затухания, чтобы объект не появлялся в нежелательном состоянии в конце анимации. Ïðèìå÷àíèå: ×òîáû îòîáðàçèòü ýêðàííóþ âåðñèþ àíèìàöèè â êîíöå òðàåêòîðèè äâèæåíèÿ, ùåëêíèòå ïî êíîïêå Ïîêàçàòü ýêðàííóþ âåðñèþ àíèìàöèè (Show Animation Proxy) â íèæíåé ÷àñòè ïàëèòðû Àíèìàöèÿ (Animation). Ýêðàííàÿ âåðñèÿ àíèìàöèè — ýòî âèçóàëüíîå ïðåäñòàâëåíèå îáúåêòà â êîíöå òðàåêòîðèè äâèæåíèÿ.
• • • •
•
Угол поворота (Rotate). Укажите угол поворота объекта во время анимации. Исходное положение (Origin). Используйте экранную версию анимации, чтобы указать исходную точку траектории движения анимированного объекта. Масштаб (Scale). Укажите значение в процентах, определяющее увеличение или уменьшение размера объекта в процессе анимации. Непрозрачность (Opacity). Выберите значение, определяющее, будет ли анимация постоянно видимой (значение Нет (None)), постепенно появляться (значение Медленное появление (Fade In)) или постепенно исчезать (значение Медленное исчезание (Fade Out)). Видимость (Visibility). Установите флажок Скрыть до выполнения анимации (Hide Until Animated) или Скрыть после выполнения анимации (Hide After Animating), чтобы скрыть объект до или после воспроизведения анимации.
Чтобы создать анимацию в документе с использованием стилей движения: 1. Поместите в документ объект, который вы хотите анимировать. 2. Выберите команду меню Окно ⇒ Интерактивные элементы ⇒ Анимация (Window ⇒ Interactive ⇒ Animation). Появится палитра Анимация (Animation) (рис. 6.170). 3. Выберите стиль движения в раскрывающемся списке Стиль (Preset), например выберите значение Приближение справа (Fly In From Right). На странице появится траектория движения зеленого цвета, определяющая начальную точку, конечную точку и маршрут движения объекта (рис. 6.172).
Рис. 6.172. Траектория движения
534
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.173. Палитра Синхронизация
Рис. 6.174. Палитра Предварительный просмотр
4. Укажите настройки других параметров стиля движения, например, Событие(я) (Event(s)), Длительность (Duration), Воспроизвести (Play) и Скорость (Speed). 5. Чтобы изменить траекторию движения, воспользуйтесь инструментом Перо (Pen) и инструментом Частичное выделение (Direct Selection). 6. (Необязательный шаг.) Если вы помещаете в документ более одного объекта, используйте палитру Синхронизация (Timing) (команда меню Окно ⇒ Интерактивные элементы ⇒ Синхронизация (Window ⇒ Interactive ⇒ Timing)), чтобы указать порядок воспроизведения анимированных объектов (рис. 6.173). Например, вы можете изменить один набор анимационных эффектов, которые реализуются при загрузке страницы, а затем изменить другой набор анимационных эффектов, реализуемых при щелчке по странице. Анимированные объекты перечислены в порядке их создания. Анимации, указанные для события При загрузке страницы (Page Load), по умолчанию воспроизводятся последовательно. Анимации, указанные для события При щелчке страницы (Page Click), воспроизводятся последовательно каждый раз при щелчке по странице. 7. Выберите команду меню Окно ⇒ Интерактивные элементы ⇒ Просмотр (Window ⇒ Interactive ⇒ Preview), чтобы просмотреть созданную анимацию в программе InDesign (рис. 6.174).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
535
8. Если вы внесли изменения в стиль движения, а теперь хотите сохранить эти изменения для дальнейшего использования, выберите команду Сохранить (Save) в меню палитры Анимация (Animation). Ïðèìå÷àíèå: Âû òàêæå ìîæåòå óäàëèòü, äóáëèðîâàòü, èìïîðòèðîâàòü èëè ýêñïîðòèðîâàòü ñòèëè äâèæåíèÿ ñ ïîìîùüþ êîìàíä ìåíþ ïàëèòðû Àíèìàöèÿ (Animation).
9. Введите название для стиля движения и щелкните по кнопке OK.
ÄÈÍÀÌÈ×ÅÑÊÈÅ PDF-ÄÎÊÓÌÅÍÒÛ Создание динамических PDF-документов является удобным способом создания интерактивных слайд-шоу. Как и в случае с интерактивными SWF-документами, вы можете создавать интерактивные PDF-документы, содержащие кнопки, видео- и аудиоклипы, гиперссылки, закладки и переходы страниц. Также вы можете настраивать документы в программе InDesign, которые могут быть конвертированы в формы в программе Acrobat. В данном разделе вы узнаете, как создавать динамические PDF-документы с помощью программы InDesign. Последующие шаги описывают процедуры создания закладок, вставки гиперссылки, применения декоративного перехода страниц и экспорта документа в формат PDF. Освоив основы, попробуйте добавить видео- и аудиоклипы в свой динамический PDFдокумент.
Ñîçäàíèå èíòåðàêòèâíûõ äîêóìåíòîâ äëÿ ýêñïîðòà â ôîðìàò PDF Вы можете экспортировать документы Adobe PDF, содержащие следующие интерактивные элементы. •
Закладки. Закладки, созданные в документе InDesign, отображаются на вкладке Закладки (Bookmarks) в левой части окна программы Adobe Acrobat или Adobe Reader. Каждая закладка указывает на страницу, текст или графический объект в экспортированном PDF-файле.
•
Фильмы и звуковые клипы. Вы можете добавить в документ фильмы или звуковые клипы, а также создавать связи с потоковыми видеофайлами в Интернете. Эти фильмы и звуковые клипы можно воспроизводить в экспортированном PDF-файле.
•
Гиперссылки. При щелчке по гиперссылке в экспортированном PDF-документе будет выполнен переход к другой странице документа, к другому документу или на другой вебсайт. Вы можете создавать гиперссылки на страницы, адреса URL, текстовые привязки, адреса электронной почты и файлы. Если вы создаете гиперссылку на страницу или текстовую привязку в другом документе, убедитесь, что экспортированные файлы находятся в одной папке.
•
Перекрестные ссылки. Перекрестная ссылка позволяет выполнить читателю переход из одной части вашего документа к другой части в экспортированном PDF-файле. Перекрестные ссылки особенно полезны в руководствах пользователя и справочных руковод-
536
•
ÏÐÎÅÊÒ 6. Áðîøþðû
ствах. При экспорте документа с перекрестными ссылками в формат PDF они выступают в роли интерактивных гиперссылок. Переходы страниц. Переходы страниц позволяют применять декоративные эффекты, такие как «растворение» или «стирание», при перелистывании страниц в в экспортированном PDF-файле в полноэкранном режиме.
Чтобы создать интерактивный документ для экспорта в формат PDF: 1. Запустите программу InDesign и выберите команду меню Файл ⇒ Новый ⇒ Документ (File ⇒ New ⇒ Document). Появится диалоговое окно Новый документ (New Document). 2. Если вы создаете документ, предназначенный для печати, согласитесь с выбранным по умолчанию значением Печать (Print) в раскрывающемся списке Метод (Intent) диалогового окна Новый документ (New Document). 3. Введите значение 2 или большее значение в поле ввода Количество страниц (Number Of Pages). 4. Выберите значение Letter в раскрывающемся списке Формат страницы (Page Size). 5. Щелкните по кнопке OK, чтобы закрыть диалоговое окно Новый документ (New Document). В первую очередь, вам необходимо создать закладку на другой раздел документа. 6. Выберите команду меню Окно ⇒ Интерактивные элементы ⇒ Закладки (Window ⇒ Interactive ⇒ Bookmarks). Появится палитра Закладки (Bookmarks) (рис. 6.175). 7. Выделите текст в своем документе. По умолчанию выделенный текст становится названием закладки. 8. Чтобы создать закладку, выполните одно из следующих действий: • щелкните по кнопке Создать новую закладку (Create New Bookmark) на палитре Закладки (Bookmarks); • выберите команду Новая закладка (New Bookmark) в меню палитры Закладки (Bookmarks). 9. Согласитесь с установленным по умолчанию названием закладки или переименуйте ее. Закладки появляются на вкладке Закладки (Bookmarks), когда вы открываете экспортированный PDF-файл в программе Adobe Reader или Acrobat. Ïðèìå÷àíèå: Âû ìîæåòå ïåðåèìåíîâûâàòü è óäàëÿòü çàêëàäêè ñ ïîìîùüþ êîìàíä ìåíþ ïàëèòðû Çàêëàäêè (Bookmarks). Ïåðåòàñêèâàéòå çàêëàäêè ïî ñïèñêó íà ïàëèòðå
Рис. 6.175. Палитра Закладки
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
537
Çàêëàäêè (Bookmarks), ÷òîáû èçìåíèòü èõ ïîðÿäîê. Ñïèñîê çàêëàäîê ìîæíî ñäåëàòü âëîæåííûì, ÷òîáû ïîêàçàòü îòíîøåíèÿ ìåæäó ðàçäåëàìè. Ïðè âëîæåíèè ôîðìèðóåòñÿ îòíîøåíèå ðîäèòåëüñêèõ è äî÷åðíèõ ýëåìåíòîâ. Èåðàðõè÷åñêèé ñïèñîê ìîæíî ðàçâîðà÷èâàòü è ñâîðà÷èâàòü ïî ìåðå íåîáõîäèìîñòè. Èçìåíåíèå ïîñëåäîâàòåëüíîñòè èëè ïîðÿäêà âëîæåííîñòè çàêëàäîê íå îòðàæàåòñÿ íà âíåøíåì âèäå ñàìîãî äîêóìåíòà.
Далее вы создадите гиперссылку, при щелчке по которой будет происходить переход на внешний веб-сайт. 10.
Выберите команду меню Окно ⇒ Интерактивные элементы ⇒ Гиперссылки (Window ⇒ Interactive ⇒ Hyperlinks).
Появится палитра Гиперссылки (Hyperlinks) (рис. 6.176). 11.
Выделите текст, фрейм или графический объект, который станет источником гиперссылки.
12.
Чтобы создать гиперссылку, выполните одно из следующих действий: • щелкните по кнопке Создать новую гиперссылку (Create New Hyperlink) на палитре ГиРис. 6.176. Палитра Гиперссылки перссылки (Hyperlinks); • выберите команду Новая гиперссылка (New Hyperlink) в меню палитры Гиперссылки (Hyperlinks); • появится диалоговое окно Новая гиперссылка (New Hyperlink) (рис. 6.177).
Ïðèìå÷àíèå: Èñïîëüçóéòå ïàëèòðó Ãèïåðññûëêè (Hyperlinks) äëÿ ðåäàêòèðîâàíèÿ, óäàëåíèÿ, âîññòàâíîâëåíèÿ èëè ïîèñêà ãèïåðññûëîê.
13.
Выберите значение URL в раскрывающемся списке Связать с (Link To).
14.
В поле ввода URL-адрес (URL) введите или вставьте URL-адрес, на который будет ссылаться гиперссылка.
15.
Измените настройки параметров оформления гиперссылки. • Стиль символа (Character Style). Выберите стиль символов, который будет применен к источнику гиперссылки. Группа элементов управления Стиль символа (Character Style) доступна только в том случае, когда источником гиперссылки является выделенный текст, а не выделенный фрейм или графический объект. • Тип (Type). Выберите одно из следующих значений: Видимый прямоугольник (Visible Rectangle) или Невидимый прямоугольник (Invisible Rectangle). • Выделение (Highlight). Выберите одно из следующих значений: Иверсия (Invert), Рамка (Outline), Вставка (Inset) или Нет (None). Эти значения определяют внешний вид гиперссылки, когда читатель щелкает по ней в PDF-файле.
538
ÏÐÎÅÊÒ 6. Áðîøþðû
Рис. 6.177. Диалоговое окно Новая гиперссылка
• Цвет (Color). Выберите цвет для видимого прямоугольника гиперссылки. • Ширина (Width). Выберите одно из следующих значений: Тонкая (Thin), Средняя (Medium) или Толстая (Thick). Эти значения определяют толщину прямоугольника гиперссылки. • Стиль (Style). Выберите одно из следующих значений: Сплошная (Solid) или Пунктирная (Dashed). Эти значения определяют внешний вид прямоугольника гиперссылки. 16.
Щелкните по кнопке OK.
Ïðèìå÷àíèå: Åñëè ãèïåðññûëêà íà URL-àäðåñ íå ðàáîòàåò â ýêñïîðòèðîâàííîì PDF-ôàéëå, ãèïåðññûëêà ìîæåò óêàçûâàòü íà îáùóþ ïðèâÿçêó. Äâàæäû ùåëêíèòå ïî ýòîé ãèïåðññûëêå íà ïàëèòðå Ãèïåðññûëêè (Hyperlinks), âûáåðèòå çíà÷åíèå URL â ðàñêðûâàþùåìñÿ ñïèñêå Ñâÿçàòü ñ (Link To), ñáðîñüòå ôëàæîê Îáùàÿ ïðèâÿçêà ãèïåðññûëêè (Shared Hyperlink Destination) è ùåëêíèòå ïî êíîïêå OK.
17.
Выберите команду меню Файл ⇒ Экспорт (File ⇒ Export).
18.
Укажите имя и местоположение файла.
19.
В раскрывающемся списке Тип файла (Save As Type) (Windows) или Формат (Format) (Mac OS) выберите значение Adobe PDF (интерактивная версия) (Adobe PDF (Interactive)).
20.
Щелкните по кнопке Сохранить (Save).
Появится диалоговое окно Экспортировать в интерактивный файл PDF (Export To Interactive PDF) (рис. 6.178).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
539
Рис. 6.178. Диалоговое окно Экспортировать в интерактивный файл PDF
21.
Установите флажок Открыть в полноэкранном режиме (Open In Full Screen Mode), чтобы интерактивный PDF-файл открывался в полноэкранном режиме.
22.
Щелкните по кнопке OK.
Появится диалоговое окно Генерация PDF (Generating PDF), и файл начнет обрабатываться. Файл откроется в используемом по умолчанию приложении для просмотра PDF-файлов. Ïðèìå÷àíèå: Åñëè âàì ïðåäëîæàò ïîäòâåðäèòü ðàçðåøåíèå íà îòêðûòèå äîêóìåíòà â ïîëíîýêðàííîì ðåæèìå, ùåëêíèòå ïî êíîïêå Äà (Yes).
23.
Щелкните в любом месте PDF-документа, чтобы перейти к следующей странице.
24.
Проверьте работоспособность созданной гиперссылки (рис. 6.179).
Ïðèìå÷àíèå: Åñëè íà ýêðàíå ïîÿâèòñÿ ïðåäóïðåæäåíèå, ÷òî äîêóìåíò ïûòàåòñÿ ïîäêëþ÷èòüñÿ ê âåáñàéòó, ùåëêíèòå ïî êíîïêå Ðàçðåøèòü (Allow).
25.
Выйдите из полноэкранного режима просмотра, нажав комбинацию клавиш Ctrl+L (Windows), или Command+L (Mac OS), или клавишу Esc.
540
ÏÐÎÅÊÒ 6. Áðîøþðû
26.
Чтобы отобразить панель навигации в программе Adobe Acrobat или Adobe Reader, выполните одно из следующих действий: • щелкните по любой кнопке панелей, расположенных слева от рабочей области, чтобы отобразить эту панель; • выберите команду меню Просмотр ⇒ Панели навигации ⇒ Показывать панель навигации (View ⇒ Navigation Panels ⇒ Show Navigation Pane).
27.
Проверьте работоспособность созданных вами закладок (рис. 6.180).
Рис. 6.179. Проверка работоспособности гиперссылок в программе Acrobat
Рис. 6.180. Закладки на панели навигации программы Acrobat
ÈÒÎÃÎÂÎÅ ÑÎÂÅÙÀÍÈÅ Ñ ÊËÈÅÍÒÎÌ Название команды:_____________________ Дата: ________________________ Проведите итоговое совещание с клиентом, во время которого вы проанализируете итоговый вариант брошюры и обсудите следующие моменты: • коммуникация между клиентом и проектной группой; • промежуточные результаты работы; • обратная связь; • готовая работа.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
541
ÊÎÌÌÓÍÈÊÀÖÈß Довольны ли вы тем, насколько часто и на каком уровне осуществлялась коммуникация? Из всех используемых способов коммуникации какие вы считаете наиболее эффективными? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Опишите, с какими трудностями в процессе коммуникации вы столкнулись. Насколько быстро они были разрешены? Если проблемы так и не были разрешены, можете ли вы предложить способ их разрешения? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Есть ли у вас предложения, как можно усовершенствовать процесс коммуникации с клиентом в дальнейшем? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÏÐÎÌÅÆÓÒÎ×ÍÛÅ ÐÅÇÓËÜÒÀÒÛ ÐÀÁÎÒÛ Был ли предоставленный нами график предоставления промежуточных результатов работы достаточно подробным? Получили ли вы промежуточные результаты работы вовремя? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Соответствовало ли качество промежуточных результатов работ вашим ожиданиям? Были ли предоставлены они в ожидаемом формате? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
542
ÏÐÎÅÊÒ 6. Áðîøþðû
Как мы можем усовершенствовать процесс предоставления промежуточных результатов работы? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÎÁÐÀÒÍÀß ÑÂßÇÜ Было ли у вас достаточно времени, чтобы составить комментарии? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Приняла ли проектная группа ваши комментарии к сведению? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Как можно усовершенствовать процесс обратной связи? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÃÎÒÎÂÀß ÐÀÁÎÒÀ Соответствует ли готовая работа целевой аудитории? Почему да или почему нет? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ Соответствует ли готовая работа вашим ожиданиям? Почему да, или почему нет? _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
543
Другие замечания или предложения. _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________ _______________________________________________________________________
ÐÅÖÅÍÇÈß (ÏÎÂÒÎÐ) См. этот раздел в проекте 5.
7. ÈÍÔÎÐÌÀÖÈÎÍÍÛÅ ÁÞËËÅÒÅÍÈ ÈÍÑÒÐÓÊÖÈÈ ÄËß ÏÐÅÏÎÄÀÂÀÒÅËÅÉ Время выполнения: от 11 до 16 часов.
ÎÁÇÎÐ ÏÐÎÅÊÒÀ Информационные бюллетени представляют собой публикации, распространяемые на регулярной основе (еженедельно, ежемесячно, ежегодно и т. д.) и нацеленные на определенную аудиторию с общими интересами. Информационные бюллетени, как правило, раскрывают некий основной вопрос или тему и содержат различные статьи или рекламные объявления, связанные с данным вопросом или темой. Они могут быть использованы для продвижения продуктов или услуг для поддержания отношений, например информационные бюллетени для членов клуба или выпускников для предоставления информации экспертам по конкретному вопросу или для предоставления информации о конкретной организации. Информационные бюллетени могут быть разосланы по электронной или обычной почте, а также могут распространяться вручную. В рамках данного проекта учащиеся, работая в командах, будут создавать тему, определять цели и готовить содержимое информационного бюллетеня, а также разрабатывать дизайн макета и графических элементов с использованием программ Adobe Photoshop CS5 Extended, Adobe InDesign CS5, Adobe Illustrator CS5 и Adobe Acrobat 9 Pro. Результат проекта: информационный бюллетень.
ÖÅËÈ ÏÐÎÅÊÒÀ По завершении данного проекта учащиеся разовьют следующие навыки. Íàâûêè óïðàâëåíèÿ ïðîåêòîì • • • • • •
Распределение ролей, характерных для процесса печатного производства. Управление задачами в соответствии с назначенными ролями. Определение необходимых элементов. Работа над текстом. Создание и управление планом проекта. Участие во всех этапах процесса печатного производства.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
545
Äèçàéíåðñêèå íàâûêè • • • • • • •
Разработка дизайна шапки издания. Использование дизайна для визуального разделения содержимого. Разработка дизайна макетов с несколькими колонками и многостраничных макетов. Согласованное применение цветов и макетов (с помощью тем). Интеграция изображений и текста для передачи информации. Обеспечение интуитивной навигации. Использование принципов дизайна для возбуждения интереса к бюллетеню.
Èññëåäîâàòåëüñêèå è êîììóíèêàòèâíûå íàâûêè • • • • • • •
Анализ информационных бюллетеней. Использование инструментов дизайна для взаимодействия между членами команды. Получение, анализ и объединение содержимого из различных источников. Анализ и внесение изменений в содержимое в соответствии с поставленными задачами. Коллективная работа. Презентация информационного бюллетеня. Понимание правил журналистской этики.
Òåõíè÷åñêèå íàâûêè Программа InDesign: • создание шаблонов; • повторное использование объектов, хранящихся в библиотеках; • размещение текста по контуру; • создание многостраничных разворотов; • трансформация объектов; • управление потоком текста между фреймами и колонками; • импорт текста из приложения Microsoft Word; • добавление номеров страниц; • создание подписей. Программа Illustrator: • знакомство с интерфейсом программы Illustrator; • добавление текста и создание контура текста; • рисование в программе Illustrator; • рисование в перспективе; • сравнение векторных и растровых изображений; • знакомство с фильтрами программы Illustrator;
546 • • •
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
создание многоугольников; сглаживание и выпрямление контуров; выбор обводки и заливки.
Программа Photoshop: • Использование инструментов измерения. Программа Acrobat Pro: • упаковка файлов информационного бюллетеня для распространения.
ÎÁÎÐÓÄÎÂÀÍÈÅ È ÌÀÒÅÐÈÀËÛ ÄËß ÂÛÏÎËÍÅÍÈß ÏÐÎÅÊÒÀ • • • • • • • • • • • • • • • • •
На всех компьютерах должна быть установлена программа Adobe Photoshop CS5 Extended. На всех компьютерах должна быть установлена программа Adobe InDesign CS5. На всех компьютерах должна быть установлена программа Adobe Illustrator CS5. На всех компьютерах должна быть установлена программа Adobe Acrobat 9 Pro. Бланк «План проекта». Раздел «Как использовать онлайн-службу CS Review для совместного рецензирования и внесения изменений». Раздел с пошаговыми инструкциями по программе Illustrator «Обзор рабочего пространства программы Adobe Illustrator CS5». Раздел с пошаговыми инструкциями по программе Illustrator «Как рисовать в программе Illustrator». Раздел с пошаговыми инструкциями по программе Illustrator «Как рисовать в перспективе в программе Illustrator». Раздел с пошаговыми инструкциями по программе InDesign «Как повторно использовать объекты, хранящиеся в библиотеках». Раздел с пошаговыми инструкциями по программе InDesign «Как использовать шаблоны документов». Раздел с пошаговыми инструкциями по программе InDesign «Как трансформировать объекты». Раздел с пошаговыми инструкциями по программе InDesign «Как управлять потоком текста между фреймами». Раздел с пошаговыми инструкциями по программе InDesign «Как добавлять номера страниц». Раздел с пошаговыми инструкциями по программе InDesign «Как создать подписи». Раздел с пошаговыми инструкциями по программе Photoshop «Как использовать инструменты измерения и анализа». Раздел с пошаговыми инструкциями по программе InDesign «Как импортировать текст из программы Microsoft Word».
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
547
ÄÎÏÎËÍÈÒÅËÜÍÛÅ ÈÑÒÎ×ÍÈÊÈ ÄËß ÏÎÄÃÎÒÎÂÊÈ • • • •
Ресурсы для дополнительной подготовки. Ключевые понятия. Стандарт ISTE NETS*S для учащихся. Сертификация Adobe Certified Associate, задачи экзамена Visual Communication.
ÝÒÀÏÛ ÏÐÎÅÊÒÀ Ïëàíèðîâàíèå èíôîðìàöèîííîãî áþëëåòåíÿ Рекомендуемое время: 50–100 минут. 1. Обсудите цели данного проекта: • создание информационного бюллетеня; • знакомство с основами работы в программе Illustrator; • определение стандартных правил публикации информационных бюллетеней и цитирования источников. 2. Продемонстрируйте учащимся примеры информационных бюллетеней, включите примеры бюллетеней коммерческих организаций, учебных центров и общественных организаций. Ïðèìå÷àíèå: Âû ìîæåòå íàéòè íåñêîëüêî ïðèìåðîâ èíôîðìàöèîííûõ áþëëåòåíåé çàðàíåå, ÷òîáû ïðîäåìîíñòðèðîâàòü èõ ó÷àùèìñÿ.
3. Для каждого примера обсудите его цели и целевую аудиторию. Попросите учащихся определить тему информационного бюллетеня и проанализировать методики дизайна, применяемые для интеграции этой темы с содержимым информационного бюллетеня для удовлетворения целевой аудитории и достижения поставленных целей. 4. Попросите учащихся изучить каждый информационный бюллетень и определить общие элементы, применяемые во всех информационных бюллетенях. Обсудите, как изменяются следующие элементы в зависимости от темы информационного бюллетеня: • шапка издания; • содержимое (и количество статей или записей); • содержание; • титульные данные; • названия и заголовки; • номера страниц; • строки с именами авторов; • строки продолжения; • цитаты;
548
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
• знаки окончания; • фотографии/иллюстрации; • строки для написания почтовоых адресов. 5. В процессе просмотра учащимися информационных бюллетеней обсудите с ними правила журналистской этики и следующие концепции: • Достоверность. Журналисты должны быть честными при сборе, представлении и интерпретировании информации. • Ответственность. Журналисты должны нести ответственность перед своей целевой аудиторией и коллегами. • Справедливость. Журналисты должны представлять новости беспристрастно и объективно, четко отражая различные точки зрения на происходящее. • Вред и безопасность. Журналисты должны с уважением относиться к своим информаторам, подчиненным и коллегам. Они должны оценивать любой потенциальный риск для них самих, информаторов, подчиненных или коллег при подготовке материала. Ïðèìå÷àíèå: Äîïîëíèòåëüíóþ èíôîðìàöèþ ïî ïðàâèëàì æóðíàëèñòñêîé ýòèêè ìîæíî ïîëó÷èòü íà âåá-ñàéòàõ, ïðåäñòàâëåííûõ â ðàçäåëå «Ðåñóðñû äëÿ äîïîëíèòåëüíîé ïîäãîòîâêè».
6. Разбейте учащихся на небольшие команды, состоящие из двух или трех человек. По возможности включите в команды людей с разными способностями, например, обладающими навыками в области визуального дизайна или техническими навыками. Обсудите принципы работы в команде и роли людей в процессе создания информационного бюллетеня. К этим ролям относятся: • редакторы; • писатели; • фотографы; • дизайнеры. Ïðèìå÷àíèå: Îáðàòèòå âíèìàíèå ó÷àùèõñÿ íà òî, ÷òî îíè ÿâëÿþòñÿ ëèøü ðóêîâîäèòåëÿìè ðàáîò, ñâÿçàííûìè ñ íàçíà÷åííîé èì ðîëüþ, îäíàêî âñå ó÷àùèåñÿ áóäóò âûïîëíÿòü çàäà÷è ñîâìåñòíî. Ïîñêîëüêó ýòî âñåãî ëèøü èìèòàöèÿ ïðîöåññà â ðàìêàõ ó÷åáíîé ãðóïïû, ðîëè ïîìîãóò ó÷àùèìñÿ îñâîèòü íàâûêè óïðàâëåíèÿ ïðîåêòîì. Ïðè íåîáõîäèìîñòè âû ìîæåòå îáúåäèíèòü èëè ðàçäåëèòü ðîëè ñ ó÷åòîì êîëè÷åñòâà ÷ëåíîâ â êîìàíäå.
7. Познакомьте учащихся с требованиями, предъявляемыми к создаваемым информационным бюллетеням. К этим требованиям можно отнести следующее: • Объем должен составлять 3—4 страницы. • Использование различных элементов информационного бюллетеня (шапки издания, титульных данных, цитат и т. д.). • Информационный бюллетень должен содержать 3—4 четких раздела. • Информационный бюллетень должен включать 2—3 статьи.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
549
• В информационном бюллетене должны быть использованы 3—4 фотографии. • Необходимо создать трех- или четырехколоночный макет. • Должна быть создана одна композиция дизайна для рецензирования и одна — для внесения изменений. • При возможности желательно включить в информационный бюллетень рекламный продукт из проекта 4. • Любое содержимое или элементы должны применяться с соблюдением авторских прав и принципов правомерного использования. • Должны соблюдаться правила журналистской этики при написании содержимого информационного бюллетеня. • Информационный бюллетень должен разрабатываться с учетом принципов экологического дизайна и экономических, социальных экологических принципов рациональности. Ïðèìå÷àíèå: Âû ìîæåòå ïðåäëîæèòü ó÷àùèìñÿ ñîçäàòü èíôîðìàöèîííûé áþëëåòåíü äëÿ êîíêðåòíîé îðãàíèçàöèè â âàøåì ó÷åáíîì öåíòðå èëè ðàéîíå. Êðîìå òîãî, âû ìîæåòå ïîñòàâèòü óñëîâèå, ÷òî â îäíîé âåðñèè èíôîðìàöèîííîãî áþëëåòåíÿ äîëæíû ïðèñóòñòâîâàòü ñòðîêè äëÿ íàïèñàíèÿ ïî÷òîâîãî àäðåñà, à äðóãóþ ñëåäóåò ðàçîñëàòü ïî ýëåêòðîííîé ïî÷òå.
8. Предоставьте командам время для назначения ролей и коллективного обсуждения темы, назначения, целевой аудитории и задач их информационного бюллетеня. Кроме того, если учащиеся готовятся к сдаче сертификационного экзамена Visual Communication, предложите им найти научную организацию или выбрать научную тему, чтобы они могли включить в бюллетень статью с информацией, посвященной анализу изображений. Ïðèìå÷àíèå: Åñëè ó÷àùèåñÿ ñîçäàþò èíôîðìàöèîííûé áþëëåòåíü äëÿ îðãàíèçàöèè, èì íåîáõîäèìî ïðîâåñòè èíòåðâüþ ñ êëèåíòàìè, ÷òîáû óñòàíîâèòü öåëè, öåëåâóþ àóäèòîðèþ è çàäà÷è, à òàêæå ïîäîáðàòü ïîäõîäÿùóþ òåìó äëÿ áþëëåòåíÿ. Ïîïðîñèòå ó÷àùèõñÿ èçìåíèòü âîïðîñû, ïðåäñòàâëåííûå â ïðåäûäóùèõ îïðîñíèêàõ êëèåíòîâ, è àäàïòèðîâàòü èõ ê äàííîìó ïðîåêòó. Åñëè íàéòè íàñòîÿùèõ êëèåíòîâ ñëîæíî, âû ìîæåòå èñïîëüçîâàòü èäåè èç íåñêîëüêèõ ñöåíàðèåâ, ïðåäñòàâëåííûõ â ðàçäåëå «Äîïîëíèòåëüíûå çàäàíèÿ», ÷òîáû ñîçäàòü êëèåíòñêèå ïðîôèëè.
9. Объясните учащимся, что, поскольку бюллетени создаются несколько раз, будет полезно оптимизировать производственный процесс. Обсудите преимущества следующих действий: • создание и работа с элементами, предназначенными для многократного использования (элементы макета, изображения, графика, иллюстрации и т. д.); • создание и внедрение пособия по стилю для информационного бюллетеня, содержащего списки шрифтов, цветов, стили заголовков и т. д. (это особенно полезно для поддержания согласованности содержимого, а также при передаче знаний новым сотрудникам); • создание и использование шаблонов для информационного бюллетеня. 10.
Попросите учащихся создать первоначальный план проекта, назначив ответственных за каждую задачу и сроки выполнения основных этапов. Когда дизайн информационного бюллетеня будет одобрен заказчиком, учащиеся разработают более подробный план.
Бланк «План проекта».
550
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Ðàçðàáîòêà äèçàéíà èíôîðìàöèîííîãî áþëëåòåíÿ Рекомендуемое время: 200—250 минут. 11.
Предоставьте командам время, чтобы они могли нарисовать на бумаге два различных варианта дизайна информационного бюллетеня (в том числе шапку издания) и разделов, указав, какие элементы будут использованы повторно, и обеспечив согласованный вид страниц для улучшения читаемости титульных и внутренних страниц. Проведите цикл рецензирования и внесения изменений в наброски их макетов в процессе подготовки к созданию композиций дизайна в программе Photoshop.
12.
Предоставьте командам время на создание двух композиций дизайна в программе Photoshop с учетом сделанных набросков и на анализ этих композиций совместно с клиентом. Организуйте циклы рецензирования и внесения изменений до тех пор, пока не будет получен одобренный вариант.
Ïðèìå÷àíèå: Åñëè ó÷àùèåñÿ íå ðàáîòàþò ñ íàñòîÿùèì êëèåíòîì, â ðîëè «êëèåíòîâ» ìîæåòå âûñòóïèòü âû èëè ó÷àùèåñÿ èç äðóãèõ êîìàíä. Ïðèìå÷àíèå: Ïîáóæäàéòå ó÷àùèõñÿ èñïîëüçîâàòü èíñòðóìåíò CS Review — íîâîé îíëàéí-ñëóæáû, èíòåãðèðîâàííîé â ïðîãðàììû Adobe Photoshop CS5 è Adobe InDesign CS5. Ñ ïîìîùüþ îíëàéí-ñëóæáû CS Review ó÷àùèåñÿ ìîãóò âçàèìîäåéñòâîâàòü ñ êëèåíòàìè óäàëåííî, ïîçâîëÿÿ ñäåëàòü ïðîöåññû ðåöåíçèðîâàíèÿ è âíåñåíèÿ èçìåíåíèé îïòèìàëüíûìè è ýôôåêòèâíûìè.
Раздел «Как использовать онлайн-службу CS Review для совместного рецензирования и внесения изменений». 13.
Попросите учащихся подготовить пробный прототип информационного бюллетеня в программе InDesign с учетом утвержденного варианта дизайна. Объясните, что учащиеся должны использовать шаблонный текст для заголовков и статей, а также графические фреймы с короткими описаниями в качестве «заменителей» для изображений и графических элементов.
14.
Попросите учащихся проанализировать прототип вместе с потенциальными читателями информационного бюллетеня. Вот список некоторых моментов для анализа и получения обратной связи: • согласованность внешнего вида страниц; • повторно используемые элементы; • иерархия информации; • удобочитаемость выбранных шрифтов; • использование свободного пространства и «правило третей»; • выравнивание содержимого и графических элементов.
15.
Предоставьте командам время для внесения любых изменений в общий макет и дизайн на основании отзывов пользователей.
16.
Теперь, когда у учащихся появился свой дизайн макета, объясните, что они должны подумать над наполнением информационного бюллетеня, включая количество страниц,
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
551
количество разделов, количество и содержание статей, количество и содержание фотографий, шаблоны, пособие по стилю. Пусть команды обновят свои планы проекта, включив новые детали, которые они теперь могут отслеживать. Бланк «План проекта». 17.
Команды должны вместе с вами проанализировать конечное наполнение информационного бюллетеня и получить ваше одобрение, чтобы убедиться в его достаточности и выполнимости.
Ñîçäàíèå îáëîæêè èíôîðìàöèîííîãî áþëëåòåíÿ Рекомендуемое время: 200—250 минут. 18.
Объясните учащимся, что хотя программа Photoshop прекрасно подходит для работы с изображениями и может быть использована для создания растровых изображений, программа Adobe Illustrator является отличным инструментом для создания векторной графики и изображений.
Объясните, что учащиеся научатся использовать программу Illustrator для создания шапки информационного бюллетеня. Ознакомьте учащихся с интерфейсом программы Illustrator. Раздел с пошаговыми инструкциями по программе Illustrator «Обзор рабочего пространства программы Adobe Illustrator CS5» Ïðèìå÷àíèå: Âîçìîæíî, âû çàõîòèòå, ÷òîáû ó÷àùèåñÿ ïîâòîðèëè ìàòåðèàë ðàçäåëà «Ðàñòðîâûå è âåêòîðíûå èçîáðàæåíèÿ» èç ïðîåêòà 2.
19.
Объясните, что учащиеся будут использовать свои эскизы шапки издания для создания шапки информационного бюллетеня в программе Illustrator. Используя методику «Я делаю, мы делаем, вы делаете», продемонстрируйте учащимся, как использовать инструменты рисования.
Раздел с пошаговыми инструкциями по программе Illustrator «Как рисовать в программе Illustrator». Раздел с пошаговыми инструкциями по программе Illustrator «Как рисовать в перспективе в программе Illustrator». 20.
Предоставьте командам время для создания шапок информационных бюллетеней.
21.
Объясните учащимся, что теперь, когда они узнали о преимуществах создания и применения многократно используемых изображений и шаблонов, они попробуют применить эти принципы на практике с помощью программы InDesign. Используя методику «Я делаю, мы делаем, вы делаете», продемонстрируйте учащимся, как использовать библиотеку и создавать шаблоны.
Раздел с пошаговыми инструкциями по программе InDesign «Как повторно использовать объекты, хранящиеся в библиотеках». Раздел с пошаговыми инструкциями по программе InDesign «Как использовать шаблоны документов».
552 22.
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
По мере создания своих шаблонов макетов учащимся, в зависимости от наполнения их информационных бюллетеней, возможно, потребуется воспользоваться одним или несколькими из следующих расширенных приемов работы. Продемонстрируйте эти приемы, чтобы помочь учащимся реализовать дизайн их макетов: • трансформация объектов; • управление потоком текста между фреймами; • добавление и создание номеров страниц; • создание подписей.
Раздел с пошаговыми инструкциями по программе InDesign «Как трансформировать объекты». Раздел с пошаговыми инструкциями по программе InDesign «Как управлять потоком текста между фреймами». Раздел с пошаговыми инструкциями по программе InDesign «Как добавлять номера страниц». Раздел с пошаговыми инструкциями по программе InDesign «Как создавать подписи».
Ñîçäàíèå èíôîðìàöèîííîãî áþëëåòåíÿ Рекомендуемое время: 200—250 минут. 23.
Попросите учащихся провести анализ статей, которые они планируют включить в информационный бюллетень. Напомните учащимся о необходимости проверки актуальности и достоверности содержимого в процессе сбора информации для статей.
Ïðèìå÷àíèå: Åñëè ó÷àùèåñÿ ñîçäàþò èíôîðìàöèîííûé áþëëåòåíü äëÿ êëèåíòà, èì, âîçìîæíî, ïîòðåáóåòñÿ ïîëó÷èòü ñîäåðæèìîå îò êëèåíòà, à çàòåì ïðåîáðàçîâàòü ïîëó÷åííóþ èíôîðìàöèþ â ñòàòüè. Êðîìå òîãî, åñëè ó÷àùèåñÿ ãîòîâÿòñÿ ê ñäà÷å ñåðòèôèêàöèîííîãî ýêçàìåíà Visual Communication, ïîïðîñèòå èõ ïðîâåñòè èññëåäîâàíèå êàêîé-ëèáî íàó÷íîé êîíöåïöèè.
24.
Если учащиеся создают информационный бюллетень для инженеров, научных или медицинских работников, или проводят исследования и пишут научные статьи, они могут использовать инструменты измерения, доступные в программе Photoshop, для получения количественной информации, например, расстояния, периметра, площади и других измерений. Например, учащиеся могут измерить длину одного жука или одновременно измерить длину нескольких жуков. Используя методику «Я делаю, мы делаем, вы делаете», продемонстрируйте учащимся, как применять инструменты измерения в программе Photoshop.
Раздел с пошаговыми инструкциями по программе Photoshop «Как использовать инструменты измерения и анализа». 25.
Обсудите с учащимися возможность создания содержимого в программе InDesign или написания текста в текстовом процессоре и последующего импортирования этого текста в программу InDesign. Используя методику «Я делаю, мы делаем, вы делаете», продемонстрируйте учащимся, как импортировать текст из приложения Microsoft Word в программу InDesign.
Раздел с пошаговыми инструкциями по программе InDesign «Как импортировать текст из программы Microsoft Word».
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
26.
553
Предоставьте командам время для написания черновиков статей, которые будут представлены на рассмотрение и утверждение преподавателю.
Ïðèìå÷àíèå: Ïîïðîñèòå ó÷àùèõñÿ èñïîëüçîâàòü èíñòðóìåíòû êîììåíòèðîâàíèÿ, äîñòóïíûå â ïðîãðàììå Acrobat, äëÿ ðåöåíçèðîâàíèÿ è óëó÷øåíèÿ ñòàòåé.
27.
Предоставьте командам время, чтобы они могли создать все необходимые графические элементы в программах Photoshop или Illustrator и завершить работу над содержимым статьи и макетом в программе InDesign.
28.
Предложите учащимся провести окончательную редакторскую проверку содержимого и дизайна, завершить работу над информационным бюллетенем и создать версии документа в формате PDF для печати и рассылки по электронной почте.
Ïðåçåíòàöèÿ èíôîðìàöèîííîãî áþëëåòåíÿ Рекомендуемое время: 50—100 минут. 29.
Объясните, что каждая команда будет представлять свой информационный бюллетень в классе, показывая и объясняя следующие аспекты: • принятые дизайнерские решения, благодаря которым они смогли реализовать тему и решить поставленные задачи, используя шапку издания, макет, графические элементы и содержимое бюллетеня; • как они планируют распространять свой информационный бюллетень; • что они освоили в ходе этого процесса и как они продолжат использовать и совершенствовать свои навыки в дальнейшем; • отличия работы в команде с назначенными ролями.
ÄÎÏÎËÍÈÒÅËÜÍÛÅ ÇÀÄÀÍÈß Проект можно дополнить следующими заданиями. •
Этапы проекта. Чтобы помочь учащимся научиться управлять временем при работе над продолжительными проектами, вы можете выделить этапы проекта с своими промежуточными сроками в рамках более крупного проекта. Вы можете провести дискуссию в классе для определения сроков выполнения следующих задач: – сбор замечаний, возникающих в процессе анализа и внесения изменений; – создание пособия по стилю; – анализ аналогичных информационных бюллетеней.
•
Интерактивные информационные бюллетени, публикуемые в Интернете. Попросите учащихся подумать над тем, как изменятся дизайн, макет и типографика информационного бюллетеня, если бы создавалась версия для Интернета. Попросите учащихся добавить в информационный бюллетень интерактивные возможности и опубликовать его
554
•
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
в Интернете. Вы можете использовать информацию из проекта 6 для создания интерактивных документов в программе InDesign. Сценарии клиентов. Используйте некоторые из следующих сценариев для создания клиентских профилей: – Научный клуб. Научный клуб планирует распространять ежеквартальный информационный бюллетень со статьями о предстоящих событиях, особых заслугах членов клуба и областях, представляющих для них интерес, а также для освещения новых и важных исследований. Учащимся необходимо изучить научные темы (возможно, связанные с их научными занятиями) для написания содержимого информационного бюллетеня и сделать его характерным для научного клуба. Учащимся следует использовать инструменты измерения и анализа, доступные в программе Photoshop, и написать, по крайней мере, одну статью о важности этих инструментов для данной области. – Архитектурное бюро. Архитектурное бюро хочет распространять информационный бюллетень среди своих сотрудников, сообщающий о новостях компании, событиях, проектах и лучших практиках работы. Учащимся необходимо найти содержимое для бюллетеня и использовать инструменты измерения и анализа для демонстрации изображений со строительной площадки до, во время и после окончания стройки так, чтобы архитектор мог получать необходимую информацию из изображений, не возвращаясь на строительную площадку для проведения простых измерений.
ÎÖÅÍÊÀ •
По нескольким критериям, представленным далее в разделе «Критерии оценки».
ÐÅÑÓÐÑÛ ÄËß ÄÎÏÎËÍÈÒÅËÜÍÎÉ ÏÎÄÃÎÒÎÂÊÈ • •
• • • • •
Просмотрите разделы с пошаговыми инструкциями для учащихся, используемые в данном проекте. Видеоуроки, которые соответствуют навыкам, необходимым для выполнения этого проекта, можно найти на сайте Adobe TV в демонстрации Visual Design CS5 по адресу http:// tv.adobe.com/show/visual-design-cs5/. Обзор интерфейса и дополнительную информацию по техническим аспектам программы Photoshop можно найти в справке программы. Обзор интерфейса и дополнительную информацию по техническим аспектам программы InDesign можно найти в справке программы. Обзор интерфейса и дополнительную информацию по техническим аспектам программы Illustrator можно найти в справке программы. Обзор интерфейса и дополнительную информацию по техническим аспектам программы Acrobat можно найти в справке программы. Для получения детальной информации по использованию онлайн-службы CS Review обратитесь к справке онлайн-службы CS Review, доступной по адресу www.adobe.com/ go/learn_shr_csreview_help_en.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
•
555
В этом проекте можно использовать следующие книги по дизайну: – Lupton, E. (2004). Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students. New York: Princeton Architectural Press. Сопутствующий веб-сайт доступен по адресу www.thinkingwithtype.com. – Lawler, B. (2006). The Official Adobe Print Publishing Guide, Second Edition. Berkeley: Adobe Press. – Вильямс, Р. (2008). Студия дизайна. Символ-Плюс.
Èíôîðìàöèîííûå áþëëåòåíè • •
•
•
•
12 составных частей информационного бюллетеня описываются в статье по адресу desktoppub.about.com/od/newsletters/a/newsletter_part.htm. Статьи и пособия по планированию информационных бюллетеней от начала и до конца доступны по адресу desktoppub.about.com/od/newsletterplanning/Newsletter_Planning_and_Strategy.htm. Статьи и советы по написанию содержимого информационных бюллетеней можно найти по адресу desktoppub.about.com/od/newslettercontent/Newsletter_Content_How_to_ Write_a_Newsletter.htm. Статьи и советы по разработке дизайна и публикации информационных бюллетеней доступны по адресу desktoppub.about.com/od/newsletters/Newsletter_Design_and_Publishing.htm. Статьи и пособия по дизайну информационных бюллетеней представлены по адресу desktoppub.about.com/od/newsletterdesign/Newsletter_Design_How_to_Create_a_ Newsletter.htm.
Ïðàâèëà æóðíàëèñòñêîé ýòèêè •
Вы можете получить дополнительную информацию о правилах журналистской этики из следующих источников: – общество профессиональных журналистов: www.spj.org/ethicscode.asp; – журнал Business Week: www.businessweek.com/ethics.htm; – газета New York Times: www.nytco.com/company-properties-times-coe.html; – ассоциация Radio Television Digital News Association: www.rtnda.org/pages/bestpractices/ethics.php.
Ýêîëîãè÷åñêèé äèçàéí •
Независимый онлайн-инструментарий для создания экологического графического дизайна доступен по адресу www.re-nourish.com.
•
Библиотека документов Центра AIGA, посвященных экологическому дизайну, доступна по адресу www.livingprinciples.org.
556 • • •
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Библиотека ресурсов Центра AIGA, посвященных экологическому дизайну, доступна по адресу sustainability.aiga.org/sus_resources. Набор принципов The Living Principles for Design можно найти по адресу sustainability. aiga.org/discussion/2009/10/the_living_prin.cfm. Вы можете дополнить этот проект следующими книгами по экологическому дизайну: – Dougherty, B. (2009). Green Graphic Design. New York: Allworth Press. www. greengraphicdesign.net. – Jedlicka, W. (2009). Packaging Sustainability: Tools, Systems and Strategies for Innovative Package Design. Hoboken, New Jersey: John Wiley & Sons, Inc.
ÊËÞ×ÅÂÛÅ ÏÎÍßÒÈß • • • • • •
Шапка издания. Титульные данные. Строки продолжения. Цитаты. Строки с именами авторов. Знаки окончания.
ÑÒÀÍÄÀÐÒ ISTE NETS*S ÄËß Ó×ÀÙÈÕÑß Этот проект соответствует стандартам ISTE NETS*S — стандартам использования высоких технологий в образовании. В зависимости от выбранной учащимся темы и предметного содержания вам может потребоваться изучить стандарты вашего государства или штата, чтобы выяснить, соответствует ли данный проект установленным требованиям. 1. Творчество и инновации. Учащиеся демонстрируют творческое мышление, исследовательские подходы и разрабатывают инновационные продукты и процессы с использованием технологии. Учащиеся: a) применяют имеющиеся знания для получения новых идей, продуктов или процессов; b) создают оригинальные произведения как средство выражения личности или группы. 2. Коммуникации и сотрудничество. Учащиеся используют цифровые средства и среды для общения и коллективной работы, в том числе на расстоянии, для поддержки индивидуального обучения и возможности обучения других. Учащиеся: a) взаимодействуют, сотрудничают и творят со сверстниками, экспертами или другими участниками, используя различные цифровые среды и средства; b) эффективно распространяют информацию и идеи для разных аудиторий с использованием различных средств и форматов.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
557
3. Исследования и информационная компетентность. Учащиеся умеют применять цифровые инструменты для сбора, оценки и использования информации. Учащиеся: a) планируют стратегии исследования; b) находят, организовывают, анализируют, оценивают, обобщают и используют информации из различных источников и сред; c) оценивают и отбирают источники информации и цифровые средства на основе целесообразности для конкретных задач. 4. Критическое мышление, решение проблем и принятие решений. Учащиеся используют умение критически мыслить для планирования и проведения научных исследований, управления проектами, решения проблем и принятия обоснованных решений, используя соответствующие цифровые инструменты и ресурсы. Учащиеся: a) выявляют и определяют подлинные проблемы и важные вопросы для проведения исследования; b) планируют и управляют деятельностью по разработке решения или выполнения проекта. 5. Цифровое гражданство. Учащиеся понимают гуманитарные, культурные и социальные вопросы, связанные с информационными технологиями и практикой легального и этического поведения. Учащиеся: a) практикуют безопасное, правовое и ответственное использование информации и технологии; b) демонстрируют позитивное отношение к использованию технологий, обеспечивающих возможности коллективной работы и обучения; c) демонстрируют личную ответственность за постоянное повышение квалификации. 6. Применение технологии и технологические концепции. Учащиеся демонстрируют четкое понимание технологических концепций и систем и их применения. Учащиеся: a) понимают и используют технологические системы; b) эффективно и продуктивно выбирают и используют приложения.
ÑÅÐÒÈÔÈÊÀÖÈß ADOBE CERTIFIED ASSOCIATE, ÇÀÄÀ×È ÝÊÇÀÌÅÍÀ VISUAL COMMUNICATION 3.4
Демонстрация понимания процесса создания и многократного применения изображений.
4.1
Демонстрация умения работать с выделениями и инструментами измерения.
558
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
ÊÐÈÒÅÐÈÈ ÎÖÅÍÊÈ 0 — ниже ожидаемого
3 — соответствует ожиданиям
5 — превосходит ожидания
Композиции дизайна
Отсутствуют или не завершены
Команды предоставляют на рецензию две композиции дизайна макета
Команды предоставляют на рецензию две композиции дизайна макета, дополненные четкими описаниями примененных принципов дизайна и указанием того, на какие моменты следует обратить особое внимание при рецензировании
План проекта
Отсутствует или неполный
В плане проекта детально расписано предполагаемое время, указана дата завершения работ, ответственные по конкретным задачам на каждом этапе проекта: этапе описания проекта, этапе дизайна, этапе создания, этапе сдачи. В плане проекта указаны элементы, защищенные авторским правом, для использования которых необходимо получать разрешение. Учащиеся четко отслеживают каждый этап работ и адаптируют план в соответствии с любыми непредвиденными обстоятельствами, возникающими в процессе выполнения проекта
В плане проекта четко и детально расписано предполагаемое время, указана дата завершения работ, ответственные по конкретным задачам на каждом этапе проекта: этапе описания проекта, этапе дизайна, этапе создания, этапе сдачи. В плане проекта указаны элементы, защищенные авторским правом, для использования которых необходимо получать разрешение. Учащиеся четко отслеживают каждый этап работ и адаптируют план в соответствии с любыми непредвиденными обстоятельствами, возникающими в процессе выполнения проекта
Содержимое информационного бюллетеня
Отсутствует, неполное или нечеткое
Тема и статьи информационного бюллетеня предназначены для целевой аудитории. Информационный бюллетень состоит из 2—3 статей. Содержимое удобочитаемо и выровнено надлежащим образом. Содержимое написано с соблюдением правил журналистской этики и авторских прав сторонних авторов
Тема и статьи информационного бюллетеня предназначены для целевой аудитории. Информационный бюллетень состоит из 3 или более хорошо написанных и отредактированных статей. Содержимое удобочитаемо, выровнено надлежащим образом и имеет четкую иерархию, образованную путем использования названий и заголовков. Содержимое написано с соблюдением правил журналистской этики и авторских прав сторонних авторов
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
0 — ниже ожидаемого
559
3 — соответствует ожиданиям
5 — превосходит ожидания
Дизайн информационного бюллетеня
Отсутствует, неполный или нечеткий
Информационный бюллетень состоит из 3—4 страниц и дизайн его шапки соответствует общей теме бюллетеня. Информационный бюллетень содержит такие элементы, как названия, заголовки, номера страниц, подписи, цитаты и т. д. Информационный бюллетень состоит из 3—4 разделов и содержит 3—4 изображения. В бюллетене применен многоколоночный и многостраничный макет. Согласованный дизайн информационного бюллетеня реализуется посредством использования шаблонов макета и соответствующих стилей. Информационный бюллетень подготовлен к печати и распространению по электронной почте
Информационный бюллетень состоит из 3—4 страниц, и дизайн его шапки четко и полностью соответствует теме и задачам бюллетеня. Названия, заголовки, номера страниц, подписи, цитаты и пр. в информационном бюллетене используются таким образом, чтобы развивать тему и удовлетворять ожиданиям целевой аудитории. Информационный бюллетень состоит из 4 или более разделов и содержит 4 или более изображения. В бюллетене применен многоколоночный и многостраничный макет для четкого разделения содержимого на разделы и повышения его удобочитаемости. Шаблоны и согласованное применение стилей и шрифтов создают единообразный дизайн всего макета
Презентация
Отсутствует, неполная или нечеткая
В презентации объясняются дизайнерские решения, принятые в процессе выполнения проекта для того, чтобы тема и цель информационного бюллетеня прослеживались во всех его элементах (шапке издания, макете, графических элементах и содержимом). Презентация разъясняет, каким образом учащиеся планируют распространять бюллетень, и описывает их опыт работы в команде, особенно с назначенными ролями. В презентации отражено то, чему учащиеся научились в процессе работы над проектом и как они будут продолжать использовать и совершенствовать эти навыки в дальнейшем
В презентации на конкретных примерах понятно объясняются дизайнерские решения, принятые в процессе выполнения проекта для того, чтобы тема и цель информационного бюллетеня прослеживались во всех его элементах (шапке издания, макете, графических элементах и содержимом). Презентация подробно разъясняет, каким образом учащиеся планируют распространять бюллетень, и описывает, как изменился их опыт работы в команде в результате назначения ролей и ответственности за выполнение задач. В презентации отражено то, чему учащиеся научились в процессе работы над проектом, и проанализированы возможности продолжения использования и совершенствования этих навыков в дальнейшем
560
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
0 — ниже ожидаемого
3 — соответствует ожиданиям
5 — превосходит ожидания
Работа в команде
Отсутствует или недостаточная
Учащийся работает совместно с другими учащимися для обеспечения обратной связи или предоставления помощи. Выполняет закрепленные за ним в команде обязанности и на равных участвует в работе над проектом. Иногда советуется с другими членами команды по основным проектным решениям, но прилагает минимум усилий, чтобы помочь другим в развитии навыков. Команды планируют и контролируют выполнение многих шагов, чтобы гарантировать своевременную доставку результатов работы клиенту и одобрение композиций дизайна, содержимого и конечного продукта
Учащийся свободно работает совместно с другими учащимися для обеспечения обратной связи или предоставления помощи. Выполняет закрепленные за ним в команде обязанности и на равных участвует в работе над проектом. Советуется с другими членами команды по основным проектным решениям, добровольно помогает другим развивать навыки для выполнения проекта. Команды рационально и эффективно сотрудничают и взаимодействуют с коллегами, экспертами и пр. при создании композиций дизайна и окончательного варианта информационного бюллетеня. Команды рационально и эффективно планируют и контролируют выполнение многих шагов, чтобы гарантировать своевременную доставку результатов работы клиенту и одобрение композиций дизайна, содержимого и конечного продукта
Управление временем
Отсутствует или недостаточное
Учащиеся выделяют время для каждого этапа процесса дизайна и разработки. Большинство этапов завершается в срок
Учащиеся осмысленно и эффективно выделяют время для каждого этапа процесса дизайна и разработки. Все этапы завершаются в срок
ÏËÀÍ ÏÐÎÅÊÒÀ (ÏÎÂÒÎÐ) См. этот раздел в проекте 4.
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ÎÍËÀÉÍ-ÑËÓÆÁÓ CS REVIEW ÄËß ÑÎÂÌÅÑÒÍÎÃÎ ÐÅÖÅÍÇÈÐÎÂÀÍÈß È ÂÍÅÑÅÍÈß ÈÇÌÅÍÅÍÈÉ (ÏÎÂÒÎÐ) См. этот раздел в проекте 6.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
561
ÎÁÇÎÐ ÐÀÁÎ×ÅÃÎ ÏÐÎÑÒÐÀÍÑÒÂÀ ÏÐÎÃÐÀÌÌÛ ADOBE ILLUSTRATOR CS5 В этом разделе вы узнаете, как выполнять следующие действия: • работать с рабочим пространством программы Adobe Illustrator CS5, ее инструментами, окнами документов и палитрами; • настраивать рабочее пространство; • изменять масштаб отображения документа; • перемещаться по документу, используя палитры Страницы (Pages) и Навигатор (Navigator).
Çíàêîìñòâî ñ ðàáî÷èì ïðîñòðàíñòâîì/ñðåäîé Рабочее пространство/среда программы Illustrator включает все, что вы видите, когда впервые открываете или создаете документ: панель инструментов, окно документа, монтажный стол и палитры. Вы можете настроить и сохранить рабочее пространство в соответствии с вашим стилем работы.Например, можно включить отображение только тех палитр, которые вы часто используете, свернуть и переместить группы палитр, изменить размеры окон, добавить дополнительные окна документов и т. д.
Рис. 7.1. Интерфейс программы Adobe Illustrator CS5
562
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
По умолчанию рабочее пространство программы Illustrator (рис. 7.1) включает в себя панель приложения, расположенную в верхней части экрана. На этой панели расположены значок программы Illustrator, главное меню (Windows), элементы управления приложением, переключатели режимов просмотра документа и переключатель рабочих пространств. Под этой панелью находится панель управления, панель инструментов (слева), другие палитры (справа), а также одно или несколько открытых по отдельности окон документов. •
Главное меню в верхней части экрана представляет команды, организованные в различные меню.
•
Панель инструментов содержит инструменты для создания и редактирования изображений, иллюстраций, элементов страницы, и так далее. Инструменты со схожими функциями объединены в группы.
•
Панель управления позволяет управлять настройками текущего инструмента.
•
Окна документов отображают страницы документов тех файлов, над которыми вы работаете в текущий момент. Каждая страница в документе окружена собственной монтажной областью, которая представляет собой максимальную печатаемую область. Вокруг монтажной области находится рабочая область, где вы можете создавать, редактировать и хранить объекты до помещения их на монтажную область. Объекты, находящиеся в рабочей области, видны на экране, но они не печатаются.
•
Палитры помогают просматривать и вносить изменения в вашу работу. Вы можете перемещать, группировать, создавать ряд плавающих палитр или прикреплять палитры.
Íàñòðîéêà ðàáî÷åãî ïðîñòðàíñòâà Сохранив текущие размеры и положение палитр в интерфейсе программы Illustrator в качестве рабочего пространства с заданным именем, вы сможете восстановить это рабочее пространство, даже если вы переместите или закроете некую палитру. Имена сохраненных рабочих пространств доступны через переключатель рабочих пространств. Чтобы создать собственное рабочее пространство: 1. Чтобы создать ваше собственное рабочее пространство, переместите палитры и настройте расположение элементов интерфейса программы Illustrator в соответствии с вашими предпочтениями (рис. 7.2). 2. В меню переключателя рабочих пространств выберите команду Сохранить рабочую среду (Save Workspace) (рис. 7.3). Появится диалоговое окно Сохранить рабочую среду (Save Workspace) (рис. 7.4). 3. Укажите название для вашего рабочего пространства. 4. Щелкните по кнопке OK, чтобы закрыть диалоговое окно Сохранить рабочую среду (Save Workspace).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
563
Рис. 7.2. Размещение элементов пользовательского интерфейса
Рис. 7.3. Меню переключателя рабочих пространств
Рис. 7.4. Диалоговое окно Сохранить рабочую среду
5. Выберите команду меню Окно ⇒ Рабочая среда (Window ⇒ Workspace). Обратите внимание, что название вашего нового рабочего пространства теперь находится в верхней части подменю Рабочая среда (Workspace).
564
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Рис. 7.5. Выбор сохраненного рабочего пространства с помощью переключателя рабочих пространств
Даже если вы внесете изменения, вы можете вернуться к сохраненному рабочему пространству, выбрав его название в подменю Рабочая среда (Workspace) или в меню переключателя рабочих пространств (рис. 7.5). Вы можете восстановить сохраненное рабочее пространство в любой момент, выбрав команду Сбросить [название вашего рабочего пространства] в меню переключателя рабочих пространств.
Îòêðûòèå ôàéëà â ïðîãðàììå Illustrator Вы можете открывать файлы, созданные вами в программе Illustrator, а также файлы, созданные в других программах. Чтобы открыть файл в программе Illustrator: 1. Запустите программу Illustrator. Появится экран приветствия (рис. 7.6). Экран приветствия позволяет легко получать доступ: •
к последним использовавшимся файлам;
•
новым документам;
•
обучающим материалам для начала работы, изучения новых возможностей программы и других дополнительных ресурсов;
•
ссылкам на сообщество пользователей прогрммы Illustrator.
Чтобы открыть экран приветствия в любой момент времени, выберите команду меню Справка ⇒ Экран приветствия (Help ⇒ Welcome Screen).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
565
2. Чтобы открыть существующий документ Illustrator, щелкните по ссылке Открыть (Open), расположенной в списке Открыть из списка последних (Open A Recent Item), в появившемся диалоговом окне выберите местоположение вашего файла и щелкните по кнопке Открыть (Open). 3. Вы также можете выбрать команду меню Файл ⇒ Открыть (File ⇒ Open).
Рис. 7.6. Экран приветствия программы Illustrator
Ñîçäàíèå íîâîãî äîêóìåíòà Illustrator Вы можете создавать новые документы Illustrator из профиля нового документа или из шаблона. При создании документа из профиля нового документа создается чистый документ с установленными по умолчанию для выбранного профиля цветами заливки и обводки, стилями графики, кистями, символами, действиями, настройками просмотра и другими параметрами. Чтобы создать новый документ Illustrator: 1. Для создания нового документа в Illustrator выберите профиль нового документа в списке Создать новый (Create New) экрана приветствия или выберите команду меню Файл ⇒ Новый (File ⇒ New).
566
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Рис. 7.7. Диалоговое окно Новый документ
Появится диалоговое окно Новый документ (New Document). Всем параметрам в этом диалоговом окне присвоены наиболее подходящие значения, соответствующие выбранному профилю нового документа (рис. 7.7). 2. Измените любое из предустановленных значений по своему усмотрению: • присвойте документу новое название (параметр Имя (Name)); • измените или настройте профиль документа (параметр Новый профиль документа (New Document Profile)); • добавьте или удалите монтажные области (параметр Количество монтажных областей (Number of Artboards)); • измените размер документа (параметр Рис. 7.8. Новый чистый документ Размер (Size)); • настройте размеры выпуска по краю страницы (группа элементов управления Выпуск (Bleed)). 3. Щелкните по кнопке OK, чтобы создать новый документ (рис. 7.8).
Îáçîð ïàíåëè èíñòðóìåíòîâ При первом запуске программы Illustrator панель инструментов (рис. 7.9) отображается в левой части экрана. Вы можете переместить панель инструментов, перетащив ее строку заголовка. Вы также можете отобразить или скрыть панель инструментов, выбрав команду меню Окно ⇒ Инструменты (Window ⇒ Tools).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
567
Инструменты на панели инструментов используются для создания, выделения объектов и выполнения операций с ними в программе Illustrator. У некоторых инструментов есть параметры, которые отображаются, если дважды щелкнуть по значку инструмента. К ним относятся инструменты для ввода, выделения, рисования, выборки, редактирования и перемещения изображений.
Рис. 7.9. Обзор панели инструментов
568
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Некоторые инструменты можно развернуть, чтобы показать скрытые инструменты, находящиеся за ними. Маленький треугольник в правом нижнем углу значка инструмента означает наличие скрытых инструментов. Чтобы увидеть название инструмента, установите на него указатель мыши.
Êàê èñïîëüçîâàòü èíñòðóìåíò Ìàñøòàá äëÿ íàâèãàöèè ïî äîêóìåíòó Вы можете увеличить или уменьшить уровень масштаба отображения монтажной области, чтобы упростить работу с мелкими элементами макета. Чтобы использовать инструмент Масштаб (Zoom) для изменения масштаба отображения документа: 1. Откройте документ, взгляните на его название, указанное в верхней части окна документа, и обратите внимание на процентное значение, указанное в конце названия файла (рис. 7.10).
Рис. 7.10. Окно документа с указанием уровня масштабирования
Это значение отражает текущий уровень масштаба отображения изображения, или уровень масштабирования. 2. Переместите указатель мыши на панель инструментов и задержите его над значком с изображением лупы, пока на экране не появится подсказка, содержащая название инструмента и комбинацию клавиш для его быстрого вызова (рис. 7.11).
Рис. 7.11. Подсказка инструмента
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
569
Рис. 7.12. Выделение прямоугольной области
3. Выберите инструмент Масштаб (Zoom), щелкнув по его значку на панели инструментов или нажав клавишу Z — «горячую клавишу» для инструмента Масштаб (Zoom). 4. Щелкните мышью в любом месте окна документа. Масштаб отображения изображения увеличится до следующего предопределенного уровня масштабирования, и это значение заменит предыдущее значение уровня масштабирования в окне документа. То место, по которому вы щелкнули мышью, после увеличения масштаба отображения окажется в центре окна документа. 5. При выбранном инструменте Масштаб (Zoom) путем перетаскивания указателя мыши нарисуйте прямоугольник, чтобы охватить некую область документа (рис. 7.12).
Рис. 7.13. Уменьшение уровня масштабирования документа
Масштаб отображения выделенной области увеличится, целиком заполнив окно изображения. 6. Чтобы уменьшить масштаб отображения, щелкайте мышью при нажатой клавише Alt (Windows) или Option (Mac OS) (рис. 7.13).
570
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Êàê ïðîêðó÷èâàòü äîêóìåíò ñ ïîìîùüþ èíñòðóìåíòà Ðóêà Инструмент Рука (Hand) позволяет перемещать документ внутри окна документа. Это полезно, если вы хотите увидеть часть документа, которая сейчас находится вне поля зрения. Чтобы использовать инструмент Рука (Hand): 1. Увеличивайте масштаб отображения вашего документа, пока часть этого документа не окажется вне поля зрения (рис. 7.14).
Рис. 7.14. Окно документа с полосами прокрутки
2. Выберите инструмент Рука (Hand) на панели инструментов (рис. 7.15). Вы также можете нажать комбинацию клавиш Shift+H. 3. Используя инструмент Рука (Hand), перетащите указатель мыши, чтобы прокрутить содержимое окна документа и увидеть разные чаРис. 7.15. Панель сти документа (рис. 7.16). инструментов
Êàê âûäåëèòü îáúåêò è ðàáîòàòü ñ ïàíåëüþ óïðàâëåíèÿ Панель управления (команда меню Окно ⇒ Управление (Window ⇒ Control)) обеспечивает быстрый доступ к настройкам, командам и другим палитрам, которые относятся к текущему элементу страницы или выделенным объектам (такое поведение называется контекстным). По умолчанию панель управления прикреплена к верхней части окна документа, однако ее можно прикрепить к нижней части окна, превратить в плавающую панель или вообще скрыть.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
571
Рис. 7.16. Использование инструмента Рука для перемещения по документу
Чтобы воспользоваться инструментом Выделение (Selection): 1. Открыв документ, выберите на панели инструментов инструмент Выделение (Selection) (рис. 7.17), а затем выделите любой объект в документе. Обратите внимание, что на панели управления представлены такие настройки, как цвет контура, свойства обводки и кисти (рис. 7.18). 2. Затем выберите инструмент Текст (Туре) и выделите область текста. На панели управления появятся настройки, позволяющие управ- Рис. 7.17. Панель инструментов лять форматированием текста (рис. 7.19).
Рис. 7.18. Панель управления с выделенным контуром
572
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Рис. 7.19. Панель управления с выделенным текстом
Îáçîð ïàëèòðû Íàâèãàòîð Вы можете использовать палитру Навигатор (Navigator) (команда меню Окно ⇒ Навигатор (Window ⇒ Navigator)) для быстрого изменения вида вашей монтажной области с помощью миниатюры. Цветная рамка в палитре Навигатор (Navigator) (так называемая область просмотра) соответствует области, видимой в данный момент в окне документа. Чтобы воспользоваться палитрой Навигатор (Navigator): 1. Вы можете перейти от одной страницы документа к другой, используя кнопки со стрелками, расположенными в нижнем левом углу окна документа. Щелкните по кнопке Вперед (Forward) для перехода на следующую страницу и по кнопке Назад (Back) для перехода на предыдущую страницу. При отсутствии страницы, на которую можно перейти, эти кнопки будут недоступны. Кроме того, вы можете использовать раскрывающийся список, позволяющий осуществлять навигацию путем указания номера страницы (рис. 7.20).
Рис. 7.20. Использование элементов управления для перехода по номерам страниц
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
573
2. Откройте палитру Навигатор (Navigator), выбрав команду меню Окно ⇒ Навигатор (Window ⇒ Navigator). 3. Найдите ползунковый регулятор под изображением миниатюры на палитре Навигатор (Navigator) и перетащите ползунок вправо. (Если ваш документ содержит только одну страницу, этот ползунок будет неактивен). 4. Масштаб отображения изображения в окне документа увеличится. Теперь перетащите ползунок влево, чтобы уменьшить масштаб отображения изображения в окне документа. Ïðèìå÷àíèå: Ðàìêà êðàñíîãî öâåòà îáîçíà÷àåò îáëàñòü èçîáðàæåíèÿ, îòîáðàæàåìóþ â îêíå äîêóìåíòà (ðèñ. 7.21). Ïðè óâåëè÷åíèè ìàñøòàáà, êîãäà â îêíå äîêóìåíòà îòîáðàæàåòñÿ òîëüêî ÷àñòü èçîáðàæåíèÿ, âû ìîæåòå ïåðåòàùèòü ýòó ðàìêó ïî ìèíèàòþðå èçîáðàæåíèÿ, ÷òîáû îòîáðàçèòü äðóãèå îáëàñòè èçîáðàæåíèÿ.
Это также отличный способ узнать, над какой частью изображения вы работаете в настоящий момент, если выбран очень высокий уровень масштаба отображения.
Рис. 7.21. Палитра Навигатор (Navigator)
ÊÀÊ ÐÈÑÎÂÀÒÜ Â ÏÐÎÃÐÀÌÌÅ ILLUSTRATOR Программа Adobe Illustrator CS5, в первую очередь, является инструментом для создания векторной графики. В векторной графике для построения изображений используются математические формулы. Эти формулы хранятся в файле изображения и определяют размеры изображения, цвета, форму и толщину линий. Фактическое изображение отображается (или рисуется) на экране во время просмотра. При рисовании в программе Illustrator математические формулы создают контуры. Контуры — это линии, которые соединяют точки друг с другом. Почти все, что вы рисуете
574
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
в программе Illustrator, состоит из контуров. Поскольку эти контуры включают соединительные точки, вы можете перетаскивать соединительные точки, чтобы изменить форму контура. Программа Illustrator — это профессиональный инструмент рисования. Число задач, которые можно решить с помощью программы Illustrator, и количество вариантов ее использования просто огромно. Более подробно об этом можно прочитать в справке программы Illustrator. В данном разделе рассматривается лишь базовый набор этих задач: • рисование с помощью инструмента Карандаш (Pencil); • рисование с помощью инструмента Кисть (Paintbrush); • рисование фигур с помощью инструментов группы «Фигура» и инструмента Создание фигур (Shape Builder).
Ñîçäàíèå íîâîãî äîêóìåíòà â ïðîãðàììå Illustrator Новый документ в программе Illustrator создается с помощью диалогового окна Новый документ (New Document). Чтобы создать новый документ: 1. Запустите программу Illustrator и выберите команду меню Файл ⇒ Новый (File ⇒ New), чтобы появилось диалоговое окно Новый документ (New Document) (рис. 7.22). 2. В диалоговом окне Новый документ (New Document) введите следующую информацию. • Имя (Name). Укажите осмысленное название для изображения, например «лось проснулся». • Единицы измерения (Units). Выберите значение Дюймы (Inches). • Ширина (Width). Рассчитайте ширину на основе запланированного размера изображения. Вы можете изменить это значение позже. • Высота (Height). Рассчитайте высоту на основе запланированного размера изображения. Вы можете изменить это значение позже. 3. Щелкните по кнопке Дополнительно (Advanced), чтобы открыть раздел Дополнительно (Advanced) диалогового окна Новый документ (New Document). 4. В разделе Дополнительно (Advanced) диалогового окна Новый документ (New Document) установите следующие настройки параметров: • Цветовой режим (Color Mode). Выберите значение CMYK. Цветовая модель CMYK определяет способ печати документа и применяется при подготовке документов для печати в типографии. • Растровые эффекты (Raster Effects). Наилучшее разрешение при печати растровых эффектов задается значением Высокое (300 ppi) (High (300 ppi)). Если вы знаете, что изображение будет использоваться только для Интернета, вы можете выбрать значение Экранное (72 ppi) (Screen (72 ppi)). 5. Щелкните по кнопке OK. Диалоговое окно Новый документ (New Document) закроется и появится новый документ.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
575
Рис. 7.22. Диалоговое окно Новый документ (New Document)
Ðèñîâàíèå ñ ïîìîùüþ èíñòðóìåíòà Êàðàíäàø В основном функции инструмента Карандаш (Pencil) в программах Adobe Illustrator и InDesign совпадают. С помощью этого инструмента можно рисовать открытые и замкнутые контуры, аналогично рисованию настоящим карандашом на бумаге. Инструмент Карандаш (Pencil) удобнее всего использовать для быстрого создания эскизов или придания элементам вида нарисованных от руки. Нарисованный контур можно сразу редактировать требуемым образом. При рисовании с помощью инструмента Карандаш (Pencil) опорные точки появляются автоматически, их расположение не приходится определять вручную. Однако после завершения рисования контура их можно скорректировать. Число опорных точек определяется длиной и сложностью контура, а также параметрами допуска в диалоговом окне Параметры инструмента «Карандаш» (Pencil Tool Preferences). Эти параметры управляют чувствительностью инструмента Карандаш (Pencil) к движению мыши или пера на графическом планшете. При использовании инструмента рисования (в данном случае инструмента Карандаш (Pencil)) на панели управления отображаются параметры для выбранного в данный момент инструмента (рис. 7.23). •
Цвет заливки (Fill color). Цвет внутри фигуры. Выберите цвет из набора образцов.
•
Цвет обводки (Stroke color). Цвет контура фигуры. Выберите цвет из набора образцов.
576
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
•
Толщина линии (Stroke weight). Толщина обводки в пунктах.
•
Профиль переменной ширины (Variable Widht Profile). Выберите одну из предустановленных настроек, изменяющих ширину обводки, и сохраните ее в качестве пользовательского профиля.
•
Описание кисти (Brush Preset picker). Широкий выбор кистей с предустановленными настройками. Вы также можете создавать свои собственные настройки кисти.
•
Палитра «Стиль графики» (Graphic Style panel). Стиль графики — это набор многократно используемых атрибутов оформления, например, цвета заливки и обводки, прозрачность и специальные эффекты.
•
Непрозрачность (Opacity). Определяет уровень прозрачности нарисованных линий и может принимать значения от 0% (невидимый) до 100% (непрозрачный).
•
Кнопка Выбрать схожие объекты (Select Similar Objects). Позволяет выделить в рабочем пространстве объекты со схожими характеристиками.
•
Кнопка Перекрасить графический объект (Recolor Artwork). Позволяет быстро изменять цвет объекта.
•
Меню Выровнять по выделенной области (Align To Selection). Позволяет выровнять или распределить выбранные объекты вдоль указанной оси.
•
Палитра «Трансформирование» (Transform panel). Отображает информацию о месте нахождения, размере и ориентации одного или нескольких выбранных объектов.
Рис. 7.23. Панель управления
Чтобы нарисовать контур произвольной формы с помощью инструмента Карандаш (Pencil): 1. Выберите инструмент Карандаш (Pencil) на панели инструментов (рис. 7.24). 2. Выберите цвет обводки на панели управления (рис. 7.23). 3. Установите указатель мыши на точку, из которой должен начинаться контур, и путем перетаскивания указателя мыши нарисуйте контур. Маленький крестик (x), отображаемый рядом со значком инструмента Карандаш (Pencil), указывает, что вы рисуете контур произвольной формы (рис. 7.25).
Рис. 7.24. Панель инструментов
При перетаскивании указателя мыши создается линия с соединительными точками. Впоследствии вы можете перетаскивать эти точки, чтобы изменить форму линии. 4. Отпустите кнопку мыши, чтобы завершить рисование линии (рис. 7.26).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Рис. 7.25. Рисование линии с помощью инструмента Карандаш
577
Рис. 7.26. Линия, нарисованная с помощью инструмента Карандаш
Èçìåíåíèå îáâîäêè Обводки (линии и контуры) и кисти — это неотъемлемые элементы почти всех художественных работ, создаваемых в программе Illustrator. Вы можете изменять обводку для создания красивых и визуально выразительных линий. Ширина обводки может быть легко настроена с помощью параметра Профиль переменной ширины (Variable Width Profile). Чтобы создать обводку с переменной шириной: 1. Выберите инструмент Выделение (Selection) на панели инструментов. 2. Выделите обводку, которую требуется изменить (рис. 7.27). 3. Выберите профиль обводки в раскрывающемся списке Профиль переменной ширины (Variable Width Profile) на панели управления (рис. 7.28).
Рис. 7.27. Выделение обводки
Будет применен новый профиль обводки (рис. 7.29). Ïðèìå÷àíèå: Âû òàêæå ìîæåòå èçìåíèòü øèðèíó îáâîäêè è ñîõðàíèòü åå â êà÷åñòâå ïîëüçîâàòåëüñêîãî ïðîôèëÿ ñ ïîìîùüþ èíñòðóìåíòà Øèðèíà (Width). Áîëåå ïîäðîáíóþ èíôîðìàöèþ ìîæíî íàéòè â ñïðàâêå ïðîãðàììû Illustrator.
Рис. 7.28. Настройки параметра Профиль переменной ширины
Рис. 7.29. Применена выбранная настройка параметра
578
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Ðèñîâàíèå ñ ïîìîùüþ èíñòðóìåíòà Êèñòü Кисти позволяют стилизовать внешний вид контуров. Вы можете применять мазки кистью к существующим контурам или использовать инструмент Кисть (Paintbrush), чтобы одновременно нарисовать контур и применить к нему мазок кистью. С помощью различных типов кистей, доступных в программе Illustrator вы можете создать следующие эффекты: •
Каллиграфические кисти. Создают линии, подобные нарисованным с помощью каллиграфического пера и нарисованные вдоль центральной оси контура. Используя инструмент Кисть-клякса (Blob Brush), вы можете рисовать каллиграфической кистью и автоматически преобразовать мазок кисти в фигуру с заливкой, которая объединяется с другими объектами с заливкой того же цвета, пересекающимися или соседствующими в порядке размещения.
•
Дискретные кисти. Копии объектов (например, божьей коровки или листа) распределяются вдоль контура.
•
Объектные кисти. Форма кисти (например, Грубый уголь (Rough Charcoal)) или форма объекта отображается равномерно вдоль контура по всей длине.
•
Кисть из щетины. Создаются мазки, имитирующие мазки кистью из щетины.
•
Узорчатые кисти. Узор создается из отдельных элементов и повторяется вдоль контура. Узорчатые кисти могут сочетать до пяти элементов: для сторон, внутреннего угла, внешнего угла, начала и конца узора.
Ïðèìå÷àíèå: ×àñòî ñ ïîìîùüþ äèñêðåòíûõ è óçîð÷àòûõ êèñòåé ìîæíî ñîçäàòü îäèí è òîò æå ýôôåêò. Òåì íå ìåíåå ìåæäó íèìè åñòü îäíî ñóùåñòâåííîå îòëè÷èå: óçîð÷àòàÿ êèñòü â òî÷íîñòè ñëåäóåò êîíòóðó, â îòëè÷èå îò äèñêðåòíûõ êèñòåé.
На палитре Кисти (Brushes) отображаются кисти для текущего файла (рис. 7.30). При выборе какой-либо кисти в библиотеке она автоматически добавляется на палитру Кисти (Brushes). Кисти, созданные вами и сохраненные на палитре Кисти (Brushes), связаны только с текущим файлом, а это означает, что для каждого файла Illustrator может использоваться собственный набор кистей на палитре Кисти (Brushes). Например, библиотека Библиотека кистей из щетины (Bristle brush library) содержит формы кончика кисти, позволяющие создавать мазки, имитирующие мазки кистью из щетины, вдоль контура. Чтобы осуществить рисование с помощью инструмента Кисть (Paintbrush): 1. Выберите инструмент Кисть (Paintbrush) на панели инструментов (рис. 7.31). 2. Выберите цвет обводки на панели управления. 3. Выберите команду меню Окно ⇒ Кисти (Window ⇒ Brushes) для отображения палитры Кисти (Brushes).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
579
Рис. 7.30. Библиотека Библиотека кистей из щетины
4. В меню палитры Кисти (Brushes) выберите команду Открыть библиотеку кистей ⇒ Кисти из щетины ⇒ Библиотека кистей из щетины (Open Brush Library ⇒ Bristle Brush ⇒ Bristle Brush Library) (рис. 7.30). 5. Щелкните мышью по любой кисти на палитре библиотеки Библиотека кистей из щетины (Bristle brush library), чтобы добавить эту кисть на палитру Кисти (Brushes). 6. Вернитесь на палитру Кисти (Brushes). 7. Вы можете задавать разные настройки параметров для разных типов кистей. Чтобы изменить настройки параметров кисти, дважды щелкните по этой кисти на палитре Кисти (Brushes). Если дважды щелкнуть по кисти, которую вы только что добавили на палитру Кисти (Brushes) из библиотеки, откроется диалоговое окно Параметры кисти из щетины (Bristle Brush Options) (рис. 7.32).
Рис. 7.31. Панель инструментов
580
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Рис. 7.32. Диалоговое окно Параметры кисти из щетины
8. Измените любые настройки параметров кисти или щелкните по кнопке OK, чтобы закрыть диалоговое окно. 9. Задайте цвет обводки, толщину линии и другие параметры на панели управления. 10.
Нарисуйте фигуру, перетаскивая указатель мыши (рис. 7.33).
11.
Чтобы завершить создание контура, отпустите кнопку мыши (рис. 7.34).
При использовании инструмента Кисть (Paintbrush) края линии выглядят менее резкими, чем при использовании инструмента Карандаш (Pencil).
Рис. 7.33. Рисование с помощью инструмента Кисть
Рис. 7.34. Завершенный контур, нарисованный с помощью инструмента Кисть
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
581
Ðèñîâàíèå ñ ïîìîùüþ èíñòðóìåíòà Êèñòü-êëÿêñà Вы можете использовать инструмент Кисть-клякса (Blob Brush) для создания рисунков произвольной формы, что напоминает попикселное рисование в программе Adobe Photoshop CS5 или рисование с использованием реальных инструментов. Инструмент Кисть-клякса (Blob Brush) особенно подходит для использования с чувствительными к нажиму планшетами или перьями для создания редактируемых векторных изображений путем естественных движений. В отличие от инструментов Карандаш (Pencil) и Кисть (Paintbrush), инструмент Кистьклякса (Blob Brush) не создает контуры; вместо этого он позволяет выполнять движения, похожие на мазки кистью, для создания закрашенных областей с незамкнутыми границами. При рисовании с помощью инструмента Кисть-клякса (Blob Brush) путем естественных движений образуется область одного цвета, которую можно легко выделить и редактировать. Чтобы осуществить рисование с помощью инструмента Кисть-клякса (Blob Brush): 1. Выберите инструмент Кисть-клякса (Blob Brush) на панели инструментов (рис. 7.35). 2. На панели управления измените некоторые настройки параметров, в том числе: • цвет обводки; • толщину линии; • определение кисти, выбрав нужное значение в раскрывающемся списке Описание кисти (Brush Preset picker); • непрозрачность. 3. Нарисуйте фигуру произвольной формы, перетаскивая указатель мыши по странице (рис. 7.36).
Рис. 7.35. Панель инструментов
4. Выберите инструмент Ластик (Eraser) на панели инструментов. 5. Используйте инструмент Ластик (Eraser) для изменения векторной фигуры, например чтобы разделить ее на две части (рис. 7.37).
Рис. 7.36. Рисование с помощью инструмента Кисть-клякса
Рис. 7.37. Фигура, измененная с помощью инструмента Ластик
Рис. 7.38. Редактирование разделенной векторной фигуры
582
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
6. Выберите инструмент Выделение (Selection) на панели инструментов, выделите часть разделенной векторной фигуры и щелкните по одному из угловых маркеров ограничивающей рамки. Не отпуская кнопку мыши, перетащите указатель мыши, чтобы изменить масштаб фигуры. Разделенные векторные фигуры теперь можно редактировать независимо друг от друга (рис. 7.38).
Ðèñîâàíèå ôèãóð Помимо использования кистей и инструмента Карандаш (Pencil) в программе Illustrator можно рисовать фигуры, например прямоугольники, эллипсы и многоугольники. Цвета, используемые для заливки и контуров этих фигур, определяются цветами заливки и обводки соответственно. Чтобы нарисовать фигуру: 1. Выберите один из инструментов группы «Фигура», например инструмент Многоугольник (Polygon) на панели инструментов (рис. 7.39). Инструменты группы «Фигура» находятся под инструментом Текст (Type). По умолчанию, на панели инструментов отображается инструмент Прямоугольник (Rectangle). Чтобы получить доступ к другим инструментам этой группы, щелкните по значку инструмента Прямоугольник (Rectangle) и удерживайте кнопку мыши. 2. Щелкните по холсту в той точке, где вы хотите поместить фигуру. • Для инструментов Прямоугольник (Rectangle), Прямоугольник со скругленными углами (Rounded Rectangle) и Эллипс (Ellipse) щелкните в точке, где должен находиться левый верхний угол фигуры. • Для инструментов Многоугольник (Polygon), Звезда (Star) и Блик (Flare) щелкните в точке, где должен находиться центр фигуры. Появится диалоговое окно, содержащее параметры для создаваемой фигуры, например диалоговое окно Многоугольник (Polygon) (рис. 7.40).
Рис. 7.39. Панель инструментов
Рис. 7.40. Диалоговое окно Многоугольник
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
583
Ïðèìå÷àíèå:  êà÷åñòâå àëüòåðíàòèâû íàðèñîâàòü ìíîãîóãîëüíèê ìîæíî ïóòåì ïåðåòàñêèâàíèÿ óêàçàòåëÿ ìûøè ïî ìîíòàæíîé îáëàñòè. ×òîáû óâåëè÷èòü èëè óìåíüøèòü êîëè÷åñòâî ñòîðîí ìíîãîóãîëüíèêà â ïðîöåññå ðèñîâàíèÿ, íàæèìàéòå êëàâèøó ↑ èëè ↓ ñîîòâåòñòâåííî.
3. Укажите значения для параметров фигуры. Для многоугольника укажите радиус (параметр Радиус (Radius)) и число сторон (параметр Число сторон (Sides)). 4. Щелкните по кнопке OK. Диалоговое окно с параметрами фигуры закроется, и в окне документа появится новая фигура (рис. 7.41).
Рис. 7.41. Нарисованный многоугольник
Èñïîëüçîâàíèå èíñòðóìåíòà Ãðàäèåíò Градиенты широко используются в качестве элемента дизайна во всех типах изображений, предназначенных для различных целей. В программе Illustrator вы можете редактировать градиенты в контексте монтажной области, обеспечивая точный подбор цвета, легкость управления и мгновенную визуальную обратную связь. Палитра Градиент (Gradient) предоставляет множество знакомых параметров заливки, например радиальный и линейный тип градиента, и прозрачности (рис. 7.42). Чтобы добавить градиентную заливку к фигуре: 1. Откройте документ Illustrator, содержащий фигуру, к которой вы хотите добавить градиент. 2. Выберите инструмент Выделение (Selection) на панели инструментов и щелкните по фигуре. 3. Выберите команду меню Окно ⇒ Градиент (Window ⇒ Gradient) для отображения палитры Градиент (Gradient) (рис. 7.42). 4. Выберите один из вариантов градиентной заливки во всплывающей панели Образец градиента (Gradient fill), к примеру Радиальный градиент (Radial Gradient). Выбранная градиентная заливка будет применена к фигуре (рис. 7.43). 5. Чтобы изменить цвета градиента внутри фигуры, дважды щелкните мышью по цветовым узлам, расположенным под цветовой шкалой градиента, и выберите с помощью инструмента Пипетка (Eyedropper) новый цвет, отличный от установленных по умолчанию черного и белого цветов (рис. 7.44).
584
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Рис. 7.42. Палитра Градиент с выбранными радиальным типом градиента и цветами
Рис. 7.43. Градиент применен к фигуре
6. Щелкните мышью в любой точке между существующими цветовыми узлами, чтобы добавить новый цветовой узел. Добавляйте и настраивайте цветовые узлы до тех пор, пока вы не добьетесь желаемого градиента внутри фигуры (рис. 7.45).
Рис. 7.44. Выбор цвета на палитре Градиент
Рис. 7.45. Фигура, к которой применены новые цвета градиента
Ñîçäàíèå íîâûõ ôèãóð ñ ïîìîùüþ èíñòðóìåíòà Ñîçäàíèå ôèãóð Инструмент Создание фигур (Shape Builder) представляет собой интерактивное средство для создания сложных фигур путем слияния и стирания более простых фигур. Этот инструмент может использоваться для простых и составных контуров. Он интуитивно выделяет края и области выбранного объекта, которые могут сливаться для формирования новых фигур. Край представляет собой часть контура, которая не пересекает-
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
585
ся с другими контурами выбранного объекта. Область представляет собой замкнутую часть контура, ограниченную краями. Чтобы создать фигуру с помощью инструмента Создание фигур (Shape Builder): 1. Создайте фигуру, к которой вы хотите применить инструмент Создание фигур (Shape Builder). 2. С помощью инструмента Выделение (Selection) выделите только те контуры, слияние которых необходимо выполнить для создания фигуры (рис. 7.46). Ïðèìå÷àíèå: Óáåäèòåñü, ÷òî âûáðàíû òîëüêî òå êîíòóðû, ê êîòîðûì íåîáõîäèìî ïðèìåíèòü èíñòðóìåíò.
3. На панели инструментов выберите инструмент Создание фигур (Shape Builder) (рис. 7.47). По умолчанию инструмент находится в режиме слияния, позволяя выполнять слияние различных контуров. 4. Чтобы выполнить слияние двух или нескольких контуров, перетащите указатель мыши над всеми областями, ограниченными контурами. Когда указатель мыши перемещается над областью, она выделяется (рис. 7.48). Отпустите кнопку мыши, когда все области будут выделены.
Рис. 7.46. Выделение контуров
Области сольются, образовав новую фигуру (рис. 7.49).Обратите внимание, что слияние верхнего круга с фигурой не произошло. На следующем шаге вы удалите часть этой фигуры. Художественный стиль, который наследует новая фигура, задается на основе следующих правил: • К фигурам, для которых выполняется слияние, применяется художественный стиль объекта, с которого началось перетаскивание указа- Рис. 7.47. Панель теля мыши. инструментов • Если художественный стиль объекта, с которого началось перетаскивание указателя мыши, недоступен, к фигурам, для которых выполняется слияние, применяется художественный стиль объекта, на котором была отпущена кнопка мыши. • Если художественные стили объектов, с которого началось и которым закончилось перетаскивание указателя мыши, недоступны, к фигурам применяется художественный стиль самого верхнего выделенного объекта на палитре Слои (Layers). Настройки цвета можно изменить, выбрав значение Образцы цвета (Color Swatches) в раскрывающемся списке Выбрать цвет из (Pick Color From) диалогового окна Параметры инструмента «Создание фигур» (Shape Builder Tool Options). (Чтобы открыть диалоговое окно Параметры инструмента «Создание фигур» (Shape Builder Tool Options), дважды щелкните мышью по значку инструмента Создание фигур (Shape Builder) на панели инструментов.)
586
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Рис. 7.48. Выбор области для слияния
Рис. 7.49. Фигура, образовавшаяся после слияния
Ïðèìå÷àíèå:  êà÷åñòâå àëüòåðíàòèâû ïåðåòàñêèâàíèþ óêàçàòåëÿ ìûøè íàä îáëàñòÿìè, êîòîðûå òðåáóåòñÿ îáúåäèíèòü, ìîæíî íàðèñîâàòü ïðÿìîóãîëüíóþ ðàìêó âîêðóã îáëàñòåé, äëÿ êîòîðûõ íåîáõîäèìî âûïîëíèòü ñëèÿíèå, ïóòåì ïåðåòàñêèâàíèÿ óêàçàòåëÿ ìûøè ïðè íàæàòîé êëàâèøå Shift. Êîãäà âû îòïóñòèòå êíîïêó, ïðîèçîéäåò ñëèÿíèå âûäåëåííûõ îáëàñòåé.
5. Чтобы перейти в режим стирания для инструмента Создание фигур (Shape Builder), щелкните мышью по замкнутой области, которую необходимо удалить, удерживая нажатой клавишу Alt (Windows) или Option (Mac OS). В режиме стирания пользователь может удалять области, ограниченные выделенными фигурами (рис. 7.50). Если удаляется область, являющаяся частью нескольких объектов, фигуры разделяются таким образом, что выделенные области удаляются из фигур.
Рис. 7.50. Удаление области из выделенной фигуры
В режиме стирания также можно выполнить удаление краев. Этот режим полезен, когда необходимо удалить участки, оставшиеся после создания требуемой фигуры.
ÊÀÊ ÐÈÑÎÂÀÒÜ Â ÏÅÐÑÏÅÊÒÈÂÅ Â ÏÐÎÃÐÀÌÌÅ ILLUSTRATOR В программе Adobe Illustrator CS5 вы можете легко рисовать или визуализировать объект в перспективе, используя набор функций, которые работают по существующим законам рисования перспективы. Рисуя в перспективе, вы можете приближенно представлять трехмерную сцену на плоской поверхности в естественном (для человеческого глаза) виде. Например, дорога или пара рельсовых путей зрительно должны встречаться или исчезать на зрительной оси.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
587
Следующие функции программы Illustrator облегчают рисование в перспективе: •
утилиты для определения или редактирования в документе одной, двух и трех точек схода перспективы;
•
интерактивное управление разными параметрами, определяющими перспективу;
•
создание объектов непосредственно в перспективе;
•
перевод в перспективу существующих объектов;
•
преобразование объектов в перспективе (перемещение, масштабирование и перемещение объектов в перпендикулярном направлении);
•
рисование объектов с использованием специальных реалистичных измерений в перспективе.
Îá èíñòðóìåíòå Ñåòêà ïåðñïåêòèâû Группа инструментов «Сетка перспективы» включает в себя инструменты Сетка перспективы (Perspective Grid) (рис. 7.51) и Выбор перспективы (Perspective Selection). Когда выбран инструмент Сетка перспективы (Perspective Grid), на экране отображается сетка перспективы со следующими элементами: •
элементы настройки левой и правой плоскостей сетки;
•
высота горизонта;
•
положение левой, правой и вертикальных плоскостей;
Рис. 7.51. Сетка перспективы, представляющая перспективу с двумя точками схода
588 • • • •
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
видимость и протяженность ячейки сетки; размер ячеек сетки; начало координат; левый и правый виджеты нулевой отметки, используемые для перемещения сетки.
Для выбора активной плоскости перспективы используйте виджет переключения между плоскостями (рис. 7.52).
Рис. 7.52. Виджет переключения между плоскостями
Вы можете настроить положение данного виджета и выбрать вариант его отображения вместе с сеткой перспективы. Чтобы установить эти параметры, дважды щелкните мышью по инструменту Сетка перспективы (Perspective Grid) на панели инструментов. В диалоговом окне Параметры сетки перспективы (Perspective Grid Options) вы можете настроить следующие параметры: • Показать виджет активной плоскости (Show Active Plane Widget). Этот флажок установлен по умолчанию. Если сбросить этот флажок, виджет не будет отображаться вместе с сеткой перспективы. • Положение виджета (Widget Position). Вы можете выбрать место, в котором будет отображаться виджет — в левом верхнем, правом верхнем, левом нижнем или правом нижнем углу окна документа. При выборе инструмента Выбор перспективы (Perspective Selection) отображаются элементы управления левой, правой и горизонтальной плоскостями. Вы можете переключиться на инструмент Выбор перспективы (Perspective Selection), нажав комбинацию клавиш Shift+V или выбрав его на панели инструментов. Инструмент Выбор перспективы (Perspective Selection) позволяет делать следующее: • переводить объекты, текст и символы в перспективу относительно активной плоскости; • переключать активные плосоксти с помощью комбинаций клавиш; • перемещать объекты в перспективе (параллельно активной плоскости); • перемещать объекты перпендикулярно активной плоскости. При использовании инструмента Выбор перспективы (Perspective Selection) активные плоскости в сетке перспективы обозначаются указанными ниже указателями. Активная плоскость
Указатель
Левая плоскость сетки
[зн. 01]
Правая плоскость сетки
[зн. 02]
Горизонтальная плоскость сетки
[зн. 03]
В данном разделе рассматриваются основы работы с инструментами Сетка перспективы (Perspective Grid) и Выбор перспективы (Perspective Selection). Более подробную информацию об использовании сетки перспективы можно найти в разделе «Рисование перспективы» справки программы Illustrator.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
589
Ñòèëè ñåòêè ïåðñïåêòèâû В программе Illustrator доступны стандартные стили одно-, двух- и трехточечных перспектив (рис. 7.53).
Рис. 7.53. Стили сетки перспективы
Чтобы выбрать стиль сетки перспективы: 1.
Выберите команду меню Просмотр ⇒ Сетка перспективы (View ⇒ Perspective Grid).
2.
В подменю выберите один из доступных стилей (Одноточечная перспектива (One Point Perspective), Двухточечная перспектива (Two Point Perspective) или Трехточечная перспектива (Three Point Perspective)), а затем в подменю выбранного стиля выберите команду Обычный вид (Normal View) (рис. 7.54).
590
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Рис. 7.54. Подменю Сетки перспективы меню Просмотр
Выбранная сетка перспективы появится в окне документа (рис. 7.51).
Ðàáîòà ñ îáúåêòàìè è òåêñòîì â ïåðñïåêòèâå Вы можете использовать сетку перспективы для создания и редактирования объектов и текста в перспективе. Ðèñîâàíèå íîâûõ îáúåêòîâ â ïåðñïåêòèâå Объекты в перспективе рисуются с помощью инструментов группы «Линия» или «Фигура» при отображении сетки. Чтобы нарисовать новые объекты на сетке: 1. Чтобы выбрать плоскость, на которой вы хотите нарисовать объект, щелкните по одной из граней куба в виджете переключения между плоскостями (рис. 7.56). Выбранная плоскость станет активной. 2. Выберите инструмент Прямоугольник (Rectangle) на панели инструментов (рис. 7.55).
Рис. 7.55. Инструменты группы «Фигура» на панели инструментов
Ïðèìå÷àíèå: Ñ ñåòêîé ïåðñïåêòèâû âû ìîæåòå èñïîëüçîâàòü ëþáîé èíñòðóìåíò èç ãðóïïû «Ôèãóðà», êðîìå èíñòðóìåíòà Áëèê (Flare).
3. Выберите цвета заливки и обводки на панели управления. 4. Путем перетаскивания указателя мыши по окну документа нарисуйте фигуру (рис. 7.56).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Рис. 7.56. Рисование прямоугольника на сетке перспективы
Фигура автоматически выравнивается вдоль активной плоскости. 5. Чтобы переместить фигуру по сетке перспективы, удерживайте нажатой клавишу Ctrl (Windows) или Command (Mac OS) при перетаскивании этой фигуры. В результате этого действия происходит временный выбор инструмента Выбор перспективы (Perspective Selection). 6. Перетащите фигуру на новое место в окне документа (рис. 7.57). В процессе перетаскивания фигуры рядом с указателем мыши отображается подсказка со значениями пространственных координат, помогая вам выровнять объект относительно сетки перспективы. 7. Отпустите кнопку мыши, чтобы применить изменения. Фигура переместится в новую позицию.
Рис. 7.57. Перемещение объектов по сетке перспективы
591
592
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Ïðèêðåïëåíèå îáúåêòîâ ê ñåòêå ïåðñïåêòèâû Программа Illustrator предоставляет возможность прикрепления уже созданных объектов к активной плоскости на сетке перспективы. Чтобы прикрепить объект к сетке: 1. С помощью виджета переключения между плоскостями выберите режим Без активной сетки (No Active Grid) (рис. 7.58).
Рис. 7.58. Виджет переключения между плоскостями
2. Выберите инструмент Прямоугольник со скругленными углами (Rounded Rectangle) на панели инструментов (рис. 7.55) и установите параметры заливки и обводки объекта на панели управления. 3. Путем перетаскивания указателя мыши нарисуйте прямоугольник со скругленными углами в любом месте окна документа. Обратите внимание, что прямоугольник нарисован не в перспективе. Так происходит потому, что на шаге 1 вы указали, что в сетке перспективы нет активной плоскости. 4. С помощью виджета переключения между плоскостями выберите левую (Сетка слева (Left)), правую (Сетка справа (Right)) или горизонтальную (Горизонтальная сетка (Horizontal Grid)) плоскость. Выбранная вами плоскость станет активной. 5. Выберите инструмент Выбор перспективы (Perspective Selection) на панели инструментов (рис. 7.59).
Рис. 7.59. Инструмент Сетка перспективы на панели инструментов
6. Щелкните мышью по прямоугольнику со скругленными углами, нарисованному в окне документа, чтобы выделить его. 7. Выберите команду меню Объект ⇒ Перспектива ⇒ Прикрепить к активной плоскости (Object ⇒ Perspective ⇒ Attach To Active Plane). Ограничивающая рамка объекта будет выровнена вдоль плоскости перспективы (рис. 7.60). Ïðèìå÷àíèå: Èñïîëüçîâàíèå êîìàíäû Ïðèêðåïèòü ê àêòèâíîé ïëîñêîñòè (Attach To Active Plane) íå âëèÿåò íà âíåøíèé âèä îáúåêòà.
8. Перетащите выделенный объект на новое место в окне документа, обратив внимание на изменения в перспективе объекта относительно выбранной плоскости (рис. 7.61). 9. Если вы хотите открепить объект от сетки перспективы, выберите команду меню Объект ⇒ Перспектива ⇒ Открепить с сохранением перспективы (Object ⇒ Perspective ⇒ Release With Perspective). Выбранный объект отсоединяется от соответствующей плоскости перспективы и становится доступен как обычный графический объект.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Рис. 7.60. Ограничивающая рамка объекта выровнена вдоль плоскости перспективы
Рис. 7.61. Перемещение объекта по сетке перспективы
593
594
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Ïðèìå÷àíèå: Èñïîëüçîâàíèå êîìàíäû Îòêðåïèòü ñ ñîõðàíåíèåì ïåðñïåêòèâû (Release With Perspective) íå âëèÿåò íà âíåøíèé âèä îáúåêòà.
Ïåðåìåùåíèå îáúåêòîâ â ïåðñïåêòèâå Для перемещения объекта в перспективе выберите инструмент Выбор перспективы (Perspective Selection) (комбинация клавиш Shift+V), а затем используйте клавиши со стрелками или перетащите объект с помощью мыши. Чтобы ограничить перемещение объекта в перспективе, при его перетаскивании удерживайте нажатой клавишу Shift. Кроме того, вы также можете перемещать объекты в перпендикулярном направлении по отношению к их текущему положению. Это полезно при создании параллельных объектов, например стен комнаты. Чтобы переместить объект в перпендикулярном направлении по отношению к его текущему положению: 1. Выделите объект с помощью инструмента Выбор перспективы (Perspective Selection). 2. Перетащите объект в требуемое положение, удерживая нажатой клавишу «тильда» (~). В результате этого действия объект будет перемещен в перпендикулярном направлении по отношению к его текущему положению (рис. 7.62). Ìàñøòàáèðîâàíèå îáúåêòîâ â ïåðñïåêòèâå Вы можете изменять масштаб объектов в перспективе с помощью инструмента Выбор перспективы (Perspective Selection). При масштабировании объектов в перспективе действуют следующие правила: •
Масштабирование осуществляется в плоскости объекта. При изменении масштаба объекта высота или расстояние масштабируются на основе плоскости объекта, а не на основе активной плоскости.
•
В случае нескольких объектов масштабируются только те объекты, которые находятся на одной плоскости. Например, если вы выберете несколько объектов на правой и левой плоскостях, масштабирование произойдет для всех объектов, которые находятся на одной плоскости с объектом, чья ограничительная рамка используется для масштабирования.
•
Объекты, перемещенные перпендикулярно, масштабируются на своей плоскости, а не на текущей или активной плоскости.
Чтобы масштабировать объекты на сетке: 1. Выберите инструмент Выбор перспективы (Perspective Selection) на панели инструментов. 2. Выберите любую опорную точку фигуры. При наведении указателя мыши на опорную точку рядом с указателем мыши появляется изображение квадрата со сторонами, представленными пунктирными линиями, в углу которого находится маленький квадрат. Рядом с опорной точкой отображается подсказка со значениями координат X и Y (рис. 7.63).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Рис. 7.62. Перемещение прямоугольника в перпендикулярном направлении по отношению к его текущему положению
3. Перетащите опорную точку для изменения масштаба объекта. 4. Для пропорционального изменения масштаба фигуры при перетаскивании опорной точки удерживайте нажатой клавишу Shift (рис. 7.64). Ïðèìå÷àíèå: Åñëè ïåðåòàñêèâàòü îïîðíóþ òî÷êó, óäåðæèâàÿ íàæàòîé êëàâèøó Shift, îòîáðàæàåòñÿ òîëüêî ñåòêà ïëîñêîñòè îáúåêòà.
Рис. 7.63. Выбор опорной точки
Рис. 7.64. Масштабирование объекта в сетке перспективы
595
596
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Äîáàâëåíèå òåêñòà è ñèìâîëîâ â ïåðñïåêòèâó Когда отображается сетка, вы не можете напрямую добавить текст и символы на плоскость перспективы. Однако текст и символы можно перенести в перспективу после их создания в обычном режиме. Чтобы перенести текст или символы в перспективу: 1. Выберите инструмент Текст (Туре) или Вертикальный текст (Vertical Type) (рис. 7.65). Указатель мыши примет вид текстового курсора, обведенного пунктирной рамкой. Маленькая горизонтальная линия в нижней части курсора обозначает положение базовой линии, на которой размещается текст. 2. (Необязательный шаг.) Установите параметры форматирования текста на панели управления, на палитрах Символ (Character) или Абзац (Paragraph).
Рис. 7.65. Параметры инструмента Текст
3. Щелкните по точке, в которой вы хотите начать ввод текста. 4. Введите текст. Нажмите клавишу Enter (Windows) или Return (Mac OS), чтобы перейти на новую строку внутри того же текстового объекта. 5. Завершив ввод текста, выберите инструмент Выбор перспективы (Perspective Selection), а затем выделите текстовый объект. 6. Перетащите существующий текст или символ в требуемое положение. Ограничительная рамка текстового объекта будет выровнена вдоль активной плоскости (рис. 7.66).
Рис. 7.66. Перемещение объекта на сетку перспективы
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
597
Рис. 7.67. Текст помещен на сетку перспективы
7. Отпустите кнопку мыши, чтобы поместить текст на сетку перспективы (рис. 7.67). 8. (Необязательный шаг.) Дважды щелкните мышью по текстовому объекту, чтобы отредактировать текст в режиме изоляции (рис. 7.68).
Рис. 7.68. Редактирование текста в режиме изоляции
Перейти в режим редактирования текста можно с помощью кнопки Редактировать текст (Edit Text) на панели управления (рис. 7.69) и команды меню Объект ⇒ Перспектива ⇒ Редактировать текст (Object ⇒ Perspective ⇒ Edit Text).
598
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Чтобы выйти из режима изоляции, щелкните по кнопке Выйти из режима изоляции (Exit Isolation Mode) в левом верхнем углу монтажного стола. Ïðèìå÷àíèå:  çàâèñèìîñòè îò òîãî, ðåäàêòèðóåòå ëè âû ñèìâîë èëè òåêñò, íà ïàíåëè óïðàâëåíèÿ äîñòóïíû êíîïêè Ðåäàêòèðîâàòü ñèìâîë (Edit Symbol) èëè Ðåäàêòèðîâàòü òåêñò (Edit Text) ñîîòâåòñòâåííî.
Рис. 7.69. Панель управления с кнопкой Редактировать текст
Íàñòðîéêè ñåòêè ïåðñïåêòèâû Вы можете изменить настройки сетки перспективы через меню Просмотр ⇒ Сетка перспективы (View ⇒ Perspective Grid) (рис. 7.70).
Рис. 7.70. Подменю Сетка перспективы меню Просмотр
Вы можете установить следующие настройки: • Показать линейки (Show Rulers). Выполняется отображение делений линейки только вдоль линии истинной высоты. Для отображения линеек на сетке перспективы выберите команду меню Просмотр ⇒ Сетка перспективы ⇒ Показать линейки (View ⇒ Perspective Grid ⇒ Show Rulers). • Привязать к сетке (Snap To Grid). Выполняется включение привязки объектов к линиям сетки при переносе в перспективу, перемещении, масштабировании и рисовании в перспективе.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
•
•
599
Закрепить сетку (Lock Grid). Выполняется ограничение перемещения сетки и других операций редактирования сетки с помощью инструмента Сетка перспективы (Perspective Grid). Могут быть изменены только видимость и положение плоскости. Закрепить точку наблюдения (Lock Station Point). Если выбрана настройка Закрепить точку наблюдения (Lock Station Point), точки схода перемещаются синхронно. Если настройка не выбрана, точки схода перемещаются независимо, при этом можно перемещать и точку наблюдения.
ÊÀÊ ÏÎÂÒÎÐÍÎ ÈÑÏÎËÜÇÎÂÀÒÜ ÎÁÚÅÊÒÛ, ÕÐÀÍßÙÈÅÑß Â ÁÈÁËÈÎÒÅÊÀÕ Дизайнеры часто прибегают к повторному использованию одних и тех же графических изображений, заголовков и страниц. В конце концов, одна из целей дизайна — это, вероятно, согласованность или единообразие, и такое единообразие помогает читателям при работе с вашими документами. В программе Adobe InDesign CS5 вы можете сохранить часто используемые графику, текст и страницы в специальных файлах, называемых библиотеками объектов. (Вы можете также добавить в библиотеку направляющие, сетки, нарисованные фигуры и сгруппированные изображения. Для получения дополнительной информации по добавлению этих объектов обратитесь к справке программы InDesign.) Библиотеки объектов — это специальные файлы, которые хранятся независимо от документов. Вы можете создать столько библиотек, сколько вам нужно. Например, можно создать библиотеку объектов для каждого проекта или клиента. Библиотеки хранятся в виде отдельных файлов с расширением .indl. После добавления объекта в библиотеку он остается там до тех пор, пока вы не удалите его из библиотеки, даже если исходный объект будет удален. При добавлении в библиотеку объектов элемента страницы, например графического объекта, программа InDesign сохраняет все примененные к этому объекту атрибуты (или, в случае файлов Adobe, например файлов в форматах Photoshop PSD и Acrobat PDF, импортированные атрибуты). Иными словами, при добавлении графического объекта из документа InDesign в библиотеку программа InDesign создаст точную копию оригинала, которую можно повторно использовать в будущем. Ïðèìå÷àíèå: Íåëüçÿ îòêðûâàòü îáúåêòû èç áèáëèîòåêè è èçìåíÿòü èõ ñ òåì, ÷òîáû ýòè èçìåíåíèÿ îòðàçèëèñü â äîêóìåíòàõ InDesign. Âû ìîæåòå òîëüêî äîáàâëÿòü îáúåêòû â áèáëèîòåêó, ïîìåùàòü îáúåêòû èç áèáëèîòåêè â äîêóìåíò èëè óäàëÿòü îáúåêòû èç áèáëèîòåêè.
Ãðàôè÷åñêèå îáúåêòû è ñâÿçè, õðàíÿùèåñÿ â áèáëèîòåêå Как уже говорилось ранее, графические объекты в программе InDesign на самом деле представляет собой связи с другими файлами. При добавлении графического объекта в библиотеку создается точная копия исходного графического объекта, включая информацию ос-
600
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
вязи, что позволяет обновлять графический объект при его изменении. Если связанный файл был перемещен или удален, при следующей попытке поместить объект в документ из палитры Библиотека (Library) он будет закрашен темно-серым цветом (с той же формой фрейма). Ïðèìå÷àíèå: Âû ìîæåòå âîññòàíîâèòü îòñóòñòâóþùèå ñâÿçè ÷åðåç ïàëèòðó Ñâÿçè (Links) (êîìàíäà ìåíþ Îêíî ⇒ Ñâÿçè (Window ⇒ Links)).
Ñîâìåñòíîå èñïîëüçîâàíèå áèáëèîòåê Вы можете пользоваться библиотеками совместно с вашей проектной командой (даже если на компьютерах пользователей установлены разные операционные системы). Однако открывать общую библиотеку может одновременно только один пользователь.
Ñîçäàíèå íîâîé áèáëèîòåêè В следующем упражнении вы создадите новую библиотеку объектов и сохраните ее в вашей системе. Чтобы создать новую библиотеку: 1. Запустите программу InDesign. 2. Выберите команду меню Файл ⇒ Новый ⇒ Библиотека (File ⇒ New ⇒ Library). Откроется диалоговое окно Новая библиотека (New Library). 3. Укажите имя библиотеки, выберите ее местоположение и щелкните по кнопке Сохранить (Save).
Рис. 7.71. Палитра Библиотека
Файл библиотеки будет сохранен с расширением .indl. Появится палитра Библиотека (Library) (рис. 7.71).
Äîáàâëåíèå îáúåêòà â áèáëèîòåêó Чтобы добавить объекты в библиотеку, перетащите их с монтажного стола на палитру Библиотека (Library). Чтобы добавить объект в библиотеку: 1. Откройте библиотеку в программе InDesign (команда меню Файл ⇒ Открыть (File ⇒ Open)).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
601
2. Откройте страницу в программе InDesign. 3. Выберите инструмент Выделение (Selection) на панели инструментов (рис. 7.72). 4. Щелкните мышью по текстовому или графическому фрейму на странице, чтобы выделить его. 5. Перетащите фрейм с монтажного стола на палитру Библиотека (Library) (рис. 7.73). 6. Когда вы отпустите кнопку мыши, элемент появится в библиотеке. Над названием элемента отображается его миниатюра (рис. 7.74).
Рис. 7.73. Перетаскивание объекта в библиотеку
Рис. 7.74. Элемент добавлен в библиотеку
Рис. 7.72. Панель инструментов
602
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Äîáàâëåíèå èíôîðìàöèè îá ýëåìåíòå áèáëèîòåêè После добавления объекта в библиотеку вы можете присвоить ему имя и ввести краткое описание. Добавление информации об объектах библиотеки облегчает использование этой библиотеки другими членами проектной группы. Чтобы добавить информацию об элементе библиотеки: 1. Откройте палитру Библиотека (Library). 2. Щелкните мышью по элементу библиотеки, чтобы выделить его (рис. 7.74). 3. Щелкните по кнопке Информация об элементе библиотеки (Library Item Information). Появится диалоговое окно Информация об элементе (Item Information) (рис. 7.75).
Рис. 7.75. Диалоговое окно Информация об элементе
4. В поле ввода Имя элемента (Item Name) введите имя элемента, к примеру содержание надписи на изображении. Помните, что эти имена принесут пользу другим членам команды, если они будут содержательными. Ïðèìå÷àíèå: Çà÷àñòóþ íà ïàëèòðå Áèáëèîòåêà (Library) îòîáðàæàþòñÿ òîëüêî ïåðâûå 8—10 áóêâ èìåíè.
5. Убедитесь, что в раскрывающемся списке Тип объекта (Object Type) выбран правильный тип объекта — к примеру, Текст (Text). В противном случае выберите тип объекта в меню Тип объекта (Object Type). В этом списке также доступны следующие типы объектов: Изображение (Image), PDF, Страница (Page), Файл InDesign (InDesign file) и др. 6. В поле ввода Описание (Description) введите описание для данного элемента, например «стандартный заголовок информационного бюллетеня». Данное описание отображается при выборе элемента библиотеки и щелчке по кнопке Информация об элементе библиотеки (Library Item Information). 7. Щелкните по кнопке OK. Заметьте, что элемент библиотеки появится под новым именем (рис. 7.76).
Рис. 7.76. Переименованный элемент библиотеки
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
603
Ïîâòîðíîå èñïîëüçîâàíèå ýëåìåíòà áèáëèîòåêè Для использования элемента библиотеки просто перетащите его из библиотеки на монтажный стол. Чтобы повторно использовать элемент библиотеки: 1. Откройте библиотеку в программе InDesign. 2. Выберите элемент библиотеки, щелкнув по нему мышью. 3. Перетащите элемент на монтажный стол (рис. 7.77).
Рис. 7.77. Перетаскивание элемента из библиотеки
При перетаскивании элемента рядом с указателем мыши отображается подсказка со значениями координат X и Y, помогая вам максимально точно расположить объект на макете страницы. 4. Отпустите кнопку мыши.
Рис. 7.78. Объект на монтажном столе
Элемент появится на монтажном столе (рис. 7.78).
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ØÀÁËÎÍÛ ÄÎÊÓÌÅÍÒÎÂ Шаблоны — это специальные документы программы Adobe InDesign CS5, которые вы можете использовать для создания дополнительных и согласующихся между собой документов InDesign. Шаблоны могут помочь вам создать стандартные документы благодаря возможности настройки их макета, графики и текста. Например, если вы отвечаете за подготовку ежемесячных информационных бюллетеней, можно создать шаблон, содержащий полный макет типового выпуска, включающего направляющие, сетки, фреймы-заполнители, слои, а также любые повторно используемые изображения или текст. В шаблонах вы даже можете хранить страницы-шаблоны. И хотя можно
604
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
просто сохранить выпуск за прошлый месяц под новым именем и на его основе создать новый выпуск, шаблоны помогут вам избежать риска случайного удаления старого файла. Поскольку при автоматическом открытии у шаблонов отсутствует конкретное имя файла, вам придется создать новый документ вместо перезаписи существующего документа. Шаблон создается точно так же, как и обычный документ; единственное различие возникает при сохранении документа. Шаблоны зачастую применяются при коллективной работе. Поэтому создаваемые вами шаблоны должны быть максимально удобными для пользователей. Для начала все шаблоны должны иметь осмысленные имена, например company_newsletter_template (шаблон информационного бюллетеня компании). Вы также можете добавить слой с инструкциями по использованию шаблона. Предупредите пользователей о необходимости сокрытия или удаления слоя с инструкциями перед печатью документа. Чтобы сохранить документ в виде шаблона: 1. Запустите программу InDesign и откройте документ. 2. Выберите команду меню Файл ⇒ Сохранить как (File ⇒ Save As). Откроется диалоговое окно Сохранить как (Save As) (рис. 7.79).
Рис. 7.79. Диалоговое окно Сохранить как
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
605
3. Откройте папку, в которой вы хотите сохранить шаблон. Убедитесь, что вы сможете получить доступ к этой папке в дальнейшем. 4. Введите описательное имя, которое вы и члены вашей команды сможете легко идентифицировать, например, sports_page (страница со спортивными новостями) или club_page (страница клуба). Хорошие соглашения по именованию являются неотъемлемой частью эффективной рабочей среды, и хорошая практика заключается в использовании осмысленных имен. 5. В раскрывающемся списке Тип файла (Save As Type) (Windows) или Формат (Format) (Mac OS) выберите значение Шаблон InDesign CS5 (InDesign CS5 Template). 6. Щелкните по кнопке Сохранить (Save) и закройте шаблон. Для создать новый документ на основе шаблона: 1. Выберите команду меню Файл ⇒ Открыть (File ⇒ Open). Появится диалоговое окно Открыть файл (Open A File) (рис. 7.80).
Рис. 7.80. Диалоговое окно Открыть файл
606
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
2. Найдите и выберите шаблон, созданный в предыдущем упражнении. 3. Установите переключатель Открыть как (Open As) в положение Нормальный (Normal) (Windows) или Открыть нормальный (Open Normal) (Mac OS), а затем щелкните по кнопке Открыть (Open). Обратите внимание, что созданный документ не имеет имени. 4. Чтобы присвоить новому документу определенное имя, выберите команду меню Файл ⇒ Сохранить (File ⇒ Save). Ïðèìå÷àíèå: Ïî óìîë÷àíèþ ïðîãðàììà InDesign ïðèñâàèâàåò ôàéëàì ðàñøèðåíèå .indd. Íå ñëåäóåò èñïîëüçîâàòü äðóãîå ðàñøèðåíèå.
Чтобы изменить существующий шаблон: 1. Выберите команду меню Файл ⇒ Открыть (File ⇒ Open). 2. Найдите и выберите шаблон. 3. Установите переключатель Открыть как (Open As) в положение Оригинал (Original) (Windows) или Открыть оригинал (Open Original) (Mac OS). 4. Щелкните по кнопке Открыть (Open). 5. Внесите изменения в документ так же, как и в любой другой файл InDesign. 6. Выберите команду меню Файл ⇒ Сохранить (File ⇒ Save). Файл будет автоматически сохранен в качестве шаблона. Ïðèìå÷àíèå: Ïðè îáíîâëåíèè øàáëîíà ôàéëû, ñîçäàííûå íà åãî îñíîâå, íå èçìåíÿþòñÿ. Øàáëîíû â ïðîãðàììå InDesign âûïîëíÿþò ðîëü îòïðàâíûõ òî÷åê â ïðîöåññå ñîçäàíèÿ äîêóìåíòîâ.
ÊÀÊ ÒÐÀÍÑÔÎÐÌÈÐÎÂÀÒÜ ÎÁÚÅÊÒÛ Вы можете изменить размер и форму объекта, а также изменить его ориентацию на монтажном столе с помощью инструмента Свободное трансформирование (Free Transform).
ÏÐÈÌÅÍÅÍÈÅ ÈÍÑÒÐÓÌÅÍÒÀ ÑÂÎÁÎÄÍÎÅ ÒÐÀÍÑÔÎÐÌÈÐÎÂÀÍÈÅ Инструмент Свободное трансформирование (Free Transform) в программе Adobe InDesign CS5 работает так же, как и в программах Adobe Photoshop CS5 и Adobe Illustrator CS5, предоставляя возможность выполнить любую операцию трансформирования с помощью всего лишь одного инструмента. Различные операции трансформирования, например масштабирование, поворот, зеркальное отражение и наклон, могут объединяться, если активен инструмент Свободное трансформирование (Free Transform). Чтобы воспользоваться инструментом Свободное трансформирование (Free Transform): 1. Запустите программу InDesign и откройте документ.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
607
2. Среди инструментов трансформирования на панели инструментов выберите инструмент Свободное трансформирование (Free Transform) (рис. 7.81). 3. Выделите текстовый или графический фрейм, щелкнув по нему. По краю фрейма появится ограничительная рамка с боковыми и угловыми маркерами (рис. 7.82). 4. Перетащите любой из маркеров, чтобы выполнить масштабирование фрейма (рис. 7.83).
Рис. 7.82. Фрейм, выделенный с помощью инструмента Свободное трансформирование
Рис. 7.81. Инструменты трансформирования
Рис. 7.83 Масштабирование фрейма путем перетаскивания
5. Отпустите кнопку мыши, чтобы применить новый масштаб (рис. 7.84). 6. Установите указатель мыши рядом с одним из угловых маркеров за пределами ограничительной рамки. Ïðèìå÷àíèå: Ïîñêîëüêó âû èñïîëüçóåòå èíñòðóìåíò Ñâîáîäíîå òðàíñôîðìèðîâàíèå (Free Transform), ñ ïîìîùüþ ýòîãî èíñòðóìåíòà âû òàêæå ìîæåòå âûïîëíÿòü îïåðàöèè ïîâîðîòà, çåðêàëüíîãî îòðàæåíèÿ è íàêëîíà.
Указатель мыши примет вид значка вращения (рис. 7.85).
608
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Рис. 7.84. Результат масштабирования
Рис. 7.85. Значок вращения
7. Перетащите указатель мыши по часовой или против часовой стрелки. Фрейм будет поворачиваться, а рядом с указателем мыши будет отображаться подсказка со значением угла поворота изображения (рис. 7.86). 8. Отпустите кнопку мыши, чтобы применить текущий угол поворота (рис. 7.87).
Рис. 7.86. Вращение изображения
Рис. 7.87. Результат поворота
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Рис. 7.88. Получение зеркального отражения путем перетаскивания
609
Рис. 7.89. Результат применения операции зеркального отражения
9. Перетащите один из боковых маркеров по направлению к противоположной стороне фигуры (рис. 7.88). 10.
Отпустите кнопку мыши, чтобы применить результат операции зеркального отражения (рис. 7.89).
11.
Чтобы наклонить объекты, начните перетаскивать маркер, а затем нажмите и удерживайте клавишу Ctrl (Windows) или Command (Mac OS) (рис. 7.90). Чтобы выполнить наклон от обеих сторон объектов, удерживайте нажатой комбинацию клавиш Alt+Ctrl (Windows) или Command+Option (Mac OS).
12.
Отпустите кнопку мыши, чтобы применить результат операции наклона (рис. 7.91).
Применение команды Повторить трансформирование (Transform Again) 1. Примените любую из операций трансформирования, описанных в предыдущем разделе. 2. Выберите инструмент Выделение (Selection) на панели инструментов (рис. 7.92). 3. Выделите другой объект.
610
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Рис. 7.90. Применение сдвига
Рис. 7.91. Результат применения операции сдвига
4. Выберите команду меню Объект ⇒ Повторить трансформирование ⇒ Повторить трансформирование (Object ⇒ Transform Again ⇒ Transform Again). Операция трансформирования, примененная вами к первому объекту, также была применена и ко второму объекту.
Рис. 7.92. Панель инструментов
ÊÀÊ ÓÏÐÀÂËßÒÜ ÏÎÒÎÊÎÌ ÒÅÊÑÒÀ ÌÅÆÄÓ ÔÐÅÉÌÀÌÈ Работая с программой Adobe InDesign CS5, вы, наверное, замечали, что иногда на текстовом фрейме появляется красный знак «плюс», когда вы вставляете больше текста, чем может уместиться в этом фрейме. Этот красный знак «плюс» указывает на наличие вытесненного текста. Вытесненный текст — это текст, который не умещается в текстовом фрейме. Проблему вытесненного текста можно решить, увеличив размеры текстового фрейма, но зачастую требуется сделать так, чтобы вытесненный текст перетекал в другой фрейм, располо-
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
611
Рис. 7.93. Текстовый фрейм с вытесненным текстом
женный на той же или на другой странице. Это называется потоком текста. Поток означает, что вытесненный текст перетекает в другой текстовый фрейм. Информационные бюллетени и газеты применяют поток текста, начиная рассказ на одной странице, и продолжая его на следующей странице (часто сопровождая подобный переход фразой «Продолжение на стр. xx»). Также можно использовать поток текста для распределения текста между двумя текстовыми фреймами на одной и той же странице. В данном примере (рис. 7.93) в верхнем текстовом фрейме присутствует вытесненный текст, который должен перетечь в нижний текстовый фрейм. Поток текста связывается с портами текстового фрейма. Каждый текстовый фрейм содержит входной порт и выходной порт. При наличии вытесненного текста в выходном порте текстового фрейма появляется красный знак «плюс». Чтобы направить поток текста в другой текстовый фрейм, щелкните по выходному порту (рис. 7.94). Указатель мыши примет вид значка загруженного текста, выглядящего как маленькая стрелка, ря-
Рис. 7.94. Текстовый фрейм с портами
612
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
дом с которой отображаются несколько первых строк текста. При перемещении указателя мыши над текстовым фреймом на значке появляется пара звеньев цепи, сообщающая о том, что, если щелкнуть мышью по данному текстовому фрейму, он будет связан с фреймом, содержащим вытесненный текст, для продолжения потока текста. В зависимости от того, где находится указатель мыши, значок загруженного текста меняет свой внешний вид. Когда указатель мыши находится над текстовым фреймом, значок загруженного текста заключается в круглые скобки. Когда вы перемещаете указатель мыши рядом с направляющей или точкой привязки сетки, цвет стрелки на значке меняется с черного на белый.
Íàïðàâëåíèå ïîòîêà òåêñòà èç îäíîãî òåêñòîâîãî ôðåéìà â äðóãîé Текст во фрейме может быть как независимым от других фреймов, так и перетекать из одного связанного фрейма в другой. Чтобы направить поток текста из одного текстового фрейма в другой: 1. Запустите программу InDesign и откройте документ. 2. Выберите инструмент Текст (Туре) на панели инструментов (рис. 7.95). 3. Путем перетаскивания указателя мыши по странице создайте текстовый фрейм, а затем повторите этот процесс, чтобы создать еще один текстовый фрейм (рис. 7.96). 4. Введите, вставьте или поместите достаточное количество текста в один из текстовых фреймов так, чтобы появился вытесненный текст (рис. 7.94). 5. Щелкните по инструменту Выделение (Selection) на панели инструментов (рис. 7.95). 6. Щелкните по выходному порту текстового фрейма с вытесненным текстом (рис. 7.97).
Рис. 7.95. Панель инструментов
Указатель мыши примет вид значка загруженного текста. 7. Установите указатель мыши на второй текстовый фрейм. Указатель мыши примет вид значка загруженного текста, заключенного в круглые скобки. 8. Щелкните мышью по второму текстовому фрейму. Вытесненный текст перетечет во второй текстовый фрейм (рис. 7.98). 9. Попробуйте добавить еще несколько строк текста в первый текстовый фрейм. В результате часть текста перейдет во второй текстовый фрейм. 10.
Выберите команду меню Правка ⇒ Выделить все (Edit ⇒ Select All).
Будет выделен текст в обоих фреймах (рис. 7.99).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
613
Рис. 7.96. Два текстовых фрейма
Рис. 7.97. Вытесненный текст, добавленный в один из фреймов
Рис. 7.98. Перетекание текста между фреймами
Рис. 7.99. В обоих фреймах выделен весь текст
614
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Èñïîëüçîâàíèå ìåòîäîâ àâòîçàïîëíåíèÿ В предыдущем разделе было описано, как выполнять заполнение текстом вручную. При заполнении текстом вручную каждый раз, когда требуется заполнить текстом новый текстовый фрейм, приходится щелкать по выходному порту одного фрейма и затем щелкать по другому текстовому фрейму, когда указатель мыши примет вид значка загруженного текста. Однако программа InDesign также предоставляет вам возможности управления способом перетекания текста так, что, например, значок загруженного текста появляется автоматически, когда текст становится вытесненным. Эти возможности называются методами автозаполнения. Вы можете применить автозаполнение путем использования комбинаций клавиш, указанных в таблице ниже, при щелчке по текстовому фрейму, когда указатель мыши принимает вид значка загруженного текста. В следующей таблице описаны методы автозаполнения. Удерживаемая клавиша
Что она делает
Alt (Windows) или Option (Mac OS)
Полуавтоматическое заполнение. Заполнение осуществляется по тому же принципу, что и заполнение вручную, но после достижения конца фрейма указатель мыши принимает вид значка загруженного текста до тех пор, пока не будет заполнен весь текст документа. Использование полуавтоматического заполнения аналогично тому, что после заполнения текстом очередного текстового фрейма автоматически происходит щелчок по выходному порту этого фрейма, если в нем остается вытесненный текст
Shift
Автозаполнение. При использовании данного метода программа InDesign добавляет страницы и фреймы до тех пор, пока в документе не будет заполнен весь текст. Каждый фрейм занимает целую страницу. Если в диалоговом окне Новый документ (New Document) к страницам были добавлены колонки, программа InDesign будет размещать текст по колонкам. Например, если страницы содержат две колонки, и вы удерживаете нажатой клавишу Shift при щелчке мышью, когда указатель мыши принял вид значка загруженного текста, программа InDesign будет добавлять страницы с двумя колонками, заполняя их текстом, до тех пор, пока не заполнит весь текст. Ïðèìå÷àíèå: ×òîáû ïðîãðàììà InDesign äîáàâëÿëà ñòðàíèöû ñ êîëîíêàìè, íåîáõîäèìî äîáàâèòü êîëîíêè â äîêóìåíò ïðè åãî ñîçäàíèè â äèàëîãîâîì îêíå Íîâûé äîêóìåíò (New Document).  êà÷åñòâå àëüòåðíàòèâû ìîæíî ñîçäàòü ñòðàíèöó-øàáëîí ñ äâóìÿ êîëîíêàìè. Ïðè ïðèìåíåíèè ìåòîäà Àâòîçàïîëíåíèå (Autoflow) íà ñòðàíèöå, ñîçäàííîé íà îñíîâå ñòðàíèöû-øàáëîíà, ïðîãðàììà InDesign äîáàâëÿåò äðóãèå ñòðàíèöû, èñïîëüçóÿ ôîðìàò äàííîé ñòðàíèöû-øàáëîíà. Áîëåå ïîäðîáíóþ èíôîðìàöèþ î ñòðàíèöàõ-øàáëîíàõ ìîæíî íàéòè â ñïðàâêå ïðîãðàììû InDesign
Shift+Alt (Windows) или Shift+Option (Mac OS)
Автозаполнение в пределах страницы. Заполняется весь текст в документе без добавления фреймов или страниц. При применении данного метода программа InDesign создает один текстовый фрейм на текущей странице без добавления дополнительных страниц
Следующие шаги помогут вам попрактиковаться в использовании метода полуавтоматического заполнения, описанного выше. Повторим, что в первом упражнении этого раздела были описаны шаги, демонстрирующие процесс заполнения текстом вручную, когда при
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
615
необходимости избавиться от вытесненного текста вы каждый раз щелкаете по выходному порту текстового фрейма. Полуавтоматическое заполнение похоже на заполнение текстом вручную, за исключением того, что значок загруженного текста появляется автоматически по завершении заполнения, если имеется вытесненный текст. Автозаполнение в пределах страницы работает как автозаполнение, за исключением того, что программа InDesign не добавляет дополнительные страницы. Весь оставшийся текст становится вытесненным. Чтобы применить полуавтоматическое заполнение: 1. Откройте документ с одним или несколькими текстовыми фреймами. 2. Введите, вставьте или поместите достаточное количество текста так, чтобы текст оказался вытесненным не только для фрейма, но и для всей страницы. Например, вы можете вставить или поместить две или более страницы текста, набранного шрифтом размером 12 пунктов с одиночным интервалом. 3. Щелкните по инструменту Выделение (Selection) на панели инструментов. 4. Щелкните мышью по выходному порту текстового фрейма с вытесненным текстом, удерживая нажатой клавишу Shift (рис. 7.96). Указатель мыши примет вид значка загруженного текста с автозаполнением (рис. 7.100). 5. Установите указатель мыши на любое место страницы и щелкните мышью. 6. Программа InDesign автоматически добавит страницы и фреймы, чтобы разместить поток текста (рис. 7.101).
Рис. 7.101. Результат автозаполнения
Рис. 7.100. Значок автозаполнения
616
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
ÊÀÊ ÄÎÁÀÂËßÒÜ ÍÎÌÅÐÀ ÑÒÐÀÍÈÖ Как и во многих программах обработки текста, вы можете автоматически обновлять номера страниц в программе Adobe InDesign CS5. Для этого достаточно добавить маркер номера страницы в текстовый фрейм на ваших страницах, и указать, где должен появляться номер страницы. • Поскольку номера страниц обновляются автоматически, отображаемый номер страницы всегда корректен — даже при добавлении, удалении или переупорядочении страниц в документе. • Так как номера страниц добавляются в текстовый фрейм, вы можете применять к ним стили и форматирование, как к обычному тексту. • Если автоматически присваиваемый номер страницы расположен на странице-шаблоне, то он содержит префикс страницы-шаблона, например «A». На странице документа отображается только номер страницы.
Äîáàâëåíèå íîìåðîâ ñòðàíèö Перед тем, как добавить номера страниц, необходимо решить, где они должны размещаться. В следующем упражнении вы создадите разворот и добавите номера страниц в левый верхний и правый верхний углы разворота. Разворот состоит из двух страниц с зеркальным отображением полей — представьте типичный макет книги или журнала, где две следующие друг за другом страницы, например страницы 2 и 3, расположены напротив друг друга. Чтобы добавить номера страниц: 1. Запустите программу InDesign и выберите команду меню Файл ⇒ Новый ⇒ Документ (File ⇒ New ⇒ Document), чтобы отобразить диалоговое окно Новый документ (New Document) (рис. 7.102). 2. Установите флажок Разворот (Facing Pages). Если флажок Разворот (Facing Pages) установлен, программа InDesign будет добавлять страницы в виде двухстраничных разворотов. 3. В поле ввода Количество страниц (Number of Pages) введите значение 3. Вы можете ввести большее значение, но оно должно быть не меньше 3. Вам потребуется, по крайней мере, 3 страницы, поскольку программа InDesign размещает первую страницу отдельно, по аналогии с журналом или книгой, где первая страница обычно находится справа. Определив для нового документа 3 страницы, вы гарантируете, что в документе появится, по крайней мере, один разворот. 4. Щелкните по кнопке OK для закрытия диалогового окна Новый документ (New Document) и создания документа. В результате на экране будет открыта первая страница документа. 5. Для перехода к двухстраничному развороту нажмите клавишу Page Down или воспользуйтесь полосой прокрутки, чтобы прокрутить документ вниз до страниц 2 и 3, которые должны появиться в виде разворота (рис. 7.103). Вы добавите номера страниц в правый верхний и левый верхний углы разворота.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Рис. 7.102. Диалоговое окно Новый документ
Рис. 7.103. Двухстраничный разворот
617
618
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
6. Выберите инструмент Текст (Туре) на панели инструментов (рис. 7.104). 7. Установите указатель мыши на левый верхний угол разворота. Путем перетаскивания инструмента Текст (Туре) по странице создайте текстовый фрейм (рис. 7.105). В процессе перетаскивания рядом с указателем мыши отображается подсказка со значениями ширины и высоты, позволяя правильно установить размеры текстового фрейма. Текстовый фрейм должен быть достаточно большим, чтобы вместить самый длинный номер страницы в документе. Например, если в вашем документе 50 страниц, размера текстового фрейма должно быть достаточно для размещения двух символов.
Рис. 7.104. Панель инструментов
Рис. 7.105. Текстовый фрейм в левом верхнем углу разворота
8. Щелкните мышью по текстовому фрейму и выберите команду меню Текст ⇒ Вставить специальный символ ⇒ Маркеры ⇒ Номер текущей страницы (Type ⇒ Insert Special Character ⇒ Markers ⇒ Current Page Number). В текстовом фрейме появится цифра 2 (рис. 7.106). По умолчанию для отображения номера страницы используется размер шрифта, который применялся последним на панели управления. 9. Выделите номер страницы с помощью инструмента Текст (Туре) и примените к нему форматирование, например измените шрифт и размер шрифта, с помощью панели управления (рис. 7.107). 10.
Повторите шаги 4—6, но на этот раз расположите текстовый фрейм в правом верхнем углу разворота.
В текстовом фрейме появится цифра 3.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
619
Рис. 7.106. Вставленный номер страницы
Рис. 7.107. Панель управления
11.
После того, как вы добавите номер страницы, щелкните по кнопке-переключателю Выключка вправо (Right Align) на панели управления (рис. 7.107). Номер страницы будет выровнен по правому краю, благодаря чему он будет отображаться в правом углу разворота (рис. 7.108). Продолжите добавление номеров страниц на другие страницы документа. По окончании работы закройте документ.
Рис. 7.108. Номер страницы выровнен по правому краю
620
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Äîáàâëåíèå íîìåðîâ ñòðàíèö íà ñòðàíèöû-øàáëîíû В предыдущем разделе вы добавляли номера страниц на отдельные страницы документа. Вы можете облегчить процесс нумерации страниц, воспользовавшись страницами-шаблонами. Страницы-шаблоны — о которых вы узнаете больше в разделе «Как использовать страницы-шаблоны» данного проекта — определяют внешний вид страниц в документе. Когда вы добавляете элементы на страницу-шаблон, эти элементы отображаются на каждой странице документа. Добавив номера страниц на страницу-шаблон, вы гарантируете, что номера страниц будут отображаться в каждом документе. Чтобы добавить номера страниц на страницы-шаблоны: 1. Запустите программу InDesign и создайте новый документ. 2. Выберите команду меню Окно ⇒ Страницы (Выключка вправо) для отображения палитры Страницы (Pages) (рис. 7.109).
Рис. 7.109. Палитра Страницы
Страницы-шаблоны отображаются в верхней части палитры. В левом верхнем углу значка страницы, расположенном в нижней части палитры, отображается символ «А» (если вы не изменили страницу-шаблон ранее). Рядом с названием шаблона A-Шаблон (A-Master) отображаются две соединенные страницы, указывающие на то, что данный шаблон представляет двухстраничный разворот. Разворот — это макет, состоящий из двух страниц. Вы добавите номера страниц в каждый угол разворота. 3. Дваждый щелкните по шаблону А-Шаблон (A-Master), чтобы отобразить его на экране. Появится двухстраничный разворот (рис. 7.110). Вы добавите номера страниц в левый верхний и правый верхний углы. 4. Выберите инструмент Текст (Туре) на панели инструментов (рис. 7.111). 5. Установите указатель мыши на левый верхний угол разворота и перетащите инструмент Текст (Туре) по странице, чтобы создать текстовый фрейм (рис. 7.112). В процессе перетаскивания рядом с указателем мыши отображается подсказка со значениями ширины и высоты, позволяя правильно установить размеры текстового фрейма. Текстовый фрейм должен быть достаточно большим, чтобы вместить самый длинный номер страницы в документе. Например, если в вашем документе 50 страниц, размера текстового фрейма должно быть достаточно для размещения двух символов.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
621
Рис. 7.110. Двухстраничный разворот
6. Щелкните мышью внутри текстового фрейма и выберите команду меню Текст ⇒ Вставить специальный символ ⇒ Маркеры ⇒ Номер текущей страницы (Type ⇒ Insert Special Character ⇒ Markers ⇒ Current Page Number). В текстовом фрейме появится символ «А», поскольку номер страницы был добавлен на страницу-шаблон (рис. 7.113). По умолчанию, для отображения символа «А» используется размер шрифта, который применялся последним на панели управления. 7. Выделите символ «А» с помощью инструмента Текст (Туре) и примените к этому символу форматирование, например измените шрифт и размер шрифта, с помощью панели управления.
Рис. 7.111. Панель инструментов
8. Повторите шаги 4—6, но на этот раз расположите текстовый фрейм в правом верхнем углу разворота. 9. После того как вы добавите номер страницы, щелкните по кнопке-переключателю Выключка вправо (Right Align) на панели управления. Номер страницы будет выровнен по правому краю, благодаря чему он будет отображаться в правом углу разворота (рис. 7.114). Теперь, когда вы добавили номера страниц на страницу-шаблон, вы увидите, что они появятся и на страницах документа.
622
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Рис. 7.112. Текстовый фрейм в левом верхнем углу разворота
Рис. 7.113. Вставленный номер страницы
10.
Если палитра Страницы (Pages) не отображается на экране, выберите команду меню Окно ⇒ Страницы (Window ⇒ Pages).
11.
Дважды щелкните по значку страницы в нижней части панели Страницы (Pages), чтобы открыть эту страницу.
Страница будет открыта. Вместо символа «А» на страницах документа появятся номера страниц (рис. 7.115).
Рис. 7.114. Номер страницы выровнен по правому краю
Рис. 7.115. Номер страницы — как он отображается на странице
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
623
ÊÀÊ ÑÎÇÄÀÂÀÒÜ ÏÎÄÏÈÑÈ В любой документ, содержащий в себе фотографии — или любые другие изображения, — вам, вероятно, потребуется включить подписи. Подписи — это короткие предложения или фразы, которые отображаются под фотографиями и описывают их содержание. Подписи позволяют повысить полезность документа, пояснив читателям, что изображено на рисунке. В данном разделе вы создадите стиль абзаца для подписей в программе Adobe InDesign CS5 и примените его к подписи изображения.
Ñîçäàíèå ñòèëÿ ïîäïèñè Создание стиля для подписей и его дальнейшее согласованное применение гарантирует, что все подписи в документе будут выглядеть одинаково. Это придает документу унифицированный вид и помогает читателям быстро находить подписи в тексте (некоторые читатели могут читать только подписи!). Чтобы создать стиль подписи: 1. Запустите программу InDesign и откройте документ (желательно документ, содержащий изображения). 2. Выберите команду меню Окно ⇒ Стили ⇒ Стили абзаца (Window ⇒ Styles ⇒ Paragraph Styles), чтобы отобразить палитру Стили абзацев (Paragraph Styles) (рис. 7.116). 3. Щелкните по кнопке Создать новый стиль (Create New Style) в нижней части палитры Стили абзацев (Paragraph Styles).
Рис. 7.116. Палитра Стили абзацев
На палитре Стили абзацев (Paragraph Styles) появится новый стиль. По умолчанию новый стиль будет иметь название Стиль абзаца 1 (Paragraph Style 1). 4. Выполните одно из следующих действий: • дважды щелкните по имени стиля; • щелкните правой кнопкой мыши (Windows) или щелкните мышью, удерживая нажатой клавишу Control (Mac OS), по имени стиля и выберите команду Редактировать «Стили абзаца 1» (Edit «Paragraph Style 1») в появившемся контекстном меню. Появится диалоговое окно Параметры стиля абзаца (Paragraph Style Options) (рис. 7.117). 5. В поле ввода Имя стиля (Style Name) введите значение Подпись. Далее выберите форматирование для подписи. Размер шрифта, используемый для оформления подписей, как правило, небольшой — 9 или 10 пунктов. Зачастую для отображения
624
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Рис. 7.117. Диалоговое окно Параметры стиля абзаца
такого мелкого текста лучше всего использовать гарнитуру без засечек. Вам также может потребоваться выбрать начертание, помогающее отличить подписи от другого текста на странице, например курсивное начертание. 6. Щелкните по названию категории Основные атрибуты символов (Basic Character Formats) в левой части диалогового окна. На экране появятся параметры категории Основные атрибуты символов (Basic Character Formats) диалогового окна Параметры стиля абзаца (Paragraph Style Options) (рис. 7.118). 7. Введите следующую информацию: • Гарнитура (Font Family): Arial (или другой шрифт без засечек); • Начертание (Font Style): Italic (Курсив); • Кегль (Size): 9 пт (9 pt). 8. Щелкните по кнопке OK. Стиль подписи определен и готов к использованию.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
625
Рис. 7.118. Категория Основные атрибуты символов
Äîáàâëåíèå ïîäïèñåé ê èçîáðàæåíèÿì Теперь, когда вы определили стиль подписи, можно начинать добавлять подписи к фотографиям. Начните с создания небольшого текстового фрейма под изображением. В идеале место для подписи должно оставляться под каждым изображением в исходном макете. Если вы не оставили свободного места, придется переместить элементы страницы, чтобы освободить пространство для подписи. Помочь с размещением подписи могут «быстрые» направляющие. Эти временные «притягивающие» направляющие помогают создавать, выравнивать, редактировать и трансформировать объекты относительно других объектов. Чтобы включить «быстрые» направляющие, выберите команду меню Просмотр ⇒ Сетка и направляющие ⇒ «Быстрые» направляющие (View ⇒ Grids & Guides ⇒ Smart Guides). Рекомендуется проявлять последовательность в использовании подписей. Если читатель видит подпись под одним изображением, он может рассчитывать увидеть подписи под всеми изображениями. Чтобы добавить подпись к изображению: 1. Выберите инструмент Текст (Туре) на панели инструментов (рис. 7.119).
626
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
2. Путем перетаскивания указателя мыши в пространстве под изображением создайте текстовый фрейм, ширина которого будет совпадать с шириной изображения, а высота составит приблизительно 6—7 мм (рис. 7.120). Размещайте текстовый фрейм по своему усмотрению; вы можете захотеть оставить промежуток между изображением и текстовым фреймом подписи, чтобы избежать излишнего уплотнения подписи и повысить ее удобочитаемость. В документе InDesign точно разместить подпись вам помогут «быстрые» направляющие и подсказка со значениями ширины и высоты, отображаемая рядом с указателем мыши. 3. Выбрав инструмент Текст (Туре), щелкните мышью по текстовому фрейму.
Рис. 7.119. Панель инструментов
4. Введите подпись для вашего изображения. 5. Если палитра Стили абзацев (Paragraph Styles) не видна на экране, выберите команду меню Окно ⇒ Стили ⇒ Стили абзаца (Window ⇒ Styles ⇒ Paragraph Styles). 6. В предыдущем упражнении вы создали стиль под названием Подпись. Щелкните по данному стилю, чтобы выбрать его. 7. Продолжайте добавлять подписи к другим изображениям в документе, используя стиль Подпись (рис. 7.121).
Рис. 7.120. Текстовый фрейм подписи добавлен под изображением
Рис. 7.121. Под изображением добавлена подпись
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
627
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ÈÍÑÒÐÓÌÅÍÒÛ ÈÇÌÅÐÅÍÈß È ÀÍÀËÈÇÀ Если вы работаете с научными или техническими изображениями, вам может потребоваться проанализировать изображения перед тем, как представить их аудитории. Программа Adobe Photoshop CS5 Extended предоставляет набор инструментов, с помощью которых можно измерять различные аспекты изображений, например площадь, периметр, ширину, высоту и т. д. Для этого используются инструменты выделения и инструмент Линейка (Ruler) с последующим применением команды Записать измерения (Record Measurements) меню Анализ (Analysis). Программа Photoshop сохраняет результаты измерений на палитре Журнал измерений (Measurement Log) (рис. 7.122). Затем вы можете экспортировать эти результаты измерений в таблицу.
Рис. 7.122. Палитра Журнал измерений
Íàñòðîéêà øêàëû èçìåðåíèé Прежде чем проводить измерения, можно настроить шкалу измерений для текущего изображения, установив в качестве единиц измерения, например дюймы или сантиметры. Результаты измерений будут более полезными для аудитории, если в качестве единиц измерения вы будете использовать дюймы или сантиметры, а не пикселы. Вы можете настроить шкалу измерений одним из двух способов: • указать ширину изображений в дюймах или сантиметрах; • использовать инструмент Линейка (Ruler), чтобы измерить некую деталь изображения с известной длиной. Например, если вы знаете, что длина объекта на снимке составляет 4 дюйма, вы можете использовать инструмент Линейка (Ruler), чтобы измерить этот объект в пикселах, а затем указать в качестве длины этого объекта значение, равное 4дюймам. В любом случае вам необходимо сопоставить определенное количество пикселов — «экранные» единицы измерения — с некоторым значением в единицах измерения, используемых в реальном мире, например дюймы или сантиметры. Чтобы настроить шкалу измерений: 1. Откройте изображение, подходящее для проведения анализа, в программе Photoshop. 2. Выберите команду меню Анализ ⇒ Задать шкалу измерений ⇒ Заказная (Analysis ⇒ Set Measurement Scale ⇒ Custom). Появится диалоговое окно Шкала измерений (Measurement Scale) (рис. 7.123), а также автоматически будет выбран инструмент Линейка (Ruler).
628
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Рис. 7.123. Диалоговое окно Шкала измерений
3. Переместите указатель мыши за пределы диалогового окна. Указатель мыши примет вид значка инструмента Линейка (Ruler). 4. Перетащите указатель мыши, чтобы измерить деталь изображения, реальная длина которой вам известна. Ширина жука в приведенном примере (рис. 7.124) составляет 1 дюйм. Измерив ширину в пикселах с помощью инструмента Линейка (Ruler), вы можете определить количество пикселов в одном дюйме изображения. Это позволит вам определять длину в дюймах при проведении последующих измерений.
Рис. 7.124. Использование
инструмента Линейка из диалогового Когда вы отпустите кнопку мыши, в поле ввода окна Шкала измерений Длина в пикселях (Pixel Length) появится полученный размер объекта в пикселах. Далее вам необходимо указать соответствующее значение в дюймах.
5. Укажите размер объекта в дюймах (или в других единицах измерения) в поле ввода Логическая длина (Logical Length) диалогового окна Шкала измерений (Measurement Scale) (рис. 7.125). В примере с жуком (рис. 7.124) в поле ввода Логическая длина (Logical Length) вам нужно было бы ввести значение 1. 6. Введите название единиц измерения в поле ввода Логические единицы (Logical Units). Например, если измерения будут проводиться в дюймах, введите значение дюймы. 7. Щелкните по кнопке Сохранить набор параметров (Save Preset), чтобы сохранить эти настройки в качестве набора параметров, доступных для повторного использования.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
629
Эта возможность полезна в том случае, когда вы измеряете несколько изображений с помощью одной и той же шкалы. Появится диалоговое окно Набор параметров шкалы измерений (Measurement Scale Preset). 8. Укажите название для набора параметров. 9. Щелкните по кнопке OK, чтобы закрыть диалоговое окно Набор параметров шкалы измерений (Measurement Scale Preset). 10.
Щелкните по кнопке OK, чтобы закрыть диалоговое окно Шкала измерений (Measurement Scale).
Рис. 7.125. Диалоговое окно Шкала измерений
Èçìåðåíèå îáúåêòîâ ñ ïîìîùüþ èíñòðóìåíòîâ âûäåëåíèÿ Вы можете использовать любой из инструментов выделения, чтобы выделить область изображения — Волшебная палочка (Magic Wand), Лассо (Lasso), Прямоугольная область (Rectangular Marquee), Быстрое выделение (Quick Selection) и т. д. Чтобы измерить объект с помощью инструментов выделения: 1. Выберите один из инструментов выделения (например, инструмент Быстрое выделение (Quick Selection), Лассо (Lasso) или Прямолинейное лассо (Polygonal Lasso)) на панели инструментов, чтобы выделить измеряемый объект (рис. 7.126). 2. Выберите команду меню Анализ ⇒ Записать измерения (Analysis ⇒ Record Measurements).
Рис. 7.126. Выделенный объект
Откроется палитра Журнал измерений (Measurement Log) с добавленными результатами измерения (рис. 7.127).
630
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Рис. 7.127. Палитра Журнал измерений
3. Прокрутите содержимое палитры Журнал измерений (Measurement Log) вправо, чтобы отобразить столбцы Площадь (Area), Периметр (Perimeter), Высота (Height) и Ширина (Width) (рис. 7.128). Поэкспериментируйте с измерением различных выделенных областей и понаблюдайте за результатами, добавляемыми на палитру Журнал измерений (Measurement Log). (Чтобы записать результаты измерения выделенной области, выбирайте команду меню Анализ ⇒ Записать измерения (Analysis ⇒ Record Measurements) после каждой операции выделения.) Ïðèìå÷àíèå: Îäíîâðåìåííî ìîæíî èçìåðÿòü ñðàçó íåñêîëüêî îòäåëüíûõ âûäåëåííûõ îáúåêòîâ. Äëÿ ýòîãî ïðè âûäåëåíèè îáúåêòîâ óäåðæèâàéòå íàæàòîé êëàâèøó Shift. Âûáðàâ êîìàíäó ìåíþ Àíàëèç ⇒ Çàïèñàòü èçìåðåíèÿ (Analysis ⇒ Record Measurements), âû óâèäèòå, ÷òî íà ïàëèòðå Æóðíàë èçìåðåíèé (Measurement Log) ïîÿâèòñÿ ñðàçó íåñêîëüêî çàïèñåé, îòðàæàþùèõ ðåçóëüòàòû èçìåðåíèé ïî êàæäîìó èç âûäåëåííûõ îáúåêòîâ (ðèñ. 7.129).
Рис. 7.128. На палитре Журнал измерений отображаются столбцы Площадь и Периметр
Èçìåðåíèå îáúåêòîâ ñ ïîìîùüþ èíñòðóìåíòà Ëèíåéêà Вы также можете проводить измерения с помощью инструмента Линейка (Ruler) и записывать результаты измерений на палитре Журнал измерений (Measurement Log). Чтобы измерить объект с помощью инструмента Линейка (Ruler): 1. Щелкните по инструменту Пипетка (Eyedropper) на панели инструментов и, удерживая кнопку мыши, выберите инструмент Линейка (Ruler) (рис. 7.130). 2. Перетащите указатель мыши по изображению от начальной точки измеряемого объекта до конечной точки. Ïðèìå÷àíèå: Åñëè â ïðîöåññå ïåðåòàñêèâàíèÿ óäåðæèâàòü íàæàòîé êëàâèøó Shift, èçìåðèòåëüíàÿ ëèíèÿ áóäåò ðàñïîëàãàòüñÿ ñòðîãî ãîðèçîíòàëüíî, âåðòèêàëüíî èëè ïîä óãëîì 45 ãðàäóñîâ.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
631
Рис. 7.129. Несколько выделенных и измеренных объектов
3. Выберите команду меню Анализ ⇒ Записать измерения (Analysis ⇒ Record Measurements). Откроется палитра Журнал измерений (Measurement Log) с добавленными результатами новых измерений (рис. 7.131). В таблице результатов измерений повились новые столбцы Длина (Length) и Угловой (Angle). По умолчанию эти столбцы отображаются в правой части таблицы результатов измерений. Возможно, вам понадобится прокрутить содержимое палитры Журнал измерений (Measurement Log) вправо, чтобы увидеть эти столбцы.
Рис. 7.130. Выбор инструмента Линейка
632
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Рис. 7.131. Палитра Журнал измерений
Ýêñïîðò ðåçóëüòàòîâ èçìåðåíèé â ýëåêòðîííóþ òàáëèöó После того, как вы провели необходимые измерения, вы можете экспортировать результаты измерений из палитры Журнал измерений (Measurement Log) в электронную таблицу. Чтобы экспортировать результаты измерений: 1. Если палитра Журнал измерений (Measurement Log) не отображается на экране, выберите команду меню Окно ⇒ Журнал измерений (Window ⇒ Measurement Log), чтобы отобразить ее (рис. 7.132).
Рис. 7.132. Палитра Журнал измерений
2. Выберите одну или несколько строк, щелкнув по ним мышью. Вы можете выбрать несколько строк, удерживая нажатой клавишу Ctrl (Windows) или Command (Mac OS). 3. Щелкните по значку Экспортировать выбранные измерения (Export Selected Measurements) на палитре Журнал измерений (Measurement Log). 4. В появившемся диалоговом окне введите имя файла и сохраните его в вашей системе. Укажите местоположение, которое вы сможете найти в дальнейшем. Создаваемый файл будет иметь расширение .txt. 5. Откройте созданный файл в программе электронных таблиц (рис. 7.133). Ïðèìå÷àíèå:  ïðîãðàììå Microsoft Excel âûáåðèòå êîìàíäó ìåíþ Ôàéë ⇒ Îòêðûòü (File ⇒ Open).  ïîÿâèâøåìñÿ äèàëîãîâîì îêíå âûáåðèòå çíà÷åíèå Âñå ôàéëû (All Files) â ðàñêðûâàþùåìñÿ ñïèñêå Òèï ôàéëîâ (Files Of Type) (Windows) èëè Âêëþ÷èòü (Enable) (Mac OS).
Найдите папку, выбранную на шаге 4, и откройте файл с результатами измерений, имеющий расширение .txt. Результаты измерений отобразятся в программе электронных таблиц.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
633
Рис. 7.133. Экспортированные данные в программе электронных таблиц
ÊÀÊ ÈÌÏÎÐÒÈÐÎÂÀÒÜ ÒÅÊÑÒ ÈÇ ÏÐÎÃÐÀÌÌÛ MICROSOFT WORD Часто в процессе дизайна одни члены команды готовят содержимое и пишут текст, а другие — создают и проектируют макет. Во многих случаях эти писатели набирают свой текст в программе Microsoft Word или другом текстовом редакторе. Вы можете импортировать текст из программы Microsoft Word непосредственно в документ программы Adobe InDesign CS5, используя ту же команду Поместить (Place), которая применялась для импорта изображений. Чтобы импортировать текст из программы Microsoft Word: 1. Запустите программу InDesign и откройте документ. 2. Выберите один из следующих вариантов помещения текста на страницу: Для импорта текста в существующий текстовый фрейм выделите текстовый фрейм и выберите команду меню Файл ⇒ Поместить (File ⇒ Place). • Для импорта текста и автоматического создания нового текстового фрейма убедитесь, что ни один фрейм не выделен, и выберите команду меню Файл ⇒ Поместить (File ⇒ Place). Откроется диалоговое окно Поместить (Place) (рис. 7.134).
634
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Рис. 7.134. Диалоговое окно Поместить
3. Убедитесь, что флажок Показать параметры импорта (Show Import Options) установлен. Параметры, отображаемые при установленном флажке Показать параметры импорта (Show Import Options), позволяют управлять процессом импорта текста из программы Microsoft Word. 4. Найдите папку с документом, который требуется импортировать. 5. Выберите файл и щелкните по кнопке Открыть (Open). Диалоговое окно Поместить (Place) закроется. Появится диалоговое окно Параметры импорта Microsoft Word (Microsoft Word Import Options) (рис. 7.135). В диалоговом окне Параметры импорта Microsoft Word (Microsoft Word Import Options) определите, что именно будет импортировано из документа: текст, сноски, концевые сноски,
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
635
Рис. 7.135. Диалоговое окно Параметры импорта Microsoft Word
текст оглавления или текст указателя. Вы можете также указать, каким образом импортировать выбранные элементы: со стилями, графикой и т. д., в неизменном виде или в виде текста. В этом упражнении вы будете импортировать только текст. 6. Сбросьте все флажки в группе элементов управления Включить (Include): • Текст оглавления (Table Of Contents Text); • Текст указателя (Index Text); • Сноски (Footnotes); • Концевые сноски (Endnotes). 7. В группе элементов управления Форматирование (Formatting) установите переключатель Удалить стили и форматирование текста и таблиц (Remove Styles And Formatting From Text And Tables). 8. Щелкните по кнопке OK. Диалоговое окно Параметры импорта Microsoft Word закроется. Указатель мыши примет вид значка загруженного текста с миниатюрой текста (рис. 7.136). Если выбран вариант импорта текста в существующий текстовый фрейм, текст будет автоматически импортирован во фрейм. Теперь вы можете отформатировать импортированный текст как любой другой текст в документе InDesign. 9. Если вы еще не создали текстовый фрейм, щелкните мышью в документе по тому месту, где хотите поместить текст.
636
ÏÐÎÅÊÒ 7. Èíôîðìàöèîííûå áþëëåòåíè
Рис. 7.136. Помещение импортируемого текста Программа InDesign создает текстовое поле, которое начинается в указанной вами точке и заполняет оставшуюся часть страницы или колонки (рис. 7.137). После того, как текст будет импортирован, вы можете отформатировать его как любой другой текст в документе InDesign.
Рис. 7.137. Текстовое поле помещено на страницу
8. ØÊÎËÜÍÛÅ ÌÈÍÈ-ÀËÜÁÎÌÛ ÈÍÑÒÐÓÊÖÈÈ ÄËß ÏÐÅÏÎÄÀÂÀÒÅËÅÉ Время выполнения: от 12 до 16 часов.
ÎÁÇÎÐ ÏÐÎÅÊÒÀ Школьный альбом, или ежегодник, часто используется для записи, упоминания и освещения событий учебного года. В большинстве учебных заведений учащиеся издают школьные альбомы. В некоторых странах и организациях ежегодники используются в качестве годовых отчетных докладов. В этом проекте учащиеся, работая в командах, будут разрабатывать и создавать школьные альбомы. Учащиеся создадут шаблоны нескольких макетов двухстраничных разворотов, а также графику и иллюстрации для повторного использования, чтобы обеспечить тематическое и дизайнерское единообразие для всего школьного альбома. Результат проекта: школьный мини-альбом.
ÖÅËÈ ÏÐÎÅÊÒÀ По завершении данного проекта учащиеся разовьют следующие навыки.
ÍÀÂÛÊÈ ÓÏÐÀÂËÅÍÈß ÏÐÎÅÊÒÎÌ • • •
Назначение и управление ролями. Создание и управление планом проекта. Создание руководства по стилям.
ÄÈÇÀÉÍÅÐÑÊÈÅ ÍÀÂÛÊÈ • • • • • •
Разработка дизайна и создание макетов двухстраничных разворотов. Печать изображений в край страницы. Сбор или создание повторно используемой графики и изображений. Разработка дизайна и создание повторно используемых макетов страниц. Разработка дизайна и создание тематически связанных страниц. Разработка дизайна и создание фоновых изображений для страниц с фотографиями.
ÈÑÑËÅÄÎÂÀÒÅËÜÑÊÈÅ È ÊÎÌÌÓÍÈÊÀÒÈÂÍÛÅ ÍÀÂÛÊÈ • •
Общение с коллегами, преподавателями и сообществом. Изучение и сбор сведений о школьных альбомах.
638 • • • • •
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
Изучение и сбор сведений о событиях в школьной жизни. Определение критериев по отнесению информации к категории важной и отбор такой информации. Планирование и организация фокус-групп. Рецензирование и организация цикла внесения изменений. Презентация школьного альбома и его обсуждение.
ÒÅÕÍÈ×ÅÑÊÈÅ ÍÀÂÛÊÈ Программа InDesign: • создание страниц-шаблонов; • конвертация текста в кривые; • использование команды Вставить в (Paste Into); • разработка дизайна разворотов страниц; • печать изображений в край страницы; • работа с полем переплета, или средником; • объединение нескольких файлов; • использование книг; • создание содержания и указателей; • применение обводки, масштабирования, и искривления к тексту; • использование разделов; • использование стилей объектов. Программа Illustrator: • понимание символов программы Illustrator; • использование инструмента Распыление символов (Symbol Sprayer). Программа Photoshop: • создание обзорного листа и пакета изображений.
ÎÁÎÐÓÄÎÂÀÍÈÅ È ÌÀÒÅÐÈÀËÛ ÄËß ÂÛÏÎËÍÅÍÈß ÏÐÎÅÊÒÀ • • • • • •
На всех компьютерах должна быть установлена программа Adobe Photoshop CS5 Extended. На всех компьютерах должна быть установлена программа Adobe InDesign CS5. На всех компьютерах должна быть установлена программа Adobe Illustrator CS5. На всех компьютерах должна быть установлена программа Adobe Acrobat 9 Pro. Раздел «План проекта». Раздел с пошаговыми инструкциями по программе InDesign «Как повторно использовать объекты, хранящиеся в библиотеках».
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
639
•
Раздел с пошаговыми инструкциями по программе InDesign «Как использовать шаблоны документов».
•
Раздел «Рецензия».
•
Раздел «Как использовать онлайн-службу CS Review для совместного рецензирования и внесения изменений».
•
Раздел с пошаговыми инструкциями по программе InDesign «Как заполнить текст изображением».
•
Раздел с пошаговыми инструкциями по программе InDesign «Как использовать страницы-шаблоны».
•
Раздел с пошаговыми инструкциями по программе InDesign «Как использовать стили объектов».
•
Раздел с пошаговыми инструкциями по программе InDesign «Как использовать книги».
•
Раздел с пошаговыми инструкциями по программе Illustrator «Как использовать инструмент Распыление символов (Symbol Sprayer)».
ÄÎÏÎËÍÈÒÅËÜÍÛÅ ÈÑÒÎ×ÍÈÊÈ ÄËß ÏÎÄÃÎÒÎÂÊÈ •
Ресурсы для дополнительной подготовки.
•
Ключевые понятия.
•
Стандарт ISTE NETS*S для учащихся.
•
Сертификация Adobe Certified Associate, задачи экзамена Visual Communication.
ÝÒÀÏÛ ÏÐÎÅÊÒÀ Ïëàíèðîâàíèå øêîëüíîãî ìèíè-àëüáîìà Рекомендуемое время: 100—150 минут. 1. Обсудите цели этого проекта: • создание небольшого школьного альбома; • построение школьного альбома с использованием шаблонов; • подготовка школьного альбома к печати. 2. Продемонстрируйте классу примеры школьных альбомов. Обратите особое внимание учащихся на макеты двухстраничных разворотов и способы тематического объединения содержания путем использования иллюстраций, шаблонов, изображений и т. д. Ïðèìå÷àíèå: Âû ìîæåòå íàéòè íåñêîëüêî ïðèìåðîâ åæåãîäíèêîâ çàðàíåå, ÷òîáû ïðîäåìîíñòðèðîâàòü èõ ó÷àùèìñÿ. Ïîìèìî ýòîãî, îáñóäèòå, êàê òåìû çà÷àñòóþ ïîìîãàþò ëîãè÷åñêè ñâÿçàòü ýëåìåíòû åæåãîäíèêà, íà÷èíàÿ ñ îáëîæêè è çàêàí÷èâàÿ ïîñëåäíåé ñòðàíèöåé.
640
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
3. Для каждого примера обсудите его цели и целевую аудиторию. Также обсудите элементы ежегодника. Вот приблизительный список таких элементов: • обложка; • тема; • развороты; • реклама; • указатель; • визуальная направляющая; • основной текст; • заголовки; • подписи под изображениями; • изображения (основные, сопровождающие, размещенные на полях и т. д.); • графика и иллюстрации; • нумерация страниц. 4. Обсудите терминологию, касающуюся производства ежегодников. Вот некоторые из этих понятий: • Открывающая и закрывающая страницы. Первая и последняя страницы разворота, открывающие и закрывающие тему. • Титульная страница. Первая страница ежегодника (или школьного альбома); она должна содержать название альбома и школы и всю соответствующую контактную информацию. • Двухсторонний печатный лист. Шестнадцатистраничная часть книги с двухсторонней печатью. Напечатанные листы фальцуются, сшиваются и обрезаются, после чего объединяются в нужном порядке для создания альбома. • Печатный лист. Восьмистраничная часть книги. Например, один печатный лист первого двухстороннего печатного листа включает страницы 1, 4—5, 8—9, 12—13, и 16; другой печатный лист включает страницы 2—3, 6—7, 10—11 и 14—15. • Разворот. Две смежные соседние страницы раскрытого альбома, например страницы 2—3, 4—5, 6—7 и т. д. • «Лесенка» (ladder). Постраничный план школьного альбома в разрезе фальцованных и нефальцованных листов. • Поле переплета. Вертикальное пространство, где соединяются две страницы разворота. • Внутреннее поле страницы. Пространство между элементами на странице. Ïðèìå÷àíèå: Îáúÿñíèòå, êàê îñóùåñòâëÿåòñÿ öâåòíàÿ ïå÷àòü íà ôàëüöîâàííûõ è íåôàëüöîâàííûõ ëèñòàõ è êàê ýòî âëèÿåò íà öåíó àëüáîìà. Íàïðèìåð, åñëè ó÷àùèåñÿ õîòÿò íàïå÷àòàòü ñòðàíèöû 1—16 (îäèí ïå÷àòíûé ëèñò) è ñäåëàòü öâåòíîé ñòðàíèöó 17 (êîòîðàÿ ÿâëÿåòñÿ ñìåæíîé äëÿ ñòðàíèöû 16), îíè áóäóò âûíóæäåíû äîïîëíèòåëüíî îïëàòèòü ñòîèìîñòü ïå÷àòè åùå îäíîãî ïîëíîãî ïå÷àòíîãî ëèñòà.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
641
5. Сформируйте команды учащихся, состоящих из двух или трех человек. По возможности включите в команды людей с разными способностями например обладающих навыками в области визуального дизайна или техническими навыками. Обсудите принципы работы в команде и роли людей в процессе создания ежегодника. К этим ролям относятся: • редакторы; • писатели; • художники-оформители; • фотографы; • дизайнеры. Ïðèìå÷àíèå: Îáðàòèòå âíèìàíèå ó÷àùèõñÿ íà òî, ÷òî îíè ÿâëÿþòñÿ ëèøü ðóêîâîäèòåëÿìè ðàáîò, ñâÿçàííûìè ñ íàçíà÷åííîé èì ðîëüþ. Ó÷àùèåñÿ áóäóò âûïîëíÿòü âñå çàäà÷è ñîâìåñòíî, îäíàêî ÷ëåíû êîìàíä íåñóò ëè÷íóþ îòâåòñòâåííîñòü çà êîíòðîëü êà÷åñòâà è âûïîëíåíèå çàäà÷ â ñîîòâåòñòâèè ñ èõ ðîëÿìè. Ïðè íåîáõîäèìîñòè âû ìîæåòå îáúåäèíèòü èëè ðàçäåëèòü ðîëè ñ ó÷åòîì êîëè÷åñòâà ÷ëåíîâ â êîìàíäå.
6. Познакомьте учащихся с проектом, объяснив основные требования к школьному альбому. К этим требованиям можно отнести следующее: • объем должен составлять от 15 до 20 страниц; • использование различных элементов ежегодника, особенно темы, которая упоминалась ранее; • использование от двух до четырех различных шаблонов макетов страниц; • использование хотя бы одного макета разворота; • альбом должен содержать от трех до четырех разделов (например, один раздел можно посвятить внутриклассной деятельности, другой — учебному событию, третий — спортивному мероприятию, а четвертый — внеклассному событию; включите один или два «развлекательных» раздела, содержащих, например, «шпионские» фотографии или карикатуры); • экологический дизайн. Учащиеся должны учитывать влияние создаваемого ими проекта на окружающий мир и разрабатывать его с учетом экономических, социальных и экологических принципов рациональности. (Дополнительную информацию по экологическому дизайну можно найти в разделе «Ресурсы для дополнительной подготовки».) 7. Предоставьте командам время для назначения ролей руководителям работ и коллективного обсуждения темы и целей школьного альбома. 8. Предоставьте командам время на создание плана проекта для их школьного альбома, который будет отражать количество страниц и разделов в альбоме, содержание, а также количество и содержимое фотографий. Попросите слушателей указать даты завершения основных этапов и задач, которые будут уточнены после после завершения этапа дизайна. Ïðèìå÷àíèå: Íàïîìíèòå ó÷àùèìñÿ, ÷òî îíè äîëæíû ó÷åñòü âîçìîæíûå ðèñêè ïðè îïðåäåëåíèè äàò îêîí÷àíèÿ ðàáîò.
Раздел «План проекта».
642
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
9. В дополнение к плану проекта, обсудите с учащимися «лесенку» школьного альбома — термин, применяемый в процессе создания ежегодников, обозначающий постраничный план книги. «Лесенка» — это организационный механизм, который помогает определить количество страниц в книге и содержимое каждой страницы и может стать детальным проектом школьного альбома. «Лесенка» включает в себя ряд страниц: • для открывающей темы; • раздела, посвященному людям; • раздела, посвященному спорту; • рекламы; • указателя; • цветных страниц. Ïðèìå÷àíèå: Åñëè âû õîòèòå, ÷òîáû ó÷àùèåñÿ ñîçäàëè «ëåñåíêó» äëÿ ñâîåãî ïðîåêòà, îáðàòèòåñü ê ðàçäåëó «Ðåñóðñû äëÿ äîïîëíèòåëüíîé ïîäãîòîâêè», ñîäåðæàùåìó ññûëêè íà ðóêîâîäñòâà ñ êîíêðåòíûìè èíñòðóêöèÿìè ïî ñîçäàíèþ «ëåñåíîê».
Ðàçðàáîòêà äèçàéíà øêîëüíîãî ìèíè-àëüáîìà 10.
Обсудите с учащимися возможности оптимизации процесса производства путем создания повторно используемых элементов, руководства по стилю и шаблонов (дополнительную информацию можно найти в проекте 7 «Информационные бюллетени»).
Раздел с пошаговыми инструкциями по программе InDesign «Как повторно использовать объекты, хранящиеся в библиотеках». Раздел с пошаговыми инструкциями по программе InDesign «Как использовать шаблоны документов». 11.
Предоставьте командам время, чтобы они смогли набросать на бумаге наброски дизайна для разделов их школьного. Объясните учащимся, что они также должны описать словами представленную тему и макет. Пусть учащиеся в каждой команде выберут два возможных дизайна для разделов школьного альбома. Предложите учащимся, используя программу Photoshop, создать композиции дизайна для каждого раздела, чтобы обсудить его с коллегами.
12.
Разбейте команды учащихся на пары, чтобы каждая команда выполнила рецензирование композиций дизайна и темы другой команды. Затем предоставьте командам время на исправление замечаний и утверждение окончательного дизайна для каждого раздела.
Раздел «Рецензия». Ïðèìå÷àíèå: Ïðåäëîæèòå ó÷àùèìñÿ âîñïîëüçîâàòüñÿ èíñòðóìåíòîì CS Review — íîâîé îíëàéí-ñëóæáîé, èíòåãðèðîâàííîé â ïðîãðàììû Adobe Photoshop CS5 è Adobe InDesign CS5. Ñ ïîìîùüþ îíëàéíñëóæáû CS Review ó÷àùèåñÿ ìîãóò âçàèìîäåéñòâîâàòü ñ êëèåíòàìè óäàëåííî, ïîçâîëÿÿ ñäåëàòü ïðîöåññû ðåöåíçèðîâàíèÿ è âíåñåíèÿ èçìåíåíèé îïòèìàëüíûìè è ýôôåêòèâíûìè.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
643
Раздел с пошаговыми инструкциями «Как использовать онлайн-службу CS Review для совместного рецензирования и внесения изменений». 13.
Основываясь на принятых дизайнерских решениях, попросите учащихся дополнить планы проектов детальной информацией.
14.
Объясните учащимся, что каждая команда должна создать прототип их школьного альбома в программе InDesign, включащий 3—5 страниц, после чего учащиеся должны будут организовать фокус-группу, состоящую из их коллег, чтобы получить отзывы от потенциальных покупателей их школьного альбома. Объясните, что они должны подготовить вопросы для фокус-групп и внести изменения в прототип на основании полученных отзывов.
Ïðèìå÷àíèå: Âû ìîæåòå íàïîìíèòü ó÷àùèìñÿ öåëè è ñîâåòû ïî îðãàíèçàöèè ôîêóñ-ãðóïï èç ïðîåêòà 4.
15.
• • • •
При подготовке дизайнов макетов школьных альбомов командам учащихся может потребоваться использовать одну или несколько из перечисленных далее расширенных методик работы с программой. Продемонстрируйте эти методики, чтобы помочь учащимся реализовать их дизайны макетов: заполнение текста изображением; использование страниц-шаблонов; создание и использование стилей объектов для обеспечения согласованного вида; использование книг, которые позволяют предоставлять общий доступ к стилям, образцам, страницам-шаблонам и другим элементам.
Раздел с пошаговыми инструкциями по программе InDesign «Как заполнить текст изображением». Раздел с пошаговыми инструкциями по программе InDesign «Как использовать страницышаблоны». Раздел с пошаговыми инструкциями по программе InDesign «Как использовать стили объектов». Раздел с пошаговыми инструкциями по программе InDesign «Как использовать книги». 16.
Сообщите учащимся, что они должны внести все необходимые изменения в макет школьного альбома в соответствии с отзывами фокус-группы и подготовить окончательный дизайн макета.
17.
Руководствуясь планом проекта и ролью каждого члена команды, предоставьте учащимся время на сбор и подготовку элементов для их будущих школьных альбомов. Предложите учащимся воспользоваться автоматизированными задачами, например командами Контрольный лист (Contact Sheet) (для просмотра и выбора фото в школьном альбоме) и Раскладка изображений (Picture Package) (для разработки простого макета страницы, включающего несколько изображений). Попросите учащихся обновить планы проектов, чтобы внести изменения в содержимое или основные этапы разработки с учетом трудностей, с которыми им пришлось столкнуться, и предоставить вам на согласование для получения отчета о ходе работы.
644
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
Ïðèìå÷àíèå: Åñëè ó÷àùèåñÿ ãîòîâÿòñÿ ê ñäà÷å ñåðòèôèêàöèîííîãî ýêçàìåíà Visual Communication, ïîîùðÿéòå èõ èñïîëüçîâàòü àâòîìàòèçèðîâàííûå çàäà÷è ïðîãðàììû Photoshop, íàïðèìåð êîìàíäû Êîíòðîëüíûé ëèñò (Contact Sheet) è Ðàñêëàäêà èçîáðàæåíèé (Picture Package).
Ñîçäàíèå øêîëüíîãî ìèíè-àëüáîìà Рекомендуемое время: 400—450 минут. 18.
Объясните учащимся, что они продолжат знакомство с возможностями программы Illustrator для создания векторной графики и иллюстраций, которые можно использовать, чтобы сделать содержимое школьного альбома интересным и красочным. Используя методику «Я делаю, мы делаем, вы делаете», продемонстрируйте, как использовать инструмент Распыление символов (Symbol Sprayer) для создания интересных фоновых изображений.
Раздел с пошаговыми инструкциями по программе Illustrator «Как использовать инструмент Распыление символов (Symbol Sprayer)». 19.
Предоставьте каждой команде время на создание и окончательную подгонку их школьного альбома в соответствии с подготовленным планом проекта. Напомните учащимся о необходимости пересмотра своих плана проекта, чтобы убедиться, что они успевают завершить работу в намеченные сроки, и сообщить вам о ходе проекта.
Ïðèìå÷àíèå: Íàïîìíèòå ó÷àùèìñÿ, ÷òî îíè äîëæíû ïîëó÷èòü ðàçðåøåíèå íà èñïîëüçîâàíèå ëþáûõ èëëþñòðàöèé, êîòîðûå îíè íå ñîçäàëè ñàìîñòîÿòåëüíî.
20.
Когда все элементы школьного альбома будут полностью готовы и утверждены, подготовьте окончательную версию школьного альбома для печати в виде фальцованных и печатных листов.
21.
Помогите студентам напечатать и сшить школьные альбомы, если это позволяют ваши ресурсы.
Ïðåçåíòàöèÿ øêîëüíîãî ìèíè-àëüáîìà Рекомендуемое время: 50—100 минут. 22.
Предложите каждой команде подготовить презентацию для их окончательного варианта школьного альбома, отражающую использованные принципы дизайна, полученный опыт работы в команде, ключевые этапы проекта, и то, чему они научились в каждом цикле рецензирования и внесения изменений.
ÄÎÏÎËÍÈÒÅËÜÍÛÅ ÇÀÄÀÍÈß Проект можно дополнить следующими заданиями: •
Маркетинговый план и план продаж. Чтобы помочь учащимся глубже познакомиться с процессом производства ежегодников, предложите им выполнить следующие шаги:
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
•
•
645
создать план продажи рекламных площадей, а также план поиска рынков сбыта и продажи ежегодников. Бизнес, связанный с производством ежегодников. Попросите учащихся найти информацию о бизнесе, связанном с производством ежегодников, чтобы получить представление о профессиях в этой области и возможностях карьерного роста. По результатам исследования учащиеся могут подготовить отчет, отражающий структуру бизнеса и основные возможности карьерного роста. Практический опыт. Попросите школьного координатора, отвечающего за создание школьных альбомов, рассказать учащимся о процессе и стоимости производства полноразмерного школьного альбома. Попросите его поучаствовать в рецензировании и внесении изменений на основе полученных замечаний в школьные мини-альбомы.
ÎÖÅÍÊÀ •
По нескольким критериям, представленным далее в разделе «Критерии оценки».
ÐÅÑÓÐÑÛ ÄËß ÄÎÏÎËÍÈÒÅËÜÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Просмотрите разделы с пошаговыми инструкциями для учащихся, используемые в данном проекте. • Видеоуроки, которые соответствуют навыкам, необходимым для выполнения этого проекта, можно найти на сайте Adobe TV в демонстрации Visual Design CS5 по адресу tv.adobe.com/show/visual-design-cs5/. • Обзор интерфейса и дополнительную информацию по техническим аспектам программы Photoshop можно найти в справке программы. • Обзор интерфейса и дополнительную информацию по техническим аспектам программы InDesign можно найти в справке программы. • Обзор интерфейса и дополнительную информацию по техническим аспектам программы Illustrator можно найти в справке программы. • Обзор интерфейса и дополнительную информацию по техническим аспектам программы Acrobat можно найти в справке программы. • Для получения детальной информации по использованию онлайн-службы CS Review обратитесь к справке онлайн-службы CS Review, доступной по адресу www.adobe.com/ go/learn_shr_csreview_help_en. • В этом проекте можно использовать следующие книги по дизайну: – Lupton, E. (2004). Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students. New York: Princeton Architectural Press. Сопутствующий веб-сайт доступен по адресу www.thinkingwithtype.com. – Lawler, B. (2006). The Official Adobe Print Publishing Guide, Second Edition. Berkeley: Adobe Press.
646
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
– Вильямс, Р. (2008). Студия дизайна. Символ-Плюс. – Akers, M.; Ender, P.; Schaub, L. (1999). Scholastic Yearbook Fundamentals. New York: Columbia Scholastic Press Association.
Åæåãîäíèêè – Статья о том, как подготовить план для создания школьного альбома, доступна по адресу www.ehow.com/how_2205627_plan-incredible-school-yearbook.html. – Информация о том, как организовать школьный альбом и создать «лесенку» — термин, применяемый в процессе создания ежегодников, который обозначает постраничный план всего содержания ежегодника, доступна по адресу www.associatedcontent. com/article/2105311/organizing_the_high_school_yearbook.html. – Пример использования общей темы во всем школьном альбоме можно найти по адресу www.yearbooks.biz/?event=FAQ.Detail&category=12&faq=157. – Примеры и идеи дизайна для школьных альбомов, разбитые по категориям, доступны по адресу www.yearbooks.biz/?event=Showcase.Main. – Советы по разработке дизайна школьного альбома в отношении макетов и фотографий можно найти по адресу expressly-yours.net/yearbook_design/how_to.php. – Инструкции по созданию контрольного листа в программе Photoshop доступны по адресу help.adobe.com/en_US/Photoshop/CS5/Using/WS42C3020A-DAD1-4f92-8014012263F3A51D.html. – Инструкции по созданию раскладки изображений в программе Photoshop доступны по адресу help.adobe.com/en_US/Photoshop/CS5/Using/WSF37253BE-9ECA-4c05- 8C92504C842769E1.html.
Ýêîëîãè÷åñêèé äèçàéí •
Независимый онлайн-инструментарий для создания экологического графического дизайна доступен по адресу www.re-nourish.com.
•
Библиотека документов Центра AIGA, посвященных экологическому дизайну, доступна по адресу www.livingprinciples.org.
•
Библиотека ресурсов Центра AIGA, посвященных экологическому дизайну, доступна по адресу sustainability.aiga.org/sus_resources.
•
Набор принципов The Living Principles for Design можно найти по адресу sustainability. aiga.org/discussion/2009/10/the_living_prin.cfm.
•
Вы можете дополнить этот проект следующими книгами поэкологическому дизайну: – Dougherty, B. (2009). Green Graphic Design. New York: Allworth Press. www. greengraphicdesign.net. – Jedlicka, W. (2009). Packaging Sustainability: Tools, Systems and Strategies for Innovative Package Design. Hoboken, New Jersey: John Wiley & Sons, Inc.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
647
ÊËÞ×ÅÂÛÅ ÏÎÍßÒÈß • • • • • • •
Поле переплета. Разворот. Двухсторонний печатный лист. Печатный лист. Титульная страница. Внутренние поля. «Лесенка».
ÑÒÀÍÄÀÐÒ ISTE NETS*S ÄËß Ó×ÀÙÈÕÑß Этот проект соответствует стандартам ISTE NETS*S — стандартам использования высоких технологий в образовании. В зависимости от выбранной учащимся темы и предметного содержания вам может потребоваться изучить стандарты вашего государства или штата, чтобы выяснить, соответствует ли данный проект установленным требованиям. 1. Творчество и инновации. Учащиеся демонстрируют творческое мышление, исследовательские подходы и разрабатывают инновационные продукты и процессы с использованием технологии. Учащиеся: a) применяют имеющиеся знания для получения новых идей, продуктов или процессов; b) создают оригинальные произведения как средство выражения личности или группы. 2. Коммуникации и сотрудничество. Учащиеся используют цифровые средства и среды для общения и коллективной работы, в том числе на расстоянии, для поддержки индивидуального обучения и возможности обучения других. Учащиеся: a) взаимодействуют, сотрудничают и творят со сверстниками, экспертами или другими участниками, используя различные цифровые среды и средства. 3. Исследования и информационная компетентность. Учащиеся умеют применять цифровые инструменты для сбора, оценки и использования информации. Учащиеся: a) планируют стратегии исследования; b) находят, организуют, анализируют, оценивают, обобщают и используют информацию из различных источников и сред; c) оценивают и отбирают источники информации и цифровые средства на основе целесообразности для конкретных задач. 4. Критическое мышление, решение проблем и принятие решений.
648
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
Учащиеся используют умение критически мыслить для планирования и проведения научных исследований, управления проектами, решения проблем и принятия обоснованных решений, используя соответствующие цифровые инструменты и ресурсы. Учащиеся: a) выявляют и определяют подлинные проблемы и важные вопросы для проведения исследования; b) планируют и управляют деятельностью по разработке решения или выполнения проекта. 5. Цифровое гражданство. Учащиеся понимают гуманитарные, культурные и социальные вопросы, связанные с информационными технологиями и практикой легального и этического поведения. Учащиеся: a) практикуют безопасное, правовое и ответственное использование информации и технологии; b) демонстрируют позитивное отношение к использованию технологий, обеспечивающих возможности коллективной работы и обучения; c) демонстрируют личную ответственность за постоянное повышение квалификации. 6. Применение технологии и технологические концепции. Учащиеся демонстрируют четкое понимание технологических концепций и систем и их применения. Учащиеся: a) понимают и используют технологические системы; b) эффективно и продуктивно выбирают и используют приложения.
ÑÅÐÒÈÔÈÊÀÖÈß ADOBE CERTIFIED ASSOCIATE, ÇÀÄÀ×È ÝÊÇÀÌÅÍÀ VISUAL COMMUNICATION 3.3
Демонстрация понимания операций импортирования, экспортирования, организации и сохранения.
3.4
Демонстрация понимания процесса создания и многократного применения изображений.
Êðèòåðèè îöåíêè 0 — ниже ожидаемого
Коллективное Отсутствует обсуждение или не завершено
3 — соответствует ожиданиям
5 — превосходит ожидания
Определены тема и цели школьного альбома. Назначены роли и распределена ответственность, предоставлены словесное описание и эскизы идей для макета
Определены тема и цели школьного альбома. Назначены роли и распределена ответственность, предоставлены словесное описание и эскизы идей для макета с четкими задачами и целями
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
0 — ниже ожидаемого
В плане проекта детально расписаны предполагаемое время, дата завершения работ, ответственные по конкретным задачам на каждом этапе проекта: этапе описания проекта, этапе дизайна, этапе создания, этапе сдачи. В плане проекта указаны элементы, защищенные авторским правом, для использования которых необходимо получать разрешение. Учащиеся четко отслеживают и предоставляют отчеты по промежуточным этапам разработки Фокус-группа Отсутствует, Вопросы к фокус-группе не организова- предполагают наличие обратна полностью, ной связи по дизайну и макету или отсутству- школьного альбома. Работа ют четкие цели с фокус-группой спланирована и включена в график проекта, а в саму группу входили потенциальные покупатели школьного альбома. Данные, полученные от фокус-группы, записаны и подытожены. Команды пересматривают композиции дизайна и вносят необходимые изменения в соответствии с отзывами фокус-группы План проекта
Содержимое школьного альбома
Отсутствует или неполный
3 — соответствует ожиданиям
Отсутствует, неполное или несфокусированное
649
5 — превосходит ожидания
В плане проекта детально расписаны предполагаемое время, дата завершения работ, ответственные по конкретным задачам на каждом этапе проекта: этапе описания проекта, этапе дизайна, этапе создания, этапе сдачи. В плане проекта указаны элементы, защищенные авторским правом, для использования которых необходимо получать разрешение. Учащиеся четко отслеживают и предоставляют отчеты по промежуточным этапам разработки
Вопросы к фокус-группе предполагают наличие конкретной и целенаправленной обратной связи по дизайну и макету школьного альбома. Работа с фокус-группой спланирована и включена в график проекта, а в саму группу входили разнообразные потенциальные покупатели школьного альбома. Данные, полученные от фокусгруппы, записаны и подытожены с конкретными предложениями по внесению изменений. Команды пересматривают композиции дизайна и вносят необходимые изменения в соответствии с отзывами фокус-группы Тема и цели школьного альбома Школьный альбом обладает рассчитаны на несколько оригинальными и неотразимыми аудиторий учащихся. темой и целями, которые явно Школьный альбом включает просматриваются от начала 15—20 страниц и содержит и до конца альбома. Школьный элементы ежегодника (обложка, альбом включает 15—20 страниц фотографии, подписи, заголов- и содержит подходящие элеменки, колонтитулы и т. д.). ты ежегодника (обложка, В школьном альбоме соблюдафотографии, подписи, заголовки ются авторские права сторонних и т. д.). В школьном альбоме авторов. Содержимое школьно- соблюдаются авторские права го альбома разбито сторонних авторов. Содержание на 3—4 раздела школьного альбома разбито на 3—4 раздела, текст написан красивым литературным языком и хорошо отредактирован
650
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
0 — ниже ожидаемого
3 — соответствует ожиданиям
5 — превосходит ожидания
Дизайн школьного альбома
Отсутствует, неполный или нечеткий
Школьный альбом использует 2—4 шаблона макетов, хотя бы один из которых является макетом двухстраничного разворота. В школьном альбоме применяются согласованный дизайн и типографика. Школьный альбом подготовлен в виде печатных и двухсторонних печатных листов для последующей печати на профессиональном принтере
Школьный альбом использует 2—4 шаблона макетов, хотя бы один из которых является макетом двухстраничного разворота. Команды разрабатывают «лесенку» для содержимого школьного альбома, а также создают книгу InDesign, содержащую страницы-шаблоны, стили и т. д. В школьном альбоме используются четкий, согласованный и надлежащий дизайн и типографика. Школьный альбом подготовлен в виде печатных и двухсторонних печатных листов для последующей печати на профессиональном принтере
Презентация
Отсутствует, неполная или нечеткая
Презентация объясняет принципы дизайна, использованные в процессе создания школьного альбома, описывает опыт работы в команде, а также отражает выводы, сделанные учащимися по результатам каждого цикла анализа и внесения изменений
Презентация является понятной и убедительной. Презентация оценивает и объясняет принципы дизайна, использованные в процессе создания школьного альбома. Презентация четко описывает взаимодействие между учащимися, их совместный труд и работу в команде. Презентация отражает выводы, сделанные учащимися по результатам каждого цикла анализа и внесения изменений, а также описывает опыт работы с фокус-группой
Работа в команде
Отсутствует или недостаточная
Учащийся работает совместно с другими учащимися для обеспечения обратной связи или предоставления помощи. Выполняет закрепленные за ним в команде обязанности и на равных участвует в работе над проектом. Иногда советуется с другими членами команды по основным проектным решениям, но прилагает минимум усилий, чтобы помочь другим в развитии навыков.
Учащийся свободно работает совместно с другими учащимися для обеспечения обратной связи или предоставления помощи. Выполняет закрепленные за ним в команде обязанности и на равных участвует в работе над проектом. Советуется с другими членами команды по основным проектным решениям, добровольно помогает другим развивать навыки для выполнения проекта. Команды рационально
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
0 — ниже ожидаемого
Управление временем
Отсутствует или недостаточное
3 — соответствует ожиданиям
5 — превосходит ожидания
Команды планируют и контролируют выполнение многих шагов, чтобы гарантировать своевременную доставку результатов работы клиенту и одобрение композиций дизайна, содержимого и конечного продукта
и эффективно сотрудничают и взаимодействуют с коллегами, экспертами и пр. при создании композиций дизайна и окончательного варианта школьного альбома. Команды рационально и эффективно планируют и контролируют выполнение многих шагов, чтобы гарантировать своевременную доставку результатов работы клиенту и одобрение композиций дизайна, содержимого и конечного продукта
Учащиеся выделяют время для каждого этапа процесса дизайна и разработки. Большинство этапов завершается в срок
Учащиеся осмысленно и эффективно выделяют время для каждого этапа процесса дизайна и разработки. Все этапы завершаются в срок
ÏËÀÍ ÏÐÎÅÊÒÀ (ÏÎÂÒÎÐ) См. этот раздел в проекте 4.
ÊÀÊ ÏÎÂÒÎÐÍÎ ÈÑÏÎËÜÇÎÂÀÒÜ ÎÁÚÅÊÒÛ, ÕÐÀÍßÙÈÅÑß Â ÁÈÁËÈÎÒÅÊÀÕ (ÏÎÂÒÎÐ) См. этот раздел в проекте 7.
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ØÀÁËÎÍÛ ÄÎÊÓÌÅÍÒÎÂ (ÏÎÂÒÎÐ) См. этот раздел в проекте 7.
ÐÅÖÅÍÇÈß (ÏÎÂÒÎÐ) См. этот раздел в проекте 5.
651
652
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ÎÍËÀÉÍ-ÑËÓÆÁÓ CS REVIEW ÄËß ÑÎÂÌÅÑÒÍÎÃÎ ÐÅÖÅÍÇÈÐÎÂÀÍÈß È ÂÍÅÑÅÍÈß ÈÇÌÅÍÅÍÈÉ (ÏÎÂÒÎÐ) См. этот раздел в проекте 6.
ÊÀÊ ÇÀÏÎËÍÈÒÜ ÒÅÊÑÒ ÈÇÎÁÐÀÆÅÍÈÅÌ Вы наверняка видели подобный эффект: открытка со словом «Мауи» (остров Гавайского архипелага), буквы которого заполнены изображениями песка, моря и джунглей. Чтобы добиться неотразимого эффекта, достаточно объединить текст и изображение. В этом разделе вы узнаете, как можно заполнить текст одним или несколькими изображениями. Сначала необходимо преобразовать буквы текста в фреймы, а затем заполнить эти фреймы изображениями. Чтобы заполнить строку текста одним изображением: 1. Создайте новый документ в программе Adobe InDesign CS5. 2. Выберите команду меню Окно ⇒ Текст и таблицы ⇒ Символ (Window ⇒ Type & Tables ⇒ Character), чтобы отобразить палитру Символ (Character). Ваш текст должен быть достаточно крупным с широкими линиями, чтобы внутри его букв были отчетливо видны изображения. 3. Установите следующие (или похожие) настройки параметров на палитре Символ (Character) (рис. 8.1): • В раскрывающемся списке Гарнитура (Font) выберите шрифт с толстыми линиями, например Arial Рис. 8.1. Палитра Символ Black или Fat. • В раскрывающемся списке Кегль (Font Size) выберите значение 72 пт. Вы можете ввести еще большее значение в поле ввода раскрывающегося списка Кегль (Font Size). • Настройте значения кернинга и трекинга по своему усмотрению. Так как вы создаете только одну строку текста, вам не нужно беспокоиться об интерлиньяже. 4. Выберите инструмент Текст (Type) на панели инструментов (рис. 8.2) и путем перетаскивания указателя мыши по странице создайте текстовый фрейм. 5. Введите короткую строку текста в текстовый фрейм, например Дерево. Ïðèìå÷àíèå: Åñëè ââåñòè âñþ íàäïèñü çàãëàâíûìè áóêâàìè, äëÿ îòîáðàæåíèÿ èçîáðàæåíèÿ ïîÿâèòñÿ áîëüøå ìåñòà.
Рис. 8.2. Панель инструментов
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
653
6. Завершив ввод текста, выделите введенный текст с помощью инструмента Текст (Type). Теперь нужно преобразовать кривые символов текста в контур. Контур — это фактически фрейм в форме букв. 7. Выберите команду меню Текст ⇒ Создать кривые (Type ⇒ Create Outlines).
Рис. 8.3. Текст, выделенный при помощи инструмента Текст
Текст преобразуется в контур (рис. 8.3). Ïðèìå÷àíèå: Âîçìîæíî, âàì ñíà÷àëà ïîòðåáóåòñÿ âûáðàòü êîìàíäó ìåíþ Òåêñò ⇒ Ïîêàçàòü âñå ýëåìåíòû ìåíþ (Type ⇒ Show All Menu Items), ÷òîáû îòîáðàçèòü êîìàíäó ìåíþ Ñîçäàòü êðèâûå (Create Outlines).
8. Выберите инструмент Выделение (Selection) на панели инструментов (рис. 8.2). 9. Щелкните по одной из букв текста. Контуры букв отображаются в виде фреймов (рис. 8.4). 10.
Не снимая выделения с контура текста, выберите команду меню Файл ⇒ Поместить (File ⇒ Place).
Рис. 8.4. Контуры букв
Появится диалоговое окно Поместить (Place File). 11. Убедитесь что флажок Показать параметры импорта (Show Import Options) сброшен, а флажок Заменить выделенный элемент (Replace Selected Item) — установлен. Если флажок Показать параметры импорта (Show Import Options) установлен, вы получаете доступ к расширенным возможностям управления помещаемыми изображениями. Эта функция полезна при вставке изображений в форматах программ Adobe Photoshop и Adobe Illustrator. Когда флажок Заменить выделенный элемент (Replace Selected Item) установлен, программа InDesign замещает любое содержимое фрейма новым выбранным изображением. 12. Установите флажок Просмотр (Preview) (Windows). Когда флажок Просмотр (Preview) установлен, в правом нижнем углу диалогового окна Поместить (Place) отображается миниатюра выбранного изображения. 13.
Найдите папку с изображением, которым вы хотите заполнить буквы вашего текста.
14.
Выберите файл и щелкните по кнопке Открыть (Open).
Диалоговое окно Поместить (Place) закроется, и буквы будут заполнены выбранным изображением (рис. 8.5). Ïðèìå÷àíèå: Äàæå íåñìîòðÿ íà òî, ÷òî áóêâû íàõîäÿòñÿ íà ðàññòîÿíèè äðóã îò äðóãà, îíè ôóíêöèîíèðóþò êàê åäèíûé ôðåéì.
Автоматически выравнивания изображения позади текста не происходит. Ваша следующая задача — изменить положение изображения.
654 15.
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
Не снимая выделения с контура текста, выберите команду меню Объект ⇒ Выделить ⇒ Содержимое (Object ⇒ Select ⇒ Content).
Помещенное изображение становится выделенным. Сквозь текст отображается лишь часть изображения. Ïðèìå÷àíèå: Åñëè ñíÿòü âûäåëåíèå ñ êîíòóðà òåêñòà, âû ìîæåòå ùåëêíóòü ïî ëþáîìó ìåñòó â òåêñòå, è ïîñëå ýòîãî âûáðàòü êîìàíäó ìåíþ Îáúåêò ⇒ Âûäåëèòü ⇒ Ñîäåðæèìîå (Object ⇒ Select ⇒ Content), ÷òîáû âûäåëèòü èçîáðàæåíèå âíóòðè ãðàôè÷åñêîãî ôðåéìà (ðèñ. 8.6).
16.
При перетаскивании изображения, отображаемого сквозь текст, рядом с указателем мыши появится подсказка со значениями координат X и Y, помогая вам максимально точно разместить изображение на странице (рис. 8.7).
Рис. 8.7. Изменение положения изображения позади текста
17.
Рис. 8.5. Первый шаг в процессе заполнения текста изображением
Рис. 8.6. Изображение выделено
Рис. 8.8. Текст, заполненный изображением
Отпустите кнопку мышки, чтобы применить изменения (рис. 8.8).
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ÑÒÐÀÍÈÖÛ-ØÀÁËÎÍÛ Когда вы приступите к созданию многостраничных документов, придание согласованного вида всем страницам в документе может оказаться трудной задачей. Если ваши страницы имеют согласованный вид, вы не только создаете привлекательный дизайн, но и помогаете читателям ориентироваться в документе, потому что они знают чего ожидать на каждой странице.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Как и в других программах, предназначенных для создания макетов, в программе Adobe InDesign CS5 существует возможность использования страниц-шаблонов, которые позволяют устанавливать общие атрибуты для каждой страницы, например верхние и нижние колонтитулы, номера страниц и количество колонок. Страницы-шаблоны хранят эти общие атрибуты в одном месте (рис. 8.9). Это значит, что вы можете создавать новые страницы, которые имеют согласованный вид с предыдущими страницами, а также мгновенно менять общие атрибуты страниц, внося изменения в страницу-шаблон.
655
Рис. 8.9. Страница-шаблон,
связанная с тремя страницами При тщательном проектировании страницы-шаблоны (или просто «шаблоны») предоставят быстрый способ внесения изменений в макеты нескольких страниц по всему документу. Для очень больших документов, таких как школьные альбомы, вы даже можете создавать несколько шаблонов для разных типов страниц, например клубной страницы, страницы с пожеланиями или страницы учащихся.
В этом разделе рассматриваются следующие темы: • создание страниц-шаблонов; • создание новых страниц на основе шаблонов; • внесение изменений в страницы-шаблоны; • применение страниц-шаблонов.
ÈÑÏÎËÜÇÎÂÀÍÈÅ ÏÀËÈÒÐÛ ÑÒÐÀÍÈÖÛ Управление страницами-шаблонами осуществляется посредством палитры Страницы (Pages) (рис. 8.10). На палитре Страницы (Pages) отображаются миниатюры всех страниц документа, а также миниатюры всех страниц-шаблонов, примененных к страницам данного документа.
ÑÎÇÄÀÍÈÅ ÑÒÐÀÍÈÖ-ØÀÁËÎÍÎÂ Вы можете создать новую страницу-шаблон с нуля или на основе существующей страницы или разворота. Чтобы создать новую страницу-шаблон с нуля: 1. Откройте файл в программе InDesign. 2. Выберите команду меню Окно ⇒ Страницы (Window ⇒ Pages), чтобы отобразить палитру Страницы (Pages). 3. Выберите команду Новый шаблон (New Master) в меню палитры Страницы (Pages).
Рис. 8.10. Палитра Страницы
656
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
Появится диалоговое окно Новый шаблон (New Master) (рис. 8.11). По умолчанию программа InDesign присваивает в качестве префикса шаблона следующую букву из алфавита. Например, если у вас есть страницы-шаблоны с префиксами «A» и «B», программа InDesign присвоит префикс «C» следующей странице-шаблону, которую вы создадите. 4. Вы также может ввести другой префикс длиной не более четырех символов в поле ввода Префикс (Prefix). 5. Введите название страницы-шаблона в поле ввода Имя (Name). 6. Вы можете выбрать основу для создаваемого шаблона из уже существующих страницшаблонов. В приведенном примере (рис. 8.10) в качестве основы доступны шаблоны с префиксами CGC и CG.
Рис. 8.11. Диалоговое окно Новый шаблон
7. Параметр Количество страниц (Number Of Pages) определяет число страниц, которое должно содержаться в развороте. Для большинства документов вы будете использовать двухстраничные развороты, однако вы можете указать для этого параметра другое значение (не более 10). Ïðèìå÷àíèå: ×òîáû äîáàâèòü íåñêîëüêî äâóõñòðàíè÷íûõ ðàçâîðîòîâ íà îñíîâå îäíîñòðàíè÷íîãî øàáëîíà, ïðîñòî äîáàâüòå íåñêîëüêî ýêçåìïëÿðîâ îäíîãî øàáëîíà. Åñëè â ïîëå ââîäà Êîëè÷åñòâî ñòðàíèö (Number Of Pages) ââåñòè çíà÷åíèå 10, áóäåò ñîçäàíî íå 5 äâóõñòðàíè÷íûõ ðàçâîðîòîâ, à îäèí äåñÿòèñòðàíè÷íûé ðàçâîðîò.
8. Щелкните по кнопке OK. Диалоговое окно Новый шаблон (New Master) закроется, и на палитре Страницы (Pages) появится новый шаблон (рис. 8.12). Чтобы создать шаблон на основе существующего разворота: Возможно, вы уже создали макет разворота и теперь вы хотите преобразовать его в шаблон. 1. Выберите команду меню Окно ⇒ Страницы (Window ⇒ Pages), чтобы отобразить палитру Страницы (Pages).
Рис. 8.12. Новый шаблон на палитре Страницы
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
657
2. Выполните одно из следующих действий: • перетащите весь разворот из нижней части палитры Страницы (Pages) (раздел «Страницы» (Pages)) в верхнюю часть этой палитры (раздел «Шаблоны» (Masters)) (рис. 8.13); • Выберите разворот на палитре Страницы (Pages) и затем выберите команду Сохранить как шаблон (Save As Master) в меню палитры Страницы (Pages). Все объекты, содержащиеся на странице или развороте, станут частью нового шаблона. Ïðèìå÷àíèå: Åñëè äëÿ èñõîäíîé ñòðàíèöû èñïîëüçîâàëñÿ øàáëîí, íîâûé øàáëîí ñîçäàåòñÿ íà îñíîâå øàáëîíà èñõîäíîé ñòðàíèöû.
Рис. 8.13. Разворот на палитре Страницы
Ñîçäàíèå íîâûõ ñòðàíèö íà îñíîâå øàáëîíîâ При добавлении новых страниц в программе InDesign они автоматически связываются с шаблоном текущего документа. Вы также можете создавать страницы на основе других шаблонов, используя палитру Страницы (Pages). Чтобы создать страницу на основе шаблона: 1. Если палитра Страницы (Pages) не отображается на экране, выберите команду меню Окно ⇒ Страницы (Window ⇒ Pages), чтобы отобразить ее. 2. Перетащите одну из страниц-шаблонов, расположенных в верхней части палитры Страницы (Pages), на нижнюю часть палитры, установив указатель мыши левее или правее разворота (рис. 8.14). Если перетащить шаблон на миниатюру существующей странице, шаблон будет применен к этой странице вместо создания новой страницы.
Рис. 8.14. Создание новой страницы путем перетаскивания
3. Отпустите кнопку мыши. Новая пустая страница будет добавлена после текущей страницы (рис. 8.15). Чтобы применить страницу-шаблон к существующей странице: 1. Если палитра Страницы (Pages) не отображается на экране, выберите команду меню Окно ⇒ Страницы (Window ⇒ Pages), чтобы отобразить ее.
Рис. 8.15. Добавлена новая страница
658
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
2. Перетащите одну из страниц-шаблонов, расположенных в верхней части палитры Страницы (Pages), на нижнюю часть палитры, установив указатель на миниатюру существующей страницы. 3. Отпустите кнопку мыши. Новый шаблон будет применен к странице. В этом случае, как показано на рис. 8.16, на миниатюре страницы отображается префикс примененного к данной странице шаблона (GC).
Рис. 8.16. Применена страница-шаблон
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ÑÒÈËÈ ÎÁÚÅÊÒÎÂ Наверняка вы уже познакомились со стилями абзацев и символов в предыдущих разделах этого курса или же вы работали с ними в текстовых процессорах. Вы можете использовать стили абзацев и символов, чтобы управлять форматированием текста по всему документу. Стили абзацев и символов включают в себя такие атрибуты текста, как, например, гарнитура, начертание и кегль. В программе Adobe InDesign CS5 вы можете использовать стили и с другими типами объектов. Таким же образом, как стили абзацев и символов применяются для быстрого форматирования текста, стили объектов позволяют быстро форматировать фреймы и фигуры. Например, вы можете определить стиль объекта, включающий обводку (границу) красного цвета шириной в 2 пункта, тень темно-серого цвета и небольшой скос. После этого вы можете применить данный стиль к фреймам по всему документу. Применив стиль объекта к нескольким объектам, вы можете изменить их вид, просто изменив настройки стиля. Как и другие стили, стили объектов помогают достичь унифицированности дизайна. Они придают документу согласованный вид, гарантируя, что все графические фреймы на странице отображаются одинаково. Все графические фреймы в приведенном примере (рис. 8.17) имеют обводку зеленого цвета и тень темно-синего цвета. Без стилей объектов вам пришлось бы применять эти атрибуты к каждому фрейму по отдельности. Со стилями объектов вы просто устанавливаете эти атрибуты единожды, а потом применяете их необходимое число раз. Îïðåäåëåíèå ñòèëåé îáúåêòîâ Простейший способ определить стиль объекта — это применить нужные атрибуты к фрейму, а затем сохранить стиль фрейма посредством палитры Стили объектов (Object Styles). В следующем упражнении вы примените атрибуты к графическому фрейму, сохраните их в качестве стиля объекта и затем примените эти атрибуты к другим графическим фреймам.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
659
Рис. 8.17. Примеры применения стилей объектов
Чтобы применить атрибуты к фрейму: 1. Запустите программу InDesign и откройте документ. 2. Если в документе отсутствуют графические фреймы, используйте инструмент Прямоугольный фрейм (Rectangle Frame), чтобы создать несколько графических фреймов. Вы также можете заполнить созданные фреймы изображениями, воспользовавшись командой меню Файл ⇒ Поместить (File ⇒ Place). Получившийся документ в представленном примере изображен на рис. 8.18.
Рис. 8.18. Пример документа InDesign
660
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
Ïðèìå÷àíèå: Áîëåå ïîäðîáíóþ èíôîðìàöèþ ïî ñîçäàíèþ ãðàôè÷åñêèõ ôðåéìîâ èëè âñòàâêå èçîáðàæåíèé â äîêóìåíò ìîæíî íàéòè â ðàçäåëàõ «Êàê ðàáîòàòü ñ ãðàôè÷åñêèìè ôðåéìàìè» è «Êàê âñòàâëÿòü èçîáðàæåíèÿ íà ñòðàíèöó». Òàêæå âû ìîæåòå îáðàòèòüñÿ ê ñïðàâêå ïðîãðàììû InDesign.
3. Выберите инструмент Выделение (Selection) на панели инструментов (рис. 8.19). 4. Щелкните по одному из графических фреймов, чтобы выделить его. 5. Выберите команду меню Объект ⇒ Эффекты ⇒ Тени (Objects ⇒ Effects ⇒ Drop Shadow). На экране появится диалоговое окно Эффекты (Effects) с выбранной категорией Тень (Drop Shadow) (рис. 8.20). 6. В группе элементов управления Смешение (Blending) выберите цвет тени, щелкнув по образцу цвета, расположенного рядом с открывающимся списком Режим (Mode).
Рис. 8.19. Панель инструментов
Рис. 8.20. Категория Тень диалогового окна Эффекты
Появится диалоговое окно Цвет эффекта (Effect Color) (рис. 8.21). Когда в раскрывающемся списке Цвет (Color) выбрано значение Образцы (Swatches), вы можете выбрать цвет из списка предопределенных цветов. Вы также можете определить собственные цвета, выбрав значения RGB или CMYK в раскрывающемся списке Цвет (Color). Дополнительную информацию по определению цветов можно найти в справке программы InDesign. 7. Выберите цвет и щелкните по кнопке OK. Диалоговое окно Цвет эффекта (Effect Color) закроется. 8. В диалоговом окне Эффекты (Effects), измените значения некоторых из параметров, включая:
Рис. 8.21. Диалоговое окно Цвет эффекта
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
•
• •
•
661
Непрозрачность (Opacity). Изменяет уровень относительной прозрачности отбрасываемой тени. Смещение (Distance). Изменяет виртуальное расстояние от поверхности страницы. Угол (Angle). Измените угол падения тени путем перетаскивания линии внутри окружности элемента управления Угол (Angle). Размер (Size). Изменяет общий размер отбрасываемой тени.
Установите флажок Просмотр (Preview), чтобы вы могли наблюдать за вносимыми изменениями. 9. Щелкните по кнопке OK, когда вы будете удовлетворены настройками. Эффект Тень (Drop Shadow) будет применен к графическому фрейму (рис. 8.22). 10.
Рис. 8.22. Эффект падающей тени был применен к графическому фрейму
Убедитесь, что фрейм выделен, и выберите команду меню Окно ⇒ Обводка (Window ⇒ Stroke).
На экране появится палитра Обводка (Stroke) (рис. 8.23). 11.
Введите значение 3 пт в поле ввода Толщина (Weight).
12.
Дважды щелкните по значку Обводка (Stroke) на панели инструментов (рис. 8.24).
Появится диалоговое окно Палитра цветов (Color Picker). 13.
Щелкните по цвету в области цветов, расположенной в левой части диалогового окна, чтобы выбрать этот цвет.
14.
Щелкните по кнопке OK.
Диалоговое окно Палитра цветов (Color Picker) закроется, и обводка выбранного цвета будет применена к графическому фрейму. 15.
Рис. 8.23. Палитра Обводка
Выберите команду меню Просмотр ⇒ Режим экрана ⇒ Просмотр (View ⇒ Screen Mode ⇒ Preview).
В режиме просмотра Просмотр (Preview) документ отображается в том виде, в котором он будет экспортирован или напечатан (рис. 8.25). 16.
Выберите команду меню Просмотр ⇒Режим экрана ⇒ Обычный (View ⇒ Screen Mode ⇒ Normal), чтобы вернутся к режиму просмотра Обычный (Normal).
Рис. 8.24. Панель инструментов
662
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
Рис. 8.25. Просмотр эффектов
Чтобы создать стиль объекта: 1. Выберите инструмент Выделение (Selection) на панели инструментов. 2. Щелкните по графическому фрейму, к которому вы применили атрибуты. 3. Выберите команду меню Окно ⇒ Стили ⇒ Стили объектов (Window ⇒ Styles ⇒ Object Styles). Появится палитра Стили объектов (Object Styles) (рис. 8.26). 4. Щелкните по кнопке Создать новый стиль (Create New Style). 5. На палитре Стили объектов (Object Styles) появится новый стиль с названием Стиль объекта 1 (Object Style 1) (рис. 8.27).
Рис. 8.26. Палитра Стили объектов
Рис. 8.27. Создан новый стиль
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
663
Рис. 8.28. Диалоговое окно Параметры стиля объекта
6. Дважды щелкните по этому стилю. Появится диалоговое окно Параметры стиля объекта (Object Style Options), в котором вы можете внести изменения в стиль и название стиля (рис. 8.28). 7. В поле ввода Имя стиля (Style Name) введите описательное название стиля и щелкните по кнопке OK. Теперь вы можете применять новый стиль к другим графическим фреймам. Чтобы применить стиль объекта: 1. Выберите инструмент Выделение (Selection) на панели инструментов. 2. Щелкните по одному или нескольким графическим фреймам, чтобы выделить их. Чтобы выделить несколько фреймов, щелкая мышью, удерживайте нажатой клавишу Shift (Windows) или Option (Mac OS). 3. Если палитра Стили объектов (Object Styles) не отображается на экране, выберите команду меню Окно ⇒ Стили ⇒ Стили объектов (Window ⇒ Styles ⇒ Object Styles), чтобы отобразить ее. 4. Щелкните по имени нового стиля, чтобы применить его к выделенным графическим фреймам.
664
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
5. Выберите команду меню Просмотр ⇒ Режим экрана ⇒ Просмотр (View ⇒ Screen Mode ⇒ Preview). В режиме просмотра Просмотр (Preview) документ отображается в том виде, в котором он будет экспортирован или напечатан. 6. Выберите команду меню Редактирование ⇒ Снять выделение (Edit ⇒ Deselect All), чтобы снять выделение со всех фреймов. Все фреймы примут одинаковый вид. На рис. 8.29, например, у всех фреймов появилась обводка зеленого цвета и тень темно-синего цвета.
Рис. 8.29. Просмотр примененных стилей объектов в режиме Просмотр
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
665
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ÊÍÈÃÈ Файл книги — это набор документов программы Adobe InDesign CS5, в которых могут использоваться одинаковые стили, образцы, страницы-шаблоны и другие элементы. Файлы книг предназначены для группирования документов в виде книг. Если главы в вашей книге должны обладать некоторым набором общих атрибутов, большинство из этих атрибутов можно представить в файлах книг программы InDesign. •
При использовании общих стилей, образцов и страниц-шаблонов можно гарантировать, что книга будет иметь согласованный вид от первой до последней страницы.
•
С помощью книг можно обеспечить сквозную нумерацию страниц в главах.
•
Несмотря на то, что все главы имеют согласованный вид, с ними можно работать как с отдельными документами. Например, вы можете напечатать отдельные документы книги или экспортировать отдельные документы в формат PDF.
•
Файлы книг также обеспечивают гибкость при распространении содержимого. Например, одна глава может принадлежать к нескольким книгам.
ÈÑÒÎ×ÍÈÊÈ ÑÒÈËÅÉ Один из документов (или глав), добавленных в файл книги, является источником стилей, который применяется для поддержания согласованного вида документов книги. Источник стилей содержит все стили абзацев, символов и объектов, которые программа InDesign использует для синхронизации других документов в книге. По умолчанию источником стилей является первый документ в книге. В любой момент можно выбрать новый источник стилей. Зачастую главы создаются в разное время и разными авторами, или же вы можете решить изменить стили в процессе работы над книгой. Поскольку во всех главах используются стили с одинаковыми именами, вы можете синхронизировать стили всех документов в книге. Когда происходит синхронизация документов, стили и образцы из источника стилей заменяют стили и образцы, используемые в других документах книги.
Ñîçäàíèå íîâîé êíèãè В следующем упражнении вы создадите новую книгу и сохраните ее в вашей системе. Чтобы создать новую книгу: 1. Запустите программу InDesign. 2. Выберите команду меню Файл ⇒ Новый ⇒ Книга (File ⇒ New ⇒ Book). На экране появится диалоговое окно Новая книга (New Book). 3. Укажите имя файла, под которым будет сохранена новая книга, выберите местоположение для этого файла и затем щелкните по кнопке Сохранить (Save).
666
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
Рис. 8.30. Палитра Книга
Файл книги будет сохранен под указанным именем с расширением .indb, и на экране появится палитра Книга (Book) (рис. 8.30).
ÄÎÁÀÂËÅÍÈÅ ÄÎÊÓÌÅÍÒΠ ÔÀÉË ÊÍÈÃÈ Когда создается файл книги, он открывается на палитре Книга (Book). Палитра Книга (Book) — это рабочая область файла книги, где можно добавлять, удалять или упорядочивать документы. Чтобы добавить документы в файл книги: 1. Щелкните по кнопке Добавить документы (Add Documents) на палитре Книга (Book) (рис. 8.30). На экране появится диалоговое окно Добавить документы (Add Documents). 2. Откройте папку с документом (или документами) InDesign, который вы хотите добавить в книгу. Выберите этот документ(ы). Ïðèìå÷àíèå: ×òîáû âûáðàòü íåñêîëüêî ôàéëîâ, óäåðæèâàéòå íàæàòîé êëàâèøó Control (Windows) èëè Command (Mac OS), ùåëêàÿ ìûøüþ.
3. Щелкните по кнопке Открыть (Open). Диалоговое окно Добавить документы (Add Documents) закроется, а выбранный документ(ы) появится на палитре Книга (Book). 4. Вы можете изменить порядок следования документов на палитре Книга (Book), перетаскивая их вверх или вниз по списку. В приведенном примере (рис. 8.31) документ под названием MERIDIEN в результате перемещения будет расположен над документом artwork_travel.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Рис. 8.31. Изменение порядка следования документов на палитре Книга (Book)
667
Рис. 8.32. Документы на палитре Книга
5. Чтобы выбрать документ в качестве источника стилей, щелкните по прямоугольнику, расположенному слева от названия документа на палитре Книга (Book) (рис. 8.32). 6. Чтобы открыть документ, дважды щелкните по названию документа на палитре Книга (Book).
ÑÈÍÕÐÎÍÈÇÀÖÈß ÄÎÊÓÌÅÍÒÎÂ Â ÊÍÈÃÅ Во время синхронизации документов в книге заданные элементы — стили, переменные, страницы-шаблоны, нумерованные списки и образцы — копируются из источника стилей в указанные документы в книге, заменяя элементы с совпадающими названиями. Если элемент — например, образец, — присутствующий в источнике стилей, не обнаружен в синхронизируемых документах, программа InDesign добавит этот элемент в документ. Если какие-то элементы отсутствуют в источнике стилей, соответствующие элементы в синхронизируемых документах остаются без изменения. (Другими словами, программа InDesign не будет удалять объекты, например, стили или образцы, из синхронизируемых документов, но при необходимости добавит новые объекты.) Чтобы настроить параметры синхронизации: 1. Выберите команду Параметры синхронизации (Synchronize Options) в меню палитры Книга (Book) (рис. 8.33). На экране появится диалоговое окно Параметры синхронизации (Synchronize Options). В этом диалоговом окне перечислены элементы, которые можно синхронизировать в документах книги. После завершения процесса синхронизации все документы будут соответствовать источнику стилей для указанных элементов.
668
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
Рис. 8.33. Команда Параметры синхронизации в меню палитры Книга
Например, если установить флажки Стили символов (Character Styles) и Стили абзацев (Paragraph Styles) и выбрать документ под названием «Introduction» в качестве источника стилей, все стили символов и абзацев в других документах будут соответстовать стилям символов и абзацев в документе «Introduction». 2. Установите флажки напротив элементов, которые вы хотите синхронизировать (рис. 8.34). Не забывайте, что некоторые стили зависят от других стилей. Например, стиль объекта может содержать стили абзацев или символов, а стиль символа может быть определен на основе образца. В этом случае также должны быть выбраны все зависимые элементы. 3. Щелкните по кнопке OK. Диалоговое окно Параметры синхронизации (Synchronize Options) закроется.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
669
Рис. 8.34. Диалоговое окно Параметры синхронизации
Ïðîöåññ ñèíõðîíèçàöèè При выполнении команды Синхронизировать (Synchronize) программа InDesign обновляет атрибуты выбранных документов с использованием атрибутов источника стилей. Чтобы произвести подобное обновление, программа InDesign должна открыть документы в книге. • Если документ в текущий момент закрыт, программа InDesign открывает этот документ, выполняет синхронизацию, сохраняет изменения и закрывает документ. • Если документ в текущий момент открыт, программа InDesign выполняет синхронизацию, но не сохраняет изменения. Чтобы синхронизировать документы в книге: 1. На палитре Книга (Book) выберите документы, которые вы хотите синхронизировать с источником стилей, щелкнув по ним мышью (рис. 8.35). Рис. 8.35. Выбранные документы на палитре Книга
670
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
Если вы не выберите документы, программа InDesign выполнит синхронизацию всей книги. Ïðèìå÷àíèå: Åñëè âû õîòèòå ñèíõðîíèçèðîâàòü âñþ êíèãó, ìîæíî îòìåíèòü âûáîð âñåõ äîêóìåíòîâ, ùåëêíóâ ïî ñâîáîäíîé îáëàñòè ñåðîãî öâåòà, ðàñïîëîæåííîé ïîä ñïèñêîì äîêóìåíòîâ êíèãè. Âîçìîæíî, äëÿ ýòîãî ïîòðåáóåòñÿ ïðîêðóòèòü ñïèñîê âíèç èëè èçìåíèòü ðàçìåðû ïàëèòðû Êíèãà (Book).
2. Щелкните по кнопке Синхронизировать (Synchronize), расположенной в нижней части палитры Книга (Book). На экране появится сообщение о том, что синхронизация была успешна завершена. Ïðèìå÷àíèå: Âîçìîæíî, âû óæå ïðèâûêëè ê òîìó, ÷òî áîëüøèíñòâî êîìàíä â ïðîãðàììå InDesign ìîæíî îòìåíèòü. Êîìàíäà Ñèíõðîíèçèðîâàòü (Synchronize) ÿâëÿåòñÿ èñêëþ÷åíèåì èç ýòîãî ïðàâèëà äëÿ äîêóìåíòîâ, êîòîðûå áûëè çàêðûòû â ìîìåíò íà÷àëà ïðîöåññà ñèíõðîíèçàöèè. Îòìåíèòü èçìåíåíèÿ, âíåñåííûå ïðîãðàììîé InDesign â çàêðûòûå äîêóìåíòû, íåâîçìîæíî. Âûáîð êîìàíäû ìåíþ Ðåäàêòèðîâàíèå ⇒ Îòìåíèòü (Edit ⇒ Undo) ïîçâîëÿåò îòìåíèòü èçìåíåíèÿ òîëüêî äëÿ òåõ äîêóìåíòîâ, êîòîðûå áûëè îòêðûòû â ìîìåíò âûïîëíåíèÿ ñèíõðîíèçàöèè.
ÊÀÊ ÈÑÏÎËÜÇÎÂÀÒÜ ÈÍÑÒÐÓÌÅÍÒ ÐÀÑÏÛËÅÍÈÅ ÑÈÌÂÎËÎÂ Инструмент Распыление символов (Symbol Sprayer) в программе Adobe Illustrator CS5 позволяет создавать интересные фоновые изображения, наподобие изображенного на рис. 8.36. Инструмент Распыление символов (Symbol Sprayer) в программе Illustrator можно использовать для создания фонового изображения, а затем импортировать файл Illustrator в документ Adobe InDesign CS5.
Рис. 8.36. Фоновое изображение, созданное при помощи инструмента Распыление символов
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
671
Чтобы использовать инструмент Распыление символов (Symbol Sprayer): 1. Запустите программу Illustrator и выберите команду меню Файл ⇒ Новый (File ⇒ New), чтобы отобразить диалоговое окно Новый документ (New Document) (рис. 8.37). 2. Укажите следующие значения для параметров в диалоговом окне Новый документ (New Document): • Имя (Name): Backsplash; • Количество монтажных областей (Number of Artboards): 1; • Единицы измерения (Units): Дюймы (Inches); • Ориентация (Orientation): Альбомная (Landscape); • Ширина (Width): 11 in; • Высота (Height): 8,5 in. Ïðèìå÷àíèå: Âû èñïîëüçóåòå ýòè ðàçìåðû, ïîòîìó ÷òî îíè ñîîòâåòñòâóþò âíåøíèì ãðàíèöàì ñòàíäàðòíîãî (8,5 × 11) äâóõñòðàíè÷íîãî ðàçâîðîòà.
3. Если дополнительные параметры не отображаются на экране, щелкните по кнопке Дополнительно (Advanced), чтобы отобразить этот раздел диалогового окна Новый документ (New Document) (рис. 8.37). 4. Укажите следующие настройки параметров в разделе Дополнительно (Advanced) диалогового окна Новый документ (New Document): • Цветовой режим (Color Mode): CMYK; • Растровые эффекты (Raster Effects): Высокое (300 ppi) (High (300 ppi)).
Рис. 8.37. Диалоговое окно Новый документ
672
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
Параметр Цветовой режим (Color Mode) определяет способ печати вашего документа. Цветовой режим CMYK — это стандартный режим для документов, отправляемых на печать в типографию. Параметр Растровые эффекты (Raster Effects) определяет разрешение растровых эффектов в документе. Для документов, предназначенных для печати, присвойте этому параметру значение 300 ppi. 5. Щелкните по кнопке OK.
Рис. 8.38. Палитра Символы
Диалоговое окно Новый документ (New Document) закроется, и откроется новый документ. Прежде, чем вы сможете использовать инструмент Распыление символов (Symbol Sprayer), вы должны выбрать символ для распыления. 6. Выберите команду меню Окно ⇒ Символ (Window ⇒ Symbol), чтобы отобразить палитру Символы (Symbols). По умолчанию, на палитре Символы (Symbols) отображается ограниченное количество символов (рис. 8.38). 7. Шелкните по кнопке Меню «Библиотеки символов» (Symbol libraries menu), и в появившемся меню выберите библиотеку символов, например Природа (Nature) (рис. 8.39). 8. Чтобы добавить символ на палитру Символы (Symbols), щелкните по символу в выбранной библиотеке. Новый символ появится на палитре Символы (Symbols) (рис. 8.40).
Рис. 8.39. Библиотека символов Природа
9. Щелкните по одному из символов на палитре Символы (Symbols), чтобы выбрать его. 10.
Выберите инструмент Распыление символов (Symbol Sprayer) на панели инструментов (рис. 8.41).
Указатель мыши примет вид аэрозольного баллончика, расположенного в центре окружности большого радиуса. Ïðèìå÷àíèå: Âû ìîæåòå èçìåíèòü ïàðàìåòðû èíñòðóìåíòà Ðàñïûëåíèå ñèìâîëîâ (Symbol Sprayer), äâàæäû ùåëêíóâ ïî åãî çíà÷êó íà ïàíåëè èíñòðóìåíòîâ.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Рис. 8.40. Новый символ добавлен на палитру Символы
673
Рис. 8.41. Панель инструментов
11.
Щелкните по монтажной области один или несколько раз, чтобы поместить несколько символов.
12.
Перетащите указатель инструмента Распыление символов (Symbol Sprayer) по монтажной области.
В процессе перетаскивания под указателем мыши отображаются контуры символов (рис. 8.42).
Рис. 8.42. Перетаскивание указателя инструмента Распыление символов
674
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
Рис. 8.43. Результат применения инструмента Распыление символов
13.
Добавив необходимое количество символов в документ, отпустите кнопку мыши.
Символы появятся там, где до этого отображались их контуры (рис. 8.43). 14.
Сохраните документ.
Чтобы отредактировать источник символа в режиме изоляции: 1. Выберите символ, который вы хотите отредактировать, на палитре Символы (Symbols). 2. Дважды щелкните по символу. Интерфейс программы Illustrator перейдет в режим изоляции (рис. 8.44). 3. Отредактируйте символ так, как вам требуется. Например, можно слегка изменить цвета символа, чтобы он лучше соответствовал цветовой гамме или тематике изображения. В приведенном примере синему градиенту в верхней части символа рыбы придали фиолетовый оттенок (рис. 8.45). Когда вы «распыляете» измененный символ, все экземпляры этого символа будут выглядеть одинаково.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
Рис. 8.44. Режим изоляции для редактирования отдельного символа
Рис. 8.45. Редактирование символа
675
676
ÏÐÎÅÊÒ 8. Øêîëüíûå ìèíè-àëüáîìû
Рис. 8.46. Кнопка Выйти из режима изоляции
4. Когда вы закончите вносить изменения, щелкните по кнопке Выйти из режима изоляции (Exit Isolation Mode) в верхнем левом углу окна документа (рис. 8.46). Помните, что любые изменения, внесенные в режиме изоляции, будут перенесены на всех экземплярах символа в вашем документе. 5. Сохраните и закройте документ. Чтобы добавить изображение на разворот в программе InDesign: 1. Запустите программу InDesign и создайте новый документ со следующими настройками параметров. • Количество страниц (Number of pages): 1; • Формат страницы (Page Size): Letter; • Ориентация (Orientation): Альбомная (Landscape). 2. Щелкните по кнопке OK. 3. Выберите команду меню Файл ⇒ Поместить (File ⇒ Place). Появится диалоговое окно Поместить (Place). 4. Найдите папку, в которой был сохранен файл Adobe Illustrator, созданный в предыдущем упражнении, и выберите этот файл. 5. Убедитесь, что в диалоговом окне Поместить (Place) установлен флажок Показать параметры импорта (Show Import Options). Щелкните по кнопке Открыть (Open). Появится диалоговое окно Поместить PDF (Place PDF) (рис. 8.47). 6. Убедитесь, что установлен флажок Предварительный просмотр (Show Preview). Выберите одно из значений в раскрывающемся списке Обрезать по (Crop To), чтобы указать способ обрезки импортируемого изображения. Когда флажок Предварительный просмотр (Show Preview) установлен, вы можете просматривать уменьшенное изображение файла Adobe Illustrator в левой части диалогового окна Поместить PDF (Place PDF).
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
677
Рис. 8.47. Диалоговое окно Поместить PDF
7. Щелкните по кнопке OK. Указатель мыши примет вид миниатюры изображения. 8. Щелкните в окне документа, чтобы поместить изображение на разворот (рис. 8.48). 9. (Необязательный шаг.) Переместите изображение или измените его масштаб, чтобы оно уместилось на развороте. 10.
Выберите команду меню Окно ⇒ Слои (Window ⇒ Layers), чтобы отобразить палитру Слои (Layers).
Рис. 8.48. Изображение, помещенное на разворот
11.
Создайте новый слой, переименовав существующий слой в Backsplash.
12.
Добавьте содержимое на разворот (текстовые и графические фреймы), разметив это содержимое на новом слое.
13.
Сохраните файл InDesign.
Ïðèìå÷àíèå: ×òîáû ïîâòîðíî èñïîëüçîâàòü äèçàéí íà íåñêîëüêèõ ñòðàíèöàõ, âû ìîæåòå äîáàâèòü ôîíîâîå èçîáðàæåíèå íà ñòðàíèöó-øàáëîí. Äëÿ áîëåå ïîäðîáíîé èíôîðìàöèè î ñòðàíèöàõ-øàáëîíàõ îáðàòèòåñü ê ñïðàâêå ïðîãðàììû InDesign.
9. ÔÈÍÀËÜÍÛÅ ÏÎÐÒÔÎËÈÎ ÈÍÑÒÐÓÊÖÈÈ ÄËß ÏÐÅÏÎÄÀÂÀÒÅËÅÉ Время выполнения: от 5 до 7 часов.
ÎÁÇÎÐ ÏÐÎÅÊÒÀ Выполняя проекты, связанные с печатью и дизайном, учащиеся развивают свои способности по созданию различных типов работ и видят, как их навыки могут быть востребованы в различных областях. Учащиеся опробовали себя в различных ролях и принимали участие в различных этапах процесса дизайна и производства. Они могут использовать полученный опыт, чтобы наметить дальнейшее направление своего развития после завершения этого обучающего курса. В этом проекте учащиеся улучшат и переработают свои портфолио, созданные в проекте 5, чтобы лучше раскрыть свои дизайнерские и технические навыки и сделать упор на своей будущей профессии. Создавая PDF-портфолио, учащиеся сконцентрируются на дизайне и содержимом портфолио, чтобы выбрать наилучшую форму преподнесения материала и произвести хорошее впечатление на будущего работодателя. Результат проекта: PDF-портфолио.
ÖÅËÈ ÏÐÎÅÊÒÀ По завершении данного проекта учащиеся разовьют следующие навыки.
ÍÀÂÛÊÈ ÓÏÐÀÂËÅÍÈß ÏÐÎÅÊÒÎÌ •
Планирование и создание PDF-портфолио.
•
Организация и управление содержимым.
•
Проведение рецензирования и переработка проекта.
•
Конструктивная критика.
•
Создание графических представлений.
Äèçàéíåðñêèå íàâûêè •
Сбор данных и согласованное использование макета и цветов.
•
Разработка согласованного дизайна страниц.
•
Разработка дизайна для конкретной аудитории и целей.
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
679
Èññëåäîâàòåëüñêèå è êîììóíèêàòèâíûå íàâûêè •
Исследование и сбор информации о профессиях в области печатного производства.
•
Планирование и выполнение стратегий поиска информации.
•
Понимание и тренировка навыков, согласующихся с принципами непрерывного образования: – навыков исследования требований, предъявляемых к специалистам определенной профессии на рынке труда; – навыков преподнесения информации.
•
Запрос и обеспечение обратной связи.
•
Реагирование на критические замечания.
•
Демонстрация выполнения задач переработки.
•
Создание маркетингового плана.
Òåõíè÷åñêèå íàâûêè Программа InDesign: •
создание портфолио.
Программа Acrobat Pro: •
объединение нескольких документов.
Îáîðóäîâàíèå è ìàòåðèàëû äëÿ âûïîëíåíèÿ ïðîåêòà •
На всех компьютерах должна быть установлена программа Adobe Photoshop CS5 Extended.
•
На всех компьютерах должна быть установлена программа Adobe InDesign CS5.
•
На всех компьютерах должна быть установлена программа Adobe Illustrator CS5.
•
На всех компьютерах должна быть установлена программа Adobe Acrobat 9 Pro.
•
Раздел «Как создать графическое представление для электронного портфолио».
•
Раздел «Рецензия».
•
Раздел с пошаговыми инструкциями по программе Acrobat «Как подготовить и организовать файлы для PDF-портфолио».
•
Раздел с пошаговыми инструкциями по программе Acrobat «Как создавать и персонализировать PDF-портфолио».
Äîïîëíèòåëüíûå èñòî÷íèêè äëÿ ïîäãîòîâêè •
Ресурсы для дополнительной подготовки.
•
Стандарты ISTE NETS*S для учащихся.
680
ÏÐÎÅÊÒ 9. Ôèíàëüíûå ïîðòôîëèî
ÝÒÀÏÛ ÏÐÎÅÊÒÀ Îáíîâëåíèå PDF-ïîðòôîëèî Рекомендуемое время: 250—300 минут. 1. Расскажите учащимся, что в этом последнем проекте они смогут продемонстрировать результаты своей работы. Работая над различными проектами, учащиеся концентрировались на дизайне и разработке; настало время уделить внимание тому, чем они планируют заниматься после завершения этого учебного курса. 2. Обсудите с учащимися цели данного проекта: • обновить PDF-портфолио; • создать базовый маркетинговый план; • создать план и графическое представление для портфолио; • выбрать и организовать содержимое для PDF-портфолио. 3. Обсудите концепцию портфолио, его назначение и целевую аудиторию (дополнительную информацию можно найти в проекте 5 «Портфолио»). 4. Обсудите с учащимися возможные способы применения электронных портфолио и как это может изменить целевую аудиторию и назначение портфолио. Можно обсудить следующие вопросы: • Планируете ли вы искать работу или продолжить обучение? Если да, что это будет за работа или обучение? • Планируете ли вы поступать на курсы или в учебное заведение? Если да, что это за курсы или учебное заведение? • Чем будут отличаться цели портфолио в зависимости от ваших дальнейших планов? • Что должно содержать портфолио? • Как должно быть представлено содержание портфолио? 5. Предоставьте учащимся время для анализа своих портфолио и поиска возможных вариантов для наилучшего представления приобретенных навыков. Предложите учащимся учесть свой план обучения, чтобы оценить, насколько эти цели раскрываются в портфолио. Объясните учащимся, что они будут выполнять рецензирование, как в проекте 5, но на этот раз учащиеся будут уделять внимание соответствию портфолио целям профессии и обучения и типу аудитории, на которых они планируют сфокусироваться после завершения данного учебного курса. 6. Предоставьте учащимся время, чтобы просмотреть результаты своей работы в течение всего учебного курса и пересмотреть содержимое и дизайн портфолио. При подготовке списка задач по переработке они должны принять во внимание следующие моменты. Содержимое: • Каково назначение портфолио? Как это назначение влияет на тип включаемого содержимого?
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
681
•
Какова целевая аудитория портфолио? Как эта целевая аудитория влияет на тип включаемого содержимого?
•
Текущее содержимое соответствует назначению и целевой аудитории? Если нет, что следует удалить и какие другие проекты необходимо включить в портфолио?
•
Соответствует ли уровень языка целевой аудитории?
•
Есть ли на страницах портфолио орфографические, синтаксические или грамматические ошибки?
Дизайн: •
Единообразие и согласованность. Элементы, повторяемые на страницах с содержимым, помогают представить портфолио, как целостный модуль? Какие элементы портфолио обеспечивают или разрушают согласованность?
•
Макет. Макет страниц является логическим, или же элементы страниц отображаются в хаотичном порядке?
•
Шрифтовое оформление. Форматирование текста улучшает или ухудшает удобочитаемость? Подходят ли используемые шрифты, интервалы, интерлиньяж и т.д.? Существует ли подходящая визуальная иерархия?
•
Доступность. Все ли пользователи могут без труда прочесть текст и титры (цвет, размер шрифта и т. д.)?
7. Вспомните концепцию графического представления для портфолио из проекта 5 и предложите учащимся создать новое графическое представление для данного портфолио с учетом изменений, связанных с задачами переработки. Раздел «Как создать графическое представление для электронного портфолио». 8. После того, как учащиеся продумают планы по переработке своих портфолио, разбейте их на группы по три или четыре человека. Предложите каждой группе поочередно проанализировать портфолио каждого учащегося, обсудив доработанную цель дизайнера, целевую аудиторию и план по переработке. Каждая группа должна предоставить дизайнеру свое мнение по планируемым изменениям. Учащиеся должны определить, какие предложения по переработке они будут реализовывать в своих PDF-портфолио. Раздел «Рецензия». 9. Предоставьте учащимся время на подготовку окончательного списка проектов и элементов, которые будут включены в PDF-портфолио. 10.
Предоставьте учащимся время на обновление своих портфолио, создание дополнительных элементов в программе Photoshop и Illustrator, а также создание дополнительных макетов и текста в программе InDesign с использованием рассмотренных ранее методик. Попросите учащихся создать финальное PDF-портфолио.
Раздел «Как подготовить и организовать файлы для PDF-портфолио». Раздел «Как создавать и персонализировать PDF-портфолио».
682
ÏÐÎÅÊÒ 9. Ôèíàëüíûå ïîðòôîëèî
ÏÐÅÇÅÍÒÀÖÈß ÏÎÐÒÔÎËÈÎ Рекомендуемое время: 50—100 минут. 11.
Чтобы подготовить учащихся к презентации, предложите им исследовать рынок труда и требования, предъявляемые к специалистам, на сайтах по подбору персонала, чтобы помочь им представить и спланировать цели карьеры и свои ожидания. Пусть учащиеся составят базовый план, как они собираются представлять свои навыки и проходить собеседования при приеме на работу.
Ïðèìå÷àíèå: Ìîæåòå ïðåäëîæèòü ó÷àùèìñÿ ñíîâà èññëåäîâàòü ðûíîê òðóäà, ïåðåñìîòðåâ èõ ïðåäûäóùèé âûáîð ïðîôåññèè.
12.
Предоставьте учащимся время на подготовку презентации, в которой они представят свои PDF-портфолио и расскажут про следующее: • цели профессии; • специальности, которые они искали, используя конкретные примеры из их исследования; • план получения необходимых навыков и соответствия требованиям для работы, которую они искали; • навыки, квалификации, образование и т. д., необходимые для работы по данной специальности; • что они узнали в процессе создания портфолио и в этом учебном курсе; • что, на их взгляд, им требуется изучить, чтобы достичь целей карьеры; • как они улучшили или изменили содержимое или дизайн портфолио и как на эти изменения повлияли пересмотренное назначение и целевая аудитория. Объясните учащимся, что они могут включить страницы из старого портфолио, чтобы продемонстрировать изменения.
13. Предоставьте учащимся время, чтобы представить свои портфолио классу.
ÄÎÏÎËÍÈÒÅËÜÍÛÅ ÇÀÄÀÍÈß Проект можно дополнить следующими заданиями: •
Планирование карьеры/обучения. Предложите учащимся составить план, отражающий необходимые этапы для достижения целей карьеры, на ближайшую пятилетку. Этот план может включать обучение, стажировку, работу и т. д. Также предложите учащимся собрать необходимую информацию и составить резюме, соответствующее желаемой профессии.
•
Дополнительное размышление. Предложите учащимся письменно изложить свои планы, связанные с достижениями целей карьеры, и как эти планы повлияли на решения, принятые при планировании портфолио. Этот документ поможет учащимся поразмыслить
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
•
683
над процессом и сформирует основу для постоянного улучшения PDF-портфолио по мере поиска работы. Электронные портфолио. Предложите учащимся создать портфолио в виде веб-сайта. Для этого можно использовать информацию, представленную в Модуле 2 «Web portfolios using Adobe Dreamweaver CS5» книги Digital Design Curriculum.
ÎÖÅÍÊÀ •
По нескольким критериям, представленным далее в разделе «Критерии оценки».
ÐÅÑÓÐÑÛ ÄËß ÄÎÏÎËÍÈÒÅËÜÍÎÉ ÏÎÄÃÎÒÎÂÊÈ • •
• • • •
Просмотрите разделы с пошаговыми инструкциями для учащихся, используемые в данном проекте. Видеоуроки, которые соответствуют навыкам, необходимым для выполнения этого проекта, можно найти на сайте Adobe TV в демонстрации Visual Design CS5 по адресу tv.adobe.com/show/visual-design-cs5/. Обзор интерфейса и дополнительную информацию по техническим аспектам программы Photoshop можно найти в справке программы. Обзор интерфейса и дополнительную информацию по техническим аспектам программы InDesign можно найти в справке программы. Обзор интерфейса и дополнительную информацию по техническим аспектам программы Acrobat можно найти в справке программы. В этом проекте можно использовать следующие книги по дизайну и типографике: – Lupton, E. (2004). Thinking with Type: A Critical Guide for Designers, Writers, Editors, & Students. New York: Princeton Architectural Press. Сопутствующий веб-сайт доступен по адресу www.thinkingwithtype.com. – Lawler, B. (2006). The Official Adobe Print Publishing Guide, Second Edition. Berkeley: Adobe Press. – Williams, R. (2007). Robin Williams Design Workshop, Second Edition. Berkeley: Peachpit Press.
ÏÎÐÒÔÎËÈÎ •
•
Учебное пособие по созданию электронных портфолио с использованием PDFдокументов в программе Adobe Acrobat Pro можно найти по адресу www.adobe.com/go/ eportfolios. Примеры и инструкции по представлению информации и использованию графических представлений, которые в основном применяются для создания веб-сайтов, но с успехом могут быть применены и к PDF-документам, можно найти по адресу www.jjg.net/ia/ visvocab/#page.
684
ÏÐÎÅÊÒ 9. Ôèíàëüíûå ïîðòôîëèî
•
Концепции по созданию портфолио учащимися на занятиях, подготовленные Бюро по научно-исследовательской деятельности и усовершенствованиям Отдела образования США, можно найти по адресу www.ed.gov/pubs/OR/ConsumerGuides/classuse.html.
•
Информацию по созданию и примеры разнообразных портфолио в электронном виде можно найти по адресу eduscapes.com/tap/topic82.htm.
•
Примеры PDF-портфолио доступны по адресу education.acrobat.com/designstudent/ и frriz.com/fran/franferriz.pdf.
ÏÐÎÔÅÑÑÈÈ Â ÎÁËÀÑÒÈ ÏÅ×ÀÒÍÎÃÎ ÏÐÎÈÇÂÎÄÑÒÂÀ È ÃÐÀÔÈ×ÅÑÊÎÃÎ ÄÈÇÀÉÍÀ •
Список профессий в области графического дизайна и печатного производства с описаниями, требованиями к образованию и информацией по зарплате можно найти по адресу www.adigitaldreamer.com/articles/graphic-design-jobs.htm.
•
Список возможных профессий в области графического и печатного дизайна можно найти по адресу www.oswego.edu/student/career/careersin/arts.html.
•
Информация и статистика Министерства труда США по профессиям в области графического дизайна и настольной издательской деятельности доступна по адресу www.bls. gov/oco/ocos090.htm.
ÑÒÀÍÄÀÐÒ ISTE NETS*S ÄËß Ó×ÀÙÈÕÑß Этот проект соответствует стандартам ISTE NETS*S — стандартам использования высоких технологий в образовании. В зависимости от выбранной учащимся темы и предметного содержания вам может потребоваться изучить стандарты вашего государства или штата, чтобы выяснить, соответствует ли данный проект установленным требованиям. ISTE NETS*S: Программа образования и предметное содержание стандартов — NETS для учащихся 1. Творчество и инновации. Учащиеся демонстрируют творческое мышление, исследовательские подходы и разрабатывают инновационные продукты и процессы с использованием технологии. Учащиеся: a) применяют имеющиеся знания для получения новых идей, продуктов или процессов; b) оригинальные произведения как средство выражения личности или группы. 2. Коммуникации и сотрудничество. Учащиеся используют цифровые средства и среды для общения и коллективной работы, в том числе на расстоянии, для поддержки индивидуального обучения и возможности обучения других. Учащиеся:
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
685
a) взаимодействуют, сотрудничают и творят со сверстниками, экспертами или другими участниками, используя различные цифровые среды и средства; b) эффективно распространяют информацию и идеи для разных аудиторий с использованием различных средств и форматов. 3. Исследования и информационная компетентность. Учащиеся умеют применять цифровые инструменты для сбора, оценки и использования информации. Учащиеся: a) планируют стратегии исследования; b) находят, организовывают, анализируют, оценивают, обобщают и используют информации из различных источников и сред; c) оценивают и отбирают источники информации и цифровые средства на основе целесообразности для конкретных задач. 4. Критическое мышление, решение проблем и принятие решений. Учащиеся используют умение критически мыслить для планирования и проведения научных исследований, управления проектами, решения проблем и принятия обоснованных решений, используя соответствующие цифровые инструменты и ресурсы. Учащиеся: a) выявляют и определяют подлинные проблемы и важные вопросы для проведения исследования; b) планируют и управляют деятельностью по разработке решения или выполнения проекта. 5. Цифровое гражданство. Учащиеся понимают гуманитарные, культурные и социальные вопросы, связанные с информационными технологиями и практикой легального и этического поведения. Учащиеся: a) практикуют безопасное, правовое и ответственное использование информации и технологии; b) демонстрируют позитивное отношение к использованию технологий, обеспечивающих возможности коллективной работы и обучения; c) демонстрируют личную ответственность за постоянное повышение квалификации. 6. Применение технологии и технологические концепции. Учащиеся демонстрируют четкое понимание технологических концепций и систем и их применения. Учащиеся: a) понимают и используют технологические системы; b) эффективно и продуктивно выбирают и используют приложения.
686
ÏÐÎÅÊÒ 9. Ôèíàëüíûå ïîðòôîëèî
ÊÐÈÒÅÐÈÈ ÎÖÅÍÊÈ 0 — ниже ожидаемого
3 — соответствует ожиданиям
5 — превосходит ожидания
Исследование Отсутствует или выполнено не полностью
Результаты исследования содержат описание профессий в области дизайна и/или печатного производства, для поиска информации учащийся использовал веб-сайты по подбору персонала. Результаты исследования отражены в содержимом портфолио — в нем представлена такая информация о профессии, как служебные обязанности, квалификации, навыки, технические знания, необходимое обучение и сведения о зарплате
Результаты исследования содержат четкое описание конкретных профессий в области дизайна и/или печатного производства, для поиска информации учащийся использовал веб-сайты по подбору персонала. Результаты исследования отражены в содержимом портфолио — в нем представлена такая информация о профессии, как служебные обязанности, квалификации, навыки, технические знания, необходимое обучение и сведения о зарплате, и все это дополнено конкретными примерами
Анализ Отсутствуи переработка ют или выполнены не полностью
В результате анализа и переработки учащийся определил необходимые изменения, которые должны быть внесены в исходное портфолио, а также разработал новый план и переработал содержимое. Также учащийся пересмотрел выбор желаемой профессии и/или планов обучения и изменил первоначальное назначение и целевую аудиторию портфолио
В результате анализа и переработки учащийся определил необходимые изменения, которые должны быть внесены в исходное портфолио, а также разработал новый план и переработал содержимое. Также учащийся тщательно пересмотрел подходы по воплощению принципа непрерывного обучения и/или планов обучения и изменил первоначальное назначение и целевую аудиторию портфолио
Отсутствует или неполная
Рецензент отмечает как сильные, так и слабые стороны планируемых изменений в PDF-портфолио. Рецензент предлагает способы для улучшения портфолио и дает оценку тому, насколько портфолио соответствует целям карьеры
Рецензент отмечает как сильные, так и слабые стороны планируемых изменений в PDF-портфолио. Рецензент предлагает понятные способы для улучшения портфолио и приводит конкретные примеры. Рецензент дает оценку тому, насколько портфолио соответствует целям карьеры, и предлагает варианты для повышения его эффективности
Графическое представление является детальным и отражает необходимую организационную структуру для планируемого содержимого портфолио
Графическое представление является детальным и представляет четкую и логическую организационную структуру для планируемого содержимого портфолио. Графическое представление включает все содержимое, которое будет представлено в PDF-портфолио
Рецензия
Графическое Отсутствупредставление ет или неполное
ÂÈÇÓÀËÜÍÛÉ ÄÈÇÀÉÍ: ÎÑÍÎÂÛ ÃÐÀÔÈÊÈ È ÏÐÅÄÏÅ×ÀÒÍÎÉ ÏÎÄÃÎÒÎÂÊÈ Ñ ÏÎÌÎÙÜÞ ÈÍÑÒÐÓÌÅÍÒΠADOBE
687
0 — ниже ожидаемого
3 — соответствует ожиданиям
PDFпортфолио — содержимое
Отсутствует, незавершенное или не соответствует поставленным целям
PDF-портфолио демонстрирует завершенные проекты учащегося и содержит информацию, которая связана с определенными целями карьеры и предназначена для определенной целевой аудитории. Портфолио включает описательные комментарии к каждому проекту, подчеркивая навыки, требуемые для выбранной профессии в области дизайна и/или печатного производства
PDF-портфолио демонстрирует завершенные проекты учащегося, является хорошо организованным и содержит информацию, которая связана с определенными целями карьеры и предназначена для определенной целевой аудитории. Портфолио включает четкие и описательные комментарии к каждому проекту, подчеркивая навыки, требуемые для выбранной профессии в области дизайна и/или печатного производства
PDFпортфолио — дизайн
Отсутствует, незавершенный или не соответствует поставленным целям
Общий дизайн PDF-портфолио и представленные проекты демонстрируют надлежащее применение принципов дизайна, дизайна макетов, композиции изображений, теории цвета и книгопечатания. PDF-портфолио подчеркивает технические навыки работы учащегося в программах Photoshop, InDesign, Illustrator и Acrobat. PDF-портфолио содержит ссылки и закладки
Общий дизайн PDF-портфолио и представленные проекты демонстрируют надлежащее применение принципов дизайна, дизайна макетов, композиции изображений, теории цвета и книгопечатания, что позволяет представить работы учащегося потенциальным работодателям. PDF-портфолио четко подчеркивает технические навыки работы учащегося в программах Photoshop, InDesign, Illustrator и Acrobat. В PDF-портфолио эффективно и надлежащим образом используются ссылки и закладки
Презентация
Отсутствует или неполная
Презентация сфокусирована на выбранных целях профессии и включает соответствующую информацию о конкретных предложениях и требованиях к соискателям. Презентация представляет портфолио и объясняет, как учащийся будет демонстрировать соответствие имеющихся навыков или навыков, планируемых получить в ближайшем будущем, требованиям и необходимым навыкам, предъявляемым соискателям, с помощью примеров, представленных в портфолио. Презентация включает примеры из предыдущего портфолио, чтобы
Презентация сфокусирована на выбранных целях профессии и включает подробную и четкую информацию о конкретных предложениях и требованиях к соискателям. Презентация представляет портфолио и четко и в доступной форме объясняет, как учащийся будет демонстрировать соответствие имеющихся навыков или навыков, планируемых получить в ближайшем будущем, требованиям и необходимым навыкам, предъявляемым соискателям, с помощью примеров, представленных в портфолио. Презентация включает примеры из предыдущего портфолио, чтобы показать, каким образом было улучшено или изменено содержимое
5 — превосходит ожидания
688
ÏÐÎÅÊÒ 9. Ôèíàëüíûå ïîðòôîëèî
0 — ниже ожидаемого
3 — соответствует ожиданиям
показать, каким образом было улучшено или изменено содержимое и/или дизайн портфолио. Презентация содержит информацию о том, какие навыки приобрели учащиеся в процессе создания портфолио и на протяжении всего учебного курса. В презентации также представлена информация о том, что еще необходимо учащимся для достижения поставленных целей карьеры
5 — превосходит ожидания
и/или дизайн портфолио, и содержит разумные объяснения необходимости внесения данных изменений. Презентация содержит информацию о том, какие навыки приобрели учащиеся в процессе создания портфолио и на протяжении всего учебного курса. В презентации также представлена информация о том, что еще необходимо учащимся для достижения поставленных целей карьеры
ÊÀÊ ÑÎÇÄÀÒÜ ÃÐÀÔÈ×ÅÑÊÎÅ ÏÐÅÄÑÒÀÂËÅÍÈÅ ÄËß ÝËÅÊÒÐÎÍÍÎÃÎ ÏÎÐÒÔÎËÈÎ (ÏÎÂÒÎÐ) См. этот раздел в проекте 5.
ÐÅÖÅÍÇÈß (ÏÎÂÒÎÐ) См. этот раздел в проекте 5.
ÊÀÊ ÏÎÄÃÎÒÎÂÈÒÜ È ÎÐÃÀÍÈÇÎÂÀÒÜ ÔÀÉËÛ ÄËß PDF-ÏÎÐÒÔÎËÈÎ (ÏÎÂÒÎÐ) См. этот раздел в проекте 5.
ÊÀÊ ÑÎÇÄÀÂÀÒÜ È ÏÅÐÑÎÍÀËÈÇÈÐÎÂÀÒÜ PDF-ÏÎÐÒÔÎËÈÎ (ÏÎÂÒÎÐ) См. этот раздел в проекте 5.
