Archive for the blogueiro Category

Nós Vencemos!

Posted in Blender, blogueiro, computação gráfica, Computação Gráfica Livre, Gimp Documentação, Gimp tutoriais, inkscape, Linux, razgriz, software livre, Sotware Livre Rio de Janeiro, Tutoriais, wordpress with tags , , , , , , on junho 7, 2018 by PhenonArt

Caros,

Eu confesso que não pensava em escrever essas linhas e muito menos reativar um espaço que na minha humilde opinião já tinha cumprido o seu propósito e encerrado o seu ciclo….até que 7 anos depois….

raz latinoware lab.png

Foi durante a Latinoware de 2017 que as primeiras pessoas vieram me perguntar: “E então… estamos sentindo a sua falta…. não vai mesmo voltar?” , “Poxa depois que o seu Tumblr saiu do ar ficamos meio que sem referência, Porque você foi embora?” isso dentre outros. Diante disso, resolvi verificar a então empoeirada caixa de mensagens do blog desativado e dentre as muitas pedindo o retorno recebi uma que foi decisiva para talvez uma das decisões mais FELIZES que eu já tomei na minha vida. EU NUNCA deveria ter saído daqui. Eu NUNCA devia ter parado de escrever de forma aberta. E principalmente: Eu  nunca deveria ter dado ouvidos a certas pessoas que dizem querer o teu bem enquanto desejam e fazem de tudo para que o contrário aconteça. Formalidades a parte, apresento a vocês o nosso novo norte de estudos e algumas informações importantes :

1: Aqui, eu não vou me concentrar em edição de imagens.

CALMA! Isso não quer dizer que vou parar de falar do Gimp ou qualquer outro software de edição Bitmap, mas não será mais o foco dos nossos estudos uma vez que estamos indo para um universo bem maior!  Caso queira se aprofundar neste tema recomendo fortemente a compra do meu livro de Gimp que ainda é bem relevante e atual.

2: Agora vamos falar de criações palpáveis.

Isso mesmo! Quem me acompanha sabe  o quanto tenho me dedicado nos últimos anos a cena maker e mais especificamente a impressão 3D, sendo assim natural a escolha desta nova proa =].

3: A tradicional regularidade está de volta!

Vou tentar retomar o rítimo antigo de pelo menos 1 assunto novo por semana, mas sem cobranças, pois tenho assim como vocês outras obrigações também =].

Quanto ao Nosso novo norte :

flisol20171.jpg

 

 

Vamos começar falando um pouquinho sobre o papel do design no cenário atual, suas possibilidades e como podemos integrar as novas e poderosas ferramentas que serão apresentadas aqui a nossa rotina!

 

Eu espero que nesta nova etapa possamos aprender ainda mais uns com os outros e tirar proveito disso da melhor forma possível. Dito isso meus caros amigos, vejo vocês muito em breve no nosso próximo assunto!

 

Anúncios

BLOTOINGS!

Posted in blogs, blogueiro, computação gráfica, Computação Gráfica Livre, Gimp Documentação, Gimp tutoriais, gimp tutorial, Linux, sl rj, slrj, software livre, Sotware Livre Rio de Janeiro, Tutoriais, tutorial, wordpress on março 17, 2008 by PhenonArt

Bem, eu não sou o do tipo que gosta de coisas “bonitinhas”(a não ser mulheres…sobretudo a minha esposa hehe) e também confesso que não tenho interesse na criação de interfaces*(ops hehe ai depende para que ela vai servir hehe) e ou quando se fala em layouts para a Web, porém, alguns aprendizes que acessam a documentação com freqüência e que são “blogueiros” assíduos*(pois é, se todos resolvessem escrever documentação eu ficaria bem feliz =]) , me pediram pra falar sobre isso, então, hoje nós vamos falar sobre a criação de layouts para blogs, então, é hora de parar de teclar e colocar a mão na massa=], vamos lá:

IPC: O tema que nós vamos ver hoje foi projetado para ser portado para o wordpress, mas nada o impede que você o adapte para rodar onde você desejar é claro.

Comecemos criando uma imagem com o tamanho 1024×900 pixels.

Feito isso, vamos agora escolher a cor que iremos adotar para o plano de fundo geral do nosso layout, como já disse milhares de vezes, você pode optar pela que melhor lhe convier uma vez que o trabalho é SEU.

vdx

Muito bem, depois de escolhida e aplicada a cor, crie uma nova camada transparente e selecione a ferramenta de seleção retangular, presente na interface principal do Gimp e com ela, crie um retângulo com tamanho o tamanho 590×695 pixels, e depois vá para a aba “opções de ferramentas presente na interface principal do Gimp e ou na sua janela caso você tenha feito isso na customização da sua interface de trabalho e arredonde as bordas da seleção. A imagem abaixo ilustra esse processo:

rect

arreb

IPC: é claro que você não precisa e nem deve seguir o exemplo, então se o seu layout não incluir bordas arredondadas não o faça.

Muito bem, agora preencha a area de seleção com a ferramenta balde de tinta, utilizando uma cor aditiva, para o exemplo, optei por algo convencional, o branco sólido. Depois, reduza a opacidade da camada na qual estamos trabalhando para cerca de 50%.

Ainda com a seleção ativa, vamos reduzir proporcionalmente o tamanho da seleção, para criar um efeito de moldura no exemplo,para tal procedimento clique com o botão direito dentro da seleção e clique no campo “diminuir seleção”, reduza a mesma entre 5 e 8 pixels, dependendo da borda que se queira formar e clique em ok. Agora, crie uma nova camada transparente e preencha a seleção reduzida com uma cor clara novamente, e reduza um pouco a opacidade a seu gosto, as imagems abaixo ilustram o que foi dito:

fgh
muiv

dff

Muito bem, agora vamos criar a box do campo de pesquisa, para tanto, crie uma nova camada transparente e dentro dela, faça um novo retangulo utilizando novamente a ferramenta de seleção retangular, sendo que o tamanho do mesmo deverá ser de 229×65 pixels, sem se esquecer de realizar o mesmo procedimento de criação de borda que vimos anteriormente:

cdcdf

Agora para que possamos criar a box que acondicionará o menu, novamente utilize os mesmos procedimentos só alterando o tamanho do retângulo para 296×360 pixels :

gfgfd

Agora para a segunda caixa do menu, faça o mesmo procedimento com tamanho proporcionalmente menor a da primeira caixa de menu:

ght

Bacana, agora que já temos as caixas prontas, vamos enfeitar a nossa brincadeira utilizando uma composição com pincéis =], para isso, crie uma camada transparente localizada apenas acima da camada BASE*(background) e realizando o procedimento sobre ela, mas cuidado, não utilize muitos pincéis, de a preferência por pincéis “duros” (sem esvaecimento) , aplique principalmente nos espaços entre as bordas das caixas como no exemplo abaixo:

deft

Agora, vamos criar os botôes superiores (também podemos chama-los de abas, mas isso fica a seu critério), para tanto, crie retângulos com o tamanho 140×62 pixels e pocisione os sobre a caixa de texto do layout:

erfvc

Porém, como se pode notar, ainda existem pequenas interseções entre a caixa de texto e as novas abas, para eliminar esse pequeno obstáculo, basta que apaguemos os referidos trechos das camadas que levam as bordas para que cada aba possa se integrar perfeitamente a caixa de texto, para tal procedimento, basta utilizarmos a ferramenta “Borracha” que está presente na interface principal do Gimp, em conjunto com um pincel de raio curto, para facilitar essa tarefa, procure ampliar o zoom da imagem afim de que você possa apagar apenas os trechos realmente necessários :

ferv

Não fica muito melhor sem as intersecções?=]

jyg

Agora, vamos criar os botôes da caixa de menu que criamos próxima a caixa de texto, para isto, crie um retângulo* (apenas em conceito, crie o botão que desejar) com tamanho 240×30 pixels e pinte-o com a cor que desejar, lembrando que essa será a cor do mesmo para o item que for selecionado. Depois duplique o botão mais algumas vezes e aplique tonalidade acinzentada para definir que os mesmos são intens inativos no momento:

cvcd

fgtv

Agora, vamos criar as linhas separadoras de seções da caixa de texto para isto, crie um retangulo com o tamanho da largura da caixa de texto e a altura exata a de 01 pixel (isso mesmo, 01 Pixel, ou seja, uma linha MESMO).:

grrrrd

Agora, duplique a linha a fim de que a caixa de texto seja dividida em quantos seguimentos forem necessários:

cft

Muito bem, agora basta que você termine o seu exemplo como achar melhor=] *(faltou um ícone para o Rss, outro para o campo de busca, ,decorativos pormenores e afragmentação do tema para que o mesmo possa ser portado para o seu sistema favorito) , pois o caminho das pedras eu já deixei aqui =]!

Vejo vocês no nosso próximo assunto!

%d blogueiros gostam disto: