Design Digital

Polivalência no uso de ferramentas para ilustração digital

 

24 de novembro de 2011 | por Equipe Alpha Channel

 

Estar familiarizado com um determinado software é ótimo. Ainda mais se você faz uso dele constantemente (aumentando seu grau de experiência) criando sua própria maneira de manipulação.

 

Quando isso acontece, naturalmente costumamos “torcer o nariz” para softwares concorrentes, o que não é uma boa prática. Deixemos os “bairrismos” de lado e concentremo-nos na melhor maneira de executar as ações!

 

Ferramentas distintas podem sim trabalhar em conjunto, possibilitando maior experiência e agilidade na confecção de uma ilustração.

 

São diversas as combinações de “dobradinhas”, “trios” e até “quartetos“ de softwares que podem atuar juntos em prol de um melhor rendimento.

 

Por exemplo, o fluxo de trabalho com vetores dentro do Corel Draw pode ser mais ágil que no Adobe Illustrator. O fato é que, no AI, o método de coloração e degradés são superiores. Um ilustrador poderia então trabalhar a base dentro do primeiro e finalizá-la no segundo, exportando seu arquivo em EPS ou até mesmo em AI.

 

Em outro exemplo, temos uma imagem a ser tratada e posteriormente ela deverá receber “pinceladas reais”. Sabemos que o Adobe Photoshop está bem aquém do Corel Paiter nesse quesito. Então trabalhamos os ajustes de imagem no PS e mandamos o mesmo para o Painter.

 

É dessa maleabilidade que o ilustrador digital contemporâneo deve se utilizar. Tudo a favor do melhor resultado!

Design Digital

Neon a jato no Photoshop

 

19 de outubro de 2011 | por Equipe Alpha Channel

 

Usar neon para fundos escuros em materiais que necessitem de uma cara mais vintage e cool é uma ótima pedida!

Esse é um daqueles efeitos que você pode realizar rapidamente, uma vez que tenha praticado bastante. Você notará que com o passar do tempo, seu efeito neon ficará cada vez mais convincente. A partir daí é só incorporá-lo em seu trabalho, misturando-o com outras técnicas.

Veremos agora como conseguir um efeito neon interessante. Para desenvolver o exemplo abaixo foram gastos aproximadamente 25 minutos.

 

Para começar, escolha uma fonte interessante, de preferência sem serifa e do tipo bold. Digite seu texto e coloque-o na posição desejada. Ajuste o espaçamento entre os tipos na aba “Character”. (Figura 1).

Figura 1

 

Com a tecla Ctrl Pressionada, clique sobre o ícone de texto na layer onde foi digitado para selecioná-lo. (Figura 2).

Figura 2

 

 

Refine a borda da seleção através do painel “Refine Edge” (Ctrl + Alt + R), escolhendo o modo de visualização “Black and White” e arredonde as bordas através dos rolamentos “Smooth” e Contrast” no campo “Adjust Edge”. (Figuras 3 e 4).

Figura 3

Figura 4

 

 

Com o refine edge concluído, selecione o texto refinado com a “Magic Wand Tool”, crie uma layer, vá em Edit e escolha a opção “Stroke”. Escolha uma largura para o stroke conveniente, além da cor. Marque a localização “Outside”. (Figuras 5 e 6).

Figura 5

Figura 6

 

 

Desabilite a layer de texto e você terá a borda que será transformada em tubos de neon. Usando a borracha, apague alguns cantos para simular melhor o caminho da tubulação. (Figuras 7 e 8).

Figura 7

Figura 8

 

 

Selecione a nova borda e a partir do menu Select, vá para “Modify” e então, “Contract”. Contraia a seleção, escolhendo um valor conveniente e na sequência, aplique um filtro “Gaussian Blur”, encontrado dentro do menu “Blur” em “Filters”. (Figuras 9 e 10).

Figura 9

Figura 10

 

 

Crie uma layer por baixo da tubulação e, aproveitando a seleção, preencha-a de branco. (Figura 11).

Figura 11

 

 

 

Aplique um fundo para sua imagem. Lembre-se que esse fundo deverá ficar bem escuro no final, para que o efeito seja interessante! (Figura 12).

Figura 12

 

 

Simule as dobras da tubulação utilizando a “Burn Tool”. Depois, carregue novamente a seleção e expanda-a de maneira conveniente. Preencha a seleção com a mesma cor utilizada para o tingimento da tubulação e, novamente em “Refine Edges” faça os ajustes para esfumaçar a “luz”. Caso necessite, aplique “Gaussian Blur” após refinar. Regule brilho, contraste, opacidade e até duplique alguma das layers de iluminação se for conveniente. (Figuras 13 e 14).

Figura 13

Figura 14

 

 

Depois escureça o fundo e pronto! Veja o resultado:

Design Digital

Curso Online de Ilustração Digital ( Em Breve )

 

23 de agosto de 2011

 

Em breve a Alpha Channel estará disponibilizando cursos onlines, entre eles teremos o curso de Ilustração Digital ( Photoshop e Ilustrator ).

Neste Curso você vai aprender:

 

 

 

Design Digital

Novo logo Alpha Channel

 

05 de abril de 2010

Alpha Channel renova identidade visual

Depois de mais de 6 anos, como parte de uma estratégia de modernização e crescimento, a Alpha Channel adota um novo logotipo.

A nova identidade visual pretende uma linha gráfica mais simples e objetiva. O desenho anterior, que remetia ao mundo da modelagem tridimensional, agora tem um tom mais sutil. Os efeitos de volume e luz deram lugar a apenas uma leve sugestão de tridimensionalidade.

O logo anterior nasceu de um centro de ensino que tinha como foco a computação gráfica em sua vertente latente na época, a modelagem tridimensional. Hoje, a Alpha ensina e atua em todas as áreas que envolvem a computação, de desenho arquitetônico a games. Por isso, a quase exigência de uma adequação a essa nova e bem sucedida realidade.

Os requisitos da marca:

O novo logo precisava demonstrar duas coisas distintas: arte e tecnologia. Além disso era desejável que remetesse à indústria de engenharia aeroespacial, berço de fundação da escola.

Depois de muita discussão surgiu a figura da águia, mais especificamente a cabeça de águia em forma de brasão metálico. Em uma forma simples e com poucos traços foi possível sintetizar a forma e, ao mesmo tempo, remeter ao formato triangular do logotipo anterior deixando assim uma espécie de herança visual.

A figura ganhou um pequeno relevo e uma luz suave para insinuar muito sutilmente um certo volume.
A águia metálica acabou remetendo, como pretendido, à origem da escola: a indústria aeroespacial. Ao mesmo tempo, uma figura orgânica e, até certo ponto, poética (o pássaro) foi representada de forma dinâmica, forte e tecnológica. justamente aí residiu a fusão de arte e tecnologia.

A tipologia da palavra Alpha foi desenhada especialmente para o logo, partindo de formas arredondas, mais suaves e femininas, mas sem perder a força que se faz presente na textura metálica da palavra.

Junto às decisões de desenho também foi opção destacar o nome Alpha. Isso por que a escola percebeu que no dia-a-dia e até mesmo na boca do grande público, todos se referiam à escola na forma curta, apenas "Alpha". Por isso a palavra channel acabou descendo e ganhando menos destaque e, claro, enfatizando mais ainda o ALPHA.

Esperamos que todos tenham gostado e que esse seja apenas o início de uma Alpha mais moderna, dinâmica e cada vez melhor para seus clientes e alunos.

 

 

------------------
O logotipo Alpha é uma criação do estúdio Alpha Channel.

Design Digital

Inkscape: gráficos vetoriais com software livre

 

08 de março de 2010 | por Willian Padovani Germano

Inkscape: gráficos vetoriais com software livre

O que é o Inkscape?

Como apresentação, vamos traduzir livremente a explicação dada no site oficial dele:

"Um editor open source de gráficos vetoriais, com capacidades semelhantes ao Illustrator, CorelDraw, ou Xara X, usando o padrão SVG ("Scalar Vector Graphics") do W3C como formato de arquivo.

O Inkscape suporta muitos recursos avançados do formato SVG (marcadores, clones, alpha blending, etc.) e grande cuidado é tomado para se criar uma interface simples e direta. É muito fácil editar "nodes", realizar operações complexas com caminhos ("paths"), traçar bitmaps e muito mais. Também é nosso objetivo manter uma comunidade de usuários e desenvolvedores próspera, ao usar um desenvolvimento aberto, orientado pela comunidade."

Imagem do Inkscape com um dos tutoriais que acompanham o programa:

 

Notas: 1) W3C é o "World Wide Web Consortium", a organização que desenvolve e recomenda padrões internacionais para o desenvolvimento da web, como HTML, CSS, SVG, etc. 2) As imagens do Inkscape mostradas neste artigo foram feitas com a versão 0.46 no Linux e recortadas / redimensionadas no Gimp 2.6.6.

O Inkscape é software livre, governado pela licença GNU GPL, como o Blender, o Gimp, o sistema GNU / Linux, etc. Ele roda em plataformas Windows, Mac OS X e sistemas Unix, como o Linux.

Interessante notar que o Inkscape é um caso especial, por ser um "fork" (um ramo, um desmembramento) de outro programa, chamado Sodipodi. Esse é um recurso da licença GPL, que permite que qualquer pessoa copie o código de um programa GPL e possa desenvolvê-lo independentemente a partir daí, desde que também use a mesma licença. "Forks" geralmente ocorrem por divergências entre os líderes de um projeto e um ou mais programadores ligados a ele quanto ao desenvolvimento do programa. É uma boa maneira de evitar que projetos definhem e todo o trabalho feito neles se perca. No caso específico do Inkscape, os programadores que decidiram se desligar do Sodipodi em 2003 queriam que o foco do desenvolvimento fosse bom suporte ao formato SVG, uma interface mais fácil de usar, etc., além de aspectos mais técnicos.

Felizmente o Sodipodi também continuou e ambos existem como opções hoje em dia.

Mais imagens de tutoriais que acompanham o Inkscape, com exemplos de figuras criadas nele:

 

Antes da existência do Inkscape, programas para criar e editar gráficos vetoriais não haviam conseguido obter sucesso como software livre. Diversos projetos existiram, mas ou foram abandonados ou se desenvolveram muito lentamente. Pode-se dizer que era uma área problemática, como a de software 3D, antes do Blender tornar-se open source.

Com o Inkscape isso mudou. O desenvolvimento dele tem sido rápido e sadio desde sua criação. É um projeto de sucesso, como Blender e Gimp, trazendo diversos novos recursos a cada versão lançada, além de melhorias no desempenho, algo muito importante para programas desse tipo.

Aliás, a principal crítica ao Inkscape, de artistas que usam software comercial profissionalmente, é que ele não lida bem com arquivos grandes e complexos, cheios de efeitos. Programas comerciais de ponta possuem renderizadores mais robustos e rápidos que o dele. Felizmente o desenvolvimento do Inkscape segue em boas mãos e, com máquinas cada vez mais rápidas e, futuramente, a possibilidade de usar aceleração via hardware (tendência para todos os programas gráficos), esse problema deve ser resolvido.

Mas note que o Inkscape já é um programa bastante capaz e atende muito bem as necessidades da maioria dos usuários, o que pode ser comprovado olhando-se a galeria de trabalhos feitos com ele: http://wiki.inkscape.org/wiki/index.php/Galleries

No dia 24 de Novembro de 2009 chegou oficialmente a versão 0.47, resultado de intenso trabalho de reprogramação de algumas partes do Inkscape. Além disso, que resultou em performance melhorada e uma base superior para futuros desenvolvimentos, a 0.47 trouxe uma extensa lista de novos recursos, que se somam aos muitos que ele já possuía.

Sobre a versão 0.47:

- Notas do lançamento, em Inglês: http://wiki.inkscape.org/wiki/index.php/ReleaseNotes047
- Imagens da interface: http://inkscape.org/screenshots/index.php?lang=en&version=0.47

Famosa imagem em SVG de um tigre, aqui aberta no Inkscape:
(link do arquivo original: http://commons.wikimedia.org/wiki/File:Ghostscript_Tiger.svg )

 

 

Atualmente o desenvolvimento do Inkscape entrou na fase de preparação para o próximo lançamento, o 0.48.

Mais informações sobre o Inkscape:

- Comunidade brasileira: http://wiki.softwarelivre.org/InkscapeBrasil
- Site oficial: http://www.inkscape.org
- Links para download: http://wiki.softwarelivre.org/InkscapeBrasil/Download , http://www.inkscape.org/download
- Documentação (inclusive em Português) : http://www.inkscape.org/doc/index.php
- Blog com mais tutoriais em Inglês: http://inkscapetutorials.wordpress.com
- Mais uma galeria: http://inkscapegallery.net

- Comunidade de "cliparts" de licença livre, que podem ser editados no Inkscape: http://www.openclipart.org

Na Wikipédia:

- Inkscape: em Português: http://pt.wikipedia.org/wiki/Inkscape , em Inglês: http://en.wikipedia.org/wiki/Inkscape
- Sodipodi: em Português: http://pt.wikipedia.org/wiki/Sodipodi , em Inglês: http://en.wikipedia.org/wiki/Sodipodi
- O formato SVG: em Português: http://pt.wikipedia.org/wiki/SVG , em Inglês: http://en.wikipedia.org/wiki/Scalable_Vector_Graphics 

1 2 3 4 5 6 »