Tutorial de Diagramao SoQuadrinhos

Autor: Knight Rider

Programas Necessrios:
Adobe Photoshop ACDSee Classic

Contedo
Aula 1: Conhecendo o Photoshop..................................................................................................................................... 3 Glosrio de Termos Mais Usados:.................................................................................................................................3 Barra de Ferramentas da Esquerda: ............................................................................................................................. 3 Barra de Ferramentas da Direita: ................................................................................................................................. 4 1.Configuraes de Fonte ......................................................................................................................................... 4 2.Janela das Layers (Camadas).................................................................................................................................. 4 Aula 2: Limpar Bales Modo Simples............................................................................................................................. 5 Aula 3: Limpar Bales Modo Expresso........................................................................................................................... 6 Exceo: ........................................................................................................................................................................ 6 Como arrumar a perda da borda do balo: .................................................................................................................. 6 Aula 4: Como Limpar Bales ou Caixas de Texto com Degrad........................................................................................7 Utilizando o mtodo expresso de limpar bales como base:.......................................................................................7 Utilizando Formas (Shapes): ......................................................................................................................................... 8 Aula 5: Como Salvar Um Estilo Para Utilizaes Futuras ..................................................................................................9 Aula 6: Como Letrar Bales de Falas Que Escapam a Suas Limitaes...........................................................................10 Aula 7: A Forma Correta de Se Criar os JPGs .................................................................................................................. 11

Aula 1: Conhecendo o Photoshop

Glosrio de Termos Mais Usados:
Primeiramente voc dever aprender alguns termos utilizados entre as pessoas que utilizam esta ferramenta, como: Layer: mesma coisa que camada; Gradient: tambm conhecido como degrad, o efeito de transio que ocorre da juno de duas ou mais cores; Styles: estilo, conjunto de alteraes de aparncia.

Barra de Ferramentas da Esquerda:

01 Mover: com esta ferramenta voc poder mover, mudar a posio de suas camadas (layers). 02 Seleo: As opes mais utilizadas so as circulares e quadradas, sua finalidade selecionar determinada rea. 03 Varinha Mgica: Ao clicar a varinha sobre determinada rea ela automaticamente selecionar toda uma regio de mesma cor. 04 Pincel: utilizado para pincelar reas determinadas por voc com a cor selecionada. 05 Carimbo: ferramenta utilizada para clonar, copiar determinada rea da camada para outra rea selecionada. 06 Borracha: use-a para apagar algumas regies de sua camada. 07 Texto: insere texto a sua camada. 08 Formas: praticamente todas as suas opes sero utilizadas, usada para criar formas geomtricas ou no sobre sua camada. 09 Cores: use-a para selecionar a cor a ser utilizada em algumas ferramentas, a caixa superior-esquerda a cor principal e a caixa inferior-direita a cor de fundo.

Barra de Ferramentas da Direita:

1.Configuraes de Fonte 01 Modelo da fonte a ser usada; 02 Tamanho da fonte; 03 Altura da fonte; 04 Estilos aplicados como negrito, itlico, etc; 05 Submodelo de fonte como Regular, Bold, Italic; 06 Espaamento entre linhas; 07 Espaamento entre os caracteres; 08 Largura da fonte; 09 Cor da fonte; 10 Serrilhado da borda, ATENO: D preferncia ao Sharp.

2.Janela das Layers (Camadas) 01 Define a opacidade da camada, 100% igual a slida e 00% transparente. 02 Amostra das camadas, quando voc ouvir clique sobre a camada aqui que voc ir clicar. O olho ao lado esquerdo define se a camada ir aparecer ou no.

Aula 2: Limpar Bales Modo Simples

01 Clique sobre a amostra de cor de fundo em sua barra de ferramentas da esquerda. 02 Com o conta gotas clique sobre o balo para capturar sua cor, no exemplo abaixo a parte branca. 03 Abra a ferramenta de seleo circular. 04 Arraste o mouse at cobrir o texto de seu balo. 05 Clique em Delete ou Back Space. Exemplo: Resultado:

Aula 3: Limpar Bales Modo Expresso

01 Clique sobre a amostra de cor de fundo em sua barra de ferramentas da esquerda. 02 Com o conta gotas clique sobre o balo para capturar sua cor, no exemplo abaixo a parte branca. 03 Selecione a ferramenta da Varinha Mgica. 04 Com o SHIFT pressionado clique na parte branca de todos os bales da pgina. 05 Pressione CTRL + J para criar uma nova camada. 06 Clique com a Varinha Mgica sobre qualquer parte da pgina externa aos bales. 07 Pressione CTRL + SHIFT + I para inverter a seleo. 08 Pressione CTRL + Delete ou Back Space para cobrir a rea selecionada com a cor de fundo, ou ALT + Delete ou Back Space para cobrir com a cor primria.

Exceo:
Quando voc se deparar com dois bales encostados com apenas uma linha fina os separando, deixe um dos bales para fazer em um segundo processo, atravs deste mtodo ou do explicado anteriormente.

Como arrumar a perda da borda do balo:

Caso voc se esquea da dica dada acima e obtenha como resultado a perda da linha delimitadora entre dois bales voc poder arrumar isto com a utilizao da ferramenta Borracha (atalho E). Diminua a opacidade de sua camada para 40% na janela das camadas (layers) de forma a visualizar a camada original da pgina do scan, selecione a ferramenta borracha e passe-a sobre o local onde est a linha delimitadora, volte a opacidade para 100% e pronto, seu balo est perfeito novamente.

Aula 4: Como Limpar Bales ou Caixas de Texto com Degrad

Utilizando o mtodo expresso de limpar bales como base:
01 Selecione a ferramenta da Varinha Mgica. 02 Com o SHIFT pressionado v clicando sobre as tonalidades do degrad at conseguir selecionar todo o balo. 03 Pressione CTRL + J para criar uma nova camada. 04 Clique com a Varinha Mgica sobre qualquer parte da pgina externa ao balo. 05 Pressione CTRL + SHIFT + I para inverter a seleo. 06 Pressione CTRL + Delete ou Back Space para cobrir a rea selecionada com a cor de fundo, no importa qual cor seja pois voc ainda ir aplicar o efeito degrad. 07 Clique com o boto direito do mouse sobre a camada criada e selecione a opo Blending Options... (ou Opes de Mesclagem no PS em portugus). 08 Marque a check Box ao lado da opo Gradient Overlay. 09 Clique novamente sobre a opo Gradient Overlay para visualizar suas opes de configurao (item 1 das imagens abaixo). 10 Clique sobre a barra de amostragem do degrad para visualizar suas configuraes (item 2 das imagens abaixo). 11 Com a janela de configuraes aberta, clique sobre algum dos indicadores de cor (item 6 das imagens abaixo). 12 Volte a sua pgina e clique com o conta-gotas sobre uma das extremidades de seu balo para capturar uma das cores. 13 Clique agora sobre o outro indicador de cor (item 6 das imagens abaixo) e repita o processo para obter a cor da outra extremidade do balo. 14 - D OK at voltar a sua janela principal, seu balo com degrad est pronto.

Utilizando Formas (Shapes):

01 Selecione a ferramenta Shapes (atalho U). 02 Clique e arraste o mouse sobre sua caixa de texto at criar uma caixa de mesmo tamanho da original. 03 Clique com o boto direito do mouse sobre a camada criada e selecione a opo Blending Options... (ou Opes de Mesclagem no PS em portugus). 04 Marque a check Box ao lado da opo Gradient Overlay. 05 Clique novamente sobre a opo Gradient Overlay para visualizar suas opes de configurao (item 1 das imagens abaixo). 06 Clique sobre a barra de amostragem do degrad para visualizar suas configuraes (item 2 das imagens abaixo). 07 Com a janela de configuraes aberta, clique sobre algum dos indicadores de cor (item 6 das imagens abaixo). 08 Volte a sua pgina e clique com o conta-gotas sobre uma das extremidades de seu balo para capturar uma das cores. 09 Clique agora sobre o outro indicador de cor (item 6 das imagens abaixo) e repita o processo para obter a cor da outra extremidade do balo. 10 - D OK at voltar a sua janela principal, seu balo com degrad est pronto. Caso sua caixa tenha uma borda, voc pode reproduzi-la clicando na opo Stroke da janela de configuraes de suas opes de mesclagem (Blending Options...), veja a figura abaixo.

ATENO: A prxima aula lhe ensinar a salvar estas configuraes que voc criou na janela Blending Options... de forma que na prxima vez que voc precisar us-las, possa reproduzi-las com apenas um clique.

Aula 5: Como Salvar Um Estilo Para Utilizaes Futuras

Em sua Barra de Ferramentas da Direita voc possui uma aba chamada Styles (ou Estilos se usa o PS em portugus). Selecione esta aba, repare que em seu rodap tem trs botes de comandos, sendo eles da esquerda para a direita: limpar estilo, criar estilo e apagar estilo. 1. Criando um novo conjunto de estilos: Para facilitar a visualizao de seus estilos antes de qualquer coisa iremos criar um novo conjunto de estilos. Logo abaixo aos botes de minimizar e fechar na figura acima, repare que existe um smbolo de lista com uma seta ao lado, clique nele. Nas opes que se abriram selecione Save Styles... (salvar estilos), d um nome a seu conjunto de estilos e salve, ex: Quadrinhos. 2. Salvando um estilo dentro de seu conjunto: Selecione a camada onde tem as opes de estilo que voc deseja salvar e clique sobre o boto de comando criar estilo. Na janela que se abriu d um nome a seu estilo, marque as duas check Box e d ok. Repare que seu estilo apareceu nas amostras de estilos. 3. Limpando o conjunto de estilos para restar apenas os seus: Clique novamente sobre o smbolo de lista. Escolha a opo Preset Manager.... Na janela que se abriu, selecione todos os estilos com exceo do seu e clique em Delete e depois em Done. Clique novamente sobre o smbolo de lista, selecione Save Styles... e substitua pelo arquivo que voc criou a pouco.

Pronto! Agora toda vez que voc precisar utilizar o mesmo conjunto de configuraes, basta voc clicar sobre a amostra de estilo que deseja que todas as configuraes iro ser reproduzidas automaticamente. Isso lhe ajudar em situaes que precise limpar vrios bales com degrad dentro de uma mesma revista ou at mesma publicao.

Aula 6: Como Letrar Bales de Falas Que Escapam a Suas Limitaes

1 - A primeira coisa a se fazer nestes casos reproduzir a fala em questo da forma mais fiel possvel a original, para isso selecione uma fonte igual ou semelhante e tente reproduzir a cor, largura, espaamento, etc, como na primeira figura abaixo.

2 - Agora entre nas opes de mesclagem (Blending Options...) e reproduza a borda preta que est em volta do vermelho, d OK (segunda figura acima). 3 - Clique na camada de seu texto com o boto direito do mouse e selecione a opo Duplicate Layer... (duplicar camada) e d OK. 4 - Agora selecione a camada mais abaixo e entre novamente em suas opes de mesclagem, mude a cor da borda para a cor que est na segunda camada de borda da imagem, aumente seu tamanho para ficar igual e d OK (terceira figura acima). 5 - Refaa os passos 3 e 4 para criar a ltima camada de borda, como na primeira imagem abaixo.

6 Selecione todas as camadas de texto e mova elas para sobrepor o texto original como na segunda figura acima. 7 Selecione a primeira camada abaixo de suas camadas de texto, clique na ferramenta de formas (shape) e crie um balo semelhante ao original, acrescentando a ele sua borda (terceira figura acima). 8 Selecione a camada do balo que voc criou juntamente da camada que possui a borda mais externa de seu texto e junte as duas camadas (atalho CTRL+E). 9 Aumente o tamanho de sua pgina para que voc possa trabalhar bem os detalhes (atalho CTRL+Sinal de Adio +). 10 Selecione a ferramentaPincel (atalho B), use como cor primria a cor de fundo do balo e dando cliques na borda mais externa de seu texto, v apagando-a na regio que se encontra dentro do balo at que seu texto fique semelhante ao original. 11 Caso algum pedao do texto original ainda esteja aparecendo, use a ferramenta Carimbo (atalho S) para dar os retoques na camada principal de sua pgina. Veja na quarta figura acima o resultado final. 10

Aula 7: A Forma Correta de Se Criar os JPGs

Esta talvez seja a aula mais simples de todas at o momento. Apesar de vrios diagramadores salvarem suas pginas na exteno JPG diretamente do Photoshop, esta no a maneira que te trar uma pgina bem compactada e com menor perda de cores. Sabendo disso vamos ao que interessa:

1 Sempre que tiver terminado de realizar todas as edies necessrias em sua pgina para colocar o texto em portugus, salve a mesma no formato PSD, este um formato nativo do Photoshop. 2 Aps terminar seu scan, abra o ACDSee Classic e localize a pasta onde voc salvou seus arquivos PSD. 3 Selecione todos os arquivos PSD. 4 Clique com o boto direito do mouse e escolha a opo Converter. 5 Escolha a opo de converso JPG (veja figura abaixo)

6 Clique no boto Options... e coloque a taxa de compresso entre 70% e 80% (veja figura abaixo).

7 D OK nas duas janelas e pronto, voc tem seus JPGs prontos para serem compactados na exteno CBZ ou CBR.

11