ampla gama de ferramentas criativas da Adobe Photoshop permite criar um site totalmente personalizado com ilimitadas possibilidades criativas . Se você pretende lançar um site de negócios ou comunidade pessoal, Photoshop tem tudo que você precisa para construir o seu layout. Simplificando, o processo de concepção de um site da web no Photoshop consiste na criação de uma página como uma imagem, dividindo essa página em pedaços , em seguida, voltar a montar a imagem como uma página web totalmente funcional com um construtor de site . O construtor de site combina imagem e código para criar um site totalmente funcional . Instruções
1
Scan e importar uma imagem para o Photoshop , se você tiver um. Caso contrário, crie um novo documento. Use a sua idéia do projeto para começar a construir o seu layout. Crie uma nova camada na paleta Camadas , pegue a ferramenta balde de tinta , escolha a sua cor de fundo e despejar a cor na tela.
2
Use retângulos como espaços reservados para bloquear os espaços para um cabeçalho , navegação barras e botões , imagens, áreas de conteúdo , etc Crie uma nova camada para um dado retângulo , pegue a ferramenta de seleção , arraste um retângulo de tamanho adequado e preencha com a cor usando a ferramenta balde de tinta .
3
"Carne para fora " os elementos individuais de sua página web design . Substitua os espaços reservados com esses elementos . Coloque cada elemento individual em sua própria camada , também. Coloque uma imagem de fundo , se você optar por trabalhar com um. Esta camada deve ser segundo a partir do fundo da pilha e no topo da camada de cor de fundo . Criar um banner da página usando qualquer combinação de fotos , ilustração e texto. Criar logotipos , botões de navegação e gráficos que você precisa para sua página. Preencha áreas de texto com seu próprio texto ou " lorem ipsum " cópia , agarrando a ferramenta de texto , colocando o texto em uma nova camada , e editá-lo através de configurações de parágrafo no menu drop -down Janela.
4
Faça a composição de página equilibrado e agradável aos olhos . Incluir elementos comuns em diferentes áreas do design da página para criar uma sensação de fluidez . Faça com que cada elemento da página parece com a que pertence e corresponde a página.
5
Duplicar sua tela quando você está satisfeito com a sua página web design . Clique no menu drop-down e selecione Layers " Flatten Image ". Divida as diferentes áreas de conteúdo de sua página e separá-los em arquivos de imagem individuais. Pegue a ferramenta de seleção , arraste um retângulo ao redor de um elemento gráfico, clique com o botão direito e selecione " Copiar". Cole este exemplar em um novo arquivo de imagem e cortar a imagem para as bordas do elemento visual. Repita essa etapa para todos os elementos da página e salve cada arquivo em um formato de imagem web-friendly .