79804

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

Дипломная

Косметология, дизайн и стилистика

Первый слой в файле – символ Ивангорода – крепость обернутая в клавиши фортепиано – прозрачное объяснение названия музыкальной школы – Ивангородская. Далее идет слой с текстом обтекающим лиру со всех сторон. Слой Lyer 12 находится ниже остальных и отвечает за нотный стан. Поскольку размер изображения очень большой первый слой был залит белым цветом а не оставлен прозрачным так как это визуально осложнило бы работу над элементами в целом.

Русский

2015-02-15

1.55 MB

2 чел.

PAGE   \* MERGEFORMAT 8

Audiovisuaalne ja muu meedia osakond

Lõputöö

Eriala: «Multimeedia tehnoloogiad»

Teema:

Üldise disaini kontseptsiooni polügraafia loomine Jaanilinna laste muusika kooli jaoks

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

Õpilane – Fedora Olgina

Konsultant – Aleksei Põžikov

Retsensent – Juri Värska

Narva

2009. a.


Содержание

Введение. 3

Глава 1 4

Глава 2 5

Заключение. 20

Список литературы 20


Введение.

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

Для работы над дипломом мною были использованы в первую очередь тексты с информацией о школе с ее официального сайта http://music-ivangorod.pri.ee/ ; фотографии из школьного архива; различные изображения, формально участвующие в оформлении работ.

Дипломная работа полностью выполнена в редакторе растровой графики Adobe Photoshop CS4. Для создания календаря потребовалась программа Calendar Wizard 2.3, с помощью которой было легко сгенерировать сетку, используя несколько шрифтовых гарнитур, и вставить ее в исходные файлы Adobe Photoshop. В некоторых случаях требовалась программа Adobe Reader, чтобы оценить качество экспортируемых изображений; она же являлась «промежуточной» утилитой между Adobe Photoshop CS4 и Calendar Wizard, так как наиболее подходящий для сохранения формат у последней – *.pdf. Просматривать готовые изображения удобнее всего было в программе ACDSee 10 Photo Manager.

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

Практическая значимость диплома определяется отсутствием у музыкальной школы отличительного знака – логотипа, и «нетоварным видом» полиграфических изделий, находящихся в эксплуатации в данный момент.


Глава 1

Разработка уникального дизайна

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

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

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

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

- информативность (буклет);

- потребность (визитная карточка, календари);

- необходимость (грамота, диплом).

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

В данной выпускной работе присутствуют всего несколько цветов. А именно:

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

- рыжий, для крепости логотипа;

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

- черный, которым набраны все тексты и заголовки;

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

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

Выбор шрифта обусловлен эстетическими потребностями. Гарнитура Georgia в качестве основного текста, на мой взгляд, изящнее стандартной серифной Times New Roman и хорошо сочетается с декоративным шрифтом Isadora Cyr, которым набраны некоторые элементы работ (дни недель в календарной сетке, логотип). Последний использован в логотипе организации, смотрится ненавязчивым, легким и при этом остается удобочитаемым.

Основные этапы работы над проектом

Ход создания диплома подразделяется на этапы:

- изучение соответствующей специальной литературы;

- определение объема дипломной работы;

- поиск графического материала в Интернете;

- отбор и сканирование фотографий;

- составление текстов;

- непосредственная разработка дизайна;

- печать каждой единицы диплома в одном экземпляре.

Глава 2

Логотип

Исходный файл логотипа носит название 00_logo.psd.

Изображение имеет размер 782х798 пикселей с резолюцией в 300 pixels\inch и состоит из 4-х слоев.

Первый слой в файле – символ Ивангорода – крепость, обернутая в клавиши фортепиано – прозрачное объяснение названия музыкальной школы – Ивангородская. Крепость отсканирована со старого варианта логотипа и существенно изменена. Была обрезана левая часть с текстом, а для придания ей воздушного выпуклого эффекта и сочного цвета к слою применены 3 эффекта: Drop Shadow, Color Overlay и Stroke.

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

Далее идет слой с текстом, обтекающим лиру со всех сторон. При создании этого слоя использовались два инструмента  Pen tool – для создания пути по окружности лиры; и  Horizontal Type tool – для непосредственного набора текста по созданному пути. Шрифт носит название Isadora Cyr – кирилличный декоративный шрифт. Из свойств изменены – полужирное начертание, все буквы заглавные.

Слой «Layer 12» находится ниже остальных и отвечает за нотный стан. Сами линии выполнены кистью «Ноты», предварительно загруженной в редактор. Чтобы фон не выделялся, к нему применено свойство Заливки 15 %.


Грамота.

Исходный файл грамоты носит название 01_gramota.psd.

Размер холста – А4 – 21х29,7 см. Резолюция – 300 pixels\inch.

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

В первую очередь была создана рамка (слой «Layer 5»), правый верхний и левый нижний углы которой убраны инструментом  Eraser tool с мягкими краями.

Затем на слоях «Layer 4» и «Layer 4 copy» предварительно загруженной в редактор кистью были сделаны два узора, располагающиеся зеркально относительно друг друга по краям холста грамоты. К слоям применен эффект Drop Shadow.

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

Одна из тех же направляющих – горизонтальная – определила место для основного заголовка изображения. К текстовому слою «Грамота» применен эффект Drop Shadow. Гарнитура шрифта – Isadora Cyr.

Еще один текстовый слой «Награждается» выводит заголовок меньшего размера под основным. Гарнитура шрифта та же.

Композиционно, внизу страницы располагаются определяющие содержание грамоты слои.

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

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


Диплом.

Исходный файл диплома носит название 02_diplom.psd.

Размер холста – А4. Резолюция – 300 pixels\inch.

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

Основой для диплома служит созданный ранее шаблон грамоты. Из изменений с прежними слоями следует указать лишь на слой с текстом «Грамота». Соответственно шаблону текст меняется на «Диплом»; из свойств шрифта – все буквы заглавные.

Добавляются два текстовых слоя, на одном из которых основное содержание шаблона, на другом – 3 строчки со словом «Жюри». В организации работы с данным шаблоном не было никаких изменений: в частности, горизонтальная направляющая осталась необходимой для заголовка на странице, а центральная направляющая – для распределения массивного куска текста.


Буклет

Буклет состоит из двух исходных файлов, которые носят названия: 03_buklet_01.psd – титульная сторона и 03_buklet_02.psd – внутренняя сторона соответственно.

Титульная сторона

Размер холста – А4. Резолюция – 300 pixels\inch.

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

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

Первым слоем идет градиент от цветов #d3bfac к #f3ebe4. За образец взяты цвета с шапки сайта, как наиболее нежная и ненавязчивая гамма для фона буклета.

На слое выше «Layer 2» создана линия, обрамляющая нижний край холста. За основу взяты цвета из логотипа: #1b3a63 – синий, #e67b19 – рыжий и #7e211a – красный, подобранный к общей массе цветов в буклете.

Следующим этапом была вставка «стенок», на которых позже была расположено содержание буклета. Для этого необходимо было заранее разделить холст на три равные части – задать две вертикальные направляющие и одну горизонтальную. Сама процедура создания «стенки» заключалась в следующем: инструментом  Rectangular Marquee tool вдоль направляющих (размером в 1\3 холста) формировалось выделение, затем инструментом  Elliptical Marquee tool к верхней части выделения добавлялась шапка (одно выделение соединялось с другим). После того, как «каркасы» был готовы, их необходимо было залить белым цветом. Но, чтобы они не казались слишком бледными, свойство Fill для каждого из этих слоев было задано в 30%.

Чтобы каждая «стенка» имела законченный оформленный вид, к каждому слою добавлен эффект Stroke – белая линия снаружи в 5 пикселей.

После того, как фоновые работы завершены, необходимо перейти к вставке содержимого. На слое «Layer 4» располагается Ивангородская крепость. Деталь отсканирована со старого варианта диплома и предварительно значительно обработана: инструментом  Magic Wand tool выделялась нужная область, затем инструментом  Eraser tool убирались лишние куски изображения. После того, как крепость была вставлена на холст с буклетом, к слою был применен эффект Color Overlay (#3a2a27).

Далее, наиболее рациональным способом управления слоями представлялась работа с группами слоев. Все последующие слои были объединены в 6 групп:

- left – слои для левой части буклета, в которой располагаются слои с заголовками «Межрайонный конкурс СлИвКи», «Специальности», слой с фотографией к конкурсу, слой с текстом к конкурсу.

- Partners – слои с логотипами организаций-спонсоров, участвующих в жизни школы.

- Texts – слои с текстами, подписывающие логотипы организаций-спонсоров.

- Address – «Контактная информация» и 4 строчки-слоя с адресом, номером телефона, вэб-адресом и электронной почтой.

Эти три группы помещены в центральную часть титульной стороны буклета.

- Titles – заголовки, помещенные на титульный разворот буклета: «Муниципальное образовательное учреждение дополнительного образования детей» и «Ивангородская детская музыкальная школа». Первый слой имеет гарнитуру Georgia, второй – Isadora Cyr.

- Logo – группа слоев с логотипом.

В целом, это выглядит следующим образом:

Внутренняя сторона

Размер холста – А4. Резолюция – 300 pixels\inch.

Первые пять слоев полностью дублируют оформление титульной страницы буклета: фоновый градиент, обрамляющая нижний край линия и три «стенки», каждая в треть холста.

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

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

Группа «1» включает слои с заголовками «История школы» и «Коллективы»; два слоя с фотографиями, к которым применены эффекты слоя Drop Shadow и Stroke; слои с текстом гарнитуры Georgia.

Изюминка в оформлении заголовков заключается в смешении шрифтовых гарнитур: первая буква имеет начертание Isadora Cyr, остальная часть написана шрифтом Georgia.

В общей сложности группа содержит 8 слоев.

Центральная группа «2» имеет 5 слоев: заголовок «Мастер-класс», оформленный по тому же принципу смешения шрифтовых гарнитур; два слоя с текстами и два слоя с фотографиями, к которым также применены эффекты Drop Shadow и Stroke.

В третьей группе «3» располагаются заголовок «Международный конкурс Принаровье» со смешением гарнитур; две фотографии с эффектами слоев и два слоя с текстами.

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

В целом, внутренняя сторона буклета выглядит так:


Календарь

Титульная сторона

Исходный файл календаря носит название 04_kalendar_01.psd.

Размер холста – А6 – 10,5х 7,4 см. Резолюция – 300 pixels\inch.

Файл является внешней стороной карманного календарика и состоит из трех слоев и группы с логотипом.

На первый слой поставлен фоновый градиент, скопированный из буклета.

Далее идет слой с линией (тоже копированной из файла с буклетом), к которой применен эффект слоя Gradient Overlay.

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

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


Внутренняя сторона

Исходный файл календаря носит название 04_kalendar_02.psd.

Размер холста – А6 – 10,5х 7,4 см. Резолюция – 300 pixels\inch.

Файл является внутренней стороной карманного календарика и состоит из 5-ти слоев.

Основное оформление повторяется за счет слоев «Layer 2», «Layer 2 copy» и «Bg», которые соответственно являются фоновым градиентом и обрамляющими холст линиями.

Слой «Layer 3» содержит в себе календарную сетку, сгенерированную с помощью программы Calendar Wizard 2.3. Названия месяцев имеют начертание Isadora Cyr, цифирная сетка задана шрифтом Georgia.

В том, чтобы сетка располагалась правильно вертикали, помогает направляющая.

В левой части вертикально расположен заголовок гарнитуры Isadora Cyr, заданный цветом #1b3a63. К слою с текстом применен эффект Drop Shadow.


Календарь-домик

Исходный файл календаря-домика носит название 04_kalendar_W.psd.

Размер холста – А5 – 10,5х 14,8 см. Резолюция – 300 pixels\inch.

Календарь-домик является своего рода модификацией ранее описанного календаря. Однако, в этом файле есть существенные изменения. Помимо размера холста, увеличенного вдвое, с помощью программы Calendar Wizard 2.3 сгенерирована сетка на текущий – 2009 год. В дополнение к цифирной сетке добавлен счет недель в году, заданный цветом #1b3a63, гарнитура дней недели заменена с Georgia на Isadora Cyr.

Гарнитура шрифта у заголовка с Isadora Cyr изменена на Georgia, так как слой с заголовком расположен рядом с логотипом на титульной стороне.

После того, как календарь будет напечатан, его нужно сложить пополам и домиком поставить на поверхность.


Визитка.

Исходный файл визитной карточки носит название 05_vizitka.psd.

Размер изображения 1063х 591 пикселей, размер холста – 5х9 см. Резолюция – 300 pixels\inch.

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

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

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

Для линии, обрамляющей нижний край визитной карточки был применен эффект слоя Gradient Overlay.

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


Обработка фотографий

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

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

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

Для этого в меню ImageAdjustments выбирается соответствующий пункт, и в диалоговом окне Color Balance, передвигая ползунки, осуществляется необходимая коррекция цветов на фотографии.

Еще один важный штрих в исправлении фотографий – изменение их яркости и контраста. Диалоговое окно Brightness/Contrast вызывается из меню ImageAdjustments; после чего, подбирая числовые значения яркости и контраста, фотография принимает готовый вид.


Заключение.

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

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

Выпускная квалификационная работа выполнена в соответствии с заданием и в полном объеме: разработан логотип и оформлены изображения для печати.

К данному описанию выпускной квалификационной работы на CD-диске прилагаются следующие материалы:

- расходные изображения (папка Draft);

- Скриншоты, использованные в описании диплома (папка screens);

- исходные psd-файлы;

- изображения, подготовленные для печати в формате *.jpg;

- электронный вариант описания выпускной квалификационной работы.

Список литературы

  1.  Бурлаков М. Путеводитель по Adobe Photoshop CS2. – СПб.: БХВ-Петербург, 2005
  2.  Гурский Ю, Васильев А. Photoshop CS. Трюки и эффекты. – СПб.: Питер, 2004
  3.  Волкова Е. Photoshop CS2. Художественные приемы и профессиональные хитрости. – СПб.: Питер, 2006
  4.  Набор видеоуроков для PhotoShop CS (81 шт.) от Игоря Ульманаhttp://tfile.ru/forum/viewtopic.php?p=237683
  5.  Видеокурс Adobe Photoshop CS3 [2007, Видеурок, DVDRip] http://tfile.ru/forum/viewtopic.php?p=1595532
  6.  http://demiart.ru/
  7.  Использование Adobe Photoshop CS4. – Sorenson Spark. 2008
  8.  Залогова Л.А. Компьютерная графика. Элективный курс: учебное пособие. – М.: БИНОМ. Лаборатория знаний, 2005
  9.  http://kuler.adobe.com/ 
  10.  http://www.brand-poligraf.ru/
  11.  http://www.fontz.ru/ 
  12.  http://ru.wikipedia.org/


 

А также другие работы, которые могут Вас заинтересовать

48700. Цифровой аудио сигма-дельта модулятор по 0,35 мкм технологии 713 KB
  При частоте дискретизации равной 4 МГц и коэффициентом передискретизации равным 80 реализация модулятора по технологии 08 мкм. Берем В пФ пФ МГц Найдем крутизну входных транзисторов Мр1 и Мр2: С другой стороны: Берем длину канала L=1 мкм мкм Рассчитаем ток: мА Все выше приведенные значения характерны и для транзисторов Мр3 Мр4 в виду равенства токов. Найдем параметры транзисторов Мn1 Mn2 Мn3 и Mn4: мА Выразим отношение W L: Берем длину канала L=1 мкм мкм Находим крутизны транзисторов: мА В Найдем ток крутизну и ширину...
48702. Гломестный канал (УМК) наземного фазового моноимпульсного радиолокатора (РЛ) дальнего обнаружения объектов с ЭПР 1.16 MB
  Расчёт параметров сигнала. Параметры РЛ: дальность действия от соответствующей длительности импульса зондирующего сигнала до где длительность прямой видимости при высоте цели сектор обзора по углу места при разрешающей способности по углу. При расстоянии до цели погрешность измерения угла места не должна превышать заданного значения при коэффициенте шума приемника равном 3 и потерях энергии сигнала по высокой частоте и при обработке. 2 Определить параметры антенны; зондирующего сигнала; трактов формирования...
48703. Расчет изменения частоты вращения вала 1.32 MB
  Опорами ротора служат подшипники скольжения 8 с жидкой принудительной смазкой (под давлением) от маслоустановки агрегатов. Остаточное осевое усилие ротора воспринимают два упорных подшипника 9. Рабочее колесо литое, одностороннего входа. Направляющий аппарат – литой.
48704. Влияние формы контура области питания скважины. Возможность использования формулы радиального притока в случае нерадиального движения жидкости к скважине 891.5 KB
  Представим себе, что в однородный горизонтальный пласт весьма больших (теоретически неограниченных) размеров и постоянной мощности проведены гидродинамически совершенные равнодебитные нагнетательная и эксплуатационная скважины одинакового радиуса R.
48705. Анализ технических возможностей способов сварки плавлением барабана изготовленного из стали 10 216 KB
  Введение Сварка широко применяется в основных отраслях производства так как резко сокращает сроки выполнения работ и трудоемкость производственных процессов. Сварка позволяет уменьшить затраты на единицу продукции сократить длительность производственного цикла улучшить качество изделий. Для данного изделия возможны следующие способы сварки плавлением: ручная дуговая сварка; сварка в защитных газах плавящимся электродом; –плазменная сварка; лазерная сварка; электроннолучевая сварка; газовая сварка. ручная дуговая сварка покрытым...
48706. Сохранение и укрепление здоровья обслуживаемого населения 903.5 KB
  Номер – тип: int Тип стрипа – тип: int 8луночные и 12луночные Режим измерения – тип: chr измерение оптической плотности Единицы измерения – тип: chr бел Выходные значения анализатора Объект представляет собой строку байт. Тип – тип: byte Преобразованные значения Объект представляет собой данные строкового формата. Тип – тип: chr Документы предметной области также представлены в виде классов. Номер – тип: int Дата – тип: dte ФИО – тип: chr Возраст – тип: int Учреждение – тип: chr Отделение – тип: chr Исследовать – тип: chr Диагноз...
48707. Генеалогическое древо. Информационная система 3.95 MB
  Прежде чем приступать к разработке информационной системы, необходимо представить себе схему настоящего генеалогического древа. Генеалогическое древо - схематичное представление родственных связей, родословной росписи в виде условно-символического «дерева»
48708. Стратегическое планирование на ОАО «МТС» 1.13 MB
  О предприятии ОАО МТС. В курсовой работе в качестве исследуемого предприятия была выбрана компания ОАО МТС в качестве продукта – мобильный телефон. ОАО Мобильные ТелеСистемы МТС российская телекоммуникационная компания оператор сотовой связи в форматах GSM и UMTS оказывающая услуги в России странах СНГ и Индии под торговой маркой МТС. Компания МТС образована как закрытое акционерное общество в октябре 1993 года такими компаниями как ОАО Московская городская телефонная сеть МГТС Deutsсhe Telecom DeTeMobil...