Помощь
или Интерактивный pdf
© Текст Евгений Мерзляков | Иллюстрации Элеонора Васина, Виктор Третьяков и Берик Ергалиев.
Рано или поздно каждому случается готовить портфолио для потенциального работодателя. Несмотря на то, что в Алматы модно таскать на флешке набор джипегов, попробуем сделать портфолио в виде одно файла pdf. Этот формат вполне компактен и для хранения графики и для встраивания поясняющих надписей. Мы не будем делать нашу «презентацию» на Flash, пожалеем обладателей iPad.
В самом начале стоит определиться со структурой портфолио, мы не хотим травмировать психику работодателя всеми шедеврами что создали за долгую жизнь (у кого-то это три месяца по окончании курсов по Корелу). Ограничимся несколькими работами в каждой из областей дизайна, что вам по зубам. Итак, рисуем «древо»
Подбираем шедевры в порядке повышения крутости. Сколько по вашему картинок может посмотреть работодатель за раз? Правильно, не больше 10 на рубрику. Но! У нас учебная задача и мы будем брать всего по 5 (но ооочень хороших). Складываем жипеги-епсы-пэсэдэ в одну папку (девачки могут разложить все по разным).
Открываем InDesignCS5, Create New Document (или Ctrl-N) и попробуем сразу точно описать параметры документа:
а) Web. Print нужен для печати, мы же стараемся для экрана.
б) 26 страниц. 1- резюме с фотокой, 25- для шедевров
в) предполагаемый размер экрана, ограничимся классикой, 1024 на 768 пикселов. Ок.
Верстаем первую страничку портфолио по канонам Wordовских визардов:
(если вы не мните себя великим верстальщиком, то вордовское резюме можно просто запихать в InD через File->Place).
Теперь создадим навигацию для каждой категории работ в портфолио. Я нарисовал «дерево» и проиллюстрировал каждую ветку подписью и кусочками соответсвующих работ.
Оставляем меню навигации в покое и идем набрасывать картиночки на бумагу.
Несмотря на учебный характер работы, предлагаю поумничать: будем использовать шаблоны, Master Pages по-аглицики говоря.
Итак нам нужно создать 5 master page'ов, для каждой рубрики свой.
В палитре Pages (F12) дважды кликаем на A-Master и оформляем первый шаблон – «Полиграфия».
У меня получилось так
Направляющими заданы границы для крупной версии изображения, полупрозрачные превьюшки будут в дальнейшем служить навигацией.
Перетащите мышкой шаблон None на первую страницу вашего портфолио, иначе шаблон А ее «изуродует».
Последующие шаблоны будем создавать дублируя предыдущий (правый клик на шаблоне и команда Duplicate), в дальнейшем заменяя текст и рисунки.
Когда шаблоны созданы и отредактированы согласно плану, можно в палитре Pages переименовать masters в более понятные
Теперь в Pages выделяем 5 страничек с нужной темой и правой кнопкой делаем Apply Master Pages
и так пока каждой группе из 5 страниц не присвоим соответсвующий шаблон.
О, забыли сделать иконку для возварта на первую страничку, пусть это будет уменьшенная фотка нашего «ботана».
И сразу давайте сделаем его кнопкой возврата на первую страницу. Вызываем панельку Buttons (Window->Interactive->Buttons). Выделяем фотографию и кликаем на кнопку преобразовать «объект в кнопку»
Затем задаем событие которое будет происходить при нажатии на кнопку
Все, кнопка создана (обзовите ее напр. Домой, вместо Button1). Скопируйте ее на все шаблоны. Используя метод Paste In Place, чтобы кнопка не сдвигалась от страницы к странице.
Теперь вкусняшка, рассаживаем картинки согласно купленным билетам.
Итак все странички оформлены,
переходим к навешиванию интерактива.
Это самое нудное занятие. Дело в том, что несмотря на то, что картинки стоят на пронумерованных страницах, в pdf, через кнопку мы можем обратиться не к номеру страницы, а только к закладке. Поэтому придется создать bookmarks для каждой страницы. Рекомендую закладкам давать осмысленные названия.
Window->Interactive->Bookmarks
Двойным щелчком на Pages выделяем страницу, затем на Bookmarks щелкаем Create New Bookmarks – даем название закладке.
Можно закрыть панель Bookmarks
Теперь идет к шаблонным страницам
и делаем кнопками бледные превьюхи. Ну вы уже поняли что в качестве страницы для перехода будет закладка с большой версией картинки. Посмотрите на «скриншот»
Все зделали? Незабываем про первую, ведь главная навигация у нас там.
Просто прикрываем менюшки прозрачными квадратиками, которые в свою очередь делаем кнопками.
Экспорт!
1 - все страницы, 2 - открыть pdf в режиме Full Screen, иначе не будет эффекта перехода между страницами, 3 - выбор эффектов перехода между страницами, 4 - настраиваем сжатие графики по вкусу
Забираем готовый pdf (1,07 МБ)
Аффтор благодарит Элеонору Васину, Виктора Третьякова, Берика Ергалиева и себя лично за предоставленный материал к этому уроку. Всем удачных заказов и понимающих работодателей ))
Обсудить на форуме
