design 2013 - cedaspy manaus

EDITORA CEDASPY LTDA.

CURITIBA - PR2012

DESIGN GRÁFICO

Impressão • AcabamentoEditora Mona Ltda – ME

Rua José Bajerski, 271 • Curitiba/PR • Cep:82.220-320Fone (41)3068-9009 • Pabx (41)3068-9008

www.graficamonalisa.com.br

Impresso no BrasilPrinted in Brazil

2012

CEDASPYDesign Gráfico

Curitiba: Cedaspy, 2012.82p. il.

Título. Série.

Av. Marechal Deodoro, 320 - Centro - Curitiba/PRTelefone: (41) 3112-1250

APRESENTAÇÃO

Neste módulo, o aluno irá aprofundar ainda mais os conhecimentos sobre comunicação,

pesquisando sobre os diferentes meios e identificando quais os materiais específicos para cada um.

Como criar um material gráfico para atender o público desejado e como fazer com que esse material

chegue até ele.

Conceituar a necessidade de se produzir banners, etiquetas, rótulos de produtos, folders, cartões

de visitas, calendários, outdoors, capas de revistas ou livros, diplomas e certificados, etc. Rever conceitos

de mídia, cores e texto publicitário e apelativo. Diferenças de trabalhos para serem impressos ou usados

eletronicamente em sites.

Aprende a distinguir tipos de imagens, vetores, jpg, gif, tamanhos, peso, resolução, imagens para

impressão e para web.

Profissões relacionadas:

Auxiliar gráfico, área de comunicação de empresas e trabalhos como autônomo.

DESIGN GRÁFICO6

1. INTRODUÇÃO

2. FOTOGRAFIA

3. TRATAMENTOS DE IMAGEM

4. CONHECENDO O COREL DRAW

5. TIPOGRAFIA

6. TRABALHANDO COM CORES

7. ORGANIZAÇÃO É TUDO

8. VETORIZAÇÃO

9. PAPELARIA

10. SUAS IDEIAS NA PRÁTICA

11. EMBALAGENS

12. COMUNICAÇÃO VISUAL

13. DESIGN SURPREENDENTE

14. MUNDO WEB DESIGNER

15. FECHAMENTO DE ARQUIVO

07

12

17

24

28

33

39

42

47

51

55

60

65

70

74

DESIGN GRÁFICO 7

IntroduçãoAula

01 • História da Arte• Web Design x Design Gráfico• Mercado de Trabalho

• Processos de criação• Programas mais utilizados• Atividades

Desde muito antes de pensarmos na possibilidade do surgimento do computador, a arte já existia. Se formos levar em consideração as pinturas feitas nas cavernas na idade pré-histórica, ou seja, a arte rupestre, nós podemos afirmar que, até mesmo antes de existir a própria história, a arte já se fazia presente entre a população no planeta.

Com o passar do tempo, o campo da arte se tornou muito abrangente, saindo das pinturas feitas diretamente nas pedras atingindo outros movimentos como, por exemplo, a arquitetura. Devido a essa abrangência, foi necessário dividirmos a história da arte de acordo com os períodos em que aconteceram. São eles:

• Arte da Pré-história;• Arte da Antiguidade;• Arte da Idade média;• Arte do Renascimento;• Arte Moderna;• Arte Contemporânea.

Porém, foi apenas no século XVIII que Johann Joachim Winckelmann, um arqueólogo alemão,criou alguns fundamentos para que a história da arte se tornasse uma disciplina a ser estudada.

Design gráfico é, basicamente, um meio de criar utilizando-se de imagens e textos afim de passar alguma mensagem, ideia ou um conceito, sendo estas destinadas não a uma única pessoa. Esse conceito foi criado no século XX e hoje é considerado um dos principais meios de informar, organizar, estimular, entreter e persuadir o público.

O designer gráfico, isto é, quem trabalha com design gráfico tem como principal atividade criar marcas, logotipos, embalagens, folhetos, banners, folders, camisetas, web sites, vinhetas para televisão e internet, sinalização para empresas (bem como sua papelaria), além de atuar na parte visualmente atrativa de jornais, revistas, livros, entre outros.

“Design Gráfico não é só um belo desenho. Design Gráfico é um belo desenho, com um sentido e uma tarefa a cumprir.”

Chico Homem de Melo

Já o web design é uma ramificação do próprio design gráfico, porém com foco totalmente voltado à criação de web sites e todos os recursos da grande rede de

computadores, a internet. Com a popularização do uso da internet, o profissional que atua com a criação desses projetos para a internet acabou ganhando grande campo de trabalho.

HISTÓRIA DA ARTE

WEB DESIGN X DESIGN GRÁFICO

DESIGN GRÁFICO8

O web designer precisa ser, além de tudo, um profissional cada vez mais completo, visto que além de dominar os conceitos do próprio design, muitas vezes ele precisa se aventurar por áreas como programação, arquitetura da informação, usabilidade, entre outras.

O principal desafio de um designer é conseguir inserir dentro de um projeto proposto pelo cliente tudo que foi solicitado e, ainda assim, torná-lo visualmente atraente e de fácil utilização.

O mercado de trabalho na área de design gráfico é bem amplo e com inúmeras possibilidades de trabalho, visto que existe um constante crescimento e necessidade de ampliações de canais que já existem, como a mídia impressa, a internet e a publicidade.

Sergio D´Oliveira Casa Nova, que é coordenador do curso de design gráfico do Centro Universitário Belas Artes de São Paulo, afirma que existe demanda em todos os segmentos de trabalho, porém, o maior crescimento continua sendo na área da web.

Segundo a Associação dos Designers Gráficos do Distrito Federal, o salário inicial de um Designer é de R$ 2.120,58.

O sucesso de qualquer projeto que se preze deve, no mínimo, passar por um estudo de diversos fatores que podem influenciar para o sucesso do mesmo. É importante sabermos que se temos o objetivo de realizar um bom trabalho, este deve partir de boas ideias, estas que precisam ser organizadas de maneira a facilitar o desenvolvimento do trabalho.

No decorrer deste capítulo, falaremos sobre dois processos de criação que são fundamentais para o desenvolvimento de um projeto. São eles o “Briefing” e o “Brainstorm”. Cada um dos dois tem uma finalidade, então, vamos conhecer um pouco mais de cada um.

O briefing é elaborado juntamente com o cliente e deve conter informações sobre o produto, a empresa ou o serviço que será desenvolvido. Quanto mais informações o briefing tiver, mais fácil de obter o resultado esperado pelo seu cliente. Portanto, o ideal é que na hora de desenvolvê-lo, seja coletado o máximo de informações.

Além de informações relacionadas ao produto, procure inserir informações sobre o público alvo.

Seguem algumas dicas de informações do público a serem obtidas:• Características regionais: cidade, estado, país, clima;• Características pessoais: sexo, faixa etária, classe social, escolaridade, ocupação profissional;• Influência ao cliente: pretende atingir seu cliente pela razão ou pela emoção?

Claro que esses são apenas alguns exemplos de dados a serem obtidos, mas você está livre para questionar seu cliente, a fim de conseguir filtrar dados que sejam relevantes para o desenvolvimento do projeto.

MERCADO DE TRABALHO

PROCESSOS DE CRIAÇÃO

BRIEFING

DESIGN GRÁFICO 9

Brainstorm é uma palavra em inglês que significa “tempestade de ideias” e o objetivo é justamente ter o máximo de ideias possíveis (sem descarte de nada). Uma regra básica para a realização de um brainstorm é que nenhuma ideia é ruim, fraca ou ridícula.

É preferível que a equipe que irá se reunir seja formada por pessoas que atuam em setores diferentes, pois assim, o processo se torna mais rico em diversidade de culturas e de ideias.

Depois de realizada essa tempestade e todas as opiniões devidamente anotadas, é o momento de analisá-las uma a uma, não se esquecendo de que existe um cliente que passou suas necessidades e espera que elas sejam atendidas.

Existem diversos softwares disponíveis no mercado hoje que tem como objetivo auxiliar os profissionais durante a realização dos projetos. Dentre eles, podemos destacar alguns muito conhecidos como Photoshop, Photoscape, Picasa, Photo-Paint e o Photofiltre, todos dedicados ao tratamento de imagens, além do Coreldraw e do Illustrator, para trabalhar com Imagens vetoriais.

No decorrer desse módulo, iremos trabalhar, basicamente, com dois softwares que são desenvolvidos pela Corel, a empresa que criou e mantém até hoje o

Corel Draw, software que é considerado por muitos como o melhor do mercado em seu segmento. Além do Corel Draw, iremos trabalhar com o PhotoPaint, software que nos auxiliará a fazer algumas correções em imagens.

O Corel Draw é um software que possui ferramentas que são bem intuitivas, como por exemplo, a ferramenta retângulo que lhe permite desenhar um retângulo. A princípio, o software pode parecer um pouco confuso para quem não está habituado com programas do gênero, porém, a prática pode levá-lo a resultados surpreendentes.

MERCADO DE TRABALHO

PROGRAMAS MAIS UTILIZADOS

PROCESSOS DE CRIAÇÃO

BRAINSTORM

DESIGN GRÁFICO10

1) No caso de fechar o contrato para criar uma campanha de divulgação gráfica para uma empresa, em que momento sua equipe deverá realizar os processos:

2) Especifique os softwares:

Nome do Software:_______________________________________________________________Empresa desenvolvedora:___________________________________________________________Versão mais recente:______________________________________________________________Aplicações:_____________________________________________________________________





ATIVIDADES

DESIGN GRÁFICO 11

3) Analise os softwares e relacione com a carreira:

a)

a)

a)

b)

b)

b)

c)

c)

c)

d)

d)

d)

DESAFIO

Monte entre seus colegas de sala, uma equipe de Design para trabalhar juntos nos projetos e atividades ao decorrer do módulo.Faça uma pesquisa de mercado em pelo menos 4 agências de design, gráficas ou empresas de comunicação e verifique quais são os serviços mais solicitados, ferramentas (softwares) mais utilizadas, e média salarial de um Designer Gráfico. Leve um equipamento de boa resolução digital (câmera, celular, tablet) e tire fotos que posteriormente iremos trabalhar. Monte um relatório especificando cada empresa e as informações obtidas. Este relatório deverá ser trazido na aula 03 para realizarmos um fórum de discussões e trabalharmos as imagens.

Auxiliar de escritório

DESIGN GRÁFICO12

Apesar de parecer um pouco confusa, existem alguns pontos interessantes que podemos destacar no que se trata da história da fotografia. O primeiro momento é quando ela surge acidentalmente. Já o segundo é quando esse acidente é analisado mais de perto e então, as coisas começam a caminhar para o que chamamos hoje de fotografia.

Durante muito tempo, um inventor francês chamado Louis Daguerre ficou conhecido como o primeiro grande inventor da fotografia. Isso porque durante alguns experimentos que estavam sendo realizados em seu laboratório, Daguerre deixou uma chapa revestida com prata sem imagem alguma e foi para casa. No outro dia, quando chegou para trabalhar, percebeu que, misteriosamente, surgiram imagens na placa que havia sido deixada exposta a uma solução encontrada na época em termômetros de mercúrio.

A partir desse fato, Joseph NicéphoreNiépce, naquela ocasião, sócio de Louis Daguerre, se aprofundou em seu estudo sobre heliografia (gravação através da luz) e foi, esse sim, em 1829, o primeiro a obter de maneira voluntária o que hoje nós podemos chamar de fotografia.

Desde então, a fotografia pouco evoluiu, pois sempre se manteve o mesmo conceito de capturar a luz e depois aplicar uma solução sobre o objeto que recebeu essa luz a fim de “revelar” a imagem. A grande evolução da fotografia se deu durante

a Guerra Fria, período onde os Estados Unidos da América disputava avanços tecnológicos com a União Soviética. Foi no ano de 1965 que o programa espacial norte-americano conseguiu concluir o desenvolvimento da tecnologia e tirou as primeiras fotos digitais, estas feitas através da sonda Mariner4.No total, foram tiradas 22 fotos que tinham na época 0,4 Megapixel.

Antes de começar o trabalho, temos que ter em mãos o nosso equipamento, certo? Então, seguindo essa lógica, podemos entender que antes de sair comprando uma máquina fotográfica qualquer por aí, temos que ter em mente qual será nosso objetivo com ela.

Se seu intuito é apenas registrar alguns momentos, existe um equipamento adequado para isso, assim como, se pretende trabalhar com isso, ou seja, seu objetivo é profissional, existem alguns cuidados que você tem que tomar.

CÂMERAS D-SLR

HISTÓRIA DA FOTOGRAFIA

MELHORES EQUIPAMENTOS X CUSTO BENEFÍCIO

D-SLR é uma sigla em inglês que se refere a Digital single-lensreflex, que traduzindo seria “Câmera digital de reflexo por uma lente”. Isso quer dizer que na verdade, essa é uma versão digital para as antigas câmeras de filme SLR.

É comum hoje em dia as pessoas se referirem às câmeras D-SLR como câmeras profissionais, o que não é verdade, visto que as câmeras profissionais estão sim dentro desse grupo mas não são as únicas que o compõe.

Tratamentos de imagemAula

02 • História da fotografia• Melhores equipamentos x Custo benefício• Conceitos básicos para uma boa fotografia• Zoom e iluminação

• Técnica Chroma-Key I• Trabalhando com imagens na internet• Atividades

DESIGN GRÁFICO 13

CÂMERAS DIGITAIS COMPACTASHISTÓRIA DA FOTOGRAFIA

MELHORES EQUIPAMENTOS X CUSTO BENEFÍCIOCONCEITOS BÁSICOS PARA UMA BOA FOTOGRAFIA

O funcionamento desse tipo de câmera é fácil de compreender ao analisarmos a imagem ao lado. A luz entra pela lente (1), reflete-se em um espelho móvel (2), depois se reflete novamente em um jogo de espelhos chamado penta-prisma(4) e a imagem é formada no visor(5), para que possamos visualizá-la. Ao clicarmos no disparador da máquina, o espelho móvel (2) se movimenta para cima e a luz vai diretamente de encontro com o sensor captador (3), o qual registra a imagem na memória da câmera.

Obviamente, por se tratar de recursos de gravação de imagem mais avançados e, geralmente, de maior qualidade, essas câmeras possuem um custo um pouco maior, se comparado ao das máquinas compactas.

Dentre as principais fabricantes de máquinas D-SLR, podemos destacar a Nikon, a Canon, a Sony e a Fuji. Cada uma com suas peculiaridades. Portanto, se seu objetivo é tirar fotos com altíssima qualidade, sem ter de se preocupar com o valor do investimento, essa é a melhor saída.

O grande diferencial das câmeras digitais compactas é justamente o fato de serem compactas. Simples assim. Você, por exemplo, não é um fotógrafo profissional mas quer tirar suas fotos com boa qualidade de imagem e com boa nitidez e não quer se dar ao trabalho de carregar aquela máquina de 1 Kg em sua mochila. Aliás, você não quer nem saber de andar com mochila. O que você espera é andar com sua câmera no bolso e, quando surgir a necessidade, sacá-la e tirar a sua foto.

O funcionamento de uma câmera digital compacta não se assemelha nem um pouco, se comparado ao da D-SLR, pois a luz captada pela máquina passa diretamente pelo jogo de lentes e é “estampada” no sensor. Esse processo acontece durante todo o tempo, pois somente assim nós conseguimos visualizar a imagem que estamos focando em tempo real, como podemos ver na imagem ao lado.

Outra grande vantagem das máquinas compactas perante as D-SLR é, com certeza, o valor. Você consegue encontrar câmeras com valores muito mais acessíveis e ainda assim com boa qualidade. Na verdade, não é possível afirmarmos que uma é melhor e a outra é pior. O que temos que fazer é nos perguntarmos: “Qual a finalidade de uma câmera para mim?”, “A máquina compacta satisfaz minhas necessidades?”, “Eu preciso realmente de uma câmera de porte maior?”. Respondendo a essas perguntas, teremos condições de escolher. Só vai faltar escolher agora o modelo mais adequado a você.

Podemos destacar como principais fabricantes de câmeras digitais compactas a Olympus, a Sony, a Canon, a Nikon e a Panasonic.

Existem alguns conceitos que são fundamentais para poder se tirar uma boa fotografia. Você não precisa ser nenhum profissional e nem ter uma super câmera fotográfica para conseguir aplicá-los.

1º Compor uma boa imagem: Esse processo requer um pouco de atenção, pois é nele que definimos quais são os objetos que eu quero na foto ou não. É nele que eu decido se vou usar a orientação retrato ou paisagem. Fotografia tirada em orientação retrato,

geralmente acaba trazendo uma sensação de profundidade à imagem, visto que o fundo da cena é incluído na composição. Já em orientação paisagem, é possível capturar mais detalhes do objeto. Detalhes que são pouco percebidos por nossos próprios olhos.

2º Ajustar o foco: Outro ponto de muita atenção, pois um deslize aqui pode tirar deixar a imagem desfocada. Se sua imagem está em um dos cantos da sua composição, o que deve ser feito é, centralizar a imagem nela, pressionar até a metade o disparador da máquina e depois que for dado foco no seu objeto, você pode mover a máquina suavemente para a posição de seu desejo, permitindo uma foto com foco e dentro da composição desejada. Esse recurso se chama trava de foco.

Paisagem

Retrato

DESIGN GRÁFICO14

Imagem com 10x de zoom digital com perda evidente de resolução.

3º Flash: O flash pode ser considerado uma arma poderosa ou um grande vilão, isso vai depender do seu domínio sobre esse recurso poderoso. Para poder tirar o máximo proveito do flash, temos que nos atentar ao fato de que ele tem um alcance limite, ou seja, por mais que a máquina possua um zoom muito bom, existe a possibilidade de a imagem permanecer escura, pois o alcance do flash não foi o suficiente. É importante também sabermos que não se usa flash ao fotografar objetos que sejam altamente reflexivos.

4º Apoio: É muito comum, ao registrarmos aquele momento importante em família ou com os amigos, verificarmos que a imagem ficou borrada. Isso se dá devido à falta de apoio da câmera. Esse problema é mais frequente ainda ao tirarmos fotos durante a noite ou quando damos zoom. Uma dica para manter um bom apoio é apoiar os cotovelos sobre seu peito, fazendo assim com que sua câmera fique apoiada pelos seus braços e sua cabeça, além de não apertar o disparador com muita força, fazendo com que a máquina trema e, consequentemente, a foto borre.

Zoom é a função que uma câmera ou equipamento (tablet, smartphone, filmadora, entre outros) possui para aproximar objetos ou cenas em uma situação de fotografia ou filmagem. Essa capacidade de realizar cada vez mais “zoom”, isto é, de aproximar cenas e objetos de maneira mais detalhada, é um dos diferenciais entre os equipamentos.

• Zoom ÓpticoÉ o zoom real do equipamento, onde o processo de aproximação de cenas

acontece através do sistema de lentes.

Geralmente quanto maior o zoom óptico, mais caro será o equipamento que permitirá um detalha.

• Zoom DigitalÉ o processo que através de utilização de software interno da câmera, simula

uma aproximação de cenas e objetos, o que danifica a qualidade da imagem referente a resolução, pois a mesma ficará pixelizada(quando há perda de resolução em zoom digital, os pixels que formam a imagem aparecem). É mais um processo de ampliação do que de zoom propriamente dito.

É um item que faz uma diferença significativa na qualidade das imagens capturadas por câmeras.Por isso, antes de iniciar a captura de imagens, analise a iluminação para que consiga ter um ótimo resultado.Haverá sempre duas fontes para isso: iluminação natural e artificial.

• Utilização da iluminação naturalCom a prática e observância, você aprenderá a utilizar a iluminação natural oferecida pela luz do sol em seu

beneficio quando for capturar suas imagens. Os melhores horários para obter um ótimo resultado com iluminação natural, são no período da manhã e ao entardecer, e como os fotógrafos gostam de dizer, há dois momentos “mágicos” no dia para obter os melhores clicks:uma hora após o amanhecer e uma hora antes do pôr-do-sol. Evite horários por volta do meio-dia, pois geralmente o sol está muito forte.

• Utilização da iluminação artificialA fonte de iluminação artificial mais utilizada em capturas de imagem é o flash embutido nas câmeras, porém,

outros meios artificiais também podem ser utilizados: holofotes, lâmpadas, caixas de iluminação, mesas com luminárias, entre outros.

Dica: Para prevenir que apareçam olhos vermelhos, use o modo redução de olhos vermelhos de sua câmera. Como alternativa, peça à pessoa para olhar para uma fonte de luz brilhante antes de fotografar.

ZOOM E ILUMINAÇÃO

ILUMINAÇÃO PARA FOTOS

DESIGN GRÁFICO 15

Esta técnica é largamente utilizada no cinema, em filmagens e fotografias que necessitem dediagramação ou edição posterior, removendo ou alterando fundos.

Em boletins meteorológicos na televisão, esta técnica é muito comum. Note que muitas vezes no momento da notícia, aparecerem mapas animados atrás do apresentador do boletim, entretanto, o mapa mostrado está sobreposto ao fundo Chroma-key.

Está técnica é bem simples. Utiliza uma cor de referência como fundo da imagem, normalmente azul ou verde, mas também pode ser branco. Isso permitirá um recorte imediato na imagem, facilitando bastante o trabalho do designer que precisar remover e editar fundos.

Para realizar este processo, utilize um fundo colorido simples (pode ser de tecido ou até mesmo uma parede colorida de maneira uniforme), deixe objeto a ser fotografado há mais ou menos 4 metros de distância do fundo com a iluminação adequada.

Após isso, para remover ou alterar o fundo, utilize um software de edição de imagens que possua a função de seleção de cor.

Em tempos eleitorais, está técnica é amplamente utilizada em candidatos para montagens impressas de propaganda.Estude no Cedaspy e aprenda a ganhar dinheiro com seus conhecimentos.

ZOOM E ILUMINAÇÃO

TÉCNICA CHROMA-KEY I

TRABALHANDO COM IMAGENS DA INTERNET

É muito comum em trabalhos de designer no Cedaspy ou mesmo em outros projetos que sejam utilizadas imagens retiradas da internet, mas algumas observações devem ser feitas.

• Qualidade da imagemPara que seu trabalho seja bem sucedido, preste atenção na

qualidade da imagem, em sua resolução e se não há marca d´água.

Dê preferência para imagens maiores(Largura x Altura), pois são mais fáceis de serem manipuladas, com perda mínima de qualidade.

• Legalidade para usoTenha sempre cautela ao utilizar em seus trabalhos as imagens

que encontra na internet. Algumas delas possuem proteção jurídica e o autor da obra (imagem) ou até mesmo as pessoas que apareçam na foto podem reivindicar direitos autorais e de uso da imagem, pois já existe lei para isso. Por isso, dê preferência para as que são de domínio público, assim poderá utilizá-las para uso pessoal ou comercial tranquilamente. Abaixo seguem alguns links para imagens de domínio público:

Foto tirada do estúdio Imagem e Marca

Foto tirada do estúdio Imagem e Marca

Foto retirada do site http://maths.ucd.i

DESIGN GRÁFICO16

ATIVIDADES

1) A) Descreva a função das câmeras D-SLR.

________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

B) Qual a utilidade da técnica Chroma-Key?________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

C) O que são e quais as vantagens de utilizar imagens de domínio público?________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

2) Componha sua equipe e com equipamentos digitais (câmera, celular, tablet, etc) tirem fotos pela unidade, aplicando os conceitos básicos para uma boa fotografia:

• Composição de uma boa imagem; • Ajuste de foco; • Iluminação; • Apoio; • Zoom;

Salve essas fotos em uma pasta ou em dispositivo de armazenamento para serem usadas na próxima Aula.

3) Tire foto de cada membro de sua equipe utilizando a técnica Chroma-Key para nossas futuras edições.

________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

DESAFIODescreva os detalhes técnicos de seu equipamento e pesquise na internet mais três outros e seus detalhes técnicos junto com o valor de mercado (cotado em pelo menos 3 orçamentos).

DESIGN GRÁFICO 17

Tratamentos de imagemAula

03 • Conceitos de imagem• Conhecendo o Corel Photo-Paint• Trabalhando com camadas• Recortando imagens

• Tratamento, recuperação e efeitos• Atividades

CONCEITOS DE IMAGEM

Imagem é uma palavra que vem do latim “imãgo” e se refere a figura, representação ou semelhança de alguma outra coisa, bem como pode ser a captura visual de um objeto através de uma pintura ou fotografia. Como a imagem ao lado, que representa o pôr do Sol visto por alguém em um determinado momento.

No decorrer deste módulo, nos ateremos às imagens captadas através de fotografias para podermos trabalhá-las, alterando algumas de suas proprie-dades e as inserindo em nossos trabalhos.

Dentro do conceito de imagem, podemos encontrar dois tipos diferen-tes, que possuem características totalmente diferentes um do outro. Para que possamos entender o funcionamento básico de ambos, vamos nos lembrar da-quelas antigas máquinas fotográficas que utilizavam filme fotográfico e vamos compará-las às câmeras digitais que temos hoje em dia.

Imagem analógica é toda aquela imagem que é capturada através de um processo físico e revelada através de um processo químico. Uma grande vantagem da imagem analógica sobre a digital é a possibilidade de, durante o processo de revelação, poder ampliá-la sem perda de qualidade.

Como podemos verificar na imagem, existe um filme, que é quem vai armazenar as imagens capturadas para depois serem reveladas. Esse filme é chamado de filme fotográfico ou película fotográfica. Esse filme ou película é constituído de material plástico flexível e nele encontramos uma camada bem fina de gelatina que contém cristais sensíveis à luz, que chegam através das lentes da câmera, como vimos na aula passada.

Diferentemente da imagem analógica, a imagem digital é formada por pixels que tentam “imitar” as cores e recriar as formas das imagens que che-gam ao sensor da máquina digital através das lentes das câmeras digitais. Sendo assim, podemos perceber onde encontramos uma diferença entre os dois sistemas de imagem. Por se tratar de um sistema onde a imagem é criada através da união entre pixels, seu redimensionamento se torna limitado, pois ao tentar aumentar o tamanho, a imagem pode ficar pixelizada, perdendo qualida-de, assim como acontece com o zoom digital.

IMAGEM ANALÓGICA

IMAGEM DIGITAL

DESIGN GRÁFICO18

CONHECENDO O COREL PHOTO-PAINT

O Corel Photo-Paint é um software para edição de imagens que, jun-tamente com o Photoshop, seu concorrente da Adobe, é considerado um dos melhores softwares da categoria.

O software faz parte da suíte CorelDRAW e através dele, você pode aplicar efeitos em imagens e melhorar sua qualidade. Um exemplo clássico é aumentar e diminuir a claridade de imagens a fim de torná-las mais visíveis.

Na tela de boas vindas do Corel Photo-‐Paint, você poderá escolher abrir um trabalho editado recentemente ou iniciar um novo documento (entre outras opções).

Ao escolher um Novo Documento em branco, você poderá definir o tamanho do papel, personalizar altura, largura, definir a unidade de medida, além de escolher se o documento terá ou não fundo transparente.

DESIGN GRÁFICO 19

CONHECENDO O COREL PHOTO-PAINT TRABALHANDO COM CAMADAS

RECORTANDO IMAGENS

Durante o processo de edição de uma imagem, muitas vezes nos da-mos conta de que é preciso recortá-la, seja para remover uma área indesejá-vel da imagem ou até mesmo para selecionar um único objeto em especial.

Para poder começar a recortar, primeiro precisamos deixar à mostra a barra de objetos. Na barra de objetos, clicamos com o botão contrário do mou-se sobre o objeto chamado Fundo e, em seguida, devemos clicar em “duplicar seleção”. Após a realização desse passo, o objeto será duplicado e um deles passará a se chamar Objeto 1. Para fazermos o recorte da imagem, excluímos o objeto Fundo e a partir daí, conseguiremos recortar a imagem.

Pronto, agora basta selecionar a ferramenta Máscara de varinha mágica e selecionar os objetos que deseja remover de sua imagem. Após selecioná-los, delete-os. Após remover todos os objetos indesejáveis, clique em “salvar como”, para que o arquivo original não seja alterado.

Ao se trabalhar com softwares de edição de imagens, sempre nos de-paramos com a necessidade de se trabalhar com camadas, a fim de comparar o resultado final ou até mesmo para fazer as famosas montagens.

O objetivo principal de organizar as informações em camadas é o sim-ples fato de tornar cada objeto independente um do outro, possibilitando ocultar objetos que estejam atrapalhando a visualização dos objetos a serem editados.

Uma maneira simples de entender o funcionamento das camadas é imaginar que estamos fazendo a planta baixa de uma casa em folhas de papel vegetal. Na primeira folha, desenhamos as paredes, portas, as janelas da casa e os cômodos. Na segunda folha, desenhamos o sistema hidráulico dessa mesma casa, obedecendo, claro, a estrutura física que já existe na folha de baixo. Depois, em outra folha, desenhamos a rede elétrica e assim, sucessiva-mente.

Como pudemos verificar no processo descrito, são várias camadas que formam um mesmo desenho, porém, que para facilidade de entendimento, posso visualizar cada um dos desenhos separadamente, assim como é mostrado na imagem anterior.

No Corel Photo-Paint, esse processo é bem simples, pois ele possui um sistema objetivo e organizado de apresentar as camadas ao usuário. No software, essa área onde ficam à mostra as camadas é chamada de objetos. Caso ela não esteja aparecendo automaticamente ao abrir o programa, basta clicar com o botão contrário do mouse em cima da imagem que está para ser editada e depois, clicar em objetos. Pronto, a barra de objetos aparece no can-to direito. Como observado, cada objeto é tratado individualmente pelo softwa-re, cada um em sua própria camada.

DESIGN GRÁFICO20

Agora, com a imagem recortada, você pode colocar outro fundo de sua preferência.

Como podemos verificar a imagem à direita possui algumas marcas que nos permitem comprovar que ela é a imagem alterada. Discuta com seu professor sobre esses aspectos.

Acompanhe a imagem ao lado que mostra as duas camadas que foram tratadas individualmente.

Cria uma imagem nova com um fundo transparente.Importe ou cole na área de trabalho do Corel Photo-Paint a imagem que desejar remover o fundo. Para facilitar seu trabalho,escolha a ferramenta mais indicada para o trabalho, a varinha mágica.

Pronto! Agora com fundo transparente, você poderá utilizar a imagem para os mais variados fins, inclusive salvando com a extensão “.png”, manterá na ima-gem este fundo transparente.

Qual é a imagem original?

REMOÇÃO DE FUNDO CHROMA-KEY

DESIGN GRÁFICO 21

Muitas vezes, ao tirarmos uma foto, acabamos notando alguns deta-lhes que precisam ser corrigidos. Para isso, podemos utilizar alguns recursos de tratamento de imagem, ou seja, recursos que vão permitir melhorar as ima-gens que passarão por esse processo. Dentre esses processos, podemos des-tacar os ajustes de brilho e contraste da imagem, bem como a melhoria da niti-dez dessas imagens.

Abaixo, conseguimos verificar duas imagens. Uma representa a ima-gem original. Já na outra, realizamos um tratamento de imagem realizando ajustes no brilho e contraste da imagem. Foi utilizado também ajuste de matiz, saturação e iluminação.

Nem é preciso comentar que a imagem que recebeu tratamento é a que está à direita. Observe a seguir que com simples cliques você consegue aumentar drasticamente a qualidade e vida das suas imagens.

Após selecionar a imagem que receberá o tratamento, clique no menu Ajustar e, então, “Matiz/Saturação/Iluminação...”. Com isso, você irá conseguir alterar a quantidade de cor de cada um desses atributos. O Corel Photo-Paint possui um recurso que permite que seja feita uma pré-visualização do conteú-do que está sendo alterado. Para isso, basta apenas mover um dos controles para a direita ou para a esquerda.

Além do menu“Ajustar”, muitas outras possibilidades de retoques e efeitos você poderá encontrar facilmente nos menus:

• Imagem

TRATAMENTO, RECUPERAÇÃO E EFEITOS

DESIGN GRÁFICO22

• Efeitos

Ter domínio no Corel Photo-Paint está muito além de saber controlar intensidade de luz e cores. Um bom profissional precisa saber também que é possível, através desse software poderosíssimo, recuperar imagens que foram danificadas com o passar do tempo e até mesmo aplicar alguns efeitos, permi-tindo a você “brincar” com as imagens. Para se conseguir o efeito desejado, o profissional da área, assim como qualquer outro profissional, precisa de muita dedicação. É extremamente importante clicar, tentar, errar, tentar de novo e ficar nesse ciclo até conseguir o efeito desejado.

Utilizando a mesma imagem tratada mencionada anteriormente, foi fei-ta uma aplicação de um efeito de textura chamado Parede de tijolos. Como pode ver, o resultado final fica bem interessante. Então, por que não praticar?

DESIGN GRÁFICO 23

ATIVIDADES

1) Converse com seu instrutor sobre o início do fórum de discussões sobre a atividade passada na aula 01.

________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

2) Utilizando o logo oficial do Cedaspy no Corel Photo- Paint, adicione o nome de sua unidade (estilo marca d´água), utilize a técnica de remoção de fundo para realizar o trabalho de inseri-la nas fotos tiradas anteriormente em outras atividades. Após isso, publique as fotos nas redes sociais. Veja os exemplos:

DESIGN GRÁFICO24

Corel Draw é um software de desenho vetorial que trabalha em duas dimensões (largura e altura) e é utilizado na área de design gráfico. É desen-volvido pela Corel Corporation, uma empresa canadense e faz parte do Suíte de Aplicativos Gráficos Corel DRAW. Com ele é possível criar ilustrações veto-riais e o usuário que o domina pode atuar em várias áreas, como publicidade, criando banners, flyers, folders e até cartões de visita. Além de criar artes para desenvolvimento de sites, como botões ícones e layouts.

Atualmente o software se encontra na 16ª edição, mais conhecida co-mo X6 e seu maior concorrente é o Illustrator, comercializado pela Adobe Sys-tems.

A barra de ferramentas é onde encontramos as ferramentas mais básicas que podemos utilizar enquanto trabalharmos com o Corel Draw. Por definição padrão, ela fica localizada no lado esquerdo da janela e apresenta imagens que tornam a busca pelas ferramentas algo intuitivo.

Dentre algumas ferramentas que podemos destacar nesse início, temos a ferramenta seleção, que nos permite selecionar os objetos com os quais vamos trabalhar. Temos também a ferramenta zoom, que permite aproximarmos e afastarmos a visão a fim de observar um detalhe ou até mesmo o objeto como um todo. As ferramentas de forma, que permitem criar formas diversas, como elipses, retângulos, estrelas e polígonos diversos. Para inserir textos, utilizamos a ferramenta texto, uma ferramenta que possui algumas características que serão abordadas na próxima aula e as ferramentas interativas.

O Corel Draw nos permite criar diversos tipos de trabalhos artísticos. Trabalhos estes que podem servir para a divulgação de uma empresa, serviço ou até mesmo para informar sobre um evento. São estes os flyers, folders, car-tões de visita, panfletos. Cada um desses possui um tamanho diferente um do outro e para isso, precisamos saber qual tamanho “de papel” vamos utilizar.

Logo que clicamos em criar um arquivo novo no Corel Draw, ele vai nos solicitar o tamanho da tela que será utilizado no seu trabalho, por isso é extremamente importante saber sobre o que você vai falar, até mesmo para que saiba qual o tamanho ideal.

Existem alguns tamanhos que já são padrão do próprio software, como o tamanho “A4”, o tamanho “Cartão de visita”, entre outros. Porém, caso queira, você pode personalizar esse tamanho, pois nem sempre seu cliente vai querer o padrão. Muitas vezes ele pode solicitar que você faça algo exclusivo, em dimensões exclusivas e é aí onde você precisa escolher os tamanhos que irá trabalhar.

Conhecendo o Corel Draw Aula

04 • Barra de ferramentas• Ajustando o tamanho da tela para o trabalho• Vetores x Bitmaps• Importando arquivos

• Exportando arquivos• Salvando o trabalho• Atividades

BARRA DE FERRAMENTAS

AJUSTANDO O TAMANHO DA TELA PARA O TRABALHO

DESIGN GRÁFICO 25

BARRA DE FERRAMENTAS

AJUSTANDO O TAMANHO DA TELA PARA O TRABALHO

VETORES X BITMAPS

IMPORTANDO ARQUIVOS

Podemos dizer que existem dois tipos básicos de imagem e são eles: Imagem bitmap e imagem vetorial. Porém, qual a diferença entre eles?

As fotografias que tiramos com máquinas ou celulares e imagens escaneadas são exemplos de imagens bitmaps que encontramos. Uma propriedade que marca muito as imagens bitmap é a possibilidade de observar os pixels que a formam ao aproximarmos muito, ou seja, quando damos muito zoom em uma imagem desse tipo, conseguimos ver esses pixels. Observe a imagem do motociclista. Foi dado um zoom de 8x em cima da imagem em seu tamanho original e veja o que aconteceu. Os pixels ficaram todos aparentes.

Ao contrário do que acontece com as imagens formadas por mapas de pixels (bitmaps), as imagens vetoriais são, na verdade, criadas através de descrições geométricas, ou seja, a aproximação da mesma não vai mostrar os pixels que a formam pelo fato de que são feitos cálculos em cima dessas formas geométricas e assim, sempre que é dado um zoom, é realizado um cálculo para que se possa adequar a quantidade de pixels que vão formar essa nova imagem (que no caso, nada mais é que a mesma imagem que antes, porém, aproximada.).

Na imagem que está abaixo, foi dado um zoom. Perceba que os pixels ficam totalmente visíveis. Esta é uma característica de imagens Bitmaps.

Diferentemente do que acontece com a maioria dos programas que você deve ter trabalhado até agora, no Corel Draw, quando você quer trabalhar em cima de uma imagem que você já tem salva em seu computador, você pre-cisa importá-la. Esse processo é simples, porém é extremamente necessário que seja dada a devida atenção a esse procedimento pois caso não o seja fei-to, você corre o risco de não conseguir desenvolver seu trabalho.

Para que se possa trazer para o Corel Draw uma imagem externa, que não esteja na extensão CDR, você precisa acessar o menu Arquivo e clicar em importar. Esse processo precisa ser feito porque assim o Corel Draw entende que você irá trabalhar

em cima de uma imagem bitmap que fora criada a partir de outro meio, que não o próprio Software que você está utilizando. Quando você vai abrir um arquivo com o qual você já estava trabalhando anteriormente, você apenas clica em Arquivo e em Abrir.

Foto motociclista

Já nestas imagens, notamos o poder das imagens vetoriais. Por mais que seja dado o zoom, a imagem não perde resolução

DESIGN GRÁFICO26

EXPORTANDO ARQUIVOS

SALVANDO O TRABALHO

O procedimento de exportar arquivos no Corel Draw é necessário quan-do você precisa salvar seu arquivo em formato diferente do Corel Draw, como em formatos de bitmaps por exemplo (inclusive com fundo transparente, na extensão .png).

É de fundamental importância salvar o seu trabalho periodicamente, pois não sabemos quando a energia elétrica acabará ou quando o computador desligará sozinho, entre outros imprevistos. Evitaremos perder horas de traba-lho realizado quando o salvamos periodicamente. Apesar de parecer (e ser) simples e óbvio, muitas pessoas esquecem de fazê-lo e acabam tendo dores de cabeça por ter o trabalho perdido.

Para realizar essa simples tarefa, clique no menu Arquivo, que fica localizado no canto superior esquerdo da janela e, depois, clique em Salvar (fácil de identificar por possuir uma imagem de disquete). Nesse momento, você ainda pode escolher a versão de compatibilidade do seu arquivo. É possível salvar como se fosse versões anteriores, permitindo

que o mesmo seja aberto num programa com a versão mais antiga. Caso você salve seu trabalho na versão X5, não poderá abrí-la na versão X3, por exemplo, pois só é possível abrir um trabalho realizado no Corel Draw caso este pertença à mesma versão ou a uma inferior do programa que está sendo utilizado no momento.

DESIGN GRÁFICO 27

EXPORTANDO ARQUIVOS

SALVANDO O TRABALHO

ATIVIDADES

1) Abra o Corel Draw, e utilizando as ferramentas geométricas básicas e a ferramenta texto, crie o desenho de um alvo, porém com a palavra SUCESSO em seu centro. Após isso, exporte-o com extensão .PNG e disponibilize a imagem no em seu perfil do Facebook:Seguem exemplos:

2) Desenvolvacom sua criatividade, utilizando formas geométricas, formas básicas e ferramenta texto.Salve como arquivo do Corel Draw e exporte com extensão .JPG para sua pasta de trabalhos:

3) Qual a diferença entre imagens vetoriais e imagens de bitmaps?________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

DESAFIO

Utilizando o Corel Draw e sua imaginação, crie uma imagem motivaci-onal e disponibilize em sua página do Facebook.

DESIGN GRÁFICO28

TipografiaAula

05 • O que são fontes?• Tipografia• Tipos de fontes• Adicionando novas fontes ao Corel Draw

• Tipografia na prática• Inserindo texto no Corel Draw• Atividades

O QUE SÃO FONTES?

TIPOGRAFIA

TIPOS DE FONTES

Uma fonte é um conjunto de características embutidas nos caracteres que vemos apresentadas em nosso computador. Ela descreve o tipo de letra, cor, tamanho, espaçamento, densidade e todas as outras particularidades dos caracteres. Resumindo, tudo isso retrata uma fonte.

Em design, as fontes são de extrema importância para a comunicação, pois algumas transmitem maior tranqüilidade, velocidade, seriedade, sofisticação e etc. Por isso, no momento de iniciar seu trabalho, escolha bem suas fontes.

Tipografia é uma palavra de origem grega, na qual typos = “forma” e graphein = “escrita”. Tipografia é, basicamente, a arte de dar uma forma e uma estrutura a um texto. Seu objetivo principal é, assim como no próprio de-sign gráfico, criar uma ordem estrutural à comunicação impressa.

Como regra, independente do entendimento do texto no qual a tipogra-fia está sendo trabalhada, a tipografia deve permitir que esse texto seja legível e visualmente atraente ao usuário. Algo que deve ser sempre considerado é a legibilidade desse texto, como por exemplo, um texto branco, não faz o menor sentido deixá-lo “jogado” em um fundo também branco ou claro, pois isso difi-cultaria a leitura e é justamente para evitar que esses problemas ocorram que iremos estudar esse assunto no decorrer das próximas páginas.

Em se tratando de tipografia, existem quatro tipos básicos, dos quais todas as fontes partem. São eles Sem serifa, Com serifa, Manuscrito e Desenho. No decorrer desse capítulo, iremos verificar a importância e área de utilização de cada um deles.

As fontes serifadas, ou fontes com serifas, são muito utilizadas quando temos uma grande quantidade de texto, como em um jornal, uma revista ou até mesmo em um livro, pois tem como objetivo passar uma continuidade do texto. Repare como as serifas de uma letra fazem com que ela se aproxime da letra anterior ou posterior,

diminuindo a possibilidade do leitor se perder enquanto lê.

São exemplos de fontes com serifa: Times New Roman, Georgia, Bo-okmanOldStyle, Constantia, entre outras.

FONTES COM SERIFA

DESIGN GRÁFICO 29

O QUE SÃO FONTES?

TIPOGRAFIA

TIPOS DE FONTES

As fontes sem serifas ou, do francês Sans-Serif, são utilizadas princi-palmente em títulos, pois com elas, cada palavra é destacada individualmente. Com isso, é causado um impacto maior na hora da leitura e, com isso, chamar mais a atenção do leitor, até mesmo por serem mais “limpas”.

São exemplos de fontes sem serifa: Arial, Tahoma, Verdana, Corbel, entre outras.

Além das fontes com e sem serifa, temos também as manuscritas, que foram criadas com o objetivo justamente de passar a sensação de que o texto tenha sido manuscrito. É muito comum encontrar esse tipo de fonte em convi-tes de casamento, justamente pelo fato de transmitir elegância. Além de convites, pode ser utilizada para retratar algo histórico, como por exemplo, um texto que faz menção

à descoberta do Brasil. Naquela época, era comum que escrevessem cartas manualmente, já que não contavam com o auxílio da tecnologia para tal tarefa.

Alguns exemplos de fontes manuscritas que podemos destacar são: Lucida Handwriting, Lucida Calligraphy, MonotypeCorsiva, Bradley Hand ITC entre outras

fontes.

O grupo de fontes desenho é composto por todos os outros tipos de fontes que não foram citados acima. Essas fontes servem, geralmente, para passar juntamente com o texto alguma sensação, pois a própria fonte muitas vezes possui formatos diferentes dos encontrados normalmente. Um exemplo clássico é a fonte Disney, que possui formas iguais às utilizadas pela empresa Walt Disney. Com isso,

logo que uma pessoa olha para o texto, vem a ideia de fantasia, ou lembrança da própria Disney.

Para encontrar fontes desenho, faça uma busca rápida utilizando um site de busca com a palavra “Fonte”. Com isso, você pode encontrar sites com milhares de fontes para você fazer download.

Como mencionamos, além de utilizar o vasto acervo de fontes disponibilizado pelo Corel Draw, você pode ainda fazer download de fontes em sites específicos, ampliando asatisfação de seus clientes. Existem fontes que são gratuitas e outras que são comercializadas.

Vamos analisar a seguinte situação, que

você precise desenvolver um trabalho com a fonte utilizada pela escuderia Ferrari (fonte Ferro Rosso), sendo que o Corel Draw por padrão não possui esta fonte. Neste caso, você terá que baixá-la.

Após baixar a fonte, vá até o arquivo, clique com o botão contrário do seu mouse ou touchpad e escolha instalar.

FONTES SEM SERIFA

FONTES MANUSCRITAS

FONTES DESENHO

ADICIONANDO NOVAS FONTES AO COREL DRAW

Imagem oficial escuderia Ferrari

Texto gerado no Corel Draw com fonte oficial baixada da internet

DESIGN GRÁFICO30

Ao lado, alguns sites interessantes para você conhecer e baixar novas fontes, dando maior poder ao seu Corel Draw.

TIPOGRAFIA NA PRÁTICA

INSERINDO TEXTO NO COREL DRAW

Aplicando esses conceitos que vimos até agora, podemos observar no flyer abaixo que esses conceitos foram bem aplicados, visto que foram utiliza-das fontes sem serifa, pois o objetivo era impactar e deixar a leitura mais limpa, além de facilitar a leitura, utilizando o contraste entre as imagens, cores de fun-do e os textos.

Antes de começarmos a criar os nossos trabalhos, devemos ter em mente o que queremos passar. Qual a ideia? Qual a mensagem? Qual o público? De que maneira eu quero atingir meu público? Somente após respon-der essas perguntas é que podemos começar a pensar na tipografia a ser utilizada. Lembrando que tipografia não é apenas a fonte a ser utilizada, mas também é escolher como esse texto será inserido junto com a arte, ou seja, em qual contexto estarão essas palavras.

O importante é saber onde utilizar o tipo de fonte, pois através do texto, conseguimos passar sensações diferentes e isso vai variar de acordo com o contexto. Temos como exemplo as fontes em itálico, que quando empregadas, podem passar sofisticação ou até mesmo sensação de velocidade ao seu tex-to, enquanto que o negrito, pode dar um peso maior.

Existem duas maneiras distintas de inserir texto no Corel Draw. Essas duas maneiras irão se comportar de maneira totalmente diferentes uma da ou-tra.

Primeiramente, podemos apenas inserir uma caixa de texto, na qual o texto irá se comportar como um texto qualquer e você poderá formatá-lo de maneira igual à que você formata seus textos em qualquer editor de textos, alterando a fonte, o tamanho, a cor, o espaçamento. Porém, para trabalhos onde existe uma necessidade de se trabalhar melhor com o texto, ou seja, sem essas limitações impostas por uma simples caixa de texto, nós podemos inserir o que chamamos de texto artístico.

Para inserir uma caixa de texto, basta apenas clicar sobre a ferramenta texto, que está destacada na imagem ao lado e, depois, clicar em uma área qualquer do seu trabalho, segurar o clique e arrastá-lo,

DESIGN GRÁFICO 31

TIPOGRAFIA NA PRÁTICA

INSERINDO TEXTO NO COREL DRAW

escolhendo assim o tamanho desejado da caixa de texto.

Para poder inserir um texto artístico, basta realizar o mesmo procedimento citado acima, porém, ao invés de arrastar o cursor sobre a tela, basta dar apenas um clique e pronto, você tem toda a liberdade para poder trabalhar com esse texto, como se ele fosse uma imagem.

Utilização da caixa de texto

Utilização de texto artístico

O Corel Draw oferece vários efeitos para seus textos, vamos conhecer alguns:

EFEITOS EM TEXTO

DESIGN GRÁFICO32

1) Sendo contratado por uma empresa de tecnologia da informação que revenda equipamentos, seu supervisor solicita cartazes no tamanho A3 (29,7cm de largura x 42cm de altura) para divulgação dos seguintes produtos:

Os cartazes deverão ser salvos em sua pasta e apresentados ao seu instrutor nas extensões .cdr e .png.

2) Pesquise (nome e site para download) sobre as seguintes fontes:

Fonte:__________________________________________________________Download:______________________________________________________

Fonte:__________________________________________________________Download:______________________________________________________

Fonte:__________________________________________________________Download:______________________________________________________

Fonte:__________________________________________________________Download:______________________________________________________

Processador Intel Core i7 Ipad2 Xbox 360

ATIVIDADES

DESIGN GRÁFICO 33

SISTEMAS DE CORES

CONHECENDO A PALETA DE CORES

Ao contrário do que muita gente imagina, existem diversos sistemas de cores, cada um com suas características próprias. Porém, existem dois que são os padrões e os que iremos abordar no decorrer dessa aula. Esses siste-mas são o RGB e o CMYK.

O sistema RGB, abreviatura em inglês de Vermelho (Red), Verde (Green) e Azul (Blue) é um sistema de cores aditivo, ou seja, quando soma-mos as cores que compõe esse sistema, obtemos a cor branca e quando não temos a presença de nenhuma das cores, é criado o preto.

Esse sistema é utilizado principalmente por monitores, televisões e máquinas digitais, pois esse fenômeno acontece apenas quando estamos fa-lando sobre cores provenientes de luzes, ou seja, quando temos todas as luzes acesas, obtemos a cor branca, quando tudo está apagado, temos a cor preta. O que foi dito aqui pode ser comprovado na imagem ao lado. Observe as cores que são formadas nas intersecções das cores básicas desse sistema.

Ao contrário sistema RGB, o sistema CMYK, abreviatura em inglês de Ciano (Cyan), Magenta (Magenta), Amarelo (Yellow) e Preto (Black), é sub-trativo, pois

quando temos a presença de todas as cores que fazem parte do mesmo, obtemos a cor preta, ou seja, quando misturamos as cores, uma acaba subtraindo a outra. Então, quando não temos a presença de nenhuma dessas cores que formam esse sistema, obtemos a cor branca.

A utilização desse sistema se dá, principalmente em mídias impressas, como fotografias, Flyers, folders, banners e demais recursos que precisam passar pelo processo de impressão. Se no sistema RGB essas cores são encontradas devido a fontes luminosas, no CMYK essas cores são provenientes de tintas. Tome como exemplo a sua impressora. Ela não possui dois cartuchos? Um cartucho é completamente preenchido com a cor preta e o outro, com as cores ciano, magenta e amarelo. Se ainda não tinha reparado isso, quando tiver a oportunidade, observe.

Ao utilizar o Corel Draw, notamos que ele possui uma paleta de cores que, a primeira vista, parece bem limitada. Mas existem algumas propriedades nela que iremos descobrir. Observe na parte de baixo da paleta. Ela possui um botão que ao clicado, vai fazer com que essa mesma paleta se “desprenda” da janela e se torne um objeto independente, ao qual você será capaz de movimentá-lo pela janela e, além disso, você poderá visualizar todas as cores que fazem parte dessa paleta.

Além disso, caso você queira escolher cores semelhantes àquela, porém, em outra tonalidade, basta apenas você clicar sobre a cor e manter o botão pressionado. Com isso, surgirá um menu adicional que permitirá a você selecionar outras cores que se aproximam daquela, buscando assim a tonalidade desejada.

Trabalhando com coresAula

06 • Sistemas de cores• Conhecendo a paleta de cores• Cores e Sentidos• Criando objetos coloridos

• Trabalhar com cores no Corel Draw e PhotoPaint• Atividades

DESIGN GRÁFICO34

Outra propriedade importante da paleta de cores do Corel Draw é a possibilidade de conseguir alterar as cores tanto do preenchimento da forma quanto do contorno da mesma. Para isso, basta apenas clicar o botão padrão (Geralmente o esquerdo) para alterar a cor do preenchimento e com o botão contrário (Geralmente o direito) sobre a cor desejada para alterar o contorno do desenho.

É possível adicionar outras paletas de cores. Vá até o menu Janela, opção Paleta de cores. Aparecerá uma lista com diversas paletas. Escolha a que lhe agradar ou a que ajudará seu trabalho.

CORES E SENTIDOS

Cor luminosa, quente e muito forte para atrair a atenção, seja sozinhoou em conjunto com outras cores. É feliz, vibrante, vivo. Desperta luz, alegria, riqueza, esperança, atenção, movimento.

Significa força, virilidade, poder, masculinidade, dinamismo, desafio. É uma cor es-sencialmente quente, transbordante de vida e de agitação. Desperta o desejo, agressividade, fogo, fome, perigo, guerra, força, energia, fúria, dinamismo, paixão.Na polí-tica, a cor vermelha está associada ao espírito revolucionário e no religioso, é a cor da carne e do pecado.

Alegria, vitalidade, prosperidade e sucesso. É uma cor quente resultado das misturas entre cores primárias: vermelho e amarelo. Transborda irradiação e expansão. É aconchegante, quente, íntimo, sofisticado. Representa movimento, festividade, comida, outono.

Representa a natureza, ecologia, meio ambiente, simboliza o dinheiro, a juventude e a prosperidade. É cor que tranquiliza, reconforta situações e acalma ambientes. Utilizada em grande parte dos hospitais e maternidades.

Já se sabe, inclusive pela ciência, que as cores afetam a mente humana, desencadeando reações e comportamentos distintos.

Eles possuem a capacidade de aguçar os sentidos. Podem estimu-lar,acalmar, inquietar, trazer sensações de frio e calor.

Tome como exemplo a rede de restaurantes “fast-food” McDonald´s, reconhecida mundialmente por seus

arcos dourados e por suas cores fortes, amarelo e vermelho.Estas cores são utilizadas para despertar em seus clientes, emoções e comportamentos “matematicamente” esperados. O amarelo, desperta a alegria, o sorriso, conota juventude, é agradável às crianças.

Em contra partida, também desperta o sentimento de inquietação, ansi-edade e mobilidade. Já o vermelho, cor marcante, desperta a fome e a sede. Note que as pessoas não conseguem ficar por muito tempo dentro do McDonald´s pois essas duas cores juntas, despertam a ansiedade de comer cada vez mais rápido e em demasia.

A forte presença destas cores no ambiente,despertam desconforto e in-quietação se visualizadas por longos, fazendo o cliente apenas “entrar, consumir e sair”.

As cores quentes (vermelhos, amarelos e laranjas) tornam os ambientes e projetos mais alegres e informais, enquanto que as cores frias (verdes, azuis e violetas) trarão um ar de sobriedade e tranquilidade. As cores promovem sempre alegria, desejo e identidade.

Como vimos, as cores são amplamente utilizadas na publicidade, propaganda e no design, para gerar comportamentos esperados. Vejamos o que as cores podem transmitir e causar:

DESIGN GRÁFICO 35

CORES E SENTIDOS

CRIANDO OBJETOS COLORIDOS

Tendo em mente o funcionamento da paleta de cores, basta agora colocar em prática esse conhecimento, porém, para isso, precisamos inserir alguns objetos a serem coloridos em nossa área de trabalho do Corel Draw. Para poder inserir alguns objetos, basta selecionar o objeto desejado na barra de ferramentas, clicar no local onde se deseja inseri-lo e, ainda com o botão pressionado, arrastar o cursor do mouse na direção desejada para formar o objeto. No exemplo do cartão de visitas, podemos observar que o logotipo da empresa foi criado, com esse recurso. Então, por que não experimentar?

Depois de realizado esse processo, basta escolher as cores para compor a sua arte, porém, devemos tomar muito cuidado com essa escolha, pois as mesmas precisam fazer parte de um contexto dentro da sua composição, além de que não podemos sobrepor cores de composição. Mas o que são essas cores de composição?

Cores de composição são cores que estão opostas dentro do círculo cromático e uma característica dessas cores é que elas se anulam entre si, podendo formar as cores preto, branco ou tonalidades de cinza. Portanto, quando as utilizamos, acabamos por obter, muitas vezes inconscientemente, resultados não satisfatórios para os nossos trabalhos.

Fique ligado! A escolha das cores influenciará diretamente do resultado final do seu trabalho, positiva ou negativamente.

É a cor que representa proteção, leveza, higiene. Em seu tom marinho, representa o podertotal, a realeza. Homens de alto padrão de negóciosutilizam terno azul-marinho, estimula a criatividade e favorece o exercício de atividades intelectuais.

Muito utilizada no meio místico, esotérico, em assuntos relacionados a espiritualidade. Éa cor da transmutação, magia e introspecção. Obtida através da mistura das cores primárias azul e vermelho.

Simboliza estabilidade, sofisticação, sucesso e qualidade, chuva, máquinas, seriedade, velhice, desânimo, sabedoria. É uma das cores neutras mais perfeitas.Porém um ambiente ou arte excessivamente cinza podem se tornar monótonos.

Inspira seriedade, conforto, segurança. É a cor da cordialidade e da amizade. Simboliza a terra, a madeira, raízes, e também a natureza. Muito usada em combinações com cores fortes.

Concentra todas as cores em si. É altiva, silenciosa, autoritária e dominante. É uma cor que dificilmente é ignorada e despercebida. Simboliza mistério, oculto, pretensão, glamour e sofisticação. Em decoração geralmente é usada em detalhes, ou em combinação com outras cores. A combinação mais clássica é o preto com o branco que significa o encontro perfeito entre duas forças opostas.

Dica: Para criar quadrados e formas simétricas, basta, durante o momento em que está senda arrastada a forma, manter pressionada a tecla [ctrl]. Caso queira fazer com que essa mesma forma seja redimensionada a partir de seu centro, basta apenas segurar a tecla [shift].

DESIGN GRÁFICO36

TRABALHAR COM CORES NO COREL DRAW E COREL PHOTO-PAINT

Para você trabalhar com cores em seus projetos de designer, utilizando os aplicativos Corel Draw e Corel PhotoPaint, será necessário habilitar a paleta de cores, que está geralmente localizada no menu“janela”, permitindo à você escolher o padrão de cores que irá utilizar. Este menu também habilitará para você, todas as janelas inerentes ao software.

Corel PHOTO-PAINT

Corel Draw

DESIGN GRÁFICO 37

TRABALHAR COM CORES NO COREL DRAW E COREL PHOTO-PAINTATIVIDADES

1) Qual a mensagem que essas imagens transmitem? Aborde a escolha das cores em cada uma: a)

________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

b)

________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

DESIGN GRÁFICO38

c)

________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

d)

________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

2) Utilizando o Corel Draw e Corel Photo-Paint, montem imagens que repre-sentem propaganda para cada uma das estações do ano. Salve-as em sua pasta com a extensão “.png”.

DESIGN GRÁFICO 39

Organização é tudoAula

07 • Linhas guia• Ferramenta objetos geométricos• Ferramenta bézier

• Ferramenta forma• Atividades

LINHAS GUIA

As linhas guia servem para nos ajudar a posicionar objetos na composição do nosso trabalho sem que seja necessário contar com a sorte ou, até mesmo, com o “olhômetro”, pois com essas linhas já definidas, exemplificando o local onde serão inseridas as informações, fica mais fácil entender como a sua arte ficará.

Para inserir uma linha guia é muito fácil. Basta apenas clicar sobre uma das réguas (vertical ou horizontal) e arrastá-la para o centro da tela, com isso, é criara uma linha tracejada paralela à régua que você clicou. Feito isso, é só posicioná-la no local que você quiser e pronto, como visto na imagem ao lado, foi criada uma linha guia e agora existe uma base para saber onde posicionar os objetos da sua composição, alinhando-os e posicionando-os no local desejado.

Além de simplesmente clicar na régua e arrastar para criar uma linha guia, existe a possibilidade de clicar com o botão contrário sobre a régua e, depois, em “Configurar linhas-guia...”. Com isso, abrirá um menu no qual você poderá definir algumas configurações das linhas-guia, tais como a cor das mesmas e até mesmo exibi-las ou não.

DESIGN GRÁFICO40

Já na barra de propriedades, o Corel Draw oferece uma vasta possibilidade de formas e objetos geométricos.

Inicio da criação de uma forma fechada com a ferramenta Bézier

Uma das mais flexíveis ferramentas para desenho que o Corel Draw possui. Ela permite desenhar curvas através da colocação de nós (2). Para desenhar uma curva utilizando a esta ferramenta, basta clicar em um ponto inicial, em seguida em um ponto final onde, sem soltar o botão esquerdo do mouse, poderá modelar a curvatura de uma linha.

Além de permitir a criação de linhas com curvaturas, podemos soltar a criatividade e construir formas fechadas.

O Corel Draw oferece ainda formas de legenda, fluxogramas entre outras.

O Corel Draw oferece ainda formas de legenda, fluxogramas entre outras.

FERRAMENTA BÉZIER

FERRAMENTA OBJETOS GEOMÉTRICOS E FORMAS

Quando está sendo desenvolvido um trabalho no Corel Draw, percebemos que a grande maioria dos objetos que compõe essa arte são, em sua maioria, formas geométricas. O Corel Draw possui uma gama de ferramentas que possibilitam a criação de formas geométricas e, ao contrário do que muitos imaginam, é possível sim, criar coisas legais utilizando apenas essas formas (E um pouco de criatividade, é claro).

Ao lado, temos um cartão de visita que, como podemos visualizar, foi feito apenas com as ferramentas retângulo e texto.

DESIGN GRÁFICO 41

FERRAMENTA BÉZIER

ATIVIDADES

1) Qual a utilidade das linhas-guia?________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

2) Como fazer para remover as linhas-guia?________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

3) Crie a palavra VITÓRIA utilizando a ferramenta bézier. Após isso utilize a paleta de cores para dar vida ao seu texto.

________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

4) Desenhe uma logomarca ou logotipo em alta resolução, utilizando as linhas-guia, ferramentas de desenho, texto e formas básicas, como o exemplo a baixo. Exporte como“.png”.

FERRAMENTA OBJETOS GEOMÉTRICOS E FORMAS

DESIGN GRÁFICO42

VetorizaçãoAula

08 • Características• Por que vetorizar uma imagem?• Visão geométrica• Vetorizando passo a passo

• Ferramenta Conta Gotas• Atividades

CARACTERÍSTICAS

POR QUÊ VETORIZAR UMA IMAGEM?

Antes de começar a falar sobre as características da vetorização, precisamos entender o que é um vetor. Para isso, iremos utilizar alguns conceitos matemáticos que irão nos ajudar a entendê-los.

Um vetor é um segmento de reta que possui algumas propriedades que servirão para identificá-lo. Essas propriedades são: origem, direção e intensidade. Com o valor dessas propriedades, somos capazes de identificar um vetor qualquer em meio ao espaço. A partir do momento que temos dois ou mais vetores em um espaço e realizamos algumas operações com os mesmos, bem como soma ou subtração, conseguimos criar formas geométricas. A imagem vetorial é, nada mais nada menos que, o agrupamento de várias dessas formas criadas a partir de vetores.

Como podemos observar na imagem abaixo, temos dois vetores e, com esses dois vetores controlam a distância e amplitude da curva que esses formam.

Quando se está desenvolvendo projetos gráficos, é preciso levar em consideração que uma mesma imagem pode ser utilizada para vários fins. Então, é possível que a mesma imagem seja um logotipo a ser inserido tanto em um cartão de visitas como em um banner ou outdoor. Para que isso possa acontecer sem que a imagem perca qualidade ou resolução, nós precisamos vetorizá-la. É evidente que esses problemas são observados apenas quando precisamos redimensionar uma imagem.

Para que fique fácil compreender, segue abaixo exemplos de duas imagens, uma feita através de pixels, que se tornam aparentes ao ampliarmos essa imagem, e outra vetorial. Sinta a diferença entre elas.

Exemplo de vetor

Vetor

Vetor

Curva formada pelos vetores

Imagem bitmap pixelizada após o zoom.

Imagem vetorial. Não pixeliza independente da quantidade de

zoom.

DESIGN GRÁFICO 43

CARACTERÍSTICAS

VISÃO GEOMÉTRICA

VETORIZAÇÃO PASSO A PASSO

POR QUÊ VETORIZAR UMA IMAGEM?

Sempre que trabalhamos com vetor, temos que levar em consideração que não estamos mais trabalhando com simples imagens formadas por pixels, mas que a partir desse momento, temos em mãos imagens que são formadas por cálculos geométricos e, por isso, é possível que, ao ampliar essa imagem, ela não perca em qualidade. O Corel Draw é uma ferramenta de desenvolvimento gráfico vetorial que nos permite criar esse tipo de imagem.

Ao criar imagens desse tipo, podemos observar que são compostas por variadas formas geométricas, bem como elipses, retângulos, triângulos e, até mesmo, polígonos. Todos eles criados através de vetores que, ao entender que está sendo feita uma alteração em uma das dimensões dessa imagem, começa a recalcular todo o seu tamanho e, assim, não mostrar os pixels que a compõe.

Apesar de parecer complicado vetorizar uma imagem, vamos ver que não é tão complicado quanto parece. Para provar isso, iremos realizar a vetorização de um logotipo que todos nós conhecemos.

Para a realização de tal tarefa, iremos utilizar duas ferramentas básicas: Bézier e Forma. A primeira serve para que possamos criar linhas que servirão de contorno para as formas que iremos vetorizar. A segunda serve justamente para conseguir alterar a forma dessas linhas que criamos a partir da ferramenta de bézier.

Vamos ver a partir de agora como devemos fazer para criar uma vetorização passo a passo:

1° Abra o Corel Draw e importe o arquivo de imagem que pretende vetorizar.

2° Após selecionar o arquivo que pretende vetorizar, dê um clique na área de trabalho do Corel Draw para que a imagem seja inserida com suas dimensões originais, e, antes de começar a fazer qualquer coisa, clique com o botão contrário do mouse sobre a imagem e selecione a opção “Bloquear objeto”, assim, você não corre o risco de mover sua imagem acidentalmente durante o processo de vetorização.

DESIGN GRÁFICO44

3° Dê zoom para facilitar a visualização da imagem que pretende trabalhar e comece sua vetorização criando pontos com a ferramenta bézier. Esses pontos servirão para construir as linhas retas e, posteriormente, as curvas que irão compor o logotipo vetorizado.

4° Através do processo de criação de pontos com a ferramenta Bézier, vá clicando nas arestas da imagem a fim de criar o contorno da cor selecionada. Como pode observar na imagem abaixo, a linha que faz esse contorno é amarela e isso não se deve ao acaso, mas sim ao fato de ser uma cor que a imagem original não possui. Com isso, a nossa vetorização ganha destaque diante da imagem que está sendo vetorizada.

5° Após definir os pontos da imagem que está sendo vetorizada, precisamos selecionar a ferramenta forma para transformar essas linhas retas criadas com a ferramenta de bézier em curva.

Dica: Após selecionar a ferramenta forma, selecione a imagem inteira e transforme tudo em curva, mesmo que algumas retas não precisem ser curvadas. Fazendo isso você evita o transtorno de precisar ficar selecionando linha por linha e tendo que convertê-las.

6° Pronto. Seu trabalho está quase concluído. Agora, basta apenas alterar as cores de contorno e preenchimento das imagens que foram recém-desenhadas e, “Voilà!”, seu trabalho está concluído. Basta apenas comparar com o original para perceber a grande diferença.

DESIGN GRÁFICO 45

Durante o processo de colorir a imagem, pode acontecer de não encontrarmos a cor desejada em nossa paleta de cores padrão. Para que não seja utilizada uma cor que não faça parte das cores da imagem, podemos utilizar a

ferramenta conta gotas. Com isso, pegamos a cor original e, então, podemos utilizá-la em nossa imagem vetorizada.

Após selecionar a ferramenta, basta clicar sobre a cor desejada e, automaticamente, essa cor é adicionada ao balde de preenchimento que pode ser utilizada para pintar a imagem recentemente vetorizada ou criada.

FERRAMENTA CONTA GOTAS

DESIGN GRÁFICO46

1) Em quais situações se faz necessário vetorizar imagens?________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

2) Quais ferramentas o Corel Draw possui para realizar vetorizações?________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

3) Em quais situações devemos utilizar a ferramenta conta gotas?________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

4) Realizando testes para entrar de estagiário em uma empresa de Design ou Comunicação Visual, realize com o máximo profissionalismo a vetorização das imagens abaixo (que deverão ser capturadas na internet), posteriormente exporte-as com extensão “.png” para sua pasta e em seguida, apresente ao seu professor.

ATIVIDADES

DESAFIO

Vetorizar a imagem do Bart Simpson de acordo com o enunciado (deve ser a mesma imagem retirada da internet), respeitando seu padrão de cores.Exporte com extensão “.jpg” e mostre à seu professor.

DESIGN GRÁFICO 47

PapelariaAula

09 • Conceito de Papelaria• Usando cores gradiente• Meu primeiro cartão de visita• Envelopes e papel timbrado

• Pastas• Atividades

A criação da papelaria de uma empresa é fundamental, pois serve para reforçar o emprego da marca e vai transmitir a identidade visual da instituição, com suas cores e formas, além de passar os valores da mesma ao público alvo.

Dentre diversos materiais que fazem parte da papelaria de uma empresa, podemos destacar os mais utilizados, que são o cartão de visitas, envelopes saco, papéis timbrados, blocos de rascunho, etiquetas e pastas.

Antes de começar a desenvolver a papelaria propriamente dita, é preciso prestar atenção em duas etapas que são extremamente importantes para o sucesso do trabalho.

1° - Fazer um estudo profundo do negócio, a fim de encontrar os pontos fortes e fracos, diferenciais, atuação, entre outros. Saber dessas informações vai permitir que possamos conhecer melhor as características da empresa e, a partir daí, escolher a melhor maneira de escolher o as melhores formas e cores;

2° - A criação do conceito visual ou adequação deste conceito à identidade visual da empresa. Aqui, identificamos quais as melhores cores, fontes, símbolos, formas, etc. A partir deste conceito, temos condições de fazer a criação da papelaria completa.

Em determinados momentos pode ser que cores sólidas não satisfaçam suas necessidades na hora de colorir seu objeto. Pode ser necessário utilizar gradientes para conseguir seu objetivo. O Corel Draw oferece diversas possibilidades de preenchimento gradiente.

Para poder começar a criar preenchimentos gradientes devemos, primeiramente, escolher a ferramenta de preenchimento gradiente e, então, configurá-la, assim como na imagem abaixo.

Após a realização desse procedimento, será aberto um menu no qual poderão ser feitas as configurações pertinentes a esse tipo de preenchimento, bem como radial, cônico, linear ou quadrado. Além de escolher as cores que irão compor essa imagem.

CONCEITO DE PAPELARIA

USANDO CORES GRADIENTE

DESIGN GRÁFICO48

Após concluir a configuração dessa etapa, basta clicar em OK e pronto, só escolher os objetos que pretende preencher e o preenchimento estará concluído. Existe uma infinidade de combinações que podem ser realizadas, basta você usar sua criatividade. Além dos preenchimentos que você pode criar, existem tantos outros que já vem padrão, juntamente com o próprio Corel Draw.

CRIANDO UM CARTÃO DE VISITA DO COREL DRAW

Criar um cartão de visitas é, provavelmente, mais simples do que pode parecer. Para que consiga criar o seu primeiro cartão, vamos ver aqui algumas dicas importantes, bem como dimensão do cartão e, até mesmo, tipo de papel a ser utilizado.

Primeiramente, antes de começar a criar o seu cartão, você deve se perguntar: “Qual o objetivo do meu cliente com esse cartão?”. Sendo assim, você poderá escolher o melhor modelo para ele. Basicamente, um cartão de visitas irá trazer formalidade à empresa. Imagine que você está, por exemplo, em um evento divulgando sua marca e, de repente, alguém pede o telefone da sua empresa. Você, sem ter um cartão de visita, pega um pedaço de papel e uma caneta do seu bolso e anota o telefone de sua empresa.

No exemplo anterior sua empresa pode ser a melhor de todas, porém, não irá passar uma boa aparência, ou até mesmo, confiabilidade. Agora, imagina que, aconteceu a mesma coisa do exemplo anterior, mas ao invés de anotar tudo em um pedaço de papel, você entrega um cartão de visita bem elaborado e contendo todas as informações necessárias para que o possível cliente consiga contatá-lo.

Antes de começar a criar um cartão de visita, você precisa primeiramente ter pronto o logo da empresa em alta resolução e os dados a serem apresentados. Após isso, definir qual vai ser o tamanho do cartão. Você pode utilizar o padrão que já vem com o Corel Draw, ou definir o seu tamanho manualmente.

À medida que vem como padrão no Corel é 88,9 mm x 50,8 mm. Porém, não precisa se ater a essas medidas. Você, na verdade, é livre para criar um cartão de visitas no tamanho que quiser, mas antes de escolher um tamanho aleatoriamente, pense se será viável para quem vai recebê-lo, guardar em sua carteira um cartão de visita do tamanho de um papel A4.

MEU PRIMEIRO CARTÃO DE VISITA

DESIGN GRÁFICO 49

A identidade visual de uma empresa não para somente na criação do logotipo e cartão de visitas. É preciso padronizar toda a papelaria da empresa e, a fim de conseguirmos dar continuidade com a padronização dessa papelaria, iremos fazer a criação de envelopes e do papel timbrado.

Para essas criações devemos ter em mente que o ideal é que eles sigam a identidade, ou seja, utilize as mesmas cores e formas que foram definidas no inicio do seu projeto. No exemplo que foi apresentado acima (cartão de visita), por exemplo, temos que observar o que é mais marcante na imagem.

Tendo definido o tamanho do seu cartão, basta agora partir para a criação do mesmo. Para isso, iremos utilizar algumas ferramentas já conhecidas, como a ferramenta retângulo, que servirá para criar a base do cartão. Para criar um retângulo do tamanho exato da área que está pré-definida, basta dar dois cliques sobre a ferramenta.

Outro recurso que iremos utilizar na criação dos cartões de visita é o texto, pois é a partir dele que a pessoa que recebeu o cartão de visita irá localizar o representante da empresa.

Um erro muito comum na hora de desenvolver o cartão de visita é justamente achar que a melhor opção é recheá-lo de imagens e textos. Na verdade, o cartão de visitas tem que ser o mais limpo possível, ou seja, com a menor quantidade de imagens e fontes diferentes possíveis.

Tem que ser dado o maior destaque para o nome da empresa, porém, não pode deixar invisíveis os meios de entrarem em contato com a mesma. Resumindo, no cartão de visita, o pouco é muito e o muito pode acabar estragando tudo. Porém, lembre-se que pensar fora da “caixa” também é interessante e pode lhe render um bom resultado de design.

De maneira profissional, caso você seja contratado para desenvolver cartões de visita para uma empresa ou profissional liberal, verifique seu perfil.

Profissionais como advogados, médicos, contadores, economistas, muitas vezes requerem cores e design mais sóbrio. Já profissionais da área de criação como designers, arquitetos, engenheiros, e até mesmo comerciantes e psicólogos, já possuem uma abertura maior para a criação do cartão de visitas. É fundamental estudar o perfil do seu cliente, estudar as cores e formas a serem utilizadas. Lembre-se que quanto mais original e personalizado for o cartão, melhor será a impressão e satisfação que o cliente terá com seu trabalho ou sua empresa.

MEU PRIMEIRO CARTÃO DE VISITA

ENVELOPES E PAPEL TIMBRADO

Slogan Logotipo da empresa

Meios de contato contato

DESIGN GRÁFICO50

1-) O que são cores gradientes?________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

2-) Onde não são indicados o uso de gradientes?________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

3-) Quais os tipos de gradientes que podemos encontrar no Corel Draw?________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

4-) Qual a função da ferramenta conta-gotas? Dê um exemplo de sua utilização.________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

5-) Qual a importância para uma empresa ou profissional possuir seu próprio cartão de visitas? Quais softwares podemos utilizar para confeccioná-los?

________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

6-) Quais os materiais indicados para confecção de cartões de visita de alto nível?________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

7-) Realize com seu grupo de design, a criação de 3 cartões de visita com seguintes perfis. Exporte-os como “.png” e poste nas redes sociais :

ATIVIDADES

Advocacia Consultório Odontológico Loja de games

DESIGN GRÁFICO 51

Suas ideias na práticaAula

10 • Colocando ideias no papel• Transportando ideias para o Corel Draw

• Ferramenta Preenchimento inteligente• Atividades

Após ser entregue o projeto solicitado pelo cliente, você deverá, antes de abrir qualquer software de edição gráfica, passar para o papel o seu projeto, ou seja, faz um esboço de como irão ficar organizadas as informações depois de digitalizadas. Um bom esboço facilita gigantescamente o processo de criação digital, portanto, não tenha preguiça de fazer e, até mesmo, refazer esse esboço do layout.

É nesse momento que você precisa ser paciente. Faça, refaça e, caso ainda não fique bom, faça novamente. É importante ressaltar que, muitas vezes, nem sempre o que está bom para você está bom para seu cliente também. Por mais que você saiba que o que você está fazendo é o melhor, inclusive para a empresa do seu cliente, tente explicar isso a ele e não impor. Assim, você tem mais chances de ganhar a atenção do mesmo.

Depois de idealizado o projeto, basta apresentar o mesmo ao seu cliente (para apresentar, crie sempre 3 alternativas no mínimo) e, mediante aprovação, começar a trabalhar com essa ideia no próprio Corel Draw, podendo ainda contar com o suporte de outros softwares como Corel PHOTO-PAINT. Devemos ficar atentos quanto ao tamanho da área a ser trabalhada. Pois se não tomarmos cuidado, é possível que comecemos a desenvolver uma arte pensando que será um Outdoor e, quando nos damos conta, percebemos que esse nosso futuro Outdoor é, na verdade, do tamanho de um cartão de visitas.

Todo esse redimensionamento pode ser feito no começo do projeto ou durante o desenvolvimento, não tem problema.

COLOCANDO IDEIAS NO PAPEL

TRANSPORTANDO IDEIAS PARA O COREL DRAW

DESIGN GRÁFICO52

Como você já deve ter reparado, é possível preencher apenas uma forma inteira, o que não é tão interessante no nosso caso. Muitas vezes precisamos preencher um objeto com mais de uma cor, porém, não queremos inserir, também, um preenchimento gradiente. A fim de conseguirmos realizar isso, iremos aprender uma nova ferramenta. A ferramenta preenchimento inteligente.

Com essa ferramenta poderosa, podemos criar novas formas com o simples ato de fazer preenchimentos em interseções de duas formas, como no exemplo abaixo, onde foi aplicado o preenchimento inteligente em três das cinco pontas da estrela.

E depois disso, como foi dito anteriormente, caso você queira, você pode utilizar essa outra forma que foi criada a partir da utilização dessa ferramenta na interseção dessas duas formas, assim como é apresentado na imagem a seguir.

Veja outros exemplos de utilização da ferramenta:

FERRAMENTA PREENCHIMENTO INTELIGENTE

Linha com curvatura dentro de uma elipse a partir da ferramenta Bézier

Através do preenchimento inteligente, é possível colorir qualquer uma das partesna divisão da elipse, transformando-as até em outros objetos.

DESIGN GRÁFICO 53

Após definir qual a área a ser trabalhada, escolha a ferramenta, como mostra a ilustração abaixo.

FERRAMENTA PREENCHIMENTO INTELIGENTE

Definição da cor.

Ferramenta...

Linha com curvatura a partir da ferramenta Bézier Coloração de uma das áreas divididas na arte.

DESIGN GRÁFICO54

Utilizando o preenchimento inteligente e formas básicas, desenvolva as bandeiras abaixo e exporte-as como “.pdf”. Crie posteriormente um painel artístico com todas as imagens criadas.Exporte com extensão .png.

DESAFIO

DESIGN GRÁFICO 55

EmbalagensAula

11 • Estudo sobre embalagens• Criando um rótulo e adesivos

• Ferramentas interativas parte 1• Atividades

Estudos mostram que, hoje em dia, mais de 70% das compras de produtos que ficam organizados em gôndolas são feitas justamente naquele momento chave onde o cliente fica diante dos produtos e faz a sua escolha.

A embalagem se tornou um importante produto de marketing, visto que todos os produtos que encontramos nos mercados, por exemplo, precisam ser embalados. Sendo assim, por que não investir em uma embalagem que vá se destacar perante as outras?

Um estudo realizado no ano 2000, comprovou que a produção, distribuição e utilização de embalagens gera negócios num valor estimado em 500 bilhões de dólares com perspectiva de crescimento.

Se esse estudo apontou que no ano 2000 já havia todo esse investimento, imagina agora, com o aumento do poder de compra das pessoas o que os representantes dessas marcas não fariam para poder chamar a atenção de seus clientes no momento crucial da compra? Realmente é algo a se pensar.

Bom, mas como fazer para criar um rótulo?

Primeiramente, é importante calcular a área em que será aplicado o rótulo, a fim de conseguir identificar o tamanho apropriado para o seu rótulo. Cuidados maiores devem ser tomados caso o rótulo envolva um objeto cilíndrico.

ESTUDO SOBRE EMBALAGENS

CRIANDO UM RÓTULO E ADESIVOS

DESIGN GRÁFICO56

Bom. Vamos ver, a partir de agora, uma maneira de se criar um bom rótulo:

• Primeiramente, escolha a embalagem ideal para comportar o seu produto e, no final, ainda não sobrar muito espaço dentro da mesma;

• Decidido isso, verifique qual a melhor área para aplicar seu rótulo, meça, e mãos à obra;

• Abra o software no qual irá desenvolver esse rótulo e aplique os conceitos que vimos até aqui.

Veja abaixo a criação do rótulo de uma caixa de bombons especiais:

Essa embalagem foi escolhida porque possui um design bonito o suficiente para poder armazenar o nosso produto que, como foi dito anteriormente, é uma caixa de bombons especiais.

A partir de agora, é feita a medida da área onde será aplicado o rótulo (nesse caso, será colocado o rótulo apenas na parte frontal da embalagem).

Primeiramente, foi montada a estrutura básica do rótulo. Como de costume, foi feita a sangria (3 mm). Depois de feita a sangria, foram desenhadas linhas verticais paralelas.

Concluído esse processo, os espaços criados com as linhas verticais foram preenchidos com a ferramenta “Preenchimento inteligente”, que vimos na aula passada e, por fim, no terceiro passo, foram inseridos os textos da embalagem, que no caso foram: Nome da empresa, slogan e endereço.

Outra possibilidade extremamente interessante no Corel Draw é a facilidade para o desenvolvimento de rótulo e adesivos.

No caso de adesivos, inicialmente defina o que deseja adesivar. Você poderá criar adesivos para veículos. Depois disso, escolha seu programa de desenho favorito, pode ser o Corel Draw, Photoshop, Illustrator ou até mesmo o Paint se você souber aproveitar seus recursos. Os programas gráficos servirão para dar uma forma digital a sua imaginação. Não importa muito que você não tenha grandes conhecimentos de programas gráficos.

Imagina, por exemplo desenvolver um adesivo melhorar a aparência de um carro. Parece difícil, porém, não é. Basta apenas soltar a sua criatividade.

EMBALAGEM:

RÓTULO:

ADESIVO:

1 2 3

DESIGN GRÁFICO 57

MISTURAR

Além de um software de edição gráfica, o que você precisará é de uma impressora ou, quem sabe, encontrar uma gráfica que possa imprimir para você. Quem sabe até buscar uma sociedade. Por que não?

Mas você não precisa se restringir a imagens grandes, que vão ocupar grande parte do veículo. Pode criar também adesivos pequenos, que muitas vezes tem maior poder de venda, talvez pelo seu menor valor. Um exemplo disso são os adesivos de marcas famosas relacionadas ao automobilismo. Vai dizer que nunca viu um carro com, pelo menos, uma dessas marcas ao lado.

Veremos a partir de agora algumas ferramentas extremamente importantes do CorelDraw.

CorelDraw. Com a utilização das mesmas, veremos que é possível criar muitas coisas que a princípio, nem podemos imaginar. Para começar, veremos as seguintes ferramentas: Misturar, Contorno, Distorção e Sombreamento.

Os nomes são bastante intuitivos, portanto, vejamos o que é possível fazer com elas.

A ferramenta misturar permite que seja feita uma mistura gradual entre formas e cores distintas, ou seja, uma forma de uma determinada cor será “transformada” em outra forma de outra cor. Esse recurso é bastante utilizado para dar efeitos de iluminação. Observe o exemplo abaixo, onde criamos as duas elipses, sendo uma azul escura e a outra, azul clara. Depois, selecionamos a ferramenta, clicamos na menor elipse e arrastamos para a maior. Pronto, foi criado um efeito de iluminação em uma esfera.

FERRAMENTAS INTERATIVAS PARTE 1

DESIGN GRÁFICO58

CONTORNO

DISTORÇÃO

SOMBREAMENTO

A ferramenta contorno vai possibilitar criar um efeito gradiente controlável em volta de uma forma desenhada. É possível personalizar todo esse contorno.

Essa ferramenta vai permitir a você criar formas curiosas que talvez não conseguisse sem sua utilização. Uma maneira fácil de entender é pensar que o software vai, ao mesmo tempo, segurar todas as bordas da imagem e vai aplicar algum efeito que causará nessa imagem uma alteração em sua forma original.

Observe no exemplo abaixo:

Por fim, temos a ferramenta sombreamento que, como o próprio nome diz, permitirá a criação de efeitos de sombra. Como exemplo, vamos utilizar a imagem que foi criada no exemplo da ferramenta contorno e vamos fazer uso do recurso de sombra.

Perceba que é necessário clicar sobre a imagem e, logo em seguida, arrastar para a direção que quer criar a sombra.

Essa ferramenta pode ser utilizada durante a criação de logotipos diferenciados, principalmente pelo fato de conseguir alcançar curvas e formas diferenciadas.

Barra de configuração do contorno

DESIGN GRÁFICO 59

1-) Por que se deve ter uma atenção especial na hora de desenvolver a embalagem para o produto?________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

2-) Qual o processo a ser realizado para que se consiga desenvolver um bom rótulo?________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

3-) Liste os requisitos básicos para a criação de um adesivo.________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

4-) Onde pode ser aplicada cada uma das ferramentas interativas vistas nessa aula?

DESAFIO

Anderson, Pablo e Pedro são três amigos que tinham um grande sonho. Depois de atuarem no mercado de trabalho por um longo tempo, a fim de adquirir experiência e recursos financeiros, decidiram que estava na hora de abrirem o negócio próprio. Foi o que fizeram.

Abriram a própria padaria e os negócios estão indo muito bem, porém, eles sentem que precisam melhorar na comunicação visual da empresa e, a fim de aumentar a exposição da marca, resolveram contratar uma empresa para desenvolver as embalagens onde serão entregues os pães e os frios.

Com base nas informações, crie um modelo de embalagem para os pães e um para os frios.

________________________________________________________________________________

________________________________________________________________________________

________________________________________________________________________________

________________________________________________________________________________

ATIVIDADES

DESIGN GRÁFICO60

Comunicação visualAula

12 • Ferramentas interativas parte 2• O que é comunicação visual?• Criando o design de uma fachada empresarial

• Projetando uma fachada• Atividades

Como vimos na aula passada, existem diversas ferramentas interativas que vão nos permitir realizar ações especiais para que possamos melhorar a qualidade gráfica dos nossos trabalhos. Nessa aula, iremos ver as três que ficaram faltando. São elas: Envelope, Extrusão e Transparência.

Essa ferramenta é muito útil quando precisamos alterar a forma de um objeto apenas selecionando os seus nós. Para isso, basta selecioná-la e, em seguida, escolher os nós e arrastá-los. Com isso, você irá alterar as formas do objeto escolhido.

Já pensou em criar objetos em 3D utilizando o CorelDraw? Já? Então, agora você consegue fazer isso. Basta utilizar a ferramenta de extrusão. Essa ferramenta possibilitará criar formas em três dimensões.

Acima, observe um passo a passo do funcionamento da ferramenta envelope em ação. Primeiramente, temos um círculo. Depois, selecione a ferramenta envelope e arrastei o nó superior central e, em seguida solte o clique e o que antes era um círculo, se transformou em uma forma diferente.

ENVELOPE

EXTRUSÃO


DESIGN GRÁFICO 61

Concluindo as ferramentas interativas, temos a transparência, que não pelo fato de ser a última deixa de ser importante. Aliás, essa ferramenta é essencial para que se possa aplicar alguns efeitos bem legais em nossos trabalhos. O processo de utilização é bem semelhante ao das vistas anteriormente, porém, além de clicarmos e arrastarmos, precisamos escolher o tipo de transparência que será aplicada como, por exemplo, transparência linear ou transparência radial. Basta praticar para saber o melhor momento de utilizar cada uma delas.

Um exemplo de aplicação: Imagine que você quer utilizar essa imagem como um plano de fundo para o seu texto e que você vai escrever um texto para esse seu amigo que está na foto. Para isso, você precisará deixá-la com um efeito semelhante a aquele desbotado que encontramos no Word. Para isso, basta selecionar a ferramenta transparência, clicar e arrastar sobre a imagem. Após isso, é preciso alterar a propriedade da transparência, deixando-a como uniforme, diferente do padrão, que é linear.

Outro exemplo logo abaixo, utilizando a ferramenta transparência:

Assim como vimos na ferramenta de envelope, basta selecionar a ferramenta a ser utilizada, clicar e arrastar do centro para a direção na qual deseja aplicar o efeito de extrusão.

TRANSPARÊNCIA


DESIGN GRÁFICO62

Comunicação visual é todo meio de comunicação que se dê através de meios visuais, como imagens, desenhos e gráficos.

A utilização de imagens facilita a veiculação de uma informação, visto que consegue atingir o receptor de maneira instantânea, enquanto que uma mensagem apenas textual demoraria um pouco mais. Logo, a utilização de imagens pode ser verificada nos logotipos das grandes empresas, pois basta olhar para eles e pronto, não precisa ser dito nada. Toda aquela bagagem que você tem de conhecimento sobre aquela marca vem à tona.

Observe a imagem abaixo, por exemplo, e veja quantas das marcas vem instantaneamente em sua cabeça:

Viu só? A grande maioria dessas imagens foi assimilada por seu cérebro e, juntamente com o nome da empresa, vieram recordações sobre propagandas, produtos e até slogans dessas empresas.

Isso é resultado de uma estratégia de comunicação visual bem elaborada, pois é somente graças a ela que isso foi possível.

Para começar a desenvolver o projeto de uma fachada, precisamos, primeiramente, entender o que é uma fachada.

A fachada de uma empresa é o conjunto de painéis informativos e/ou publicitários que são criados com o objetivo de identificar a tal empresa para seus clientes, pessoas interessadas no produto ou até mesmo qualquer pessoa que esteja passando na frente do empreendimento.

Assim como tudo que vem sendo detalhado no decorrer dessa apostila, a fachada empresarial precisa seguir a identidade visual da empresa, ou seja, usar a combinação de cores e formas que foram fornecidas (ou acordadas) pelo cliente.

Ao se projetar esse tipo de trabalho temos que tomar mais cuidado ainda que o normal pois, eventualmente, precisaremos levar em consideração portas janelas ou até mesmo obstáculos que impeçam a visualização da fachada pelo cliente, como postes, placas ou árvores.

O QUE É COMUNICAÇÃO VISUAL?

CRIANDO O DESIGN DE UMA FACHADA EMPRESARIAL

DESIGN GRÁFICO 63

Ao se trabalhar com projetos para fachadas empresariais, devemos ter em mente que não é um projeto do tamanho de uma folha A4. Aliás, esse é um erro que muitos iniciantes acabam cometendo. Não percebem que estão lidando com algo maior. Antes de começar o projeto no Corel Draw, é preciso saber, primeiramente a dimensão da área na qual será aplicada a arte para, só então, começarmos realmente a trabalhar no mesmo.

O que não se pode deixar de lado no desenvolvimento do projeto são as linhas guia, pois com elas você irá marcar toda a área e já saber previamente onde ficarão posicionados os objetos desejados.

Após retirarmos as linhas guia podemos ver como ficou realmente a nossa fachada. Perceba a simplicidade das formas e cores escolhidas. Deixar o trabalho com uma aparência limpa faz toda a diferença.

O QUE É COMUNICAÇÃO VISUAL?

PROJETANDO UMA FACHADA

CRIANDO O DESIGN DE UMA FACHADA EMPRESARIAL

DESIGN GRÁFICO64

01) Desenvolva um outdoor para divulgar sua unidade do Cedaspy, utilizando para isto, a imagem abaixo (facilmente encontrada na internet) em máxima resolução. Em seguida, apresente ao seu professor.

02) A partir da imagem abaixo, crie 2 diferentes fachadas para ocupar o espaço que você achar adequado.

3-) Crie uma fachada para empresas dos seguintes ramos:

PIZZARIA TEMAKERIA

ATIVIDADES

DESIGN GRÁFICO 65

Existe uma grande diferença entre um Flyer e um Folder, porém, apesar disso, as pessoas acabam fazendo uma grande confusão entre eles. É certo que após tem a função de passar informações a um público em específico, porém, cada um tem uma maneira particular de cumprir esse papel.

O flyer, por exemplo, tem o objetivo de informar um evento que tem data, hora e local exatos para acontecer. Além disso, no flyer deve ser apresentada a atração principal do evento e possíveis eventos paralelos. Um detalhe importante é que o flyer geralmente é impresso em frente e verso, porém, isso não é uma

regra. Existem flyers que podem ocupar apenas a frente, mas isso deve ser evitado.

Já o folder é muito utilizado em situações onde é necessário, além de informar um evento, passar grande quantidade de informações. Apesar de ser semelhante ao flyer, o folder possui outra particularidade, que é o fato de possuir algumas dobras. Um bom exemplo da utilização de folder é quando temos alguma campanha em nossas cidades como, por exemplo, campanha da vacinação, campanha contra a dengue, campanha contra a raiva, entre outras.

Antes de começar a criar um flyer, tenha em mente o tipo de evento que será realizado e qual o objetivo da empresa ao entregar esse flyer. Depois de pensado no objetivo, escolha a dimensão que será utilizada. Existem algumas dimensões que são consideradas medidas padrão, como por exemplo, 20cm x 10cm, porém, não é necessário ficar preso a essas medidas. Então, liberte sua criatividade e não se prenda a esses padrões. Porém, ao utilizar uma imagem, esteja ciente de que essa imagem precisa ter uma boa resolução. Ou seja, nada de imagens pequenas demais, pois isso pode acabar com seu trabalho pixelizando as imagens. Para o exemplo da criação que veremos aqui, será utilizado o tamanho A6, que representa um quarto de uma folha de sulfite (metade da metade).

FLYERS X FOLDERS

CRIANDO UM FLYER PASSO A PASSO

Design surpreendenteAula

13 • Flyers x Folders• Criando um Flyer passo a passo

• Criando um Folder passo a passo• Atividades

DESIGN GRÁFICO66

Selecione o tamanho do flyer. Agora, insira uma imagem que ficará como plano de fundo. Para isso, clique no meu Arquivo, depois em importar.

Após importar a imagem que deixará como fundo, precisamos encontrar uma maneira de deixá-la do tamanho exato do meu flyer sem distorcê-la. Para isso, utilizaremos um recurso bem interessante do Corel Draw, que se chama Power Clip.

Para poder criar o efeito Power Clip, primeiro precisamos criar um retângulo do tamanho do total do meu flyer, então, selecionar a imagem, clicar no menu Efeitos, Power Clip e depois em Colocar em recipiente. Com isso, o cursor se transformará em uma seta preta. Clique no retângulo que acabamos de desenhar. Pronto, sua imagem já foi colocada dentro do objeto desenhado.

Não podemos nos esquecer de que é necessário criar a margem de segurança e a sangria. Lembre-se que a margem de segurança é aquela que fica na parte interna da nossa arte, impedindo que os textos saiam cortados e a sangria é aquela que fica na parte externa da mesma, evitando que sobre algum filete branco no caso do corte não sair perfeito. Porém, o plano de fundo deve ocupar, inclusive a área entre o limite que existe da arte e a margem de segurança, justamente para que essa margem possa fazer jus ao seu nome. Observe o exemplo da imagem.

DESIGN GRÁFICO 67

Tomados esses cuidados, basta agora apenas inserir as informações do seu evento e, pronto, o flyer está concluído.

Como foi observado no exemplo acima, foram respeitadas a margem e a sangria. Mas o que foi acrescentado de especial nesse flyer? Nada de mais, apenas o logotipo da empresa que está organizando o evento (Prefeitura de Santos), um texto artístico logo abaixo e no rodapé, informações sobre data, local e horário do evento

Como você viu acima, criar um flyer é bem mais simples do que parece e com o folder, a situação não é diferente. Porém, ao se tratar de folder, temos que ter um cuidado especial, pois o mesmo possui algumas dobras e a falta de atenção nesse quesito pode comprometer todo o trabalho. Para o folder, iremos utilizar uma medida tradicional que é o tamanho A4 (297 mm x 210 mm).

O primeiro passo é dividir a nossa área de trabalho em três partes iguais. Para isso, utilizaremos uma conta bem simples: 297 mm ÷3 =99 mm.

Com isso, temos que cada parte do meu folder irá possuir 99 mm. Iremos, então, marcar essas três partes utilizando as linhas guia e, depois, colocaremos as linhas guia para marcar a margem de segurança e a sangria.

O resultado obtido será semelhante a esse:

CRIANDO UM FOLDER PASSO A PASSO

DESIGN GRÁFICO68

Como já foi dito anteriormente, o folder possui frente e verso e é muito utilizado quando queremos passar uma grande quantidade de informações sobre um determinado evento, como por exemplo, dia da vacinação contra a gripe para os idosos. Portanto, saber identificar cada uma das partes do folder é fundamental. Então, vamos lá.

Mais adiante será apresentada uma imagem que irá apresentar a disposição na qual devemos organizar as informações em nosso folder.

Os números (de 1 a 6) seguem a sequência de partes do folder aberto. Já as letras (de A a F) mostram a sequência de leitura do mesmo.

A mensagem que passaremos deve seguir a disposição das letras, porém, deve ser diagramado segundo a sequência dos números.

Vejamos, então, o que deve ser colocado em cada uma das partes:

A – Capa do folder: Merece toda a atenção e dedicação. É aqui que nós precisamos ter a maior atenção, pois é justamente aqui que nosso cliente terá o primeiro contato com o folder, portanto, ele deve possuir o logotipo da empresa e, também, será feita a chamada para o evento.

F – Verso do folder: Não iremos seguir a ordem alfabética. Nesse caso, seguiremos a ordem de importância de cada uma das partes do folder. A letra F é o verso do folder, que deve apresentar, obrigatoriamente, as informações de contato com o cliente, bem como telefone, endereço, site, e-mail, mapa, entre outras maneiras de entrar em contato com o mesmo.

C – Parte interna de destaque: O local C será apresentado assim que o folder for aberto, por isso é um lugar que merece destaque. Aqui, deverá ser apresentado o principal produto da empresa, ou o foco da sua campanha.

Perceba que até agora estivemos trabalhando apenas na parte externa do nosso folder. Cada um dos setores que nós trabalhamos até agora pode ser apresentado como um setor totalmente independente do outro, porém, a partir de agora, trataremos das partes remanescentes (B, D e E). E essas partes sim serão tratadas como um único objeto e é aqui que devemos ter o maior cuidado, pois as cores e formas devem estar em completa harmonia. Vale ressaltar que não é necessário inserir apenas uma imagem de fundo no folder, mas que as imagens que forem inseridas devem se combinar harmonicamente.

DESIGN GRÁFICO 69

Admitido como estagiário temporário em uma agência de turismo de sua região, o dono lhe oferece os seguintes projetos a desenvolver e de acordo com o resultado do trabalho, você poderá ser efetivado no cargo. Traga os dois projetos impressos em papéis adequados na próxima aula. Entregue ao seu professor. Exemplos abaixo:

a) Folder sobre pontos turísticos de sua região;

b) Flyer de um evento típico que ocorra também em sua região;

DESAFIO

DESIGN GRÁFICO70

Ao contrário do que se imagina de um web designer hoje é dia não é só aquele profissional que tem que cuidar da aparência do site. Não é aquele que tem como única função ficar atento às cores e formas do site. Essa época já passou. Hoje em dia, um web designer precisa ser um profissional completo.

Segundo levantamento realizado pelo site Tecmundo, um importante site de tecnologia, os Webdesigners são os profissionais da área de tecnologia que mais precisam se atualizar para atuar no mercado.

Uma vantagem de precisar ser um profissional versátil é a possibilidade de atuar nesse mercado cada vez mais competitivo por conta própria, como autônomo ou até mesmo, freelancer. Caso não queira trabalhar por conta própria, o web designer pode trabalhar em praticamente qualquer empresa que tenha, pelo menos, um setor de web.

Existe uma palavra na língua japonesa que é “dantotsu”. Essa palavra significa “lutar para se tornar o melhor do melhor” através de um processo de aprimoramento através da procura, encontro e superação dos pontos fortes dos principais concorrentes.

Devido à estreita competitividade entre as grandes empresas do nosso planeta, identificou-se que seria necessário buscar uma nova abordagem e um novo planejamento estratégico. Nas últimas décadas esse novo conceito, chamado benchmarking, se tornou forte e passou a produzir resultados interessantes em empresas como a Xerox (Pioneira na implantação), a Ford e a IBM.

O benchmarking consiste em um processo no qual é feita uma análise dos principais concorrentes da sua empresa e, então, são absorvidas as principais qualidades, a fim de implementá-las em sua empresa.

O WEB DESIGNER HOJE

BENCHMARKING

Mundo web designerAula

14 • O web designer hoje• Benchmarking• Desenhando o site

• Desenvolvendo o design no Corel Draw• Atividades

DESIGN GRÁFICO 71

Vantagens que observamos ao implementar o benchmarking:

• Melhorar o conhecimento da sua própria organização, bem como pontos a serem melhorados;• Identificar áreas que precisam ser observadas mais de perto e, consequentemente, passar por melhorias;• Estabelecer objetivos que sejam mais viáveis e que estejam de acordo com a realidade da instituição;• Favorecer um melhor conhecimento dos concorrentes e do nível competitivo do mercado;• Aprender com os melhores.

Sendo assim, podemos dizer que mais do que uma palavra mágica, o benchmarking é um conceito que está alterando consideravelmente o enfoque da administração, onde o mesmo é composto de atributos que determinarão o sucesso ou ainda a sobrevivência das empresas.

Vamos ver agora como desenhar o projeto do seu site para depois poder passar para o Corel Draw e, enfim, criar sua primeira página da web. Primeiramente, você precisa criar um esboço para saber como irá ficar o layout do seu site antes de criar o layout final. Para isso, você pode usar o meio que você quiser. Pode ser desde papel e caneta até mesmo o próprio Paint. No nosso caso, iremos utilizar a segunda opção.

Perceba que é apenas um rascunho bem básico e sem nenhuma informação ainda colocada no site, mas apenas um modelo que seguiremos para criar o layout do site, porém utilizando agora um software de edição gráfica que permitirá criar um ambiente mais agradável para o usuário.

Vamos agora tomar como base o modelo que criamos acima para poder desenvolver o design do nosso site.Mas antes de sair desenhando linhas e formas no Corel Draw, precisa tomar cuidado com as dimensões da

imagem, assim como tomamos na hora de desenvolver o flyer e o folder. Porém, não tem como sabermos como nosso site será apresentado para nosso usuário, afinal, cada usuário possui um monitor de tamanho e resoluções diferentes uns dos outros. Então, como resolver esse problema?

O WEB DESIGNER HOJEDESENHANDO O SITE

DESENVOLVENDO O DESIGN NO COREL DRAW

BENCHMARKING

DESIGN GRÁFICO72

A atual geração de monitores tem resolução mínima de 1024 x 768 pixels. Sendo assim, temos sabemos que a largura do nosso site não pode passar de 1024 pixels. Porém, para evitar que sejam criadas barras de rolagem na horizontal, vamos adotar um padrão de 960 pixels de largura. Com relação à altura, não precisamos nos preocupar porque barra de rolagem na vertical não é um problema.

Sendo assim, nosso primeiro passo é configurar o tamanho da área que iremos trabalhar no Corel. No caso desse exemplo, trabalharemos com 960 x 720 pixels.

Após essa configuração, devemos inserir nossas linhas guias a fim de marcar as diferentes áreas que separamos na hora de fazer o projeto base.Depois de marcadas as áreas e inserida a cor de fundo e alguns recursos, teremos um resultado próximo disso:

É importante reparar que algumas coisas já mudaram se compararmos com o projeto original, mas isso é normal de acontecer. Quando você faz um projeto, não é possível prever tudo, então, o desenvolvimento se encarrega de causar algumas pequenas mudanças. Mas não é por isso que deverá mudar o projeto todo também.

Com as áreas já definidas, só concretizar o que falta. Repare que onde está aquela faixa rosa, ficará o menu interativo onde o usuário poderá navegar entre as páginas do seu site. Logo abaixo dos menus serão inseridos dois retângulos com os cantos arredondados. São nessas formas que serão inseridas as informações de cada uma das páginas.

Pronto, feitos os ajustes, teremos algo parecido com isso:

E aí, pronto para começar o seu layout?

DESIGN GRÁFICO 73

1-) Como o significado de “dantotsu” poderá fortalecer sua carreira?________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

2-) Qual a área mais atrativa para você, Web Design ou Design Gráfico? Por quê?________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

3-) O que é benchmarking e qual sua importância?________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

4-) Qual unidade de medida devemos utilizar no Corel Draw para criar layouts para sites?

a)cm b)mm c)px d)m e)” f)dd

DESAFIO

Desenvolva um layout de site para uma empresa de comunicação visual.

________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ ________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ ________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

ATIVIDADES

DESIGN GRÁFICO74

Conhecer os processos gráficos de impressão antes de enviar seus arquivos para uma gráfica é fundamental. Além disso, é extremamente importante conhecer os processos de impressão até mesmo na hora de definir melhor meio de impressão para sua arte, além de obter prazos e custos para impressão.

Vejamos então uma lista com os métodos de impressão mais utilizados pelas gráficas e suas principais características.

É o método mais comum da indústria gráfica é também o mais utilizado pela maioria das empresas que prestam serviços de impressão em grandesquantidades.

A impressão offset é uma ótima opção quando é necessário economia. O sistema de impressão utiliza a imagem gravada em uma chapa de metal transferindo a tinta para o papel através de cilindros de borracha.

Desde o surgimento da impressão digital, ela tem ganhado espaço no mercado gráfico, por sua agilidade e também pela facilidade do processo de impressão. O que comprova isso é o fato de que as imagens são transferidas diretamente do computador para o papel, de maneira semelhante às impressoras pessoais que temos em casa.

A impressão tipográfica utiliza o conceito de impressão em relevo. Mas como assim?

A imagem a ser impressa é gerada em uma superfície e depois transferida para o papel. Aos poucos esse método está se tornando obsoleto, ficando ultrapassado pelos métodos atuais que dão mais agilidade e recursos na produção gráfica.

OFFSET

IMPRESSÃO DIGITAL

IMPRESSÃO TIPOGRÁFICA

TIPOS DE IMPRESSÃO

Fechamento de arquivoAula

15 • Tipos de Impressão• Fechamento para visualização• Configurando para impressão

• Fechando um arquivo• Atividades

DESIGN GRÁFICO 75

Conhecida também como impressão a laser, a impressão eletrostática consiste em um processo semelhante ao utilizado por máquinas de fotocópia (xerox), pois a imagem é transferida para o papel através do calor, e assim como a impressão digital, é indicada para produção de pequenas quantidades.

A serigrafia é um dos métodos de impressão mais antigos desta lista e, assim como a impressão tipográfica, tem perdido bastante de seu destaque devido aos avanços tecnológicos do setor, mas ainda é mito utilizado na produção de brindes camisas, estamparia em geral. Na serigrafia a imagem é gravada em uma tela de tecido, por meio de emulsões e posteriormente transferida para o papel ou a peça a ser personalizada.

Antes de mandar imprimir nosso arquivo, precisamos saber como o mesmo ficará ao ser impresso, por isso, devemos visualizá-lo fora do ambiente do Corel Draw. Para realizar esse procedimento, basta clicar no menu Arquivo e, em seguida, Visualizar impressão. Com isso, o próprio Corel Draw se encarregará de exibir no monitor seu trabalho da maneira como será impresso, facilitando assim a visualização de falhas, a fim de corrigi-las antes de mandar imprimir.

Observe na sequência de imagens a importância de se pré visualizar seu trabalho antes de imprimir.

Observe que na última imagem, é mostrada no próprio Corel Draw como a imagem ficará após a impressão. Note que uma linha tracejada “corta” a imagem na parte de cima e na lateral esquerda. Isso se deve ao fato da imagem ultrapassar o limite para impressão.

Depois de ter certeza que seu trabalho se enquadrou dentro da área de impressão, é preciso configurar o arquivo para que ele possa ser impresso. Isso se deve ao fato de que as gráficas trabalham com um padrão de arquivos diferente do que estamos acostumados a utilizar.

IMPRESSÃO ELETROSTÁTICA

SERIGRAFIATIPOS DE IMPRESSÃO

FECHAMENTO PARA VISUALIZAÇÃO

CONFIGURANDO PARA IMPRESSÃO

DESIGN GRÁFICO76

Para não correr o risco de não ter a fonte do seu texto trocada no momento da impressão (Sim, isso ocorre com muita frequência quando não se realiza o procedimento correto), iremos converter todos os textos em curvas. Com isso, não correremos o risco da gráfica não ter aquela fonte que utilizamos em nossa composição. Para fazer isso, clique com o botão contrário do mouse sobre o texto e, em seguida, clique em Converter em curvas.

Além disso, é extremamente importante alterar o sistema de cores utilizado nas nossas imagens. Lembra quando falamos sobre isso? Se não lembra, dê uma olhada na “Aula 6”. Para que a impressão atinja a qualidade esperada, devemos utilizar o sistema de cores CMYK. Para converter nossas imagens para CMYK, selecione-a e acesse o menu Bitmap. Feito isso, clique em Converter em Bitmap.

Abrirá o menu apresentado na imagem ao lado. Nesse menu, conseguimos configurar algumas propriedades da nossa imagem, tais como a resolução, que nunca deve ficar abaixo de 300 dpi e o sistema de cor, que como já foi citado, deve estar em CMYK. Selecionadas as opções, basta clicar em OK. Faça isso para todas as imagens e pronto, nosso arquivo está pronto para ser fechado.

Fechar um arquivo é nada mais que deixá-lo pronto para a impressão. Existem diversas maneiras de fazer esse fechamento, porém, aqui iremos abordar as duas maneiras principais.

A fim de manter as propriedades originais de todas as formas e cores, iremos exportar nosso arquivo utilizando o formato PDF.

Atenção: Para que possa ser feita a visualização do PDF é necessário que no computador tenha instalado algum leitor de PDF, como por exemplo, o Acrobat Reader ou o Foxit Reader.

PDF

FECHANDO UM ARQUIVO

DESIGN GRÁFICO 77

Estando ciente de que possui um leitor de PDF instalado em seu computador, clique no menu Arquivo e, logo em seguida, exportar. Agora, escolha o formato PDF e clique em exportar. Pronto!

Agora que concluiu esse processo, será gerado um arquivo PDF na pasta que você escolheu. Agora, só levar seu arquivo PDF para a gráfica e aguardar o prazo de impressão.

Um meio comum de fechar o arquivo é deixar em CDR. Porém, esse formato só deve ser utilizado caso vá solicitar a impressão em uma gráfica de confiança, pois o conteúdo do arquivo ficará exposto para alterações. Uma vantagem é que, caso ajam inconformidades no arquivo, o responsável pela impressão poderá fazer as devidas alterações.

Após certificar-se de que todos os procedimentos de configuração para impressão já foram realizados, salver seu arquivo no formato padrão do Corel Draw (CDR) e enviar esse arquivo para a gráfica.

A fim de evitar problemas de compatibilidade, basta você salvar seu trabalho em versão de compatibilidade. Para isso, clique no menu “Arquivo” e depois em “Salvar como...”. Selecione a versão do Corel Draw compatível com o da gráfica e é só salvar. Agora sim seu arquivo está pronto para a impressão.

Atenção:No processo de salvamento do arquivo, tome cuidado com a versão do Corel Draw da empresa que irá fazer a impressão, pois se a versão for inferior à do seu Corel Draw, o arquivo não abrirá.

CDR

FECHANDO UM ARQUIVO

DESIGN GRÁFICO78

1-) Quais devem ser os cuidados ao enviar um trabalho para ser impresso em uma gráfica?________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

2-) Qual o padrão de cores deverá ser definido para trabalhos que serão enviados à gráfica? ________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

3-) Quais as vantagens e desvantagens de enviar à gráfica um arquivo no formato “.cdr”?________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

4-)Comente com suas palavras sobre os processos gráficos de impressão.________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ ________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________ ________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

5-) Comente sobre fechamento de arquivos.________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________

DESAFIO

Crie uma arte para divulgar sua unidade do Cedaspy.

ATIVIDADES

DESIGN GRÁFICO 79

ANOTAÇÕES ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________ ___________________________________________________________________

design 2013 - cedaspy manaus

Education