Escola Photoshop

Download Grátis Flyer para Noite de Bar - DJ Tiago Paiva

2014-03-15T02:16:00.000+00:00

Criei este Flyer, em 2013, para o Coffee Bar Tali Kual com actuação do DJ Tiago Paiva. Disponibilizo aqui na Escola Photoshop, para download. Gostaram?

Download Grátis do Flyer!

Régua para Medir os Pixels de uma Página Web - MeasureIt!

2014-03-15T02:04:00.000+00:00

Nunca precisarão de medir algum elemento de uma página web? Com esta extensão prática facilita nos a vida na hora de descobrir quantos pixels tem certa área de um web site. Experimentem e digam nos comentários o que acharam.

Clique aqui para ser reencaminhado para a página de Download

3 Excelentes Flyers para Noites de Bares

2014-03-15T01:41:00.000+00:00

Get Wet Foam Night Party Flyer

Silver Night Party Flyer

Ladies Night Flyer Template V7

Como Espremer Espinhas no Adobe Photoshop

2014-03-13T19:52:00.000+00:00

1 Utilizar a Ferramenta Spothealing Brush

Com o Spothealing Brush, colocamos o tamanho do brush igual ou um pouco maior que o tamanho da espinha.

1.1 Um Clique para Desaparecer

Agora, com apenas um clique por cima da área da espinha. O Photoshop faz uma leitura da área e automaticamente preenche o espaço.

1.2 Se Houver Alguma Imperfeição

Se notares algumas imperfeições, podes voltar a clicar nas áreas mais visíveis, mas não exageres. um a três clique no máximo para aperfeiçoar é o suficiente.

Ainda existe mais duas ferramentas no photoshop que possibilita a remoção de imperfeições, mas acho a Spothealing Brush a mais eficiente. Já agora as outra são Path Tool e Clone Stamp.

O que acharam? Conhecem maneiras diferentes? O que gostariam de ver no próximo tutorial?

Poster Mockup Grátis por Mike Delsing

2013-12-06T22:40:00.000+00:00

Link para o projecto no Behance, não se esqueçam de agradecer ao Mike Delsing.

Extensão ColorZilla - Conta-gotas para o Chrome

2013-12-03T19:00:00.000+00:00

Com ColorZilla podes obter uma leitura de cor a partir de qualquer ponto no teu browser, e ajustar rapidamente esta cor e colá-lo no Photoshop.

Alguns dos Destaques:

Obter a cor de qualquer pixel na página
Avançado Color Picker (semelhante ao Photoshop)
CSS Gradient Generator
Webpage Cor Analyzer - obter uma paleta de cores para qualquer site
Palette Viewer com 7 paletas pré-instaladas
Histórico das cores recentemente escolhidas
Atalhos de teclado
Clicar uma vez para começar a escolher a cor (atualmente apenas no Windows)
Escolhe cores de objetos em Flash
Escolhe cores em qualquer nível de zoom

3 Excelentes Cartões de Visita Transparentes

2013-12-02T19:00:00.000+00:00

Transparent Designer Business Card

BID Plastic Business Card Series - The Tache

Prepped-4-Print: Translucent Plastic Business Card

Botão Donativo Paypal Personalizado Grátis

2013-10-03T15:29:00.003+01:00

Aqui fica o link do tutorial se quiseres saber como criei este botão, Como Personalizar um Botão Donativo do Paypal

Como usar:

1. Mudar o Texto do Botão Donativo

Com a Ferramente Text, podemos modificar o texto, para o que gostarias de ver no teu botão. Assim terá o teu toque, único!

2. Mudar a Cor do Botão Donativo

Para mudares a cor do botão só teste que abrir o Hue/Saturation que coloquei em cima da Layer do Botão. Aqui podes simples mente deslizar a linha do "Hue" e escolher as cor que se adapta mais ao Layout do teu Blog ou Site.

3. Mudar a Cor do Texto

Depois de mudar a cor do botão será sensato mudar a do texto, para se adaptar à nova cor do botão. https://gumroad.com/l/hBJtx

Como Personalizar o Botão Donativo Paypal

2013-10-03T15:28:00.000+01:00

É possível criar um botão para donativos no teu Site ou Blog com uma conta no Paypal. Se prestas serviços gratuitamente, esta é uma boa forma de ganhares algum rendimento, com donativos dos usuários, que seguem o teu trabalho e querem te ajudar da forma que podem. Se calhar, já deves ter visto alguns desses botões espalhados na Internet, e alguns deles personalizados, com frases do tipo "buy me a coffee" ou "buy me a beer". Neste Tutorial vais aprender a personalizar o botão que o Paypal fornece, podes aumentar o tamanho, o tipo de letra, o que queres escrever no botão e até a cor. Vamos começar o nosso Tutorial!

Podes ver o Tutorial em Vídeo ou seguir mais a baixo passo a passo por imagens.

1. Merchant Services do Paypal

Sem estar com sessão iniciada na tua conta Paypal (podes também estar Online), vamos procurar por "Merchant Services" aqui o Paypal vai te dar a possibilidade de criares vários tipo de botões, um deles é o Donation, para Doações.

1.1. Escolher o Tipo de Botão "Donations"

Dentro da aba de criação de botões de pagamento, vamos escolher o tipo de botão "Donations". Nas opções de personalização do Paypal temos oportunidades de diminuir o botão e mudar para português, ficará como "Doar", mas neste tutorial vai permitir que tu personalizes o botão à tua maneira! Cor e Texto.

1.2. Copiar o Botão Fornecido pelo Paypal

Em cima da per-visualização do botão fornecido pelo Paypal, clicamos com o botão direito do rato e copiamos o URL da imagem, passamos para nossa linha de endereços do browser e abrimos. Agora é só copiar para o teu computador.

2. Abrir o Botão no Photoshop

Depois de aguardado o botão no computador, vamos abrir ele no Photoshop. File > Open e seleccionamos o botão.

3. Apagar o Texto com a Ferramenta Clone Stamp

Vamos reparar que o Botão tem um texto "Donate" que não pode ser editado. Para o apagar eu usei a ferramenta Clone Stamp, Tecla de Atalho S, consiste em substituir uma área da imagem por outra. Só tens que pressionar Alt e escolher a área que pretendes clonar. Na Barra Tool Options podes escolher o tipo de pincel, a opacidade e o fluxo.

4. Mudar de Indexed Color para RGB Color

O botão que fizemos download está em mode Indexed Color, com isto não podemos adicionar texto ou filtros ao nosso trabalho. Percisamos fazer uma troca, vamos em Image > Mode > e selecionamos "Rgb Color" agora sim podemos editar o nosso botão.

5 Escrever no Botão Donativo

Com a ferramenta texto, tipo de letra Arial, Bold Italic, tamanho 14. Escrevemos o que queremos no Botão Donativo. A cor usada na letra do Paypal é #003366.

5.1. Anti-Anliasing Sharp

Vais reparar que o que escreves te está com um aspecto nada agradável. Parece uma letra mal recortada com tesoura, para evitarmos isso vamos activar o anti-aliasing que vai suavizar as bordas do texto. Vais notar uma diferença abismal!

6. Guarda como .PNG

Vamos em File > Save us colocamos no nome pretendido para o botão e mudamos o formato para PNG. Temos de Gravar em PNG se queremos que o nosso botão seja gravado num fundo transparente.

7. No Site Paypal Criar o Botão Personalizado

Dentro do site do Paypal, como o logging efectuado, vamos à aba "Merchant Services", depois "Web Payments Standart", clicamos em "Create Payment Buttons"

7.1 Escolher o Tipo de Botão e Nome

O tipo de botão predefinido que vai te aparecer é o "Shopping Cart", clicamos sobre para alterar, e mudamos para "Donations". E definimos um nome para Organização/Serviço.

7.2. Fazer o Upload do Botão Donativo Criado no Photoshop

Clicamos no link, "Customize text or appearance", activamos "Use your own button image" para fazermos o upload do nosso botão, é necessário alojares em algum serviço na Internet que depois possibilite copiares o URL da imagem e colares onde pretenderes. Eu uso o PhotoBucket.

7.3. Escolher a Moeda

A minha moeda é o Euro, mas podes escolher entre muitas o Dólar e Reais.

7.4. Pagar o que Quiser

Podemos escolher entre um valor fixo a doarem ou deixar que as pessoas escolher o valor a doar. Eu escolhi, que as pessoas contribuem com o que querem.

7.5. Obter o Código do Botão

Depois não precisa de mudar mais nada, clicamos em "Create Button" para finalizar. O Paypal vai gerar um código, do botão donativo personalizado por nós. Copiamos esse código e colamos onde queremos apresentar no nosso Blog ou Site.

7.6. Efectuar uma Doação

Com o botão já inserido num widget, no teu site ou blog, podes testar.

Como Criar um Banner para Blogs

2013-10-03T15:26:00.001+01:00

Muitos blogueiros, no inicio da criação de um blog, não sabem como criar um bom banner, para parcerias com outros blogs, por exemplo. Aqui vamos aprender como criar um banner bem elaborado. Vai conter o Logótipo do Blog, um Slogan, um Botão e um Ribbon. O slogan, vai cativar atenção do usuário, o Botão vai incentivar o clique e o Ribbon vai apresentar informação do que o seu blog pode oferece. Vou me inspirar no Banner, do Graphicriver, no final do posts estará o link do .PSD para download. Agora vamos ver como criei este Banner.

Tens a opcção de ver em vídeo ou seguir passo a passo por imagens mais abaixo:

1. Dimensões de Banners mais Usadas na Internet

O 125x125 px, 180x100 px, 260x120 px e o 300x250 px. Há outros dois formatos muito usados, que são o 468x60 px e o 728x90 px, normalmente estão ao do Logotipo do Blog ou Site.

2. Abrir um Novo Projecto

Vamos a File > New, nessa nova janela, colocamos as dimensões pretendidas, para o banner. Neste caso será 300x250 pixels. Nomeamos o ficheiro, neste caso "Banner Escola Photoshop". Por fim Escolhemos trabalhar num fundo transparente e o modo da cor será RGB.

3. Área de Trabalho

Entramos na nossa área de trabalho, temos um fundo transparente, com as dimensões escolhidas.

3.1. Procurar um Background

Para adicionarmos um Background, só temos que ir em File > Place e procurarmos a imagem que querem adicionar ao projecto. (O Background que usei vai estar no ficheiro Winrar, deste projecto)

3.2. Redimensionar o Background

Quando adicionamos o Background, vão reparar que ele não vai ocupar a área transparente toda, para isso acontecer basta redimensionar a imagem. Com a Ferramenta Mover, com a imagem seleccionada, agarramos num dos cantos da imagem, pressionando a tecla Shift e arrastamos para aumentar.

3.4. Marcar com as Guias o Contorno

Clicar na régua e manter arrastando, vai gerar uma guia azul, isso serve para mantermos as Layers alinhadas. Depois de sabermos como se faz, vamos marcar com as guias o contorno do Banner, e depois o centro.

4. Adicionar o Logotipo

Para adicionarmos uma imagem, já vimos no passo 3.1., que temos de ir em File > Place, neste caso vocês vão procurar pelo vosso Logótipo. Redimensionamos. Agora com as guias da régua, temos o trabalho de centrar facilitado.

5. Criar um Slogan

O Slogan, é importante, vai chamar atenção do usuário. Agora depende do nicho do seu blog, se será um Slogan mais sério ou com carácter humorístico.

5.1. O Slogan

No meu caso criei, "Com Tutoriais para Iniciantes". Aqui vamos centrar o Texto com as guias centrais do Banner, vocês podem modificar o tipo, cor e tamanho da letra. (No ficheiro Winrar também vai estar as fontes para download)

6. Criar um Botão

Ao criar um botão no Banner, está a incentivar o clique do usuário.

6.1. Ferramenta Shape

Com a ferramenta Shape, podemos criar círculos, quadrado, rectângulos entre outras formas diversificadas. Neste caso vamos usar um rectângulo com as bordas arredondadas.

6.2. Layer Style do Shape

Duplo clique sobre a Layer do Shape rectangular, vai abrir uma janela, que será a nossa Layer Style, aqui podemos adicionar sombras, relevos, brilhos e muitas outras coisas. Neste caso só vamos usar, o Drop Shadows e o Gradient Overlay, para formarmos o nosso Botão.

6.3. Texto dentro do Botão e Redimensionado

Vocês podem adicionar agora um texto dentro do botão, por exemplo "Ir para o Site". Dependendo do que escreve vamos redimensionar o botão para não ficar muito grande ou pequeno em relação ao texto.

6.4. Cursor

Podemos colocar um cursor do rato, em cima do botão, para visualmente ainda ficar mais apelativo. Se quiserem adicionar outro cursor que tenham, basta ir em File > Place, redimensionar e colocar em cima do botão. (O cursor que utilizei também está incluído no Winrar)

7. URL do Blog (Opcional)

Com a ferramenta texto, escrevemos o URL do nosso Blog, e centramos na parte de baixo do Banner.

8. Ribbon

O Ribbon vai servir para dar destaque, ao material grátis que disponibilizo no meu Site. Vocês podem colocar alguma promoção.

8.1. Posicionar a Ribbon

A Ribbon estará no Winrar, para adicionarem ao vosso Banner, vão a File > Place e procuram onde ela está. Posicionamos ela no canto superior direito.

8.2. Mudar o Texto

Ao seleccionarmos o Texto, vai aparecer um error, se não tiverem a font instalada, que estará no ficheiro Winrar. Clicam em Sim, e podem escrever com outro tipo de letra, e reescrevem.

8.3. Marcar com as Guias a Ribbon

Com a régua vamos colocar as guias, onde o Background vai ter que ficar, para dar a parecer que o Ribbon está abraçar o nosso Background.

8.4. Posicionar o Background

Vamos posicionar o Background, por baixo do Ribbon. Com as guias vai nos facilitar o trabalho. Agora parece mesmo que o Ribbon está envolvido no nosso Background.

Como Fazer Zoom com o Scroll

2013-10-03T15:25:00.000+01:00

Dica para agilizar, o teu trabalho no Photoshop. Sempre que precisamos aumentar uma imagem, para veremos pequenos pormenores é necessário por padrão no Photoshop, seleccionar a ferramenta Zoom, para aumentar e depois para diminuir, isso por vezes, poderá ser cansativo, por isso podemos habilitar o zoom com o Scroll do rato ou usarmos uma Tecla de Atalho.

1. Abrir as Preferências do Photoshop

Vamos em Edit > Preferences > General, depois de aparecer uma nova janela, procuramos por “Zoom with Scroll Wheel” e seleccionamos. Pronto fácil, agora sempre que precisares, só terás de rodar o Scroll para aumentar ou diminuir.

1.1 Zoom com outra Ferramenta seleccionada

Poderás fazer zoom mesmo com outra ferramenta seleccionada! Coisa que antes de teres activado o Scroll nas Preferências perdias tempo ao fazer a troca da Ferramenta para Zoom.

2. A Tecla de Atalho para fazer Zoom

Existe outra forma de activarmos o Zoom, sem mudar nada nas preferências, mesmo com outra ferramenta seleccionada. Pressiona a tecla Alt e roda o Scroll. Consegues aumentar e diminuir sem precisares de seleccionar o Zoom.

Podes ver este tutorial em vídeo:

[youtube http://youtu.be/I29FXeLAktA]

Como Fazer uma Fotocapa Facebook - Portefólio

2013-10-03T15:24:00.002+01:00

Com este tutorial, vamos aprender a criar uma Fotocapa, para apresentar novos trabalhos adicionados ao seu portefólio. Por exemplo pode bem servir para Fotógrafos, Modelos ou apresentar as melhores fotos, do álbum de fotografias, daquela viagem que fez ao outro lado do Mundo.

1. Criar um Ficheiro no Photoshop

1.1. Abrir um Novo Ficheiro

Com o Photoshop aberto. Vamos em File > New.

1.2. Opções a Escolher

Colocamos as dimensões da Fotocapa do Facebook, por padrão as dimensões exactas são, 851x315 px, o modo da cor será RGB e vamos utilizar um fundo transparente. O Nome do ficheiro, no meu caso será, "Fotocapa Escola Photoshop", não gosto de deixar com um nome pré-definido pelo Photoshop, vamos ser organizados.

2. Textura para o Fundo Transparente

2.1. Procurar a Textura

Agora com o nosso fundo transparente, precisamos de um Background, vamos a File > Place, encontrarmos a nossa textura, adicionamos.

2.2. Redimensionar a Textura

Redimensionamos a textura para cobrir o fundo transparente.

3. Delinear as Bordas e o Centro da Fotocapa com as Guias

Com a régua, vamos marcar as bordas e encontrar o centro da nossa imagem.

3.1. Como Mudar a Régua de Centímetros para pixels:

Clicar no botão direito do rato, sobre a régua, aparece as medições suportadas pela régua do photoshop. Por padrão ela vai aparecer com centímetros, ai podemos mudar para píxels.

3.2. Marcar com as Guias onde fica a Foto Perfil do Facebook

Com 23 px a contar da esquerda, 210 px a contar do topo e 658 px a contar da direita. A foto de perfil do Facebook tem as dimensões de 180x180. Depois de conhecermos onde ficará a Foto Perfil do Facebook perante a Fotocapa, sabemos que não vale a pena colocarmos nada no canto inferior esquerdo porque será tapado pela Foto Perfil.

3.3. Marcar as Guias onde vão Ficar as Molduras

Novamente na régua, vamos definir onde queremos apresentar as nossas molduras no canto inferior direito, mais ou menos encostadas as limitações da Fotocapa.

4. Criar um Quadrado

Na ferramenta Shapes, tecla de atalho “U”, escolhemos a forma rectangular.

Dica: Para conseguirmos criar um quadrado prefeito, basta pressionar a tecla Shift, enquanto forma o Shape.

4.1. Posicionar a Moldura

Depois de criado o quadrado, vamos posiciona-lo nas limitações que criamos, com as guias, para as molduras.

5. Organizar as Layers

Para mantermos o projecto bem organizado, temos que ter o hábito de criar pastas, para organizarmos as nossas layers. No botão, New Folder, criamos uma pasta, com o nome “Foto 1”, arrastamos a Shape para dentro da pasta.

6. Criar a Moldura

6.1. Duplicar o Quadrado

Vamos duplicar o quadrado, para submetermos um ao outro, será a moldura e o outro a nossa fotografia.

6.2. Mudar a Cor para Branco

Mudamos a cor da moldura, para branco.

6.3. Aumentar a Moldura Branca

aumentando o que está em segundo plano

6.4. Procurar o Centro da Moldura Branca

Com a régua procuramos o centro da moldura branca, assim podemos centrar o quadrado, da fotografia.

6.5. Usar Layer Style, Drop Shadow na Moldura

Para dar um aspecto realista, na moldura, criamos uma Layer Style, duplo clique sobre a Layer. Activamos a opção, Drop Shadow, Distande em 0, Spread em 7 e Size em 29. Assim criamos uma sombra sobre o nosso Background.

7. Adicionar uma Fotografia

Para adicionarmos uma Fotografia, à moldura, com o botão direito do rato sobre o quadrado cinza, seleccionamos a opção, Convert to Smart Object. Verificamos que o ícone da nossa Layer vai modificar, duplo clique sobre ele.

7.1. Dentro do Smart Object

Entramos noutra aba à parte, dentro dela podemos colocar a fotografia que quiser apresentar, basta ir a File > Place e adicionar o que pretende, redimensionando de forma a tapar as dimensões do quadrado da fotografia da Fotocapa.

7.2. Eliminar Layers Desnecessárias, na SmartObject

Podemos eliminar os layers restantes e deixar apenas a nossa fotografia.

8.Criar a Segunda Moldura

Vamos duplicar a pasta "Foto1", não há necessidade de voltar a refazer. Posicionamos a segunda moldura mais à esquerda da nossa "Foto1".

Dica: Com as setas do tecla a cada toque avançamos 1 pixel, para ser mais rápido podemos pressionar a tecla Shift e assim avançamos a casa 5 pixels.

8.1. Substituir o SmartObject Duplicado

Como duplicamos a moldura, a fotografia é exactamente da moldura 1, se a modificarmos vai modificar a original. para isso não ocorrer vamos criar um novo SmartObject a partir da foto duplicada. Podemos eliminar o SmartObject duplicado.

8.2. Dentro da Nova SmartObject

Vamos em File > Place e procuramos uma nova fotografia, redimensionamos, fechamos a aba e guardamos.

9. Criar a Terceira Moldura

Voltamos a fazer os passos anteriores, para uma terceira fotografia.

9.1. Dentro do treceiro SmartObject

Como adicionamos uma fotografia a cores, para manter a coerência do Preto e Branco mantido nas fotografias anteriores, vamos adicionar um Adjustment Layer > Black and White à nossa fotografia, podemos ajustar por cores, vermelhos, amarelos, verdes, cianos, azuis e magentas. Fechamos a aba e guardamos.

10. Criar uma Foto Principal (Opcional)

Um foto que resume as outras três fotografias. Criamos uma pasta com o nome “Foto Principal”. E posicionamos a baixo das pastas das Fotos. Para manter atrás das 3 molduras.

10.1. Shape Rectangular

Com a ferramenta Shape criamos uma forma rectangular, posicionamos ao centro da nossa Fotocapa e duplicamos. Vai ser exactamente o mesmo processo da criação da moldura das fotos.

10.2. Mudar a Cor e Redimensionar a Moldura Rectangular

Modificamos a Cor para Branco do Shape em segundo plano. Redimensionamos o tamanho para criar o aspecto de moldura. Com a Layer Style, adicionamos uma Drop Shadow, distância a 0, propagação a 0 e o tamanho a 5.

10.3 Converter a Shape Rectangular para SmartObject

Com o Shape em primeiro plano, vamos converter para um SmartObject, abrimos e adicionamos a fotografia principal, redimensionamos, eliminamos o que é desnecessário. A fotografia está a cores, vamos em Adjustment Layers > Black and White, ajustamos os cinzas da foto. Fechamos a aba e guardamos as mudanças.

10.4 Podem Ocultar a Foto Principal

Se não quiserem a Foto Principal, pode ocultar a pasta, clicando em Layer Visibility, o ícone do olho ao lado de cada Layer.

11. Adicionar uma Descrição as Molduras

Com as guias da régua procuramos os centros de cada fotografia. Da primeira não será necessário porque já a encontramos no inicio do tutorial, vamos encontrar da segunda e terceira moldura.

11.1. Desvrever a Primeira Foto

Com a ferramenta de texto, nomeamos a primeira foto e centramos.

11.2. Descrição da Segunda Moldura

Nomeamos agora a segunda, mas se repararem será difícil conseguir manter ela alinhadas na horizontal, com a primeira, para isso vamos encontrar com as guias uma linha horizontal, no centro do primeiro texto, para as centrar horizontalmente.

11.3. Descrição do Terceiro Texto

Criamos o terceiro texto e centramos com a primeira fotografia.

11.4. Continuar a Manter as Coisas Organizadas

Para continuar a manter tudo bem organizado, vamos colocar cada texto nas respectivas pastas.

11.5. Descrição da Foto Principal (Opcional)

Podemos também adicionar um texto por cima da foto principal, por exemplo um URL.

12. Mudar o Background da Fotocapa

Eu gosto deste Background, mas como não temos todos os mesmo gostos, vou aplicar outros fundos, para uma maior escolha da vossa parte.

12.1 Como Adicionar um Background à Fotocapa

Podem adicionar as vossos próprios fundos. Vamos a File > Place e adicionamos a imagem, não apresenta a cor original porque tem uns filtros de cor por cima, vamos mover o nosso fundo para o top da pasta, para não sofrer as alterações que dei no primeiro Backgroiund. Vou aplicar mais dois fundos.

Para facilitar o vosso trabalho, vou disponibilizar o ficheiro .PSD desta Fotocapa, para poderem alterar e refazerem passo a passo este tutorial, sem se perderem. LINK

Qual o Tamanho da Fotocapa do Facebook

2013-10-03T15:20:00.001+01:00

O Tamanho que devemos memorizar:

As principais dimensões que devemos reter, da Cover/Fotocapa, do Facebook são, 851x315 px, é exactamente a área que ocupa a nossa Cover/Fotocapa do Facebook. Aí podemos colocar as informações e elementos que pretendemos. Podemos usar a Fotocapa para apresentar o nosso último trabalho do portfólio, um "cartão de visita" ou por exemplo uma mescla de fotos com amigos.

Outros Tamanhos, para uma melhor edição, no Photoshop:

Para organizarmos melhor, os elementos que queremos ver na Fotocapa, é essencial sabermos onde fica ao certo, a nossa Foto de Perfil, perante a Fotocapa. A Foto de Perfil fica a 23 px da esquerda, 210 px do topo e 658 px da direita. Agora sabemos que naquele canto inferior esquerdo da Cover/Fotocapa, não vale apena colocar nada porque não vai ter visibilidade na Timeline.

O tamanho da Foto Perfil do Facebook:

A nossa Foto de Perfil do Facebook tem o tamanho de 180x180 px, mas vai aparecer como 160x160 px.