Design Gráfico - Computação Gráfica - Editorial ETE Pernambuco 2022
Design Gráfico - Computação Gráfica - Editorial ETE Pernambuco 2022
Design Gráfico - Computação Gráfica - Editorial ETE Pernambuco 2022
Editorial
Camila Silva
Curso Técnico em
Design Gráfico
Computação Gráfica –
Editorial
Camila Silva
Curso Técnico em
Design Gráfico
Educação a Distância
Recife
Revisão Diagramação
Camila Silva Jailson Miranda
Referências ................................................................................................................................. 66
São muitos os conhecimentos que essa disciplina vai trazer para você, por isso, fica ligada
(o) e pega essa onda!
Ah, não precisa ficar preocupada (o), pois todo passo dado aqui estaremos juntas (os)
para que a troca seja leve e de construções potentes. Bora nessa?!
O mercado do design editorial é bem amplo no quesito atuação da (o) profissional, tendo
como atribuições principais: conhecimentos sobre diagramação (uso de grids), conhecimentos de
tipografias, paleta de cores, uso de fotografias e ilustrações, tudo isso levando em consideração a
proposta do projeto e seu público-alvo.
Ainda sobre mercado, o meio do design editorial vem ao longo dos anos, passando por
constante evolução no modo de fazer e se adaptando a sociedade com uso de tecnologias digitais e
recursos impressos e acabamentos, que agregam valor ao produto final. Nessa disciplina, você vai ver
diversas possibilidades criativas que a (o) profissional da área poderá atribuir em seus projetos.
5
A cada semana, você vai construir conhecimentos que te possibilite criar projetos gráficos
editoriais. Na primeira competência, você vai conhecer as principais ferramentas e funções do
Scribus, a fim de executar projetos editoriais. Na segunda, reconhecer as possibilidades e etapas do
desenvolvimento do projeto de design editorial a partir de um programa de editoração e na terceira,
você vai entender como é feita a finalização e o fechamento de arquivos editoriais para a impressão
offset ou formato de e-book.
Ao final de cada competência, você será convidada (o) a participar de fóruns de
discussões, criação e exposição de atividades propostas e terá encontros presenciais que serão
fundamentais para ampliar e aplicar seus conhecimentos adquiridos. Em todas as competências,
serão indicados leituras, vídeos, sites, conteúdo que irão te ajudar na construção de olhar e
desenvolvimento de repertório.
Bons estudos! Estamos juntas (os) em mais uma caminhada!
6
1.Competência 01 | Conhecer as principais ferramentas e funções do
programa, a fim de executar projetos editoriais
Nesta competência, você vai conhecer os conceitos de projetos editoriais, grids e
diagramação, fazer o download e instalação do software Scribus, criar intimidade com sua interface
e suas ferramentas.
7
Figura 1: Site do clube de leitura TAG.
Fonte: https://site.taglivros.com/
Descrição da figura: A imagem representa a página inicial do clube de leitura TAG. Em cor azul de fundo, título em cor
amarela e subtítulo em cor branca. Ao lado direito da tela, diversas ilustrações de capas de livros do seu catálogo. Fim
da Descrição.
A TAG é uma grande referência no Brasil nesse segmento de clubes de leitura, ao assinar
um plano, você recebe mensalmente uma caixa com o livro do mês selecionado por uma equipe de
artistas e curadoras (es) e alguns brindes surpresa. A TAG é uma empresa que investe em inovação
na experiência de leitura, possui belos projetos visuais de capas e interiores dos livros, e propõe criar
conexões com o formato impresso e interação digital como: aplicativo para avaliação do livro,
conectando leitoras (es) para discutir a trama, conteúdos extras da obra, playlists musicais e brindes
do universo da leitura.
Existem diversas editoras e clubes de leitura que buscam inovação em seu modo de
produzir e chegar cada vez mais próximo do seu público-alvo. A seguir, confira um destaque com o
projeto de identidade visual e proposta da editora Estrondo, primeira editora brasileira de fotolivros
liderada por mulheres e com a proposta de publicar mulheres.
8
A experiência com a leitura tem se tornado cada dia mais interessante em seus projetos
visuais, a tecnologia vem avançando e as possibilidades são diversas, com isso o público tem se
tornado cada vez mais exigente em suas escolhas de consumo. O produto impresso vem ganhando
novos estilos, relações estéticas mais atraentes para além das capas. Esse é um caso muito comum
em revistas e livros, uma vez que as leituras nos meios digitais estão ganhando grandes espaços. A
(o) designer tem um papel fundamental nessa criação, se faz necessário estar buscando referências,
se atualizando no que o mercado vem produzindo e exercitar a técnica de ferramentas gráficas.
Confira a seguir, o projeto gráfico da Zupi, uma revista de arte e criatividade considerada
como referência para profissionais criativos das áreas de propaganda, design, ilustração, direção de
arte. A Zupi é uma editora de livros e revistas, eventos culturais, produtora de eventos e branding.
Uma produtora criativa e que inovou criando umas das primeiras publicações independentes do
mercado brasileiro criativo.
9
Edição 65 da revista de arte e criatividade Zupi.
Link: https://www.behance.net/gallery/124963789/Revista-Zupi-65
Livros
Começaremos pela criação de projetos de livros, um dos documentos mais antigos da
história da humanidade. A forma de fazer do livro vem se ampliando ao longo do tempo e abrindo
espaços para criações outras, não apenas se limitando ao uso do texto, os livros podem ser orientados
por textos e/ou imagens. As imagens podem ser através de fotografias, ilustrações, infográficos,
tabelas. Existe uma gama extensa para o uso de imagens em projetos editoriais. Trago um destaque
para a fotografia, que possui um status tanto documental como artístico em um projeto editorial.
Hoje, alguns materiais como jornal e revista, é impensável não fazer uso de fotografias, não só pela
possibilidade de reprodução com alta qualidade, também por seu potencial expressivo e narrativo.
Os projetos gráficos de livros fizeram com que a atividade de design gráfico se popularizasse na
sociedade. Até pouco tempo atrás muitos profissionais eram contratados apenas para fazer capas,
ficando o miolo por conta da editora, isso refletia em layout mais mecânico e padronizado e que
muitas vezes não dialogavam com a proposta artística da capa.
Ao criar um layout de um livro, a (o) designer precisa ter a preocupação não somente com
o visual, é necessário também garantir que a informação disponibilizada pela (o) autora ou autor seja
transmitida de forma mais adequada para o público-alvo.
É papel da (o) designer criar um layout que se harmonize com o conteúdo de modo que a
(o) leitora (o) possa ser guiada (o) através das informações. Ao criar layouts atraentes em projetos
editoriais, designers precisam entender como otimizar espaços em uma página, criar respiros
10
tornando uma leitura mais leve e dinâmica. A (o) designer trabalha constantemente em uma mistura
de decisões racionais (técnicas) e subconscientes que derivam de toda experiência e criatividade da
(o) profissional.
Uma decisão importante a ser tomada no primeiro momento é o formato do material, em
versão virtual ele pode ter tamanhos e formatos variados, pois existem ferramentas digitais que
possibilitam uma interação da (o) leitora (o) com o material, mas para projetos impressos, é preciso
pensar de forma prática e cuidadosa em relação ao formato projetado para que seja conveniente à
leitura, manuseio e ser economicamente viável.
A criação dos grids em projetos editoriais torna-se uma ferramenta importante, pois ele
determina as divisões internas do material, já o layout estabelece a posição a ser ocupada pelos
elementos.
Na figura a seguir, observe a anatomia de um grid.
Margens: Área livre entre o impresso e a borda da página. Ela contribui para questões
estéticas e traz na arte um espaço de respiro, deixando a leitura mais agradável.
Guias horizontais: Linhas horizontais utilizadas no espaço com a proposta de criar os
espaços e de guiar a (o) leitora (o) pela página.
11
Módulos: Divisões individuais que criam um grid repetitivo e ordenado. As junções de
módulos podem criar colunas.
Áreas espaciais: Agrupamentos de módulos ou colunas que podem formar áreas para
textos, imagens ou outras informações.
Revista
Ao criar um projeto gráfico para uma revista, a (o) designer reforça visualmente o estilo
da estrutura editorial por meio da criação de sequenciamento e hierarquização.
Uma técnica muito utilizada na construção do layout e grid de revista, é o uso de colunas.
O número de colunas na diagramação dependerá da quantidade de texto que sua matéria terá.
Matérias mais curtas podem fazer uso de uma menor quantidade de colunas, já matérias mais longas
podem exigir um número maior de colunas para existir uma fluidez na leitura.
Por possuir um caráter de entretenimento mais acentuado em relação ao jornal e ao livro,
as revistas investem bastante no design com a proposta de atrair mais leitoras (es) e destacar sua
identidade visual.
Em um projeto gráfico de uma revista, para além de cumprir sua função de organizar as
informações textuais e imagéticas, pode-se dizer que o grid é responsável pela unidade visual das
diferentes edições de sua publicação.
Confere agora alguns pontos importantes para criação de layouts atraentes:
1. Otimização de espaços em uma página, espaços de respiros ou áreas de arejamento.
2. Escolha adequada de fontes. É importante sempre pensar na legibilidade!
12
3. Escolha das cores para diagramação, uma vez que elas sempre comunicam algo,
trazem sensações. É um elemento que precisa ser bem escolhido.
4. Integração de capa com imagens e páginas (miolo).
5. Capa atraente, que chame a atenção do público ao realizar a compra.
13
A figura a seguir, representa a área de download do site Scribus. Até o momento da
criação do e-book, a versão mais atual e com estabilidade para uso é a série 1.4.x. Quando falamos
de estabilidade de uso em softwares livres, estamos querendo dizer que foram feitos testes, muitas
(os) usuárias (os) já fizeram download, as ferramentas e funções estão ok sem maiores problemas de
funcionamento e desenvolvedores já estão em fase de criação e testes de outra versão do programa.
Na figura a seguir, confira a tela inicial para download do software Scribus em seu site.
Na figura a seguir, é possível observar os destaques em cor vermelha das duas versões
para download.
14
Figura 6: Site do Scribus para fazer o download gratuito do software.
Fonte: https://www.scribus.net/downloads/
Descrição da figura: Tela de um site, com destaques em caixas de cor vermelha nos nomes: “leve-me para os
downloads”. Fim da Descrição.
Para utilização na disciplina, farei o download e instalação da versão 1.4.8, ela é a mais
recente lançada e traz novidades de aplicação em ferramentas e correções de bugs identificados por
usuárias (os).
Você já fez o download e instalação do Scribus, agora vem comigo entender como
funciona sua interface. Só lembrando, a interface é a forma como a (o) usuária (o) interage com o
programa.
Observe na imagem a seguir, o ícone do programa Scribus, que fica disponível na sua barra
de iniciar e/ou como ícone na área de trabalho do seu computador. Clique duas vezes para executar
o programa.
15
Figura 7: Ícone do software Scribus, disponível na área de trabalho do computador.
Fonte: Scribus, 2022.
Descrição da figura: Ícone do software Scribus. O símbolo se constitui em um círculo de cor azul, ao centro, uma caneta
gráfica de edição em cor dourada e abaixo o nome “Scribus 1.4.8”. Fim da Descrição.
A figura a seguir, representa a tela inicial do programa Scribus. Assim que abrimos o
programa, aparece automaticamente uma caixa chamada “Novo Documento”, nela é possível fazer
configurações do documento que será criado.
16
Figura 9: Tela inicial do Scribus.
Fonte: Scribus, 2022.
Descrição da figura: Tela “Novo documento”, com destaque em cor vermelha nas opções: Layout do documento, guias
de margem e opções. Fim da Descrição.
Como você pôde observar na figura anterior, a janela de “Novo documento” possui
diversas funções de configurações para sua página e criação do projeto. Na parte de Layout do
documento, é possível escolher entre página única (simples) ou páginas opostas (dupla), nesse caso
de páginas opostas, é indicado para criação de revistas e livros, também é possível definir o tamanho
da folha, a orientação (retrato ou paisagem). Na janela de “Guias de margem” e “Sangrias” você pode
fazer ajustes conforme seu projeto necessitar. Na janela “Opções”, são definidas as quantidades de
páginas do projeto, (a primeira página é referente a capa do projeto editorial).
A figura a seguir, tem um destaque na janela “Novo a partir do modelo”. Nessa janela
você pode criar um projeto a partir de modelos predefinidos como por exemplo: books, cartões de
visita e jornais.
17
Figura 10: Tela inicial do Scribus.
Fonte: Scribus, 2022.
Descrição da figura: Tela “Novo a partir do modelo”, com destaque em cor vermelha na aba superior “Novo a partir do
modelo” e na lateral esquerda, com os tipos de documentos modelos. Fim da Descrição.
Na figura a seguir, tem um destaque na aba “Abrir documento existente”. Nela, você pode
abrir projetos já criados, em andamento ou finalizado. E na aba “Abrir documento recente”, é possível
abrir projetos recentemente criados no Scribus, através de um histórico que fica disponível nesta
opção.
18
Figura 11: Tela inicial do Scribus.
Fonte: Scribus, 2022.
Descrição da figura: Tela “Abrir documento existente”, com destaques em cor vermelha na aba superior “Abrir
documento existente”, “Abrir documento recente” e na parte inferior da tela, destaque em “Arquivos do tipo: ”. Fim da
Descrição.
19
Descrição da figura: Figura representa a interface do Scribus. Com cor de fundo cinza, na parte superior da imagem
vemos diversas abas e ferramentas dispostas e no centro, telas em formato vertical do projeto, onde, a primeira página
é única por ser capa e as demais são duplas. Destaquem em cor vermelha para a barra de ferramentas com seus ícones.
Fim da Descrição.
Perceba que, na figura anterior, a página 1 sempre vem isolada, pois ela representa a capa
do projeto editorial que você está criando. As demais páginas vêm sempre em dupla. Existem algumas
diagramações que utilizam de imagens que se estendem em duas páginas, quando se tratam do
mesmo tema, é bem comum vermos esse recurso ser utilizado. Confira um exemplo na figura a seguir:
20
1.5. Principais ferramentas do Scribus.
Após esse primeiro contato com o Scribus, você andar mais umas casas nessa construção
de conhecimentos e conhecer as principais ferramentas do programa. São ferramentas diversas e
úteis, que vão te ajudar na hora de criar seus projetos editoriais.
A seguir, confira as ferramentas, suas funções e teclas de atalho.
21
Figura 14: Conjunto de ferramentas do Scribus.
Fonte: Criação pessoal com ícones do Scribus.
Descrição da figura: Tabela com conjunto de ferramentas do programa Scribus, apresentando seus ícones,
funcionalidades e teclas de atalho. Fim da Descrição.
Na figura anterior, você pôde perceber que o Scribus possui diversas ferramentas, não se
preocupe em decorá-las nesse primeiro momento, aos poucos você vai criando intimidade com cada
uma. Elas são simples e intuitivas, cada uma com sua função e algumas se tornam complementares a
outras. As visualidades dos ícones são bem simples, sem muita elaboração, porém comunicam bem
sua funcionalidade.
Confere essa dica massa do canal no YouTube RNT Cursos, nesse vídeo, é
mostrado o passo a passo de como criar um modelo de projeto e deixar salvo
na galeria para utilizar quando necessário.
Link: https://www.youtube.com/watch?v=JbkRGUCvkf8
22
Nessa competência, você teve acesso aos conhecimentos introdutórios do design
editorial, aprendeu sobre grids para projetos editoriais, fez o download e instalação do Scribus e
conheceu sua interface. Te espero na próxima competência para novas trocas!
23
2.Competência 02 | Reconhecer as possibilidades e etapas do
desenvolvimento do projeto de design editorial a partir de um programa
de editoração
Você viu na competência anterior, um pouco da teoria do design editorial, fez o download
e a instalação do Scribus e conheceu a sua interface. Agora, chegou a hora de colocar as mãos na
massa para conhecer e praticar as principais ferramentas desse software, que tem possibilidades
diversas para a diagramação de seus projetos editoriais. Vamos nessa!
Ei, antes de seguir com a leitura do e-book, dá uma clicada no podcast e fica
por dentro das dicas!
24
Aqui no nosso e-book, trago a proposta de um projeto de revista que será construído do
zero no Scribus para você entender as ferramentas que o programa oferece.
Observe na figura a seguir, a primeira tela que nos deparamos quando entramos no
Scribus é de configuração do projeto.
25
O site anterior, utilizado para fazer download da textura, é o Freepik. Nele,
você encontra texturas, ilustrações, imagens e elementos para criação de
projetos gráficos.
A imagem a seguir, traz um destaque importante para a aba “Categorias”, onde você pode
filtrar por estilos do material que você deseja baixar.
Figura 17: Página inicial do site Freepik com destaque na aba “Categorias”.
Fonte: https://br.freepik.com/
26
Descrição da figura: Tela inicial do site Freepik, que possui seu layout em cor azul e os textos e marca em cor branca.
Um destaque em cor vermelha, na aba “Categorias” na parte superior da tela. Fim da Descrição.
Dica dada, bora voltar para criação do projeto no Scribus.
A figura a seguir, vem com o destaque para o uso da ferramenta “Inserir Quadro de
Imagem”.
Com a ferramenta “Inserir Quadro de Imagem” ativada, determine uma área na tela, qual
o tamanho que sua imagem vai ocupar e dê dois cliques com o mouse dentro da área criada.
Observe na figura a seguir, o passo a passo da ação de importação de imagem para o quadro.
27
Figura 19: Destaque na tela de importação de imagem.
Fonte: Scribus 1.4.8.
Descrição da figura: Destaque em cor vermelha para o uso da ferramenta “Inserir Quadro de Imagem”. Fim da
Descrição.
Uma janela é aberta com a opção para importar a imagem desejada para o projeto,
selecione a imagem e clique em “Ok”.
28
É importante criar uma pasta específica no seu computador para colocar todas
as imagens e elementos que serão utilizados no projeto. Essa pasta ajuda a
organizar seu projeto e não perder nenhum arquivo utilizado na sua arte.
Dica dada, bora seguir nas criações. O próximo passo aqui no projeto, é criar o texto,
inserir o título do projeto, que nesse caso, é uma revista.
Na imagem a seguir, confira o destaque de duas das três possíveis ferramentas de texto
do Scribus, a ferramenta “Inserir Quadro de texto” e a “Editar o conteúdo do quadro”.
29
ao ativá-la, é aberta uma janela separada para edição do texto, podendo fazer ajustes de fonte,
tamanho, estilo...
Na figura a seguir, observe o destaque na ferramenta “Editar texto” e sua janela de
configurações.
O uso da ferramenta “Editar texto” é bem interessante, pois traz de forma completa as
possibilidades de configurações do texto.
Confira na imagem a seguir, alguns destaques de funções dessa ferramenta.
30
Figura 23: Destaque para opções de configurações da ferramenta “Editar texto”.
Fonte: Scribus 1.4.8.
Descrição da figura: Destaque em cor vermelha para as opções de mudança da fonte, tamanho da fonte, alinhamento
do texto e cor do texto. Fim da Descrição.
No destaque 1, é possível escolher qual a fonte você deseja utilizar, no 2, você ajusta o
tamanho de sua fonte, no 3, é possível escolher o alinhamento do seu texto e o destaque 4, você
escolhe a cor do texto.
Com o seu texto ajustado, você precisa atualizar o projeto, para isso utilize a ferramenta
“Atualizar a caixa de texto”, que possui o seguinte ícone: .
Outra ferramenta para atualização e aplicação das configurações no texto é a “Atualizar
a caixa de texto e sair”, que possui o seguinte ícone: .
Na figura a seguir, veja um exemplo de opção de edição de texto para capa da revista.
31
Figura 23: Figura da capa da revista.
Fonte: Scribus 1.4.8.
Descrição da figura: A figura traz a capa da revista que possui textura de fundo em cores entre o vermelho e umas
partes brancas, nome “Revista” em cor preta e na parte superior esquerda da imagem e no centro do layout, o nome da
revista “Vermelho” em cor vermelha e com disposição em três linhas. Fim da Descrição.
Na edição da capa, foram utilizados dois quadros de texto, um para o nome “revista” e
outro para o nome “vermelho”. Também utilizei duas fontes diferentes, porém que dialogam, foram
utilizados também tamanhos e cores diferentes para os nomes com a proposta de trazer o devido
destaque para cada.
Agora que temos uma capa pronta, bora seguir nessa diagramação?!
Saindo uma dica massa do forno, se liga aí que ela pode facilitar tuas criações
no Scribus.
32
Figura 24: Tela inicial “Novo Documento”.
Fonte: Scribus 1.4.8.
Descrição da figura: A figura traz a tela inicial do programa Scribus “Novo Documento” e um destaque em cor vermelha
para a opção “Caixas de texto automáticas” e suas configurações. Fim da Descrição.
Observe que a opção “Caixas de texto automáticas” está desabilitada. Para configurar as
colunas, é necessário ativá-la. Veja na figura a seguir:
33
Na figura anterior, ativei a opção “Caixas de texto automáticas” e configurei a quantidade
de colunas para 3. Após essas configurações, é só clicar em “Ok”.
Observe, na imagem a seguir, como fica seu projeto após as configurações feitas.
Viu como é simples?! Agora bora seguir com mais conhecimentos de ferramentas!
O próximo passo é criar um grid pensando na disposição de texto e imagem. Lembra que
falamos na competência anterior sobre colunas e o que define quantas delas iremos ter no projeto é
a massa (quantidade) de texto que sua matéria possui? Pois bem, aqui vamos aplicar técnicas e
possibilidades para diagramação.
1. Crie um quadro de texto, digite ou cole o conteúdo.
2. Faça os ajustes de fonte, tamanho, espaçamento, alinhamento.
Observe a figura a seguir, ela apresenta uma massa textual com os devidos ajustes dentro
do quadro de texto.
34
Figura 27: A figura representa uma coluna de texto da revista e um destaque para opção de mais textos contidos na
caixa.
Fonte: Scribus 1.4.8.
Descrição da figura: Na figura é possível observar um fundo branco da tela, um quadrado com linhas em cor vermelha e
uma coluna de texto em cor preta. No canto inferior da caixa de texto, possui um destaque em com vermelha para um
quadro, ele sinaliza que existe mais textos que estão de fora da coluna. Fim da Descrição.
Na figura anterior, observe o destaque do círculo em cor vermelha. Você percebe que
existe um quadrado e um x no meio? Esse aviso é de que existe mais textos dentro do quadro e para
que ele apareça, é necessário que você aumente a coluna ou faça expansão para uma próxima. Aí
está o bizu, se liga!
Nas figuras a seguir, confira o passo a passo e opções de solucionar esse “problema” de
caixa de texto.
Opção 1
Com a ferramenta de seleção ativada, você pode clicar na parte inferior da caixa de texto
e arrastar, a caixa vai crescendo, aumentando a coluna e automaticamente ela será preenchida com
o texto.
35
Figura 28: A figura representa uma coluna de texto da revista selecionada.
Fonte: Scribus 1.4.8.
Descrição da figura: Na figura é possível observar um fundo branco da tela, uma seleção no texto em cor azul. Fim da
Descrição.
Opção 2
A opção 2 é a possibilidade de criar outra coluna e expandir o texto para continuar na
nova coluna criada. Quer saber como faz? Se liga nos passos.
Passo 1
Crie uma nova coluna utilizando a ferramenta “Inserir quadro de texto”.
36
Descrição da figura: Na figura é possível observar um fundo branco da tela, duas colunas, uma contendo texto e a outra
vazia. Fim da Descrição.
Passo 2
Clique na caixa de texto (coluna) que está o texto, e na barra de ferramentas, parte
superior da tela, selecione a ferramenta “Ligar molduras de texto” e clique na coluna que está vazia.
Ela automaticamente faz o preenchimento, expandindo o texto de uma coluna para a outra. Observe
na figura a seguir, que existe uma seta indicando a ligação entre a primeira e a segunda coluna.
37
Figura 31: A figura traz um destaque para a opção “Propriedades” da aba “Janelas”.
Fonte: Scribus 1.4.8.
Descrição da figura: Na figura é possível observar um fundo branco da tela, duas colunas de texto com a fonte em cor
preta. Na barra superior da tela, um destaque para a aba “Janelas” e a opção “Propriedades”. Fim da Descrição.
Com a janela “Propriedades” ativada, faça ajustes do seu texto, modificando seu
tamanho, fonte, estilo, cor, espaçamento, alinhamento e o que você desejar aplicar em seu texto
destacado.
Confira na imagem a seguir, o resultado do experimento que fiz utilizando as funções de
ajustes do texto existentes na janela “Propriedades”.
38
Figura 32: A figura traz o resultado dos ajustes feitos no texto com as ferramentas da aba “Propriedades”.
Fonte: Scribus 1.4.8.
Descrição da figura: Na figura é possível observar um fundo branco da tela, duas colunas de texto com a fonte em cor
preta. Na primeira coluna existe um destaque em um bloco de texto inicial, os ajustes foram feitos na janela
“Propriedades”. Fim da Descrição.
Agora que você já aprendeu como ajustar e destacar o texto/título em sua matéria, vamos
ver como adicionar imagens nesse layout.
Na figura a seguir, observe o passo a passo de como importar uma imagem para o seu
layout.
39
Figura 33: A figura traz o resultado dos ajustes feitos no texto com as ferramentas da aba “Propriedades”.
Fonte: Scribus 1.4.8.
Descrição da figura: Na figura é possível observar um fundo branco da tela, duas colunas de texto com a fonte em cor
preta. Na primeira coluna existe um destaque em um bloco de texto inicial, os ajustes foram feitos na janela
“Propriedades”. Fim da Descrição.
Dê um clique duplo na caixa de imagem, importe e ajuste a imagem que você deseja
inserir. Uma dica, na figura desse exercício, utilizei o Gimp para redimensionar a imagem e deixar o
corte do jeito que eu desejava.
Vou repetir todo o processo de criar caixa de imagem e inserir no espaço vertical que se
encontra no lado direito do layout. Confira o resultado na figura a seguir:
40
Figura 35: A figura traz o layout diagramado.
Fonte: Scribus 1.4.8.
Descrição da figura: Layout diagramado com inserção de textos e imagens. Fim da Descrição.
Agora que você aprendeu como criar um projeto editorial no Scribus, vamos para o passo
final, a exportação do arquivo em formato PDF. Dessa forma, você tem seu projeto prontinho para
análise e leitura.
Se liga no passo a passo nas imagens a seguir:
Passo 1:
Na barra superior da tela, clique na janela “Arquivo”, “Exportar” e escolha a opção “Salvar
como PDF”.
41
Figura 36: A figura traz o processo de exportação do projeto.
Fonte: Scribus 1.4.8.
Descrição da figura: Projeto finalizado em processo de exportação. Destaque em cor vermelha para a janela “Arquivo”,
opções “Exportar” e “Salvar como PDF...”. Fim da Descrição.
Passo 2:
Ao acionar a opção “Salvar como PDF”, aparece um aviso numa caixa chamada
“Verificador pré-publicação”. Essa função serve para identificar se existe alguma falha em algum
processo da diagramação, imagem em qualidade baixa ou algo que pode ser identificado como erro
dentro do projeto.
Observe na figura a seguir, que no projeto que criei ele identificou que uma imagem está
com a qualidade indesejada. O interessante é que o software indica página por página se está ok ou
se existe algo incorreto.
42
Figura 37: A figura traz destaque para tela “Verificador pré-publicação”.
Fonte: Scribus 1.4.8.
Descrição da figura: Destaque em cor vermelha para tela “Verificador pré-publicação”. Fim da Descrição.
Você tem as opções de ajustar algo ou de ignorar e seguir para tela de configurações da
exportação.
Passo 3:
A última etapa é a tela de configurações de saída do arquivo que será exportado “Salvar
como PDF”. Nela, você escolhe a pasta destino em que o arquivo será salvo, escolhe se vai exportar
todo o projeto ou apenas determinadas páginas, a compatibilidade da versão do PDF, a qualidade da
compressão (isso interfere no tamanho do arquivo final. Priorize exportar em alta qualidade), dentre
outros ajustes. Após todo processo de configuração, clique em “Salvar”.
43
Figura 38: A figura traz a tela “Salvar como PDF”.
Fonte: Scribus 1.4.8.
Descrição da figura: Tela “Salvar como PDF” e suas opções de configurações que o arquivo PDF terá. Fim da Descrição.
Prontinho, o arquivo do seu projeto estará salvo em formato PDF e poderá ser enviado
e/ou publicado em diversas plataformas.
E aí, o que você achou das ferramentas e possibilidades criativas do Scribus? Conta lá no
fórum, interage com outros estudantes, acessa os links de dicas e destaques que essa disciplina
oferece. Tudo isso ajuda demais no teu processo de construção de conhecimentos.
44
3.Competência 03 | Entender como é feita a finalização e o fechamento de
arquivos editorias para a impressão offset ou formato de e-book.
Que bom ter você aqui na terceira e última competência da disciplina Computação Gráfica
- editorial. Você já caminhou por conhecimentos diversos no universo editorial e neste encontro, a
proposta é de mostrar as diversas possibilidades de acabamentos gráficos para impressão de seu
projeto e também conhecer recursos para formato digital. E aí, está animada (o) para essas
novidades? Bora nessa!
Na disciplina anterior, de tipografia, você viu como funciona a estrutura de uma capa de
livro e revista e seus elementos. Eles não são fixos, podem variar a partir da proposta do projeto
gráfico. Nesta competência, vamos abordar possibilidades criativas e acabamentos especiais para
projetos editoriais.
45
• Lembre-se que o livro vai passar por uma encadernação, por isso, se faz necessário
pensar na gramatura do papel.
• Outro ponto importante que merece destaque é o peso, pois um livro pesado
dificulta bastante o manuseio.
46
ser um pouco mais caro, porém entrega um excelente resultado, é um papel que
possui boa durabilidade.
• Papel LWC - É uma opção alternativa ao Couchê, é fabricado com uma alta
porcentagem de celulose e possui uma variação pequena de gramatura, indo de 56 a
90g.
Agora que você conheceu mais sobre os tipos de papéis mais usuais em projetos
editoriais, vamos falar um pouco sobre acabamentos. As possibilidades estéticas que agregam valor
ao seu projeto editorial, o vulgo “chic”.
Laminação
É uma camada de adesivo plástico que é aplicada ao material impresso, trazendo
durabilidade, uma vez que produtos editoriais são manuseados com frequência. Ela também possui
as variações fosca e com brilho. É importante destacar que a laminação é interessante ser aplicada
em papéis com gramaturas mais grossas, pois em papéis finos, ela pode provocar uma dobra.
47
Figura 40: fotografia de capa de livro com aplicação de laminação.
Fonte: Arquivo pessoal.
Descrição da figura: Imagem horizontal com fundo em cor rosa, ao centro da fotografia, um banco redondo em cor azul
claro, em cima do banco, um livro em formato vertical, fundo azul escuro e letras em cor marrom. Fim da Descrição.
Verniz
O acabamento em verniz possui duas variações, você pode optar por verniz total ou
localizado. O Verniz total ou UV total, como também pode ser chamado no mercado, é uma aplicação
em toda a área da página para proteger o papel, gerando uma maior durabilidade ao seu impresso e
trazendo brilho. Já o Verniz localizado, é uma aplicação que é feita em determinada área da página,
pontos específicos da sua arte e possui a mesma funcionalidade. No mercado, além da opção de
verniz de alto brilho, também podemos encontrar as opções texturizadas e com aromas, é muito chic
esse verniz, viu. Ele é bem parecido com a laminação, porém tem a vantagem de poder aplicar em
papéis de gramaturas mais finas.
48
Figura 41 e 42: Fotografias de capas de livros com aplicação de verniz localizado.
Fonte: Arquivo pessoal.
Audiodescrição da figura Figura 41: Parede fundo em cor rosa, capa de livro com fundo em cor branco, texto em cor
preta e com textura de verniz localizado. Fim da Descrição.
Audiodescrição da figura Figura 42: Parede fundo em cor rosa, capa de livro com fundo em cor laranja, texto em cor
verde e com textura de verniz localizado. Fim da Descrição.
Relevo
O relevo cria uma sensação tátil ao seu impresso, dando um toque sofisticado. Ele é ótimo
para destacar algum texto/ título específico ou imagem. Se liga só em uma coisa, as aplicações de
relevo são indicadas para papéis com gramaturas a partir de 180g.
49
Descrição da figura: Parede fundo em cor rosa, capa de livreto em cor bege, ilustração que representa uma caixa de
fósforo em cores rosa e azul, no lado superior esquerdo da capa, aplicação de acabamento relevo na marca TAG. Fim da
Descrição.
Hot stamping
É um tipo de aplicação que é feita através de uma gravação quente, transferindo a textura
para o papel. Existem algumas variações de cores do hot stamping, porém os mais conhecidos são
em tons dourados e prateados.
Corte
As facas de corte são um excelente acabamento para o seu impresso. As facas são feitas
por encomenda e no momento da criação e fechamento do projeto, você precisa indicar em que
parte da arte o corte será feito.
Confere nas imagens a seguir, algumas formas de aplicação de facas de corte em projetos
editoriais de livros. São acabamentos especiais que deixam seu projeto belo e diferenciado.
50
Figura 45: Fotografias de luvas de livro.
Fonte: Arquivo pessoal.
Descrição da figura: Imagem do lado esquerdo, duas capas de luvas, em cores variadas: verde, azul, amarelo, branco,
rosa e lilás. Imagem do lado direito, detalhe do corte feito na luva. Fim da Descrição.
A Luva é um produto especial para livro, uma espécie de capa. Ela agrega valor visual ao
seu projeto gráfico, traz proteção para o seu livro e pode ser um brinde, mimo para o seu cliente.
51
3.3. Muito além do livro
52
Todos esses materiais agregados aos kits da editora TAG estão em diálogo com a proposta
do projeto gráfico e do tema que o livro está apresentando.
São diversas as possibilidades de papelaria, acessórios e acabamentos para projetos
gráficos. É nessa hora que nós como designers precisamos ter conhecimento sobre melhores
materiais (qualidade x custo benefício) para dar um suporte para os nossos clientes nas decisões.
Depois de criar seu projeto gráfico pensando em todos os detalhes, escolher o papel,
definir os acabamentos, é chegado o grande momento, a impressão.
53
Dica 2: Verifique se seu projeto está fechado com as configurações necessárias para
impressão e em padrão de cor CMYK. Pergunte sempre na gráfica qual o formato de arquivo de
preferência para impressão.
Dica 3: Mantenha uma boa relação com a gráfica. Se tiver dúvidas, pergunte. Sempre tem
pessoas que trabalham nas gráficas e possuem muita experiência. Acompanhe os processos!
Essas dicas ajudam a dar uma luz para esse momento de impressão, porém cada projeto
possui uma necessidade específica. Pode ser que no seu projeto tenha uma faca de corte especial,
uma encadernação, uma paleta de cores extensa, entre outros detalhes. É bem importante observar
todos os pontos para que seu material fique belo, da forma como foi planejado.
54
Figura 51: Catálogo virtual da revista Continente.
Fonte: https://revistacontinente.com.br/edicoes-anteriores
Descrição da figura: Tela de site em fundo branco, com 8 imagens de capas da revista continente. Todas contêm
fotografias ou ilustrações, textos e logomarca da revista. Fim da Descrição.
55
Figura 52: Tela com planos de assinatura da revista Continente.
Fonte: https://revistacontinente.com.br/edicoes-anteriores
Descrição da figura: Tela de site em fundo branco, com 5 imagens, sendo 4 delas com a mesma ilustração e a última
imagem com ilustrações diferentes. Todas estão em formato vertical. Fim da Descrição.
Legal saber que temos em nosso estado uma editora que valoriza a cultura, trazendo
conteúdos relevantes e cria projetos editoriais bonitos, não é? Eu acho bem chic. Aproveita e entra
no site da CEPE para conhecer um pouco mais de seus projetos: https://www.cepe.com.br/.
3.5.1 Interatividade
Seguindo em nossos conhecimentos sobre projetos editoriais digitais, uma das coisas
mais interessantes de se produzir conteúdos em formato digital é a possibilidade criar interatividade.
São hiperlinks, QR-CODE, vídeo, áudio, zoom (aumentar e reduzir) e muitas outras interatividades,
pois o mundo digital não para de criar novidades!
Por falar em QR-CODE, ele vem ganhando muitos fãs em projetos diversos que vai desde
o design editorial até as instituições bancárias, aos cardápios de restaurantes kkkk. Isso mesmo, esse
bicho tá em todas. Mas o que têm de tão interessante no uso dele? Simples, ele faz a conexão entre
o mundo físico (materializado) e o mundo virtual (a nuvem), com isso traz diversos benefícios e
56
facilidades para quem vende e para quem consome um produto ou serviço. Trazendo para um projeto
editorial, você pode, por exemplo, criar um QR-CODE que leve para um site, um determinado
conteúdo complementar, um portfólio, são inúmeras as possibilidades.
Existem muitos impressos que implementam QR-CODES que levam o leitor para
conteúdos outros digitais. É uma excelente ferramenta de interatividade.
Confira na imagem a seguir, um exemplo de interatividade na Chorume, um projeto de
revista experimental de alunos do curso de design gráfico da UNESP-SP.
57
Existem sites específicos que geram QR-CODES de forma gratuita e alguns
pagos também. Destaco aqui o QR CODE generator, uma plataforma que
disponibiliza de forma gratuita e alguns serviços pagos. Ele é muito simples de
utilizar.
Link: https://br.qr-code-generator.com/
Bora aproveitar esse corpo e mente fervilhantes para praticar um pouco mais
no Scribus?! Vem comigo que na videoaula de hoje vou te mostrar algumas
ferramentas e como fazer a finalização para projetos editoriais digitais e
impressos!
58
Observe o passo a passo escrito e nas imagens a seguir:
59
Figura 55: Tela do programa Scribus.
Fonte: Scribus 1.4.8.
Descrição da figura: Fundo do programa Scribus com destaque em cor vermelha das funções: “Nome do arquivo” e
“Ok”. Fim da Descrição.
60
Fonte: Scribus 1.4.8.
Descrição da figura: Fundo do programa Scribus com a tela Salvar como PDF, com destaque em cor vermelha da função
“Qualidade de compressão”. Fim da Descrição.
4. Habilite a caixa “Maximum Image Resolution” e defina a quantidade de dpi que sua
imagem vai ter (300 é uma média boa para impressão).
61
Figura 58: Tela do programa Scribus.
Fonte: Scribus 1.4.8.
Descrição da figura: Fundo do programa Scribus com a tela “Salvar como PDF”, com destaque em cor vermelha das
funções “Cor” e “Intenção de saída”. Fim da Descrição.
6. Clique na aba “Pré-impressão” e cerifique se seu projeto está como saída CMYK na
opção “Perfil de saída”.
62
Figura 59: Tela do programa Scribus.
Fonte: Scribus 1.4.8.
Descrição da figura: Fundo do programa Scribus com a tela “Salvar como PDF”, com destaque em cor vermelha das
funções “Pré-impressão” e “Perfil de saída”. Fim da Descrição.
Após essas configurações, basta clicar em salva e o programa vai começar a gerar o
arquivo. Com esses ajustes, você garante que seu arquivo vai estar em qualidade proporcional para
impressão.
O processo de exportação de arquivo para formato digital é bem parecido com o passo a
passo falado anteriormente para impressos. Existem apenas alguns pontos que podem variar. Veja
nas figuras a seguir:
1. Na aba “Geral”, na opção “Qualidade da compressão”, sua decisão por qualidade alta
ou máxima pode variar dependendo da plataforma que será hospedado o seu arquivo. Você pode
optar por uma versão mais leve sem perder qualidade na leitura em telas.
63
função “Maximum Image Resolution”. Fim da Descrição.
2. Outro ponto que precisamos configurar em documentos para web é a barra de “Cor”.
Na caixa de opções “Intenção de saída”, selecione a opção “Ecrã/Web”.
Após essas configurações, basta clicar em salva e o programa vai começar a gerar o
arquivo. Com esses ajustes, você garante que seu arquivo vai estar em qualidade proporcional para
web.
Lembrando que algumas demandas de projetos podem variar e necessitar de
configurações específicas.
Chegamos ao final de nossa competência 3 e de nossa disciplina Computação Gráfica –
Editorial. Foi muito massa estar com você durante esse tempo, fazendo passeios por diversos espaços
que compõem esse universo editorial. Conta lá no fórum como foi para você essa experiência,
aproveita esse espaço para tira dúvidas e trocar conhecimentos! Se joguem, quero ver
experimentações sua, hein. Até a próxima!
64
Conclusão
Chegamos ao final da disciplina Computação Gráfica – Editorial, uma experiência de
muitas trocas teóricas e práticas. Na primeira competência, você conheceu as principais ferramentas
e funções do programa Scribus, a fim de executar projetos editoriais. A segunda foi um momento de
possibilidades e etapas do desenvolvimento do projeto de design editorial a partir do programa
Scribus e na terceira, você aprendeu como é feita a finalização e o fechamento de arquivos editorias
para a impressão offset ou formato de e-book. Não se esquece de acessar os links disponíveis, ver as
videoaulas, as referências nos destaques, ouvir os podcasts e todo material complementar, eles te
ajudam a ampliar os campos de conhecimentos e bagagem visual. A (o) designer é uma/um
profissional que está em constante aprendizado, atualização e prática. Desejo que todas (os) tenham
aproveitado ao máximo os conteúdos. Bons estudos e até o nosso próximo encontro!
65
Referências
Farias, Priscila. Estudos sobre tipografia: letras, memória gráfica e paisagens tipográficas, Tese de
Livre-docência, 2016.
Haslam, Andrew. Livro e o Designer II. Como criar e produzir livros – Editora Rosari, 2ª edição, 2007.
Bringhurst, Robert. Elementos do estilo tipográfico – Editora Ubu, 1ª edição, versão 4.0, 2022.
Haluch, Aline. Guia prático de design editorial: Criando livros completos – Editora 2AB, 2013.
66
Minicurrículo do Professor
Camila Silva
67