# Adobe Photoshop para design web | Domestika > Um curso de Arturo Servín · Web & App Design · Iniciante > 38 aulas (7h 42m) · Das 355 avaliações de alunos, 99% são positivas ```alert Este curso está sendo atualizado para incluir as novas funções do Adobe Photoshop, para que sua aprendizagem seja a mais completa possível. ``` Existem muitas ferramentas para criar um site, mas uma delas é a mais completa para fazê-lo, e não é outra senão o Adobe Photoshop. Neste Domestika Basics de 6 cursos, Arturo Servín - designer gráfico especializado em web design e Adobe Certified Instructor - ensinará passo a passo como usar o Photoshop para projetar e distribuir[/i] _sites responsivos_ maneira simples e descomplicada . Se o nome do professor lhe soa, provavelmente é por causa de seus primeiros Domestika Basics: [Introdução ao Adobe XD para aplicativos móveis](https://www.domestika.org/es/courses/616-introduccion-a-adobe-xd-para-aplicaciones-moviles) , onde você compartilha seu conhecimento para criar aplicativos a partir do zero para iOS e Android. Você começará este curso conhecendo os princípios básicos do programa: do aprendizado da configuração da interface à criação de novos documentos para começar a moldar seu site para diferentes dispositivos. Então você aprende como colocar para fora seu web usando guias inteligentes e diretrizes, que permitem que você crie uma grade para definir o _disposição_ e estrutura de todas as seções de sua página. Você continuará o terceiro curso com a ordem como protagonista. Você verá como as camadas funcionam para manter todos os elementos em ordem e conhecerá as diferentes opções para posicionar os objetos, otimizando assim a operação do seu design web. No quarto ano, você entrará totalmente no mundo da tipografia da tela. Você descobrirá quais são as fontes ideais para a Web e aprenderá a editar os textos para formatá-los e estilizá-los com as ferramentas do Photoshop. Em seguida, Arturo explicará tudo o que você precisa saber sobre o[/i] _responsivo_ . Assim, você saberá como otimizar o formato da sua página da Web, dependendo do modelo do celular ou tablet, mantendo seu design intacto, sempre adaptado a qualquer dispositivo. No último curso, você aprenderá a gerar recursos para sua página, verá formatos para exportar o arquivo, criará estilos CSS, entre outros recursos que visam melhorar e melhorar a montagem do seu site com a equipe de desenvolvedores. #### Requisitos técnicos ⦁ Um computador com Windows 10 ou macOS 10.12 Sierra (ou superior). ⦁ Adobe Photoshop CC (você pode comprá-lo ou fazer o download da versão de avaliação de 7 dias no site da Adobe). ⦁ É recomendável ter uma mesa digitalizadora. ## Conteúdo ### Bem-vindo **Algumas notas antes de iniciar o curso** ```alert • Para fazer este curso, é necessário **[Adobe Photoshop 2019](https://www.adobe.com/mx/products/photoshop.html)** ou superior, Se você não o tiver instalado, poderá obter uma licença de avaliação de 7 dias da versão mais recente no site da Adobe. • Inicie o curso com calma, se você é uma nova pessoa no mundo do design ou da web, lembre-se de que é um processo longo e detalhado, o curso está sempre disponível para você e, se você tiver dúvidas, pode se apoiar no fórum com o tópico _Dúvidas e comentários gerais_ . • Se você não está procurando nos fóruns, tem duas opções: abrir um novo tópico ou escrever diretamente para mim. Ambas são boas opções, pois é possível que você tenha mais de um aluno. Mas antes de fazer isso, verifique se sua pergunta não foi respondida anteriormente. • É sempre aconselhável revisar todo o conteúdo à medida que avança; Os cursos são progressivos e o nível de dificuldade é aumentado. Revise bem, desde que você tenha uma área que não compreendeu e faça muitos exercícios. Isso melhorará sua capacidade de operar o programa. • Aproveite o tempo que você precisa e, acima de tudo, aproveite. ``` Começamos! Falarei sobre o conteúdo do curso, como usar os exercícios práticos e como você aprimorará suas habilidades no Adobe Photoshop, organizando suas ferramentas e espaços de trabalho, de uma maneira mais fácil e ordenada. ### A vantagem de usar diretrizes Usaremos as diretrizes de maneira avançada e aprenderemos a usar os guias inteligentes. ### Interface do Adobe Photoshop para web design Vou ensiná-lo a ajustar a interface do Photoshop para trabalhar com recursos focados em web design, assim você aproveitará todas as suas ferramentas. ### Retículos para o design de um site de computador A partir do uso de linhas de guia, podemos criar diagramas para colocar elementos do design que está sendo desenvolvido ### Novo documento para dispositivos da web, dispositivos móveis e outros Agora vou mostrar a importância de criar um novo documento, considerando desde o início alguns valores, para trabalhar de forma mais estruturada o seu projeto ### Retículos para o design de um site para celular Faremos uma diferenciação precisa entre o layout de um site para a versão do seu computador e a versão de um dispositivo móvel. ### Medidas gerais de um site Descreverei e mostrarei quais são as medidas gerais de tela de uma página da web, os possíveis problemas que podem existir com a alteração de medidas e como podemos resolvê-las usando as tabelas de trabalho do Photoshop. ### Diagrama gráfico geral de um site Criaremos um diagrama das seções que formarão nosso site e como devemos classificá-lo em nosso espaço de trabalho. ### Prática: criar as medidas gerais de tela de um site ### Prática: Gere a estrutura geral de design do seu site Nesta prática, mostrarei como desenvolver os princípios gerais de design e estrutura de uma página da Web, começando com o layout geral de computador, tablet e celular; Para finalizar com a esquematização das seções do meu site. ## Áudio e legendas **Áudio:** Espanhol, Inglês, Francês, Italiano, Português, Turco **Legendas:** Espanhol, Inglês, Português, Alemão, Francês, Italiano, Polaco, Holandês, Turco, ro, id [Adobe Photoshop para design web](https://www.domestika.org/pt/courses/615-adobe-photoshop-para-design-web)