La lecture en ligne est gratuite
Le téléchargement nécessite un accès à la bibliothèque YouScribe
Tout savoir sur nos offres

Partagez cette publication

MosaizerProTutorialThetextphotomosaicpicture
Hereyoulearnhowtomakeamakeaphotomosaicpicturewithaclearlyreadabletextinside.WewillshowhowtopreparethebackgroundusingMosaizerProandhowtoloadaresultingpictureintheprogram,asabackgroundpictureforthenextstageofprocessing.Finally,wewilldemonstratehowthealphamaskscanbeappliedtomakeawallofpictures.
ThetextphotomosaicpictureAbouttextphotomosaicpicturesItmaybeabitconfusingtorefertotheresultinthistutorialasa‘textmosaic’picture.Arealtextmosaicpictureisapicturethatisbuiltfromtext.OurTextaizerProisapopularapplicationtocreatesucheffects.Wemeanofcoursea‘photomosaicpictureinwhichatextiswritten’,oranyotherhighlightedsubject,aswewilldemonstrateattheendofthistutorial.Wehavechosenthistutorialexampletoshowhowthecombinationofmasks,sourcepicturesandrandomsettingscancreateneweffectsthatisalmostimpossibletocreatewithcurrentlyavailable(lowcost)bitmapeditors.MosaizerProhasallthetoolsinplacetomakethisinasimplefewsteps.RequirementsTomakethistextmosaicpictureseveraltoolsandinputfilesarerequired.Themostimportanttoolisthebitmapeditor,suchasPhotoshop,Paint.netorPaintshopPro.asourcepicture(inthiscasetheparrotpicture)asourcemaskwiththetextthatweneedtohighlightalibraryoflargesizedpictures(weused96x96pxsize)an‘empty’(fullywhite)bitmappictureNotallthefilesareusedforthesamepicture.Wewillshowhowtomakethepictureonthefrontpage,andavariationofit,whereabitmapeditorisveryuseful.Part1:thesimplewaytomakethetextphotomosaicpictureStep1:preparethesourcepictureWeusetheparrotpictureasthesourcefile.Inthebitmapeditor(weusePhotoshop)wecreatedthetext(inwhitecharacters)thatneedstobehighlighted.Step2:loadthelibraryandthesourcepictureTherearetwowaystoselectasourcepicture:openanexistingpictureoraddanewpicture.Weneedtoloadanewpicture:OneParrot_text.jpgviaFiles/Newsourcepicture.Thenloadthelibrary.Wefirstcreatedanewlibraryofanimalswithatleast96x96pxinsize.Inthetutorialonlibrarycreationitisshownhowtodothis.LoadthelibraryviaLibrary/Readlibraryandselectthislibrary.Step3:selectthealphamaskandsettherequiredpatternandsizeWechooseforthealphamaska_Circle.jpgandthemosaicpattern.Thecombinationofthesetwocreatesagood‘wallofpictures’whereeachpictureseemstoblendseamlesslywithadjacentpictures.Likeagiantwallofpictures.Finally,setthecellsizeto96andtheprintsizetoA2.ThenpresstheCreatebutton.
Figure:theresultoftheeasyway:simplytakeapreparedsourcefileandmakeaphotomosaicPart2:thehardwaytomakethetextphotomosaicpictureThereisahardwaytoreachtothisresult.Thereasontoalsoexplainthehardwayistoallowformorefreedomtouseadifferentbackgroundpictureandstillhavehighlightedtext.Wealsowantapicturewhereallpicturesfromthelibraryareused,andinnoparticularorder.Anotherreasontodoitdifferentlyistohighlightthetextmoresharply(i.e.smallercellsize),whilethebackground‘wallofpictures’isstillverywellrecognizable(largecellsize).Step1:createthewallofpicturesTocreateawallofpictures,thesourcepictureisofnoimportance.Thereisonerequirementthatweneedtofulfill:thesourcepictureaspectratiomustbeequaltothesourcemaskpicture(‘aspectratio’means:widthoverheight).SowesimplyloadthesourcepictureOneParrot.jpg(size:800x600px).Thefollowingsettingsnowapply:alphamaskisa_Circle(viatabMasks)Sizeis96px,shapeismosaic(viatabSizeandshape)PrintsizeisA2backgroundsettoColoredcanvasinwhitecolorChaoticsissettoUseeverypictureandRandomizeRandomsettingsaresettoBuildandPatternincreasetheAmountofrandompointstoappr.60%Thesesettingswillnowgenerateawallofpictures.Allpicturesareusedandpositionedinrandomorder(Chaotics);thepicturesdonotfollowapattern(Randompattern),andareputonanemptywhitecanvas.Theresultisawallofpictureswithagoodrecognizablecontent(96pxinsize).WeusethelibraryEarth,withaminimumpicturesizeof96pixelstoavoidpixelation.PressCreateandmakesuretheresultissaved(eitherdoneautomaticallyseePreferencesormanuallyviaFile/Savemosaicas).
Figure:theresultofthe‘wallofpictures’settings.Eachpictureisverywellrecognizable.Step2:prepareandloadthesourcemaskandnewsourcepictureRemember:thisisthehardway.Openyourfavoritebitmapeditorandmakeasourcemaskwiththetext.Thencreateanewwhitebitmap.Bothpicturesareshownontheright.Note:thewhitepictureisfullywhite.Wehaveputablacklinearoundthebitmaptomakeitvisibleinthistutorial…Whenallfilesareavailable,loadthefilesinMosaizerPro:loadthewhitepictureasSourcepictureandloadthemaskasSourcemask.Finally,loadtheresulting‘wallofpictures’fromstep1asthe(new)Backgroundpicture.Step3:changethesizesettingsandcreateatextphotomosaicWecannotyetpresstheCreatebutton,becauseweneedto(re)setafewsettingsfirst:uncheckalltheChaoticsandRandomsettingsbutkeeptheCellsizeof96px
Finally,presstheCreatebuttonandlookatthe(notsoimpressive)result(picturebelow).
Picture:theresultofa‘wallofpictures’withasourcemaskwithcellsofthesamesizeStep4:changethesizesettingsAswesee,thesamecellsizeasthebackgroundpicturecreatesalessreadabletext.Wecanhoweverclearlyrecognizeeachofthebackgroundpictures.Sowechangethecellsizefrom96pxto48px(remember:thecurrentsourcefileiswhite,sothetextwillbecomewhite).
Figure:thereadabilityofthetexthasimproved(48pxinsteadof96px)
Figure:thetotalpictureandacloseupwhenacellsizeof32pxischosen
Wecannowusetheparrotpicturetodothesame.Thedifferencesbecomeclearwhenwedecreasethecellsizetocreateagoodreadabletextandrecognizablebackground.
Figure:theparrotpicturewitha96pxbackgroundanda48pxtext(100%detailontheright)
Figure:theparrotpicturewitha36px(left)and24px(right)textagainsta96pxbackgroundSometips:usetheMosaicpatterninsteadofaRandompatternmixthetypesofpatternstobettermatchyourtextintentions:airregularbackgroundwithrandompatternandaregulartext(i.e.sourcemask)patterns,e.g.Mosaicordifferentlyshapedusingtherectangularpattern,suchasBrickandFenceuseadifferenttextcolor,byreplacingthewhitebitmapwithyourbitmapofcolor.Byusinganormalsourcepicturethetextcolorcanevenfollowthecolorsofthesourcepicture(butbecareful,somecolorsmayblendwiththecolorfulbackgroundandbecomeunreadable).Someexamplesareshownonthenextpage.
Figure:differentsourcefilesgivedifferenteffectsinthetext.Theinsetisthesourcepicture.Linkwithanothertutorial:usingasourcemaskonabackgroundpictureThetutorialonusinga‘sourcemaskonabackgroundpicture’overlapsthecontentofthecurrenttutorial.Thisisbestdemonstratedusinganexample.Wearegoingtouseapictureinamaskonabackgroundpicture.Settings(NB:allfilesmusthavethesameaspectratio):theKeithHaringBabysourcemask(searchonGoogle…makesuretheblackisreallyblack)thewhitebitmapassourcepicturethebackgroundpictureaswemadeinstep1ofpart2(‘thehardway’)a3Dshadoweffect(eastandsouth3px)theb_WaxyCrayonbrushmaskasthealphamasktheColorizevalueoftheoverlaysettomax(=10)theBackgroundpictureischecked(tabSpecials)theRandombuildandpatternarealsocheckedthemaskisrandomlyrotatedbetween30and30degreesandrandomlyresizeddowntomin.25%(tabQuicksettings/Othersettings)Cellssize=36px,Printsize=A2andResolution=200dpi(equaltomorethan22kcells)
MosaizerPro©APPHelmondFebruary2009www.mosaizer.com