sexta-feira, 30 de novembro de 2018

sexta-feira, 23 de novembro de 2018

Trabalho no Canva

Optamos por fazer um trabalho mais simples sendo que é a nossa primeira vez a utilizar esta aplicação, no entanto já utilizamos esta aplicação mais vezes desde então.

sexta-feira, 16 de novembro de 2018

Formatos de ficheiros de imagem vetorial

A informação de uma imagem vetorial pode ser guardada em diversos ficheiros,como é o caso de:

-CDR (CorelDraw)

-SXD (OpenOffice.org DRAW)

-SVG (Scalable Vector Graphics)

-PS (PostScript) e EPS (Encapsulated PostScript)

-WMF (Windows Meta File)


CDR: É o formato que se utiliza na aplicação CorelDRAW

SXD: O formato SXD do OpenOffice.org DRAW permite o desenho vetorial em trabalhos,de forma simples.

SVG: O SVG tende a ser um formato-padrão para a Web, especificado pela
W3C e definido sob a linguagem XML.

PS e EPS: Este tipo de formatos são reconhecidos por praticamente todos os programas de edição de imagem ou de texto que suportam imagem vetorial.

WMF: É reconhecido pela maior parte dos programas de edição de texto ou de imagem do Microsoft Office.






Formatos de ficheiros de imagem

A informação de imagens podem ser armazenados em vários formatos, como por exemplo:

- BMP (Bitmap)

- GIF (Graphics Interchange Format)

- JPEG (Joint Photographic Experts Groups)

- PDF (Portable Document Format)

- PNG (Portable Network Graphics)

- TIFF (Tagged Image File Format)



Bitmap (BMP):
É o formato mais comum, utilizado pelo paint do windows pro exmplo, e de momento não existe formas de compressão deste.

GIF (Graphics Interchange Format):
Formato de compressão sem perdas, ocupam um pequeno espaço no computador e são perfeitos para desenvolvimento de páginas de web. Não suporta mais que 256 cores 8 bits de cor) e o seu sucesso na web deve-se particularmente à sua animação, transparência e ao entrelaçamento.

JPEG (Joint Photographic Experts Groups):
Fromato muito popular para a compressão de ficheiros, tem vários niveis de compressão com perdas o que faz a imagem perder qualidade. A compressão destes baseia-se na eliminação de informação redundantes e insignificantes.

PDF (Portable Documents Format):
Este formato foi criado pelo programa Adobe Acrobat. Usado maioritariamente para comprimir e converter de forma substancial documentos de texto e imagens quando existe a necessidade de enviar o documento em questão para outro computador, que será capaz de abrir este se tiver instalado o Adobe Reader.

- PNG (Portable Network Graphics)
Formato com compressão sem perdas, este substitui o formato GIF na web, suportando até 48 bits de cor, não comportando no entanto a animação.

- TIFF (Tagged Image File Format)
Muito utilizado em programas de bitmap de pintura e ediçao de imagem e também com softwares de digitalização. Este formato não tem compressão sendo o maior em tamanho e o melhor em qualidade de imagem. Geralmente, os programas de desenho não utilizam este formato, no entanto, programas de composição de texto permitem a importação de ficheiros com esta extensão.


quarta-feira, 14 de novembro de 2018

Compressão e técnicas de compressão de imagem

A compressão tem como princípio reduzir a redundância dos dados de formar a armazenar ou transmitir esses mesmos dados de forma eficiente.
As técnicas de compressão de imagem são de duas formas: Compressão com perdas ou compressão sem perdas.

-Compressão com perdas: Quando após ocorrer a compressão e sucessivamente a descompressão ocorre perda de dados, podendo ser, ou não visível ao olho humano. De qualquer das formas a imagem tem menor qualidade que a original.

-Compressão Sem Perdas: Quando após ocorrer a compressão e sucessivamente a descompressão não ocorra perda de dados da imagem. 

Imagem (2)

Vamos agora abordar os modelos de cor.

Modelo RGB:
RGB de Red (vermelho), Green (verde) e Blue (azul) , cores primárias do modelo aditivo de cor. Este modelo permite exibir cores nos monitores de aparelhos como smartphones, tablets e computadores. Uma cor no modelo de cores RGB pode ser descrita pela indicação da quantidade de vermelho, verde e azul que contém, representando-se por um conjunto de valores numéricos que pode variar entre o mínimo (completamento escuro ou preto) e o máximo (branco). Os valores que cada uma das cores do modelo RGB pode representar são: decimal de 0 a 1, inteiro de 0 a 255, percentagem de 0% a 100% e hexadecimal de 00 a FF.


Modelo CMYK:
CMYK de Cyan (ciano) , Magenta, Yellow (amarelo) and Black (preto). Com excessão do preto, todas estas são cores primárias do modelo subtrativo de cor. O modelo CMYK baseia-se na forma como a Natureza cria as suas cores quando reflete parte do espectro de luz e absorve outros. Daí ser considerado um modelo subtrativo, visto que as cores são criadas pela redução de outras da luz que incide sobre a superfície de um objeto.
O modelo CMYK é utilizado na impressão em papel. Esta assenta na sobreposição de camadas de tinta de ciano, magenta, amarelo e preto, representando as áreas brancas a inexistência de tinta e as áreas escuras uma concentração de tinta.


Modelo HSV:
HSV é a abreviatura dos componentes da cor, Hue (tonalidade), Saturation (saturação) e Value (valor). A tonalidade ou matriz é a cor pura com saturação e luminosidade máximas (ex: amarelo, laranja, verde, etc.) que se exprime num valor angular entre 0º e 360º. A saturação indica a maior ou menor intensidade da tonalidade, ou seja, se se trata de uma cor esbatida (cinzenta) ou forte (pura) e exprime-se num valor percentual entre 0 e 100%. Uma cor saturada ou pura não contém a cor preta nem a branca. O valor traduz a luminosidade (luz refletida) ou o brilho (luz emitida) de uma cor, ou seja, se uma cor é mais clara ou mais escura, indicando a quantidade de luz que a mesma contém. Por outras palavras, esta grandeza indica a quantidade de preto e exprime-se num valor percentual entre 0 e 100%. Assim, a tonalidade e a saturação são elementos de crominância e a luminosidade e o brilho são elementos da luminância.
O modelo HSV é utilizado na mistura de cores do ponto de vista artístico, pois para os artistas plásticos este modelo é mais intuitivo de utilizar que o modelo RGB.

Modelo YUV:
O modelo YUV guarda a informação de luminância(perceção da luminosidade e do brilho) separada da informação de crominância ou cor (tonalidade e saturação)ao contrário dos modelos RGB e CMYK, que em cada cor inclui informação relativa à luminância, permitindo por isso ver cada cor independente da outra. Assim, este modelo define-se pela componente luminância (Y) e pela componente crominância ou cor (U=blue-Y e V=red-Y). O modelo YUV é adequado para as televisões a cores, uma vez que permite enviar a informação da cor separada da informação de luminância. Assim, os sinais de televisão a preto e branco e os sinais a cores são facilmente separados. Este modelo também é adequado para sinais de vídeo.

sexta-feira, 9 de novembro de 2018

Imagem (1)



Para os sistemas gráficos reproduzirem as cores é necessário criarem-se modelos que as representem, tendo em conta a natureza do olho humano, da luz e da cor.

Pixel é o menor elemento num dispositivo de exibição ao qual é possivel de atribuir uma cor. Num monitor colorido, cada pixel é constituido por um conjunto de 3 cores, azul, vermelho e verde. Cada um destes é capaz de exibir 255 tonalidades diferentes, e, combinando a tonalidade destes 3 pontos é possivel exibir 16,7 milhões de cores diferentes.


Resolução de imagem descreve o nível de detalhe que uma imagem comporta. O termo se aplica igualmente a imagens digitais, imagens em filme e outros tipos de imagem. Resoluções mais altas significam mais detalhes na imagem e consequentemente, demora mais tempo a carregar e ocupa mais espaço de armazenamento.


A profundidade de cor descreve a quantidade de bits utilizados para representar a cor de um unico pixel numa imagem bitmap. Este conceito é conhecido também como bits por pixel (bpp), particularmente quando especificado junto com o número de bits usados. Quanto maior a quantidade da profundidade da cor presente na imagem, maior é a escala de cores disponível.


O tamanho de um ficheiro de imagem depende em grande parte da resolução desta, se o ficheiro for jpg, o espaço que ocupa será menor, no entanto, se for bmp ocupa muito mais espaço.



quarta-feira, 7 de novembro de 2018

Imagem e Cor

 Imagem significa a representação visual de uma pessoa ou de um objeto.


“Uma imagem vale mais que mil palavras"
Esta expressão mostra-nos o quão poderosa pode ser uma imagem, dado que certas imagens fazem-nos imaginar e pensar sobre elas,sentimento esse que se calhar 1000 palavras não nos conseguem reproduzir.

Cor  é a impressão que a luz refletida ou absorvida pelos corpos produz nos olhos. A cor branca representa as sete cores do espectro: vermelho, laranja, amarelo, verde, azul, anil e violeta. A cor preta é a inexistência de cor ou ausência de luz.
A interpretação das cores é feita pelo cérebro humano depois de a luz atravessar a íris e ser projectada na retina, desta forma os olhos são os sensores de toda a visão e esta pode ser do tipo escotópica e fotópica.

A visão escotópica é assegurada por um único tipo de bastonetes existentes na retina. Estes são sensíveis ao brilho e não detectam a cor. Isto quer dizer que são sensíveis a alterações da luminosidade, mas não aos comprimentos de onda da luz visível.

Visão fotópica é a designação dada à sensibilidade do olho em condições de intensidade luminosa que permitam a distinção das cores. Na generalidade dos casos a visão fotópica corresponde à visão diurna (reservando-se a designação de visão escotópica para a visão nocturna), o que no caso humano corresponde a níveis de iluminação entre 0,01 lux e mais de 100 000 lux. No olho humano a visão fotópica faz-se principalmente pela activação dos cones que se encontram na retina.




sexta-feira, 2 de novembro de 2018

Times New Roman

  Times New Roman é uma família tipográfica serifada criada em 1931 para uso do jornal inglês The Times of London. Hoje é considerada o tipo de fonte mais conhecido e utilizado ao redor do mundo (em parte por ter sido adotado, ao longo dos anos, como fonte padrão em diversos processadores de texto).O seu nome faz referência ao jornal (Times) e também a uma releitura das antigas tipografias clássicas (new roman).
Os desenhos originais foram feitos por Victor Lardent, sob a supervisão de Stanley Morison, no próprio jornal The Times. A fonte então passou por um extenso período de aperfeiçoamento e revisão no escritório da Monotype, uma empresa especializada no desenho de tipos.

Fontes de texto

Uma fonte tipográfica é um padrão, variedade ou coleção de carateres tipográficos com o mesmo desenho ou atributos e, por vezes, com o mesmo tamanho . Assim, dizemos fonte Garamond, fonte Ale, ou fonte negrita, fonte itálica. 

As fontes bitmapped são guardadas como uma matriz de pixéis, perdem qualidade ao serem ampliadas. Se uma impressora não suportar fontes bitmapped,  não pode imprimi-las. As cinco fontes bitmapped são: courier, MS Sans Serif, Small e Symbol.


As fontes escaladas são definidas através de vectores, matematicamente. Nunca perdem definição ao serem ampliadas. Foram desenvolvidas pela Adobe e são o formato nativo do PostScript.

Na tipografia, as serifas são os pequenos traços e prolongamentos que ocorrem no fim das hastes das letras. As famílias tipográficas sem serifas são conhecidas como sans-serif (do francês "sem serifa"), também chamadas grotescas (de francês grotesque ou do alemão grotesk) ou gothik. A classificação dos tipos em serifados e não-serifados é considerado o principal sistema de diferenciação de letras.

Exemplos de fontes serifadas são Times («profissional»), Courier («profissional») e Georgia («profissional»).


Exemplos de fonte não sarifada são Helvetica profissional») e Verdana («profissional»).

Vamos deixar uma nuvem de palavras que é uma imagem que destaca palavras e termos usados com maior frequência em textos, blogs ou base de dados:















MIT App inventor

Neste período estivemos a trabalhar no MIT a programar. Isto foi um pouco tediante, mas aprendemos quase tudo sobre programar.