Материал из Linuxformat.

Ком­пь­ю­тер­ная вер­ст­ка Соб­ст­вен­ный бук­лет за па­ру ми­нут

Содержание 1 Scribus: Ди­зайн буклета 1.1 Планируй­те ва­ши про­ек­ты 1.2 Гра­фи­че­ские ин­ст­ру­мен­ты 1.3 Шаг за шагом: Под­го­то­вим стра­ни­цу 1.4 Шаг за шагом: До­бав­ле­ние ос­нов­ных эле­мен­тов 1.5 Шаг за шагом: За­клю­чи­тель­ная до­вод­ка

Scribus: Ди­зайн буклета

Лю­бая ва­ша пуб­ли­ка­ция обя­за­на вы­гля­деть хо­ро­шо. Мо Ав­ка­ти при­звал сво­его внут­реннего ди­зайнера ско­рень­ко на­кол­до­вать бук­лет.

Ком­пь­ю­тер­ная вер­ст­ка – это об­щий тер­мин, ох­ва­ты­ваю­щий все: от по­здра­ви­тель­ных от­кры­ток до ресто­ран­но­го ме­ню и от пла­ка­тов до листо­вок и бук­ле­тов. Мы, ли­нук­сои­ды, са­ми ро­ем се­бе яму, тру­бя о прелестях Linux, так что на­ши род­ные и близ­кие часто счи­та­ют нас спо­соб­ны­ми свер­стать прак­ти­че­ски что угод­но все­го па­рой щелч­ков мы­ши. Но с по­мо­щью Scribus вы и вправ­ду так смо­же­те!

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

Планируй­те ва­ши про­ек­ты

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

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

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

Гра­фи­че­ские ин­ст­ру­мен­ты

Хо­тя неко­то­рые гра­фи­че­ские эф­фек­ты мо­гут соз­да­вать­ся внут­ри Scribus, не от­вер­гай­те и дру­гие гра­фи­че­ские ин­ст­ру­мен­ты, су­ще­ствую­щие в Linux – GIMP, OpenOffice.org Draw и Inkscape. Scribus понима­ет боль­шую часть гра­фи­че­ских фор­ма­тов, вклю­чая по­пу­ляр­ные .svg и .png. Все­гда нуж­но искать ком­про­мисс ме­ж­ду ка­че­ством гра­фи­ки и окон­ча­тель­ным раз­ме­ром до­ку­мен­та. Луч­ший спо­соб най­ти вер­ное со­от­но­шение – экс­пе­ри­мен­ти­ро­вать вплоть до по­лу­чения достой­но­го ре­зуль­та­та.

Мож­но соз­да­вать до­ку­мент с ну­ля, а мож­но для на­ча­ла восполь­зо­вать­ся шаб­ло­на­ми Scribus, хо­тя са­ма про­грам­ма по­став­ля­ет­ся без них – они ста­вят­ся от­дель­но че­рез менед­жер па­ке­тов. Ес­ли вы хо­ти­те изу­чить боль­ше про­ек­тов и про­дви­ну­тых тех­но­ло­гий, на­ве­дай­тесь на страницы Scribus на http://www.scribus.net и http://docs.scribus.net. Так­же в Ин­тернете есть мно­же­ство дру­гих ре­сур­сов.

Ес­ли вы пред­по­чи­тае­те ра­бо­тать по книге, по­че­му бы не по­чи­тать Scribus: The Official Manual от FLES Books (ISBN 978‑0956078001), ра­зо­рив­шись при­мер­но на $50. Те­перь, без лишней суе­ты, при­сту­пим!

Шаг за шагом: Под­го­то­вим стра­ни­цу

• 1 На­строй­ка до­ку­мен­та

По­сле за­пуска Scribus пер­вым вы уви­ди­те диа­лог Но­вый до­ку­мент. Это по­зво­лит вам за­дать уста­нов­ки для до­ку­мен­та, над ко­то­рым вы бу­де­те ра­бо­тать. Уста­но­ви­те раз­мер в A4, ори­ен­та­цию сде­лай­те Порт­рет, а единицы из­ме­рения смените с пунк­тов (pt) на мил­ли­мет­ры (mm). Что­бы соз­дать ме­сто для манев­ра, сбрось­те пре­дуста­нов­ки для по­лей, пропи­сав 0 для ка­ж­до­го па­ра­мет­ра. Этот же диа­лог мож­но вы­звать, зай­дя в Файл > Па­ра­мет­ры до­ку­мен­та.

• 2 Ма­кет страницы

Вам же­ла­тель­но осво­ить как мож­но боль­ше места на странице A4, так что сними­те га­лоч­ку с оп­ции Вид > По­ка­зы­вать по­ля. Ак­ти­ви­руй­те сет­ку в Вид > По­ка­зы­вать сет­ку – она по­мо­жет вам при расклад­ке страницы: с раз­ли­нов­кой в зе­ле­ную кле­точ­ку раз­ме­щать объ­ек­ты станет про­ще. Что­бы еще об­лег­чить раз­ме­щение, вклю­чи­те при­вяз­ку к сет­ке в Страница > При­ли­пание к сет­ке. Те­перь все эле­мен­ты и бло­ки ста­нут при­кре­п­лять­ся к бли­жай­шей зе­ле­ной линии.

• 3 Слои

От­крой­те диа­лог Ок­на > Слои. Для на­ше­го про­ек­та по­тре­бу­ет­ся соз­дать че­ты­ре слоя. Что­бы из­менить имя слоя, щелкните по нему два­ж­ды. За­дай­те сле­дую­щие име­на, на­чи­ная с пер­во­го (нижнего): Watermark, Top/bottom Banner, Text Frames и Wireframes. Слои про­ну­ме­ро­ва­ны – ба­зо­вый слой име­ет но­мер 0. Для пе­ре­ме­щения по сло­ям поль­зуй­тесь вы­па­даю­щим спи­ском Layer внизу эк­ра­на. Об­ра­ти­те внимание на оп­ции вклю­чения, вы­клю­чения и за­пи­рания слоя.

• 4 Story Editor

Соз­дай­те тек­сто­вый блок с по­мо­щью кноп­ки на панели ин­ст­ру­мен­тов. Текст мож­но вве­сти пря­мо в бло­ке, но луч­ше вы­звать Story Editor: тогда вы по­лу­чи­те луч­ший об­зор тек­ста и на­стро­ек сти­ля. На этой ста­дии сто­ит от­крыть панель Свой­ства из ме­ню Вид. Имя ак­тив­но­го тек­сто­во­го бло­ка (на­вер­ху) смените на tux_watermark. В этом бло­ке вве­ди­те Cool Tips By Tux. Соз­дай­те дру­гой блок и вве­ди­те там Linux. В обо­их бло­ках уста­но­ви­те вы­равнивание по цен­тру. Вам при­дет­ся при­бе­гать к Story Editor не раз – по­зна­комь­тесь с ним сей­час по­лу­чше.

• 5 Соз­да­ем во­дя­ные зна­ки

Что­бы сло­ва в соз­дан­ных ва­ми тек­сто­вых бло­ках вы­гля­де­ли как на во­дя­ных зна­ках, ак­ти­ви­руй­те один из бло­ков, щелк­нув по крас­ной рам­ке. Вы­де­ли­те текст в бло­ке и вы­бе­ри­те вклад­ку Текст панели Свой­ства. На­жми­те кноп­ку На­сы­щен­ность цве­та за­лив­ки тек­ста (спра­ва от Цве­та тек­ста) и умень­ши­те на­сы­щение до 40 %. То же са­мое про­де­лай­те со вто­рым бло­ком. Поз­же мож­но уве­ли­чить раз­мер шриф­та и по­ме­нять по­ло­жение бло­ков.

• 6 Баннеры

Пе­ре­клю­чи­тесь на слой Top/bottom Banner. Соз­дай­те тек­сто­вый блок для за­го­лов­ка бук­ле­та. От­крой­те Story Editor – он по­зво­ля­ет соз­дать соб­ствен­ный стиль, со­хранить его и по­том ис­поль­зо­вать. Щелкните пра­вой кноп­кой по панели Стиль и вы­бе­ри­те Из­менить сти­ли. Ок­но Прав­ка сти­ля со­дер­жит панель Вид сти­ля, где по­ка­зы­ва­ет­ся, ка­кие из­менения вы де­лае­те. Для за­го­лов­ка возь­мем шрифт FreeSerif, по­лу­жир­ный, кур­сив, раз­мер 34 pt, цвет Tomato. Со­храните, за­крой­те ре­дак­тор. Не за­кры­вая ок­на, вы­де­ли­те текст и в глав­ной панели ин­ст­ру­мен­тов вы­бе­ри­те Стиль > Эффек­ты > Тень.

Шаг за шагом: До­бав­ле­ние ос­нов­ных эле­мен­тов

• 7 Гра­ди­ент в баннере

Те­перь сде­ла­ем кон­тейнеры верхнего и нижнего баннеров. Соз­дай­те тек­сто­вый блок 197,5 мм ши­ри­ны и 14,11 мм вы­со­ты. Для эф­фек­та гра­ди­ен­та вы­бе­ри­те вклад­ку Цве­та на панели Свой­ства. За­полните блок по­нра­вив­шим­ся вам цве­том, за­тем возь­ми­те же­лае­мый гра­ди­ент­ный эф­фект. Мо­жет слу­чить­ся, что эф­фект не бу­дет ви­ден, по­ка вы не умень­ши­те уста­нов­ки для Тени и Непро­зрач­но­сти. Соз­дай­те нижний баннер раз­ме­ром 197,5 × 28 мм и по­вто­ри­те для него соз­дание гра­ди­ен­та.

• 8 От­дел­ка баннера

Те­перь – по­следние штри­хи на­шим баннерам. Во-пер­вых, убе­ди­тесь, что за­го­ло­вок, соз­дан­ный на ша­ге 6, си­дит над тек­сто­вым бло­ком. Для это­го щелкните по нему пра­вой кноп­кой и вы­бе­ри­те Уро­вень > На са­мый верх. По­ме­ня­ют­ся при этом не слои, а толь­ко вы­де­лен­ный блок. В са­мый верхний блок до­бавь­те текст – но­мер и да­ту вы­пуска. В бло­ке нижнего баннера на­пи­ши­те то же са­мое. Те­перь по­ра за­бло­ки­ро­вать ва­ши тек­сто­вые бло­ки.

• 9 Глав­ные тек­сто­вые бло­ки

Пе­рей­ди­те на слой Text Frames. Соз­дай­те основ­ное со­дер­жи­мое ва­ше­го бук­ле­та, вста­вив нуж­ное ко­ли­че­ство тек­сто­вых бло­ков. Здесь мы сде­ла­ли шесть штук – об­ра­ти­те внимание, раз­ные раз­ме­ры де­ла­ют бук­лет бо­лее ин­те­рес­ным для чи­та­те­ля. Те­перь для ка­ж­до­го бло­ка от­клю­чи­те рам­ки, что­бы они не ото­бра­жа­лись при пе­ча­ти. Это про­де­лы­ва­ет­ся в панели свойств, при по­мо­щи Цве­та > Свой­ства цве­та линии > Ника­ко­го.

• 10 Улуч­ши­те текст

Текст в бло­ках ав­то­ма­ти­че­ски вы­равнива­ет­ся по ле­во­му краю. Что­бы он вы­гля­дел ак­ку­ратнее и менее за­гро­мо­ж­ден­ным, вы­бе­ри­те в панели Свой­ства: Очер­тания > Из­менить очер­тания... > Рас­стояние до тек­ста > Сле­ва. Несколь­ких мил­ли­мет­ров долж­но хва­тить. Там есть и дру­гие оп­ции управ­ления тек­стом, что­бы соз­дать раз­но­об­ра­зие и вы­звать ин­те­рес.

• 11 До­бавь­те ри­сун­ки

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

• 12 Пре­об­ра­зу­ем блок

Что­бы соз­дать круг­лое изо­бра­жение монито­ра, соз­дай­те круг, вы­брав эту фи­гу­ру на панели ин­ст­ру­мен­тов. Щелкните пра­вой кноп­кой по бло­ку фор­мы и вы­бе­ри­те Пре­об­ра­зо­вать в Изо­бра­жение. Пе­ред им­пор­том изо­бра­жения, на вклад­ке Цве­та панели Свой­ства уда­ли­те Фон и Тол­щи­ну линии – пусть за­полнение станет Ника­ко­го. Им­пор­ти­руй­те изо­бра­жение так же, как на пре­ды­дущем ша­ге. Ме­няй­те раз­ме­ры бло­ка/ри­сун­ка, по­ка не по­лу­чи­те же­лае­мый ре­зуль­тат.

Шаг за шагом: За­клю­чи­тель­ная до­вод­ка

• 13 Об­те­кание тек­ста

Что­бы текст об­текал дру­гой объ­ект на странице, соз­дай­те тек­сто­вый блок и блок изо­бра­жения, ко­то­рые вы хо­ти­те ском­биниро­вать. Сна­ча­ла убе­ди­тесь, что блок изо­бра­жения ле­жит над тек­сто­вым – для это­го щелкните пра­вой кноп­кой по бло­ку изо­бра­жения и вы­бе­ри­те Уро­вень > На са­мый верх. Оста­вив ак­тив­ной фор­му с изо­бра­жением, в панели Свой­ства вы­бе­ри­те Очер­тание > Текст об­те­ка­ет блок и по­ставь­те га­лоч­ку у Кон­тур­ной линии. Вы эф­фект­но раз­мести­ли ри­су­нок на тек­сто­вом бло­ке, при­чем текст раз­ме­щен так, что­бы не на­ле­зать на ри­су­нок. Под­ви­гай­те кар­тин­ку, что­бы текст со­от­вет­ство­вал ва­ше­му ди­зай­ну.

• 14 Соз­да­ем кри­вые

Оста­ва­ясь в слое Text Frames, вы­бе­ри­те ин­ст­ру­мент Кри­вая Бе­зье на панели ин­ст­ру­мен­тов. Он тре­бу­ет неко­то­ро­го на­вы­ка, но вы освои­тесь бы­ст­ро. Что­бы соз­дать ак­ку­рат­ную кри­вую, щелкните и про­та­щи­те до средней точ­ки, ле­жа­щей чуть вы­ше, чем на­ча­ло и конец кри­вой. От­пусти­те кноп­ку мы­ши и пе­ре­ве­ди­те ука­за­тель мы­ши в конеч­ную точ­ку, на­жми­те ле­вую, а сра­зу по­сле это­го – пра­вую кноп­ку мы­ши, и кри­вая бу­дет соз­да­на. Ес­ли вы щелкнете по кри­вой два­ж­ды, поя­вит­ся панель ре­дак­ти­ро­вания Уз­лы, где при же­лании мож­но сде­лать дальней­шую кор­рек­ти­ров­ку.

• 15 Текст вдоль линий

Что­бы на­пра­вить текст по кри­вой линии, ника­ких фо­ку­сов не тре­бу­ет­ся. Же­лая раз­местить стро­ку над кар­тин­кой Тук­са, восполь­зуй­тесь кри­вой, сде­лан­ной на пре­ды­ду­щем ша­ге. От­крой­те тек­сто­вый блок и на­пи­ши­те в нем несколь­ко слов. В ме­ню вы­бе­ри­те Объ­ект > На­пра­вить текст по кон­ту­ру. И у вас по­лу­чи­лось! Те­перь мо­же­те пе­ре­местить блок в нуж­ное ме­сто на слое. По­че­му бы не по­экс­пе­ри­менити­ро­вать с дру­ги­ми фи­гу­ра­ми и объ­ек­та­ми?

• 16 Фи­наль­ные штри­хи

В слое Watermark по­пра­вим раз­мер, ори­ен­та­цию и по­ло­жение во­дя­ных зна­ков, ис­хо­дя из ди­зай­на бук­ле­та. С по­мо­щью Встав­ка > Мно­го­угольник, соз­дай­те кар­ка­сы, ок­ру­жаю­щие текст в тек­сто­вом слое. Пре­иму­ще­ство ис­поль­зо­вания кар­ка­сов в том, что их вид мож­но ме­нять, не пу­та­ясь в тек­сте, рас­по­ло­жен­ном внизу. Для соз­дания скруг­лен­ных уг­лов, вы­бе­ри­те Свой­ства > Очер­тания > За­круг­лен­ные уг­лы. Что­бы сде­лать скруг­ление во­внутрь, про­сто за­дай­те па­ра­мет­ру За­круг­лен­ные уг­лы от­ри­ца­тель­ное зна­чение.

• 17 Ва­ли­да­тор

Пре­ж­де чем по­слать ваш бук­лет на пе­чать или на экс­порт в PDF, восполь­зуй­тесь Ва­ли­да­то­ром (зна­чок све­то­фо­ра на панели ин­ст­ру­мен­тов). Про­вер­ка Ва­ли­да­то­ром вы­явит та­кие ошиб­ки, как из­бы­точ­ный текст, ко­то­рый не по­па­дет на пе­чать. Ес­ли Ва­ли­да­тор жа­лу­ет­ся на по­лу­про­зрач­ность объ­ек­тов, восполь­зуй­тесь вы­па­даю­щим спи­ском, смените там уста­нов­ку на PDF 1.4 или 1.5, и про­бле­ма от­па­дет.

• 18 Пе­чать или PDF

Из-за то­го, что у неко­то­рых ва­ших по­лу­ча­те­лей Scribus не уста­нов­лен, безо­паснее все­го пре­об­ра­зо­вать ваш про­ект в PDF-файл. В панели Экс­порт в PDF име­ет­ся ог­ром­ное чис­ло на­стро­ек раз­ре­шения и оп­ций PDF. На­при­мер, ес­ли зай­ти на вклад­ку Цвет, то мож­но за­дать тип вы­во­да, ли­бо Про­смотр с монито­ра, ли­бо Прин­тер, ли­бо От­тен­ки се­ро­го. Сча­ст­ли­вой вер­ст­ки!