{"id":1197,"date":"2010-06-17T18:48:31","date_gmt":"2010-06-17T21:48:31","guid":{"rendered":"http:\/\/meiradarocha.jor.br\/news\/?p=1197"},"modified":"2014-06-09T12:50:46","modified_gmt":"2014-06-09T15:50:46","slug":"criando-estilos-no-scribus","status":"publish","type":"post","link":"https:\/\/meiradarocha.jor.br\/news\/2010\/06\/17\/criando-estilos-no-scribus\/","title":{"rendered":"Criando estilos no Scribus"},"content":{"rendered":"<p>Folha de estilos \u00e9 um dos recursos mais antigos e menos usados em computador. No entanto, \u00e9 a maneira mais f\u00e1cil de se formatar texto e elementos gr\u00e1ficos em editora\u00e7\u00e3o. Neste artigo, mostro como criar estilos de par\u00e1grafo no Scribus, o programa de editora\u00e7\u00e3o multiplataforma.<\/p>\n<p><!--more-->Para abrir a janela de estilos, tecle <kbd>F3<\/kbd> ou <kbd>CTRL<\/kbd>+<kbd>B<\/kbd> ou v\u00e1 ao menu &#8220;Editar &gt; Estilos&#8221;.<\/p>\n<div id=\"attachment_1198\" style=\"width: 244px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Scribus-1.3.7.svn_.-Documento-1_001.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1198\" class=\"size-medium wp-image-1198\" title=\"Acesso ao editor de estilos do Scribus\" src=\"http:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Scribus-1.3.7.svn_.-Documento-1_001-234x300.png\" alt=\"Acesso ao editor de estilos do Scribus\" width=\"234\" height=\"300\" srcset=\"https:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Scribus-1.3.7.svn_.-Documento-1_001-234x300.png 234w, https:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Scribus-1.3.7.svn_.-Documento-1_001-117x150.png 117w, https:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Scribus-1.3.7.svn_.-Documento-1_001.png 428w\" sizes=\"auto, (max-width: 234px) 100vw, 234px\" \/><\/a><p id=\"caption-attachment-1198\" class=\"wp-caption-text\">Acesso ao editor de estilos do Scribus<\/p><\/div>\n<p>Clique no bot\u00e3o &#8220;Novo&#8221;.<\/p>\n<div id=\"attachment_1199\" style=\"width: 240px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_002.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1199\" class=\"size-medium wp-image-1199\" title=\"Acesso \u00e0 cria\u00e7\u00e3o de novo estilo de par\u00e1grafo\" src=\"http:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_002-230x300.png\" alt=\"Acesso \u00e0 cria\u00e7\u00e3o de novo estilo de par\u00e1grafo\" width=\"230\" height=\"300\" srcset=\"https:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_002-230x300.png 230w, https:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_002-115x150.png 115w, https:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_002.png 286w\" sizes=\"auto, (max-width: 230px) 100vw, 230px\" \/><\/a><p id=\"caption-attachment-1199\" class=\"wp-caption-text\">Acesso \u00e0 cria\u00e7\u00e3o de novo estilo de par\u00e1grafo<\/p><\/div>\n<p>Existem tr\u00eas categorias em que se podem criar estilos: <strong>caracteres<\/strong>, <strong>par\u00e1grafos<\/strong> e <strong>linhas<\/strong>. Escolha o tipo de estilo que voc\u00ea quer criar.<\/p>\n<div id=\"attachment_1200\" style=\"width: 240px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_003.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1200\" class=\"size-medium wp-image-1200\" title=\"Escolha do tipo de estilo\" src=\"http:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_003-230x300.png\" alt=\"Escolha do tipo de estilo\" width=\"230\" height=\"300\" srcset=\"https:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_003-230x300.png 230w, https:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_003-115x150.png 115w, https:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_003.png 286w\" sizes=\"auto, (max-width: 230px) 100vw, 230px\" \/><\/a><p id=\"caption-attachment-1200\" class=\"wp-caption-text\">Escolha do tipo de estilo<\/p><\/div>\n<h3>Caracter\u00edsticas do par\u00e1grafo<\/h3>\n<p>Se abrir\u00e1 um painel com tr\u00eas abas. Na primeira, escolha as propriedades do estilo:<\/p>\n<div id=\"attachment_1211\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_004.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1211\" class=\"size-medium wp-image-1211\" title=\"Painel de propriedades de estilo de par\u00e1grafo\" src=\"http:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_004-300x283.png\" alt=\"Painel de propriedades de estilo de par\u00e1grafo\" width=\"300\" height=\"283\" \/><\/a><p id=\"caption-attachment-1211\" class=\"wp-caption-text\">Painel de propriedades de estilo de par\u00e1grafo<\/p><\/div>\n<ol>\n<li><strong>Nome do estilo<\/strong>. Veja <a href=\"http:\/\/meiradarocha.jor.br\/news\/2007\/06\/13\/como-usar-folha-de-estilos\/\">artigo neste site sobre os estilos mais usados<\/a>. Evite acentos ou cedilha ou caracteres especiais neste nome, para facilitar seu uso em <em>scripts<\/em>, futuramente.<\/li>\n<li><strong>Entrelinha<\/strong>. Espa\u00e7o entre as linhas de texto.\n<ol>\n<li><strong>Entrelinhamento autom\u00e1tico<\/strong>. Define o valor para uma porcentagem fixa determinada em &#8220;Arquivo &gt; Prefer\u00eancias &gt; Tipografia &gt; Espa\u00e7amento autom\u00e1tico de linhas&#8221;. Por exemplo, se o corpo da letra \u00e9 10 pontos, e a porcentagem \u00e9 de 20%, a entrelinha ser\u00e1 de 12 pontos (10 pontos mais 20% de 10). Um t\u00edtulo de 48 pontos ter\u00e1 entrelinha de 52,8 pontos.<\/li>\n<li><strong>Entrelinhamento fixo<\/strong>. Voc\u00ea define um valor arbitr\u00e1rio.<\/li>\n<li><strong>Alinhar \u00e0 grelha da pauta<\/strong>. As linhas ser\u00e3o &#8220;atra\u00eddas&#8221; pelas linhas da pauta definida em &#8220;Arquivo &gt; Prefer\u00eancias &gt; Guias &gt; Configura\u00e7\u00f5es de pauta&#8221;. Veja ou esconda a pauta em &#8220;Visualizar &gt; Mostrar pauta&#8221;. \u00c9 bom usar este recurso em <strong>jornais<\/strong> e <strong>revistas<\/strong>, para deixar as colunas de texto bem alinhadas no topo e na base. Mas toda a folha de estilos precisar\u00e1 ser muito bem ajustada em seus espa\u00e7amentos (entrelinhas, espa\u00e7os acima e abaixo do par\u00e1grafo, deslocamento da linha-base).<\/li>\n<\/ol>\n<\/li>\n<li><strong>Espa\u00e7os acima e abaixo<\/strong> do par\u00e1grafo.<\/li>\n<li><strong>Alinhamentos<\/strong>. Jornais e revistas geralmente usam texto com alinhamento justificado, quarto \u00edcone.<\/li>\n<li><strong>Capitulares<\/strong>. \u00c9 conveniente que o primeiro par\u00e1grafo de um texto tenha seu pr\u00f3prio estilo com capitular, aquela letra grande que ajuda os olhos a encontrarem o in\u00edcio da mat\u00e9ria. Especifique quantas linhas ter\u00e1 a letrona, e qual a dist\u00e2ncia lateral dela at\u00e9 o texto.<\/li>\n<li><strong>Optical margins<\/strong>. Ajuste que faz as linhas ficarem um pouco para fora do alinhamento vertical para corrigir letras como &#8220;o&#8221; ou h\u00edfens, que parecem ficar para dentro se alinhados milimetricamente. \u00c9 bom ligar em ambas as margens (<em>both sides<\/em>).<\/li>\n<li><strong>Advanced settings<\/strong>. Ajuste da largura dos espa\u00e7os entre as palavras e da expans\u00e3o horizontal das letras, para ajudar a justifica\u00e7\u00e3o ficar bonita. Um truque que Gutemberg j\u00e1 usava: as letras ficam mais largas ou mais finas, mas o leitor n\u00e3o nota. No texto de corpo, pode ficar entre 85% e 105%. N\u00e3o se usa em t\u00edtulos ou outros paratextos, s\u00f3 em grandes quantidades de texto justificado.<\/li>\n<li><strong>Tabuladores e endenta\u00e7\u00f5es<\/strong>. Coloque aqui a &#8220;entrada de par\u00e1grafo&#8221; (jamais use tabula\u00e7\u00e3o para fazer entrada de par\u00e1grafo) e espa\u00e7os \u00e0 direita e \u00e0 esquerda dos par\u00e1grafos.<\/li>\n<li><strong>Based on.<\/strong> Baseado em. Recomendo que todos os estilos sejam baseados em um ou dois estilos b\u00e1sicos (eu costumo usar duas fam\u00edlias de fontes b\u00e1sicas em meus projetos gr\u00e1ficos de publica\u00e7\u00f5es). Este recurso \u00e9 muito \u00fatil quando voc\u00ea quer usar um projeto gr\u00e1fico para outro cliente: basta mudar as fam\u00edlias tipogr\u00e1ficas dos estilos b\u00e1sicos, que todos os estilos baseados neles s\u00e3o modificados automaticamente. Por exemplo, o estilo &#8220;Titulo 7&#8221; \u00e9 baseado em &#8220;Titulo 6&#8221;, que \u00e9 baseado em &#8220;Titulo 5&#8221;, que \u00e9 baseado em &#8220;Titulo 4&#8221;, e assim por diante. Quando eu mudo a fonte do estilo &#8220;T\u00edtulo 1&#8221;, todos os estilos de t\u00edtulos, entret\u00edtulos, legendas etc s\u00e3o modificados ao mesmo tempo.<\/li>\n<\/ol>\n<h3>Caracter\u00edsticas das letras<\/h3>\n<p>A segunda aba define as caracter\u00edsticas das letras do par\u00e1grafo.<\/p>\n<div id=\"attachment_1202\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_005.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1202\" class=\"size-medium wp-image-1202 \" title=\"Aba de estilos de caracteres do editor de estilos\" src=\"http:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_005-300x283.png\" alt=\"Aba de estilos de caracteres do editor de estilos\" width=\"300\" height=\"283\" srcset=\"https:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_005-300x283.png 300w, https:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_005-150x142.png 150w, https:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_005.png 764w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1202\" class=\"wp-caption-text\">Aba de estilos de caracteres do editor de estilos<\/p><\/div>\n<ol>\n<li><strong>Based on<\/strong>. Defina em que estilo de caracter o estilo de par\u00e1grafo \u00e9 baseado.<\/li>\n<li><strong>Basic formating<\/strong>. Formata\u00e7\u00e3o b\u00e1sica: fam\u00edlia tipogr\u00e1fica, estilo (negrito, it\u00e1lico, claro etc), corpo (tamanho de letra), tracking (espa\u00e7o entre as letras), espa\u00e7o entre as palavras.<\/li>\n<li><strong>Advanced formating<\/strong>. Formata\u00e7\u00e3o avan\u00e7ada. largura e altura dos caracteres (condensado\/expandido). N\u00e3o mude a largura para n\u00e3o estragar o desenho das letras. Se mudar, prefira aumentar a largura do que diminuir, para n\u00e3o deixar as hastes verticais das letras mais estreitas do que as horizontais. Se estreitar as letras, n\u00e3o coloque menos de 80% da largura original (a Helvetica Narrow \u00e9 assim: Helvetica condensada 80%). O terceiro ajuste \u00e9 o deslocamento das letras em rela\u00e7\u00e3o \u00e0 imagin\u00e1ria linha base. Em <em>Language<\/em>, defina a l\u00edngua do par\u00e1grafo, informa\u00e7\u00e3o importante para a hifeniza\u00e7\u00e3o.<\/li>\n<li><strong>Cores<\/strong>. Defina as cores do preenchimento e do contorno das letras.<\/li>\n<\/ol>\n<h3>Tome um atalho<\/h3>\n<p>A terceira aba permite a defini\u00e7\u00e3o da tecla de atalhos para o estilo. Sempre \u00e9 uma boa ideia definir teclas de atalho para a formata\u00e7\u00e3o de grande quantidade de texto.<\/p>\n<div id=\"attachment_1203\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_006.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1203\" class=\"size-medium wp-image-1203\" title=\"Defini\u00e7\u00e3o de tecla de atalho para estilo de par\u00e1grafo\" src=\"http:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_006-300x107.png\" alt=\"Defini\u00e7\u00e3o de tecla de atalho para estilo de par\u00e1grafo\" width=\"300\" height=\"107\" srcset=\"https:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_006-300x107.png 300w, https:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_006-150x54.png 150w, https:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Style-Manager_006.png 764w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><p id=\"caption-attachment-1203\" class=\"wp-caption-text\">Defini\u00e7\u00e3o de tecla de atalho para estilo de par\u00e1grafo<\/p><\/div>\n<p>Definido tudo que interessa, clique em &#8220;Feito&#8221; para encerrar e edi\u00e7\u00e3o do estilo.<\/p>\n<div id=\"attachment_1204\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Mesa-1_007.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1204\" class=\"size-medium wp-image-1204\" title=\"Encerramento da edi\u00e7\u00e3o de estilo\" src=\"http:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Mesa-1_007-300x55.png\" alt=\"Encerramento da edi\u00e7\u00e3o de estilo\" width=\"300\" height=\"55\" \/><\/a><p id=\"caption-attachment-1204\" class=\"wp-caption-text\">Encerramento da edi\u00e7\u00e3o de estilo<\/p><\/div>\n<h3>Como aplicar estilos<\/h3>\n<p>Para aplicar os estilos, use o editor de texto interno do Scribus (<kbd>CTRL<\/kbd>+<kbd>Y<\/kbd> ou \u00edcone de bloco de notas):<\/p>\n<div id=\"attachment_1205\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Editor-de-Hist\u00f3ria-Texto1_008.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1205\" class=\"size-medium wp-image-1205\" title=\"Aplica\u00e7\u00e3o de estilo no Editor de Hist\u00f3ria\" src=\"http:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Editor-de-Hist\u00f3ria-Texto1_008-300x168.png\" alt=\"Aplica\u00e7\u00e3o de estilo no Editor de Hist\u00f3ria\" width=\"300\" height=\"168\" \/><\/a><p id=\"caption-attachment-1205\" class=\"wp-caption-text\">Aplica\u00e7\u00e3o de estilo no Editor de Hist\u00f3ria<\/p><\/div>\n<p>Ou aplique estilos pela paleta de propriedades.<\/p>\n<div id=\"attachment_1206\" style=\"width: 310px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Scribus-1.3.7.svn_.-Documento-1_009.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1206\" class=\"size-medium wp-image-1206\" title=\"Aplica\u00e7\u00e3o de estilo pela paleta de propriedades\" src=\"http:\/\/meiradarocha.jor.br\/news\/wp-content\/uploads\/2010\/06\/Scribus-1.3.7.svn_.-Documento-1_009-300x251.png\" alt=\"Aplica\u00e7\u00e3o de estilo pela paleta de propriedades\" width=\"300\" height=\"251\" \/><\/a><p id=\"caption-attachment-1206\" class=\"wp-caption-text\">Aplica\u00e7\u00e3o de estilo pela paleta de propriedades<\/p><\/div>\n<p>Pela paleta de propriedades, tamb\u00e9m \u00e9 poss\u00edvel limpar o estilo dos par\u00e1grafos ou dos caracteres.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Folha de estilos \u00e9 um dos recursos mais antigos e menos usados em computador. No entanto, \u00e9 a maneira mais f\u00e1cil de se formatar texto e elementos gr\u00e1ficos em editora\u00e7\u00e3o. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,25,16,53],"tags":[],"class_list":["post-1197","post","type-post","status-publish","format-standard","hentry","category-design-grafico","category-diagramacao","category-scribus","category-software-livre"],"_links":{"self":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/posts\/1197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/comments?post=1197"}],"version-history":[{"count":0,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/posts\/1197\/revisions"}],"wp:attachment":[{"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/media?parent=1197"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/categories?post=1197"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meiradarocha.jor.br\/news\/wp-json\/wp\/v2\/tags?post=1197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}