Download - efeito de texto dobrado no Gimp 2.8
![Page 1: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/1.jpg)
ALUNOS: CARLA SABRINA LEHMANN E JÚLIO PAVESI
SENAI APRENDIZAGEM DE PROGRAMADOR DE COMPUTADORUnidade Curricular: DESENHO E ANIMAÇAOProfessor: TARCÍSIO NUNESEFEITO DE LETRA DOBRADABrusque, 26 de maio de 2015
![Page 2: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/2.jpg)
Introdução
Neste tutorial iremos mostrar como fazer o efeito de texto dobrado.
![Page 3: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/3.jpg)
Passo 1
• Abra o gimp
![Page 4: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/4.jpg)
Passo 2
• Va no menu arquivo e clique em nova
![Page 5: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/5.jpg)
Passo 3
• Crie uma imagem com largura de 900 px e altura de 500 px.
![Page 6: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/6.jpg)
Passo 4
• A sua tela de estar igual a abaixo.
![Page 7: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/7.jpg)
Passo 5
• clique na palheta de cores
![Page 8: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/8.jpg)
Passo 6
• Altere a cor da frente para 1717d0
![Page 9: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/9.jpg)
Passo 7
• Clique no balde de tinta
![Page 10: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/10.jpg)
Passo 8
• Clique em qualquer lugar da pagina para alterar a cor do plano de fundo.
![Page 11: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/11.jpg)
Passo 9
• Clique na ferramenta de degrade
![Page 12: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/12.jpg)
Passo 10
• Escolha como degrade o flare sizefac 101
![Page 13: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/13.jpg)
Passo 11
• Arraste a ferramenta de degrade sobre o fundo da forma que mais te agrade.
![Page 14: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/14.jpg)
Passo 12
• Clique na ferramenta para criar uma caixa de texto.
![Page 15: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/15.jpg)
Passo 13
• Nas opções que aparecem, escolha como fonte a Euphemia.
![Page 16: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/16.jpg)
Passo 14
• Escreva o texto desejado, no caso, aconselhamos que você escreva a palavra design para acompanhar o tutorial e mude o tamanho para 153.
![Page 17: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/17.jpg)
Passo 15
• Crie uma nova camada para cada letra.
![Page 18: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/18.jpg)
Passo 16
• Aumente o zoom para 200 na parte inferior da tela.
![Page 19: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/19.jpg)
Passo 17
• Agora iremos criar linhas de base para o desenho. Para isso clique na régua e arraste ate o lugar desejado.
![Page 20: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/20.jpg)
Passo 18
• Crie as linhas de forma que ela envolva a letra.
![Page 21: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/21.jpg)
Passo 19
• Clique na ferramenta de seleção:
![Page 22: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/22.jpg)
Passo 20
• faça a seleção em toda a linha de base.
![Page 23: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/23.jpg)
Passo 21
• Va na ferramenta balde de tinta
![Page 24: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/24.jpg)
Passo 22
• Preencha a seleção feita.
![Page 25: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/25.jpg)
Passo 23
• Preencha todos os lados.
![Page 26: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/26.jpg)
Passo 24
• Clique na ferramenta de vetor
![Page 27: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/27.jpg)
Passo 25
• Com ajuda das linhas de base, faça um triangulo com o vetor.
![Page 28: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/28.jpg)
Passo 26
• Nas opções do vetor, clique em selecionar a partir do vetor
![Page 29: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/29.jpg)
Passo 27
• Com a seleção feita, pressione a tecla delete.
![Page 30: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/30.jpg)
Passo 28
• Repita a operação no lado inferior.
![Page 31: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/31.jpg)
Passo 29
• Clique na ferramenta de seleção.
![Page 32: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/32.jpg)
Passo 30
• Selecione os dois cantos da linha base que sobraram.
![Page 33: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/33.jpg)
Passo 31
• Va no balde de tinta
![Page 34: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/34.jpg)
Passo 32
• Preencha a seleção feita.
![Page 35: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/35.jpg)
Passo 33
• Deve-se ter como resultado algo semelhante.
![Page 36: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/36.jpg)
Passo 34
• Crie uma nova camada para a letra E
![Page 37: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/37.jpg)
Passo 35
• Crie linhas de base como as circuladas de vermelho.
![Page 38: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/38.jpg)
Passo 36
• Va na ferramenta se seleção
![Page 39: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/39.jpg)
Passo 37
• Selecione a linha de base
![Page 40: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/40.jpg)
Passo 38
• Clique no balde de tinta
![Page 41: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/41.jpg)
Passo 39
• Preencha a seleção.
![Page 42: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/42.jpg)
Passo 40
• O resultado deve estar semelhante a este
![Page 43: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/43.jpg)
Passo 41
• Clique na ferramenta de vetor
![Page 44: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/44.jpg)
Passo 42
• Circule a linha base como a do desenho abaixo.
![Page 45: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/45.jpg)
Passo 43
• Nas opções de vetor clique em selecionar a partir do vetor e aperte a tecla delete.
![Page 46: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/46.jpg)
Passo 44
Com a ajuda da linha base preencha uma pequena borda no meio do e
![Page 47: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/47.jpg)
Passo 45
• crie uma nova camada para a letra S repita do mesmos passos das letras D e E com a letra s (se oriente pelas linhas de base igual a figura abaixo)
![Page 48: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/48.jpg)
Passo 46
• Corte com a ajuda do vetor as bordas indicadas.
![Page 49: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/49.jpg)
Passo 47
• Crie uma nova camada para a letra i.Faça uma seleção na letra i um pouco maior que a própria letra
![Page 50: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/50.jpg)
Passo 48
• Preencha-o com o auxilio do balde de tinta.
![Page 51: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/51.jpg)
Passo 49
Crie uma nova camada para a letra g. se oriente conforme a imagem abaixo para colocar as linhas de base.
![Page 52: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/52.jpg)
Passo 50
• Selecione e preencha as linhas de base como a da imagem abaixo.
![Page 53: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/53.jpg)
Passo 51
• Corte com o auxilio do vetor as bordas de modo que a imagem fique igual a figura abaixo.
![Page 54: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/54.jpg)
Passo 52
• Crie uma nova camada para a letra N. se baseie pela imagem para criar as linhas de base.
![Page 55: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/55.jpg)
Passo 53
• Clique na ferramenta de seleção
![Page 56: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/56.jpg)
Passo 54
• Faça uma seleção com as dimensões aproximada com as “pernas” da letra E.
![Page 57: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/57.jpg)
Passo 55
Clique na ferramenta balde de tinta
![Page 58: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/58.jpg)
Passo 56
• Preencha a seleção feita.
![Page 59: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/59.jpg)
Passo 57
• Clique na ferramenta de rotação.
![Page 60: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/60.jpg)
Passo 58
Use os valores abaixo como base(os valores abaixo podem variar conforme o tamanho e posicionamento)
![Page 61: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/61.jpg)
Passo 59
• Use a ferramenta de movimente
![Page 62: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/62.jpg)
Passo 60
• mova para cima da perna no N menor
![Page 63: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/63.jpg)
Passo 61
• Agora iremos colocar um degrade para dar a ilusão de profundidade. Selecione a ferramenta de seleção.
OBS: coloque o azul como cor da frente e o preto como cor de fundo
![Page 64: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/64.jpg)
Passo 62
• Crie uma nova camada para o efeito de cada letra . Selecione a região indicada.
![Page 65: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/65.jpg)
Passo 63
• Clique na ferramenta de degrade e ajuste as opções igual abaixo.
![Page 66: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/66.jpg)
Passo 64
• Arraste a ferramenta de degrade igual a imagem indicada.
![Page 67: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/67.jpg)
Passo 65
se voce seguiu todos os passos corretamente o resultado deve estar semelhante a este.
![Page 68: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/68.jpg)
Passo 66
• Repita no outro lado
![Page 69: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/69.jpg)
Passo 67
• Crie novas camadas para cada efeito de letra e e coloque o efeito de degrade conforme a figura abaixo.
![Page 70: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/70.jpg)
Passo 68
• Se você tiver seguido todos os passos o resultado final deve ser este
![Page 71: efeito de texto dobrado no Gimp 2.8](https://reader036.vdocuments.mx/reader036/viewer/2022081419/55c95578bb61eb92318b4716/html5/thumbnails/71.jpg)
Inspirações: http://clubedodesign.com/2013/10/criando-tipografia-dobrada-retro-com-photoshop/
http://bonstutoriais.com.br/efeito-de-texto-de-folha-dobrada-no-photoshop/