Jeitinho pra fazer uma imagem de cabeçalho no blog
Achei o Kubrick quase perfeito, só queria mudar a imagem no alto do cabeçalho por uma de minha preferência, para que o blog tivesse um mínimo de personalização. Garimpando na rede achei duas formas muito interessantes, porém não viáveis no meu caso:
1. Kubrickr, uma ferramenta online muito interessante, criada por um cara chamado Owen Wincler, que substitui o “blob azul gigante no alto do blog” por uma imagem da sua preferência que esteja no Flickr.
2. E um tutorial no JaniceK.com (em inglês) que ensina como mudar a imagem do topo do kubrick “na unha”, usando o photoshop.
Como eu não tenho Photoshop instalado no computador e a foto que eu queria colocar não estava no Flickr, tive que arranjar um jeitinho. Inspirado no tutorial do JaniceK.com, vou ensinar como fazer isso “na unha” e sem programa de manipulação de imagens instalado no computador.
Primeiro faça o download do Kubrick 1.2.6 e o descompacte em seu computador.
Abra o site PXN8, um editor online de fotos, para manipular a imagem que iremos colocar no topo do blog.
Faça upload da imagem de sua preferência clicando em (“1. Choose your image to edit.”)
Na barra de ferramentas, clique no ícone da ferramenta “crop” e recorte a imagem, de forma retangular, mais ou menos nas proporções que ficará no Kubrick (mas não se preocupe com isso, ok?)
Agora clique no ícone da ferramenta “resize”. Desmarque a opção “Preserve aspect ratio” e redimensione a imagem para width 720 e height 182. (a imagem ficará 720 x 182, padrão Kubrick).
Na barra de ferramentas, clique em “Show fun effects” para mostrar os ícones de efeito. Escolha o ícone “round”. Preencha “cor” #FFFFFF (branca) e “radius” 5.
Faça download da imagem.
Para prosseguir, qualquer programinha de manipulação de imagens serve. Mas promessa é promessa! Agora utilize o site Phixr, porque permite sobreposição de imagens. Nesse é preciso se cadastrar, mas leva só 15 segundos e não precisa de confirmação no email ;) Agora vamos utilizar também os arquivos que vc baixou lá no início.
No Phixr, abra seguidamente duas imagens: o kubrickheader.jpg (está dentre os arquivos que vc baixou e descompactou, em \kubrick126\Kubrick v1.2.6\images) e a imagem que acabamos de fazer no PXN8.
Agora é muito fácil, rápido e simples!
Com as duas imagens enviadas, vá na barra de ferramentas e clique no ícone que mostra um desenho de “+” da segunda coluna. Quando vc descansa o mouse sobre ele aparece “Mix photo with other photo“.
Na janelinha que se abre (Photo Mixing), escolha a outra foto que vc quer mixar em “choose another photo”. Arraste o valor de “mix radio” para a direita até ficar 0:100. Em “mixing photo placement” selecione “center”.
E está pronto! Agora é só salvar a imagem.
Pode ser interessante também otimizar a imagem de forma que ela fique mais leve, caso contrário seu blog poderá levar muito tempo para carregá-la. Para isso use o Online Image Optimizer.
Para colocar a imagem no ar vai depender de qual sistema de blog vc usa. No meu caso, que uso o WordPress, enviei a foto para a minha pasta /wp-content/themes/default/images/ e substitui no código do arquivo “header.php” kubrickheader.jpg pela imagem que eu fiz, do modo que mostrei aqui.


Muito bom o tutorial. Mas você tem de lembrar que tem gente que não fala inglês, hehehe! ^^
Gostei mesmo, deu certinho aqui!!
Abraço
muito bom tutorial,mas so não sei como colocar no cabeçalho
[...] Como eu mudo o topo do tema padrão do Wordpress? Fiquem tranquilo o blog Diário de um PM ensina um… [...]
[...] Como eu mudo o topo do tema padrão do Wordpress? Fiquem tranquilo o blog Diário de um PM ensina um… [...]
Parabéns pelas Informações, criação e desenvolvimento do Site!!!!