Páginas

sexta-feira, 28 de junho de 2013

Como Criar Desenhos Animados no Inkscape

Desde muito pequeno, desenvolvi um grande fascínio pelos desenhos animados. As minhas primeiras animações surgiram em cantos de cadernos ou em pequenos blocos de notas, onde era necessário desfolhar rapidamente as páginas para visualizar o resultado final.
O Inkscape não é uma ferramenta de animação, mas pode ser usado para criar os vários frames desta de uma forma relativamente fácil, graças ao seu ambiente de "vectores".
Neste Tutorial explico apenas como se criam os frames da animação. Depois de produzirem as imagens, é necessário juntá-las com outro programa. Para isso pode usar-se o Movie Maker ou outro equivalente para criar um ficheiro de vídeo, ou um programa como o Gimp para gerar uma animação gif, tal como o exemplo deste artigo.
 

Como Criar Folhas Coloridas no Inkscape

O Inkscape está equipado com algumas funções para gerar cores automaticamente. Este tipo de funções podem tornar-se bastante úteis quando queremos colorir muitos elementos de uma só vez, sem ter de colorir um a um.

Como Escrever Texto sobre Curvas

Escrever texto sobre curvas pode-se tornar numa tarefa relativamente complicada, se não usarmos o software certo. Felizmente existe uma função no Inkscape para nos ajudar a criar textos curvados, exactamente como queremos. Mais info no vídeo do tutorial.
 

quinta-feira, 27 de junho de 2013

Como criar Reflexos com Perspectiva no Inkscape

Neste tutorial explico como se criam reflexos e como podemos usar a ferramenta de perspectiva para dar alguma profundidade ao reflexo de um objecto. Ainda neste tutorial, aplico uma técnica para corrigir a sobreposição dos objectos com transparência. 
Esta técnica também se pode aplicar para a criação de sombras, ou outras projecções.

l

Como Remover Fundo de Imagem no Inkscape

Remover o fundo das imagens é uma tarefa com muita utilidade e bastante mais simples do que se possa pensar. Neste tutorial partilho dois métodos para atingir o mesmo resultado. No primeiro, aplico um corte na imagem com um <Clip>, e no segundo utilizo a ferramenta de <Trace bitmap>.
 

Como criar efeito de texto partido no Inkscape

 
Neste tutorial ensino a criar um efeito de texto partido, enquanto dou algumas dicas para quem ainda não conhece alguns dos atalhos mais úteis do Inkscape. É importante ter em consideração que não se pode editar o tipo de letra do texto ou o conteúdo do texto depois de se transformar o objecto de texto em vector ou caminho (CTRL+SHIFT+C).
 

terça-feira, 25 de junho de 2013

Tutoriais NNG (Programação, Design e Web)

Estou neste exacto momento a preparar uma série de conteúdos e tutoriais que irei partilhar neste site.
Já a partir de amanhã vou iniciar a publicação de tutoriais de Programação, Web Design, Animação e Modelação 3D, e partilhar algumas Técnicas de Ilustração. Para um futuro próximo, dependendo da minha disponibilidade, espero iniciar tutoriais de produção e edição de áudio.
Os tutoriais serão realizados sobre software livre. A edição e compilação de código será repartida entre a misteriosa e medonha Linha de Comandos do Windows, a consola do Ubuntu, os respectivos IDE's de C e JAVA, (DevC++, Netbeans ...), ou o meu editor de texto preferido, o Notepad++(Windows), ou gEdit(Ubuntu). Este último poderá ser substituído por qualquer outro editor de texto da vossa preferência.

Para a criação e edição de imagem, vou ensinar a utilizar os programas Inkscape Gimp. A modelação e animação 3D serão da inteira responsabilidade de outro software também open source, o Blender. 
Em alguns tutoriais, poderá existir uma utilização combinada destes programas devido às especificidades de cada um para diferentes processos. Não é necessário reinventar a roda, nem ir a Roma pelo caminho mais longo quando podemos atalhar.

Se já conheces alguns destes programas e tens dificuldades em atingir o resultado desejado, ou se simplesmente tens ideias para futuros tutorias, não hesites em colocar a tua sugestão.
Quem sabe se não será um bom desafio?
Entretanto se ainda não conheces as ferramentas anteriores, podes saber mais detalhes sobre estas neste artigo, e fazer o respectivo download.


O autor
André Canilho

Software Livre para uso Profíssional

Inkscape 
Neste programa é possível criar imagens vectorizadas SVG, (Scalable Vector Graphics), ou seja, imagens escaláveis para qualquer resolução sem perda de qualidade. O Inkscape oferece também funcionalidades avançadas para criação de documentos PDF, protótipos de páginas Web, edição de imagens, criação de máscaras e aplicação de efeitos visuais.
 
Gimp
É uma ferramenta dedicada à ilustração, mas ao contrário do Inkscape, este pode ser visto como um primo gratuito do Photoshop, devido ás suas inúmeras funcionalidades dedicadas à edição de imagens. 
Blender
O Blender é provavelmente a mais amada e ao mesmo tempo odiada ferramenta desta lista. A simples aparência deste editor 3D engana o comum utilizador e esconde milhares de funções de topo, inacessíveis ou simplesmente inutilizáveis pela maior parte dos modeladores amadores, por falta de conhecimento. Após o utilizador a trabalhar neste programa, será surpreendido pela imensidão do poder desta aplicação, usada por muitos profissionais que não estão dispostos a pagar fortunas, por outras ferramentas pagas, cheias de funções que nunca vão utilizar. O Blender inclui um excelente motor de física, suporte para animação, eventos temporizados, e até um motor de criação de jogos. 
 
Linux MultiMedia Studio 
O LMMS é uma ferramenta para criação de áudio, com qualidade de uma Workstation. O programa inclui suporte para teclado MIDI, oferece uma vasta gama de instrumentos, suporte para os mais típicos sistemas de áudio e uma longa lista de efeitos da qual destaco os nostálgicos sons produzidos pelos chips da famosa Commodore 64.

domingo, 24 de março de 2013

Javascript: Chaves automáticas para Euromilhões

Se tens mais de 18 anos e jogas esporadicamente no Euromilhões, já de certo reparaste nas imensas repetições de números das chaves automáticas nas máquinas oficiais. As repetições diminuem ligeiramente as hipóteses de acertar nos números premiados.

Por essa razão criei um código para gerar chaves verdadeiramente aleatórias. As chaves criadas pela minha página, não têm segredos nem prometem prémios a ninguém. São apenas uma alternativa saudável para aquelas pessoas que passam a vida à procura de novos métodos para descobrir chaves milionárias, mas acabam por cair no erro de usar o sistema oficial.
Para aceder à página cliquem na imagem ou na página seguinte:

sábado, 23 de março de 2013

Relógio em HTML5 (Javascript, Canvas)

 
HTML5 não é novidade nenhuma para mim, muito menos o JavaScript, a principal linguagem para adicionar novas funcionalidades às páginas Web. Se estão interessados em aprender Javascript, recomendo sites de auto aprendizagem como o  CodeAcademy.
Recriei este relógio após descobrir um tutorial interessante, onde na altura me aprendi novos conceitos.
O relógio está disponível na página: HTML5 Canvas Clock by Canilho.