FTIN - Mdulo de WebDesign

  • Published on
    05-Jan-2016

  • View
    29

  • Download
    1

DESCRIPTION

FTIN - Mdulo de WebDesign. Prof. talo Arajo. FTIN FORMAO TCNICA EM INFORMTICA. PHOTOSHOP CS5. Adobe Photoshop CS5. A ferramenta de edio de imagens mais poderosa e utilizada no mundo. Verso CS5: Novos recursos ainda mais inovadores. O que podemos fazer com esta ferramenta?. - PowerPoint PPT Presentation

Transcript

Slide 1

FTIN - Mdulo de WebDesignProf. talo ArajoPHOTOSHOP CS5FTIN FORMAO TCNICA EM INFORMTICAAdobe Photoshop CS5A ferramenta de edio de imagens mais poderosa e utilizada no mundo.Verso CS5: Novos recursos ainda mais inovadores.O que podemos fazer com esta ferramenta?

Conceito de Imagem DigitalAs imagens bitmapDefinio: A imagem dividida nos pontos de uma matriz. Cada ponto gravado com seu valor particular de luminosidade e cor, formando um mapa (map) dos pontos (bit). Mesmo as reas sem desenho (fundo) fazem parte do arquivo.Conceito de Imagem DigitalAs imagens bitmapCaractersticas: Imagem formada por um conjunto de pontos denominados PixelArquivos de tamanhos muito grandeO tamanho da imagem, quando alterada, pode sofrer perda de qualidade.

Conceito de Imagem DigitalAs imagens vetoriaisDefinio: A palavra "vetor" refere-se a uma linha, mas a representao vetorial descreve um desenho com uma srie de linhas e formas. Possui algumas regies preenchidas com cor slida ou sombreada.Conceito de Imagem DigitalAs imagens vetoriaisCaractersticas:So entidades geomtricas, representada por um crculo, rectngulo ou um segmento.So representadas por frmulas matemticasPodem ser aumentadas sem perdas de resoluo.Tamanho de arquivos muito menoresConceito de Imagem DigitalImagem Bitmap x Imagem Vetorial

Conceito de Imagem DigitalResoluoNvel de detalhe que uma imagem comportaResolues mais altas significam mais detalhes na imagem.A resoluo de imagem pode ser medida de vrias formas.Medidas: mm, polegadas, pixel, etc... Conceito de Imagem DigitalResoluoPara cada sistema de impresso, existe uma resoluo ideal.Resolues acima dela resultaro em arquivos maiores sem ganhos de qualidade, menores, resultaro em perda de definio de detalhes e pixelizao.Resoluo ideal para monitores: 72 dpiResoluo ideal para impresso em alta qualidade: 300 dpiCoresO que cor?A cor uma percepo visual provocada pela ao de um feixe de fotons sobre clulas especializadas da retina, que transmitem atravs de informao pr-processada no nervo ptico, impresses para o sistema nervoso.

Cor: Fenmeno tico. Universidade Federal do Par (26 de julho de 2009).Psicologia das CoresCinza: elegncia, humildade, respeito, reverncia, sutileza; Vermelho: paixo, fora, energia, amor, liderana, masculinidade, alegria (China), perigo, fogo, raiva, revoluo, "pare"; Azul: harmonia, confidncia, conservadorismo, austeridade, monotonia, dependncia, tecnologia, liberdade, sade; Ciano: tranquilidade, paz, sossego, limpeza, frescor; Verde: natureza, primavera, fertilidade, juventude, desenvolvimento, riqueza, dinheiro, boa sorte, cimes, ganncia, esperanaPsicologia das CoresRoxo: velocidade, concentrao, otimismo, alegria, felicidade, idealismo, riqueza (ouro), fraqueza, dinheiro; Magenta: luxria, sofisticao, sensualidade, feminilidade, desejo; Violeta: espiritualidade, criatividade, realeza, sabedoria, resplandecncia, dor;Laranja: energia, criatividade, equilbrio, entusiasmo, ludismo; Branco: pureza, inocncia, reverncia, paz, simplicidade, esterilidade, rendio, unio; Preto: poder, modernidade, sofisticao, formalidade, morte, medo, anonimato, raiva, mistrio, azar;

Modos de CoresNecessidade das Indstrias Grficas de produzirem padres.Matiz da CorDescreve as cores numericamentePhotoshop tm como base os modelos de cores que so teis para imagens utilizadas na editorao

Modos de CoresRGB (vermelho, verde e azul)CMYK (ciano, magenta, amarelo e preto)LAB (com base no CIE L*a*b*) (Luminosidade)BITMAPTONS DE CINZADUOTNICOCORES INDEXADASMULTICANAL

Modos de CoresExemplos de Cores em RGBBranco - RGB(255,255,255)Azul - RGB(0,0,255)Vermelho - RGB(255,0,0)Verde - RGB(0,255,0)Amarelo - RGB(255,255,0)Magenta - RGB(255,0,255)Ciano - RGB(0,255,255)Preto - RGB(0,0,0)

Iniciando o PhotoshopCriando um novo Documento

Iniciando o Photoshop

Iniciando o PhotoshopA interface do photoshop composta por:Barra do AplicativoOpesFerramentasPainis

Ferramentas de SeleoUtilizada para selecionar uma rea especfica da imagem.

Ferramentas de Seleo (Lasso)Utilizada para selecionar uma rea especfica da imagem com mais preciso.

Ferramentas de Seleo (Rpida)Utilizada para selecionar uma rea comum da imagem que possua o mesmo tom de cor.

Ferramentas de Preenchimento e Cores

Pode-se aplicar preenchimentos slidos e Gradientes numa imagem ou em um desenho.

Ferramentas de Desenho

Pode-se criar Quadrados, Quadrados com Cantos arredondados, Crculos, Poligonos, Linhas e Simbolos pr-definidos.

ATIVIDADEQuais as diferenas entre imagem bitmap e imagem vetorial? D exemplos.O que Resoluo?Qual a Resoluo indicada para se trabalhar com Web?Defina, com suas palavras, o que Cor?Para que servem os Modos de Cores? Como composta a interface do Photoshop CS5? Para que serve cada componente?

AtividadePrazo para postagem: 30/06/12 at s 23:55h

EVITE DEIXAR A POSTAGEM DE SUA ATIVIDADE PARA O LTIMO DIA.FAZENDO ISSO, IMPREVISTOS NO VO LHE PREJUDICAR.* LEMBRANDO QUE SUA ORGANIZAO TAMBM ESTA SENDO AVALIADAFerramentas de apoio Apostilas e vdeos do AVASIS; Frum durante o mdulo, com resposta em at 6 horas teis; E-mail do professor:

DVIDAS...Acesse o Frum de dvidas e discusses Diariamente

Chat na Tera-Feira: dia 26/06/12 no horrio: das 19:00 s 20:30 h

Por hoje s!Na prxima aula:Ferramentas de Desenho a moTrabalhando com Layers.

Siga-me:Facebook.com/italoj.araujoTwitter.com/italoj

Recommended

View more >