COFFEE BREAK!!: CRIAÇÃO DE UM CARTAZ COM INKSCAPE



Documentos relacionados
CRIAÇÃO DE TIME-LAPSES COM OTTOGRAPHER

O TUX VAI À ESCOLA: UMA INTRODUÇÃO À EDIÇÃO DE IMAGEM COM O GIMP

Expandindo as funcionalidades do GIMP

OBJECTIVO Aplicação de fórmulas

MICROSOFT POWERPOINT

Bem-vindo ao CorelDRAW, um programa abrangente de desenho e design gráfico baseado em vetor para o profissional gráfico.

ZS Rest. Manual Profissional. BackOffice Mapa de Mesas. v2011

Tecnologias da Informação e Comunicação: Sistema Operativo em Ambiente Gráfico

Manipulação de Células, linhas e Colunas

Trabalhar com Layers em Photoshop

Sistema Operativo em Ambiente Gráfico

Aplicações de Escritório Electrónico

UNIDADE 2: Sistema Operativo em Ambiente Gráfico

GeoMafra SIG Municipal

CRIAR UMA ANIMAÇÃO BÁSICA NO FLASH MX

Usando o Excel ESTATÍSTICA. A Janela do Excel Barra de título. Barra de menus. Barra de ferramentas padrão e de formatação.

GeoMafra Portal Geográfico

FICHA ORIENTADA Nº1. Barra de fórmulas. Área de trabalho T E C N O L O G I A S D E I N F O R M A Ç Ã O E C O M U N I C A Ç Ã O

Ferramentas Web, Web 2.0 e Software Livre em EVT

Os elementos básicos do Word

Alguns truques do Excel. 1- Títulos com inclinação. 2- Preencha automaticamente células em branco

Software de Edição e Output ADOBE ILLUSTRATOR E SILHOUETTE STUDIO. File > Open > Escolher a pasta ou local onde se encontre o ficheiro

Oficina de Construção de Páginas Web

Neste tutorial irá criar uma animação simples com base num desenho do Mechanical Desktop.

PS02_02-08: Exercícios: Photoshop CS3. Objetivo: FERRAMENTAS DE PINTURA. 1) Abra um novo arquivo e altere os valores para a seguinte configuração:

Domine o Word Professor: Rafael Henriques. Ano Lectivo 2010/2011

Ambiente de trabalho. Configurações. Acessórios

APLICATIVOS GRÁFICOS (AULA 6)

Curso de Adobe Illustrator CS2

ZS Rest. Manual Avançado. Monitor de Publicidade. v2011

Centro de Competência Entre Mar e Serra. Guia

Utilizar o Microsoft Offi ce OneNote 2003: Iniciação rápida

Como produzir um texto no computador.

Microsoft Windows. Aspectos gerais

Pesquisa e organização de informação

PROGRAMAÇÃO Microsoft WINDOWS XP

Escolas de Montalegre Escola Básica e Secundária de Montalegre (sede) Montalegre. Utilizar o WordPad

De seguida vamos importar a imagem da lupa File > Import e abrir a imagem Lupa.png que está no Cd-rom.

GUIA DE CRIAÇÃO DE APRESENTAÇÕES MICROSOFT POWER POINT

Como Fazer um Vídeo no Windows Movie Maker

BREVE TUTORIAL DO PAINT PARTE I Prof. Reginaldo Brito - Informática

1. Criar uma nova apresentação

Bem-vindo ao CorelDRAW, um programa abrangente de desenho e design gráfico baseado em vetor para o profissional gráfico.

Microsoft Word INTRODUÇÃO

ÍNDICE... 2 INTRODUÇÃO... 4

Altere o modo de mesclagem do círculo com o efeito para Multiply na paleta Transparency, em seguida, reduza a opacidade para cerca de 15%.

No nosso exemplo, utilizámos apenas um braço e uma perna, que

Criar um formulário do tipo Diálogo modal ; Alterar a cor de fundo de um formulário; Inserir botões de comando e caixas de texto;

No final desta sessão o formando deverá ser capaz de aceder ao Word e iniciar um novo documento.

Quadros Interactivos CLASUS

Manual de Utilização. Site Manager. Tecnologia ao serviço do Mundo Rural

Como incluir artigos:

Bem-vindo ao CorelDRAW, um programa abrangente de desenho e design gráfico baseado em vetor para o profissional gráfico.

Prof. Sandrina Correia

Ensinar o conceito de regressão linear com o Geogebra

Sistema Operativo em Ambiente Gráfico

&XUVRGH,QWURGXomRDR (GLWRUGH3ODQLOKDV([FHO

OBJECTIVO Primeiros passos no processamento de texto

IMAGEM REFLECTIDA NA ÁGUA

Ferramentas Web, Web 2.0 e Software Livre em EVT

Janelas e seus elementos

Tutorial Paint Brush

Crie um novo documento de mais ou menos 300x300Selecione a ferramenta Elipse tool (elipse U)

Aplicações de Escritório Electrónico

Microsoft PowerPoint

LeYa Educação Digital

Uruaçu Professoras Formadoras do NTE Uruaçu

MICROSOFT ACCESS MICROSOFT ACCESS. Professor Rafael Vieira Professor Rafael Vieira

WINDOWS. O Windows funciona como um Sistema Operativo, responsável pelo arranque do computador.

FOLHA DE CÁLCULO EXCEL

1. Abrir o Processador de Texto - Microsoft Word 1.1. Clique no botão Iniciar, comando Todos os Programas e escolha Microsoft Word.

Mozart de Melo Alves Júnior

TUTORIAL CORTADORA LASER. Software de Edição e Output ADOBE ILLUSTRATOR. 1. Abrir o programa ADOBE ILLUSTRATOR localizado na barra de tarefas

Tratamento de Dados Utilizando o SciDAVis Tutorial Parte 1 Como construir um gráfico e fazer um ajuste linear

Windows Live Movie Maker

SUMÁRIO TUTORIAL DO HQ. 2 DICAS PEDAGÓGICAS:. 2 DOWNLOAD DA INSTALAÇÃO. 2 PASSO 1 FORMULÁRIO PARA DOWNLOAD. 2 PASSO 2 ESCOLHENDO A VERSÃO.

Educação Digital

Oficina de Manipulação e Edição de Fotografia e Imagem Digital GIMP

Microsoft PowerPoint. Prof. Rafael Vieira

PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL Aula 05: Editores de Imagem Paint / GIMP

Como incorporar música. numa apresentação de. PowerPoint?

ZSRest. Manual Profissional. Comandos Rádio X64. V2011-Certificado

Autor: Eduardo Popovici Tutorial: Criando uma folha de Fichário / Caderno Software: Photoshop CS3 Ext. Ferramentas Utilizadas:

Administração da disciplina

MANUAL DO UTILIZADOR

Configuração do Ambiente de Trabalho

Lidar com números e estatísticas não é fácil. Reunir esses números numa apresentação pode ser ainda mais complicado.

Microsoft Office FrontPage 2003

INTRODUÇÃO AO WORD Processamento de texto

Introdução ao Microsoft Windows

FIGURA. 2.2 ECRÃ DE TRABALHO

O AMBIENTE DE TRABALHO DO WINDOWS

PARA A CONSTRUÇÃO DOS GRÁFICOS

Gerente de Tecnologia: Ricardo Alexandre F. de Oliveira Marta Cristiane Pires M. Medeiros Mônica Bossa dos Santos Schmid WORD 2007

Conceitos importantes

UNIVERSIDADE ESTADUAL DE CAMPINAS. Instruções para Uso do Software VISIO

Disciplina: Programas de Edição de Textos Professora: Érica Barcelos

Word 1 - Introdução Principais recursos do word A janela de documento Tela principal

Sistema Operativo em Ambiente Gráfico

Transcrição:

COFFEE BREAK!!: CRIAÇÃO DE UM CARTAZ COM INKSCAPE O Inkscape (http://www.inkscape.org/) é uma aplicação de Software Livre para desenho e edição electrónica de imagem vectorial. É uma ferramenta para edição de gráficos vectoriais bastante sofisticada e está disponível em versões para os sistemas operativos GNU/Linux, Windows e Mac OS X. No presente tutorial são apresentados de forma detalhada todos os passos necessários para a criação de um documento com dimensão A4 e com aspecto semelhante à imagem apresentada. Bom trabalho!

1 Inicie o Inkscape. Por predefinição, a aplicação inicia sempre com um documento de dimensão A4. No nosso tutorial vamos utilizar este formato. Se pretender utilizar outros formatos ou dimensões, aceda ao menu Ficheiro e opção Propriedades do Documento (atalho Shift+Ctrl+D).

2 Utilize a paleta de cores no rodapé para escolher a cor vermelho. Clique com o botão esquerdo do rato no vermelho (#FF0000). Crie um círculo através da barra de ferramentas ou prima F5. Depois de criar o círculo, active a ferramenta de selecção e transformação de objectos (clique na seta preta, primeiro ícone na barra de ferramentas lateral) para poder mover e redimensionar o seu círculo.

3 De seguida, quando estiver satisfeito com o seu círculo, aceda ao menu Caminho e seleccione a opção Objecto para Caminho para tornar visíveis e editáveis os pontos (nós) que permitirão manipular a forma do objecto com maior liberdade.

4 Active a ferramenta para manipular os caminhos através dos nós (clique no segundo ícone da barra de ferramentas lateral). Utilize os pontos para construir uma forma semelhante à apresentada na imagem. Se precisar de desfazer, utilize o atalho Ctrl+Z. Active o editor de Preenchimento e Traço (atalho Shift+Ctrl+F) para escolher as cores que pretende atribuir ao objecto.

5 Com o seu círculo seleccionado, na janela Preenchimento e Traço, clique no separador Preenchimento e active o botão Cor lisa. Pode agora escolher uma cor cinza suave para o seu objecto. Se quiser também pode utilizar a paleta no rodapé para escolher a cor.

5 Crie um novo círculo e manipule-o até criar uma elipse. Preencha o novo objecto com castanho. Posicione o objecto de acordo com a imagem abaixo apresentada.

6 Seleccione o novo objecto, a elipse preenchida com castanho, e duplique-o. Clique com o botão direito do rato e escolha a opção Duplicar (atalho Ctrl+D). Nesta altura, talvez sinta necessidade de fazer Zoom e aproximar. Utilize a ferramenta de Zoom disponível no canto inferior direito da aplicação.

7 Posicione correctamente o objecto duplicado no passo anterior e modifique a sua cor de forma a criar a sensação de profundidade da chávena. Crie dois novos duplicados para construir o pires da chávena. Controle a sobreposição dos diferentes objectos através dos quatro botões existentes na barra de ferramentas horizontal.

8 No final desta etapa, deverá obter uma forma semelhante à apresentada na imagem abaixo. A chávena com café e pires é composta por 5 objectos sobrepostos com diferentes tons de cinzento e castanho.

9 Vamos agora criar a asa da chávena: a) Crie um círculo, duplique-o e reduza a dimensão do duplicado. b) Seleccione os dois círculos. Clique com o botão esquerdo do rato num círculo e depois, enquanto pressiona a tecla Shift, clique no segundo círculo. c) Active a janela para Alinhar e Distribuir objectos (atalho Shift+Ctrl+A). Clique nos botões para alinhar os objectos seleccionados no eixo horizontal e vertical. d) Aceda ao menu Caminho e escolha a opção Exclusão.

10 Com recurso à ferramenta para edição de nós, aplique as alterações necessárias. Atribua à asa a mesma cor que atribuiu ao corpo da chávena e posicione-a correctamente.

11 Vamos agora melhorar um pouco o aspecto da chávena. Crie um novo círculo, manipule a forma construindo uma nova elipse e posicione o objecto na base da chávena. Desta forma, a base da chávena irá ficar com um aspecto menos circular.

12 Vamos agora criar os brilhos e reflexos da nossa imagem. Para o efeito vamos utilizar a ferramenta para Desenhar curvas Bézier e linhas rectas. Com a ferramenta para Desenhar curvas Bézier e linhas rectas activada, sempre que clicar com o botão esquerdo do rato será criado um novo ponto e uma linha recta entre dois pontos.

13 Para arredondar as formas, suavizando as linhas rectas, active a ferramenta para edição de nós, e utilize as várias opções disponíveis na barra de ferramentas horizontal.

14 Utilize a janela de Preenchimento e Traço para retirar a cor do contorno da forma. Vá ao separador Pintura de traço e coloque a opacidade (Alpha) a zero. Vá ao painel Preenchimento, clique em Cor lisa e escolha a cor branco. Clique em Degradê linear para o preenchimento com branco liso ser substituído por um degradê.

15 Active a ferramenta para edição de degradês para poder efectuar alguns ajustes no degradê.

16 Como pode ver na imagem abaixo, modificámos a direcção do degradê na forma que representa o brilho na asa da chávena.

Repita o processo para criar mais 3 áreas semelhantes. No final, a nossa imagem irá ter 4 áreas brilhantes.

17 É agora altura de inserirmos texto na nossa imagem. Clique na ferramenta para criação de objectos texto, desenhe uma caixa de texto no seu documento e escreva: Coffee Break!!

18 Utilize a janela de propriedades do texto para escolher outro tipo de fonte e fazer outros ajustamentos que considere necessários.

19 Para criarmos um fundo para o nosso documento, desenhe um rectângulo que ocupe todo documento. Escolha um castanho bastante escuro para preencher o fundo, depois active a opção Degradê radial. Para modificar as cores do degradê, pode clicar numa cor da paleta e arrastar para cima dos pontos e eixos. Para obter um efeito semelhante ao da imagem, arraste um castanho escuro para cima de um dos dois pontos exteriores e um castanho mais claro para cima do ponto central. Depois de estar satisfeito com o fundo, active a ferramenta de selecção e transformação de objectos (clique na seta preta, primeiro ícone na barra de ferramentas lateral) e coloque o rectângulo com o degradê radial castanho no fundo do documento (atrás dos restantes objectos).

20 Vamos terminar este tutorial criando o vapor suave típico de um café quentinho. Com a ferramenta de criação de curvas Bézier crie uma forma semelhante à apresentada na imagem. Adopte um procedimento semelhante ao utilizado para criar as áreas de brilho na chávena.

21 Atribua à forma criada um degradê linear de cinza para branco. Pode utilizar a ferramenta para edição de degradês (barra de ferramentas vertical) para depois poder arrastar as cores cinza e branco para cima dos pontos de controle do degradê. Nas propriedades do degradê, atribua 20 no Borrar e 40 na Opacidade.

22 Crie duplicados do objecto e vá modificando a sua dimensão e forma até ficar satisfeito com o resultado final.

Título: Coffee Break!!: criação de um cartaz com Inkscape Autores: Miguel Vale http://www.miguelvale.com Nelson A. F. Gonçalves http://nafergo.intervir.net Data: 2009 Edição/Publicação: Associação Ensino Livre e OpenLab ESEV (ESE Viseu) Esta obra está licenciada sob uma Licença Creative Commons Atribuição-Partilha 3.0 Pode copiar, distribuir, exibir e criar obras derivadas a partir deste documento. As novas obras devem dar crédito ao autor original e se alterar, transformar, ou criar outra obra com base nesta, só poderá distribuir a obra resultante através de uma licença idêntica a esta. Mais informações sobre a licença: http://creativecommons.org/licenses/by-sa/3.0/ A Associação Ensino Livre tem como finalidade promover a utilização de software livre e a produção de conteúdos livres nos processos de aprendizagem, nomeadamente ao nível do sistema de ensino. Acreditamos que o conhecimento colectivo é enriquecido pela partilha livre de saberes individuais e/ou organizacionais, tendo presente que o próprio software, também ele é uma forma de conhecimento. Cremos também que esta atitude cultural contribui para o desenvolvimento e o interesse dos jovens pelas novas tecnologias e pelo ensino, num mundo em que este binómio se assume determinante para o desenvolvimento de uma sociedade. Visite-nos em http://www.ensinolivre.pt E-mail: admin@ensinolivre.pt Morada: Associação Ensino Livre, Estrada Nacional 111, s/n, 3140-274 Montemor-o-Velho Apoio: Associação Diogo de Azambuja