GIMP, criando papel de parede para o blog

Hoje tenho muito tempo livre então decidi, aproveitando o fato de não ter visto movimento no blog sobre o assunto há muito tempo, trazer um tutorial feito por mim sobre como fazer um papel de parede com o GIMP (GNU Image Manipulator Program). Tive a ideia de fazer algo que tenha a ver com o blog e, por falar nisso, também faço o upload para Deviantart Group contribuir um pouco mais para a causa. No começo colidi com a síndrome da tela em branco (não tinha ideia) então resolvi passar por aqui desviante para ver se olhar para outras obras rebaixaria minha musa. Exatamente em um dos grupos que recomendam no blog Achei parte da ideia que queria alcançar, que quando combinada com o papel de parede que vem por padrão no Lubuntu 12.04 (é chamado de "feliz ano novo" ou algo semelhante) achei bem divertido fazer o tutorial, então aqui está.

Para fazer este trabalho, que afinal são coisas bastante simples, basta ter imaginação e um pouco de tempo livre, pois o hábito dos amantes do GNU / Linux e de seus aplicativos é compartilhar informações ... deixo aqui o caminho para passo quando chego a este papel de parede

1- Dimensões

As dimensões dos papéis de parede variam de acordo com o designer e o tamanho do seu monitor, mas como não sou designer, fiz isso com uma medida que acho que servirá a todos (1920 × 1080 pixels), então abrimos o GIMP e criamos uma nova imagem com essas dimensões.

2 - Cores

A gama de cores é uma das coisas que sem perceber gostamos ou deixamos de gostar de coisas diferentes, não é por prazer que os designers profissionais se esforçam tanto na escolha de quais tons trabalhar. A gama de cores vem de tons de azul, então como cor de fundo use a cor # 5094c2, que é uma cor bastante clara. Uma vez que tenhamos escolhido a cor de fundo para colorir a nossa, fazemos isso arrastando a cor para o trabalho ou usando a ferramenta de preenchimento (Shift + B), cada um escolhe o que vê melhor.

3- Preparando o fundo

Eu queria trabalhar mais no meu plano de fundo, então a primeira coisa que fiz foi pegar formas circulares com a ferramenta de seleção elíptica (E) e então com o Shift sustentado adicionamos novas seleções e então preenchemos com uma cor de banco. Fiz tudo isso em uma nova camada para que no caso de não danificar o fundo, nas opções da camada coloquei no modo Valor e com uma opacidade de 20. Ao final de todo esse processo adicionei uma máscara de camada e aplique com a ferramenta Blend um preenchimento gradiente radial de Preto a transparente para a máscara (na camada à direita) deixando um resultado como este:

4- Criando o botão Logo

No centro vamos colocar um botão 3D com o logo do Blog, portanto vamos usar a ferramenta de seleção elíptica para criar um círculo preto em uma nova camada, chamando essa nova camada de Botão Base, pois a partir dessa base iremos criar o botão Deve ser menos assim:

Crie uma nova camada e selecione nesta nova camada o formato da camada de base do botão, como isso é feito? Bem, na caixa de diálogo de camadas, clicamos com o botão direito na camada de base (neste caso, o círculo preto), depois clique com o botão esquerdo em "Alpha to Selection" e então clicamos na nova camada. Feito isso, vamos procurar uma cor de preenchimento para essa seleção pensando que será como a borda do botão (cor # 595959), nomeie essa camada como Botão, pois é o corpo do botão como tal.

Criamos uma nova camada para preencher o botão (você pode chamá-la do que quiser, eu coloco "Preenchimento de botão" para não me perder). Fazemos os mesmos passos para selecionar na nova camada a forma da camada "Preenchimento de botão". Feito isso, vamos para Selection / Shrink e damos a ele um valor de 15 pixels para diminuir a seleção e obter o preenchimento do botão. Quando estreitamos a seleção, procuramos outra cor que se encaixe mais menos no botão que usei # 858585, que é um marrom mais claro.

Uma vez preenchido com essa cor, criamos uma nova camada que será o glitter. Para criar um efeito de brilho, primeiro escolhemos a cor do brilho, usei um branco deste tipo # F8F8F8 que é um pouco mais opaco do que o branco usado por padrão (#FFFFFF). Então usamos a ferramenta Blend (L) que permite preencher uma área com um gradiente, neste caso usei a opção Bilinear Shape e o tipo de gradiente era Front to Transparency conseguindo algo assim:

Agora criamos uma nova camada (que eu chamo de interior do botão) e fazemos os mesmos passos para selecionar a forma da camada de preenchimento do botão, então reduzimos a seleção mais 15 pixels e a preenchemos com uma cor contrastante com o marrom base (eu usei cor # 3AA6DB) deixando o trabalho assim:

Ahora ponemos el logotipo del Blog DesdeLinux que como todos saben es algo bastante original para esto podemos añadir un texto o si quieren pueden jugar un la pluma y crear un forma parecida. Yo usé una combinación de texto con imagen para esto primero añadí un texto con color #274A8A que decía solamente “<” sin las comillas luego con la selección elíptica le agregue el punto que también tiene y nombré esta capa como “Logo DL”. El resultado no estuvo mal pero le faltaba algo así que dupliqué la capa del Logo y en la copia inferior añadí el Alfa a la selección y rellené con el mismo color que usamos en el brillo (#F8F8F8) luego aplique un filtro de desenfoque gausiano varias veces hasta llegar a esto:

Eu crio uma nova camada e faço uma seleção elíptica menor do que o interior do botão que preencho com um gradiente com a cor branca # F8F8F8 usando a forma Linear e Gradiente de Frente para Transparência para obter um efeito mais 3D, parecido com este:

O efeito de brilho melhora muito a aparência 3D, mas o que realmente coloca o ponto final é a sombra do botão para conseguir essa sombra, nós apenas duplicamos a camada de base que usamos para o botão e fazemos um desfoque gaussiano até atingir este:

5- Melhorar o background para o trabalho final

O papel de parede parece muito bom, mas na minha opinião o fundo ainda poderia ser mais trabalhado, então adicionei uma nova camada com fontes dos tópicos mais comentados no blog para isso. Eu estava criando camadas de texto algumas com opacidade 45 e uma giro de -30 graus (o menor) e outros com opacidade de 70 e o mesmo giro, deixando a imagem final desta forma bem parecida com o Wallpaper do Lubuntu 12.04. Assim que tivermos isso, só falta ajustar qual seria o brilho e contraste, cada um o faz à sua maneira, crio uma nova camada de acordo com o que está visível (Camada / Novo do Visível) e nesta nova camada coloco os níveis (Cor / Níveis) automaticamente, depois modifique o Brilho e o Contraste no menu da mesma cor, meu resultado final foi este:


13 comentários, deixe o seu

Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios são marcados com *

*

*

  1. Responsável pelos dados: Miguel Ángel Gatón
  2. Finalidade dos dados: Controle de SPAM, gerenciamento de comentários.
  3. Legitimação: Seu consentimento
  4. Comunicação de dados: Os dados não serão comunicados a terceiros, exceto por obrigação legal.
  5. Armazenamento de dados: banco de dados hospedado pela Occentus Networks (UE)
  6. Direitos: A qualquer momento você pode limitar, recuperar e excluir suas informações.

  1.   Josh dito

    Eu me encaixo muito bem em você. Vou seguir esses passos para ver se consigo fazer do mesmo jeito, já que não sou designer gráfico e sempre quis fazer algo com o GIMP.

  2.   anti dito

    Só uma coisinha. OG é para GNU e não para Gnome. Caso contrário, excelente.

    1.    Hyuuga_Neji dito

      Você está absolutamente certo, o G não é para o Gnome, é para o GNU, já está corrigido obrigado.

  3.   apodrece87 dito

    muito bom 0.0 ... honestamente eu nunca me dei tempo para aprender a usar o GIMP 100% então eu ainda não considero que esteja no auge do Photoshop (não me ataque) um dia talvez eu possa dar um tempo para conheça bem

    1.    oroxo dito

      Você me lembra de mim no início, eu costumava dizer que, atualmente acho que o photoshop não cabe ao gimp, convido você a fazer uma migração radical, voar no photoshop e começar a usar o gimp por padrão, só então você vai aprender , de qualquer maneira O jeito é com o Linux, você nunca muda a menos que o faça radicalmente, eu me cito textualmente "Os seres humanos vivem do conhecimento mas também são algazan, contanto que você tenha uma alternativa, não verá que é necessário aprender, e você não vai aprender com desejo "

      PS: se você precisar de ajuda para voar no photoshop eu te empresto algumas barras TNT que eu salvei (Just Kidding)

      1.    Manuel da Fonte dito

        Nossa colega Tina (que é designer gráfica) já fez uma comparação interessante entre GIMP e Photoshop, caso você esteja interessado.

  4.   sieg84 dito

    de acordo com a página é "GIMP é o GNU Image Manipulation Program"

    1.    oroxo dito

      sim, mas o GIMP tem apenas um G, portanto, seria GIMP = GNU Image Manipulation Program

  5.   Juan Carlos dito

    Para aqueles que não sabem muito sobre o Gimp, visite tatica.org; Existem alguns podcasts "passo a passo" feitos por esta Miss venezuelana (vários devem conhecê-la) que são muito bons e agradáveis ​​para aprender um pouco mais.

    lembranças

  6.   Hyuuga_Neji dito

    Ahh e é bom saber que esta versão do GIMP não é nem remotamente a mais recente

  7.   LiGNUxeroGenericName dito

    Bom blog, encontrei há uns dias atrás, tem coisas interessantes e um bom design. Parabéns 😉

    1.    KZKG ^ Gaara dito

      Obrigado por parar e comentar.
      Esperamos ler você com mais frequência 🙂

      PS: E por falar nisso ... bom primeiro post 😀