Prova Final

Olá, meus amores. Aqui é Angel. Então, como já devem ter percebido, houve um pequeno atraso na postagem da prova final e na divulgação dos feedbacks e notas, e, como tal, para tentar compensar esse atraso e evitar quaisquer imprevistos ou incompatibilidades, o próprio prazo da prova final será alargado.

Quanto às notas e aos feedbacks de tarefas passadas, todos serão divulgados até ao fim da próxima semana.

Mas chega de falarmos disso, vamos ao que realmente interessa. A prova final ç-ç

A prova final vai consistir em três exercícios: um design simples, um banner e uma assinatura. Estarei lhes dando opções de pedido e vocês deverão escolher apenas um de cada. Aqui vão:

Assinaturas:

1. Nome: Pandora a.k.a ItsP4nda
Indicações: A assinatura deverá ser da cantora Halsey na época de cabelo azul
Estilo: ABG (2 fotos e 1 gif), cores azuladas para lembrar o cabelo dela
Observação: o "a.k.a ItsP4nd4" deverá ser em letras menores com uma fonte diferenciada

2. Nome: Panda
Personagem: The Simpsons
Estilo: AG (gif), cores e etc à escolha da designer, desde que combine tudo entre si
Observação: uma base divertida

3. Tipo: ABG
Nome: Lisbeth
Personagem: Ian Somerhalder
Observação:
Na ass, deve ser conter PNG e/ou foto (um ou mais) um GIF (vocês podem escolher) e o nome tem que ter algum dos efeitos ensinados nas aulas.

Design Simples:

1. Fanfic: Heartbreaker
Autora: ItsP4nd4
Personagens: Michael Clifford (5Seconds of Summer) e Nina Nesbitt
Estilo: DS com um gif curto, cores neutras e suaves
Tamanho: 600x400
Sobre a fanfic: fala sobre Nina, que teve seu coração partido pelo ex, Michael Clifford, que insiste em perturbá-la enquanto a mesma quer distância dele. Porém eles vivem alguns momentos divertidos e outros dramáticos ao longo da fanfic.
Observação: eu gostaria que o DS deixasse um pouco explícito o coração partido dela.

2. Fanfic: Imagination
Autora: ItsP4nd4
Personagens: Emma Stone e Ashton Irwin
Estilo: todo em PNG, tamanho 600x400, romântico e Divertido
Sobre a fanfic: fala sobre Emma, que vive uma vida despreocupada de tudo, enquanto Ashton, seu vizinho, é uma pessoa preocupada sobre tudo. Então, após uma visita que ele faz a ela, ambos se pegam imaginando um sobre o outro e como seria se suas personalidades fossem trocadas.

3. Titulo: A última dança.
Frase: Eu poderia morrer agora que morreria feliz.
Autora: Lisbeth
Plataforma de postagem: Nyah (mas vocês devem fazer a capa no tamanho 600x400 e ela tem que ser salva em PNG.)
Personagens: Delena (Damon e Elena de The Vampires Diarie)
Atores: Ian Somerhalder e Nina Dobrev.
Resumo: É uma one shot, baseada na ultima cena de Delena dançando juntos. Será universo alternativo, e Elena está muito doente, e Damon a sequestra do hospital para lhe proporcionar uma ultima dança.
Estilo: Romântico.
Observações:
Se possível, encaixar alguma foto deles dançando na cama. Não tenho preferencia de cor, mas não gostaria que a capa tivesse uma cor só.
O titulo da história precisa estar com fontes mescladas.
Não quero só uma foto de cada, tomando o DS todo. Quero ver texturas, brushes e/ou shapes na capa.

Banners de Capítulo:

1. Nome: Broken Heart, Lonely Soul
Fanfic: Heartbreaker
Autora: ItsP4nd4
Estilo: neutro, clean, com cores suaves e neutras. Banner com 2 fotos e um gif
Personagens: Michael Clifford (5Seconds of Summer) e Nina Nesbitt

2. Nome do capítulo: Capítulo Único
Nome da fanfic: A última dança
Autora: Lisbeth
Estilo: Romântico.
Observações:
Se possível, encaixar alguma foto deles dançando na cama. Não tenho preferencia de cor, mas não gostaria que a capa tivesse uma cor só.
GIF é optativo, mas se forem pegar algum, gostaria que o GIF fosse deles dançando. Se usar GIF, necessário usar imagens também.

VOCÊS DEVERÃO ENVIAR A PROVA PARA ESSE EMAIL: pdinstituto@gmail.com

No email de entrega deve conter ambos os ficheiros em png/gif e em psd (a versão editável). Pontos serão descontados caso não envie tudo o que foi pedido.

A prova deve ser enviada até 12 de agosto. Qualquer dúvida, é só falar. Boa sorte a todos <3

Leia Mais ►

Tutorial 3: Design Simples

Hey, pessoal. Então, aqui estou eu outro vez ç-ç Essa aula está saindo um pouco mais tarde do que o normal, ontem o mundo estava contra mim e na hora de gravar jogou fora duas horas de trabalho gravando uma aula divosa para vocês, aí eu fui, gravei de novo, e os vídeo foi para o céu. De novo. Agora, eu consegui recuperar a maior parte do vídeo, mas os primeiros minutos deram erro e eu tive de cortar, mas não foi nada grave.

Então, essa aula, tutorial, vai ter dos vídeos, um primeiro, menor, no qual eu explico e mostro alguns efeitos que vocês podem acrescentar a suas edições, como efeito 3d, desfoque, etc. No segundo vídeo, eu fiz um ds aplicando esses efeitos. Vamos a isso?

Nota: ao longo dos vídeos, eu uso com bastante frequência os atalhos ctrl shift alt e, que serve para mesclar as camadas visíveis mas sem a apagar e ctrl j, que serve para duplicar as camadas. Mas ,se houver alguma dúvida sobre isso, basta falar.

  (link)  

Esse vídeo que se segue é o vídeo que tem o início cortado, então vou explicar brevemente o que fiz nessa parte que vocês não puderam ver: eu criei o novo documento e, com a ferramenta de formas personalizadas (os shapes), eu criei uma forma/shape idêntica àquela "onda"/"curva" que vocês podem ver, onde se encontram as imagens principais. Depois, copiei e colei ambas as imagens no documento e fui em "criar máscara de corte", como já lhes foi mostrado na primeira aula, na utilização das bases, por fim, apaguei as bordas da imagem superior para as mesclar. Tadã. 

 

(link)

Resultado:

 

Então, a tarefa de vocês para entregar até domingo é a seguinte: vocês devem fazer um design simples, utilizando técnicas aprendidas em aulas passadas e nesta mesma aula, segundas as diretrizes:

• Nome: Give Me Love
  
• Autor: Angel
  
• Tamanho: 600x400
• Frase: Give me love like him 'cause lately I've been waking up alone...
• Sinopse: Kurt chega à conclusão que não precisa de um anjo da guarda tendo Blaine do seu lado.
• Estilo: Dramática, romântica
  
• Atores: Darren Criss, Chris Colfer
  
• Créditos: (nome que você usa no curso) - CIPD

ENVIEI A TAREFA AQUI

As imagens são escolhidas por vocês; a capa deve ser enviada em png e vocês têm liberdade total para fazerem o que quiserem, tendo em conta apenas que não devem fugir ao tema. Essa tarefa é uma grande preparação para a prova final, então caprichem.

No que toca a materiais, vocês podem achar bons shapes aqui, bons brushes aqui, bons psds aqui, boas texturas aqui e boas fontes aqui. Acreditem, todos esses materiais serão úteis no futuro (para instalar vários ficheiros de styles, actions, brushes, patterns ou shapes ao mesmo tempo, basta abrir todos os ficheiros no photoshop, como quem abre uma imagem).

E quanto aos feedbacks, eles vão todos ser publicados até quarta, e a prova final será lançada nesse mesmo dia. Até lá,

Leia Mais ►

Tutorial 2: Banner de Capítulo

Oi, gente! De novoooo auheua. Hoje é meu último post, sad, então antes de começar a aula, eu queria agradecer vocês. Por terem participado desse curo relâmpago aheua. Espero que tenham aprendido algumas coisinhas e, mesmo depois de acabar, podem continuar tirando dúvidas comigo e com a Angel, que, no que pudermos e soubermos, vamos adorar ajudar.

Agora, partindo pra aula mesmo, como o nome diz, o tutorial de hoje é BC (banner de capítulo). É muito fácil, simples e rápido de fazer. O processo é absolutamente igual de uma abg, só que com um espaço maior (há dois tamanhos de BC: 500x250 ou 600x250, talveeeeez 600x300, mas é muito grande e exagerado).

Eu acelerei algumas partes do vídeo, ou ficaria enorme. Se quiserem, recomendo deixar mais lentos nessa parte, ou falarem comigo para saber o que fiz nas partes aceleradas.

[link]

TAREFA

Acho que é bem óbvio a tarefa, massss vocês vão ter que fazer um BC. YAY! Porém, dessa vez, como é minha última aula, vou deixar um pouco mais complicado, por assim dizer. Vocês não terão a liberdade de criar um BC do jeito que quiserem, como em todas as tarefas anteriores.

A rainha Black deixou que eu usasse um dos projetos futuros dela na tarefa. Entãaaaaao, o banner que vocês vão fazer é o seguinte:

Nome da Fanfic: Monarquia das Rosas

Nome do Capítulo: Monarquia das Rosas

Autora: Black

Atores: Lily Collins e Chace Crawford

Estilo: Dark.

 

O estilo Dark pede cores mais escuras, texturas mais pesadas. Apostem em cores mais escuras como preto, cinza, vermelho, azul, verde. Podem colocar os mesmos retângulos que eu coloquei no vídeo, colocar alguns círculos (desde que tenham fotos dentro), enfim. Se quiserem arriscar e colocar gif, à vontade. 

ENVIEM A TAREFA POR AQUI

xx,

Leia Mais ►

Tutorial 1: ABG

"De novo, Day?" SIM! E quarta será a última vez que vocês me veem aqui hahaha spoiler

Bom, na aula de hoje, que não é bem uma aula, eu trouxe um tuto de abg (assinatura em banner, com uma foto). É um vídeo só, não tem muito o que explicar além dele e, em algumas partes, está acelerado ou iria ficar enorme.

A assinatura que eu fiz no vídeo é essa aqui:

a quem for fã de HP: Karen é a Lily sim, bjs

Caso tenham alguma dúvida, já sabem onde falar comigo. Vocês podem fazer do jeito que quiserem, posicionar o gif/png/texto onde quiserem e tudo mais. Essa setinha aí eu coloquei como opcional, mas quem quiser baixar, manda uma mensagem pra mim (não é obrigatório), nem o pattern (esses quadradinhos bem fracos aí no fundo), mas, de novo, se quiserem, me procurem.

Eu não filmei o mouse dessa vez pq esqueci *palmas* então pode ficar meio confuso de onde apareceu tal coisa na tela. Dúvidas, falem comigo.

{link}

Pack de psds vocês já têm. O PNG pode baixar do google ou de algum site de resources, como o deviantart. Para baixar do google, é só digitar nome da pessoa + PNG. Ou vocês mesmas podem fazer hahaha, porque já aprenderam e.e

TAREFA

 Como era de se esperar, vocês vão ter que fazer uma assinatura no mesmo estilo dessa do tutorial. No vídeo, eu coloquei os créditos com a sigla do PD, mas na tarefa coloquem do curso, CIPD. Se quiserem, ao invés de usar um png, podem usar fotos com fundo mesmo, até mais de uma. 

ENVIEM POR AQUI

Boa assinatura pra vocês ahahah.

xx,

Leia Mais ►

Notas e feedbacks

Aqui vão as notas e os feedbacks da quinta tarefa. Até depois <3

NOTAS

FEEDBACKS

Beijos,

Angel

Leia Mais ►

6º Aula: Harmonização

Oi, lindas! Cansaram de mim? Sim? Não? Espero que não, porque ainda volto semana que vem e.e

Repitam comigo: "Juro solenemente não zombar das edições aqui mostradas"

Hoje não tem vídeo nenhum, é só teoria, então leiam com atenção tudo que estiver aqui, ok? Como o título já entrega, a aula é sobre harmonização. Mas, o que é isso? Harmonização é, obviamente, a harmonia entre T-U-D-O que compõe uma edição, seja ela design simples, assinatura, um banner, enfim. Essa harmonia vai desde as fotos até a relação da edição com o resumo da história. Não dá para fazer um DS todo escuro pra uma fanfic divertida né?

Para vocês entenderem melhor, vamos passo a passo da harmonização.

1º PASSO: FOTOS

As fotos simplesmente não podem ser muito diferentes uma da outra. Uma não pode ser mais escura ou mais clara, uma pessoa não pode estar sorrindo e a outra não. Isso causa uma desarmonia e uma incoerência na edição. Ninguém pensa muito em coerência de edição, mas ela existe sim e é muito bem avaliada nas críticas de fanfics.

Aqui, tem dois exemplos de designs simples com desarmonia das fotos (uma com o fundo claro e outra com o fundo escuro):

Observem que as fotos são muito diferentes uma da outra, o que deixa o DS visivelmente estranho. O mais correto a fazer é, claro, escolher fotos com fundos de cores semelhantes ou aplicar um psd que deixe os fundos uniformes. Tem um método muito bom de uniformizar essas coisas que é aplicar degradês. Seja com cor ou preto e branco, sempre deixa tudo mais igual. Aqui um exemplo de DS com degradê  preto e branco e azul e preto:

Mesmo que as fotos tivessem fundos completamente diferentes, esses degradês as deixou iguais. Perceberam a diferença de uma edição e outra? Como isso das fotos, que é só um detalhe, faz muita diferença?

2º PASSO: FONTES

Nas fontes, além de ter o cuidado de saber escolher, é preciso ter a sensibilidade de saber decidir a cor/style. Por exemplo, em um DS dark/escuro/enfim, é meio sem lógica colocar uma fonte branca (há exceções), fica incoerente e sem harmonia, porque o branco em nada combina com o resto da edição. Já a fonte, o cuidado que deve ter é ver se a que você escolheu se adapta bem à palavra. Se for uma cursiva muito fechada, com muitos detalhes, pode ser impossível de ler. 

Aqui, o problema das fontes não foi nem no título "DNA", e sim na frase. A designer escolheu mal e ficou ilegível. É esse cuidado que vocês precisam ter. 

Agora, vejam um DS com todas as fontes beme escolhidas e legíveis.

A frase ficou bem posicionada e num tamanho e fonte bons. Quanto à parte textual desse DS, não há nada a mudar/reclamar.

3º PASSO: PNGS (MOLDURAS)

Usar as molduras sempre é difícil. Por mais que tentemos, as primeiras tentativas sempre são terríveis e os resultados são ainda piores. O motivo: precisa saber escolher qual mais combina com a edição, saber escolher quais fotos vão se encaixar nelas, e como colocá-las de modo que fique harmonioso. Geralmente, as molduras acabam roubando mais espaço/atenção quando usadas, por isso, não se vê mais muitos DS com elas. Aqui um exemplo do uso incorreto:

As molduras não foram muito bem escolhidas e, entre si, não combinaram. Se todas fossem como a de baixo, que parece uma polaroid gasta, a harmonia entre elas teria ficado melhor. Para usar molduras de verdade, como as de cima, o DS precisa ter um ar mais vintage ou de realeza, caso contrário as molduras ficam fora de contexto. Na maioria dos casos, as usadas são essas que imitam uma polaroid. Aqui um exemplo de molduras que, num contexto geral, foram bem usadas:

Entre si, as polaroids combinaram e combinaram, também, com o resto da edição. Fotos inteiras não ficariam boas ali, então a melhor saída foram as molduras.

4º PASSO: CRÉDITOS

Em tese, deveria ser a parte mais simples de toda uma edição. Geralmente, não passam de 5/6 palavras, em tamanho pequeno e cor sólida. Mas, é muito comum ver edições com os créditos absurdamente grandes e chamativos. O completo oposto do que eles deveriam ser.

Aqui, apesar de uma cor sólida (o que é sempre recomendado), os créditos ficaram grandes demais e não ficaram na melhor posição do DS. Essa parte da edição deve estar bem menor e em um lugar discreto, que não chame tanta atenção. Assim:

Os créditos não é a primeira coisa a ser vista, mas têm a sua cota de importância no DS como um todo. 

5º PASSO: CORES

Pode não parecer, mas as cores fazem toda a diferença num DS. Por exemplo, uma história mais romântica e divertida com um DS preto não faz muito sentido. Prefiram sempre as cores que são mais neutras e que, independente do tema da fanfic a qual o DS irá pertencer, possam ser usadas. Vermelho e azul são as mais comuns. Um vermelho ou um azul claro se aplicam a uma edição romântica. As mesmas cores, mas escuras, se aplicam a uma edição dark.

Nesse DS, as cores não foram muito bem escolhidas, de modo geral. As fotos estão num tom roxo/verde que, honestamente, não ficou bom. As cores do título também não combinam, porque o roxo e rosa, na maioria das vezes, são opostas e não complementares.

Já aqui, o título está em cores pertencentes ao DS e não cores "soltas" e sem muito nexo com o resto. 

6º PASSO: STYLES

Os styles jamais devem ser exagerados. Não devem ter um contorno muito grande para textos que não precisam de tanta atenção. As cores dele devem combinar com o resto da edição. Assim como as fontes,  é preciso harmonia e sensibilidade de saber escolher. Um style mal escolhido pode acabar com um DS inteiro, exemplo:

O título ficou fora de sintonia com o resto da edição porque, provavelmente, não foi colocado abaixo dos psds, então tem essa aparência meio crua. Como falei, os styles devem combinar com o resto, principalmente na questão das cores. Nesse caso, o melhor, talvez, seria diminuir o traçado e mudar a sobreposição de cor para um tom de vermelho ou azul (essas modificações são feitas nas opções de mesclagem). Aqui, isso de combinar o style com as cores da edição ficou bem claro:

Perceberam como os styles, no tom de cinza e o outro só contornado, combinaram com o branco e preto? É isso que deve ser avaliado.

7º PASSO: TEXTURAS

As texturas jamais devem cobrir o rosto das pessoas, tipo, nunca mesmo. Cobrir rosto é erro quase imperdoável porque a borracha tá ali justamente pra impedir isso. Diminuam a opacidade da borracha e coloquem a dureza em 0% e apaguem a textura por sobre os rostos. Isso vai deixar a edição com um efeito bacana e sem estragar as fotos. Esse DS não tem bem uma textura, mas observem como ficou por cima do rosto e não ficou muito legal.

Um exemplo do bom uso das texturas é esse aqui:

Elas se sobrepõem às fotos, mas não modo a estragá-las. Com a borracha nas configurações que falei,  resultado de apagar deve ser semelhante a esse.

8º PASSO: PSDS

Os psds jamais devem ser muito fortes, a ponto de desconfigurar a foto e deixar impossível ver os traços (narizes geralmente somem com psds muito fortes). Caso o psd dê um bom efeito, mas seja muito forte, a saída é diminuir a opacidade e/ou preenchimento, até deixar as fotos visíveis. Aqui, são dois exemplos disso, exatamente o que não deve ser feito:

Ficou tudo tão pesado, tão forte, que mal dá para reconhecer as fotos. Se a opacidade tivesse sido diminuída, certamente o resultado seria outro. Percebam como o psd, mesmo em preto e branco como os acima, não desconfigura as fotos. Talvez a opacidade esteja diminuída, ou as camadas que causam esse contraste forte estejam invisíveis (é um ótimo recurso deixar invisível camadas que danifiquem as fotos).

9º PASSO: PNGS (DE PESSOAS!)

 

É sempre complicado lidar com pngs, porque não é toda vez que eles combinam entre si. A atenção nessa parte deve ser ainda maior, para escolher pngs que tenham o mesmo tamanho ou que sejam da mesma parte do corpo (por exemplo, colocar lado a lado um png só do rosto e um do corpo todo deixa visivelmente estranho, além de desproporcional e desigual). É preciso observar o recorte do png, se não tem nenhuma falha e, se tiver, é só apagar com a borracha (diminuir bastante e colocar a dureza em 0). Um exemplo de um png mal colocado, com um recorte um pouco falho, e mal posicionado

A posição do png não favoreceu muito, porque ficou desigual em relação às fotos de trás. Enquanto o png mostra até a cintura, mais ou menos, as fotos focam no rosto. Aqui, um DS com pngs que focam na mesma parte do corpo e, entre si, não deixam qualquer desigualdade.

Percebem que o enfoque no rosto e até parte do peito deixaram as fotos quase do mesmo tamanho e, por isso, tem harmonia entre elas?

10º PASSO: SHAPES (FORMAS)

 

Não adianta colocar quadrados e círculos aleatórios numa edição e esperar que fique bom. As formas precisam, no final, gerar uma edição harmoniosa e não deixar nada estranho ou fazer as pessoas pensarem por que diabos tem um círculo ali? Aqui, os shapes estão só colocados, com fotos dentro, nada mais. Eles não transmitem muita harmonia entre si, criando um DS apenas com algumas linhas e fotos.

mesmo DS de novo sim

Agora, um DS com shapes bem escolhidas e posicionados, que não deixa aquela sensação estranha do motivo de estarem ali. A função base dos shapes é poder deixar as fotos na edição que, de outra maneira, não se encaixariam. Como essas aqui:

BOOOOOOOOOOOOOM! 10 passos depois, eu espero que vocês consigam ver o que há de falhas nas edições.

TAREFA

Na tarefa de hoje, vocês não vão usar photoshop porque, como disse no começo, é só teoria. Vou deixar algumas edições aqui embaixo e vocês devem escolher uma, apenas uma, para dizer o que deveria ser mudado para melhorá-la, com base nos 10 passos da aula de hoje.

 

CAPAS:

 

Vocês já sabem como funciona o envio das tarefas, então tá tudo ok. 

ENVIEM POR AQUI

xx,

Essas e outras edições maravilhosas podem ser encontradas nas tags das respectivas designers:
Black x
LadyVic x
Leninha x
Nalla x
Lisbeth x
Miller x
Miss Queen x

Leia Mais ►

Notas e feedbacks

Hey, gente. Aqui vão as notas e os feedbacks da quarta tarefa! Até depois :3

NOTAS

FEEDBACKS

Beijos,

Angel

Leia Mais ►

5ª Aula: Gifs

GIFSSSSSS! Isso mesmo, gente, gifs <3 Vocês não fazem ideia de como eu amo os gifs, apesar de eles me deixarem doida na maioria das vezes.

Primeiramente, eu não quero que ninguém pense que não vai conseguir, não vai dar conta, etc. Gif pode ser meio complicadinho, pode dar uns erros malucos, mas, no fim, sempre dá certo, ok?

Agora, começando a aula mesmo, vocês precisam ter certeza de que o Photoshop roda gif. Para isso, baixe um gif qualquer e rode-o na linha do tempo. Linha do tempo???? Vocês podem deixá-la visível assim:

1º Passo: Clique em Janela, no menu do PS

2º Passo: Clique em Linha do Tempo

 3º Passo: A Linha do Tempo aparecerá assim:

Agora que a timeline tá disponível, vamos começar a aula. (No vídeo, eu usei uma base da Drama Queen, do Kat Fanfics, e está disponível por lá). Começaremos com a inserção do gif numa base, criando uma AG, assinatura em gif simples:

[link]

Os vídeos a seguir, mostram efeitos que vocês podem ser feitos em edições com gif, voltados pra parte textual.

O primeiro é um efeito bem bacana, como se o texto tivesse "surgindo" na tela.
Uma ressalva: as alterações atingiram, no máximo, uns 20 quadros do gif, que tinha 32 no total. Ou seja, 12 quadros ficaram inalterados, por isso o texto volta ao normal e não muda mais. Desprezem isso.

[link]

O segundo efeito, acredito eu, seja o mais complicadinho. É onde as letras aparecem uma de cada vez. Para isso, a camada precisa ser rasterizada e duplicada várias vezes. É um pouco chato e complicado de fazer, mas não é difícil.

PS: Lembrem-se sempre de alterar o texto como quiser antes de rasterizar. Camadas rasterizadas não aceitam aplicação de styles.

[link]

Agora, o último efeito que ensinei é o que faz o texto mudar de cor. A lógica e o método usado são os mesmos, mas há dois modos de mudar a cor (não é bem dois modos, mas no vídeo isso fica mais evidente). Mostrei também o resultado de todos os métodos.

[link]

Como não podia faltar, há o modo de salvar, que são dois. Acredito que essa parte já é meio intuitiva, mas fiz um vídeo mesmo assim.

[link]

TAREFA

Vocês deverão escolher um gif e uma base (daquele pack disponibilizado na primeira aula), colocar o gif na base e, depois disso, escolher um dos métodos ensinados na aula de hoje para aplicar ao texto. Ou seja, ou o nome irá surgir (mudando a opacidade), ou irá aparecer letra por letra, ou irá mudar de cor. Escolham o que mais lhe agradar, o que seja mais fácil ou mais difícil (assim tem mais chances de vocês aprenderem ainda mais coisas). Não usem psds ou texturas  ou nada. Coloquem os créditos, que são o seu nome e a sigla CIPD. Tarefas que não sigam essa obs serão tidas como errada.

ENVIEM A TAREFA POR AQUI

Beijos, boa sorte e qualquer dúvida falem comigo.

Leia Mais ►

4º Aula: Fontes e Styles

Finalmente dei as caras, não é? E vim com um tema polêmico: fontes!

Na maioria dos casos, as designers fazem edições divinas, mas, na hora de aplicar o título e frases, elas travam. Porém, apesar de parecer, as fontes não são um bicho de sete cabeças, e nem é tão difícil de lidar com elas. Então, se alguém tem medo da parte de tipografia, pode deixar isso de lado!

Até o fim do post, todas vão dizer fontes são um amor

O primeiro passo é, claro, baixar a(s) fonte(s) que quiser. Para isso, é só assistir o vídeo e saber como fazer o download:

{link}

Depois de baixada, a fonte virá em um arquivo .zip. Ela ainda não estará pronta para uso e, para que esteja, é necessário instalá-la no computador.

1º Passo: Clique com o botão direito sobre o arquivo zipado e vá em "Extrair para {nome do arquivo em zip}

2º Passo: Uma pastinha será criada com o arquivo de fonte.

 3º Passo: Selecione todos os arquivos de fonte, clique com o botão direito e vá em Instalar. Uma caixa irá aparecer mostrando o progresso de instalação. Depois disso, a fonte está pronta para usar.

Depois de tudo, é hora de aplicá-las ao design. Nessa vídeo aula, eu fiz um DS fictício para mostrar a utilização das fontes. Se a edição for mais dark/afins, nunca coloque uma fonte clara, com cores como branco, prateado, vermelho/rosa/azul claro. Não vai ficar bom. É preciso ter um pouco de sensibilidade nessa hora para não estragar um design todo com as fontes.

Para começar, recomendo que deixem o Photoshop no modo tipografia (é mostrado no vídeo, mas é bom ressaltar). Para isso, é só fazer isso:

1º Passo: Na barra de menu, no canto, tem um menu dropdown. Por padrão, o modo Essenciais é selecionado. 

2º Passo: Mude para Tipografia.

  

3º Passo: O layout do Photoshop irá mudar e o foco será a tipografia, ou seja, as fontes e suas respectivas configurações.

Breve explicação dos componentes do modo tipografia:

Primeira linha: Nome da fonte (PF Ronda Seven) e modo (Regular, Itálico, Negrito)

Segunda linha: Tamanho (12 pt) e espaçamento entre linhas (Automático)

Terceira linha: Espaço entre dois caracteres (Medida) e espaçamento entre caracteres selecionados, ou seja, espaçamento entre todos os caracteres (0)

Quarta linha: Altura dos caracteres (100%), largura dos caracteres (100%)

Quinta linha: Altura em que os caracteres ficarão na linha (0pt), Cor dos caracteres

Sexta linha: Opções para deixar em:

• Negrito
• Itálico
• TODAS MAIÚSCULAS
• Apenas a primeira maiúscula
• Deixar o texto acima
• Deixar o texto abaixo
• Sublinhado
• Riscado 

Sétima linha: Indisponível
Oitava linha: Idioma (Português), método de suavização (Bem definida, Nítida, Nenhum)

É recomendável que todas as definições em automático sejam mantidas assim. A altura e largura devem ser em 100% ou pode desconfigurar os caracteres. A suavização deve estar sempre em Nítida ou Bem Definida.

Nesse segundo vídeo, mostrei como escolher as fontes para, por exemplo, um design dark e um romântico. É a mesma edição, alterada apenas por um psd que clareia as fotos e deixa uma impressão mais romântica e um preenchimento de cor preto. Não são dois DS diferentes!. As fontes que usei são: Scriptina para o título e Clemente para a frase. Para créditos, foram PF Ronda Seven e PF Arma Five.

Quando mexi nas opções de mesclagem, foram ajustes para a edição que eu fiz. Muito provavelmente os mesmos ajustes não fiquem bons em outras edições.

{link}

Esse modo, usando styles, é uma das maneiras de personalizar o título e, particularmente, não é a que eu uso na maioria dos casos. A segunda maneira é muito mais simples e consiste, basicamente, em duplicar a camada e aplicar cores diferentes. Em alguns casos, uma ou outra opção de mesclagem. Para entenderem melhor, o vídeo:

{link}

Por último, ensinei como fazer um style. Vocês não precisam fazer exatamente igual, podem inovar e mudar as opções de mesclagem como quiserem ou como acharem melhor.

{link}

Uma breve explicação de cada componente das opções de mesclagem:

 Chanfro & Entalhe (Contorno e Textura): Deixa o texto com textura, patterns, padrão do Phtoshop ou algum que você tenha baixado e instalado

Traçado: Isso sim é o que contorna o texto, com cor, degradê ou textura. É possível escolher o tamanho, opacidade e preenchimento.

Sombra Interna: Dá à parte interna do texto uma sombra, de tamanho, opacidade e preenchimento à escolha

Brilho Interno: É o contrário do anterior. Ao invés de sombra, dá brilho

Acetinado: Deixa uns "riscos" no texto

Sobreposição de Cor: Deixa o texto com uma cor à escolha. É basicamente o que muda a cor do texto

Sobreposição de Degradê: Como o anterior, muda a cor do texto, mas, nesse aqui, muda para um degradê à escolha

Sobreposição de Padrão: Como os dois anteriores, muda a cor do texto, mas por um padrão (pattern)

Brilho Externo: Ao contrário do brilho interno, o brilho fica por fora do texto e não por dentro

Sombra Projetada: Uma sombra externa que se projeta a um determinado ângulo à escolha

TAREFA!

A tarefa será dividida em três etapas.

PRIMEIRA: Pegar a imagem de algum artista e escrever o nome dele(a). Depois, como no segundo vídeo, duplicar a camada e, em cada uma, aplicar um style diferente. Os styles escolhidos deverão combinar entre si e formar uma tipografia harmoniosa.

SEGUNDA: Fazer a mesma coisa, porém, sem styles. Nessa tarefa, vocês deverão seguir o exemplo do terceiro vídeo.

TERCEIRA: Criar um style e, após pronto, aplicá-lo ao texto. Nessa parte, deverá ser enviado a foto do texto sem e com o style que vocês criaram. 

**Peguem artistas com nomes compostos, tipo Karen Gillan ou Marina and The Diamonds, para que vocês possam mesclar fontes também. Se os nomes forem simples, tipo Halsey ou Beyoncé, que não deem para mesclar fontes, a tarefa será dada como errada.

ENVIE A TAREFA POR AQUI

Por hoje é só, amores. Boa sorte e boa semana para vocês.

Qualquer dúvida, falem comigo.

xx,

Leia Mais ►