Mostrando postagens com marcador computação gráfica. Mostrar todas as postagens
Mostrando postagens com marcador computação gráfica. Mostrar todas as postagens

terça-feira, 1 de novembro de 2016

"Como fazer isso?"

De que maneira você age quando você precisa desenhar algo e não sabe como? Normalmente irá perguntar a alguém ou pesquisar em busca de respostas, não é? Porém, muitas vezes não dá tempo, pois desenhistas trabalham com prazos de entrega, prazos quase sempre curtos.

Portanto, haverá ocasiões (várias, eu diria) em que você estará por sua conta...quando deverá fazer sozinho, ao menos tentar, empregando os conhecimentos e ferramentas disponíveis, no momento. Foi o que aconteceu neste desenho que fiz há alguns dias:

Esse símbolo, provavelmente, é celta. Já o vi em várias imagens na internet...mas se existe um tutorial ensinando como traçá-lo, não tive a oportunidade de encontrar! Assim, tive que me virar, pegando a melhor referência (1) de que dispunha (infelizmente não lembro onde baixei essa imagem) e abri no Photoshop:

No programa, separei o símbolo do resto da imagem e utilizei as ferramentas de transformação (Warp, inclusive) para deixar o símbolo o mais plano possível. Até aquele instante eu tinha um palpite: a parte interna do símbolo lembrava bem uma estrela de cinco pontas (2)...


...então, talvez fosse melhor iniciar a construção do símbolo através de um pentágono (3), até porque eu poderia encaixar uma estrela dentro dele (a), caso fosse necessário.



Depois de construir o pentágono, notei outra coisa: se colocasse um círculo com o mesmo diâmetro de um dos lados do pentágono (4) e alinhado com precisão (setas vermelhas), eu teria uma boa base para trabalhar...



...e bastaria traçar o demarcador (ou o path, como conhecem alguns) até o topo do pentágono (5). Em seguida, era só contornar o demarcador com a espessura desejada, duplicaria as figuras resultantes mais quatro vezes (para completar cinco) e girar essas figuras 72 graus, tendo por eixo o centro do pentágono (indicado, na imagem abaixo, pela bolinha azul).



Não deu muito certo essa minha primeira tentativa (6), as formas não se encaixavam direito umas às outras (eu colorizei cada uma delas, a fim de tornar mais claro esse fato):



Eram, basicamente, dois problemas a se resolver (7): primeiro, no ponto marcado pelas setas vermelhas aparecia a emenda de duas formas e, segundo, as bordas dos contornos estavam onduladas, feias demais (a). Esse último problema ocorre muito no Photoshop, quando você contorna o demarcador com um traço muito espesso, igual ou superior a doze pixels de espessura. (Correção: na verdade, ele acontece a partir de espessuras de 30 pixels, como constatei depois de mais testes).



Na segunda tentativa,consegui deixar as bordas dos contornos mais suaves (veja aqui a técnica que empreguei), mas o problema de encaixe entre as formas continuava (8).



Ocultei, então, todas as camadas das formas, exceto duas delas (9) e corrigi a área problemática, usando demarcadores e máscaras de camadas. Veja que a curva, agora, ficou certinha (a).



Dupliquei a forma resultante e girei. Com esses cuidados, obtive o símbolo razoavelmente traçado (10) e podia partir para o acabamento.



Tratei as formas de modo a deixá-las trançadas umas às outras (11). Esse efeito não é tão difícil de se conseguir, só exige atenção e que você saiba usar máscaras de camada. Aqui tem um antigo tutorial meu, ensinado como fazer no Gimp (você terá poucos problemas em adaptar a técnica no Photoshop). Pintei as figuras com verde, de uma tonalidade média.



Selecionei todas formas, aumentei a seleção em quatro pixels e, em uma camada abaixo, preenchi a seleção com um tom de verde mais escuro (12).



Em seguida, selecionei as formas dessa camada, aumentei, de novo, a seleção em quatro pixels e pintei a seleção com o tom médio (13) em uma nova camada. Refiz essas ações, desta vez preenchendo a seleção com um tom de verde mais escuro que os anteriores(a)...



...deixando o símbolo com este aspecto (14):



Geralmente gosto de deixar um contorno interno, em um tom escuro (15). Para obtê-lo, também seleciono todas as formas...no entanto, neste caso eu,logicamente, reduzo a seleção, em vez de aumentá-la.



Para não deixar o fundo vazio, fabriquei essa figura com raios(16), semelhante às speedlines e a colorizei com degradê, de modo a ajudar a dar destaque ao símbolo (no futuro, se possível, ensinarei como traçar essa figura do fundo).



Resolvi trabalhar um pouco mais no contorno interno (17). Selecionei-o e aumentei a seleção em quatro pixels...e, em uma camada abaixo dele, pintei com um verde claro. Experimentei, ainda, aplicar patterns no contorno interno... até achar um que combinasse (a). Mais abaixo, na figura, (b) há uma amostra do pattern escolhido:



Para finalizar a ilustração, apliquei degradês de verde-claro nos quatro cantos do fundo...e fim.


Então...é isso! Até gostaria de ter postado a você um tutorial completo. Infelizmente não foi possível, isto me exigiria mais tempo e condições mais favoráveis. Mas, caso haja dúvidas, pode perguntar e responderei assim que puder... ou explicarei com maiores detalhes em futuras postagens.

domingo, 1 de maio de 2016

Nova arte

Há tempos eu não fazia uma nova arte, dessas nos estilo "mandala":

Chamo essas figuras circulares por esse nome, na falta de um termo melhor: elas nada tem a ver com as tradicionais mandalas (nem eu tenho a pretensão de seguir o estilo delas). Como sempre me baseio em uma referência: o original era um desenho estilo mesopotâmico, encontrado num livro alemão do século XIX, provavelmente eu devo ter pegado no Archive.org. Perdi o link do livro, posto aqui a imagem da página:

Como sempre, eu projeto a figura no Inkscape, pra melhor precisão. Durante o processo eu modifico muitos elementos, construindo a figura conforme julgo melhor. Quando acho que ela está OK, exporto a imagem no formato png, com fundo transparente. Na fase seguinte, faço o acabamento em programa gráfico, desta vez escolhi o Photoshop. Na imagem seguinte (clique para ampliar), você pode ver os dois programas abertos:

Aqueles que acompanham o blog ou meu trabalho (ou ambos) talvez estejam se perguntando porque eu não concluí a arte no Gimp...então, gostaria de deixar alguma explicação a respeito.

Bom, a verdade é que a minha "fase Gimp" acabou, infelizmente! Parte da causa foi a questão do hardware: o programa não aceitou minha mesa digitalizadora Wacom de jeito nenhum. Fui instalar os filtros G'Mic... e nenhum deles funcionou! O mesmo ocorreu com uns plugins interessantes que encontrei (inclusive um plugin japonês para gerar speedlines). Isso tudo me limitava o uso do Gimp, pois não podia usá-lo em artes tipo pintura digital, nem para dar efeitos no contorno dos desenhos.

Fora o fato (inegável) de que muitos blogs e sites dedicados ao Gimp simplesmente deixaram de receber atualizações faz uma data ou fecharam de vez. O Fórum Gimp está virtualmente morto, embora ainda esteja no ar: nenhum usuário aparece mais por lá. E, pena, grande parte daqueles tutoriais se perderam, quase todos os links se encontram quebrados.

Somando tudo isso, não dá realmente ânimo para continuar usando o programa, pois já não me daria condições de evoluir, nem de fazer novas expeimentos nele...portanto, o jeito é tocar a vida em frente.

domingo, 13 de março de 2016

Efeitos em imagens com o G' MIC

O G'MIC é um conjunto de filtros para dar efeitos em imagens (são 316 filtros!). Estou postando um exemplo pra você ter uma idéia do potencial dele. Esta é uma imagem antiga feita no Blender (um programa de modelagem 3D pra quem não conhece):

Após a aplicação de um dos filtros do G'MIC, a imagem ficou assim:

Onde achar o G'MIC? Como Usar? Se você possui o Gimp, pode baixar e instalar no próprio programa. Desse modo, basta abrir a imagem que você quer alterar no Gimp...e aplicar o filtro escolhido, como faria com qualquer filtro normal. Aqui você baixa o G'MIC e consegue maiores informações. Infelizmente está tudo em inglês...se ajuda, consulte esta matéria do Gimp Brasil (só não adianta baixar por lá, pois o link está quebrado).

Se você não usa o o Gimp ou (como no meu caso) não conseguiu instalar o G'MIC, pode utilizar o G'MIC Online, que te permite aplicar os filtros na imagem, através do navegador.

Primeiro, clique aqui para acessar o G'MIC Online. No canto inferior esquerdo da página (1), clique em "Open file". Escolha a imagem que você quer trabalhar. No canto esquerdo da tela você terá um pequeno preview de sua imagem, para ver outras partes dela, clique em um canto em "Local view" (2).

Os filtros estão agrupados em dezessete Categorias. No exemplo eu escolhi na categoria "Patterns" (3) o filtro "Op art" (4). No lado direito da tela (5), você terá uma série de controles para a configuração do filtro. Dependendo do filtro escolhido, haverão mais ou menos controles para ajustar. Mexa à vontade nesses controles, sempre de olho no preview. Se a imagem não estiver saindo de seu agrado, clique no botão "Reset" (6) para recomeçar os ajustes; se a imagem está como você quer, clique em "Render full image" (7).

A partir daí, é só clicar no botão "Download" (8). Será exibida a sua imagem com o efeito aplicado (9), clique com o botão direito do mouse sobre ela e escolha "Salvar imagem como...". Por padrão é atribuída à imagem o nome de "img.cgi" (10), não sei o motivo. Mas basta apagar esse nome e digitar outro nome e extensão (11). No exemplo eu coloquei como: caneca_haltone1.jpg... e salvou normalmente.

Detalhe: o arquivo saiu maior. O original tinha 899x532, o segundo ficou com 1884x1116. Por que isso? Talvez eles coloquem um tamanho maior para manter a qualidade... ou talvez ocorreu dessa forma porque eu aumentei a configuração do controle "Resolution", na hora dos ajustes. Mas aí, basta você reduzir o tamanho da imagem, através do programa gráfico de sua preferência.

domingo, 21 de fevereiro de 2016

Recursos para Photoshop

Fiz alguns recursos para Photoshop e estou disponibilizando para download:

• Pincéis decorativos: esses não são para pintura e sim para fins decorativos, como diz o nome... :)


• Estilos de camada: com eles você pode dar efeitos a textos e objetos, fácil e rápido, como nestes exemplos (clique na imagem para ampliar):


• Formas personalizadas para Composição:

Formas personalizadas são vetores prontos, salvos em um arquivo. No caso destas formas, a finalidade delas é para serem usadas em composição, tanto em fotografia quanto em desenho ou em design. Quem já ouviu as palavras "Regra dos Terços","Regra Áurea" (ou "Golden Ratio"), já saberá de que se trata.

Os recursos estão num pacote zipado, para baixá-los, basta clicar aqui. Dentro do pacote, há um mini-tutorial explicando brevemente como instalar e utilizar, aconselho a lerem. Caso tenham alguma dúvida, é só perguntarem aqui.

terça-feira, 9 de fevereiro de 2016

Experimentando

Gosto de consultar antigos livros sobre arte e ornamentos, são boas fontes de inspiração. Eu escolho algumas ilustrações e faço vetorização manual delas no Inkscape. Entretanto, não me limito a apenas copiar o desenho: procuro melhorá-lo, simplificá-lo ou mudar alguns detalhes nele, acrescentando ou tirando... até ele sair de um jeito que me agrade.

Claro que, nesse processo, erros ocorrem. Há desenhos que começam bem, mas quando os termino, me deixam com sensações tipo "não gostei disso, não" ou "falta alguma coisa". Aqui está um exemplo recente:



Testei vários esquemas de cores, nenhum me pareceu mais adequado que o verde...e ter aplicado degradê não ajudou absolutamente nada, pelo contrário: só piorou o resultado. No caso dessa ilustração, o ponto forte dela era o próprio desenho das plantas. Assim, decidi refazer o acabamento, deixando as cores de lado e escolhendo um caminho mais simples:



Reparem que eu só apliquei uma retícula no fundo e, mesmo assim, reduzi bem a opacidade da camada onde elas estavam, de modo a deixá-las num tom de cinza claro. Como precaução adicional, coloquei um contorno branco nas folhas, para destacá-las ainda mais. O que aprendi nessa experiência me ajudou bastante no acabamento desta outra ilustração:



Mexi o menos possível nas formas decorativas, só aplicando um degradê clarinho no centro e sempre cuidando para que os elementos do fundo não atrapalhassem a visualização delas.

Num desenho você nunca deve esquecer qual é o elemento principal dele. Se você coloca coisas demais, arrisca a torná-lo confuso, como no meu primeiro exemplo. Quando isso acontecer, procure simplificar, removendo os elementos em excesso. É a melhor saída.








domingo, 24 de janeiro de 2016

Sem Gimp desta vez...

Tomei o hábito de usar o Inkscape para construir minhas figuras, como mostrado em postagens anteriores. Hoje eu quis fazer o acabamento de uma delas no próprio Inscape...porém, inexplicamente, ele tornou-se lento demais, quando editei o degradê (à esquerda, na imagem abaixo). Memória RAM não era, tenho 4 GB. Daí, deixei só os contornos da figura (à direita) e exportei como uma arquivo png:


Geralmente faço o acabamento no Gimp...hoje decidi empregar o Photoshop na tarefa (daí o título desta postagem). O resultado:

No Gimp eu dificilmente recorria aos estilos de camada: ele até tem esse recurso, mas nunca acertei utilizá-lo. Era tudo "na unha" e com a ajuda de certos filtros. No Photoshop, para esse trabalho, segui um caminho alternativo: parte dos efeitos eu obtive com os estilos de camada e parte foi por via manual (degradê e máscaras de camadas, entre outras ferramentas).

domingo, 20 de dezembro de 2015

Desenhando Gemas

Não, não são gemas de ovo (rsrs): são gemas minerais! Eu encontrei este tutorial sobre o assunto no Deviantart. O autor, provavelmente, desenhou a gema no Photoshop. Na hora eu pensei em fazê-las em um programa diferente, vetorial. No Inkscape, para ser mais exato. Aí está o resultado:



Mas por que não as fiz no Photoshop (ou no Gimp)? Porque, de vez em quando, gosto de praticar experiências assim: pegar algo criado em um programa e procurar reproduzir o efeito em um outro.

Acredito que me ajuda a achar maneiras diferentes de obter o mesmo resultado (ou bem próximo). Nessas tentativas, às vezes consigo descobrir um efeito totalmente novo...ou a experiência fracassa redondamente! Também faz parte do processo criativo, não dá pra acertar sempre...

Aí alguém vai pedir: "Posta um tutorial!" Infelizmente não tenho tempo, assim vou indicar um, onde eu ensino um efeito próximo: usando as técnicas dele, não será difícil você conseguir algo similar. O tutorial chama-se: Botão de Vidro no Inkscape.







domingo, 15 de novembro de 2015

Cadê a computação gráfica?!

Aqueles que lidam com computação gráfica e acompanham o blog devem estar fazendo essa pergunta. Porque, até agora, só houve postagens referente a Desenho. Assim, decidi explicar as razões...

Bem, primeiro, a maioria dos meu tutoriais a respeito do assunto são antigos. Os do GIMP quase todos redigidos no período de 2008 a 2010. Os de Photoshop em 2006. Evidente que muita coisa mudou (sempre muda) de lá pra cá. As versões e o lay-out dos programas evoluem, novas ferramentas e recursos aparecem, os comandos mudam de lugar, a gente descobre novos jeitos de fazer "aquele" efeito...e por aí vai.

O ideal seria revisar todo esse material, reescrevê-lo e postá-lo aqui. Mas a tarefa demandaria tempo, algo que não tenho muito disponível, no momento. E simplesmente repostar me pareceu insuficiente (e um tanto inútil, pois o material já está alojado em outros locais).

Então, decidi praticar os tutoriais com versões mais atuais dos programas e publicar as experiências, explicando as diferenças que encontrei e, se possível, mostrando outros usos para os efeitos. Me parece a melhor solução, pelo menos agora. O primeiro será um tutorial de GIMP sobre como dar um efeito de retícula. Até lá.