Aulas da PatriciaCaramelo.

Olá Aprendiz PatriciaCaramelo.

Agradeço que leias ISTO

Quando quiseres, podemos começar ^^

Por mim começamos amanhã, hoje já não dá (:

Ok, vai pensando no que queres aprender.

Até amanhã

Eu já sei o que quero aprender.
Quero aprender a fazer efeitos de texto, não sei fazer nenhum :x
Ate amanha :)

Bom dia!

Preciso de saber qual é editor de imagens que usas.

E agora passando ao teu pedido, para efeitos de texto, precisas de ter boas fontes, bons styles e bons gradients.

O que é um ter um conjunto bom de fontes?
Tens de ter:

• fontes para logos (de preferencia com letras grossas)
  
• fontes manuscritas
  
• fontes básicas (que parecem as normais que usamos no dia-a-dia, mas que não são essas)
  

Um bom site onde podes encontrar montes delas é [Apenas Administradores podem visualizar links]
Tens de perder um pouco de tempo e procurar as fontes que mais gostas. Faz o download das tuas preferidas. Guarda tudo numa pasta que pode chamar Fontes Novas e instala as fontes no windows.

Agora, supondo que usas photoshop, outra coisa são os styles, que são conjuntos de efeitos já prontos que se podem aplicar tanto a texto como a imagem. Estes conjuntos também podem ser modificados. Mas são um óptimo principio para perceber como se faz efeitos. Fazendo uma pesquisa na net sobre styles photoshop, aparecer-te-á bastantes sites onde poderás fazer o download daquilo que te agradar. Guarda tudo noutra pasta tipo "Styles Photoshop" e instala no photoshop.

Os gradients são aquele efeito de cores que se pode aplicar em texto e imagem e que podem ser modificados consoantes os trabalhos. Na net, também encontrarás muitos pacotes de gradients. Procede como sempre: download dos preferidos numa pasta só para isso (neste caso, "gradient photoshop") e instala-os no photoshop.

Porque é que eu insisto em guardar em pastas?
Por uma questão de organização. Assim quando quiseres instalar alguma coisa no photoshop, saberás onde procurar. Assim quando quiseres fazer uma cópia de segurança, saberás o que guardar. Assim quando mudares de photoshop, saberás onde estão os teus styles e gradients para instalar tudo de novo.

Se tiveres alguma dúvida de como instalar fontes no windows ou instalar coisas no photoshop, estou aqui para te ajudar.

T.P.C.
Comecemos por algo simples: o logo do Foge Foge

Tenta fazer o logo, usando as mesmas cores e tenta descobrir os efeitos que tem.
A fonte é Swatch.

Uso photoshop.
Sim isso sei instalar :D
Aqui tenho o meu TPC (:
[Apenas Administradores podem visualizar imagens]

Em primeiro lugar, peço desculpa por não aparecido ontem à noite, mas não me foi possível de todo. Sendo assim, achei por bem, dar-te mais um dia ^^

Ora bem, passando às aulas.
Aqui está o logo:
[Apenas Administradores podem visualizar imagens]

E aqui está o teu TPC:
[Apenas Administradores podem visualizar imagens]

Notamos claramente que não são iguais. O tamanho da fonte não é o mesmo, nem a sua posição, mas estes dois aspectos não são muito relevantes, porque são facilmente solucionáveis.

Todos os pormenores são importantes no design. E são esses pormenores e a atenção que dás a esses pormenores que fazem o teu estilo como designer. O trabalho final será sempre melhor quando estás atenta aos pequenos pormenores.
Não tentes só fazer. Tenta alcançar a perfeição.


Eu vejo aqui 3 grandes diferenças (das quais uma delas acho muito grave).
Consegues identificá-las?

O gradiente do fundo, a sombra e nao encontro mas nenhuma :s

Sim, o gradient do fundo está diferente, mas isso não tem propriamente a ver com o texto. Não é um dos 3 erros que falei.
Sim, a sombra não é igual. A que fizeste é mais dispersa e mais afastada.

Os restantes erros são:

• usaste 2 verdes diferentes, quando deveria ser apenas um verde: foi #51a817 para o primeiro f e #42a849 para o segundo (este erro é grave)
  
• não reparaste que o meu f é diferente do teu, maior e mais gordo
  

Vais tentar fazer de novo, seguindo estas instruções:

TPC-1:

• f -> cor #6cb100, size: 72px com Faux Bold activado. Sombra: Distance 7px e Size 5px
  
• outras letras -> cor branco, size: 72px. Sombra: Distance 7px e Size 5px

E agora vamos tentar o seguinte exercicio:

TPC-2:
Pedem-te um rank rectangular (150x70) simples com fundo vermelho e letras vermelhas e texto designer.
Faz 2 exemplos diferentes.

Nota: Podes usar gradient de vermelhos, tanto no fundo como nas letras. Podes usar sombras, brilhos, bordas. O que achares melhor para que se perceba bem o texto.
Lembra-te que tens de ser criativa e que nem sempre o autor do pedido sabe se exprimir ou consegue visualizar a sua ideia.

TPC 1:

Spoiler:

TPC 2:

Spoiler:

O TPC 1 está muito melhor. Há uma pequena imperfeição: a sombra do segundo f está por cima das letras brancas. A camada do segundo f deveria estar por baixo da camada das letras brancas. Quanto ao resto, está óptimo.

O TPC 2 está um pouco confuso. O texto parece apertado e usaste outras cores nas bordas para evidenciar o texto (e isso não estava nas regras deste TPC).
Eu estava a pensar em algo deste tipo:

Como cheguei a este resultado?
-> camada do fundo:

• Inner Glow -> vermelho muito clarinho (quase rosa); Color Dogde; 100%; 7px
  
• Gradient Overlay -> de vermelho escuro a vermelho claro; Reverse; 120^o
  
• Stroke -> vermelho; 3px; Inside
  

-> camada do texto:

• Verdana; Bold; 24 px; 130% Vertically Scale; 50 tracking characteres; Strong Anti-aliasing method
  
• Drop Shadow -> vermelho escuro, Multiply, 100%,
  
• Bevel Emboss (não mexi em nada, só activei)
  

Qualquer coisa que não entendas ou que não saibas onde está, avisa-me que eu tiro aqui uns prints para veres.

TPC
Fazer um rank azul com texto Artista e um rank laranja a dizer Patricia.

Muito bem, Patricia. Ficaram muito melhor ^^

Dos 2, prefiro o segundo. O uso do gradient no texto laranja foi muito bem usado. No azul, precisava ali de mais qualquer coisa.



Agora vamos tentar outra coisa: pôr um texto pequeno e branco numa imagem grande cheia de cores.

TPC
Nesta IMAGEM, escrever na parte inferior direita:

• texto "Copyright 2010 - Uso Exclusivo"
  
• fonte Visitor TT1 branco 10px
  
• único efeito a aplicar: Outer Glow (aqui poderás mudar a cor a usar e os pixels, mexe em quase tudo e apresenta o que achares que fica melhor)

Nao percebi a parte da fonte:
fonte Visitor TT1 branco 10px

Fonte: Visitor TT1
Cor: branco
Tamanho: 10px

Ja achei ja achei xD
Nao tinha percebido a parte do TT1.
COm 10 px fica minusculo :x
Fiz com 24, porque com 10 nao se notava mesmo nada :s
[Apenas Administradores podem visualizar imagens]

O objectivo era mesmo esse: meter um texto pequeno de forma a ficar visivel.

Aumentaste a letra, mas mesmo assim ainda há letras que não se conseguem ler bem (CO do Copyright). Depois o efeito que aplicaste, queima a foto de tal modo que as letras estão a lutar com as flores por atenção. Ou seja, o nosso olhar fica distraido com isso. E por fim, falei no canto inferior direito e está no centro inferior.

Eu testei este exercicio antes de to passar e ficou assim:
[Apenas Administradores podem visualizar imagens]

Usei Outer Glow:

• Blend Mode -> Multiply
  
• Opacity -> 100%
  
• Cor: Preto
  
• Size: 6px
  

TPC
Agora escolhe tu uma foto da net muito colorida (com tons claros e escuros) e escreve um texto pequeno tipo: "Todos os direitos reservados" (tenta usar o mesmo estilo do exercicio anterior).

A seguir, que tal fazer exercicios de redimensionar e recortar imagens? Ou queres trabalhar mais com letras?

TPC:

Sim pode ser (:

O trabalho estava óptimo :)



Então vamos passar aos recortes das fotos e vamos ver as tuas técnicas.

TPC
Recorta a Tyra Banks (a modelo mais morena) desta foto:
[Apenas Administradores podem visualizar links]

[Apenas Administradores podem visualizar imagens]
So consigo fazer isto :/

Realmente o resultado não está nada bom. Eu sei que a imagem não era fácil, mas demoraste pouco tempo para a complexidade do recorte.

Vê estes tutoriais:
[Apenas Administradores podem visualizar links]

Vamos tentar com outra imagem:
[Apenas Administradores podem visualizar links]