Apostila Inkscape E-Jovem

Embed Size (px)

Citation preview

  • ManualInkscape

    (DesenhoVetorial)

  • SumrioCaptulo1.Introduo............................................................................................................3

    1.1.Aimportnciadeseusarpadresabertos...................................................................31.2.Grficosvetoriaisegrficosbitmap............................................................................41.3.Consideraesacercadegrficosbitmap....................................................................4

    Captulo2.AtelainicialdoInkscape.....................................................................................52.1.Barradeferramentasseleo......................................................................................52.2.Caixadeferramentas..................................................................................................62.3.Ampliandoaimagemouobjetosespecficos...............................................................62.4.Selecionandoobjetos...................................................................................................72.5.Criandoformasbsicas...............................................................................................8

    2.5.1.FerramentaretnguloF4...................................................................................82.6.Aumentandoalarguradabordajuntocomoobjeto..................................................92.7.Arredondandoeredimensionando..............................................................................92.8.Alasderedimensionamentoealasparagirar........................................................102.9.AferramentaElipse...................................................................................................112.10.FerramentaEstrela*...............................................................................................12

    Captulo3.Ordenandoagrupandoealinhandoobjetos.......................................................133.1.Ordenando................................................................................................................133.2.Agrupando.................................................................................................................143.3.Alinhandoedistribuindo...........................................................................................14

    Captulo4.Convertendoobjetosparacaminhos..................................................................144.1.Duplicandoobjetos....................................................................................................15

    4.1.1.Clonando............................................................................................................154.2.Soldandoaparandoetirandoainterseo................................................................16

  • Captulo1. IntroduoOInkscapeumSoftwareLivreparadesenhosvetoriais1quegera,porpadro,desenhosnoformato svg Scalable Vectorial Graphics, um formato criado pela W3C, rgointernacionalquedeterminaasnormasparapublicaodedocumentosnaInternet.

    1.1. Aimportnciadeseusarpadresabertos

    Formatos dedocumentosabertos so formatosque incentivama concorrncia entre osprogramas, uma vez que as especificaes para a gerao do documentos abertos conhecida,nadaimpedequesefaamprogramasqueabramegeremadequadamentetaisarquivos, ao mesmo tempoemque impedemumaempresa de ser proprietria de umdeterminado formatode arquivos. Formatos proprietrios desestimulama concorrncia,pois os programadores tem que tentar adivinhar os parmetros para gerao de taisarquivos.Gerandogrficoscomoinkscapetemosacertezaqueonossoarquivopoderserabertotantopeloinkscapequantopelonavegadorfirefox,quejsuportaesteformatoamaisdedoisanos.Podemosaindaabrirdesenhosgeradospeloinkscapeemqualquereditordetextos.

    Umdesenhosvgpodeserabertotantopeloinkscapecomoporumeditordetextos,noqualdeterminamososvaloresposicionaisxey,bemcomoaltura(height)elargura(width).

    width="140.00" height="140.00"

    x="200.00"

    y="200.00"

    1 Desenhorepresentadointernamenteporcoordenadasbidimensionais

  • Grficosvetoriaisegrficosbitmap

    Grficos vetoriais so descritos internamente usando coordenadas vetoriais, permitindomanteranitidezdaimagemmesmoquandoforredimensionada.

    Abaixoduasimagens,umavetorialeumabitmap,queforamampliadas:

    1.2. Consideraesacercadegrficosbitmap

    Mesmo sendo os grficos muito bons, h situaes emque so preferveis os grficosbitmap,algunstiposdegrficosbitmapconhecidosso:

    bmp

    jpg

    png

    Emgrficos emqueexistiremmuita diversidadede cor, comoemgeral acontece comfotografias,deveseusarbitmaps,aexplicao simples,sehouveremmuitosvetoresaimagemocupar muitoespaoemdisco,almdesermuitodifcil vetorizar(tornarumbitmapvetorial)umafotoporexemplo.

    Quandonaimagemocorreremgrandesporescomumanicacor,certamenteaimagemvetorialsermenor,masemtodososcasosaimagemvetorial,umavezcriadapodeserredimensionada sem perda de qualidade o que no acontece com fotografias jpg porexemplo.Comoexecciotenteaumentarumafotografiaevejaqueelairgradualmenteperdernitidez.

  • Captulo2. AtelainicialdoInkscape

    2.1. Barradeferramentasseleo

    Lembresequeasbarrasdeferramentassocontextuais!

    Obs:Estabarradeferramentassficavisvelsealgumobjetoestiverselecionado,eportantoaspropriedadesdescritasaquiseaplicamamesma.

  • 2.2. Caixadeferramentas

    Asferramentasabaixodescritassousadasparacriarformasdetodosostipos,bemcomoretas,aplicarzoomentreoutrascoisas.

    2.3. Ampliandoaimagemouobjetosespecficos

    Paraampliarereduzirapginacomoumtodouseasteclas+(mais)e(menos),jparaampliaremumareaespecficauseaferramentazoomF3.

  • Dica:Abrirumretngulocomaferramentazoomemvoltadosobjetosquesequerampliarumaprticadesejvel,assimestamosexecutandoozoominterativo,ouseja,ampliadoemreasespecficas.

    NafiguraabaixoapenasaimagemdoCDserampliada:

    2.4. Selecionandoobjetos

    AferramentaseleoF1deveserusadaparaselecionarobjetos:

    QuandoexistempoucosobjetospodeseusarTABparaalternarentreobjetosselecionadosouESCpararetiraraseleo.

    Dica:Abarradeespaossemprevaialternarentrequalqueroutraferramentaeaferramentaseleo,tamanhaafrequnciaqueausamos.

    Podesetambmfazerumaseleoarrastandoaferramentaseleocriandoumretnguloemvoltadosobjetosquesedesejaselecionar:

  • Vocpodeselecionar

    abrindoumquadroem

    voltadeobjetos.

    Lembresequeoobjeto

    temqueestartotalmente

    dentrodacaixadeseleo.

    Considerandoaquadropontilhadocomoumretngulodeseleo,tenhaemmentequeacasanoserselecionada,poisnoestocompletamentedentrodareadeseleo.

    2.5. Criandoformasbsicas

    2.5.1. FerramentaretnguloF4Permitecriarquadradoseretngulossimtricos.

    Dica:Observequeabarradeferramentassemodificardeacordocomaferramentaquevocescolher.

    ParacriarretngulossimtricosbastamanterpressionadaateclaControl,eparaqueaconstruodoretngulosednopontoondeestomouseusetambmoShift.

    Experimenteagorafazerdoisretngulos,ummantendopressionadoapenasoCtrleoutropressionandoCtrlmaisateclaShift.

  • 2.6. Aumentandoalarguradabordajuntocomoobjeto

    Marcando o pondo indicado o contorno ser aumentado ou diminudo de formaproporcionalaoobjeto,istotilquandotivermosqueimportarumafiguraeemseguidaampliala,porexemplo.

    2.7. Arredondandoeredimensionando

    Comaferramentaretnguloativada...

    TambmpossvelredimensionarearredondaroscantoscomaferramentaForma:

  • Dica:Aocriarumnovoretngulo,casoeleapareaarredondadoprocurepelobototornarcantosagudos,istorestauraopadro.

    2.8. Alasderedimensionamentoealasparagirar

    Aoclicaremumafiguraumavezaparecemasalasderedimensionamento:

    Paraexibirasalasderotacionamentocliqueumasegundaveznoobjeto.

    Experimenteselecionarumobjetoemudarseutamanhoeposiopelabarradeferramentas:

    Aoclicarumasegundaveznoobjetoapareceroasalasderotaoeinclinao,bemcomoocentroderotao.

  • 2.9. AferramentaElipse

    Aferramentaelipsepodegerarimagenscomo:

  • Nocasodatortaedoarcooquedeterminaacriaodecadaumofatodegirarocursorpordentroouporforadaelipse.

    2.10. FerramentaEstrela*

    Aferramentaestrelacriaestrelasepolgonosregulares:

    Apscriarumaestrelapodesealteralacriandoumpentgonoapenasclicandoacaixadeverificaonoinciodabarradeferramentas.

  • Captulo3. Ordenandoagrupandoealinhandoobjetos

    3.1. Ordenando

    Ordenaodizrespeitoaonvelemqueoobjetoestardispostoemrelaoaosdemais,seacimaouseabaixo.

    Vistosmaisdepertoosbotessoassim:

    Dica:PodeseusaroatalhoEndparacolocaroobjetononvelmaisabaixo,Homeparacolocalononvelmaisacima,pageupparasubirumnvelepagedownparadescerumnivel.

    VejaumexemploemqueoquadroamarelofoiselecionadoeemseguidaateclaEndfoipressionada:

  • 3.2. Agrupando

    Paraagruparobjetosnecessrioquedoisoumaisobjetosestejamselecionados.

    Dica:VocpodeusaroatalhoCtrlgparaagrupareCtrluparadesagruparobjetosselecionados.

    Dica:Percebaqueobotoagrupar(primeirodaesquerdaparadireita)mostraumnicoquadrodeseleo,jobotodesagruparmostradoisquadrosdeseleo.

    3.3. Alinhandoedistribuindo

    Paraalinharobjetosselecionamostodoseclicamosnoconedaferramentaapropriada:

    Captulo4. ConvertendoobjetosparacaminhosAo desenhar um retngulo, uma elipse ou uma estrela estamos lidando com objetossimples. No caso do retngulo, por exemplo, s podemos mudar suas dimenses ouarredondaroscantos,paramudarumdosladosetornaloumarcotemosqueconverteroobjetoemcurvasemanipularcomaferramentaforma.

    Paraconverterumretnguloemcurvas,selecioneomesmoeacesseomenuCaminhoobjetoparacaminho.

  • 4.1. Duplicandoobjetos

    Paraduplicarobjetos,selecioneosmesmosepressioneoatalhoCtrld.

    Dica:Aoarrastarobjetospressionarabarradeespaoscriarumacpia

    4.1.1. ClonandoUmobjetoclonadotersempreasmesmaspropriedadesdooriginal,paracriarumcloneacesseomenuEditar>clonar>criarclone.

    Observe que cada vez que mudarmos a cor ou tamanhodo original o objeto clonadorefletir asmudanasefetuadas, isto til emdesenhoscomplexosqueexistemmuitasformassimilares.

  • 4.2. Soldandoaparandoetirandoainterseo

    Selecionedoisobjetossobrepostoseuseosatalhosindicados

  • Captulo 1. Introduo1.1. A importncia de se usar padres abertosGrficos vetoriais e grficos bitmap1.2. Consideraes acerca de grficos bitmap

    Captulo 2. A tela inicial do Inkscape2.1. Barra de ferramentas seleo2.2. Caixa de ferramentas2.3. Ampliando a imagem ou objetos especficos2.4. Selecionando objetos2.5. Criando formas bsicas2.5.1. Ferramenta retngulo F4

    2.6. Aumentando a largura da borda junto com o objeto2.7. Arredondando e redimensionando2.8. Alas de redimensionamento e alas para girar2.9. A ferramenta Elipse2.10. Ferramenta Estrela *

    Captulo 3. Ordenando agrupando e alinhando objetos3.1. Ordenando3.2. Agrupando3.3. Alinhando e distribuindo

    Captulo 4. Convertendo objetos para caminhos4.1. Duplicando objetos4.1.1. Clonando

    4.2. Soldando aparando e tirando a interseo