关闭

关闭

关闭

封号提示

内容

首页 Inkscape 0.48 Essentials for Web Designers 2010…

Inkscape 0.48 Essentials for Web Designers 2010.pdf

Inkscape 0.48 Essentials for We…

上传者: Jiye Qian 2010-12-18 评分 0 0 0 0 0 0 暂无简介 简介 举报

简介:本文档为《Inkscape 0.48 Essentials for Web Designers 2010pdf》,可适用于IT/计算机领域,主题内容包含InkscapeEssentialsforWebDesignersUsethefascinatingInkscapegraphicseditorto符等。

InkscapeEssentialsforWebDesignersUsethefascinatingInkscapegraphicseditortocreateattractivelayoutdesigns,images,andiconsforyourwebsiteBethanyHiitolaBIRMINGHAMMUMBAIDownloadfromWow!eBook<wwwwowebookcom>InkscapeEssentialsforWebDesignersCopyrightPacktPublishingAllrightsreservedNopartofthisbookmaybereproduced,storedinaretrievalsystem,ortransmittedinanyformorbyanymeans,withoutthepriorwrittenpermissionofthepublisher,exceptinthecaseofbriefquotationsembeddedincriticalarticlesorreviewsEveryefforthasbeenmadeinthepreparationofthisbooktoensuretheaccuracyoftheinformationpresentedHowever,theinformationcontainedinthisbookissoldwithoutwarranty,eitherexpressorimpliedNeithertheauthor,PacktPublishing,noritsdealersordistributorswillbeheldliableforanydamagescausedorallegedtobecauseddirectlyorindirectlybythisbookPacktPublishinghasendeavoredtoprovidetrademarkinformationaboutallthecompaniesandproductsmentionedinthisbookbytheappropriateuseofcapitalsHowever,PacktPublishingcannotguaranteetheaccuracyofthisinformationFirstpublished:NovemberProductionReference:PublishedbyPacktPublishingLtdLincolnRoadOltonBirmingham,BPA,UKISBNwwwpacktpubcomCoverImagebyJohnMQuick(johnmquickgmailcom)CreditsAuthorBethanyHiitolaReviewersJackArmstrongRichardCarterNoreenMcMahanVicPerezAcquisitionEditorDilipVenkateshDevelopmentEditorMaitreyaBhakalTechnicalEditorPallaviKachareIndexerHemanginiBariEditorialTeamLeaderAanchalKumarProjectTeamLeaderAshwinShettyProjectCoordinatorZainabBagasrawalaProofreaderAaronNashLyndaSliwoskiProductionCoordinatorKruthikaBangeraCoverWorkKruthikaBangeraAbouttheAuthorBethanyHiitolaisaworkingwriterShe'sworkedasatechnicalwriterandmultimediadeveloperforoveryearsandspendstherestofhertimeasawife,mother,caretakertopets,andMasterofthehouseholdShe'swrittenmoreusermanualsthanshecancount,essays,shortstories,academicpapers,pressreleases,andfeaturearticlesAllbetweenthedayjob,naptimes,anddiaperchangesMoredetailsareatherwebsite:wwwbethanyhiitolacomWithoutyouMatt,thisbookwouldn'thavebeenpossibleThanksforwatchingthekidsforendlesshours,latenights,andintotheweemorningsAbouttheReviewersJackArmstrongspentoveryearsintheSiliconValleycomputerindustryasaresearcher,programmer,analyst,designer,andnetworkarchitectAtStanfordResearchInstituteheworkedinalargescalescientificcomputing,artificialintelligenceandrobotics,andthedevelopmentofArpaNet,predecessortotheInternetAtHewlettPackard'sCentralResearchLabsandComputerDivision,heparticipatedinthedesignoftheHPandthedevelopmentofHTML,servingonHTMLstandardscommitteesAfteryearsofsuccessfullyoperatingasoftwareandconsultingpartnershipandyearswithDHLasManagerofInfrastructureResearchandDevelopmentandlaterasPrincipalArchitect,heisnowsemiretired,developinguniquewebsitesforlocalandglobalclientsandparticipatingindevelopment,testing,andstandardgroupstoextendtheuseofXMLandinparticular,SVGontheWebWhenawayfromcomputers,hecanbefoundskiingintheSierraNevadamountainsofCaliforniaasoftenaspossibleRichardCarteristheCreativeDirectoratPeacockCarterLtd(http:wwwpeacockcartercouk),awebdesignanddevelopmentagencybasedintheNorthEastofEngland,workingwithclientsincludingDirectgov,NHSChoices,andBusinessLinkRichardistheauthorofMediaWikiSkinsDesign,MagentoThemesDesign,andJoomla!TemplatesCookbook,andpreviouslyreviewedMediaWikiBeginner'sGuideHeblogsathttp:wwwearlgreyandbattenburgcoukandtweetsnonsenseathttp:twittercomRichardCarterIwouldliketothanktheauthorofthebookfordedicatingtimetoInkscape,whichisfastbecomingabetteralternativetotraditionalgraphicdesignsoftwareAsalways,thankstoAlexandraandEJNoreenMcMahanlivesinAustin,Texas,wheresheworksforFreescaleSemiconductor,IncasamemberoftheirSingleSourceDocumentationSystem(SSDS)teamSheistheSSDStraininglead,providingbothclassroomandwritteninstructionintheuseofDITAXML,theFreescalecomponentcontentmanagementsystem(CCMS),andthetoolsrequiredforSSDScontentdevelopment,includingInkscapeShealsoparticipatesinSSDSsoftwareregressiontestinganduseracceptancetesting,whicharebothactivitiesthatfeedthetrainingForseveralyears,NoreenworkedasaninformationdeveloperandeditoratFreescaleSemiconductorAtonepoint,shesupervisedtheworkofanpersoneditingteamNoreenhasoveryearsofexperiencedrawingengineeringdiagramsforavarietyofdocumenttypesSheisamongtheearlyadopterschargedwithresearchingscalablevectorgraphics(SVG)andpromulgatingtheuseofInkscapeatFreescaleSemiconductorNoreenhaslivedinAustinsinceshemovedthereasagraduatestudenttoattendtheUniversityofTexas,wheresheearnedherPhDinEnglishandtaughttechnicalwritingNoreenhasayearoldson,EricGarrison,andtwocats,XenaandGabrielleVicPerezisaguythatlovesartHisexperienceincludespaintingwithoilsandwatercolors,drawingwithinks,pencilsandprismacolorsHehascreatedafewcustomindoorandoutdoorpaintedwallmurals,numerouslogos,andwebdesignsThankstoZainabBagasrawala,fromPacktPublishing,theauthorofthisbook,andtheAdministrativeTeamattheInkscapeforumwebsiteTableofContentsPrefaceChapter:Inkscape:TheBasicsVectorgraphicsWhatisInkscapeandhowcanitbeusedInstallingInkscapeThebasicsofthesoftwareMainscreenbasicsMainmenuToolbarsCommandbarSnapbarToolcontrolsToolboxbarPalettebarStatusbarCanvasDockableDialogsPanningandzoomingCreatingandmanagingfilesCreatingwebsizeddocumentsSavingInkscapefilesManagingmultiplefileprojectsPathsCreatingshapesComplexshapesCombingshapesFreehandobjects(Paths)SummaryTableofContentsiiChapter:DesigningSiteLayoutsArchitectingawebsiteWeblayoutprinciplesandbasicsThebasicdesignStartinganewdesignprojectUsinggridsandguidelinesViewingthegridMakingguidesCreatinganewlayerCreatingbasicdesignareasinInkscapeConvertingshapestoguidesCreatingalayoutexampleDesigningthebackgroundMakingtheheaderbackgroundBuildingthemainbodybackgroundCreatingthefooterbackgroundDesigningtheheaderNavigationalelementsCreatingafooterMakingasidebarCreatingcontentareasExportingdesignmockupsCreatingaslicelayerExportingslicesWorkingwithprogrammersSummaryChapter:WorkingwithImagesImportingimagesinInkscapeEmbeddingimagesImportingfromtheOpenClipLibrary(Macusers)RenderingaBitmapimageBasicsaboutphotomanipulationTracingimagesUsingProtraceUsingSIOXConvertingrasterlogostovectorbasedlogosUsingindividualimagesasdesignelementsSummaryChapter:StylingTextCreatingandeditingtexttoolsTextstylingkeyboardshortcutsTableofContentsiiiTexteffectsUsingtheLoremIpsumeffectFindandreplaceSentencecaseTitlecaseUppercaseandlowercaseFlipcaseRandomcaseUsingreflections,shadows,andglowsReflectionsShadowsandglowsMoreabouttextandpathsUsingapathfortextPlacingtextwithinaclosedshapeUsingperspectivePullingitalltogetherCreatingtitlebarsandheadingsExportingtitlebarsforuseasadesignelementSummaryChapter:CreatingWallpapersandPatternBackgroundsUsingwallpapersandpatternedbackgroundsUsingthebuiltinpatternsCreatingasimplepatternCreatingapinstripebackgroundUsethepinstripeasafillforanotherobjectCreatingadvancedtiledbackgroundsChangingInkscapeboundingboxpreferencesCreatingyourbasetileCloningthetemplatetileDecoratingyourtileExportingyourtileforabackgroundCreatingswirlingdesignbackgroundsCreatingaswirlCreatingspiroswirlsEditingyourspiroConvertingswirlstobackgroundsExportingforuseinafunctionalwebpageUsingthedesigninthelayoutdesignSummaryTableofContentsivChapter:BuildingIcons,Buttons,andLogosUsingicons,buttons,andlogosinwebdesignCreatingiconsUsinggridsandsnappingSimpleiconsMoredetailediconsCreatingbuttonsLogosasthecornerstoneofthedesignBestpracticesforcreatinglogosInformationgatheringCreatinginitialdesignsImportingexistinglogosRecreatingexistinglogosLogoredesignsExportinglogosforuseonthewebandmoreSummaryChapter:MakingDiagrams,SiteMaps,andMoreDiagramsandmapsDiagramsOrganizationalchartsFlowchartsSitemapsExportingforusewithinawebpageSummaryChapter:DesigningforBlogsandStorefrontsWebdesignprinciplesforblogsandstorefrontsKeepingitsimpleIdentifiableMakingyoursitenavigationallyeasyFeedsandsocialnetworkinglinksMakingcheckouteasyCreatingWebtemplatesinInkscapeDesigningforblogsDesigningastorefrontandmerchandisepagesGridsandCascadingStyleSheets(CSS)SummaryChapter:UsingtheXMLEditorWhatisInkscape'sXMLEditorAccessingtheXMLEditorTableofContentsvSVGbasicsAttributetypesBasicattributesPathsImagesTextUsingtheXMLEditortochangecharacteristicsUsingXMLandgraphicswithprogrammersSummaryChapter:CreatingSimpleAnimationsAnimationsinwebdesignBasictechniquestoanimateInstallingGimpCreatingtheanimationBringingtheanimationtogetherCreatingscrollingtextExportinganimationsCreatinganimatingbannersoradvertisementsSummaryChapter:Plugins,Scripts,andTemplatesTemplatesinInkscapeInstallingandusingtemplatesCreatingyourowncustomtemplatesPlugins,scripts,andextensionsInstallationCommonextrasforwebdesignSummaryAppendixA:KeyboardShortcutsAppendixB:GlossaryofTermsAppendixC:FontsSVGfontsandInkscapeUsingcommonwebbrowserfontsIndexDownloadfromWow!eBook<wwwwowebookcom>PrefaceDoyouthinkthatyourwebsitecoulddowithmorevisualappealAreyoulookingtospiceitupwithattractivedesignsandeffectsEnterInkscapeEssentialsforWebDesignerstheonlybookspecificallytailoredtousingInkscapeforwebdesignThisbookwillteachyouhowtoeffectivelyusethefascinatingnewInkscapevectorgraphicseditor,which,despitebeinginversionandhavingnodearthofcompetitors,hasalreadyseparateditselffromthecompetitionLearneverythingyouneedtoknowaboutenhancingyourwebsitefromsitelayoutstotemplatesandanimationswhetheryouarelookingforanewwebsitedesignorjustsomeeyecandyTheInkscapegraphicseditorispowerful,butgettingstartedisoftendifficultInkscapeEssentialsforWebDesignerswalksyouthroughthechallengeofusingInkscapefromawebdesignperspectiveintheeasiestwaypossibleThefirstbooktounlockthepotentialofInkscapeforwebdesign,itbeginswithanintroductiontothebasicsofInkscapeandthenjourneysyouthroughimplementingtheminyourwebsiteonebyoneLearntobuildyourfirstwebsitedesignusingInkscapeCreatewebpageanddesktopwallpaperswithrepeatingpatternbackgroundsandswirlingdesignsIncorporateiconsandinteractivemapsonyourwebsiteStyleandgraphicallymanipulatetextfromsimpleheadingstoshadowing,followingpaths,reflections,Deffects,andmoreEnhanceyourwebpagesusingflowcharts,diagrams,andsitemapsandlearnhowtoexportthemSpruceitallupusinganimationsThisbookwillteachyouallthatandmore,inasimpleeffectivemanner,andwhat'smoreyou'llhavefundoingitPrefaceWhatthisbookcoversChapter,Inkscape:TheBasicsdiscussesvectorgraphicswhattheyare,howtheydifferfromtherasterizedimages,whatthismeansintermsoftheircreation,andhowbesttousethemonthewebThenitgivessimpleinstructionsaboutusingInkscapeincludinginstallation,detailsaboutallthemenusandtools,andcreatingsomesimpleandcomplexobjectsChapter,DesigningSiteLayoutsintroducesdesigntechniquesthatcanmakewebpagesmovefromgoodtogreat,describesasimplewebpagelayout,andthenshowshowtomakethesitethathasaheader,navigationbar,andcontentareasChapter,WorkingwithImagesteachesyoueverythingyouneedtoknowaboutimagesrasterandvectorinInkscapeFromimportingbitmapimages,embeddingimages,renderingbitmapimagesasvectorgraphics,workingalittlewithphotographsandfilters,importingclipart,andallthetipsandtricksfor"tracing"bitmapimagestoconvertthemintofullvectorgraphicsforbothphotographsandlogosChapter,StylingTextisabouttexteditingandstylingSpecificallyaboutkerning,rotating,movinglettersfromthebaseline,reflection,followingpaths,shadows,theperspectivetool,andevensomecoolenvelopeeffectsChapter,CreatingWallpapersandPatternBackgroundsdescribeshowtousethebuiltinpatternswithinInkscape,createanewpattern,andusespiralsandtheSpiroeffect,aswellashowtomanipulatethepatternstomakethemevenmoreintricateandincorporatethemintoanexampleprojectChapter,BuildingIcons,Buttons,andLogosstartsbydescribingiconandbuttondesignprinciplesThenitexplainsnewtechniqueslikethegloweffectandmaskingwhilecreatingbuttonsThereisalsosomediscussionoflogodesignprinciples,howtobesttacklethatlogodesignproject,andstepbystepdirectionsoncreatingicons,buttons,andlogosChapter,MakingDiagrams,SiteMaps,andMoreteachesyouhowtouseInkscapetocreatediagrams,charts,andsitemapsincludingthebasicsforwhateachtypeofdiagramis,whatitwouldbeusedfor,andthenhowbesttocreateeachofthemChapter,DesigningforBlogsandStorefrontsisallaboutwebdesignforblogsandonlinemerchantstoresWewalkthroughsimpledesignsforeach,definingcommonelementsforeachwebsitetypeandevensomesublevelpagestohelpkeepthedesignsconsistentThereisalsoadiscussionaboutusinggridsandaCSSframeworkChapter,UsingtheXMLEditorisallaboutXMLandSVGcodeItteacheshowtoaccesstheInkscapeXMLeditorinInkscapeandeditthecodeforapleasantresultinyourgraphicalimagePrefaceChapter,CreatingSimpleAnimationsdiscusseshowInkscapehaslimitedcapabilitiesforcreatinganimationsbutwithalittlehelpfromanotheropensourcetoollikeGimp,youcanstillcreateanimationsWewillbreakdownananimationintoindividualanimationframesandcreateeachonethatwillthenbebroughttogetherusingGimptocompleteafullanimationsequenceChapter,Plugins,Scripts,andTemplatesstartsdiscussingthepreinstalledtemplatesinInkscapeThenitdescribeshowtoinstallanewtemplate,modifyastandardtemplateandsaveitasacustom,andhowtostartfromscratchandsaveacustomtemplateLastly,itdiscusseswhatplugins,scripts,andextensionsarewithinInkscapeandhowyoucanaccessthemAppendixA,KeyboardShortcutsmentionsthebasickeyboardshortcutsforInkscapeAppendixB,GlossaryofTermsisaglossaryofInkscapeandbasicwebdesigntermsusedthroughoutthisbookAppendixC,FontsisanoverviewofhowfontsareviewedinwebbrowsersandinSVGfilesWhatyouneedforthisbookYou'llneedthelatestversionofInkscapeandthelatestversionofGimpIfyouareusingaMac,thentheyalsoneedtheXapponyoursystemtorunInkscape(thistypicallycomepreinstalledonLeopardOSXMoredetailsinChapter)WhothisbookisforThisbookiswrittenforwebdesignerswhowanttoaddattractivevisualelementstotheirwebsiteItassumesnopreviousknowledgeofInkscapeGeneralfamiliaritywithvectorgraphicsprogrammingisrecommendedbutnotrequiredItwillalsobeausefulguideforexperiencedInkscapeuserswhowanttolearnhowtoapplytheirskillstowebsitedesignConventionsInthisbook,youwillfindanumberofstylesoftextthatdistinguishbetweendifferentkindsofinformationHerearesomeexamplesofthesestyles,andanexplanationoftheirmeaningPrefaceCodewordsintextareshownasfollows:"ForanyWindowsdevice,anEXEfileisdownloaded"NewtermsandimportantwordsareshowninboldWordsthatyouseeonthescreen,inmenusordialogboxesforexample,appearinthetextlikethis:"NowfindtheInkscapeiconintheApplicationorProgramsfolderstoopentheprogram"WarningsorimportantnotesappearinaboxlikethisTipsandtricksappearlikethisReaderfeedbackFeedbackfromourreadersisalwayswelcomeLetusknowwhatyouthinkaboutthisbookwhatyoulikedormayhavedislikedReaderfeedbackisimportantforustodeveloptitlesthatyoureallygetthemostoutofTosendusgeneralfeedback,simplysendanemailtofeedbackpacktpubcom,andmentionthebooktitleviathesubjectofyourmessageIfthereisabookthatyouneedandwouldliketoseeuspublish,pleasesendusanoteintheSUGGESTATITLEformonwwwpacktpubcomoremailsuggestpacktpubcomIfthereisatopicthatyouhaveexpertiseinandyouareinterestedineitherwritingorcontributingtoabook,seeourauthorguideonwwwpacktpubcomauthorsPrefaceCustomersupportNowthatyouaretheproudownerofaPacktbook,wehaveanumberofthingstohelpyoutogetthemostfromyourpurchaseErrataAlthoughwehavetakeneverycaretoensuretheaccuracyofourcontent,mistakesdohappenIfyoufindamistakeinoneofourbooksmaybeamistakeinthetextorthecodewewouldbegratefulifyouwouldreportthistousBydoingso,youcansaveotherreadersfromfrustrationandhelpusimprovesubsequentversionsofthisbookIfyoufindanyerrata,pleasereportthembyvisitinghttp:wwwpacktpubcomsupport,selectingyourbook,clickingontheerratasubmissionformlink,andenteringthedetailsofyourerrataOnceyourerrataareverified,yoursubmissionwillbeacceptedandtheerratawillbeuploadedonourwebsite,oraddedtoanylistofexistingerrata,undertheErratasectionofthattitleAnyexistingerratacanbeviewedbyselectingyourtitlefromhttp:wwwpacktpubcomsupportPiracyPiracyofcopyrightmaterialontheInternetisanongoingproblemacrossallmediaAtPackt,wetaketheprotectionofour

用户评论(0)

0/200

精彩专题

上传我的资料

每篇奖励 +2积分

资料评价:

/49
仅支持在线阅读

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部