Bem-vindo ao SoQuadrinhos, por favor, efetue Login ou Crie uma conta para ter acesso total aos fóruns. Se tiver algum problema, Entre em Contato.
 
Avaliação do Tópico:
  • 2 Votos - 5 Média
  • 1
  • 2
  • 3
  • 4
  • 5

[Tutorial] Diagramação

Offline felipe.fp Postado: 20-09-2013 - 02:53 PM
Resposta: #1
(ಥ﹏ಥ) Aposentado (ಥ﹏ಥ)
Velha-Guarda
2,655 Respostas
Reputação: 54

Aula 1: Conhecendo o Photoshop



Glossário 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: também conhecido como degradê, é o efeito de transição que ocorre da junção de duas ou mais cores;

Styles: estilo, conjunto de alterações de aparência.

1.Barra de Ferramentas da Esquerda:



Imagem
  1. Mover: com esta ferramenta você poderá mover, mudar a
    posição de suas camadas (layers).
  2. Seleção: As opções mais utilizadas são as circulares e quadradas,
    sua finalidade é selecionar determinada área.
  3. Varinha Mágica: Ao clicar a varinha sobre determinada área ela
    automaticamente selecionará toda uma região de mesma cor.
  4. Pincel: utilizado para pincelar áreas determinadas por você com a
    cor selecionada.
  5. Carimbo: ferramenta utilizada para clonar, copiar determinada
    área da camada para outra área selecionada.
  6. Borracha: use-a para apagar algumas regiões de sua camada.
  7. Texto: insere texto a sua camada.
  8. Formas: praticamente todas as suas opções serão utilizadas, é
    usada para criar formas geométricas ou não sobre sua camada.
  9. 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.


2.Barra de Ferramentas da Direita:



2.1.Configurações de Fonte

Imagem
  1. Modelo da fonte a ser usada;
  2. Tamanho da fonte;
  3. Altura da fonte;
  4. Estilos aplicados como negrito, itálico, etc;
  5. Submodelo de fonte como Regular, Bold, Italic;
  6. Espaçamento entre linhas;
  7. Espaçamento entre os caracteres;
  8. Largura da fonte;
  9. Cor da fonte;
  10. Serrilhado da borda, ATENÇÃO: Dê preferência ao Sharp.


2.2.Janela das Layers (Camadas)

Imagem
  1. Define a opacidade da camada, 100% é igual a
    sólida e 00% é transparente.
  2. 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 não.


Aula 2: Limpar Balões – Modo Simples


  1. Clique sobre a amostra de cor de fundo em sua barra de ferramentas da esquerda.
  2. Com o conta gotas clique sobre o balão para capturar sua cor, no exemplo abaixo é a parte branca.
  3. Abra a ferramenta de seleção circular.
  4. Arraste o mouse até cobrir o texto de seu balão.
  5. Clique em Delete ou Back Space.


Imagem

Aula 3: Limpar Balões – Modo Expresso


  1. Clique sobre a amostra de cor de fundo em sua barra de ferramentas da esquerda.
  2. Com o conta gotas clique sobre o balão para capturar sua cor, no exemplo abaixo é a parte branca.
  3. Selecione a ferramenta da Varinha Mágica.
  4. Com o SHIFT pressionado clique na parte branca de todos os balões da página.
  5. Pressione CTRL + J para criar uma nova camada.
  6. Clique com a Varinha Mágica sobre qualquer parte da página externa aos balões.
  7. Pressione CTRL + SHIFT + I para inverter a seleção.
  8. 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 primária.


Imagem

Exceção:

Quando você se deparar com dois balões encostados com apenas uma linha fina os separando, deixe um dos balões para fazer em um segundo processo, através deste método ou do explicado anteriormente.

Como arrumar a perda da borda do balão:

Caso você se esqueça da dica dada acima e obtenha como resultado a perda da linha delimitadora entre dois balões você poderá arrumar isto com a utilização 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 página 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 balão está perfeito novamente.

Aula 4: Como Limpar Balões ou Caixas de Texto com Degradê



Utilizando o método expresso de limpar balões como base:



  1. Selecione a ferramenta da Varinha Mágica.
  2. Com o SHIFT pressionado vá clicando sobre as tonalidades do degradê até conseguir selecionar todo o balão.
  3. Pressione CTRL + J para criar uma nova camada.
  4. Clique com a Varinha Mágica sobre qualquer parte da página externa ao balão.
  5. Pressione CTRL + SHIFT + I para inverter a seleção.
  6. Pressione CTRL + Delete ou Back Space para cobrir a área selecionada com a cor de fundo, não importa qual cor
    seja pois você ainda irá aplicar o efeito degradê.
  7. Clique com o botão direito do mouse sobre a camada criada e selecione a opção “Blending Options...” (ou
    Opções de Mesclagem no PS em português).
  8. Marque a check Box ao lado da opção Gradient Overlay.
  9. Clique novamente sobre a opção Gradient Overlay para visualizar suas opções de configuração (item 1 das
    imagens abaixo).
  10. Clique sobre a barra de amostragem do degradê para visualizar suas configurações (item 2 das imagens abaixo).
  11. Com a janela de configurações aberta, clique sobre algum dos indicadores de cor
    (item 6 das imagens abaixo).
  12. Volte a sua página e clique com o conta-gotas sobre uma das extremidades de seu
    balão 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 balão.
  14. Dê “OK” até voltar a sua janela principal, seu balão com degradê está pronto.


Imagem

Utilizando Formas (Shapes):



  1. Selecione a ferramenta Shapes (atalho U).
  2. Clique e arraste o mouse sobre sua caixa de texto até criar uma caixa de mesmo tamanho da original.
  3. Clique com o botão direito do mouse sobre a camada criada e selecione a opção “Blending Options...” (ou Opções de Mesclagem no PS em português).
  4. Marque a check Box ao lado da opção Gradient Overlay.
  5. Clique novamente sobre a opção Gradient Overlay para visualizar suas opções de configuração (item 1 das imagens abaixo).
  6. Clique sobre a barra de amostragem do degradê para visualizar suas configurações (item 2 das imagens abaixo).
  7. Com a janela de configurações aberta, clique sobre algum dos indicadores de cor (item 6 das imagens abaixo).
  8. Volte a sua página e clique com o conta-gotas sobre uma das extremidades de seu balão para capturar uma das cores.
  9. 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 balão.
  10. Dê “OK” até voltar a sua janela principal, seu balão com degradê está pronto.


Caso sua caixa tenha uma borda, você pode reproduzi-la clicando na opção Stroke da janela de configurações de suas opções de mesclagem (Blending Options...), veja a figura abaixo.

Imagem

ATENÇÃO: A próxima aula lhe ensinará a salvar estas configurações que você criou na janela “Blending Options...” de forma que na próxima vez que você precisar usá-las, possa reproduzi-las com apenas um clique.

Aula 5: Como Salvar Um Estilo Para Utilizações Futuras



Imagem

Em sua Barra de Ferramentas da Direita você possui uma aba chamada “Styles” (ou Estilos se usa o PS em português).
Selecione esta aba, repare que em seu rodapé tem três botões de comandos, sendo eles da esquerda para a direita: limpar estilo, criar estilo e apagar estilo.

Criando um novo conjunto de estilos:

Para facilitar a visualização de seus estilos antes de qualquer coisa iremos criar um novo conjunto de estilos.
Logo abaixo aos botões de minimizar e fechar na figura acima, repare que existe um símbolo de lista com uma seta ao lado, clique nele.
Nas opções que se abriram selecione “Save Styles...” (salvar estilos), dê um nome a seu conjunto de estilos e salve, ex: Quadrinhos.

Salvando um estilo dentro de seu conjunto:

Selecione a camada onde tem as opções de estilo que você deseja salvar e clique sobre o botão 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.

Limpando o conjunto de estilos para restar apenas os seus:

Clique novamente sobre o símbolo de lista.
Escolha a opção “Preset Manager...”.
Na janela que se abriu, selecione todos os estilos com exceção do seu e clique em “Delete” e depois em “Done”.
Clique novamente sobre o símbolo de lista, selecione “Save Styles...” e substitua pelo arquivo que você criou a pouco.

Imagem

Pronto!

Agora toda vez que você precisar utilizar o mesmo conjunto de configurações, basta você clicar sobre a amostra de estilo que deseja que todas as configurações irão ser reproduzidas automaticamente.
Isso lhe ajudará em situações que precise limpar vários balões com degradê dentro de uma mesma revista ou até mesma publicação.


Aula 6: Como Letrar Balões de Falas Que Escapam a Suas Limitações



  1. A primeira coisa a se fazer nestes casos é reproduzir a fala em questão da forma mais fiel possível a original, para
    isso selecione uma fonte igual ou semelhante e tente reproduzir a cor, largura, espaçamento, etc, como na primeira
    figura abaixo.

    Imagem
  2. Agora entre nas opções 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 botão direito do mouse e selecione a opção “Duplicate Layer...” (duplicar
    camada) e dê OK.
  4. Agora selecione a camada mais abaixo e entre novamente em suas opções 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. Refaça os passos 3 e 4 para criar a última camada de borda, como na primeira imagem abaixo.

    Imagem
  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
    balão semelhante ao original, acrescentando a ele sua borda (terceira figura acima).
  8. Selecione a camada do balão 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 página para que você possa trabalhar bem os detalhes (atalho CTRL+Sinal de Adição
    ”+”).
  10. Selecione a ferramenta”Pincel” (atalho B), use como cor primária a cor de fundo do balão e dando cliques na
    borda mais externa de seu texto, vá apagando-a na região que se encontra dentro do balão até que seu texto fique
    semelhante ao original.
  11. Caso algum “pedaço” do texto original ainda esteja aparecendo, use a ferramenta “Carimbo” (atalho S) para dar
    os retoques na camada principal de sua página. Veja na quarta figura acima o resultado final.


Action Limpia Globos



https://mega.co.nz/#!dgVlCZpZ!dtGTS3Wv9E...iH3Jxbvdf8

O que é:



É uma Ação do Photoshop que limpa de uma forma mais fácil e rápida os balões.

Como Instalar?



É muito simples, no Windows XP salve o arquivo que vc baixou no link acima em: C:\Arquivos de programas\Adobe\Photoshop CS\Predefinições\Ações do Photoshop ou C:\Arquivos de programas\Adobe\Adobe Photoshop CS5\Presets\Actions

Se for Seven salve na pasta: C:\Arquivos de programas (x86)\Adobe\Photoshop CS\Predefinições\Ações do Photoshop ou C:\Arquivo de Programas (x86)\Adobe\Adobe Photoshop CS5\Presets\Actions

Como Usar?


  1. Com o photoshop aberto, vá em "Janela" e selecione "Ações"
  2. Depois clique no menu da janela Ações e escolha Carregar Ações
  3. Selecione a Ação Limpia Globos que vc baixou e aperte em Carregar.

    Imagem
  4. Verifique que o modo botão está selecionado no menu da janela Ações, se não tiver selecione. A janela de Ações ficará igual a imagem abaixo:

    Imagem
  5. Com a varinha mágica (tecla de atalho W) e selecionado a opção "Adicionar a Seleção", clique em todos os balões, um clique no fundo de cada balão.

    Imagem
  6. Depois que tiver selecionado todos os balões, clique no botão "Planos (automático)" na janela Ações. Importante verifique antes que esteja selecionado como a cor do primeiro plano a mesma que é a cor do fundo do balão.

    Imagem
  7. Resultado final:

    Imagem
(Resposta editada pela última vez em: 21-09-2013 03:28 AM por felipe.fp.)

Voltar ao topo WWW Buscar Citar
Offline Azazel Pistis Postado: 20-09-2013 - 02:58 PM
Resposta: #2
Parceiro
Parceiros
3,980 Respostas
Reputação: 26
Aprovado! Agora ninguém mais tem desculpas pra não começar a mexer no Photoshop. Sorriso
Voltar ao topo Buscar Citar
Offline Ale Postado: 20-09-2013 - 03:08 PM
Resposta: #3
A Poderosa Fênix!!
Administradores
8,759 Respostas
Reputação: 102
muito bom Legal

Imagem
Voltar ao topo Buscar Citar
Offline Alvaro Postado: 20-09-2013 - 03:09 PM
Resposta: #4
Inscreva-se no recrutamento! É grátis!
Velha-Guarda
688 Respostas
Reputação: 17
A do degradê é certinho pra mim!
Valeu Felipe-fp Sorriso
Voltar ao topo Buscar Citar
Offline ClarkVanzeler Postado: 20-09-2013 - 03:19 PM
Resposta: #5
X-Man e Justiceiro da América
Produtores
842 Respostas
Reputação: 9
Tuto lindo, muito bom... fiz ateh um outro um tempo ae p enviar por e-mail pros novatos que eu havia recrutado.

Tenho dois adendos, permita-me?

• Mas... ei, pq n usar o action "limpa balões"?? bem mais rápido e prático, e de certo economizaria menos da metade do tempo de "copia, duplicar, colar e colorir".
• Ñ eh necessariamente necessáro (tendeu? rsrs) usar o SHIFT p marcar os balões com a varinha mágica... eh soh, cm a varinha mágica selecionada, marcar a segunda caixinha na barra de ferramentas superior (como na imagem proposta) que podemos marcar vários cantos da página sem o SHIFT selecionado.
   

mas tirando isso, sério, o tuto ta um primor...

Imagem
Voltar ao topo Buscar Citar
Offline Ale Postado: 20-09-2013 - 03:43 PM
Resposta: #6
A Poderosa Fênix!!
Administradores
8,759 Respostas
Reputação: 102
não sabia dessa da varinha Pânico

Imagem
Voltar ao topo Buscar Citar
Offline ClarkVanzeler Postado: 20-09-2013 - 03:53 PM
Resposta: #7
X-Man e Justiceiro da América
Produtores
842 Respostas
Reputação: 9
no mesmo caso que queira RETIRAR A SELEÇÃO de algo jah selecionado, eh clicar em cima do local a ser "dês-selecionado" com a varinha mágica segurando o ALT que desmarca a seleção.

Imagem
Voltar ao topo Buscar Citar
Offline Azazel Pistis Postado: 20-09-2013 - 04:23 PM
Resposta: #8
Parceiro
Parceiros
3,980 Respostas
Reputação: 26
e ao invés do Styles, eu prefiro o pattern, é mais rápido. Sorriso
Voltar ao topo Buscar Citar
Offline Dilios Postado: 20-09-2013 - 05:09 PM
Resposta: #9
¬¬'
Estagiários
300 Respostas
Reputação: 7
Essa action limpa balões realmente é ótima! O pessoal lá do Baú da DC me enviou e é MUITO prático limpar balões e recordatórios com ela. =]

Show o tutorial! o/
Voltar ao topo Buscar Citar
Offline Ale Postado: 20-09-2013 - 09:34 PM
Resposta: #10
A Poderosa Fênix!!
Administradores
8,759 Respostas
Reputação: 102
A action é uma parada mágica Gamado

Imagem
Voltar ao topo Buscar Citar


Tópicos Similares
Tópico: Autor Respostas: Visualizações: Última Resposta
  [AJUDA] Fonte pra diagramação alonikbr 4 222 17-06-2018 03:19 PM
Última Resposta: Arthurfmg
  [Tutorial][ComicRack] Guia Básico do ComicRack Knight Rider 25 16,428 05-06-2018 10:35 AM
Última Resposta: Ozymandias_Realista
  [Tutorial] [Apex DC++] felipe.fp 166 46,046 22-04-2018 08:24 PM
Última Resposta: Ale
  [Tutorial] Digitalização e Restauração felipe.fp 28 9,204 17-03-2017 07:46 PM
Última Resposta: Pundo
  [TUTORIAL] Diagramando no InDesign RGT 1 1,028 13-09-2016 07:47 PM
Última Resposta: geecaulfield

Ir ao Fórum:

Usuários navegando neste tópico
1 Visitantes

© 2007-2012 SoQuadrinhos

Página desenvolvida por Knight Rider