Como fazer um template blogger com photoshop
Blogger fornece um determinado número de modelos padrão com o qual construir o seu blog. No entanto, você pode personalizar seu blog modificando os modelos pré-existentes com seus próprios cabeçalho, imagens da barra lateral e rodapés. Este modelo gráfico é criado no Photoshop e, em seguida, enviados para o seu modelo do Blogger.
Abra um novo documento no Photoshop com as seguintes dimensões de blog Blogger: 1440 pixels de largura, 720 pixels de altura e a resolução de 72 pixels por polegada. Dentro "Índice de fundo," selecionar "Transparente." Isto irá criar um modelo Blogger três colunas.
Criar um fundo para todo o modelo do Blogger. Dê um duplo clique sobre o "Cor do primeiro plano" caixa em Photoshop. No "Color Picker" caixa de diálogo, escolha a sua cor de fundo. Em seguida, selecione o "Balde de tinta" ferramenta no "Painel de ferramenta" e preencher o documento com a cor.
Video: Criando um Template no Photoshop CS6 - Parte 01
Adicionar diretrizes da barra lateral para o seu modelo para as imagens da barra lateral. imagens da barra lateral vai ser 121 pixels de largura. Para tornar mais fácil para alinhar as imagens, você pode adicionar orientações temporárias. Clique em "Visão" no "Arquivo" menu e verificação "governantes" para mostrar linhas pautadas. Clique em "Visão" novamente e "Novo guia" para escolher a orientação e posição. Coloque guias horizontais de 1,15 polegadas e 5,15 polegadas para duas imagens retangulares. Coloque guias verticais a 2,5 polegadas e 17,5 polegadas.
Adicionar imagens para cada lado do modelo. Escolha imagens com base no tema do blog. Encontre as imagens que você deseja usar e abri-los no Photoshop. Use o "Letreiro retangular" ferramenta para desenhar um quadrado ou retângulo ao redor da parte da imagem que você deseja usar. Segure o "Mudança" chave se você quiser um quadrado. Copie a parte de imagem, abra um novo documento no Photoshop, e colar a imagem nele.
Alterar o tamanho da imagem. Clique em "imagens" e "Tamanho da imagem" para abrir a caixa de diálogo, selecione "restringir as proporções" e inserir a largura de 121 pixels. Alterar a altura para 121 pixels para um quadrado ou 200 pixels para um retângulo. Clique "ESTÁ BEM."
Video: Como criar um blog e editar seu template [HTML] - Básico
Inserir as imagens da barra lateral modificados em seu modelo. Selecione a imagem, clique no modelo e pressione "Ctrl" + "V" para colar a imagem. Photoshop cria uma nova camada para a imagem. Posicione sua imagem dentro das diretrizes. Ajuste as diretrizes conforme necessário até que as imagens se alinham. Repita até que todas as imagens foram inseridas no modelo. Clique "Visão" e "Guias claras" para se livrar das orientações.
Adicionar uma cor de fundo da barra lateral para fazer suas barras laterais destacam-se o resto do blog. No "Camadas" painel, clique na camada de fundo. Adicione uma nova layer e selecione-o. Use o "Letreiro retangular" ferramenta para desenhar um grande retângulo que engloba toda a esquerda, as imagens da barra lateral mão. Centralize o retângulo em torno das imagens. Clique no "Balde de tinta" ferramenta no "Ferramenta" menu e cor do retângulo que cor você quer. clique com o botão direito sobre a camada do retângulo e escolha "Duplicar camada." Posicione o retângulo atrás das imagens com a "Mover" ferramenta. Suas barras laterais agora são feitas.
Inserir uma imagem de cabeçalho modificado em seu modelo. As dimensões do pixel de cabeçalho são 700 pixels de largura e 105 pixels de altura. Use o "Letreiro retangular" ferramenta para selecionar uma parte da imagem que deseja mostrar e clique em "Tamanho fixo" para definir o tamanho. Copiar e colar a imagem para o modelo na posição de cabeçalho do seu modelo. Agora o seu modelo está terminado.
Gorjeta
- Verifica Não se esqueça de salvar seu trabalho com freqüência.
Atenção
- fechar Não use imagens com direitos autorais para suas barras laterais ou cabeçalho.
Video: Garota Hi-tec | Crie seu próprio template/layout para o blog ep.01
Unid você precisará
Referências
- ligação Photoshop Support.com: Modelo Web Photoshop - Web Site Design Tutorial