Você compilou um layout original com elementos gráficos e gostaria de fazer um layout? Primeiro, você precisa aprender como fatiar o layout para que cada um dos elementos gráficos fique posteriormente no lugar certo no meio, na parte superior ou na parte inferior da página.
Instruções
Passo 1
Ao escolher técnicas sobre como cortar um layout, lembre-se de que cada designer de layout usa seus próprios métodos de corte ao trabalhar com layouts PSD. Portanto, no primeiro estágio, escolha apenas as técnicas mais simples, que incluem cortar o layout criado com gráficos em partes, o que é conveniente para iniciantes. Primeiro, imagine primeiro em quais partes você estará dividindo seu layout, pense sobre cada uma de suas partes separadas e só então prossiga para a parte técnica do próprio processo. Lembre-se que o layout PSD é dividido em "pedaços" dependendo de sua complexidade, dividindo-o em elementos distintos. Além disso, cada elemento gráfico deve ser independente de todos os outros detalhes.
Passo 2
Ao decidir como cortar um layout com um cabeçalho consistindo de botões, uma camada de fundo separada e camadas de texto, lembre-se de que, neste caso, o cabeçalho inteiro não pode ser cortado como uma imagem. Em tal situação, é melhor cortar em imagens separadamente todas as camadas de texto, cada botão, bem como a camada de fundo do cabeçalho. Em segundo lugar, o fatiamento de um layout pressupõe que o designer de layout execute ações na sequência a seguir. Se o texto for apenas parte da decoração, use-o antes do layout HTML / CSS.
etapa 3
Primeiro, abra o próprio layout no Photoshop para que o painel de camadas apareça à direita, que é considerado o backbone necessário para iniciar o layout. No caso em que todas as imagens são clicáveis, abra a versão de resolução completa do seu layout. Em seguida, faça o layout de todos os elementos gráficos para que tenham a mesma aparência do formato HTML, portanto, salve cada elemento gráfico pronunciado no formato desejado: GIF,.
Passo 4
Para selecionar o elemento gráfico necessário, use uma ferramenta como a Rectangular Marquee Tool, que permite marcar a área selecionada com uma linha pontilhada. Depois disso, corte o resto do layout até o elemento pontilhado usando o menu Imagem> Cortar. Para se livrar de camadas de fundo desnecessárias, aplique um preenchimento gradiente, desativando a visibilidade das camadas de fundo. Em seguida, apare os cantos da parte selecionada e, a seguir, mantenha todas as outras camadas transparentes.
