Entre para seguir isso  
403 - Forbiddeen

Como fatiar e exportar layouts PSD para HTML

1 post neste tópico

Como fatiar e exportar layouts PSD para HTML


Utilizando a ferramenta Photoshop de fatiar (Slice tool) para exportar imagens de layout website para o html da maneira correta.

 


sign-war-403.png

SETUP: i7 8700k + Deepcool Captain 360 / Gigabyte Aorus Gaming 5 / 16Gbs de Memória DDR4 HyperX RGB 2933MHz / GTX 1080 TI EVGA FTW3 ICX / Fonte 1000W EVGA G2 / SSD 120Gb Samsung / 2 HD (1TB + 2TB) / Gabinete CM STORM Stryker / Mouse EVGA TORQ X5 / Headset Corsair Gaming Storm Void / Mousepad Razer BF4 / Teclado CM STORM Aluminum Mech / Monitor LG 29' Ultra Wide 

Pixel Project - Desenvolvimento Web & Marketing
 

Compartilhar este post


Link para o post
Compartilhar em outros sites
Conquistas

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora
Entre para seguir isso  

  • Conteúdo Similar

    • Por iBassini
      Fusão entre duas imagens
      Autor iBassini Categoria Photoshop Enviado 04-01-2019 03:29  
    • Por iBassini
      6 Arquivos PSD's com efeitos vintage para palavras no Photoshop
      Autor iBassini Categoria Photoshop Enviado 04-01-2019 03:18  
    • Por iBassini
      4 Efeitos de texto em PSD para Photoshop
      Autor iBassini Categoria Photoshop Enviado 04-01-2019 02:43  
    • Por iBassini
      Action para efeito Dupla Exposição no Photoshop
      Autor iBassini Categoria Photoshop Enviado 04-01-2019 02:38  
    • Por Renato Ribeiro
      Ver este tutorial Ferramentas basicas do Photoshop CS6 e outros
      Qual a finalidade do Photoshop? O aplicativo "Adobe Photoshop" é um manipulador de imagens digitais e profissionais, que no qual possui sua desenvolvedora "Adobe", o Photoshop foi desenvolvido sobre conceitos que já existem na questão de edição de imagens, porém esses conceitos antes eram aplicados em laboratório, a Adobe apenas analisou tudo e transpôs tudo para um forma digital "dando vida" ao nosso conhecido Photoshop Ferramentas do Photoshop Quando iniciar o Photoshop, o painel de Ferramentas aparecerá no lado esquerdo da tela. Algumas ferramentas no painel tem opções que aparecem na barra de opções sensíveis ao contexto. Essas ferramentas permitem utilizar texto, selecionar, pintar, desenhar, fazer amostras, editar mover, fazer comentários e visualizar imagens. Visualize as informações sobre qualquer ferramenta passando o ponteiro do mouse por cima (e mantendo-o fixo é claro), o nome da ferramenta aparece em uma dica em baixo do ponteiro. Paletas Camadas: A paleta de camadas é provavelmente o coração da edição de imagens, ela mostra todas as diferentes camadas do seu documento (em ordem). Ajustes: O painel de ajustes é aonde você pode facilmente criar ou editar camadas de ajustes, estas camadas de ajustes são alterações não-destrutivas que afetam todas as camadas abaixo e que podem ser facilmente ligadas ou desligadas Canais de cores: A paleta de Canais de Cores permite analisar de modo separado as diferentes cores que formam a sua imagem, se você estiver em modo RGB, terá os canais Vermelho®, Verde(G) e Azul(B) Amostras de Cores: A paleta Amostras de cores é um conjunto de cores pré-definidas que você pode escolher rapidamente, é possível carregar diversas outras coleções de amostras, ou até mesmo criar uma própria Histórico: A paleta de histórico permite ver as últimas etapas da sua edição, e retorna a alguma delas caso você queira, é possível desfazer edições segurando "CTRL+Z" no seu teclado, que tem como padrão apenas alternar entre o ultimo e o penúltimo. Texto: A paleta de texto , e a sua companheira Parágrafo, permitem fazer todo tipo de ajuste necessário ás suas camadas de texto, estas opções são bem similares ás que você encontra em um editor de texto como o World Atalhos Photoshop Comandos gerais F5 - Paleta de Predefinições de pincéis F6 - Paleta de Cores, Amostras e Estilos F7 - Paletas de Camadas F8 - Navegador, Informações e Histograma F9 - Paleta do Histórico e Ações Tab (ou Shift+Tab) - Todos os componentes da tela Atalhos para ferramentas M - Letreiro Retangular V - Mover L - Laço W - Varinha Mágica C - Corte demarcado K - Fatia J - Pincel para recuperação de manchas S - Carimbo Y - Pincel do Histórico (remove alterações feitas na imagem) E - Borracha G - Degradê R - Desfoque O - Subexposição A - Seleção do Demarcador T - Texto Horizontal P - Opções da Ferramenta Caneta U - Retângulo N - Observações I - Conta gotas H - Mão Z - Zoom Atalhos para Arquivos Novo - CTRL+N Abrir - CTRL+O Fechar - CTRL+W Salvar Como - Ctrl+Shift+S Reverter - F12 Imprimir - CTRL+P Desfazer - Ctrl+Alt+Z Avançar - Ctrl+Shift+Z Recortar - CTRL+X ou F2 Copiar - CTRL+C ou F3 Colar - CTRL+V ou F4 Níveis - CTRL+L Curvas - CTRL+M Matiz/Saturação - CTRL+U Remover Saturação - Ctrl+Shift+U Tamanho da Imagem - Ctrl+Alt+Y Atalhos para Camadas Nova Camada - Ctrl+Shift+N Nova Camada por Cópia - CTRL+J Agrupar Camadas - CTRL+G Desagrupa Camadas - Ctrl+Shift+G Atalhos para Selecionar Selecionar Tudo - CTRL+A Cancelar Seleção - CTRL+D Selecionar Novamente - Ctrl+Shift+D Inverter Seleção - Shift+F7 Difusão - Shift+F6 Autor Renato Ribeiro Categoria Photoshop Enviado 02-01-2019 23:43  
  • Quem Está Navegando   0 membros estão online

    Nenhum usuário registrado visualizando esta página.