Navegando pela internet, observei que muitas pessoas têm dúvidas sobre inserir a imagem no cabeçalho do Blogger/Blogspot com fundo transparente.
Resolvi fazer um tutorial em vídeo, ensinando como criar uma imagem integrada ao cabeçalho, para deixar seu Blogger/Blogspot com um aspecto mais profissional.
Para a criação da imagem, você vai precisar do Photoshop. Estou utilizando o Photoshop CS6 Portable.
Com o Photoshop aberto, clique em Arquivo>Novo (ou Ctrl+N), para criar uma nova imagem. As dimensões da imagem devem ficar 920 (Largura), 150 (Altura) e o Conteúdo do Plano de Fundo Transparente - Figura 1.
Para essa imagem, utilizarei um ícone do Blogger. Caso não tenha uma imagem e não tem ideia do que usar, indico este site http://www.iconarchive.com/ nele você encontra milhares de ícones para incrementar no seu logo.
Clique em “T” (seta 1) e adicione o texto que você vai adicionar no seu logo (seta 2), caso queira colocar um ícone entre as palavras, deixe um espaço (seta 3). Para alterar a cor, basta selecionar a palavra e escolher a cor desejada (seta 4), assim como mostra a Figura 3.
Após alinhar o texto, clique na Ferramenta Seleção de Demarcador (ou aperte “A”) para desmarcar a camada do texto (seta 1). Depois clique em Arquivo>Abrir (ou Ctrl+O - seta 2) Figura 4, para abrir a imagem do ícone que deve estar salva no seu computador.
Após selecionar a imagem (a mesma tem que ter fundo transparente), vá em Imagem>Tamanho de imagem (ou Alt+Ctrl+I) para redimensionar a imagem Figura 5.
Redimensione a imagem para 140 (Largura) e 140 (Altura) Figura 6. Depois selecione a imagem (Ctrl+A) e copie (Ctrl+C). Após copiar clique na aba onde o ícone será colocado (seta).
Utilize a ferramenta Zoom (ou aperte a tecla “Z”) Figura 7, para aumentar a imagem para inserir o ícone.
Após dá o Zoom na imagem clique no ícone de demarcador (seta 1), ajuste a imagem e cole o ícone (Ctrl+V) seta 2 - Figura 8.
Finalizado o logo, clique em Arquivo>Salvar como... Figura 9.
Escolha o nome e o local para salvar a imagem e selecione o Formato>GIF da CompuServe (*.GIF) e salva a imagem - Figura 10.
Vá até o painel do seu Blogger/Blogspot e clique em Layout (Seta 1) e depois em Editar Cabeçalho (Seta 2) Figura 11.
Selecione a imagem (Seta 1), escolha o posicionamento (Seta 2) e Salve (Seta 3) Figura 12.
Pronto! Feito isso sua imagem aparecera com o fundo que você selecionar para o cabeçalho do seu Blogger/Blogspot.
Utilizei a fonte “AIRLOCK”, caso queira baixar fontes para deixar seu logo com aspecto profissional, entre no site http://www.netfontes.com.br/. Após baixar a fonte desejada, basta descompactar, abrir e instalar.
Saiba como fazer um blog na plataforma Blogger clicando aqui!
Resolvi fazer um tutorial em vídeo, ensinando como criar uma imagem integrada ao cabeçalho, para deixar seu Blogger/Blogspot com um aspecto mais profissional.
Para a criação da imagem, você vai precisar do Photoshop. Estou utilizando o Photoshop CS6 Portable.
1º passo – Criando a imagem no Photoshop
A imagem deverá ficar como mostra a Figura 2.
Para essa imagem, utilizarei um ícone do Blogger. Caso não tenha uma imagem e não tem ideia do que usar, indico este site http://www.iconarchive.com/ nele você encontra milhares de ícones para incrementar no seu logo.
Clique em “T” (seta 1) e adicione o texto que você vai adicionar no seu logo (seta 2), caso queira colocar um ícone entre as palavras, deixe um espaço (seta 3). Para alterar a cor, basta selecionar a palavra e escolher a cor desejada (seta 4), assim como mostra a Figura 3.
Após alinhar o texto, clique na Ferramenta Seleção de Demarcador (ou aperte “A”) para desmarcar a camada do texto (seta 1). Depois clique em Arquivo>Abrir (ou Ctrl+O - seta 2) Figura 4, para abrir a imagem do ícone que deve estar salva no seu computador.
Após selecionar a imagem (a mesma tem que ter fundo transparente), vá em Imagem>Tamanho de imagem (ou Alt+Ctrl+I) para redimensionar a imagem Figura 5.
Redimensione a imagem para 140 (Largura) e 140 (Altura) Figura 6. Depois selecione a imagem (Ctrl+A) e copie (Ctrl+C). Após copiar clique na aba onde o ícone será colocado (seta).
Utilize a ferramenta Zoom (ou aperte a tecla “Z”) Figura 7, para aumentar a imagem para inserir o ícone.
Após dá o Zoom na imagem clique no ícone de demarcador (seta 1), ajuste a imagem e cole o ícone (Ctrl+V) seta 2 - Figura 8.
Finalizado o logo, clique em Arquivo>Salvar como... Figura 9.
Escolha o nome e o local para salvar a imagem e selecione o Formato>GIF da CompuServe (*.GIF) e salva a imagem - Figura 10.
2º passo – Inserindo a Imagem no Cabeçalho Blogger/Blogspot
Vá até o painel do seu Blogger/Blogspot e clique em Layout (Seta 1) e depois em Editar Cabeçalho (Seta 2) Figura 11.
Selecione a imagem (Seta 1), escolha o posicionamento (Seta 2) e Salve (Seta 3) Figura 12.
Pronto! Feito isso sua imagem aparecera com o fundo que você selecionar para o cabeçalho do seu Blogger/Blogspot.
Utilizei a fonte “AIRLOCK”, caso queira baixar fontes para deixar seu logo com aspecto profissional, entre no site http://www.netfontes.com.br/. Após baixar a fonte desejada, basta descompactar, abrir e instalar.
Saiba como fazer um blog na plataforma Blogger clicando aqui!
Nenhum comentário:
Postar um comentário