Curso de Design de Roupas.•. Um manual que trata o design orientado a moda, com uma interessante introdução ao design em geral e o desenvolvimento do design na moda 3d em particular. OBJETIVO
PRÉ-REQUISITOS Conhecimentos Básicos de Windows (salvar, copiar e excluir arquivos / criar e abrir pastas / selecionar, copiar e colar / abrir programas). METODOLOGIA Aulas totalmente práticas no computador, onde cada conceito, após uma breve explanação teórica, é executado/configurado, através de exemplos dirigidos e exercícios práticos, otimizando e reforçando o aprendizado. Curso Presencial com Apostila.
INSTRUTOR: _Marilyn_ Antes de ser conhecido como tal, começou seu trabalho no baixo cidade como animadora, trabalhava nas noites em eventos de rock. Neste meio tempo tornou-se DJ e logo mais Decoradora. Quem disse que ela se contentou em ser apenas isto? Designer conhecida do baixo cidade, fez muito sucesso com suas roupas extremamente bem trabalhadas. Seu trabalho é sinônimo de luxo no baixo cidade. Feitas com amor a qualidade das peças se tornam apenas consequências. No Começo de sua carreira como designer Marilyn demorou em média 8 horas para fazer sua primeira roupa. E como a pratica levou-lhe a perfeição. Aqui está trazendo todo conhecimento da área
Curso de Design de Roupas
O objetivo do curso de Design de Moda Digital é aprender as ferramentas principais para criar peças de roupas, acessórios e moldes para a moda digital. O estudo e uma representação gráfica das principais peças básicas do vestuário feminino e masculino (saia, calça, camisa, botões específicos e suas variações). Aplicação de efeitos e texturas, utilizando o software comercial Paint.net como ferramenta para elaboração das peças, estampas, aviamentos e fichas técnicas para o desenvolvimento de coleções.
Introdução ao Design de Roupas 3D.
Curso de Design de Roupas
Disciplina na modalidade à distância
1ª Edição
Marilyn Unibc
2015
1
UNIDADE
Introdução Objetivos de aprendizagem
• Identificar o campo de atuação do designer, os conhecimentos e habilidades necessários para desenvolvera atividade profissionalmente e refletir sobre o processo de trabalho em design de roupas 3D. • Desenvolver uma atitude curiosa, sensível, crítica e imaginativa na construção de um conceito próprio de arte 3D . . • Conhecer diferentes abordagens teóricas sobre as formas artísticas e a produção de imagens. Seções de estudo Veja, a seguir, as seções que compõem esta unidade de aprendizagem. Seção 1 - Paint.NET 4.0.5 Seção 2 - Novidades na versão Seção 3 - Conclusão Seção 4 - Configurações mínimas necessárias Seção 5 - Configurando a página Seção 6 - Bitmap Seção 7 - Formato PNG Seção 8 - Referências
Curso de Design de Roupas
Objetivos de aprendizagem
Seção 1 - Paint. NET 4.0.5
Curso de Design de Roupas
“Ferramenta muito prática para a edição simples de imagens”
O Paint. NET é um dos melhores programas para amadores que querem fazer edição de imagem. Ele inclui recursos poderosos, como as camadas e a pilha de ações, presentes nos programas profissionais como Adobe Photoshop e Gimp, ao mesmo tempo em que é fácil de usar mesmo para quem nunca mexeu com edição de imagens. Apesar de todas as funcionalidades, o programa é muito leve e o download é bem rápido. Após baixar o software, a janela do assistente de instalação aparecerá como você pode ver na imagem a seguir.
O programa ainda pode ser expandido por plugins disponíveis na internet, aumentando os seus recursos e efeitos disponíveis. Além de tudo, oferece todas essas funcionalidades gratuitamente O programa também oferece históricos de ações e suporte aos formatos mais comuns de imagem, tais como BMP, GIF, JPG, PNG e TIFF. Dois senões do programa é que ele não abre nativamente arquivos PSD nem permite a visualização de mais de um arquivo na tela ao mesmo tempo.
Para funcionar, o Paint.NET requer a instalação do pacote .NET Framework da Microsoft.
Curso de Design de Roupas
Escolha o método preferido de instalação, o idioma e clique em “Avançar”. Aceite os Termos de Serviço e a instalação será iniciada. Assim como o download, a instalação não levará muito tempo para ser concluída. A interface é muito fácil e intuitiva, além de ser muito agradável, usando e abusando dos efeitos de transparência. Os efeitos especiais estão bem à mão, embora nem sempre os efeitos sejam perfeitos - o removedor de olhos vermelhos às vezes pede uma intervenção manual. Como ele suporta vários formatos de arquivos, torna-se muito fácil criar e editar imagens com esta ferramenta.
Interface do software Paint.NET A interface do Paint.NET consiste em uma barra de ferramentas localizada na parte superior da mesma. Esta barra de ferramentas inclui uma parte fixa, com acesso às funções básicas do software (imprimir, fazer zoom, copiar, recortar, colar, salvar, abrir, etc), e uma parte variável, cujo conteúdo depende da função de edição que está sendo utilizada.
Visão geral da barra de ferramentas Fixa (parte superior da interface):
Curso de Design de Roupas
As funções de edição de imagens estão organizadas em barras de ferramentas flutuantes colocadas (por padrão) nas extremidades da interface do software. Você pode posicioná-las onde quiser. As 4 barras de ferramentas existentes são: ferramentas, histórico, Camadas e cores.
Descrições e usos das barras flutuantes Ferramentas: Essa barra contém todas as ferramentas de edição de imagens oferecida pelo Paint.NET. Você encontrará mais abaixo, nesta dica, uma descrição completa das diversas funções de edição desta barra. Histórico: Essa barra contém o histórico de todas as alterações feitas na imagem desde que você a abriu. Com esse recurso, você pode cancelar uma mudança, mesmo se você já salvou a sua imagem. Na verdade, enquanto o software não for fechado, o Paint.NET permite que você desfaça qualquer alteração. Para retornar a um estado anterior, basta selecionar o evento a partir do qual você pretende restaurar a sua imagem (e os elementos posteriores serão cancelados).
Visualização da barra de ferramentas “Ferramentas”:
Os atalhos disponíveis são: Desfazer tudo Desfazer (voltar passo a passo) Repetir (avançar passo a passo) Repetir tudo Apagar o histórico
Camadas: Esta barra de ferramentas permite que você gerencie camadas no software. Uma camada é uma imagem que você pode sobrepor a outra. Assim, você pode fazer alterações em uma imagem sem precisar alterar diretamente a sua imagem de origem. Esta barra de ferramentas permite que você:
Crie uma nova camada Exclua uma camada Duplique uma camada Mescle todas as camadas existentes
Modifique a ordem de exibição das camadas Modifique as propriedades de uma camada Mostre ou oculte as camadas presentes em uma imagem
Curso de Design de Roupas
Visualização da barra de ferramentas “Histórico”
Curso de Design de Roupas
Visualização da barra de ferramentas "Camadas":
Cores: Esta barra de ferramentas permite que você selecione uma cor na paleta de cores disponível. Você pode escolher uma cor de diferentes maneiras: Selecionando-a na paleta de cores predefinidas. Esta paleta, cuja versão padrão oferece um atalho para as cores mais comuns, pode ser alterada para atender as suas necessidades. Selecionando-a na paleta global proposta pelo software. Para selecionar uma cor, clique, com o esquerdo do mouse, na roda de seleção. Você poderá definir uma cor primária (clicando com o botão esquerdo do mouse) e uma cor secundária (clicando com o botão direito do mouse). Utilizando os recursos avançados da barra de ferramentas de cores. Para exibir as funções avançadas clique no botão “Mais”. Depois de ativar as funções, você poderá: Selecionar uma cor, informando diretamente o seu código de cor hexadecimal. Selecionar uma cor informando os níveis de vermelho, verde e azul. (RGB) Selecionar uma cor preenchendo os níveis de matiz, saturação e valor (TSV).
Visualização da barra de ferramentas “Cores” (avançada):
Nota: Paint.NET gerencia a transparência das janelas. Isto significa que você sempre poderá visualizar a sua imagem, mesmo se uma das barras de ferramentas estiver localizada no plano de trabalho.
Curso de Design de Roupas
Visualização da barra de ferramentas “Cores”:
Uso do Paint.NET: As funções de edição
Selecionar com o laço: Este recurso permite que você selecione uma parte da imagem. Ao contrário da função As funções de edição do Paint.NET estão Retângulo de seleção vista anteriormente, a seleção com acessíveis na interface do software. Elas o laço não se limita a uma forma pré-definida. Você pode ficam na barra flutuante “Ferramentas” selecionar manualmente uma área, desenhando com o que se encontra, por padrão, no lado mouse. esquerdo da interface. Veja a lista de recursos de edição disponíveis. Para cada Visualização da função: um deles, você também encontrará uma descrição da função, juntamente com uma imagem exemplo.
Curso de Design de Roupas
Retângulo de seleção: Este recurso permite que você selecione uma parte da imagem. A seleção é feita com um retângulo com o qual você pode definir o tamanho da imagem, manualmente. Visualização da função:
Mover a seleção: Este recurso permite mover a área de seleção na imagem. Ela não move o conteúdo, ela se limita ao deslocamento da área de seleção. Apenas o contorno da área de seleção será deslocado. A imagem não será alterada. Visualização da função:
Deslocar os pixels selecionados: Esta função desloca o conteúdo de uma seleção. Visualização da função:
Elipse de seleção: Permite que você selecione uma parte da imagem utilizando uma área de seleção em forma de elipse. Visualização da função:
Panorâmica: Este recurso permite que você mova a imagem na interface do Paint.NET. Isto é bem prático para se mover em uma imagem cujo tamanho de exibição é maior do que a área de exibição da tela. Também é útil para se deslocar em uma imagem ampliada pelo zoom. Visualização da função:
Visualização da função:
Lata de tinta: Com esta função você pode preencher uma área com uma cor pré-definida. Visualização da função:
Varinha mágica: Com este recurso você pode fazer seleções avançadas. Na verdade, a varinha vai permitir que você selecione uma área em função da cor selecionada e do nível de Degradê: Esta função permite realizar nuances tolerância (quanto maior o limiar de tolerância, mais vasta será de cor. a seleção). Visualização da função: Visualização da função:
Pincel: Este recurso permite que você desenhe
Curso de Design de Roupas
Zoom: Permite ampliar ou reduzir a exibição de uma imagem. Quando este recurso for selecionado, você poderá fazer um zoom para frente, clicando com o botão esquerdo do mouse e um zoom para trás clicando com o direito.
formas com a possibilidade de mudar o tama- Visualização da função: nho do pincel. Visualização da função:
Borracha: Apaga uma parte da imagem. O tamanho da borracha pode ser alterado.
Curso de Design de Roupas
Visualização da função:
Buffer: Permite clonar uma área da imagem e colá-la em outra área, da mesma imagem. Selecione o ponto de origem da clonagem (ou seja, a área a ser clonada) usando, simultaneamente, a tecla CTRL+Clique esquerdo. Depois de selecioná-lo, clique com o botão esquerdo na área de destino (ou seja, a área que receberá a imagem clonada). Agora só resta redesenhar a imagem usando o botão esquerdo do mouse. Este recurso pode ser usado para remover um defeito de uma imagem ou um elemento perturbador (Exemplo: Uma foto de céu azul em que haveria um avião ; com o buffer, você poderá clonar uma parte do céu para esconder o avião). Visualização da função:
Lápis: Permite desenhar formas manualmente. O tamanho do lápis não pode ser alterado. Visualização da função: Recoloração: Permite recolorir uma área. A cor primária corresponde à cor de substituição. A cor secundária corresponde à cor a ser substituida. Selecionador de cores: Permite que você selecione uma cor na imagem. Feito isto, a cor pode ser reutilizada com outras ferramentas, tais como o pincel ou a lata de tinta.
Visualização da função:
Polígono: Permite desenhar formas com vários lados. Visualização das funções:
Texto: Permite adicionar texto à imagem. Visualização da função:
Curso de Design de Roupas
Selecionando e recortando imagens
Linha / Curva: Traça linhas retas na imagem. Também permite criar curvas alterando o desenho de uma linha reta, com a ajuda do mouse. Visualização da função:
Retângulo: Permite desenhar uma forma retangular. Retângulo com cantos arredondados: Permite desenhar uma forma retangular com cantos arredondados. Elipse: Permite desenhar uma forma elíptica.
Iniciaremos com o passo mais básico do programa: selecionar e recortar as imagens e fotografias. Escolha uma foto qualquer para fazer o teste, abra-a normalmente como em qualquer outro programa. Em seguida, clique no ícone que se assemelha a um laço. Use a tecla “S” no teclado se quiser um atalho para esta ferramenta. Clique em algum ponto da imagem para começar a seleção. Para os usuários que já conhecem o Photoshop, este laço é parecido com o do editor da Adobe. Depois de completar a seleção com esta ferramenta, recorte-a e faça o
que desejar com a imagem já recortada. Neste caso, mudaremos de fundo para ilustrar.
Curso de Design de Roupas
Para alterar o fundo, escolha outra imagem qualquer e cole a seleção anterior no arquivo recém-aberto. Depois de colar a imagem, você pode girá-la. Clique na ferramenta de movimentação, depois posicione o mouse em cima da imagem e clique com o botão esquerdo para arrastá-la pela tela; para girar clique com o botão direito e gire para onde quiser. Quando tiver terminado, tecle “Enter” para finalizar e unir as imagens.
Outra forma de selecionar partes da imagem é utilizar a ferramenta Varinha Mágica. Ela funciona da seguinte maneira: agrupa os pixels próximos. É usado com freqüência maior nas imagens que têm fundos de cor homogênea ou regiões de cores bem definidas.
Pintando no Paint.NET
Note que a imagem ficou com alguns recortes em branco. Isso pode ser facilmente corrigido com duas ferramentas: Selecionador de cores e Pincel. Primeiro, clique no ícone do “Selecionador de cores” e clique no fundo preto para pegar a cor exata e não haver diferença na hora de pintar as partes brancas. Depois de ter selecionado a cor de fundo, clique na ferramenta “Pincel”; note que há opções desta ferramenta na parte superior da tela. Ali você pode aumentar ou diminuir a largura do pincel; para fazê-lo clique nos sinais de soma e subtração para ajustar o tamanho de acordo com as suas necessidades. No caso da imagem de fundo utilizada no exemplo, há cores fortes e que seguem um desenho. Para dar mais realidade à montagem e pintar corretamente as partes brancas, utilize a ferramenta “Selo de clonagem”. Esta ferramenta copia um padrão e o repete nas regiões que você quiser. Para determinar a região que será copiada, pressione CTRL e clique na região a ser copiada. Ela ficará marcada com um círculo. O outro círculo é o
pincel que irá colorir a área desejada. Outra forma de pintar é usar as ferramentas de seleção e em seguida aplicar uma segunda ferramenta chamada “Recolorir”.
Criando camadas
Aplicando efeitos
Para aplicar efeitos e filtros, selecione a região ou camada em que deseja aplicá-lo e clique em “Efeitos” e escolha um dos vários efeitos da biblioteca do Paint.NET. Um dos mais úteis para a edição de fotografias é o “Desfocar”. Isto porque muitas vezes as bordas das fotografias recortadas ficam serrilhadas e desfocá-las. Contudo, é preciso ter cuidado para não exagerar no efeito e torná-la artificial como no caso ao lado. No lado oposto ao “Desfocar” está o “Aumentar Nitidez”, encontrado na opção “Foto” dos “Efeitos”. Este efeito é usado para deixar alguma região ou camada mais definida, com os pixels mais evidentes. Outros efeitos que pode ser muito útil nestes casos são os que estão abrigados na opção “Ruído”. Eles podem melhorar a qualidade de fotos tiradas em baixa resolução – mas não espere milagres. É um efeito que ajuda, mas não vai transformar uma foto de qualidade ruim em uma imagem profissional.
Curso de Design de Roupas
Para editar uma imagem sem interferir em outra quando elas estão num mesmo arquivo, criam-se camadas com as imagens. Criar camadas é bastante simples, na janela “Camadas” clique no primeiro ícone. Pronto! Sua nova camada está criada. Este recurso é útil não só para editar imagens sem interferências, mas também para aplicar efeitos e filtros.
Alterando contrastes e tonalidades
Curso de Design de Roupas
Muitas fotos só precisam de pequenos ajustes no contraste ou no brilho para ficarem boas. Para encontrar estas ferramentas no Paint.NET clique em “Ajustes”. Uma lista com várias ferramentas aparecerá, entre elas estão os controles de cor, níveis de cores, matizes e a transformação de cores para os padrões “Preto e Branco” e “Sépia”. Observe a foto do exemplo. Ela está muito escura e opaca. Para corrigir estes problemas usaremos duas ferramentas para ajustes: “Brilho / Contraste” e “Curvas”. Estas duas ferramentas têm funções parecidas, o controle das curvas de luminosidade pode clarear fotos muito escuras e escurecer fotos muito claras – basta arrastar o ponto pelo gráfico até a foto ficar da melhor maneira. Depois de aplicarmos a mudança com a ferramenta “Curvas”, a foto fica como a figura 1. Agora clique novamente em “Ajustes” e selecione a opção “Brilho/Contraste” e arraste os ponteiros para obter o resultado desejado. No caso da foto do exemplo, ela fica como a figura 2.
Para alterar o tom, clique em “Ajustes” e em seguida em “Matiz/ saturação” e altere a cor de acordo com a necessidade da foto e o objetivo da edição. Já a transformação da imagem em preto e branco ou sépia é mais rápida porque já existem duas ferramentas para realizar esta transformação. O efeito depois de aplicado fica como as imagens abaixo.
Curso de Design de Roupas
Inserindo texto
Também é possível escrever no Paint.NET. Para fazê-lo, clique na ferramenta texto na barra de ferramentas do programa. Contudo, uma vez que ele já esteja digitado e você já apertou “Enter” não é mais possível editar aquele texto – ele passa a ser uma camada de imagem. Você pode alterar o tipo, tamanho, cor e estilo da fonte do seu texto. Três destas alterações são encontradas logo acima da barra de ferramentas, são elas: tipo de fonte, tamanho e estilo. A escolha da cor da fonte deve ser feita na janela de cores no canto inferior esquerdo da tela.
Inversões, redimensionamento e rotação
Curso de Design de Roupas
Em alguns casos pode ser necessário inverter, redimensionar ou rotacionar as imagens. Por exemplo, para criar um efeito espelhado de uma imagem é necessário duplicá-la e inverter. As três ferramentas para fazer estas alterações podem ser encontradas no menu “Imagem”. Nesta opção você encontra ferramentas como “Redimensionar”, “Inverter horizontalmente”, “Inverter verticalmente” e outras utilidades para a edição de imagem. Para aplicar estas ferramentas em camadas específicas, clique no menu “Camada” logo ao lado de “Imagem” e escolha qual delas é mais apropriada para a sua imagem.
Para criar o efeito espelhado, pode ser feito da seguinte maneira. Escolha uma imagem qualquer com fundo branco e faça uma cópia da camada. Nesta camada recém-criada, apague o fundo branco ao redor. Depois clique em “Camada” e em seguida em “Inverter verticalmente”. Salve a sua imagem; vamos prosseguir a explicação deste efeito no próximo tópico deste guia de uso.
Propriedade das camadas
Em “Propriedades da Camada” é possível alterar o modo da camada, a opacidade, nome e a visibilidade dela. O controle da opacidade é importante para prosseguirmos com o efeito espelhado da imagem. Continuando com este efeito, clique na camada duplicada e invertida para selecioná-la, em seguida clique no último dos botões da barra de botões da janela de camadas, “Propriedades da Camada” e reduza a opacidade desta camada. Pronto! Seu efeito espelhado já está concluído!
Agora que você já conhece as ferramentas e efeitos principais do Paint.NET, comece a editar e tratar suas imagens neste editor de imagens completamente gratuito que não deixa nada a desejar em relação aos outros editores. Quando já tiver terminado de trabalhar nas suas imagens, lembre-se de salvá-las sempre em um formato que seja visualizado por qualquer navegador, no caso de produção de imagens para sites e blogs.
Curso de Design de Roupas
As camadas são uma boa forma de editar partes da imagem separadamente. O Paint.NET possui um jeito diferente de trabalhar com estas camadas. Para editá-las, usa-se os botões da parte inferior da janela de camadas do editor de imagens. Se pudermos escolher os três principais dentre eles, seriam os botões “Criar nova camada”, “Propriedades da Camada” e os dois botões para movimentação de camadas para cima ou para baixo.
Seção 2 - Quais são as novidades? Em relação às versões anteriores, o Paint.NET apresentou diversas melhorias e aprimoramentos, mas que não podem ser notadas à primeira vista. As atualizações tiveram um grande foco no aprimoramento da parte de performance, fazendo com que o processamento de imagens e alguns efeitos se tornem ainda melhores. Para que este programa funcione corretamente, você não poderá ter nenhuma versão que antecede o Windows 7 SP1. Esta exigência existe porque você precisará ter o .NET Framework 4.5 instalado na máquina, pois ele é responsável pelo funcionamento da nova engine empregada na realização de processamento de efeitos nas imagens, garantindo que você consiga concluir muitos projetos em menos tempo e atinja um resultado muito mais convincente.
Curso de Design de Roupas
Em ótima forma Todos estes requisitos acabam sendo compensados com resultados surpreendentes. Toda a parte de renderização está muito mais eficiente, fazendo com que diversos recursos de hardware sejam poupados e permitindo que diversos processamentos de imagem sejam realizados mais rapidamente todo o processamento de seu projeto, mesmo se você estiver trabalhando com fotos de alta resolução. Nas ferramentas, esta nova versão apresenta algumas melhorias no comportamento de diversos recursos básicos e a implementação de facilidades na parte de acessibilidade. No geral, não há muitas novidades neste aspecto, mas isso não é um grande problema, pois o programa já é muito completo e consegue agradar desde os usuários mais leigos aos mais experientes. Se você quiser aproveitar todas as melhorias que foram realizadas na versão 4.0 e possui um hardware razoável para isso, é altamente recomendável que você altere uma configuração no menu de configurações. Basta acessar a seção “Interface de usuário” e garantir que o item “Acelerada por hardware (GPU) de renderização” esteja marcada.
O segredo deste ganho de performance está diretamente ligado à nova engine desenvolvida, permitindo que GPU com múltiplos núcleos trabalhem melhor através da aceleração de hardware. Outro aspecto que foi otimizado foi a inicialização da ferramenta, que agora demorará muito menos tempo para estar completamente pronta para ser utilizada.
Seção 3 - Conclusão
Seção 4 - Configurações mínimas necessárias Uma vez instalado no seu computador, o Paint.NET já está pronto para o uso. Ele não exige nenhuma configuração especial. Em cada inicialização, o software verifica se uma nova versão está disponível e propõe baixá-la para você, caso você queira. Você pode desativar a verificação automática de atualizações, indo no menu Ajuda, clicando em Procurar atualizações e em Opções.
Seção 5 - Configurando a página Acontece freqüentemente de nos depararmos com uma imagem muito grande, ou muito pequena, e ter de adaptar seu tamanho, de acordo com um certo número de pixels. Esta dica vai te mostrar como utilizar o software Paint.NET para realizar esta manipulação. Os exemplos das interfaces foram realizados com a versão 3.5.5. Depois de ter instalado o software, e após tê-lo aberto, importe a imagem em questão. Para importar, faça um clique com o botão direito de seu mouse sobre o ícone de sua imagem (ou atalho, ou nome) para abrir o menu, procure e selecione o item Abrir com Escolha abrir com Paint.Net, que você baixou, não aquele integrado no Windows, que geralmente é de uma versão antiga.
Curso de Design de Roupas
Paint.NET pode ser considerada facilmente a melhor ferramenta desenvolvida para a realização de edições de fotos e imagens que você pode encontrar pela internet sem gastar um tostão sequer. É possível até afirmar que as suas funcionalidades e ferramentas estão são superiores a de diversos softwares pagos de sua categoria. Trata-se de um aplicativo altamente versátil, podendo agradar facilmente a usuários leigos e intermediários. Apesar de todas as novidades da atualização 4.0 não serem exibidas à primeira vista, é possível perceber que todas os principais recursos e possibilidades que o Paint.NET oferece foram melhorados de forma considerável, resultando em uma performance superior em relação às versões anteriores. Funções de edição primordiais podem ser utilizadas com grande frequência sem deixar a sua máquina lenta, mesmo que você não tenha um computador com configurações top de linha. Na parte de visual e interface, o programa não apresenta grandes mudanças. Se você nunca o utilizou, provavelmente levará algum tempo até que todas as ferramentas estejam decoradas e você consiga utilizar todas as teclas de atalho para acelerar ainda mais a edição de imagens. A disposição dos botões e recursos são muito intuitivas que fazem toda a diferença no dia a dia. Outro destaque do programa fica por conta da aplicação de efeitos e ajustes de imagem. É possível chegar a ótimos resultados utilizando poucas ferramentas, permitindo alterar diversos aspectos técnicos através de categorias muito organizadas que permitem aprimorar cada elemento de seu projeto de forma muito precisa e consistente.
Sua imagem vai se exibir na interface do Paint.NET:
Curso de Design de Roupas
Em seguida, para ajustar as dimensões da imagem, desenvolva o menu Imagem, depois clique em Redimensionar , e na pequena janela que se abre, marque a caixa a Por tamanho absoluto. Agora você deverá definir o número de pixels, em altura e em largura:
Veja o resultado com o redimensionamento realizado: compare, observando a imagem dentro da interface do Paint.NET:
Seção 6 - Bitmap O que é Imagem Bitmap? Existem as imagens vetoriais e as imagens bitmaps. Hoje falarei sobre as imagens bitmaps. O que é uma imagem bitmap, afinal?
Imagem bitmap 1
Imagem bitmap 2 Como pudemos visualizar, a segunda imagem tem a qualidade inferior a da primeira, pelo fato de ter sido ampliada.
Curso de Design de Roupas
Bitmap é um tipo de imagem aonde é salvo cada pixel (ponto) do que é feito. Quando damos um zoom para vermos uma imagem, neste formato, em tamanho maior ela fica serrilhada, ou seja, é possível ver cada ponto e a qualidade não é tão boa. Dois programas muito populares para criação e edição de bitmaps são: o Microsoft Paint e o Gimp. Pelo fato de cada pixel ser salvo sem compressão as imagens assumem um tamanho muito grande. Por este mesmo motivo não se recomenda utilizar bitmaps em sites, pois a página demorará muito tempo para carregar. O formato utilizado para imagens bitmaps é: *.bmp. Também existem os bitmaps compactados em imagens JPEG, GIF, PNG, etc. Bitmap significa “mapa de bits”, sendo também chamado de raster. Segue abaixo duas imagens criadas no MS Paint, sendo que, a segunda é a mesma da primeira, porém, ampliada:
Seção 7 - Formato PNG
Curso de Design de Roupas
O formato PNG, sigla para Portable Network Graphics, é um dos padrões mais recentes, com a sua primeira especificação tendo surgido em 1996. Seu desenvolvimento foi motivado, em parte, pela restrição de patente existente no formato GIF, conforme explica o tópico anterior. O PNG reúne, portanto, as características que tornaram o GIF tão bem aceito: animação, fundo transparente e compressão sem perda de qualidade, mesmo com salvamentos constantes do arquivo. Porém, conta com um grande diferencial: suporta milhões de cores, não apenas 256, sendo, com isso, uma ótima opção para fotos. No aspecto da animação, o PNG, por si só, não possui tal capacidade. O que acontece é que há uma variação chamada APNG (Animated Portable Network Graphics) que possibilita esta característica. O esquema é o mesmo do padrão GIF: uma sequência de imagens inseridas em um único arquivo. No caso, a primeira imagem é um arquivo PNG “normal”, que é exibido em situações onde, por algum motivo, a animação não pode ser executada. Há também uma variação chamada MNG (Multiple-image Network Graphics) que possui a mesma finalidade. Imagens no formato PNG possuem extensão .png, mesmo nas variações de animação, embora, neste último caso, possa ser utilizado também nomes com .mng e .apng. O PNG é um formato livre, criado desde o início para ser utilizado em qualquer aplicação sem necessidade de pagamentos de licenças ou afins. Sua utilização é apoiada pela W3C.
Seção 8 - REFERÊNCIAS ARCHER, Michael. Arte Contemporânea: Uma história Concisa. São Paulo: Martins Fontes. 2001. DESENHODG. 25 de julho de 2010 Emerson Alecrim - Publicado em 15_05_2011 - Atualizado em 16_09_2013 http://www.infowester.com/imagens.php