Quando você está criando uma página da web , você pode entrar em uma cor padrão para o fundo ou você pode usar o Adobe Photoshop para criar uma imagem para inserir como plano de fundo. A última opção é melhor se você quer que seu novo site a ser mais visualmente agradável aos visitantes. Uma das maneiras mais fáceis de criar o fundo da página web no Photoshop é usar o método de telha . Defina o tamanho
Primeiro, abra um novo arquivo no Adobe Photoshop. Criar um arquivo que é dimensionada para ser vertical , como 40 pixels de largura e 1000 pixels de comprimento , horizontal ( o inverso , como 1000 pixels de largura por 1000 pixels ), ou quadrado (como 500 por 500 pixels ) . Este vai ser o seu azulejo . Este arquivo será a base do seu novo fundo da página web.
Crie sua Padrão
Em seguida, crie um padrão dentro do seu arquivo de azulejos. O padrão pode ser linhas , pontos ou até mesmo pequena foto . Em primeiro lugar , vá em "Editar " e depois " Fill" para definir a cor do azulejo de fundo. Em seguida, começar a criar o seu padrão. Tenha em mente que quando você está criando o seu padrão , o padrão precisa ser centrado , se você quer olhar perfeito.
Para criar um padrão forrado , selecione a ferramenta " Line" da barra de ferramentas do Photoshop. Mantenha pressionada a tecla shift para mantê-lo em linha reta e puxá-lo para baixo para criar a sua primeira linha . Ajuste as linhas (você pode girá-los para ser diagonal , se quiser ) e mudar a cor da linha , como você vê o ajuste. Você pode então criar linhas duplicadas ( clique direito a linha em seu " Layers " barra de ferramentas) ou mais linhas traçadas manualmente. Em seguida, o espaço -los , contudo, você gostaria.
Para bolinhas, escolher a ferramenta " Elipse " na barra de ferramentas do Photoshop ( isto é , sob o botão " Line Tool " na barra de ferramentas ) . Para quadrados , use a ferramenta " Retângulo ". Para triângulos ou outra forma , você vai precisar usar o " Custom Shape Tool. " Criar camadas duplicadas e alinhá -los no azulejo, um após o outro .
Se você quiser telha seu fundo com uma imagem , abra a imagem e tamanho -lo para baixo para ajustar a largura da sua telha . Em seguida, cole -o em sua telha e fazer duplicatas.
Como um atalho, criar três linhas, pontos , quadrados , imagens ou outros elementos , em seguida, mesclar todas as camadas para baixo em um. Agora você pode copiar e colar que uma camada que contém os três elementos como muitas vezes como você gostaria. Isso vai ajudar você a economizar tempo criando seu padrão de azulejo .
Você também pode simplesmente preencher o arquivo azulejo com uma textura. Vá em " Filtro " e depois " Texture " no menu Photoshop.
Salvar , Carregar e Inserir Código
Quando você terminar de fazer sua telha , salve-o como um arquivo JPG ou GIF no modo RGB ( "Imagem ", depois " Mode" no menu Photoshop) . Agora você pode transportar este arquivo para gerenciador de arquivos do seu site e se referem a ele na tag do corpo em sua codificação . Vamos supor que você nomeou o arquivo " tile.gif " e colocou-o em seu diretório HTML público.
Crie suas tags body . Use este código para gerar sua telha : background=tile.gif>
) quando terminar de criar sua página web.