Tip:
Highlight text to annotate it
X
Olá espectador do $MTR !
Aqui quem vos fala é o Borges
e hoje começamos com o nosso estudo de Vector Graphics,
ou Gráficos Vetoriais pra quem preferir.
Usamos o programa Inkscape,
que é "Open Source" e gratuito.
O link está na descrição.
Observe que temos dois círculos na tela,
um deles é Bitmap e o outro,
Vetor.
O Bitmap, quando damos zoom,
podemos observar que a imagem é esticada,
e assim, vemos que ela começa a perder qualidade.
O Vetor, quando damos o zoom,
o computador calcula seus dados e
recria na tela suas informações.
Assim, podemos ter imagens sem perda de detalhes.
É possível transformar imagens em desenhos vetoriais,
mas isso não é simples como se imagina,
requer habilidade e experiência com sua ferramenta e
deixamos isso para mais pra frente, tá legal?
O vetor, é usado desde criar detalhes para sites,
até fazer embalagens, logotipos e outdoors.
O vetor, como eu já expliquei, pode ser redimensionado sem perda de detalhes.
Então, vamos começar nossos estudos no Inkscape.
Aqui em cima temos os botões normais da maioria dos programas,
como salvar, abrir etc.
E do lado, temos os que usamos pra criar no Inkscape.
Como a ferramenta de criar quadrados,
círculos,
polígonos,
ajustar os formatos,
fades e etc.
Para ajudar nossos estudos,
vamos começar criando um logotipo,
vamos criar uma versão do logotipo do meu blog.
O pxxpx.co.cc.
Primeiro vamos começar um novo projeto, clicando em novo.
Uma nova janela vai abrir e a gente já pode começar a desenhar.
Clicamos na ferramenta de texto,
selecionamos uma região e nela, digitamos nosso texto.
No nosso caso, pxxpx.co.cc.
Após, selecionamos o nosso texto.
Clique no ícone do mouse, no menu do lado esquerdo.
Esse botão, nos serve para selecionar nossos vetores,
textos e imagens.
Entenda-se Bitmaps.
Ok, agora clique em "Text" ou Texto e depois em "Text" and "Font" ou
Texto e Fonte.
Após, precisamos escolher nossa fonte e eu vou usar a que mais me apetece no momento,
que é a Freesans.
Se você não tiver essa fonte, pode encontra-la no link na descrição do vídeo.
Selecione o tamanho para a fonte, e eu vou escolher o número 40, clique em "Close".
E se o texto não estiver mais selecionado,
basta clicar nele.
Se a fonte estiver muito pequena,
o texto que você selecionou,
basta você clicar nas setas do lado pra aumentar o tamanho do texto.
Se você quiser um aumento proporcional,
tanto em altura quanto em largura,
pode deixar o Ctrl no teclado pressionado,
que ele trata de arrumar.
Agora que temos o texto arrumado,
precisamos do fundo,
selecionamos o quadrado no menu do lado esquerdo e
clicamos e arrastamos pela área,
até cobrir todo o nosso logotipo.
Mas isso não é um problema,
já nós vamos trazer esse quadrado para trás.
Quando você achar um tamanho satisfatório,
basta soltar o botão do mouse.
Agora, vamos até esse botão aqui em cima,
que se chama "Lower selection one step" ou diminuir a seleção em uma camada.
Ele pega o que está selecionado e
leva uma camada para trás, clique no botão.
Você observa que os botões do lado também tem funções parecidas,
este leva o objeto a uma camada acima,
este o objeto para a primeira camada de todas e
este para a última camada.
Então, o objeto que foi criado antes,
está na camada da frente agora,
ou seja,
o texto está em cima do nosso quadrado.
Mas nós não conseguimos ver, certo?
Pois os dois estão escuros, com a mesma cor, preto.
Clique no quadrado e mude sua cor para cinza,
basta clicar na cor na palheta aqui em baixo.
Pronto, agora selecione o texto e clique na cor branca.
Selecione o quadrado novamente e ajuste o seu tamanho,
se preferir, para melhor se adequar ao texto.
Vamos arrumar esse quadrado, e deixa-lo bem bonito.
Clique no botão em baixo do ícone do mouse,
no menu do lado esquerdo.
Nosso quadrado cinza, agora tem pontos em volta, certo?
Os dois quadrados dos cantos,
são para alterar o tamanho, e o círculo, é para alterar as pontas do cubo.
Clique no círculo e arraste,
e terá um quadrado com cantos arrendondados e é isso que queremos.
Para terminar com o estilo do quadrado,
clique no penultimo ícone do menu a esquerda,
que se chama "Create and edit gradients" ou criar e editar degradês,
ou gradientes.
Clique no quadro e arraste,
assim como eu estou fazendo.
E veja, que ele irá criar um efeito de mudança de cor,
na verdade,
a parte que você clica,
se torna a parte opaca e a que você arrasta,
a parte transparente.
Solte, e veja que o programa lhe apresenta
um risco que mostra o sentido que você tomou.
Basta clicar em qualquer uma das pontas
e mudar a sua cor para personalizar mais.
Vamos mudar a ponta que está transparente para outra cor,
como esse preto
e ajustamos o "gradient" para ficar mais bonito.
Agora,
finalizamos o nosso projeto transformando o texto em algo editável.
Selecione o texto,
clique em "Path",
depois em "Object to path"
e agora vamos em "Object" e depois "Ungroup"
isso vai desagrupar as letras.
Da mesma forma,
se você clicar em "Group",
com mais de um objeto selecionado,
ele vai agrupar os objetos selecionados.
O que vamos fazer,
é criar um buraco no retângulo,
para que a parte onde está o texto seja transparente,
mas o quadrado não.
Vá em "Path" novamente e clique em "Combine".
E tornamos todo o texto em um só objeto,
ou seja,
combinamos.
Agora selecione o retângulo com o "Shift" pressionado,
para termos o texto e o retângulo selecionados ao mesmo tempo.
Vá em "Path" e clique em "Difference".
E agora temos um retângulo,
com o texto escrito dentro dele,
como se estivesse side cortado.
Você também pode fazer isso com outros polígonos,
como a estrela,
o triângulo,
o quadrado, etc.
E é isso,
aqui está o logotipo do pxxpx.co.cc customizado.
Na hora de salvar, basta selecionar o seu desenho,
ir em "File" ou Arquivo, ir em "Save" ou Salvar.
Se você quiser exportar o seu desenho,
para que você possa abrir em sites ou até dentro do seu computador,
sem que você tenha o Inkscape,
basta ir em "File" e depois "Export" ou Exportar,
digitar um nome para a imagem,
clicando aqui e depois clicar em Exportar.
Ele vai exportar tudo,
levando em consideração a transparência.
Então se você quiser um fundo branco,
basta criar um quadrado atrás do seu desenho,
se você não fizer isso,
ele vai entender que tudo está atrás do desenho,
é absolutamente nada,
logo, transparente.
Se você gostou, inscreva-se, comente e entre na nossa comunidade
no Orkut,
o link está na descrição.
Até a próxima aula.
Até a próxima aula.