quinta-feira, 18 de dezembro de 2014

Mensagem de Boas Festas

Agora que o primeiro período terminou, fazemos uma breve reflexão sobre o mesmo e concluimos que esta disciplina nos proporcionou novas experiências e expandiu o nosso saber num domínio que nos abre múltiplas possibilidades. Vamos continuar a empenharmo-nos na atualização contínua deste blogue, demonstrando e aplicando novos conhecimentos, enriquecidos pela nossa criatividade.



Por fim, desejamos um Ótimo Natal e um Próspero Ano Novo!




segunda-feira, 15 de dezembro de 2014

Vetorização de uma imagem

Publicamos agora o nosso trabalho no âmbito da vetorização de imagens, no programa CorelDRAW:



1- Imagem Bitmap e Imagem Vetorial, respetivamente






Aplicação de efeitos em imagens bitmap

Publicamos agora as nossas experiências no âmbito da aplicação de efeitos em imagens bitmap, no programa CorelDRAW:




1, 2 e 3 - Efeitos: Dilatar, Encolher e Psicodélico, respetivamente


4 e 5 - Solarizar e Distorcer Espiralado, respetivamente

Consolidação de conhecimentos

Partilhamos agora o nosso trabalho no âmbito da criação de um pião, com as várias ferramentas que temos vindo a explorar, no programa CorelDRAW:






quinta-feira, 11 de dezembro de 2014

Correntes

Publicamos agora a nossa experiência no âmbito da criação de correntes, utilizando essencialmente os elementos de Interseção e Aparagem, no programa CorelDRAW:




terça-feira, 9 de dezembro de 2014

Obama, o primeiro Presidente programador

Barack Obama escreveu um programa simples de computador que desenha um quadrado no ecrã. O feito permite apelidá-lo de "o primeiro presidente programador".


A iniciativa de Barack Obama surge na sequência da Computer Science Education Week, uma semana dedicada à promoção da programação informática e ao ensino de ciências informáticas. No ano passado, Obama publicou um discurso no YouTube onde encorajava estas aprendizagens aos jovens. Este ano, o presidente dos EUA “meteu mãos à obra” e criou mesmo um programa informático de raiz, noticia a Wired.

Os defensores do ensino de programação a crianças criaram uma indústria onde empresas criaram jogos para incentivar à programação e até promovem boot camps intensivos durante três meses, que poderão ajudar os jovens a conseguir emprego na área.

Recorde-se que a Code.org arrancou a iniciativa da Hour of Code, que também decorre em Portugal, e que se destina a mostrar a professores e alunos que programar pode ser fácil e divertido. Barack Obama usou um destes tutoriais e conseguiu criar um programa durante um evento onde estiveram presentes 20 alunos de uma escola preparatória de Nova Jérsia. O presidente dos EUA usou a ferramenta Blockly da Google, escreveu uma linha de código em JavaScript e esteve a acompanhar alguns destes alunos.


1- Barack Obama, o primeiro Presidente programador

sexta-feira, 5 de dezembro de 2014

AirDroid 3

AirDroid 3 permite controlar o smartphone pelo computador


A AirDroid Team lançou oficialmente esta quarta-feira o download do AirDroid 3, aplicação que permite controlar o seu smartphone com Android de forma remota. Entre as novidades da aplicação, está um software para Windows e MAC OS X, que dispensam a necessidade de ter um browser sempre aberto.

Entre as possibilidades oferecidas pela aplicação, está a opção de enviar tudo o que aparece no ecrã do telemóvel para o monitor do computador. Além de responder a alertas, pode ainda enviar mensagens de texto, transferir arquivos e responder ou dispensar ligações, e tudo isto através do PC.

Segue em baixo, um vídeo alusivo à utilização desta nova aplicação:



Bibliografia:


quinta-feira, 4 de dezembro de 2014

Organização de Objetos

Aqui estão alguns trabalhos desenvolvidos, utilizando as diferentes formas de organizar objetos, no programa CorelDRAW:




Ferramenta de Mistura Interativa

Aqui estão algumas das nossas experiências realizadas com a utilização da Ferramenta de Mistura Interativa:














Contornos e Preenchimentos

Aqui estão alguns trabalhos desenvolvidos, utilizando os diferentes contornos e preenchimentos do programa CorelDRAW: 







CorelDRAW

Olá :)

Terminada a Subunidade de imagem, vamos agora começar a trabalhar com um programa de imagens vetoriais, o CorelDRAW. Partilhamos convosco alguns dos trabalhos que temos vindo a desenvolver:
















segunda-feira, 17 de novembro de 2014

Formatos de Imagens Vetoriais


1- Esquema dos Formatos de Imagens Vetoriais

CDR


CDR é o formato de imagem utilizado na aplicação CorelDRAW. O CorelDRAW é um programa de desenho vetorial bidimensional para design gráfico desenvolvido pela Corel Corporation. É uma aplicação de ilustração vetorial e layout de página que possibilita a criação e a manipulação de vários produtos, como por exemplo: desenhos artísticos, publicitários, logótipos, capas de revistas, livros, CD's, imagens, etc.


2- Transformação de uma imagem através do CorelDRAW


SXD


O formato SXD (OpenOffice.org DRAW) possui uma ferramenta para criar e editar desenhos, fluxogramas, cartazes, logótipos, etc., seguindo o mesmo conceito do CorelDraw, possuindo uma grande qualidade e suporta a inclusão de imagens, gráficos, desenho de vetores e formas geométricas, textos, filmes, sons.



3- Cartaz feito através do OpenOffice.org DRAW



SVG


Scalable Vector Graphics é um formato que utiliza linguagem XML e descreve imagens como formas, caminhos, textos e efeitos de filtro. Os arquivos resultantes são compactos e fornecem elementos gráficos de alta qualidade na Web, impressos e até mesmo em dispositivos portáteis com recursos limitados. Os utilizadores podem ampliar a exibição de uma imagem SVG no monitor, sem que seja perdida qualidade ou qualquer tipo de detalhe. Além disso, o SVG fornece um grande suporte para texto e cores, o que garante que os utilizadores vejam as imagens exatamente como elas aparecem no ecrã do programa utilizado.


4- Imagem em formato .svg




PS e EPS


PostScript é uma linguagem de programação especializada para visualização de informações, ou uma linguagem de descrição de páginas, originalmente criada para impressão e posteriormente modificada para o uso com monitores.
O formato Encapsulated PostScript preserva muitos dos elementos gráficos criados com os programas utilizados, o que significa que os arquivos EPS podem ser reabertos e editados com esses mesmos programas. Como esses ficheiros se baseiam na linguagem PostScript, eles podem conter gráficos vetoriais e de bitmap.


5- Formato .eps



WMF


É um formato de arquivo gráfico do Sistema Operativo Microsoft Windows. Estes arquivos são portáveis entre as aplicações e possuem no seu conteúdo a característica gráfica vetorial, que ao ser visualizado mantém as características originais mesmo quando ampliado.


6- Imagem em formato .wmf



Formatos de Imagens Bitmap

1- Esquema dos Formatos de Imagens Bitmap

BMP


Bitmap é um dos formatos de imagens mais antigos e também um dos mais simples. É bastante utilizado nos sistemas operacionais Microsoft Windows. Neste formato, as imagens podem suportar milhões de cores e preservam os detalhes. No entanto, os arquivos costumam ser muitos grandes, já que não utilizam compressão. O formato BMP até é possível em imagens com 256 cores ou menos, mas não é comum. Este suporta até 16 milhões de cores (24 bits).

2- Bitmap vs Vetorial

GIF


O GIF, sigla para Graphics Interchange Format, foi criado pela CompuServe em 1987. 

Este formato trabalha com uma paleta de apenas 256 cores (8 bits), o que faz com que não seja recomendável para fotografias, a não ser que a imagem em questão seja a preto e branco (escala de cinza). Por este motivo, utiliza-se frequentemente em ícones, ilustrações ou qualquer tipo de imagem que não necessite de muitas cores. 


Apesar de parecer limitado devido ao número reduzido de cores com que trabalha, este formato tem a capacidade de utilizar fundo transparente e permite a inserção de uma sequência de imagens num único arquivo, transmitindo ao usuário a sensação de movimento.


           3 e 4- Imagens no formato GIF (animações)



Como o GIF utiliza um formato de compressão que não altera a qualidade da imagem, mesmo que esta seja guardada várias vezes, e trabalha apenas com com 256 cores, consegue criar imagens com tamanho bastante reduzido.


JPEG


O formato JPEG, cuja sigla significa Joint Photographic Experts Group, é um dos formatos mais populares da Internet por aliar duas características importantes: oferece níveis razoáveis de qualidade de imagem e gera arquivos de tamanho reduzido quando comparado com outros formatos, facilitando o seu armazenamento e a sua distribuição. 

O JPEG é capaz de trabalhar com um esquema de cores em 24 bits, o que significa que aceita 16,8 milhões de cores. Esta característica, aliada à capacidade de compressão que reduz o tamanho dos arquivos, faz dele uma excelente opção para a distribuição de imagens fotográficas. 

O JPEG utiliza um algoritmo de compressão que se baseia na capacidade do olho humano. No entanto, como o olho humano não é capaz de detetar e interpretar todas as cores de uma vez, é possível retirar determinadas informações irrelevantes relativas à cor e manter apenas aquelas que são visíveis ao olho humano. 

Neste formato, quanto maior for o nível de compressão, menor será o tamanho do arquivo, porém pior será a qualidade da imagem. A desvantagem do JPG é que sempre que se comprime o arquivo verifica-se uma perda significativa de qualidade. Assim, cada vez que uma mesma imagem JPEG é guardada, perde qualidade, já que, geralmente, o software utilizado para tratá-la aplica compressão, mesmo que mínima, todas as vez que esta ação é realizada.



5- JPEG de baixa qualidade

6- JPEG de baixa qualidade

7- JPEG de alta qualidade


PDF


O formato PDF é um formato desenvolvido pela Adobe Systems em 1993. Este formato é muito usado para converter e comprimir, de forma substancial, documentos de texto e imagens, quando existe a necessidade de enviar, para leitura, esta informação para outros computadores, por rede ou por outro suporte, bastando que o outro computador tenha instalado o Adobe Reader. É possível gerar arquivos em PDF a partir de vários formatos de documentos de imagens.

O PDF tornou-se num formato para a distribuição de documentos, principalmente por permitir a integridade dos arquivos, uma vez que é praticamente impossível adicionar vírus ou programas maliciosos em arquivos PDF e uma compactação eficiente.


8- Formato PDF



PNG


O formato PNG, sigla para Portable Network Graphics, é um dos padrões mais recentes, tendo surgido em 1996 a sua primeira especificação.

O PNG consegue trabalhar com esquema de 24 bits de cores, ou seja, 16,8 milhões de cores. No entanto, em comparação com o JPEG, a compressão obtida é mais eficiente e não proporciona perda de qualidade a cada salvamento, o que permite uma maior fidelidade à imagem original. Além disso, as imagens em PNG não requerem muito espaço, podendo-se ter figuras de alta definição e tamanho em bytes pequeno. Ainda assim, o JPEG costuma ter imagens de tamanho ainda menor em alguns casos.

O PNG também possui o recurso de transparência, o que o torna numa excelente alternativa ao GIF, visto que que é possível ter imagens com fundo transparente e, para além disso, utilizar um maior número de cores.


9- A mesma imagem em formato PNG e GIF, respetivamente


TIFF


Sigla para Tagged Image File Format, o TIFF foi criado em 1986 pela Aldus, companhia posteriormente adquirida pela Adobe. 
Este consiste num formato muito utilizado em aplicações profissionais, como imagens para finalidades médicas ou industriais, bem como em atividades de digitalização, como scanner e fax, o que, realmente, motivou o seu desenvolvimento.

O formato TIFF oferece grande quantidade de cores e excelente qualidade de imagem, o que aumenta consideravelmente o tamanho dos seus arquivos, embora seja possível amenizar este aspecto com compressão sem perda de informações.

Este é utilizado para a troca de arquivos entre aplicativos e plataformas de computadores. É um formato flexível de imagens bitmap suportado praticamente por todos os aplicativos de pintura, edição de imagens e la­yout de página. Além disso, quase todos os scanners podem produzir imagens TIFF.


É considerado, por muitos, o melhor formato de imagem de alta qualidade para se trabalhar, uma vez que o TIFF utiliza compressão sem perdas. É necessário utilizar o TIFF desde o começo, pois abrir uma imagem em JPG e salvá-la em TIFF não alterará absolutamente nada.


10- A mesma imagem em formato TIFF e JPEG, respetivamente


11- Comparação de uma mesma imagem entre os vários formatos

Compressão de imagens

A compressão de imagens é uma técnica utilizada para reduzir o espaço que um dispositivo necessita de ocupar. O seu objetivo é reduzir a redundância dos dados, de forma a armazenar ou transmitir esses mesmos dados de forma eficiente.






1 e 2- Imagens com perda de dados

quinta-feira, 13 de novembro de 2014

Modelos de Cor

Os modelos de cor fornecem métodos que permitem especificar uma determinada cor.
Antes de serem descritos alguns modelos, convém diferenciar o modelo aditivo do modelo subtrativo. As suas diferenças podem-se verificar nos seguintes esquemas:




1 e 2- Diferenças entre o Modelo Aditivo e Subtrativo




3- Esquema dos Modelos de Cor 




Modelo RGB


O modelo RGB é um modelo aditivo, que descreve as cores num sistema digital como uma combinação das três cores primárias – as que, em termos técnicos, não resultam da mistura de cores – cores essas, o vermelho (Red), o verde (Green) e o azul (Blue). As aplicações do modelo RGB estão relacionadas com a emissão de luz transmitida por equipamentos eletrónicos como monitores e ecrãs de televisão. As cores emitidas por um monitor de computador são as que o olho humano é capaz de captar, ou seja, o vermelho, o verde e o azul, que combinadas geram milhões de cores.

4- Modelo RGB


Modelo CMYK


CMYK é um sistema de cores formada pelas cores Cyan (Ciano), Magenta (Magenta), Yellow (Amarelo) e Black (Preto). Este é um modelo subtrativo que considera as primeiras três cores referidas como primárias, sendo que estas são as secundárias do modelo RGB. A cor preta foi adicionada apenas mais tarde, uma vez que esta é essencial na definição dos detalhes de uma imagem, sendo, por este motivo, designada como cor-chave (key). O modelo CMYK utiliza-se em impressoras, fotocopiadoras, pintura e fotografia, onde os pigmentos de cor das superfícies dos objetos absorvem certas cores e refletem outras.




5- Modelo CMYK



Modelo HSV


O modelo HSV é definido pelas grandezas Tonalidade (Hue), Saturação (Saturation) e Valor (Value). 

6- Modelo HSV

  • A tonalidade é a cor pura com saturação e luminosidade máximas. A tonalidade permite fazer a distinção das várias cores puras e exprime-se num valor angular entre 0 e 360 graus.

7- Distinção das várias cores


  • A saturação indica a maior ou menor intensidade da tonalidade, isto é, se a cor é pura ou esbatida (cinzenta). Exprime-se num valor percentual entre 0 e 100%. O valor 0% indica a inexistência de cor ou a aproximação aos cinzentos e o valor 100% indica uma cor saturada ou pura.

8- Saturação



  • O valor define o quanto claro ou escuro parece uma cor, refere-se à quantidade de luz visível. Por outras palavras, define a luminosidade da cor e varia entre 0 a 100%.


9- Valor ou luminosidade


O modelo HSV é mais utilizado pelos artistas devido ao facto de estes obterem as suas cores pela combinação entre as três características anteriormente referidas e, por ser mais fácil de utilizar em comparação com o modelo RGB.


10- Aplicação do modelo HSV



Modelo YUV


O modelo YUV separa a intensidade da luz (luminância) da cor (crominância)O parâmero Y representa a luminância (ou seja, a informação a preto e branco), enquanto U e V permitem representar a crominância, ou seja, a informação sobre a cor. Este modelo baseado na luminância permite transmitir componentes de cor em menos tempo do que seria necessário se fosse utilizado o modelo RGB. Ao mesmo tempo, o modelo YUV permite transmitir imagens a preto e branco e imagens de cor de forma independente.
Deste modo, o modelo YUV é utilizado na transmissão de sinais analógicos pelas televisões a cores, visto que se podem transmitir as imagens sem se perder qualidade das mesmas.

11- Sistema YUV

Propriedades da imagem

Pixel


Um pixel é o menor ponto que forma uma imagem digitalTodas as imagens são formadas por vários “quadradinhos” – os pixels. A cor de cada pixel é fruto da combinação de três cores básicas: vermelha, verde e azul.


1- Pixel como unidade básica da imagem



O número de pixels ao longo da altura e do comprimento da imagem bitmap constitui as dimensões da imagem em pixels.

Resolução


A quantidade de informação apresentada por unidade de comprimento, designa-se por ponto por polegada ou em inglês pixels per inch (ppi). A qualidade do detalhe de uma imagem depende da dimensão dos pixels, enquanto que a resolução da imagem controla quanto espaço há entre os pixels na impressão. Nos programas de imagem, a resolução da imagem e as dimensões em pixels são interdependentes. Uma imagem de alta resolução usualmente reproduz mais detalhe e uma mais suave transição de cores, do que uma imagem de mais baixa resolução. Quanto maior for a resolução da imagem, maior será o tamanho do ficheiro. 


2- Variação da resolução de uma imagem conforme o ppi


3- Mesma imagem a 72 ppi e 200 ppi


Profundidade de cor


A profundidade de cor é um termo da computação gráfica que descreve a quantidade de bits usados para representar a cor de um único pixel numa imagem bitmap. Este conceito é conhecido também como bits por pixel (bpp), particularmente quando especificado junto do número de bits usados. Quanto maior for a profundidade de bit numa imagem (isto é, mais bits de informação por pixel), maior será a escala de cores apresentada na imagem digital. A quantidade de cores utilizados na imagem tem muita influência no tamanho do ficheiro, ou seja, quanto mais cores se utilizarem, maior será o tamanho da imagem.


4- 1 bit por pixel

5- 4 bits por pixel

6- 24 bits por pixel

Tamanho do ficheiro




O tamanho do arquivo é proporcional às dimensões em pixels da imagem. As imagens com um maior número de pixels podem reproduzir mais detalhes, mas exigem mais espaço no disco de armazenamento. Consequentemente, a resolução da imagem torna-se um ajuste entre a qualidade da imagem (capturando todos os dados necessários) e o tamanho do ficheiro.
Outro fator que afeta o tamanho do arquivo é o formato deste. Devido aos vários formatos utilizados para guardar imagens (GIF, JPEG, PNG e TIFF), os tamanhos destes ficheiros podem variar consideravelmente. Da mesma maneira, a profundidade de cores e o número de camadas e canais numa imagem afetam o tamanho da mesma.

7- Tamanho de uma imagem