Hoje irá mostrar-lhe como criar um atraente layout de hospedagem. In this tutorial I will use only 2-3 colors, with small variations, and you can use this layout for any internet business you have. Neste tutorial vou usar apenas 2-3 cores, com pequenas variações, e você pode usar esse layout para qualquer negócio na Internet que você tem. of course you need to make small changes. Claro que você precisa para fazer pequenas mudanças.
Want to download this layered PSD layout ? Quer fazer o download deste layout PSD em camadas?
Register for a VIP account , and you will have 12 months free updates, this means you can download our next releases for the following months. Registre-se para uma conta VIP, e você terá 12 meses sem atualizações, isso significa que você pode baixar os nossos próximos lançamentos para o mês seguinte.
For start we will need to create a new document. Para começar vamos ter de criar um novo documento. the size is as always 1000×1100 pixels, and I will create this document with a white background. O tamanho é como sempre × 1000 1100 pixels, e eu vou criar esse documento com um fundo branco.
I will select Rectangle Tool , and I will create two shapes. Vou selecionar Rectangle Tool, e eu vou criar duas formas. For the top shape I will use the following color: #393e43, and for the bottom one I will use another color: #373a3e Para o topo forma vou usar a seguinte cor: # 393e43, e para um fundo vou usar uma outra cor: # 373a3e
Then I will create another shapes like in the following image. Então vou criar outra formas, como na imagem abaixo. Please click to see the full size image. Por favor clique para ver a imagem no tamanho original.
As you can see I have some layer styles applied to the layers: Como você pode ver que tenho alguns estilos de camada de aplicação para as camadas:
With custom shape tool, I will add some arrows. Com a ferramenta forma personalizada, vou acrescentar algumas flechas. And I will add the same layer style as above. E eu vou adicionar o estilo de camada mesmo que acima.
Now I will create a button, with Rounded Rectangle Tool . Agora vou criar um botão, com Rounded Rectangle Tool.
For this button I will add the following layer styles. Por esse botão vou camada estilos acrescentar o seguinte.
This is how my button will look like. Isto é como o meu botão será semelhante.
I will set my foreground color to #25272a, and I will create two shapes with Rounded Rectangle Tool . Eu porei a minha cor de primeiro plano para # 25272a, e eu vou criar duas formas com Rounded Rectangle Tool. please click on the following image to see the full size. Por favor, clique na imagem abaixo para ver o tamanho original.
For both shapes I will add the following layer styles. Para ambas as formas vou camada estilos acrescentar o seguinte.
This is my result Este é o meu resultado
Over the top shape I will add another shapes, and I will use the same layer styles. Over the top forma vou acrescentar outra formas, e vou usar os estilos mesma camada. here I will create the hosting plans. aqui eu vou criar os planos de hospedagem. If you have more than three plans you can create more shapes. Se você tiver mais de três planos que você pode criar mais formas.
With Horizontal Type Tool , I will add some text, and in the same time I will add some images with some servers. Com Horizontal Type Tool, vou adicionar algum texto e, ao mesmo tempo, vou acrescentar algumas imagens com alguns servidores. please click on the following image to see the full size image. Por favor, clique na imagem abaixo para ver a imagem em tamanho maior.
I have used the following font: Myriad Pro ( italic ) Eu usei a fonte que se segue: Myriad Pro (itálico)
In the middle of the layout I will add a nice image and another text. No meio do layout vou acrescentar uma imagem agradável e um outro texto.
My last step is to create a search box, where your customers will be able to search available domain names. Meu último passo é criar uma caixa de pesquisa, onde seus clientes vão poder pesquisar os nomes de domínio disponíveis. I will use the same layer style I have used for the button. Vou usar o mesmo estilo de camada eu usei para o botão.
In the footer of the layout, I will add there another shape ( use the same layer styles as above ), and some text. No rodapé do layout, vou acrescentar alguma outra forma (use a mesma camada estilos como acima), e algum texto. This is my final result. Este é o meu resultado final. I hope you like it. Espero que gostem.
Categories:
Design