Tutorial - Text photo mosaic picture

Sybren - App Helmond

Description

 Mosaizer Pro Tutorial  The text photo‐mosaic picture  Here you learn how to make a make a photo‐mosaic picture with a clearly readable text inside. We will show how to prepare the background using Mosaizer Pro and how to load a resulting picture in the program, as a  picture for the next stage of processing. Finally, we will demonstrate how the alpha masks can be applied to make a wall of pictures. The text photo‐mosaic picture  About text photo‐mosaic pictures It may be a bit confusing to refer to the result in this tutorial as a ‘text mosaic’ picture. A real text mosaic picture is a picture that is built from text. Our Textaizer Pro is a popular application to create such effects. We mean of course a ‘photo‐mosaic picture in which a text is written’, or any other highlighted subject, as we will demonstrate at the end of this tutorial. We have chosen this tutorial example to show how the combination of masks, source pictures and random settings can create new effects that is almost impossible to create with currently available (low‐cost) bitmap editors. Mosaizer Pro has all the tools in place to make this in a simple few steps.  Requirements To make this text mosaic picture several tools and input files are required. The most important tool is the bitmap editor, such as Photoshop, Paint.net or Paintshop Pro. ‐ a source picture (in this case the parrot picture) ‐ a source mask with the text that we need to highlight ‐ ...

Informations

• Publié par: Nezog
• Nombre de lectures: 259
• Langue: Español

Extrait

MosaizerProTutorial Thetextphoto‐mosaicpicture

Hereyoulearnhowtomakeamakeaphoto‐mosaicpicturewithaclearlyreadabletext inside.WewillshowhowtopreparethebackgroundusingMosaizerProandhowtoloada resultingpictureintheprogram,asabackgroundpictureforthenextstageofprocessing. Finally,wewilldemonstratehowthealphamaskscanbeappliedtomakeawallofpictures.

Thetextphoto‐mosaicpicture Abouttextphoto‐mosaicpictures Itmaybeabitconfusingtorefertotheresultinthistutorialasa‘textmosaic’picture.Areal textmosaicpictureisapicturethatisbuiltfromtext.OurTextaizerProisapopular applicationtocreatesucheffects.Wemeanofcoursea‘photo‐mosaicpictureinwhichatextis written’,oranyotherhighlightedsubject,aswewilldemonstrateattheendofthistutorial. Wehavechosenthistutorialexampletoshowhowthecombinationofmasks,sourcepictures andrandomsettingscancreateneweffectsthatisalmostimpossibletocreatewithcurrently available(low‐cost)bitmapeditors.MosaizerProhasallthetoolsinplacetomakethisina simplefewsteps. Requirements Tomakethistextmosaicpictureseveraltoolsandinputfilesarerequired.Themostimportant toolisthebitmapeditor,suchasPhotoshop,Paint.netorPaintshopPro. ‐asourcepicture(inthiscasetheparrotpicture) ‐asourcemaskwiththetextthatweneedtohighlight ‐alibraryoflargesizedpictures(weused96x96pxsize) ‐an‘empty’(fullywhite)bitmappicture Notallthefilesareusedforthesamepicture.Wewillshowhowtomakethepictureonthe frontpage,andavariationofit,whereabitmapeditorisveryuseful. Part1:thesimplewaytomakethetextphoto‐mosaicpicture Step1:preparethesourcepicture Weusetheparrotpictureasthesourcefile.Inthe bitmapeditor(weusePhotoshop)wecreatedthetext (inwhitecharacters)thatneedstobehighlighted. Step2:loadthelibraryandthesourcepicture Therearetwowaystoselectasourcepicture:openan existingpictureoraddanewpicture.Weneedtoloada newpicture:OneParrot_text.jpgviaFiles/Newsource picture. Thenloadthelibrary.Wefirstcreatedanewlibraryofanimalswithatleast96x96pxinsize. Inthetutorialonlibrarycreationitisshownhowtodothis.LoadthelibraryviaLibrary/Read libraryandselectthislibrary. Step3:selectthealphamaskandsettherequiredpatternandsize Wechooseforthealphamaska_Circle.jpgandthemosaicpattern.Thecombinationofthese twocreatesagood‘wallofpictures’whereeachpictureseemstoblendseamlesslywith adjacentpictures.Likeagiantwallofpictures. Finally,setthecellsizeto96andtheprintsizetoA2.ThenpresstheCreatebutton.

Figure:theresultoftheeasyway:simplytakeapreparedsourcefileandmakeaphoto‐mosaic Part2:thehardwaytomakethetextphoto‐mosaicpicture Thereisahardwaytoreachtothisresult.Thereasontoalsoexplainthehardwayistoallow formorefreedomtouseadifferentbackgroundpictureandstillhavehighlightedtext.Wealso wantapicturewhereallpicturesfromthelibraryareused,andinnoparticularorder. Anotherreasontodoitdifferentlyistohighlightthetextmoresharply(i.e.smallercellsize), whilethebackground‘wallofpictures’isstillverywellrecognizable(largecellsize). Step1:createthewallofpictures Tocreateawallofpictures,thesourcepictureisofnoimportance. Thereisonerequirementthatweneedtofulfill:thesourcepicture aspectratiomustbeequaltothesourcemaskpicture(‘aspect ratio’means:widthoverheight). SowesimplyloadthesourcepictureOneParrot.jpg(size:800x600 px).Thefollowingsettingsnowapply: ‐alphamaskisa_Circle(viatabMasks) ‐Sizeis96px,shapeismosaic(viatabSizeandshape) ‐PrintsizeisA2 ‐backgroundsettoColoredcanvasinwhitecolor ‐ChaoticsissettoUseeverypictureandRandomize ‐RandomsettingsaresettoBuildandPattern ‐increasetheAmountofrandompointstoappr.60% Thesesettingswillnowgenerateawallofpictures.Allpicturesareusedandpositionedin randomorder(Chaotics);thepicturesdonotfollowapattern(Randompattern),andareputon anemptywhitecanvas.Theresultisawallofpictureswithagoodrecognizablecontent(96px insize).WeusethelibraryEarth,withaminimumpicturesizeof96pixelstoavoidpixelation. PressCreateandmakesuretheresultissaved(eitherdoneautomatically‐seePreferences‐or manuallyviaFile/Savemosaicas).

Figure:theresultofthe‘wallofpictures’settings.Eachpictureisverywellrecognizable. Step2:prepareandloadthesourcemaskandnewsourcepicture Remember:thisisthehardway.Openyourfavoritebitmapeditorand makeasourcemaskwiththetext.Thencreateanewwhitebitmap.Both picturesareshownontheright. Note:thewhitepictureisfullywhite.Wehaveputablacklinearound thebitmaptomakeitvisibleinthistutorial… Whenallfilesareavailable,loadthefilesinMosaizerPro:loadthewhite pictureasSourcepictureandloadthemaskasSourcemask.Finally,load theresulting‘wallofpictures’fromstep1asthe(new)Backgroundpicture. Step3:changethesizesettingsandcreateatextphoto‐mosaic WecannotyetpresstheCreatebutton,becauseweneedto(re)setafewsettingsfirst: ‐un‐checkalltheChaoticsandRandomsettingsbut ‐keeptheCellsizeof96px

Finally,presstheCreatebuttonandlookatthe(notsoimpressive)result(picturebelow).

Picture:theresultofa‘wallofpictures’withasourcemaskwithcellsofthesamesize Step4:changethesizesettings Aswesee,thesamecellsizeasthebackgroundpicturecreatesalessreadabletext.Wecan howeverclearlyrecognizeeachofthebackgroundpictures.Sowechangethecellsizefrom 96pxto48px(remember:thecurrentsourcefileiswhite,sothetextwillbecomewhite).

Figure:thereadabilityofthetexthasimproved(48pxinsteadof96px)

Figure:thetotalpictureandaclose‐upwhenacellsizeof32pxischosen

Wecannowusetheparrotpicturetodothesame.Thedifferencesbecomeclearwhenwe decreasethecellsizetocreateagoodreadabletextandrecognizablebackground.

Figure:theparrotpicturewitha96pxbackgroundanda48pxtext(100%detailontheright)

Figure:theparrotpicturewitha36px(left)and24px(right)textagainsta96pxbackground Sometips: ‐usetheMosaicpatterninsteadofaRandompattern ‐mixthetypesofpatternstobettermatchyourtextintentions:airregularbackgroundwith randompatternandaregulartext(i.e.sourcemask)patterns,e.g.Mosaicordifferently shapedusingtherectangularpattern,suchasBrickandFence ‐useadifferenttextcolor,byreplacingthewhitebitmapwithyourbitmapofcolor.By usinganormalsourcepicturethetextcolorcanevenfollowthecolorsofthesource picture(butbecareful,somecolorsmayblendwiththecolorfulbackgroundandbecome unreadable).Someexamplesareshownonthenextpage.

Figure:differentsourcefilesgivedifferenteffectsinthetext.Theinsetisthesourcepicture. Linkwithanothertutorial:usingasourcemaskonabackgroundpicture Thetutorialonusinga‘sourcemaskonabackgroundpicture’overlapsthecontentofthe currenttutorial.Thisisbestdemonstratedusinganexample.Wearegoingtouseapictureina maskonabackgroundpicture.Settings(NB:allfilesmusthavethesameaspectratio): ‐theKeithHaringBabysourcemask(searchonGoogle…makesuretheblackisreallyblack) ‐thewhitebitmapassourcepicture ‐thebackgroundpictureaswemadeinstep1ofpart2(‘thehardway’) ‐a3Dshadoweffect(eastandsouth3px) ‐theb_WaxyCrayonbrushmaskasthealphamask ‐theColorizevalueoftheoverlaysettomax(=10) ‐theBackgroundpictureischecked(tabSpecials) ‐theRandombuildandpatternarealsochecked ‐themaskisrandomlyrotatedbetween‐30and30degreesandrandomlyresizeddownto min.25%(tabQuicksettings/Othersettings) ‐Cellssize=36px,Printsize=A2andResolution=200dpi(equaltomorethan22kcells)

MosaizerPro ©APPHelmond February2009 www.mosaizer.com