[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:08.24,0:00:08.91,Default,,0000,0000,0000,,Você sabe a maneira
Dialogue: 0,0:00:08.91,0:00:11.91,Default,,0000,0000,0000,,correta de salvar a capa\Nque você criou para 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:18.95,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:22.92,Default,,0000,0000,0000,,Aqui está nossa capa.
Dialogue: 0,0:00:22.92,0:00:26.13,Default,,0000,0000,0000,,Basta a gente pegar os elementos\Nque a gente quer.
Dialogue: 0,0:00:27.43,0:00:30.23,Default,,0000,0000,0000,,Ou eu posso até pegar todos
Dialogue: 0,0:00:30.23,0:00:31.56,Default,,0000,0000,0000,,melhor.
Dialogue: 0,0:00:31.56,0:00:33.83,Default,,0000,0000,0000,,Primeiro, a textura Control
Dialogue: 0,0:00:33.83,0:00:37.84,Default,,0000,0000,0000,,C vem para capa\Nmobile, tira o que a gente criou
Dialogue: 0,0:00:38.77,0:00:41.78,Default,,0000,0000,0000,,já Control V.
Dialogue: 0,0:00:43.14,0:00:44.61,Default,,0000,0000,0000,,Vou até tirar esse background
Dialogue: 0,0:00:44.61,0:00:46.85,Default,,0000,0000,0000,,que a gente não vai precisar\Ndeixar só o que a gente criou.
Dialogue: 0,0:00:46.85,0:00:48.98,Default,,0000,0000,0000,,Vou bloquear
Dialogue: 0,0:00:48.98,0:00:51.98,Default,,0000,0000,0000,,e ai vou pegar esses outros\Nelementos.
Dialogue: 0,0:00:53.45,0:00:55.29,Default,,0000,0000,0000,,Control C
Dialogue: 0,0:00:55.29,0:00:58.89,Default,,0000,0000,0000,,Control V\NJá estamos com os elementos aqui
Dialogue: 0,0:00:58.89,0:01:01.90,Default,,0000,0000,0000,,criados. Opa!
Dialogue: 0,0:01:02.13,0:01:07.30,Default,,0000,0000,0000,,Segurando shift para não distorcer\Na imagem. Ok.
Dialogue: 0,0:01:08.10,0:01:10.54,Default,,0000,0000,0000,,Faltou um elemento aqui para criar
Dialogue: 0,0:01:10.54,0:01:13.17,Default,,0000,0000,0000,,uma sensação de\Nprofundidade que a textura.
Dialogue: 0,0:01:14.51,0:01:15.01,Default,,0000,0000,0000,,Vou abrir a
Dialogue: 0,0:01:15.01,0:01:18.01,Default,,0000,0000,0000,,pastinha porque eu quero só uma
Dialogue: 0,0:01:18.38,0:01:21.21,Default,,0000,0000,0000,,control C
Dialogue: 0,0:01:21.21,0:01:22.12,Default,,0000,0000,0000,,control V.
Dialogue: 0,0:01:22.12,0:01:25.92,Default,,0000,0000,0000,,Ela criou por cima, não quero\Npor cima, quero por baixo da modelo.
Dialogue: 0,0:01:26.59,0:01:29.46,Default,,0000,0000,0000,,Posso até aumentar um pouquinho\Nassim.
Dialogue: 0,0:01:29.46,0:01:32.72,Default,,0000,0000,0000,,Legal é usar a borracha para
Dialogue: 0,0:01:34.19,0:01:35.46,Default,,0000,0000,0000,,apagar.
Dialogue: 0,0:01:35.46,0:01:38.90,Default,,0000,0000,0000,,Vou colocar\Naté para baixo das nossas elementos
Dialogue: 0,0:01:38.90,0:01:42.07,Default,,0000,0000,0000,,aqui para ficar acima\Napenas do background.
Dialogue: 0,0:01:43.47,0:01:44.50,Default,,0000,0000,0000,,Perfeito.
Dialogue: 0,0:01:44.50,0:01:47.51,Default,,0000,0000,0000,,Foi a capa de banho\Nmais rápida que a gente já criou
Dialogue: 0,0:01:48.04,0:01:51.04,Default,,0000,0000,0000,,e vamos salvar em MP.
Dialogue: 0,0:01:52.21,0:01:54.75,Default,,0000,0000,0000,,É importante você saber que o site
Dialogue: 0,0:01:54.75,0:01:58.25,Default,,0000,0000,0000,,pode utilizar imagens também\Ncomo JPEG e PNG.
Dialogue: 0,0:01:58.72,0:02:02.39,Default,,0000,0000,0000,,Mas quando você pensa num site\Notimizado, um site leve, rápido,
Dialogue: 0,0:02:02.72,0:02:06.29,Default,,0000,0000,0000,,bom para ranquear\Nnos mecanismos de busca da internet.
Dialogue: 0,0:02:07.83,0:02:11.80,Default,,0000,0000,0000,,O formato web é o melhor formato\Nque tem.
Dialogue: 0,0:02:12.03,0:02:14.87,Default,,0000,0000,0000,,Então, para isso, vamos vir aqui.
Dialogue: 0,0:02:14.87,0:02:17.87,Default,,0000,0000,0000,,Feel no Photoshop.
Dialogue: 0,0:02:18.07,0:02:20.24,Default,,0000,0000,0000,,Vamos antes dar um control S
Dialogue: 0,0:02:20.24,0:02:23.74,Default,,0000,0000,0000,,para deixar salva\Na nossa capa e vamos aqui
Dialogue: 0,0:02:25.08,0:02:25.88,Default,,0000,0000,0000,,sem viés.
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 não sei viés,\NTemos só PSD, PDF e TIFF.
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 como cópia.
Dialogue: 0,0:02:35.76,0:02:41.23,Default,,0000,0000,0000,,Então, se a copy ou alt control s,\Nclica aqui e aqui.
Dialogue: 0,0:02:41.23,0:02:44.23,Default,,0000,0000,0000,,Quando a gente abre\Ntem diversos formatos
Dialogue: 0,0:02:44.36,0:02:47.47,Default,,0000,0000,0000,,e o último formato mais novo,\Nmais recente,
Dialogue: 0,0:02:48.30,0:02:51.57,Default,,0000,0000,0000,,é o Web, formato criado pela Google.
Dialogue: 0,0:02:52.57,0:02:56.94,Default,,0000,0000,0000,,Vamos, Vamos salvar na nossa pasta\Nque ela está aqui.
Dialogue: 0,0:02:57.78,0:03:01.75,Default,,0000,0000,0000,,Deixa eu ver nessa pastinha\Naqui a laranja e vamos deixar
Dialogue: 0,0:03:02.82,0:03:05.22,Default,,0000,0000,0000,,em capa mobile.
Dialogue: 0,0:03:05.22,0:03:08.22,Default,,0000,0000,0000,,Vou tirar que é sempre
Dialogue: 0,0:03:09.06,0:03:09.36,Default,,0000,0000,0000,,aqui.
Dialogue: 0,0:03:09.36,0:03:12.56,Default,,0000,0000,0000,,Eu posso reduzir\Nou aumentar a qualidade.
Dialogue: 0,0:03:13.93,0:03:17.23,Default,,0000,0000,0000,,Quando eu habilito esse metadado,\Nessa metadata,
Dialogue: 0,0:03:17.53,0:03:19.53,Default,,0000,0000,0000,,ele leva uma série de informações\Npara a imagem
Dialogue: 0,0:03:19.53,0:03:21.90,Default,,0000,0000,0000,,que a gente\Nnão quer que só pegue a imagem.
Dialogue: 0,0:03:21.90,0:03:24.14,Default,,0000,0000,0000,,Então eu vou deixar aqui em nós.
Dialogue: 0,0:03:24.14,0:03:27.57,Default,,0000,0000,0000,,Diminui a opacidade,\Ndiminui um pouquinho mais para 95
Dialogue: 0,0:03:28.21,0:03:33.51,Default,,0000,0000,0000,,e dá um ok salvar\Ne vamos salvar em PNG também
Dialogue: 0,0:03:34.15,0:03:36.75,Default,,0000,0000,0000,,para mostrar a diferença.
Dialogue: 0,0:03:36.75,0:03:40.39,Default,,0000,0000,0000,,Quando você salva\Nduas imagens diferentes em formatos
Dialogue: 0,0:03:40.39,0:03:43.39,Default,,0000,0000,0000,,diferentes, 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.