Tipos de Fontes

Olá , dando seguimento a formatação de fontes já aprendemos como colocar cor e mudar o tamanho da fonte, hoje vamos aprender quais os tipo de fontes, abaixo alguns tipos de fonte.

<font face="">Padrão</font><br>
<font face="Arial">Arial</font><br>
<font face="Helvetica">Helvetica</font><br>
<font face="sans-serif">sans-serif</font><br>
<font face="Times New Roman">Times New Roman (Padrão)</font><br>
<font face="Times">Times</font><br>
<font face="serif">serif</font><br>
<font face="Courier New">Courier New</font><br>
<font face="Courier">Courier</font><br>
<font face="mono">mono</font><br>
<font face="Georgia">Georgia</font><br>
<font face="Verdana">Verdana</font><br>
<font face="Geneva">Geneva</font><br>

Abaixo como ficará nosso estilo.

Padrão

Arial

Helvetica

sans-serif

Times New Roman (Padrão)

Times

serif

Courier New

Courier

mono

Georgia

Verdana

Geneva


vamos entende as tag HTML

Sabemos que para mudar o tipo de fonte usamos o atributo face , então para mudar o tipo de fonte mudamos o que está entre "" do atributo face exemplo

<font face="Geneva">Geneva</font><br>
o atributo face="Geneva" vai definir a fonte do tipo Geneva.

Formatando fonte, cores na fonte

Vamos fazer a formatação de cor em Html, lembrado que podemos montar uma página Html com esses Código ou podemos usar no orkut.


Vamos ao nosso código HTML .

<font color="aqua">aqua</font><br>
<font color="black">black (Padrão)</font><br>
<font color="blue">blue</font><br>
<font color="fuchsia">fuchsia</font><br>
<font color="gold">gold</font><br>
<font color="gray">gray</font><br>
<font color="green">green</font><br>
<font color="lime">lime</font><br>
<font color="maroon">maroon</font><br>
<font color="navy">navy</font><br>
<font color="olive">olive</font><br>
<font color="purple">purple</font><br>
<font color="red">red</font><br>
<font color="teal">teal</font><br>
<font color="yellow">yellow</font><br>


Vamos entender as tag Html!

<font color="aqua">

Font color vai definir a cor da letra, então definimos que a cor é aqua, para mudar
a cor da font só trocamos o nome que está entre " " exemplo:

<font color="yellow">o texto será amarelo</font><br>
<font color="red">o texto será vermelho</font><br>


Pronto! abaixo como ficou nosso código.

aqua

black (Padrão)

blue

fuchsia

gold

gray

green

lime

maroon

navy

olive

purple

red

teal

yellow

Html, Formatando fontes

Olá ! hoje começarei um novo tutorial e seguirei na série de html, Hoje vamos aprender como formata fontes isso pode ser usado para criar site ou até mesmo no orkut .

Tamanhos de fonte

<font size="1">Tamanho 1</font><br>

<font size="2">Tamanho 2</font><br>

<font size="3">Tamanho 3 (Padrão)</font><br>

<font size="4">Tamanho 4</font><br>

<font size="5">Tamanho 5</font><br>

<font size="6">Tamanho 6</font><br>

Tamanho 1

Tamanho 2

Tamanho 3 (Padrão)

Tamanho 4

Tamanho 5

Tamanho 6

Photoshop cs5 content aware

Olá! Hoje estarei ensinando  vocês a usar a nova ferramenta  Content-Aware que está disponível na versão  Photoshop cs5.

01. Abra uma imagem (CTRL+O)

02. Vamos usar a ferramenta Lasso Tool (L)

03. Agora vamos fazer uma seleção em volta da imagem.

04. Agora vamos em  Edit >Fill . 

05. Vamos escolher a opção Content-Aware e de OK.

06.Pronto! observe   que a parte que selecionamos sumiu, essa ferramenta é maravilhosa faz tudo sozinho facilitando muito um processo que antes era muito 

difícil.

Photoshop Reflexos em textos

01. Abra um novo documento de 400x300 pixels, com o fundo branco, tecla de atalho para abrir um novo documento ( CTRL+N).

02. Selecione a ferramenta  texto ou use a tecla de atalho (T), e na caixa de cor selecione a cor #1462b9.

03. Escreva o texto que quiser.

04. Agora duplique seu texto, no meu caso Diego Souza, para duplicar a imagem use a tecla de atalho (CTRL+J).

05. Agora vamos inverter a palavra duplicada e colocar ela embaixo da principal, Como na próxima imagem.

06. Agora vai em "Layer > Rasterize > Type " como na imagem ao lado.

07. feito o passo acima vamos colocar uma mascara na layer clicando no botão add vector masck.

08. Agora usaremos a ferramenta Gradient tool tecla de atalho (G), vamos fazer um degrade de baixo para cima como na próxima imagem...

09. Com a ferramenta selecionada clica e arraste, como mostra na foto ao lado.

10. Pronto! Efeito Reflexo em texto, um efeito simples mais muito usado.

Efeito Cross Process, Processo Cruzado.

01. Abra a imagem, (Ctrl+O).

02. agora vai em Image-adjustments-Curves, ou use a tecla de atalho (Ctrl+M).

03. Feito isso vai em Preset- Default-Cross Process (RGB).

04. Resultado final.

Espero que gostem do meu tutorial, breve estarei postando mais.

Video no Dreamweaver