tutorial diagramação basica

10
Tutorial DIAGRAMAÇÃO DE SCANS GRUPOS: TROPADC, NEW YAKULT, THE OTHERS, GIBIHQ BY SECOLO BY SECOLO

Upload: api-3850159

Post on 07-Jun-2015

7.941 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Tutorial Diagramação Basica

Tutorial

DIAGRAMAÇÃODE SCANS

GRUPOS:TROPADC, NEW YAKULT, THE OTHERS, GIBIHQ

BY SECOLO BY SECOLO

Page 2: Tutorial Diagramação Basica

Bem, sou meio xarope para mexer com isso, pois trabalho na área de designer gráfico,mas vou tentar montar aqui um tutorialzinho para diagramação de Scans. Vou usar como modelo a Scan: Countdown #41 (Contagem Regressiva) da DC.Em sintese a diagramação é facil, basta ter um programa de edição de imagem, pelo menos para a parte básica que é remover o texto original em inglês e colocar a versão em português. Para os balões que extrapolam os balões e o título já é um pouco mais complicado.Então vamos começar...

01 - OS PROGRAMASEu costumo dividir o trabalho entre dois programas:a) Photoshop - para a edição de imagens mais simples. e,b) Corel Draw - para capas, títulos e balões “estourados”.

02 - COMEÇANDO A DIAGRAMAÇÃO

Para começar, descompacte o scan em alguma pasta do seu pc.Depois dentro dapasta com o scanoriginal eu criouma nova pastaonde serãocolocados aspáginas traduzidas.

Depois abra o Photoshop ou outro programa de edição (eles possuem basicamente asmesmas ferramentas, e as mesmas funções).Depois abra uma das páginas e salve-a na pasta onde deveráficar o scan traduzido.No PhotoShop eu uso o atalhoCtrl+S, e diminuo a qualidade para 5 na janela opções de JPEG.

Page 3: Tutorial Diagramação Basica

02.1 - APAGANDO OS BALÕESPara apagar o balão eu aumento a página com a ferramenta lupa

Você vai aumentar o quanto achar melhor para trabalhar.Na seqüência, vamos começar a apagar os balões com uma ferramenta de seleção, eu costumo usar a elipse, retangular, varinha mágica e laço poligonal

Page 4: Tutorial Diagramação Basica

Tá mas qual vou usar? Isso vai depender do balão.Quando o balão é arredondado eu uso o elipse, em retangular e quadrado o retangular, nos mistos (meio redondo meio quadrado^^) o laço poligonal, sempre juntos com a varinha mágica.EX.

Tá vendo os pontilhados?É onde já está selecionadocom a elipse, para usar ésó clicar e arrastar na áreaque você deseja marcarse passar para fora do balão é só clicar com o mouse fora da área sele-cionada e começar de novo.Ah, eu já selecionei os dois balões, para isso,depois que você faz a primeira seleção, pressione SHIFT e faça aseleção.

Depois com a varinhamágica eu clico - pressio-nando SHIFT - fora em uma área do balão onde não foi selecionadaanteriormente e elaacaba de selecionar.As vezes é preciso várioscliques até selecionartudo.

Page 5: Tutorial Diagramação Basica

Se o balão for brancoé só ver se a cor do segundo plano estáem branco, se nãoestiver é só clicar duas vezes nela e selecionar a cor desejada arrastandoo mouse.Se estiver em brancoé só pressionar“DEL”. Pronto seu Balão está limpo.

02.2 - COLOCANDO O TEXTO EM PORTUGUÊS

Selecione e copie o texto em português (que geralmente é passado pelo tradutor e/ourevisor em .Doc - Word) com o bom e velho Ctrl+C e vá na Photoshop (ou o editor quevocê estiver usando). Selecione a Ferramenta texto, clique em cima do balão e arraste, ela vai criar uma caixa de texto, é só colar (ctrl+V).

Page 6: Tutorial Diagramação Basica

As vezes quando você cola o texto ele não fica certo, então ali numerados temos o básico.1 - Fonte: é onde seleciona-se a fonte, no caso eu e uso a Wild Word Roman.2 - Tamanho da fonte, Você muda aqui a sua vontade, mas vou ensinar outro macete^^3 - Qualidade da fonte, é só clicar e selecionar nítido, ela aumenta a nitidez da fonte.4 - Justificação: para os balões eu utilizo sempre o centralizado.5 - Caixa de Formatação: basicamente oferece o mesmo que a barra acima só que tem algumas que é bom saber, tipo:

1- Ajuste vertical: costumo deixarno automático, mas dá para variarmas depende mais da fonte^^2 - Ajuste horizontal: só é ativadoquando o vertical não tá no auto-mático, nunca uso^^3 - Negrito4 - Itálico5 - Caixa Alta

OBS - 1: para usar as ferramentas3,4 e 5, é preciso selecionar o textoe clicar nelas.OBS - 2: verfique na pagina original(em inglês) se alguma palavraé destacada em negrito ou itálico, para usar essas ferramentas.

Page 7: Tutorial Diagramação Basica

02.3 - AJUSTANDO O TEXTO NO BALÃO

Você pode ajustar de duas formas, ou selecionando o tamanho da fonte, ou usando a ferramenta TRANSFORMAR/MOVER (esse é meu macete)

Na verdade o nomedessa ferramentaé só mover, mas eu uso para transfor-mar os textos também.Com o mouse vocêclica num dos pontosde transformaçãoe segurando shift(para não distorcer)é só arrastar.Com essa mesma ferramenta você clicadentro do quadrode pontos e arrasta(sem pressionar nada)para centralizar o textodepois é só pressionarenter.

Pronto você acabou de diagramar seu primeiro balão. Após isso, antes de ir para o outrobalão, pressione CTRL+E para mesclar as camadas, pois cada texto é visto como uma camada a parte.Basta repetir esse processo de apagar e inserir o texto sempre que necessário, e lógicoir salvando o trabalho^^.

02.2 - QUADROS E BALÕES COLORIDOS

Para apagar o texto de quadro e balões coloridos com uma cor só é bem simples, basta fazer o mesmo processo de seleção, clicar duas vezes na cor de segundo plano, vai abrir

a janela “Seletor de Cores”dai é só selecionar a ferramenta conta gotas e clicar na caixa ou balão, clicarem OK (ou pressionar ENTER)depois deletar igual antes.

OBS: como vêm a letra estácom a cor branca, isso tambémé simples, clique duas vezes na cor de primeiro plano e nacaixa “seletor de cores” selecionar o branco, e fazeros processos anteriores de colar, ajustar e mesclar camadas (ctrl+e).

Page 8: Tutorial Diagramação Basica

Agora quando o balão tem duas cores mescladas, as coisas se complicam...Na verdade não. Você só vai precisar usar a ferramenta degradê.Vamos lá.Primeiramente seleciona o balão igual os outros (Brancos ou de uma cor), depois clique na ferramenta degradê

A ferramenta degradêgeralmente está numa aba desdobráveljunto com a lata de tinta(um atalho para ela é sópressionar a tecla “G”, desde que não esteja usando a ferramenta texto).

Bem, na barrada ferramenta

degradê temos:1 - Cor do degradê

2 - Tipo de degradê.Na cor escolhemos

as cores que vão ser usadas no

degradê.E no tipo se ele

vai ser linear,radial, etc.

Bem vamos selecionar as cores.

É só clicar duasvezes, vai abrir

uma nova janela.

Page 9: Tutorial Diagramação Basica

Nesta janela que abriu (Editor de Degradê), temos:1 - Primeira cor2 - Média de cores3 - Segunda CorClicando uma vez no quadradinho da primeira cor e arrastando o mouse no balão quevamos usar o degradê aparecerá um conta gotas. clique na área que você quiser copiar a cor. Faça o mesmo com a Segunda cor. A média cores você define segurando com omouse e arrastando. Através dela você definirá a importância da primeira e Segunda cor.Depois de selecionadas as cores clique em ok.Vá no balão selecionado e arraste o mouse com o degradê da posição em que a primeiracor deverá ficar (nesse caso de cima para baixo)

O resul-tado final será este.

Depois é só inserir o textoigual nos outros balões

Page 10: Tutorial Diagramação Basica

Esses processos devem ser repetidos quantasvezes forem necessário. No começo é demoradomas com o tempo o processo se torna maisrápido, vai dependendo da prática.

Bem esse é o Básico da diagramação.Outra hora eu faço um tutorial mais avançadopara os casos em que o texto sai do balão,títulos e capa.

Mas essa é a base mínima para diagramar,então quem quiser é só aproveitar^^

Abraços a todos.

PS: As setas desenhadas a mão livre nophoto shop ficaram uma MERDA, mas issopor que sou péssimo em coordenação motora que não seja em jogorsrsrsrssrsrsr