Design de IU no Photoshop — comece uma carreira de design de IU | Muhammad Ahsan | Skillshare

Velocidade de reprodução


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Design de IU no Photoshop — comece uma carreira de design de IU

teacher avatar Muhammad Ahsan, UI UX Visual Designer 10+ Years

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

83 aulas (8 h 35 min)
    • 1. Sobre o que é esse curso?

      4:04
    • 2. Vamos configurar o Photoshop CC2017 para design de UI

      6:19
    • 3. Como configurar atalhos de teclado personalizados no Photoshop

      4:19
    • 4. Como instalar scripts no Photoshop

      5:40
    • 5. Como instalar scripts do Photoshop no MAC

      2:15
    • 6. Extensões no Photoshop para designers para UI

      7:09
    • 7. Poder das extensões no Photoshop

      9:28
    • 8. Como instalar extensões no Photoshop

      5:46
    • 9. Como instalar extensões usando o using Photoshop CC2017

      6:29
    • 10. Como instalar as extensões no Photoshop no MAC

      5:07
    • 11. Configurar painéis e espaço de trabalho para design de Ude

      7:16
    • 12. O que é a calibração de cores?

      8:24
    • 13. Melhores de vigas (LED) para designers

      2:21
    • 14. Calibração à base de cores no sistema

      7:29
    • 15. Como a interface do Photoshop

      5:03
    • 16. Novo documento

      4:12
    • 17. O que são artboard?

      6:22
    • 18. Como as camadas funcionam no Photoshop

      7:53
    • 19. Painel de texto no in

      4:38
    • 20. Ferramenta de forma no Photohsop

      6:34
    • 21. Noções básicas da ferramenta de caneta

      2:53
    • 22. Mais como usar a ferramenta de caneta

      15:52
    • 23. Aligningment no Photoshop

      6:02
    • 24. Seleções no Photohsop

      6:21
    • 25. Atalhos comuns no Photoshop

      14:35
    • 26. Como usar máscaras de camadas no Photoshop

      5:26
    • 27. Como usar a máscara de corte

      2:48
    • 28. Exercício de Challange → Máscara de

      0:50
    • 29. Como usar objetos inteligentes no Photoshop

      7:40
    • 30. Objetos inteligentes com link no Photoshop

      7:00
    • 31. Como usar comps de camadas no Photoshop

      6:27
    • 32. Como dominar os efeitos de camada de sombra

      3:40
    • 33. Como usar o efeito de camada de sombra

      2:17
    • 34. Como usar o efeito de camada de camde

      2:43
    • 35. Reusando estilos de camadas

      2:03
    • 36. O que são gradientes de gradiente?

      2:03
    • 37. Uso de gradientes no design de Ude

      3:41
    • 38. Três maneiras de criar gradientes no Photoshop

      4:49
    • 39. Como usar o editor de gradiente no Photoshop

      7:30
    • 40. Como usar o estilo de camada de sobreposição de gradiente

      5:34
    • 41. O que são padrões e como usamos no design na web Design?

      2:28
    • 42. 2 métodos de aplicação de padrões

      4:59
    • 43. Como criar padrões de um arquivo de imagem

      2:35
    • 44. Como instalar e usar arquivos .pat

      5:11
    • 45. Como a luz e sombra funciona no design de Ude

      4:01
    • 46. Exemplos de uso de luz e sombra

      2:22
    • 47. Esquemas de cores para iniciantes

      1:54
    • 48. Como usar a Saturação e brilho para esquemas de cores

      1:28
    • 49. Ferramentas online para criar esquemas de cores

      5:29
    • 50. Como selecionar fontes e tipografia

      8:55
    • 51. Como usar gras no design de web

      5:51
    • 52. Como criar grades no Photoshop

      6:14
    • 53. Desafio de botão de sombras

      0:25
    • 54. Solução de design de botão de sombras

      12:47
    • 55. Desafio de botão 3D

      1:12
    • 56. Efeito prensado no Photoshop

      7:09
    • 57. Design de cabeçalho moderno parte 1

      8:46
    • 58. Design de cabeçalho moderno parte

      8:49
    • 59. Variação de design de cabeçalho moderno

      9:02
    • 60. Efeitos de sobreposição de cores para a área de heróis

      11:25
    • 61. Exercício de de máscara

      13:15
    • 62. Como criar guias no in

      0:58
    • 63. Como criar guias tema 1

      14:14
    • 64. Como criar guias tema 2

      8:08
    • 65. Como reunir recursos para design para aplicativos para IOS

      4:00
    • 66. Vamos começar o design de aplicativos para IOS

      4:35
    • 67. Como adicionar itens de menu ao aplicativo de IOS

      5:47
    • 68. Como adicionar texto à tela de aplicativos para IOS

      5:30
    • 69. Como adicionar botões ao design de aplicativos para IOS

      11:51
    • 70. Como usar modelos de aplicativos para mostrar seus designs

      4:12
    • 71. Trick simples para remover fundos de branco

      3:20
    • 72. Como remover objetos de imagem da cura de manchas

      4:26
    • 73. Como fazer as cores em imagens

      6:48
    • 74. Como remover fundo com ferramenta de laser magnético

      15:53
    • 75. Como usar a ferramenta a Selecionar e máscara para limpar o plano de fundo

      10:20
    • 76. O que são are

      3:45
    • 77. Ferramentas de uso para criar wireframes

      11:59
    • 78. Exercise →Redesenho de dribbble parte 1

      15:11
    • 79. Exercise →Redesenho de dribbble parte

      14:43
    • 80. Como converter PSD em dicas de programação

      6:18
    • 81. Como exportar imagens para dicas de design na web

      6:59
    • 82. Dicas de como usar de grds no Photoshop

      1:30
    • 83. Match de fontes → novos recursos no Photoshop CC2017

      2:46
  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

1.257

Estudantes

2

Projetos

Sobre este curso

MELHOR SELOS (TODOS EM UMA Curso do Adobe Photosho

Você pensa que o designers de UI usando o Photoshop da mesma da como outros desenhos?

Você sabe quais são os conceitos básicos, configurações e ferramentas que os designers de os designers a

Então, se você quer aprender a usar sua interface com o Photoshop e atualizar sua confiança e de habilidades no Photoshop. este curso é para VOCÊ para VOCÊ Este curso é igualmente bom para iniciantes e de especialistas, por que não se preocupe se você não tiver usado o Photoshop antes.

A maioria de nós não conhece as configurações básicas, de atalhos, ferramentas e de extensão que precisamos no Photoshop para se tornar um designer de UI, nós nos erros e vamos continuar de desperdiçar a sua

O que você vai aprender?

  • Domine as ferramentas básicas do Photoshop em design do Photoshop do UI.
  • Aplicar seu conhecimento no design de Landing
  • Use atalhos comuns
  • Aprenda sobre conceitos básicos de luz e sombra no design de luz e sombra
  • Como usar padrões e gradientes para melhorar seus designs
  • Aprenda de interface de usuário em suas rotinas diárias
  • Como usar e usar de guias e Grids com extensões no Photoshop
  • Como instalar e usar as extensões do Photoshop Design para a UI
  • Como usar gradiente e sobreposições de cores para criar designs modernos
  • Saiba sobre todos os plugins e extensões usadas por UI Designers
  • Aprenda como criar e usar a GRIDs no design
  • Como criar o aplicativo móvel no Photoshop (exercício passo a passo)
  • Técnicas de edição de imagens no Photoshop para remover o plano de fundo
  • Noções básicas de as cores para a imagem para designers de UI
  • O que são quadros de wireframes, como criar wireframes e ferramentas para criar de wireframes?
  • Exercícios de filmagem de Dribbble passo a a

Estrutura de curso

  • Mais de 20 exemplos e de design para você a fazer melhor no design de UI
  • Quizzes para testar seu conhecimento do Photoshop sobre design de Ude

Série de aula de leitura para estudantes

Muitas aulas são adicionados em base semanas em meus alunos atuais para a solicitação deste meus atuais neste momento, faça

  • Como instalar as extensões do Photoshop ZXP no Photoshop ZXP no CC2017 (aula de Leitura para estudantes

Faça este curso agora e comece sua carreira como designer de UI

44c8ead

Conheça seu professor

Teacher Profile Image

Muhammad Ahsan

UI UX Visual Designer 10+ Years

Professor

I started my Freelancing Career 10+ years ago and learned everything the hard way myself. I went from scratch to end up working for FORTUNE 500 companies like INTEL, PANASONIC and Coca-Cola.

In just 2 years of Serious UI Designing, I made my place on DRIBBBLE
Working with Art Directors from Coca-Cola and Project Managers from the UK, I learned a lot in short period of time.

Worked from App Icon Design to App UI Design, from wireframes, prototypes and Mockups Design. I have a hunger of perfecting User Interface from all aspects

What my students are saying about my Classes?

 

AWARDS & WINS

I am a multi-talented person who has won One Gold Medal, won a nationwide Poster Design competition from PANASONIC and won many Landing ... Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Sobre o que é esse curso?: Olá e bem-vindo ao meu curso sobre Photoshop e design de interface do usuário. Desde os últimos oito anos, tenho trabalhado como designer de interface do usuário e enfrentei muitos problemas. Então eu pensei que eu deveria criar algo que pode trazer iniciantes e novatos para esta carreira de design de interface do usuário. Então eu criei este curso sobre design de interface do usuário no Photoshop. Ele ensinará desde o básico até todas as extensões, truques, dicas, atalhos e todas as ferramentas que os designers de interface do usuário usam em sua rotina diária. Vamos ver o que há dentro deste curso. Começaremos nosso curso configurando as preferências do Photoshop para melhor desempenho e velocidade. Especificamente, vamos configurar o Photoshop para design de interface do usuário. Em seguida, vamos dominar as notas e guias e como prepará-los instantaneamente com o uso de poucas extensões e plug-ins. Em seguida, você dominará estilos de camada do Photoshop como Sombras, Afectos de traçado, inserção e efeito pressionado. Então vamos cobrir todos esses estilos de camada profundamente para que você entenda como criar os efeitos de luz e sombra e todas essas coisas. Depois, há uma seção incrível solicitações de estudantes sobre elementos de design do painel. Nós vamos projetar todos esses gráficos de linha impressionantes olhando, gráficos escuros, gráficos de barras. Nós também estamos indo para criar um realmente impressionante olhando desenhos de cabeçalho ou áreas de cabeçalho herói. Isso realmente importa quando você está projetando seu site. Esta é a primeira impressão em qualquer visitante do site. Você também vai aprender sobre o design do aplicativo iOS. Nós estamos indo para projetar uma tela do iOS 6 app. Nós também vamos criar este formulário pop-up de login, que você saiba como projetar os campos de entrada e tudo mais. Então temos uma ótima seção sobre wireframes, como criar wireframes, quais são as ferramentas necessárias para criar wireframes? Eu vou te dar o desafio final para projetar um site baseado neste wireframe. Agora vou mostrar a vocês em um instante o que meus alunos criaram e projetaram até agora, vocês saibam qual é o progresso que este curso está fazendo. Aqui está o trabalho da minha aluna, Betty. Ela projetou esse tema da Shopify e ele está realmente ótimo. Então ela criou isto depois de ver o meu curso. Você pode ver por aqui, muito bom tema, muito elegante, muito elegante. Então temos este. Isto é baseado na maquete que dei aos meus alunos. Isto foi desenhado pela minha aluna Antonella Spagnoli. Você pode ver aqui diferentes seções, nossos serviços. Este é outro trabalho dos meus alunos. Então você pode ver aqui, este é outro de Saqib Ameen, meu aluno. Você pode ver como ele colocou para fora tudo realmente agradável. É baseado no último wireframe que lhes dei para o desafio. Você pode ver aqui, aqui estão os poucos cabeçalhos criados pelos meus alunos. Você pode ver aqui de uma forma que é hora de colaborar e fazer ideias. Então este de Darryl Haynesworth. Em seguida, aqui estão algumas telas de aplicativos iOS. As ideias que tive dos meus alunos, este é um trabalho do aluno, Darryl Haynesworth. Então isto é do Neil. Este é também outro exercício que ele fez. Estas são as grandes coisas que os meus alunos estão a fazer. Se você quiser participar como um estudante, você é mais do que bem-vindo. Este curso é igualmente bom para iniciantes, bem como para especialistas. Mesmo que você esteja projetando dos últimos oito anos ou seis anos, você realmente vai gostar das dicas e truques que eu compartilhei neste curso. Você vai adorar as extensões e scripts populares que compartilhei neste curso. Então não perca este curso. Confira o currículo e vamos ver você nesse curso. 2. Vamos configurar o Photoshop CC2017 para design de UI: Primeiro, precisamos configurar nossas Preferências do Photoshop para melhor desempenho e responsabilidade e bom fluxo de trabalho. Vamos configurar Preferências do Photoshop indo para este menu Editar e, em seguida, indo para Preferências e Geral. Você também pode usar a tecla de atalho Control K ou Command K. Agora, a primeira coisa que você verá é este. Não temos muito o que pular aqui ou configurar aqui. Se você quiser, você pode clicar neste ou desmarcar este: Mostrar espaço de trabalho “Iniciar” quando nenhum documento estiver aberto ou mostra “Arquivos recentes”. Isto é o que ele vai mostrar a este. Sempre que você iniciar seu Photoshop, você verá algo assim. Estes são basicamente arquivos recentes por aqui. Agora, movendo-se para a interface. Interface, nós vamos selecionar esse tema de cor, o que você gosta, se você gosta deste, este mais escuro, depende de você. Agora, a principal coisa que vamos configurar aqui é que esta tela cheia e para pranchetas, não precisamos de nenhuma linha ou sombra. Então eu apenas defini para nenhum, ambos. Então, neste tamanho de fonte de interface do usuário, precisamos do tamanho de fonte grande aqui. Não mexa com outras coisas por aqui. Tudo o resto é apenas padrão e deixá-lo assim. Neste painel do espaço de trabalho, vamos definir algumas coisas, como documentos abertos como guias. Eu vi nas versões mais recentes do Photoshop como 2017 ou 2015, que este está desmarcado. Ao instalar o Photoshop, você verá suas guias abertas em diferentes janelas. Certifique-se de verificar este em Guias Grandes. Essas duas opções estão marcadas. Agora, neste Painel de Ferramentas, não temos muito para selecionar. Se você quiser desmarcar, você deve desmarcar este zoom animado. Isso só vai colocar alguma pressão na sua placa gráfica. Ignore este HistoryLog. Nós não precisamos dele. Manipulação de arquivos Agora, na manipulação de arquivos, precisamos ter certeza de que nossos arquivos estão sendo salvos em segundo plano e ele está configurado para salvar após cada cinco minutos. Então defina para cinco minutos. Em seguida, nesta maximizar a compatibilidade de arquivos PSD e PSB, escolha “Sempre”. Nos arquivos recentes, certifique-se de que não são mais de 10 arquivos ou cinco arquivos, porque se você aumentar esse número, ele colocará mais uso de RAM e tornará o Photoshop mais lento. Agora, nestas configurações de Exportação, exportação é basicamente quando você precisa exportar rapidamente seus arquivos PNG ou seus gráficos, configurá-lo para PNG e certifique-se de que a transparência está definida aqui. Normalmente não recomendo converter para sRGB, então deixe. Agora, nesse desempenho, você precisa definir seu uso de RAM para quase 70%. Eu tenho quase 16 GB de RAM, então eu defini como 9-10 GB para este Photoshop. Em seguida, a partir deste histórico e cache, eles adicionaram recentemente este design da web e da interface do usuário. Você precisa selecionar este, deixar isso como está, e a partir desta área, Configurações do processador gráfico, você precisa usar este Usar processador gráfico. Eu realmente recomendo que nas versões mais recentes do Photoshop, você deve ter alguma boa placa gráfica instalada como NVIDIA GeForce, Eu tenho este NVIDIA GeForce GT 710, e tem dois GB de RAM. Então você precisa verificar este aqui. Ele vai melhorar o seu desempenho photoshops muito. Agora, movendo-se para este Scratch Disks, então este é basicamente o lugar onde photoshops salva seus arquivos temporários. Certifique-se de que não é uma das unidades do sistema. Selecione qualquer outra unidade e, em seguida, desmarque a unidade do sistema como o meu sistema está na unidade C, então eu vou selecionar E ou G ou H, ou qualquer outra pessoa. Agora, chegando a esta área de Unidades, aqui, precisamos definir que nossas réguas estão em pixels porque estaremos projetando tudo em pixels. tipo deve ser pixels ou pontos, ambos são bons o suficiente. Agora, na configuração de grades e guias, primeira coisa é que suas guias e grades devem ser coloridas separadamente, como guias de tela são em cor ciano, pranchetas são azul claro. prancheta inativa também é azul claro e as guias inteligentes são basicamente de cor verde. Também suas fatias são de cor magenta. Agora, chegando em direção à grade, sua grade deve estar sempre em números pares, e deve ser divisível por números pares. Então eu defini para 64 pixels e quatro subdivisões. É basicamente, esta é a minha grande caixa de uma grade e será dividida em quatro caixas menores. Foi assim que montei a minha rede. Você pode configurá-lo para 32 pixels ou 16 pixels, o que quiser. Agora aqui estão nossas extensões e plug-ins seções. Certifique-se de que você habilitou esta opção Ativar Gerador, Ativar Conexão Remota. Escolha um nome de serviço ou defina sua senha aqui, e deixe esta assim e use alguma senha aqui. Agora, você deve ter verificado esses painéis de extensão de carga e permitir que as extensões se conectem à Internet. Às vezes, muitos alunos me perguntam que minhas extensões não estão carregando e não estão aparecendo. Você precisa desmarcar e marcar isso uma ou duas vezes e reiniciar o Photoshop. Acho que isto vai funcionar. Portanto, certifique-se de ativar gerador e essas duas opções estão marcadas. Agora, na seção Tipo das preferências, vamos procurar essas duas configurações. Um deles é o número de fontes presentes a serem exibidas. Certifica-te de que são cinco ou sete. Eu tenho apenas aumentar o número para sete porque eu não quero pesquisar as fontes novamente e novamente, que eu usei recentemente. Então este Show Font Names English, certifique-se de que este está marcado. Ativar alternâncias de glifo de camada de tipo, certifique-se de que este está marcado. Basicamente, você precisa verificar tudo isso. Estas são todas as configurações e preferências para Photoshop mais recente versão CC 2017, e eu acho que estes funcionarão para versões mais antigas também, e não há muita diferença, mas eu acho que eles adicionaram mais algumas coisas nas versões mais recentes. Então vamos passar para a próxima lição. 3. Como configurar atalhos de teclado personalizados no Photoshop: Hoje, vamos configurar atalhos personalizados do Photoshop. Agora, o que os atalhos personalizados fazem é que, como designer de interface do usuário que usa determinados fluxos de trabalho e determinados elementos ou ferramentas do Photoshop de vez em quando, e não precisamos de outros. O que vamos fazer é definir atalhos personalizados para as coisas que precisamos fazer rapidamente enquanto estamos projetando para aplicativos web ou móveis. Agora vamos para uma edição. Para definir essas preferências, vamos para Editar e, em seguida, atalhos de teclado. Aqui temos o menu de atalho do teclado. Há poucas coisas que precisamos montar aqui. Agora, primeiro nós vamos para esta edição e nós vamos para baixo para a pesquisa. Este é um recurso muito novo no Photoshop CC 2017. Por padrão, não há nenhuma tecla de atalho para ele. O que vamos fazer é pressionar o Controle F ou o Comando F, e vamos pressionar Enter. Isto vai adicionar uma tecla de atalho aqui. Esta é a nossa primeira tecla de atalho. Agora, a segunda etapa é que vamos configurar algumas teclas de atalho personalizadas neste painel Camada. Nós vamos expandir este, e você precisa encontrar esta Camada Renomear. Depois de ter encontrado isso, agora F1 é normalmente para a ajuda do Photoshop, mas normalmente não usamos a tecla de função 1, então eu a defini como F1 como uma Camada de Renomeação. Eu posso renomear rapidamente minha camada, apenas pressionando F1, e isso me levou, renomear minha camada. Esta é uma tecla de atalho e a segunda está na seção onde temos objetos inteligentes. Vá para este Convert to Smart Object e eu defini como Alt F5. Você pode usar qualquer um que você gosta, opção F5 ou o que quiser. Mas certifique-se de lembrar estes tudo o que você sabe que eles são fáceis de lembrar. Se você configurar estes e você esquecê-los, então vai ser uma dor de cabeça. Agora, no menu Camadas, você precisa encontrar isso, Alinhar Camadas à Seleção. Precisamos definir dois atalhos para esses centros verticais e centros horizontais. Você pode configurá-lo o que quiser, mas eu defini para Alt Control V ou Opção Command V, para vertical, apenas para lembrar que é centros verticais. Em seguida, para Alt Control H para centros horizontais. Estas são algumas configurações que precisamos neste painel Camada, Teclas de atalho Camadas. Agora precisamos ir para esta Janela. Expanda este painel Janela e precisamos definir a tecla de atalho para este Tile tudo Verticamente Alt Control F10. Nós realmente precisamos muito disso. Estas são todas as teclas de atalho que vamos configurar no nosso Photoshop. Há mais algumas opções que podem vir a calhar e eu preciso explicá-las agora. Agora você pode ver aqui dois botões como você pode ver aqui. Isto é para salvar todas essas teclas de atalho em um conjunto. Se você quiser salvar as teclas de atalho em um novo conjunto, você deseja criar um novo conjunto, conjunto separado de atalhos. Você pode definir, Guarde isso aqui. Se você quiser resumir todas as teclas de atalho, se você clicar aqui, ele irá gerar um arquivo HTML. Se você tentar salvá-lo aqui na área de trabalho, assim. Você pode ver que ele pode gerar todas as teclas de atalho arquivo HTML. Você pode verificar esses arquivos HTML e aprender todos os atalhos que você definiu. Esta é apenas outra maneira de aprender esses atalhos. Existem mais algumas coisas como Atalhos para: Menus de Aplicativos. Você pode ir até aqui, definir os menus do painel também. Você pode ver aqui Cor, pincéis, todas as ferramentas que você precisa acessar aqui. Se você quiser definir teclas de atalho para eles, você pode definir aqui. Além disso, você pode definir as teclas de atalho para Ferramentas. Então Tools estão aqui. No lado esquerdo, você pode ver Lasso Tool, Polygon Lasso, eles têm L, e então temos W, W, C, C, C, C. Estas são todas as teclas de atalho que você pode configurar no Photoshop. Vamos passar para a próxima lição. 4. Como instalar scripts no Photoshop: Agora, nesta lição, vou falar sobre como estender recursos do Photoshop ou como adicionar novas funções ao Photoshop, que atualmente não estão presentes no Photoshop. Há duas maneiras de fazer isso. Um deles é que você pode instalar scripts personalizados feitos por diferentes profissionais e programadores. A segunda é que podemos instalar o Photoshop Extensions criado por programadores. Eles também usam os mesmos scripts, mas eles podem ser acessados através de painéis. Nesta lição, vamos instalar Scripts Personalizados do Photoshop usando meu PC. Se você estiver em um Mac, precisará ver a próxima lição para encontrar o caminho e onde você instalará os Scripts do Photoshop em um Mac. Então vamos começar. Primeiro, o que vamos fazer é mostrar-lhes o site, um script aqui. Então este é um script expandindo objetos inteligentes por esse cara Kamile. O que ele faz, na verdade expande os Objetos Inteligentes criados pelo Photoshop, que no Photoshop não é possível reverter para a pasta normal ou um grupo ou camadas depois de criar Objetos Inteligentes. Se você não sabe sobre Objetos Inteligentes, não se incomode. Haverá uma palestra à frente nas próximas seções sobre Objetos Inteligentes. No momento, você precisa saber que esse recurso não está presente no Photoshop. O que vamos fazer, vamos baixar este script aqui. Scripts são basicamente no formato JSX JS. Você pode ver no final do formato JSX ou JS. Estes são basicamente arquivos JavaScript e nós vamos baixá-lo. Salve o arquivo. Agora, baixamos o script personalizado Expandir objetos inteligentes. Nós vamos copiá-lo e vamos instalá-lo dentro da pasta Instalação do Photoshop. Vou fechar o Photoshop agora mesmo. Certifique-se de fechar o Photoshop ao instalá-lo, pois ele não será exibido. Você precisa reiniciar o Photoshop para atualizar a pasta Scripts. Vou fechá-la. Vou clicar com o botão direito do mouse e ir para Propriedades e Abrir Localização do Arquivo. Então, basicamente, o que estamos fazendo é que vamos para a pasta Presets Photoshop na instalação do Photoshop. Você pode ver aqui, existem diferentes pastas, plugins, recursos predefinidos. Precisamos encontrar essa pasta presets. Clique duas vezes e vamos encontrar pasta Scripts dentro dele, Scripts. Aqui está. Você pode ver uma vez que eu tenha aberto a pasta de script, há um monte de scripts, mas esses scripts são os scripts padrão que vieram junto com a instalação do Photoshop. Esses são todos scripts e scripts automatizados de gerenciamento de tarefas que são fornecidos com o Photoshop. Vou criar uma nova pasta aqui, Meus scripts, algo assim, e vou colá-la aqui. Agora vamos reiniciar nosso Photoshop novamente para ver como temos esse script atualizado aqui. Agora vá para o arquivo e vá para scripts e você pode ver aqui nós temos um novo script aqui, KAM Expandir SmartObjects. Vamos testá-lo. Vamos criar um novo documento de qualquer tamanho. Criei um documento muito pequeno. Por enquanto, apenas um exemplo, vou criar algumas camadas aqui. Ok, então segundo, vamos torná-lo um pouco menor do que este. Tenho duas camadas. Vou criar um objeto inteligente a partir desses dois. Agora este é um objeto inteligente e não há nenhuma maneira que eu possa recuperar minhas duas camadas. Eu vou selecionar essa camada e eu vou para Arquivo, Scripts, e eu vou para KAM Expandir SmartObjects usando este script. Uma vez que eu clique nisso, ele vai executar algumas ações e você pode ver aqui, aqui está a pasta e ele me deu ambas as camadas de volta. Então esta é uma maneira de estender recursos do Photoshop que não estão presentes no Photoshop, você pode adicionar novas funções, novas funcionalidades, há muitos scripts escritos por programadores ou usuários do Photoshop. Há mais uma coisa que você pode fazer com esses scripts, você pode definir teclas de atalho personalizadas do Photoshop para isso. Vamos para Editar, Atalhos de Teclado e Arquivo. Então precisamos ir ao Scripts. Onde estão os roteiros? Nós temos os scripts e você pode ver que este é o nosso Expandir Objeto Inteligente. Eu vou dar-lhe uma chave de Control Shift E. Então ele vai me dar que ele já está atribuído camada mesclagem, então algo como isso, Alt Control, Alt F4, Alt opção de comando F4 no seu Mac. Mas agora estou mostrando como configurar atalhos de teclado. Da próxima vez que vamos usá-lo, vamos apenas pressionar Alt Control F4 para expandir nosso Objeto Inteligente. Isto é tudo sobre Scripts Personalizados, como instalá-los e como definir teclas de atalho para eles. Vamos passar para a próxima lição. 5. Como instalar scripts do Photoshop no MAC: Nesta lição, vou mostrar-lhe como ir para a pasta Predefinição e instalar scripts usando o Mac OS. Vá para Ir e vamos para Aplicativos e clique duas vezes neste ícone do Photoshop. Você pode ver que existem diferentes pastas como Plug-ins, Predefinição. Agora estamos interessados nesta pasta Presets. Clique duas vezes nele e você pode ver que você tem um monte de pastas. Agora, se você quiser ir para instalar alguns scripts, você pode clicar em s e você pode ir para os scripts. Você pode colar seus scripts aqui e é assim que instalamos scripts no Mac OS. Agora, há muitos arquivos de predefinições do Photoshop, como ações. Temos ações diferentes. Você pode instalar ações aqui. Se você pode encontrá-los on-line, então você pode ter gradiente diferente aqui, instalar gradientes diferentes. Então temos clientes diferentes. Você pode ter clientes aqui. Em diferentes lições, mostrei coisas diferentes para instalar. Isso é basicamente como você vai encontrar a pasta Preset do Photoshop para instalar diferentes tipos de coisas, como estilos, uvas, padrões e formas, formas personalizadas, às vezes ícones, eles vêm com formas personalizadas, arquivo csh do Photoshop. Você pode copiar o arquivo csh aqui e usar essas formas personalizadas no fluxo de trabalho do Photoshop. Este é o problema que muitos estudantes estavam tendo. Você também pode ver amostras de cores aqui. Se você tem suas amostras de cores personalizadas e você salvou, ele estaria aqui. Se você quiser trazer alguma amostra personalizada aqui, você pode copiá-la e colá-la aqui. É assim que instalamos diferentes predefinições no Photoshop usando o Mac OS. Se você tiver alguma dúvida, por favor me avise. Eu serei capaz de criar mais desses vídeos para usuários do Mac OS. Vamos avançar e seguir em frente para as próximas lições. 6. Extensões no Photoshop para designers para UI: Hoje, vou lhe dar o maior segredo do Photoshop e design de interface do usuário, que são extensões do Photoshop. Agora, muitos designers de interface do usuário não dependem totalmente apenas dos recursos do Photoshop, mas estendem seus recursos do Photoshop usando extensões e script do Photoshop. Hoje, vamos falar sobre extensões do Photoshop. Agora, existem muitas centenas de extensões do Photoshop, mas vou mostrar algumas delas que realmente ajudam no design da interface do usuário e realmente aceleram nosso fluxo de trabalho e não podemos viver sem elas. Há poucos que são muito bons em extensões gratuitas do Photoshop. Então temos extensões premium. Eu comprei muito como talvez cerca de 10 diferentes extensões premium do Photoshop e vou mostrar-lhe ambos. Cabe a você se você vai comprá-lo ou não. Vamos primeiro ver alguns da troca gratuita do Photoshop. O primeiro que eu vou mostrar a vocês é esta extensão do Photoshop, que é basicamente gerador de usuários aleatórios que é baseado neste mecanismo de site randomuser.me. Por agora, na versão mais recente do Photoshop, CC 2017, não está funcionando. Eu postei o autor deste plug-in, o problema de que ele não está funcionando, eu não sei quando eles vão atualizá-lo. Mas este é o problema com extensões livres, então elas não são basicamente gerenciadas muito bem. Agora, sua alternativa é este UberFaces, e eu também tenho este. É apenas $5. É basicamente premium e também é baseado no site gerador de usuários aleatórios ou motor, mas tem mais algumas capacidades. Você pode ler sobre isso aqui, uberplugins.cc. O que ele realmente faz é que eu vou mostrar a vocês o poder desses plug-ins e extensões na próxima lição. Vou mostrar-lhe alguns dos plug-ins que estou usando e como eles podem ser úteis no design da interface do usuário. Então temos este Font Awesome PS que pode facilmente trazer qualquer ícone para o Photoshop. Então você pode ver aqui que você precisa baixá-lo a partir daqui. Está disponível para Mac e Windows, ambos. Agora, mais alguns. Isso se chama Griddify. Este é outro painel do Photoshop e é uma extensão muito legal. Ele pode realmente desenhar diferentes guias e grades rapidamente e muito rapidamente. Então este é um deles, este também é gratuito. Então temos o Oven. Isso é basicamente para exportar ativos do Photoshop em tamanhos diferentes. Este também é um deles que eu às vezes uso, mesmo que a versão mais recente do Photoshop tenha seu próprio mecanismo de exportação, então não precisamos tanto, mas você pode olhar para ele. Então temos essa tinta para gerar especificações diferentes quando entregamos nossos arquivos de web design ou nossos arquivos de design de aplicativo móvel para os desenvolvedores. Eles precisam saber os tamanhos, então a altura e a largura, qual elemento é qual tem o tamanho ou que tamanho esse elemento tem. Então este é basicamente o plug-in. Isso vai ajudar, e isso é basicamente plug-in gratuito. Outro que uso é esse Markly. É muito maravilhoso, realmente fácil de usar, e um monte de empresas como Microsoft, Disneyland, eles estão usando isso. Eu também estou usando, eu sou um deles. É basicamente um plugin premium e é $50 agora. Então estes são também para gerar especificações para desenvolvimento web e entregá-lo aos desenvolvedores. Então este também é grátis, Fontea. Ele gerencia todas as fontes do Google e pode ter um monte de recursos. Ainda não o usei, mas acho que pode tentar. Ele tem todos os formulários do Google nele e pode facilmente gerenciar e você pode aplicar diferentes fontes no texto facilmente. Então este, Craft , tem muitas, você pode dizer diferentes funcionalidades. É um plugin com quatro ou cinco subseções diferentes e é realmente ótimo, mas ele só funciona no Mac. Então isso é um pouco inconveniente. Funciona para o Mac. Se você tem Photoshop e Mac, então você está com sorte, você pode usá-lo. Então temos outro que é também para criar guias. Este é um plugin premium. Eu realmente amo se você pode comprá-lo por US $10, eu acho que você deve comprá-lo. Este é um dos melhores que já vi para usar guias e criar grades. Então este é ColorKit e é basicamente você gerenciar cores no Photoshop vinculadas a diferentes camadas nos elementos de design do Photoshop. Por exemplo, se você quiser alterar a cor de dois ou três elementos ao mesmo tempo, você pode fazê-lo com isso. Então você pode conferir. Vou dar os links para todos esses plugins, então não se preocupe com isso. Então estamos nos movendo para outro grande site que tem um monte de plugins premium. Comprei muito deles. Então um é CSS Hat 2, eu realmente recomendo isso. Se você é um desenvolvedor front-end, você é um codificador, você pode codificar em HTML, você realmente precisa disso. Então eu também tenho este PNG Express. Então eu já tenho este Guia e este Mockup de Perspectiva. Muitos deles eu não estou usando agora. Social Kit Pro também é um deles. Ele pode criar gráficos sociais como avatares do Facebook e diferentes tamanhos e modelos de mídia social facilmente dentro do Photoshop em apenas alguns cliques. Então este é o ColorKit, eu já tenho este Fontea. Padrões sutis. Ele pode obter um monte de padrões excelentes, sutis, padrões muito leves no Photoshop com apenas um clique. Então estes são muitos plugins diferentes. Você pode todos experimentá-los se você é um desenvolvedor iOS ou você projetar para iOS e Apple muito, você precisa deste plugin. Então temos UberFaces, UberColumn, UberFrames. Há toneladas de plugins diferentes do Photoshop. Você pode experimentá-los e você pode comprá-los se quiser, então há um último recurso que eu quero compartilhar com você é este pspanels.com. Ele tem um monte de plugins a cada dia, ele é atualizado. Se você quiser se manter atualizado, você pode enviar um e-mail, inscrever-se aqui. Não é o meu site. Então ele mostra muitos plugins e painéis do Photoshop diferentes, até mesmo alguns deles trabalharam com o Adobe Illustrator. Poucos deles são livres, como você pode ver aqui. Então estes são realmente ótimos, você pode experimentá-los. Vou compartilhar os links com todos esses plugins e extensões nas fontes desta palestra. Então, verifique-os. Agora, na próxima palestra, eu vou mostrar a vocês o poder de todos esses plugins em ação. Então vamos passar para a próxima lição. 7. Poder das extensões no Photoshop: Agora deixe-me mostrar-lhe alguns dos superpoderes desses plugins do Photoshop. Agora, este é um arquivo de amostra. Esta palestra é apenas para demonstração de que estes plugins podem ser usados desta forma. Então eu vou mostrar a vocês alguns dos usos dos plugins que eu tenho. Eu expandi este painel aqui. Tenho Kit de Cores, FontAwesome, Tinta, PNG Express, QuickGuide, Griddify, GuideGuide, Padrões Sutis, UberFaces e Visualização de Dispositivos. Vamos começar com este Kit de Cores. O que ele faz, basicamente salva as cores desses elementos em grupos, assim, você pode ver aqui. Se eu quiser mudar a cor deste como este, e eu escolher alguma outra cor, você pode ver que ele vai atualizar ambos os botões ou aqueles ovais ao mesmo tempo. Você pode ver aqui, isso é muito útil. Eu posso atualizar o esquema de cores de vários elementos ao mesmo tempo com muita velocidade e até mesmo eu posso mudar todo o esquema de cores de todo o site ou web design ou um documento inteiro. Este é o poder deste Kit de Cores. Tem este projeto de amostra. Você cria um projeto e no projeto você vincula diferentes camadas com isso. Se eu vincular essa camada com isso, você pode ver que ela muda a cor dessa camada. Se eu mudar a cor para uma cor escura como essa, você pode ver todos esses três, esses dois ovais e isso mudou. Isso é muito útil, muito poderoso, mas é um plugin premium. Você pode comprá-lo. Então temos Fontawesome. O que ele faz, ele pode trazer todos os ícones diferentes para isso. Eu posso dizer flecha. Você pode ver aqui que existem diferentes tipos de setas. Agora é a flecha e é uma forma. Você pode expandi-lo assim. Então você pode expandi-lo, você pode mudar sua cor assim. Você pode ver que isso é muito poderoso, muito fácil, e é muito bom para os desenvolvedores também. Em seguida, vindo para este Ink, Ink e este Markly. Tenho aquele Markly aqui. Vamos abri-lo. Esse Markly. Estes dois são basicamente para desenvolver nossas especificações de design. O que isso significa? Se eu vou selecionar este retângulo e eu vou mostrar suas medidas, você pode ver em apenas um momento. Agora tem 97 pixels de altura e 802 pixels de largura. Meus desenvolvedores, eles precisam saber como eles estão indo para produzir este elemento de design em HTML. Em web design, desenvolvimento web, eles precisam de tamanhos exatos. Isto é o que lhes vai dar. Então deixe-me mostrar-lhe como ele vai dar os detalhes deste. Vou clicar neste ícone aqui, botão. Você pode ver que ele mostra nome, super poder, opacidade um, e o nome da fonte, Museosans-300, estilo é 300. Estes são todos os detalhes dos valores CSS, como cores RGBA, e um monte de coisas que os desenvolvedores precisam dos designers. Agora vou apagar esta pasta aqui. Então deixe-me mostrar-lhe o poder do outro plugin, que é basicamente este Markly e é um plugin premium, então eu vou importar o documento nele. Agora o documento foi importado neste plugin Markly, e você pode ver aqui, se eu apenas clicar aqui, você pode ver que ele está me mostrando os tamanhos neste. Vamos apagar isto. Vou apagar todas as coisas por aqui. Vamos excluir as informações em torno de todas essas camadas rapidamente. Agora, por que este é premium e o outro não é, porque você pode apenas clicar duas vezes sobre isso e você pode exibir todas as coisas aqui. Apenas clicando assim. É muito rápido e muito fácil. Você pode ver aqui eu posso apenas continuar clicando e eu posso mostrar tudo por aqui, como é posição, x, posição y e um monte de outras informações. É muito fácil, muito rápido. Mesmo se você clicar duas vezes nisso, você pode ver aqui que ele está mostrando todas as informações da fonte apenas clicando duas vezes em qualquer elemento. Esta é uma maneira muito legal, muito rápida de gerar especificações de desenvolvedores. Em seguida, chegando a este PNG Express, ele adiciona diferentes tags a esses botões e esses diferentes elementos ou grupos, e precisamos deles para exportar para PNG Express. No momento, o Photoshop tem uma exportação muito boa como sobreposição e tem uma ferramenta muito boa. Ele pode exportar para vários formatos de diferentes tamanhos. Não precisamos muito desse PNG Express. Então este aqui, QuickGuide e Griddify. Agora o que o QuickGuide vai fazer é que ele vai rapidamente gerar guias em torno desta camada. Você pode ver aqui, estes são todos os guias que foram gerados em torno deste quadrado em apenas um clique. Então, se eu quiser algo assim, talvez no meio e assim, eu posso clicar nesses dois e gerar os guias no meio disso. Então, se eu quiser colocar algo no meio, eu sei que este é o meio deste círculo. Ele também pode bloquear esta camada rapidamente e ocultar esta camada, ocultar as guias. Bloqueie as guias, esconda o guia e mostre as guias aqui. Agora, vamos usar Griddify. Griddify, podemos dividir todo o documento em diferentes seções usando guias e grades. É muito bom na concepção de uma grade em torno do nosso design. Vou selecionar isto. Eu fiz a seleção, e eu vou dividi-la em quatro seções, verticalmente assim, e também horizontalmente, horizontalmente e verticalmente. Então eu dividi este assim. Se eu colocar o espaçamento zero e embrulhá-lo, você pode ver aqui que ele está me dando em torno disso. Está embrulhando isso com guias diferentes como aquele. Você pode ver aqui, eu preparei todo um sistema de grade aqui. Isto é muito fixe. Então temos este GuideGuide. O que este GuideGuide vai fazer é que ele pode gerar qualquer sistema de grade em apenas alguns segundos. Eu vou gerar oito colunas sistema de grade aqui, e ele vai gerá-lo em apenas segundos como esse. Você pode ver aqui, estes são os estofos. Você vai aprender mais sobre como usar esta grade nos exercícios e lições posteriores. Então não se preocupe com isso. Estou apenas mostrando o uso desses plugins e como eles podem ajudar e acelerar nosso fluxo de trabalho. Agora vou limpar os guias aqui. Agora há mais um, isto é chamado de padrões sutis. Eu mostrei como isso pode trazer muitos padrões ótimos no Photoshop com apenas um clique. Vou anexar um padrão sutil com este fundo. Então vamos começar com esses padrões sutis. Tenho papéis, escribas, parede, coisas diferentes por aqui. Eu vou verificar este e você pode vê-lo aplicado isso como uma sobreposição padrão aqui. Posso ter um efeito de papel aqui com este fundo. Vou deletar agora mesmo. Então esta é outra maneira. Então temos esse UberFaces. Isto é muito fixe. Vou te mostrar como isso vai te surpreender. Um, dois, três, vai. Você pode ver que gerou quatro avatares nesses quatro eclipses em apenas um clique. Então economizou uns 30 ou 40 segundos ou talvez dois minutos fora do seu trabalho. Vamos voltar e é assim que usamos este plugin. Você pode gerar mulheres, homens, e você pode apenas clicar nisso e ele está indo a máscara em todas essas formas. Então este Device Preview, Eu não posso mostrá-lo agora, mas é basicamente para conectar e gerenciar sua área de design Photoshop em seu aplicativo iPhone. Então, como você vai fazer é que você vai usar essas conexões remotas aqui. Você pode ver aqui nestas preferências. Este nome de serviço e esta senha e este endereço IP. Estas são as três coisas que você vai usar. Mostrei como conectar isso no meu segundo curso, Typography for UI Designers, que é um pouco avançado. Nesta lição, eu acho que eu não vou mostrar a vocês, mas você pode facilmente obtê-lo. Se quiseres seguir o meu outro curso, és mais do que bem-vindo. Esses são todos os superpoderes dessas extensões de design de interface do usuário do Photoshop. Eu acho que você realmente gostou desta lição. Então vamos passar para a próxima lição. 8. Como instalar extensões no Photoshop: Agora, vou mostrar as maneiras de instalar diferentes extensões do Photoshop. Existem dois ou três tipos diferentes de extensões do Photoshop e seus arquivos basicamente que você precisa instalar estão em formatos diferentes. Então eu vou mostrar a vocês diferentes formatos. Além disso, Se você tem versão Photoshop que é como 2014 CC ou abaixo 2014, então você precisa induzir Photoshop Adobe Extension Manager que você precisa baixar a partir do site da Adobe. Se você tiver a versão mais recente do Photoshop, CC 2017 ou CC 2015 ou 15.5, precisará usar um software chamado ZXPInstaller. Eu vou mostrar a você percorrer todas as coisas e diferentes problemas que você pode enfrentar durante o estilo desses plug-ins ou extensões. Deixe-me mostrar primeiro o Adobe Extension Manager. É assim que parece. Se você estiver indo para instalar qualquer coisa, você precisa instalar a extensão, clique aqui, e você precisa encontrar o arquivo com a extensão. Você pode ver aqui, ZXP. Ele só vai abrir arquivos ZXP e vai funcionar com Photoshop version CC 2014 ou abaixo. Para CC 2015 e acima, você não precisa deste software. Você pode até desinstalá-lo se não precisar dele. Agora, deixe-me mostrar diferentes formatos de arquivo que você verá durante a instalação das extensões do Photoshop. O primeiro tipo que vou mostrar é este, ZXP. O ícone será parecido com este. Esta é a extensão PNG Express.zXP. Você pode ver aqui no caminho da pasta, é para CC 2014. Agora, se você tem CC 2015 ou o mais recente, então você vai ver algo mais próximo a isso. Este é o ColorKit 1.5. Agora, o que você está indo para ver é que você está indo para ver algo como isso, arquivo installer.jsx. Agora, o que você vai fazer é a maioria dos plug-ins como eu vou mostrar mais um, guideguide.ps. Então, isso novamente tem installer.jsx. Normalmente, o que você faz é arrastar e soltar o arquivo do instalador neste Photoshop e ele vai executar e instalar o plug-in do Photoshop e você precisa reiniciar o Photoshop novamente, e é isso. Agora, eu já tenho instalação guiada. Se eu clicar aqui, você pode ver que ele me deu algum erro. Agora, o segundo método é que, se não funcionar, então você precisa ir para “Arquivo”, e ir para “Scripts”, e depois “Procurar”, e então você precisa encontrar esse arquivo de script, arquivo instalador, e você precisa executá-lo a partir daqui. Você pode ver aqui, ele executa arquivos JSX, JS, JSXBIN. O que você vai fazer é executar esse mesmo arquivo no menu Arquivo do Photoshop. Vá para este “Arquivo”, “Scripts” e “Procurar” através desse arquivo de script de instaladores, selecione esse arquivo de script do instalador e carregue-o. Ele vai instalar essa extensão no Photoshop. Agora, vou mostrar o terceiro método de instalação manual das extensões do Photoshop. Às vezes, se seus arquivos de script ou qualquer coisa, eles bagunçam ou você precisa instalar extensões do Photoshop manualmente, então você precisa fazer isso com esse método. Na maioria das vezes, você precisa ler o manual de instruções da empresa de plug-in se eles tiverem algo parecido com isso. Então você pode ver aqui para Mac OS, eles disseram que copiar pasta MarklyPS para aplicativos e para Photoshop CC 2015 plugins e gerador. Para CC 2017, eles deram o mesmo caminho aqui, você pode ver com ele. Uma pasta que você vai obter para este caminho. Há basicamente dois caminhos por aqui: um, este, e o segundo é este. Suporte a aplicativos de biblioteca, Adobe, CEP e Extensões. Às vezes, se você não encontrar essa pasta CEP, precisará criá-la você mesmo. Estes são dois caminhos para o Mac OS. A maioria dos plugins, você instala manualmente, ou você precisa copiar isso para esta pasta, aqueles ou este. Estas são as duas partes que você precisa ter em mente. Vou compartilhar o link para este guia de instalação para que você possa ver a si mesmo. Em seguida, para o Windows, você também tem esses dois caminhos. Você pode ver aqui, Windows 32, se você tem 32 bits, e se você tem o Windows de 64 bits, então você precisa ir para este caminho, Plug-ins e Generator. Depois, há um outro caminho que é este C, Arquivos de Programas, X86, Arquivos Comuns, Adobe, CEP e Extensões. Vou compartilhar este documento, então você precisa conhecer esses dois caminhos para instalar esses plug-ins e todas as extensões que você precisa instalar no Photoshop. Se você tiver alguma dúvida ou não tiver sua extensão do Photoshop instalada, se precisar da minha ajuda, você pode me perguntar a qualquer momento. Se você tem sistema operacional Mac, há mais duas palestras à frente onde eu vou mostrar-lhe como instalar usando ZXPInstaller. Você precisa ver as próximas palestras para outro método que é basicamente ZXPInstaller. Ele pode instalar arquivos ZXP até mesmo nas versões mais recentes como 2015 e 2017, que geralmente não suportam arquivos ZXPInstaller. Isso é tudo sobre a instalação de extensões do Photoshop. Vamos passar para a próxima lição. 9. Como instalar extensões usando o using Photoshop CC2017: Olá a todos. Eu vi alguns alunos com problemas instalar suas extensões do Photoshop CC 2015, que são basicamente extensões ZXP. Então eu pensei em fazer outra palestra para ajudá-los porque eu acho que outros alunos podem estar tendo o mesmo problema. Aqui está a solução. Número 1. Primeiro de tudo, você tem que baixar este ZXPInstaller para Windows ou se você está no OS X baixar esta versão. Vá para este zxpinstaller.com e baixe este instalador. O problema basicamente é a versão mais recente do Photoshop, que é CC 2015, eu já descrevi que esta versão não suporta extensão ZXP. Se você deseja instalar extensões ZXP no Photoshop CC 2015, siga estas três etapas. Número 1, baixe este ZXPInstaller de zxpinstaller.com, então vou mostrar-lhe as extensões que você vai instalar com a ajuda deste. Baixe este e, em seguida, instale-o e você terá algo assim, ZXPInstaller. Vai abrir esta janela. Instale este e você terá esta janela e você pode simplesmente arrastar seu arquivo ZXP aqui e ele será instalado. Você pode clicar aqui para selecionar o arquivo, seja na área de trabalho ou onde quer que esteja. Vou para minha pasta de extensões e agora vou arrastar esse arquivo Griddify beta 3 ZXP aqui e está instalando minha extensão. Certifique-se de encerrar o Photoshop antes de instalar isso pois ele pode ter alguns problemas. Desligue o Photoshop antes de instalar qualquer extensão. Além disso, esta extensão que é basicamente guia rápido, você pode ver aqui. quickguide.zxp, vou extraí-lo. É um arquivo zip, clique duas vezes. Eu também vou arrastar este aqui. Todas as suas extensões que estão terminando com este arquivo.zxp, você tem que instalá-los usando este Adobe ZXPInstaller. Não é basicamente da empresa Adobe, é feito com a ajuda dessas duas empresas, Creative DO e GuideGuide. Eles criaram esta pequena ferramenta para instalar a instalação do ZXP na versão mais recente do Photoshop, CC 2015. Para instalar todas as extensões ZXP, você pode usar esta pequena ferramenta e eu incluirei seu link em um arquivo PDF. Alguns alunos que também estão reclamando sobre links de arquivos PDF. Basicamente, porque eu estou fornecendo links, porque esses softwares ou esses plug-ins, eles continuam se atualizando. Sempre que você precisar usar a versão mais atualizada, você tem que ir para o URL porque minha versão pode não ser atualizada. Se eu enviá-lo para o Dropbox ou algo assim, então você pode ter problemas para instalá-lo porque ele pode não ser a versão mais recente. Se você realmente deseja instalar a versão mais recente como este ZXPInstaller, ele foi atualizado. Deixa-me mostrar-te o último que tive. O último era algo assim. Você pode ver que o ícone era diferente. Agora, eles atualizaram este quinto número, o último que baixei foi em julho. Além disso, o tamanho é diferente. É 45.298 KB e este 45.464 KB. Eles realmente atualizaram este. Isto faz sentido. Se eu estiver lhe dando o link para que você baixe a versão mais recente. Eu não tenho que me preocupar que meus alunos estão recebendo as versões antigas de qualquer extensão ou ferramenta. Isso é tudo sobre como usar o ZXPInstaller para instalar extensões do Photoshop. Agora, eu vou executar o Photoshop. Certifique-se de que, ao instalar esta extensão, o Photoshop não está no modo de trabalho, você precisa desligá-lo. Deixe-me dar um tempo para carregar. Primeiro, baixe esta extensão e, em seguida, instale-a. Estes são poucos passos. Clique neste e o instalador continuará a instalar esta pequena ferramenta. Uma vez instalado, então você pode ir em frente e instalar todas essas três extensões muito boas do Photoshop. Este é o Font Awesome. Basicamente, Creative DO são os que criaram este ZXPInstaller. É uma ferramenta muito útil. Baixe o ZXPInstaller e instale isso para incrível extensão Photoshop, Guia Rápido e Griddify. Vou atualizar ou criar um novo vídeo sobre como usar o Griddify na minha seção de dicas profissionais, que está em breve. Então fique atento. Espero que você tenha gostado desta palestra e você será capaz instalar extensões do Photoshop ZXP depois de assistir a este vídeo. Obrigado e vejo você na próxima palestra. 10. Como instalar as extensões no Photoshop no MAC: Muitos dos meus alunos têm me perguntado como instalar a extensão no Photoshop ao usar o Mac OS. Então este vídeo é especificamente a pedido dos alunos. Vou mostrar-lhe a pasta, como você está indo para localizar essa pasta, onde extensão será instalada, se você estiver indo para instalá-los manualmente. Há duas maneiras de instalá-los manualmente ou você pode usar este ZXPInstaller. Este é um instalador de extensão da Adobe de código aberto. Você precisa baixar esta versão do OS X. Eu já baixei, você pode vê-lo aqui. Vamos instalar isto. Enquanto isso, vou mostrar onde será a pasta da nossa pasta principal de instalação da extensão do Photoshop. Vamos à frente para aquela pasta. Agora, primeiro vamos para o nosso computador, depois o nosso drive principal, este é o meu drive. Vá para esta unidade principal e, em seguida, vá para esta biblioteca, em seguida, este Application Support, e, em seguida, Adobe e a pasta é este, CEP, Se você clicar duas vezes nele, você pode ver aqui a pasta de extensões. Agora, sempre que você tentar instalar qualquer extensão manualmente, você vai copiar seu conteúdo aqui, nesta pasta Extensões. Então, vamos voltar e repetir mais uma vez, Biblioteca, Suporte a aplicativos, Adobe e CEP. Então temos essas extensões. Este é o caminho onde todas as extensões residem, mesmo que você as instale automaticamente, elas ainda estarão aqui. Vamos encontrar e baixar extensão Griddify para Mac. Você pode ver que eles mostraram que baixar e instalar ZXPInstaller. Vamos baixar esse Griddify. Vamos baixar esta extensão Griddify, aqui temos. Então vamos executar nosso aplicativo ZXPInstaller e vamos arrastar este arquivo ZXP para isso. Vamos ver, ele vai instalá-lo. Enquanto isso, vamos fechar o aplicativo Photoshop. Vamos sair dele. Saia do Photoshop CC. Vou introduzir a minha palavra-passe. Agora ele me mostrou que sua extensão foi instalada com sucesso. Não sei por que muitos usuários e meus alunos têm problemas para instalar isso. Agora vamos executar o nosso Photoshop. Então eu vou colá-lo aqui e vamos executar este Photoshop CC. Se eu abrir um novo arquivo, vamos ver. Vamos abrir um novo arquivo, qualquer arquivo agora. Agora estou fora deste cartão 3D porque é Windows VMware. Então eu vou mostrar a vocês as extensões aqui nós temos clique em Griddify, e você pode ver que ele vai carregar por aqui. Agora temos o Griddify aqui, vamos tentar. Controle A, vou selecionar tudo. Comando A, isso é interessante. Comando A, e dividiremos isso em cinco divisões verticalmente. Então dividir, Temos nosso Griddify funcionando perfeitamente. Então eu não sei por que muitos alunos estão tendo problemas para instalá-lo. Deixe-me mostrar-lhe onde está agora. Se você não conseguir instalá-lo com o ZXPInstaller, você pode ir para este arquivo. Copie esta pasta, Griddify, copie-a, e nós vamos colá-la o método manual, que é que nós vamos para esta pasta novamente, extensões e você pode ver aqui já temos Griddify porque instalado perfeitamente. Mas se você é incapaz de instalá-lo de alguma forma e você está muito frustrado basta colar sua pasta Griddify aqui e reiniciar o Photoshop e tudo ficará bem novamente. É assim que instalamos extensões no Photoshop e é assim que localizamos a pasta de extensão do Photoshop em um Mac OS. Espero que você tenha gostado deste exercício, porque eu estava tendo um monte de usuários de Mac pedidos que eles são incapazes de encontrar este local de redefinições Mac e pasta de extensão Macs, então fique atento e deixe-me saber se você tiver algum problema. 11. Configurar painéis e espaço de trabalho para design de Ude: Hoje vamos configurar painéis do Photoshop. Nós só precisamos das ferramentas que realmente precisamos durante nosso processo de design de interface do usuário. Só precisamos de camadas, cores e poucos plugins. As coisas extras vamos removê-los de nossos painéis do Photoshop e da interface do Photoshop. Vamos começar. Vamos abrir qualquer arquivo. Desviem esta área, criem qualquer arquivo. Agora, quando você executar o Photoshop pela primeira vez, você verá algo assim, que é basicamente essencial aqui. Então seus painéis, todas as configurações do painel são salvas aqui. Neste momento, estamos no essencial. Se você mudar para 3D, as ferramentas serão deslocadas para a configuração 3D e, em seguida, gráficos e web, assim, e movimento, pintura e fotografia, assim por diante e assim por diante. Agora, primeiro vamos começar com estes gráficos e web. O que vamos fazer é criar um novo espaço de trabalho aqui assim. Vou chamá-lo de nova interface do usuário. Também vamos usar esses atalhos de teclado e tudo mais. Salvar. Agora o que vamos fazer é precisamos de nossas amostras aqui, então vamos mover isso acima disso no topo, assim. Então camadas e amostras. Não precisamos de cores, então vamos fechá-la, clicar com o botão direito e fechar assim. Amostras e aqui estas são as duas coisas mais importantes. Agora nesta área, precisamos de alguns painéis ou plugins carregados aqui. Vamos para janela e extensões e vamos carregar nossa extensão GuideGuide. Vou mostrar todos esses plugins nas próximas lições, então não se preocupe com isso. Então vamos usar este guia rápido. Seja qual for o plug-in que você está indo para usar, principalmente vamos usar guias relacionados plugins e este plugin fonte impressionante, este é um livre. Este Guia Rápido também é gratuito. Este GuideGuide é pago um. Agora só precisamos Griddify, GuideGuide e Font Awesome. Vamos clicar neste “Griddify”. Agora precisamos de tudo isso. Então vamos carregar mais algumas coisas como estilos de personagem ou personagens assim. Nós também vamos movê-lo assim dentro desta área. Vou reconectá-lo assim. Temos esse personagem aqui, então também precisamos do painel de informações aqui. Nós também vamos movê-lo para o topo, painel de informações assim. Então também precisamos desses estilos de parágrafo e parágrafo, se você quiser, então vamos mover este parágrafo com isso. Talvez movê-lo para dentro deste. Estilos de parágrafo e caractere são duas guias relacionadas entre si. Em seguida, também precisamos talvez painel Propriedades, por isso vamos usá-lo novamente e novamente, painel Propriedades talvez movê-lo acima deste plugins, talvez mover este plug-in na parte inferior, assim Propriedades e painéis Info. Então podemos usar esses estilos, então vamos trazê-los aqui, assim com amostras. Estilos são basicamente estilos de camada como sombras, sua cor é, gradientes, etc Nós podemos salvar nossos estilos de botão aqui e vamos usá-los novamente e novamente também com as cores. Eu também vou usar esta camada Comps aqui. Eu vou fechar Bibliotecas e eu acho que estas são a maioria das ferramentas que vamos usar, parágrafo, configurações de parágrafo e configurações de caracteres. Há mais alguma coisa que precisamos aqui? Às vezes podemos precisar dessas ações, então talvez possamos carregá-las aqui. Mova essas ações para baixo deste painel Informações assim. É assim que vamos configurar nossa interface do Photoshop. Agora temos amostras, estilos e depois camadas e mais uma coisa que vamos adicionar aqui é Caminhos, então vamos procurar Caminhos. Assim e vamos combiná-los com camadas. Quase estamos todos prontos. Precisamos de mais algumas coisas como governantes aqui. Você pode ver por aqui. Se você for ver e então Rulers, Controle R. Precisamos de governantes aqui porque vamos arrastar e soltar algumas diretrizes assim. Isto é só daqui e colocar os nossos elementos aqui. Você pode ver aqui agora ele está posicionado em alguns pixels aqui, você pode ver quando eu movê-lo, ele mostra 33 pixels, 52, 67, algo assim. Podemos colocar nossos objetos de acordo com essas diretrizes assim. Precisamos da nossa configuração de régua. Também precisamos ver que esta ferramenta Snap está marcada, Ajustar às Guias, Camadas, não comentar sobre Fatias e Grades. Além disso, vamos para este Show e certifique-se de que estes Guias, Guia de Canvas, Guias inteligentes e grade de pixels, todos estes estão verificados. Isso é tudo o que precisaremos em nosso processo de design de interface do usuário. Talvez possamos precisar de mais alguns plug-ins que você pode encontrar nas próximas lições. Você pode ir em frente e instalá-los. É isso. Salvamos nossos painéis neste novo espaço de trabalho do painel de interface do usuário. Neste momento, temos amostras, estilos, Camadas, Camadas e alguns plug-ins, propriedades e estilos de caracteres, e poucas coisas de parágrafo carregadas aqui. Se você quiser fazer alguma pergunta, me pergunte, se você não é capaz de movê-los ou algo assim, talvez você precise praticá-lo. Você pode ver aqui como ele se separou de seu painel. Isso é tudo sobre painéis, configuração de painéis do Photoshop. Agora estamos usando um e o segundo é basicamente minimizado. Se quiser expandi-lo, pode expandi-lo aqui assim. Gosto dele minimizado porque temos mais espaço de trabalho aqui. Se quiser expandi-lo assim, pode expandi-lo aqui. Você pode ver todos os meus plugins e tudo está carregado aqui e você pode ir em frente e acessar os outros abaixo assim. Mas eu gosto daqui assim porque eu não preciso acessar vários painéis desta área ao mesmo tempo. Isso é tudo sobre painéis, vamos passar para a próxima lição. 12. O que é a calibração de cores?: Hoje, vamos falar sobre a calibração de cores. Isto é, basicamente, para calibrar as cores do monitor ou LCD ou LED para cores padrão. Quando você compra qualquer dispositivo, seja um LED ou qualquer monitor, as cores não são padronizadas. Eles podem mostrar uma tonalidade de cor vermelha ou verde ou azul. Além disso, eles podem não mostrar todos os brancos e negros com precisão. Depois, há esta calibração de cores. Existem dois tipos de calibração. Um deles está usando algum hardware, que é assim. Estes são poucos dispositivos para calibrar suas cores. Este é ColorMunki Display e ColorMunki Smile. Então temos esta, outra empresa, que é Spyder5Pro. Estes são diferentes dispositivos de calibração de cores. O que eles fazem é, você os conecta ao monitor assim e instala o software deles. Eles testam as cores, o brilho, o contraste e a gama de sua tela e ajustam de acordo. Isto é, basicamente, baseado em hardware, hardware e software baseado. Agora, chegando à solução fácil, temos este site que é chamado lagom.nl/lcd-test. Ele mostra uma grande variedade de teste de calibração de cores. Qual é a calibração de cores, vamos ajustar nossos tons brancos, pretos e nossas cores para o modo padronizado. Precisamos verificar se nossos brancos, cinza e pretos, e até mesmo nossas outras cores estão mostrando com precisão. Há muitos testes diferentes, mas, normalmente, o que eu uso é usar esse contraste. Você pode ver aqui que existem diferentes bandas de cores, até 32. Você deve ser capaz de ver todos eles separadamente. Cada cor deve ser separada da outra cor. Eles não devem se misturar. Este é um teste. Você pode alinhá-los no meio da tela e vê-los diretamente, não olhar de cima ou de baixo porque algumas telas não têm um ângulo de visualização muito bom. Aqui está uma descrição que você pode irradiar junto se você quiser, então nós temos esta calibração gama. Eu não entendo muito disso, mas o que você precisa fazer é sentar alguns passos de sua tela e você vai apertar seus olhos, e você pode ver por aqui essas barras cinza e preto dentro de todas essas cores. Você precisa verificar com essas barras estão basicamente se misturando. Quando você aperta seus olhos, eles se misturam em algum momento, como 1.8, 1.9, 2.0 ou 2.2, algo assim. A definição de padrões é 2.2 e 1.8, entre todos estes, eu acho, é preciso. Sente-se, alguns passos, aperte os olhos e veja onde essas linhas vão se misturar. Um outro teste que usei, este, níveis pretos. Você deve verificar os níveis de preto. Como você vai verificá-los é, há diferentes tons de preto aqui, 1, 2, 3, 4. Este é breu preto, então ele está se misturando com o fundo. Existem diferentes pretos a cinzentos. Depois há este branco que é a cor mais nítida por aqui. Você deve ser capaz de ver todos eles separadamente. Se você ver toda a cor preta aqui, até três ou quatro, então há algum problema com seus negros. Você deve ir para verificar as configurações do seu contraste. Se você ver mais caixas pretas aqui, então você deve verificar seu nível de brilho e, talvez, contraste também. Em seguida, vem o teste para a saturação branca. Estes são diferentes tons de cinza para branco. Você deve ser capaz de ver todos eles. Se você se sentar a alguns passos da tela, você deve ser capaz de ver todos eles. Este é um outro teste. Então temos faixas de gradiente. Você deve ser capaz de ver este branco para preto, e você pode ver algumas bandas no meio. Um monitor de cor muito bom ou tela muito boa não deve mostrar nenhuma faixa no meio como este. Estas são linhas diferentes entre a vinda. Estas são chamadas bandas. Eles devem ser suaves. Eles não devem mostrar bandas como esta. Eles deram exemplos de tela ruim e tela boa. Outros, eu não sei, e eu não uso muito. Este é importante, ângulo de visão. A tela que estou usando agora não suporta ângulos de visualização muito bons. Este é um LED Samsung 23 polegadas, por isso é como 2-3 anos de idade. Agora, o que você vai fazer é, você vai ver esta imagem de um pouco de cima e um pouco abaixo. Em seguida, do lado esquerdo da tela e do lado direito, e você vê as cores vão mudar muito. Mesmo com este roxo, ele pode parecer azul ou avermelhado nele quando você olhar de algum outro ângulo. Além disso, este, isso mostra algum tempo rosado e algum tempo cor vermelha. Isso é muito importante porque, se você projetar algo no Photoshop ou em qualquer outro software, e se você for olhar de algum outro lado ou se seu cliente estiver olhando do lado esquerdo ou direito, ele pode não ver as cores certas. Na próxima lição, vamos ver diferentes tipos de painéis de LED, que são bons para designers. Além disso, vamos usar nossa ferramenta de calibração de sistema para Windows, ou até mesmo Macs, para calibrar sua tela usando apenas seus olhos e esse software, que é integrado em qualquer sistema operacional. Então, apenas uma recapitulação do que abordamos nesta lição, que há duas maneiras de padronizar suas cores com seu monitor. Você pode ver a imagem aqui, antes e depois. O que usamos é usar nossos olhos. Um método é a nossa ferramenta de calibração de olhos e cor dada no sistema operacional para alterar as cores. Padronize as cores. A segunda opção é usar esses diferentes dispositivos, como esta solução ColorMunki lá, dois ou três. Eles podem calibrar sua tela automaticamente. Eu vou comprar este ColorMunki Sorriso muito em breve. É quase $90 da Amazon, eu acho, $89 ou $90. Nunca usei nenhum destes antes. Vamos ver o que eles vão fazer. Agora, isso é tudo sobre calibração de cores e este site Lagom. Na próxima lição, vamos ver como o sistema operacional vai ajudá-lo. Os recursos internos do sistema operacional ajudam você a definir sua calibração de cores para padronizar o modo. Vamos passar para a próxima lição. 13. Melhores de vigas (LED) para designers: Nesta lição, eu vou falar sobre alguns dos painéis de LED ou monitores que você realmente precisa para um design de interface do usuário ou quaisquer designers. Se comprarmos qualquer LED, normalmente é painel TN. Portanto, existem basicamente três tipos de painéis. Quando você compra qualquer LED ou monitor para você, você deve procurar esses recursos. Existem painéis TN que eram basicamente tecnologia antiga, três ou quatro anos de idade. Ele representa nemático retorcido. Eles são um pouco baratos. Depois, há painéis IPS, comutação In-Plane. Esta tecnologia mostra e exibe cores melhores do que os painéis TN. Como IPS e PLS, você deve ir para estes. PLS é uma tecnologia introduzida pela Samsung. Então, principalmente, quando você vê qualquer tela Samsung como esta, pode haver PLS escrito, é quase como IPS. Então, qualquer coisa que seja IPS ou PLS, você deve comprá-lo, em vez de comprar painéis TN. Se você está apenas começando em sua carreira, então você deve ficar com painéis TN. Mas se você quiser cores muito precisas, então você deve ir para telas IPS ou PLS. Um fator muito importante, que é este ângulo de visão. Portanto, certifique-se sempre de que a tela que você está comprando tem ângulo de visão máximo como 178 graus. Principalmente essas telas IPS e telas PLS, eles oferecem uma grande variedade de ângulo de visão. Então, mesmo se você visualizar da esquerda para a direita, e superior e inferior, cores e tudo deve ser o mesmo. Ok. Para os caras que usam Macs, eu acho que as telas do Mac são construídas com a tecnologia IPS, então não se preocupe com isso. Mas eu vi até mesmo usuários de Mac que estão usando LG ou Dell ou telas de outras empresas ou monitores muito largos. Então isso é tudo sobre monitores ou IPS e PLS telas. Dito isso, vamos passar para a próxima lição. 14. Calibração à base de cores no sistema: Nesta lição, vou falar sobre como calibrar sua tela usando Mac OS ou Windows, usando suas próprias ferramentas de calibração do sistema operacional. Primeiro, comece com OS X ou Mac. O que eu vou fazer é, eu não tenho Mac agora, eu estou gravando no Windows. Como você vai calibrar sua tela, você vai usar as Preferências do Sistema. Se você acessar Preferências do Sistema e clicar em “Exibições”, poderá ver a cor no lado direito, então clique nele e poderá ver um botão de calibração ali. Ao percorrer esse processo de calibração, você poderá ver diferentes no final desta ferramenta de calibração quando tiver calibrado seu perfil de cor. Então, no final, ele mostrará os perfis de cores antigos. Se você quiser mudar para qualquer um antigo, você pode mudar para qualquer antigo, então não se preocupe com isso. Além disso, há um modo Expert. Se você é um especialista, você pode verificar isso e ver mais opções nele. Isto é tudo sobre calibrar o seu ecrã. Deixe-me ver se consigo encontrar alguma imagem no Google. Mas acho que normalmente é algo assim. Se você não selecionar o modo Especialista, poderá ver esse ponto branco de destino. Normalmente escolhi este nativo. É assim que você faz a calibração no OS X Yosemite ou em qualquer outro sistema operacional OS X. Usando o Windows, o que vamos fazer é digitar na pesquisa do Windows aqui, calibrar a cor e você pode ver isso apenas calibrar a exibição colorida. Este é um assistente e, se clicar em Seguinte, poderá ver diferentes opções para calibrar o ecrã. Se você clicar em Avançar, você pode ver este Gamma muito baixo, Gamma bom, Gamma muito alto. O que você vai fazer é você vai ajustar sua gama para que você não veja nenhum ponto no meio, como este pontos brancos ou pretos. Eu vou clicar em “Avançar” e agora ele está definido para quase exatamente o que eu preciso, então eu vou pular para o final. Então temos ajustes de brilho e cor. Certifique-se de que talvez seja necessário ajustar as cores, o brilho e o contraste a partir do menu de visualização. Se tiver a Samsung ou qualquer outro ecrã, poderá ter botões e botões diferentes no ecrã. Você precisa usá-los para definir seu brilho e contraste, porque isso está basicamente relacionado à sua tela e hardware. Vou pular a próxima. É assim que você vai definir seu contraste que sua camisa deve ser visível, essas rugas devem ser visíveis em sua camisa e também esses dois fundo preto e acinzentado aqui. Então a outra coisa é que você vai remover as manchas da sua cor acinzentada. Se você clicar em Avançar, poderá ver manchas de vermelho ou verde, ou talvez azul em alguns monitores, então o que você vai fazer é mover o controle deslizante para trás e mover o verde um pouco para trás. Deixe-me ver se preciso remover o azul. Não, azul está bem. Verde e vermelho, não havia manchas de verde e vermelho na minha tela, então eu vou clicar em próximo. Você pode verificar a calibração anterior e a nova calibração. Este é o anterior, este é o atual. Vou mudar para este anterior. Se terminar, poderá ver este assistente iniciar o ClearType. Ele vai mostrar-lhe textos diferentes e ver qual deles está olhando melhor para você. Este parece bom e este parece bom. Então este parece bom. Este parece melhor. Conclua este assistente e a calibração está definida. Agora, há mais uma maneira de controlar esta gama e outras cores, que está indo para o seu software de placa gráfica. Eu tenho informações. Se você for exibido, isso pode não ser o mesmo para cada placa gráfica, mas você pode acessar as configurações e o painel. Você pode ver aqui brilho, contraste e gama. Se eu tentar modelar com esta gama, você pode ver as cores estão mudando na minha tela e você também pode alterar esse brilho e contraste. Você pode aplicá-lo. Também são imagens de amostra diferentes que são dadas aqui. Se eu tentar mudar o brilho assim, você pode ver aqui. Agora vou cancelá-lo. Eu não quero alterar as configurações da minha tela porque eu levei um monte de vezes para torná-lo mais perto das cores precisas. Porque às vezes os meus filhos, eles simplesmente pressionam qualquer botão na minha tela Samsung e todas as cores desapareceram. Basicamente, vou cancelar. Você também pode alterar diferentes configurações de contraste, brilho e gama aqui. Esta é outra maneira. Vou cancelar agora mesmo. Isto é tudo sobre como você calibra sua tela usando o sistema operacional OS X ou Windows. O que eles vão mostrar a você, eles vão mostrar a você e andar através de um mago e apenas manter as cores que parece melhor para seus olhos. No final, se você quiser testar as configurações, você sempre pode vir a este site e testar suas configurações novamente. Você pode ver aqui agora eu não posso ver este 254 quase. Se eu for um pouco mais longe da minha tela, eu poderia ver este aqui. Certifique-se sempre de que a calibração de cores é feita com precisão. Algo sobre telas, eu vou mostrar-lhe na próxima lição que tela você precisa para design gráfico ou web design ou design de interface do usuário. Vamos seguir em frente. 15. Como a interface do Photoshop: Deixe-me apresentar a interface do Photoshop e como ele funciona, como diferentes opções e ferramentas estão sendo acessadas no Photoshop. Então vamos começar. Eu abri um arquivo de amostra aqui. Eu tenho uma camada e uma camada de texto e uma camada de forma, então a primeira coisa em primeiro lugar, este no lado esquerdo, nós temos esta barra de ferramentas, então nós temos diferentes ferramentas como a ferramenta Mover e um monte de ferramentas. Se você selecionar qualquer ferramenta, você pode ver as opções no topo relacionadas a essa ferramenta, então esta é basicamente a barra de opções, então se clicarmos em qualquer uma delas, se mudarmos para qualquer outra ferramenta, você pode ver estes opções estão basicamente mudando. Estas são mais opções relacionadas a esta ferramenta. Se você manter o mouse ou passar o mouse sobre esta ferramenta, você pode ver o nome dessa ferramenta, ferramenta Cortar. Além disso, você pode expandi-lo aqui assim e redirecioná-lo assim. É do seu próprio gosto. Você pode personalizar esta barra de ferramentas a partir daqui. Continue pressionando o mouse sobre isso e você pode editá-lo aqui e você pode arrastá-lo assim. É assim que você pode alterar toda a barra de ferramentas. Esta é a sua barra de ferramentas atual, esta é basicamente barra de ferramentas extra, se você quiser remover algo, você pode remover aqui. Além disso, você pode salvar e carregar predefinições de diferentes barras de ferramentas. Então, para mais opções, você pode ver aqui há navegações detalhadas por aqui, menus. Você pode ver estes são relacionados à imagem, manipulação de imagem, em seguida, camada, Ferramentas de texto relacionadas a seleções, existem diferentes filtros. Então temos 3D, não vamos usá-lo, mas isso é apenas para informação. Então temos vista e configuração diferente como nossas grades, guias, governantes. Eles estão todos neste painel de visão, então nós temos janelas ou painéis, extensões, tudo nesta janela aqui. Então certifique-se de vê-los apenas uma vez. Não tente se lembrar deles, você sabe que essas coisas estão aqui como essas extensões espaço de trabalho aqui. Esta é a nossa navegação detalhada. Esta é a nossa barra de opções para essas ferramentas, então selecionamos qualquer ferramenta e as opções vêm aqui. Então, para mais opções, às vezes você precisa ir para esta barra de ferramentas aqui. Isto é basicamente painel, então barra de painel. Se eu selecionar algo disso, deixe-me desenhar um pouco de forma agora para mostrar como funciona. Então, se eu arrastar alguma forma para aqui, você pode ver que este painel de propriedades de forma ao vivo foi aberto. Tem muitas opções relacionadas a isso. Há opções aqui no topo, mas há opções aqui também. Além disso, você pode ver largura, altura, x e y coordenadas e localização deste objeto de acordo com este documento. De qualquer forma, existem poucas ferramentas. Você preenche painéis pop que você pode acessar aqui relacionados a qualquer objeto ou gráfico que você projetar aqui. Se eu tentar selecionar este, você pode ver aqui, Eu selecionei uma camada de texto e eu posso ir para esta barra de painel e eu posso selecionar Personagem, Parágrafo e algumas outras coisas aqui. Se você não vir isso carregado aqui, você precisa carregá-lo a partir daqui, Janela, e você pode carregá-lo a partir daqui como Camada, Composições de Camada. Parágrafo, estilos de parágrafo. Então é assim que você carrega esses painéis, mas eles serão ativados assim que você tiver esse tipo de camada ou objeto selecionado. Basicamente nós as chamamos de camadas aqui, então esta é a camada um, camada dois, camada três. Então, poucas opções, você pode pegá-los a partir daqui então a terceira maneira é que você pode clicar com o botão direito em qualquer uma desta camada e você pode acessar mais opções e mais operações que você pode fazer nessas camadas. Então é assim que você acessa diferentes áreas do Photoshop. Há um novo recurso que acabou de ser adicionado, que é a barra de ferramentas de pesquisa. Você pode ver aqui, se eu ir para Pesquisar e tentar procurar algo como cortar, você pode ver que ele me mostra ferramenta Cortar e outras coisas relacionadas ao corte como Cortar, Revelar tudo. Se eu selecionar isso, ele selecionará minha ferramenta Cortar. Isso é muito útil, eu defini a tecla de atalho para ele, Command F ou Control F. Por padrão, esta tecla de atalho não está lá, então, se você quiser experimentá-lo, você precisa atribuir o atalho de teclado a partir daqui e isso é tudo sobre esta interface do Photoshop e como ele funciona, onde você vai acessar diferentes opções e ferramentas e coisas e mais opções relacionadas a qualquer camada ou texto que você desenhar ou projetar. Então vamos passar para a próxima lição. 16. Novo documento: Nesta lição, vou falar sobre a configuração do novo documento do Photoshop e como usaremos predefinições diferentes para aplicativos móveis e web design. Então, vamos começar. Vá para “Arquivo e Novo”, e você verá esta janela Novo documento e você pode ver, isso foi alterado muito nesta versão mais recente do Photoshop CC 2017. Você pode ver os detalhes de qualquer predefinição está no lado direito e as predefinições que você vai selecionar a partir daqui. Então, se eu selecionar este, você pode ver que ele tem 1440 pixels de largura e 880 é sua altura. Você pode mudar os centímetros ou tudo. Mas para web design e design de aplicativos móveis, vamos usar pixels. Agora você pode ver que há resolução. Para resolução digital para aplicativos móveis e web design, estamos indo principalmente para 72 pixels por polegada. modo de cor será RGB, fundo branco de oito bits e nas opções avançadas, você pode ver aqui, perfil de cor, configurá-lo para Não Gerenciar Cor e pixels quadrados. Estas serão as configurações de documentos para quase todos os documentos. Agora, se você ver na parte superior, você pode ver que existem diferentes opções de documento novo, como salvo, que vai me mostrar algumas das minhas predefinições salvas que eu salvei. Então ele vai mudar para esta fotografia. Se você é um fotógrafo, você pode usá-los. Estes são todos em polegadas e 300 PPI, que é para impressão e fotografia. Depois, há também pegada. Novamente, você pode ver essas outras configurações. Se você clicar nele, ele vai ser em milímetros. Estes são documentos impressos, arte e ilustração, e web e mobile. Se você quiser, você pode ver aqui, você pode acessar mais predefinições clicando nisso, clicando neste sinal de mais aqui. Você pode ver aqui, iPhone 6 Plus, iPad Pro, Microsoft Surface Pro 3, iPhone 5. Existem muitos modelos diferentes. Você pode ver que há um novo recurso na parte inferior. Você pode ver que estes são modelos gratuitos do Adobe Stock. Se você quiser clicar nele, você pode ver que ele irá mostrar-lhe alguns do tamanho, 32 MB e ele vai baixá-lo a partir do Adobe Stock. Certifique-se de que você está conectado à Internet e se inscreveu nesta conta do seu Photoshop. É assim que você usa modelos diferentes. Estes são para cinema e vídeo. Na maioria das vezes para web, eu não uso esses tamanhos de modelos ou web media, web minimum, web large. Normalmente, o que eu uso é que eu uso este, que eu tenho guardado aqui, que é 1280 pixel de largura bootstrap. Agora, como você pode salvar uma predefinição? Você pode nomear qualquer predefinição aqui como Salvar novo. Certifique-se de mudar a altura como eu vou mudar a largura para 1200 e altura para talvez 2000 pixels. A orientação será assim. Não quero um retrato. Ele sempre estará na orientação retrato se você quiser selecionar quadros de arte, é um novo recurso nas versões mais recentes do Photoshop. Você pode verificar aqui. Outras opções que você precisa mostrar o mesmo, que eu estou usando aqui, você precisa usá-los. Você pode selecionar esta opção aqui e salvar a predefinição. Uma vez que ele é salvo, ele vai pedir o nome. Vou chamá-lo de 1200 pixels de largura. Vamos salvar esta predefinição e você pode ver aqui ele salvou esta predefinição. Estes são os meus modelos baixados. Estas são as minhas predefinições salvas. Então, se eu tentar criá-lo, você pode ver que ele vai me dar um novo documento com uma opção de quadro de arte que você pode ver aqui. Agora, o que são quadros de arte? Vamos aprender sobre eles na próxima lição. Vamos passar para a próxima lição. 17. O que são artboard?: Agora, nesta lição, vamos falar sobre pranchetas do Photoshop. Então vamos começar. Vamos abrir um novo arquivo, e certifique-se de que nessas opções, você precisa verificar esta prancheta se quiser. Sem pranchetas, você pode ir sem elas. Então verifique prancheta e eu vou criar agora. Então você pode ver que isso é realmente 1.200 pixels de largura e 2.000 pixels de altura, e isso é basicamente a minha prancheta 1. Vou renomeá-lo clicando duas vezes neste painel de camada. Você pode ver que eu vou renomeá-lo para WebDesign. Este é o WebDesign. Em seguida, podemos adicionar outra prancheta. Você pode ver aqui há uma ferramenta de prancheta, se você clicar aqui, e você pode ver que temos a ferramenta de prancheta V, e você pode ver que existem diferentes opções aqui, como você pode alterar a prancheta selecionada para qualquer tamanho de prancheta que você gosta. Então, se eu quiser mudar para seis, você pode ver que ele pode ir para seis ou pode voltar para 1.200 pixels de largura. Além disso, você pode criar uma nova prancheta. Clicando aqui, para que eu possa criar uma nova prancheta, e eu posso selecionar qualquer um disso, e apenas arrastá-lo para cá. Clique aqui uma vez, e você pode ver que criou uma nova prancheta, que é iPhone 5 modelo. Então, é basicamente iPhone 5 dimensões. Agora, se você quiser criar mais pranchetas, você pode criar mais pranchetas. É muito útil, como você está projetando um site ou talvez um aplicativo móvel, e ele tem 10 telas ou 12 telas. Você pode adicionar mais telas clicando aqui, assim, e você pode ter várias telas e ver tudo na Web em uma tela. Então é assim que você usa pranchetas. Agora, há mais algumas opções. Você pode ver aqui, você pode alinhá-los. Você pode selecionar diferentes pranchetas e alinhá-las, se quiser. Talvez, você possa alinhar suas bordas superiores, se você os tiver movido erroneamente. Para movê-los, você precisa ir para esta Ferramenta Mover, e você precisa desativar esta Seleção Automática se você selecioná-la, e você pode mover qualquer uma das pranchetas que você selecionou, como eu selecionei esta. Eu posso me mover assim, e se eu quiser movê-lo para baixo, eu posso movê-lo mais perto, assim. Então é assim que você se move em torno de suas pranchetas. Então você também pode excluí-los. Você pode clicar com o botão direito e excluir prancheta. Você pode duplicá-los aqui, se você tiver criado um tema e precisar duplicar toda a prancheta com todas as camadas. Então, cada prancheta que você pode ver aqui, é basicamente um grupo e pode ter um monte de camadas, camadas de texto, todo o seu design sentado sobre ele. Então é assim que você usa pranchetas diferentes e é assim que você as exclui. Pressionei minha tecla Delete no teclado para excluir qualquer prancheta que selecionei. Qualquer prancheta, você pode selecioná-la aqui. Verifique se a Ferramenta de prancheta está selecionada e destacada. Assim, você pode ver que existem mais algumas opções como Aninhamento automático de camadas, Tamanho automático de tela. Houve alguns problemas nas versões anteriores em que tamanho da tela e o tamanho da prancheta estavam incompatíveis. Então eles criaram isso. Agora, se você quiser girar sua tela móvel como você precisa de modo paisagem, você pode selecionar qualquer prancheta como iPhone, o último que eu selecionei e você pode girá-lo em torno desse modo. Então é assim que você gira a visão do seu celular. Então este é o retrato, esta é a paisagem. Agora, deixe-me demonstrar a magia dessas pranchetas. Se eu tiver, por exemplo, um botão aqui, assim, este é um todo embutido e eu quero copiá-lo para outro, então eu vou apenas Alt e arrastar até aqui. Você pode ver no lado direito, ele é copiado para outra prancheta. mesmo é o que posso fazer aqui. Então, esta camada ou este botão foi copiado para todas essas outras pranchetas. Da mesma forma que você pode copiar grupos ou arrastar seu design para aqui ou para aqui. Agora, você pode ver se você tem uma versão antiga do seu tamanho de Canvas, então você pode ver se você vai para este tamanho de Canvas, ele vai mostrar a você que Canvas de toda a área que você está cobrindo, que é basicamente 3.408 pixels. Então, se eu tentar fazer uma seleção aqui assim, eu acho que vai ser 3.176. Então, será aproximadamente igual ao tamanho de toda a tela. Agora, o cálculo do Canvas é diferente. Então, se você está calculando tudo no Canvas, então você não deve usar saídas, e se você quiser excluir, você pode simplesmente excluir a prancheta aqui. Então eu vou apagar apenas prancheta, e você vai deixar com o conteúdo aqui. É assim que, se você quiser usar o apenas o Canvas, você pode fazer algo assim. Vou apagar todas as pranchetas e você pode ver que temos nossa tela de volta. Então esta é a nossa tela principal. Então, se eu tentar redimensioná-lo agora, eu posso redimensioná-lo. Então este é um dos problemas, um dos medos dos meus alunos, então eu vou limpar isso. Se você não quiser usar pranchetas, quando tentar criar um novo arquivo, não as selecione, não marque essa caixa. Então você vai ter este documento antigo configurado, que é, eu realmente sinto falta disso e eu realmente amo isso. Então, isso é tudo sobre pranchetas e como você vai usar várias pranchetas para criar seus aplicativos móveis ou web design, ou diferentes exibições, ou diferentes versões do seu design. Vamos passar para a próxima lição. 18. Como as camadas funcionam no Photoshop: Nesta lição, eu vou falar sobre camadas e basicamente o conceito de camadas e um pouco sobre este painel de camadas. Deixe-me primeiro elaborar algumas camadas. Eu vou pegar essa ferramenta de forma, e eu vou desenhar algum eclipse aqui. Q 1, 2, 3 e 4. Agora tenho quatro eclipse. Deixe-me mudar suas cores para que você possa entender qual deles está mudando ou alterando suas cores. Agora tenho quatro eclipse. Agora, como você pode ver que no painel de camadas, o preto está na parte inferior mais. Nesta representação está também na parte inferior. Eles estão basicamente em uma ordem de pilha. baixo, depois este cinzento no topo, e depois azul, e este laranja está no topo. Basicamente, usamos esta ordem de pilha para criar diferentes objetos e diferentes itens gráficos e desenhos diferentes. Às vezes, mesclamos ou misturamos essas duas camadas, camadas cima em baixo. Às vezes os subtraímos, às vezes os adicionamos. Deixe-me ir a este painel de camadas. Estas são diferentes opções de mistura. Isto é normal. Se eu mudar para este escurecido, você pode ver que ele está basicamente misturando com a camada abaixo dele. A camada abaixo é basicamente azul. Temos diferentes opções por aqui, como multiplicar. Ele está se multiplicando com as camadas abaixo, queima de cor e todas essas opções diferentes. Basicamente é adicionar ou subtrair cores ou multiplicá-los, ou cores de ligação, e estas são multiplicação diferente ou você pode dizer opções de mistura. Agora estas são basicamente opções de mesclagem. Normalmente usamos multiplicar, queimar cor, talvez tela ou sobreposição a maior parte do tempo. Não usamos outros. Talvez cor algum dia. Mas vou usá-los intensamente no meu próximo curso. Para este curso, apenas a introdução de que é opções de mesclagem é suficiente. Agora, chegando a essa opacidade, opacidade é basicamente a transparência de qualquer camada, então se eu torná-la, a primeira transparente, você pode ver que ela é semitransparente agora. Isto é basicamente transparência. Agora chegando a este preenchimento, preenchimento é basicamente a cor preenchida neste eclipse ou camada. Para entender melhor, vou aplicar algum efeito de acidente vascular cerebral a ele, para você possa ver o que está acontecendo. Agora, você pode ver que esta opção de preenchimento é aplicada apenas à cor ou preenchimento dentro deste eclipse. Ele não está recebendo ou fazendo qualquer efeito para o efeito de borda ou acidente vascular cerebral em torno dele. Se eu mudar a opacidade, ele irá reduzir tudo, incluindo quaisquer estilos de camada ou estilos aplicados a esta camada em particular. Você pode ver a diferença entre opacidade, ele faz todo o objeto transparente incluindo seus todos os estilos. Mas o preenchimento só faz com que o conteúdo interno seja transparente. Esta é a diferença entre preenchimento e opacidade. Agora chegando a essas opções de bloqueio. Isso é basicamente para bloquear o movimento, então agora não podemos mudar a posição desta camada. Ele permanecerá estático aqui. Agora, o benefício de bloquear esta posição é que podemos aplicar diferentes estilos de camada ou diferentes opções e diferentes outros elementos a este eclipse, mas não podemos movê-lo. Agora, se mudarmos para esta ferramenta de bloqueio, se fecharmos isto, então você não pode fazer nada com ela. Você não pode nem aplicar estilos de camada. Você pode ver que todos os estilos de camada foram desativados. Esta é a diferença entre este ícone de cadeado e este ícone de posição de bloqueio. Agora, há mais algumas opções aqui. Você pode ver se eu tento ligar isso. Isto é basicamente a filtragem dessas camadas, então talvez se nós temos como 100 camadas e nós só precisamos encontrar o, deixe-me criar uma camada de texto, eu sou algum texto aqui, e então eu vou criar algum objeto inteligente. Lembre-se que o objeto inteligente era de cor laranja assim. Vou criar um pequeno objeto. Eu vi, para onde foi. O objeto inteligente está aqui, este aqui. Agora eu tenho uma camada de texto, algumas camadas de eclipse ou forma, e então eu tenho uma camada inteligente ou objeto inteligente. Agora, se eu quiser pesquisar rapidamente os objetos inteligentes, eu vou clicar neste e você pode ver que ele está me mostrando o objeto inteligente. Ou se seu documento tiver cinco ou seis objetos inteligentes, eles serão listados aqui. Basicamente, este é um filtro rápido para localizar suas camadas. Se eu clicar nesta ferramenta de forma, ela me mostrará as camadas de forma. Se eu clicar em ambos, ele me mostrará camadas de forma mais os objetos inteligentes. Isso é basicamente para filtrar suas camadas. Este é um texto e eu posso ver todas as minhas camadas de texto e então eu tenho essas outras opções. Normalmente usamos estes três. Isso é tudo sobre o painel de camadas e como todas essas camadas funcionam umas com as outras e como sua ordem de pilha ocorre e como nós as usamos para exibir ou podem criar objetos e afetos diferentes. Se eu apagar uma parte deste, vou deixar-nos tentar primeiro. Agora você pode ver, eu posso ver através das outras camadas deste aqui porque ele tem um buraco dentro dele. É assim que esta camada funciona. Espero que você tenha aprendido alguns passos básicos de como esta camada e painéis de camada basicamente funcionam e espero vê-lo na minha próxima palestra. 19. Painel de texto no in: Nesta lição, eu vou mostrar como vamos usar nossa ferramenta de texto para projetar nosso design de interface do usuário, e como vamos usar diferentes opções de conjuntos de parágrafos e caracteres. Vamos começar e ir para este símbolo de ícone T neste painel de ferramentas ou você pode pressionar T para a tecla de atalho. Eu vou clicar e arrastar até aqui para desenhar um parágrafo encadernado e eu vou colar algum texto Loren Ipsum aqui. Agora, eu vou aumentar seu tamanho de fonte para que você possa vê-lo um pouco melhor. Agora, algumas das opções deste painel de texto estão aqui. Nós selecionamos esta face fonte que era Open Sans. Posso mudar para qualquer outra fonte, se quiser, como esta. Então isso é basicamente suas configurações. Por exemplo, peso da fonte, temos negrito e negrito itálico agora nele. Então este é o tamanho da fonte. Vamos usá-lo em pixels. Isto é basicamente a opção de renderização de fonte. Vamos usar normalmente afiado, nítido e suave. Ou talvez LCD do Windows. Se você estiver no painel de LED, você pode ver isso. Mesmo em um Mac, você pode ver o Mac LED aqui ou algo assim. Agora, essas são basicamente opções de alinhamento; alinhamento central, alinhamento à direita ou alinhamento à esquerda. Estas são configurações de parágrafo. Esta é basicamente a cor do texto. Se eu quiser mudar para algo assim, posso mudá-lo daqui. Isso é basicamente quebra de texto, mas podemos não usá-lo em nosso processo de design de interface do usuário. Agora, clicar nisso abrirá mais opções neste painel corretor. É por isso que em nossa palestra anterior, incluí essa configuração de personagem e parágrafo aqui. Agora, chegando a este painel de caracteres, este é basicamente o tamanho da fonte, e esta é basicamente a altura da linha entre essas duas linhas. Se eu tentar aumentá-lo, você pode ver as linhas de texto verticalmente, elas se expandem. Então este é basicamente o espaço entre duas letras. Você pode ver que as letras estão ficando mais espaço aqui e tendo mais espaço nelas, assim. Normalmente, usamos a maior parte do tempo algo, talvez 25. Agora, então, nós temos essas outras opções diferentes aqui para fonte e tipografia como negrito, itálico, e então todas as maiúsculas, e subscript, sobrescrito; essas são opções diferentes. Podemos não usá-los a maior parte do tempo aqui, mas talvez eles possam vir a calhar algum dia. Agora, vou explicar algo sobre essas configurações de parágrafo. Agora, nas configurações de parágrafo, temos essas mais opções de alinhamento de texto. Isso é justificado para configurações justificadas e essas são três configurações normais: linha esquerda, linha do meio e alinhar à direita. Estes três são opções de recuo. Se quisermos recuar nosso parágrafo da esquerda, como 50 pixels, podemos estar usando isso. Você pode ver que este parágrafo move 50 pixels da esquerda. Se eu só quero o primeiro recuo de linha, então eu posso usar este aqui. Agora, você pode ver que a primeira linha está começando a partir de 100 pixels da esquerda. Agora, estes são basicamente preenchimento superior e inferior do nosso parágrafo. Se eu inserir 500 aqui, você pode ver meu parágrafo movido para baixo. Estas são todas para as configurações de parágrafo, mas na maioria das vezes, podemos não estar usando essas opções de recuo ou essas opções de espaçamento porque vamos mover parágrafos diferentes com nosso teclado, como shift e usando nossas teclas de atalho. Isso é tudo sobre configurações de parágrafo e parágrafo. Vamos passar para a próxima palestra. 20. Ferramenta de forma no Photohsop: Nesta lição, usaremos nossa ferramenta de formas para criar novas formas e combinar formas diferentes e subtrair algumas formas. Eu vou estar focando apenas nas coisas que vamos estar fazendo principalmente em design de interface do usuário. Vamos começar. Clique neste ícone de forma, ícone de ferramenta ou você pode pressionar U do seu teclado. Clique e arraste para criar. Você pode ver que esta largura e altura está chegando, largura este 537 e algo assim, eu estou usando este aqui. Assim que eu desenhar este, você pode ver propriedades de forma ao vivo aparecer. Aqui está a nossa largura e esta é a altura. Se eu quiser definir a altura em 330 pixels, você pode bloquear a altura se quiser apertar esta caixa em proporção assim. Em seguida, temos a sua posição do eixo x, quão longe está do lado esquerdo e quão longe está do topo, que é eixo y. Esta é sua cor de fundo e esta é sua cor de contorno ou traçado. Você pode ver aqui, se eu aumentar isso, você pode ver como ele é delineado. Não, nós não vamos usar isso então eu não vou discutir essas poucas configurações do esboço, vamos usá-lo em com nossos menos vezes. Mais uma coisa, o que é muito importante é este raio de fronteira. Você pode clicar ou arrastar para aqui se quiser configurá-lo para algum raio da borda, ou você pode digitar sua própria escolha