[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:08.24,0:00:10.08,Default,,0000,0000,0000,,Você sabe a maneira\Ncorreta de salvar a capa
Dialogue: 0,0:00:10.08,0:00:12.18,Default,,0000,0000,0000,,que você criou\Npara o seu site?
Dialogue: 0,0:00:12.18,0:00:14.88,Default,,0000,0000,0000,,A gente vai para o Photoshop\Npara fazer isso na prática,
Dialogue: 0,0:00:14.88,0:00:19.59,Default,,0000,0000,0000,,mas, antes, vamos adaptar a capa\Nque a gente criou para o mobile.
Dialogue: 0,0:00:19.59,0:00:21.19,Default,,0000,0000,0000,,Vamos lá.
Dialogue: 0,0:00:21.19,0:00:27.43,Default,,0000,0000,0000,,Aqui está nossa capa, basta a gente\Npegar os elementos que a gente quer,
Dialogue: 0,0:00:27.43,0:00:31.56,Default,,0000,0000,0000,,ou eu posso até pegar\Ntodos, melhor.
Dialogue: 0,0:00:31.56,0:00:36.14,Default,,0000,0000,0000,,Primeiro, a textura ctrl+c,\Nvenho para capa mobile,
Dialogue: 0,0:00:36.14,0:00:41.78,Default,,0000,0000,0000,,tira o que a gente\Ncriou já, ctrl+v.
Dialogue: 0,0:00:43.14,0:00:45.34,Default,,0000,0000,0000,,Vou até tirar esse background\Nque a gente não vai precisar,
Dialogue: 0,0:00:45.34,0:00:48.98,Default,,0000,0000,0000,,deixar só o que a gente\Ncriou, vou bloquear
Dialogue: 0,0:00:48.98,0:00:51.98,Default,,0000,0000,0000,,e, aí, vou pegar esses\Noutros elementos.
Dialogue: 0,0:00:53.45,0:00:56.17,Default,,0000,0000,0000,,Ctrl+c, ctrl+v.
Dialogue: 0,0:00:56.17,0:01:00.23,Default,,0000,0000,0000,,Já estamos com os elementos\Naqui criados.
Dialogue: 0,0:01:00.74,0:01:02.13,Default,,0000,0000,0000,,Opa!
Dialogue: 0,0:01:02.13,0:01:05.07,Default,,0000,0000,0000,,Segurando o shift para não\Ndistorcer a imagem.
Dialogue: 0,0:01:06.62,0:01:08.10,Default,,0000,0000,0000,,Ok.
Dialogue: 0,0:01:08.10,0:01:12.18,Default,,0000,0000,0000,,Faltou um elemento aqui para criar\Numa sensação de profundidade,
Dialogue: 0,0:01:12.18,0:01:14.51,Default,,0000,0000,0000,,que é a textura.
Dialogue: 0,0:01:14.51,0:01:18.38,Default,,0000,0000,0000,,Vou abrir a pastinha,\Nporque eu quero só uma,
Dialogue: 0,0:01:18.38,0:01:20.39,Default,,0000,0000,0000,,ctrl+c
Dialogue: 0,0:01:21.21,0:01:23.31,Default,,0000,0000,0000,,ctrl+v, ela criou por cima,
Dialogue: 0,0:01:23.31,0:01:26.59,Default,,0000,0000,0000,,eu não quero por cima, eu\Nquero por baixo da modelo.
Dialogue: 0,0:01:26.59,0:01:29.46,Default,,0000,0000,0000,,Posso até aumentar\Num pouquinho assim,
Dialogue: 0,0:01:29.46,0:01:35.46,Default,,0000,0000,0000,,legal, e usar a borracha\Npara apagar.
Dialogue: 0,0:01:35.46,0:01:38.90,Default,,0000,0000,0000,,Vou colocar até para baixo\Ndos nossos elementos
Dialogue: 0,0:01:38.90,0:01:43.47,Default,,0000,0000,0000,,para ficar acima\Napenas do background.
Dialogue: 0,0:01:43.47,0:01:48.04,Default,,0000,0000,0000,,Perfeito, foi a capa de mobile\Nmais rápida que a gente já criou,
Dialogue: 0,0:01:48.04,0:01:52.21,Default,,0000,0000,0000,,e vamos salvar em WebP.
Dialogue: 0,0:01:52.21,0:01:56.37,Default,,0000,0000,0000,,É importante você saber que o site\Npode utilizar imagens também
Dialogue: 0,0:01:56.37,0:02:01.03,Default,,0000,0000,0000,,como JPEG e PNG, mas quando\Nvocê pensa em um site otimizado,
Dialogue: 0,0:02:01.03,0:02:02.72,Default,,0000,0000,0000,,um site leve, rápido,
Dialogue: 0,0:02:02.72,0:02:06.76,Default,,0000,0000,0000,,bom para ranquear nos mecanismos\Nde busca da internet,
Dialogue: 0,0:02:07.83,0:02:12.03,Default,,0000,0000,0000,,o formato WebP é o melhor\Nformato que tem.
Dialogue: 0,0:02:12.03,0:02:18.07,Default,,0000,0000,0000,,Então, para isso, vamos vir\Naqui em "file", no Photoshop,
Dialogue: 0,0:02:18.07,0:02:21.84,Default,,0000,0000,0000,,vamos, antes, dar um ctrl+s,\Npara deixar salva a nossa capa,
Dialogue: 0,0:02:21.84,0:02:25.88,Default,,0000,0000,0000,,e vamos aqui em "save as"?
Dialogue: 0,0:02:25.88,0:02:27.08,Default,,0000,0000,0000,,Não, não, não, não, não.
Dialogue: 0,0:02:27.08,0:02:31.62,Default,,0000,0000,0000,,Aqui em "save as", temos\Nsó PSB, PDF e TIF,
Dialogue: 0,0:02:31.62,0:02:33.29,Default,,0000,0000,0000,,não é isso que a gente quer.
Dialogue: 0,0:02:33.29,0:02:35.76,Default,,0000,0000,0000,,A gente tem que salvar\Ncomo cópia.
Dialogue: 0,0:02:35.76,0:02:39.50,Default,,0000,0000,0000,,Então, "save a copy",\Nou alt+ctrl+s,
Dialogue: 0,0:02:39.50,0:02:44.36,Default,,0000,0000,0000,,clico aqui e, quando a gente\Nabre, tem diversos formatos,
Dialogue: 0,0:02:44.36,0:02:48.30,Default,,0000,0000,0000,,e o último formato,\Nmais novo, mais recente,
Dialogue: 0,0:02:48.30,0:02:52.57,Default,,0000,0000,0000,,é o WebP, formato\Ncriado pela Google.
Dialogue: 0,0:02:52.57,0:02:57.78,Default,,0000,0000,0000,,Vamos salvar na nossa\Npasta, que está aqui,
Dialogue: 0,0:02:57.78,0:03:00.70,Default,,0000,0000,0000,,deixa eu ver, nessa\Npastinha aqui, "A LARANJA"
Dialogue: 0,0:03:00.70,0:03:05.22,Default,,0000,0000,0000,,e vamos deixar\Ncomo "capa mobile".
Dialogue: 0,0:03:05.22,0:03:09.06,Default,,0000,0000,0000,,Vou tirar aqui, e "save".
Dialogue: 0,0:03:09.06,0:03:13.93,Default,,0000,0000,0000,,Aqui, eu posso reduzir\Nou aumentar a qualidade.
Dialogue: 0,0:03:13.93,0:03:17.53,Default,,0000,0000,0000,,Quando eu habilito\Nessa metadata,
Dialogue: 0,0:03:17.53,0:03:20.22,Default,,0000,0000,0000,,ele leva uma série de informações\Npara a imagem que a gente não quer,
Dialogue: 0,0:03:20.22,0:03:21.90,Default,,0000,0000,0000,,porque só pesa a imagem.
Dialogue: 0,0:03:21.90,0:03:24.14,Default,,0000,0000,0000,,Então, eu vou deixar\Naqui em "lossy",
Dialogue: 0,0:03:24.14,0:03:28.21,Default,,0000,0000,0000,,eu posso até diminuir\Num pouquinho mais, para 95,
Dialogue: 0,0:03:28.21,0:03:30.33,Default,,0000,0000,0000,,e dar um "ok" e salvar.
Dialogue: 0,0:03:30.86,0:03:36.75,Default,,0000,0000,0000,,Vamos salvar em PNG também\Npara eu mostrar a diferença
Dialogue: 0,0:03:36.75,0:03:41.09,Default,,0000,0000,0000,,quando você salva duas imagens\Nem formatos diferentes,
Dialogue: 0,0:03:41.09,0:03:43.92,Default,,0000,0000,0000,,a diferença de tamanho.
Dialogue: 0,0:03:43.92,0:03:46.46,Default,,0000,0000,0000,,Então vamos aqui em nosso
Dialogue: 0,0:03:46.46,0:03:49.46,Default,,0000,0000,0000,,e nossa pasta\Ndeve estar aqui em laranja
Dialogue: 0,0:03:49.56,0:03:53.67,Default,,0000,0000,0000,,a web preta aqui a png\Neu devo ter salvado em outro lugar.
Dialogue: 0,0:03:53.73,0:03:54.70,Default,,0000,0000,0000,,Vamos salvar de novo
Dialogue: 0,0:03:56.70,0:03:59.61,Default,,0000,0000,0000,,e separei mesmo.
Dialogue: 0,0:03:59.61,0:04:06.38,Default,,0000,0000,0000,,Vou pegar e dar um control X e vou\Ncolar na nossa pasta a laranja, ok?
Dialogue: 0,0:04:07.11,0:04:09.88,Default,,0000,0000,0000,,Serve. Yes!
Dialogue: 0,0:04:09.88,0:04:12.88,Default,,0000,0000,0000,,Vamos voltar para a pasta.
Dialogue: 0,0:04:12.95,0:04:14.52,Default,,0000,0000,0000,,Estão as duas imagens
Dialogue: 0,0:04:14.52,0:04:17.49,Default,,0000,0000,0000,,aqui em PNG é web.
Dialogue: 0,0:04:17.49,0:04:19.06,Default,,0000,0000,0000,,PNG Se a gente vem aqui com o botão
Dialogue: 0,0:04:19.06,0:04:21.96,Default,,0000,0000,0000,,direito,\Nclica e clica em Propriedades,
Dialogue: 0,0:04:21.96,0:04:27.03,Default,,0000,0000,0000,,a gente consegue visualizar\Nque ela está em 1,57 megas
Dialogue: 0,0:04:28.13,0:04:30.37,Default,,0000,0000,0000,,em PNG
Dialogue: 0,0:04:30.37,0:04:31.40,Default,,0000,0000,0000,,e em web page.
Dialogue: 0,0:04:31.40,0:04:34.37,Default,,0000,0000,0000,,Se a gente fizer a mesma coisa,
Dialogue: 0,0:04:34.37,0:04:38.14,Default,,0000,0000,0000,,ela está em 256 Kbytes.
Dialogue: 0,0:04:38.54,0:04:42.58,Default,,0000,0000,0000,,Ela reduziu muito\Ne continua com a mesma qualidade.
Dialogue: 0,0:04:43.75,0:04:46.25,Default,,0000,0000,0000,,E aqui\Nse a gente abre o png tá bonitinho.
Dialogue: 0,0:04:46.25,0:04:48.05,Default,,0000,0000,0000,,Aqui é uma imagem pixelizada,
Dialogue: 0,0:04:48.05,0:04:51.79,Default,,0000,0000,0000,,então conforme o for crescendo,\Nvai perdendo um pouco a resolução.
Dialogue: 0,0:04:52.19,0:04:55.19,Default,,0000,0000,0000,,Mas pra site\Nisso não tem importância.
Dialogue: 0,0:04:55.80,0:04:58.100,Default,,0000,0000,0000,,O mais importante é usar o\Nweb page e aqui eu vou abrir
Dialogue: 0,0:05:00.93,0:05:04.44,Default,,0000,0000,0000,,com o\Nnosso Google Chrome para visualizar
Dialogue: 0,0:05:04.97,0:05:06.20,Default,,0000,0000,0000,,que ele também está grande
Dialogue: 0,0:05:06.20,0:05:09.21,Default,,0000,0000,0000,,o suficiente para o site,\Nprincipalmente para mobile.
Dialogue: 0,0:05:10.28,0:05:12.98,Default,,0000,0000,0000,,Então é uma imagem grande,\Ncom a resolução
Dialogue: 0,0:05:12.98,0:05:15.98,Default,,0000,0000,0000,,bacana e otimizada.
Dialogue: 0,0:05:15.98,0:05:18.58,Default,,0000,0000,0000,,Então, o que a gente fez aqui\Nfoi apenas adaptar
Dialogue: 0,0:05:18.58,0:05:21.42,Default,,0000,0000,0000,,a nossa capa de desktop para mobile
Dialogue: 0,0:05:21.42,0:05:25.56,Default,,0000,0000,0000,,e salvar num melhor formato\Npara interface digital, que é o web.
Dialogue: 0,0:05:25.86,0:05:26.89,Default,,0000,0000,0000,,Aqui no Photoshop.