HowtoTurnYourPhotosintoLegowith

Photoshop
PHOTOEFFECTS

ByDennyTang
March26,2014

TurnanyofyourphotosintoabrickmosaicinspiredbytheofficialLegophotoapp!
ThisPhotoshoptutorialwillshowyouhowtocreatetheeffectfromanyphotoand
itsreallyeasytodo.Youlllearnhowtopixelateyourphoto,createabrickpattern
andoverlayitontopofyourphoto,andcompressthebricksintoalimitedcolor
palettetomakeitlookmorerealistic.Followthistutorialandcreateyourowncool
brickmosaicphoto!

VideoTutorial

ERRO
AURLsolicitadanopodeserrecuperada
NatentativaderecuperaraURL:http://www.youtube.com/embed/Y71YQEucFyU
Oseguinteerrofoiencontrado:
ProibidooAcesso.

Ocontroledeacessosimpediusuarequisio.Casovocnoconcordecomisso
porfavor,contateseuprovedordeservios,ouoadministradordesistemas.

GeneratedMon,25May201518:01:58GMTbyfirewall.jirau.obra(squid/3.0.STABL

PreviewofFinalResults

PhotoshopTutorials
Downloads
CreativeInspirations
ProductReviews
Deals

Subscribetoou
latestPhotosho
premiuma

Enterem

Enteremailad

Step1

233k
Fans

OpenanyimageyoulikeintoPhotoshop.Werecommendusinganimagethatsat
least20002000pixels.Ifyourimageisntlargeenough,youcanusetheImage

3,411

Followe

Sizetool(Image>ImageSize)toresizeitupdontworryaboutgettingablurry
imagefromupscalingbecausewellbepixelatingitanyways!

118k

Subscribers

Followe

IllbeusingthisimagefromShutterStock.Simplephotosliketheonebelowwill
havebetterresultsthanabusyphoto(ex.cityscapephoto).

LATEST DESIGN DEAL

800+H
Creativ
MegaB
only$2

only$2

TheTo
Design
GrabB
(Thous
Resou
$39

DataG
Secure

Step2
Duplicatethelayersothatyouhaveabackupcopy.Youcanduplicateyourlayer
bypressingCtrl/Cmd+J.RenamethislayertoBricks.Rightclickonthenewlayer
thenselectConverttoSmartObject.ByconvertingthelayerintoaSmartObject,
wecanapplySmartFilterswhichgiveyoutheoptionofchangingyoursettingsata
latertime.

Step3
Next,gotoFilter>Pixelate>Mosaic.AdjusttheCellSizesettinguntilyoucan
barelymakeouttheimage.Thissettingwilldeterminethesizeofyourbricks.
Rememberthecellsizesettingbecausewellneeditforthenextstep.

Step4
Createanewdocument(Ctrl/Cmd+NorFile>New)withthesamewidthandheight
asthecellsizesettingyouusedearlier.Forexample,ifyouusedtheMosaicFilter
withacellsizeof64square,thenyouwouldcreateanew6464pixelsdocument.

Step5
PressShift+BackspaceorgotoEdit>FilltoopentheFilltool.Inthedropdown
menu,select50%GraythenclickOK.

Yourdocumentwillbefilledwith50%gray.

Step6
SelecttheEllipsetool(U)thencreateacircleinthecenter(thecolorofthecircle
doesntmatter).Youcancreateaperfectcirclebyholdingtheshiftkey.Switchto
theMovetool(V)topositionitinthecenterofyourdocument.

Step7
Nowweregoingtoturncreateabevelfromthecircleusinglayerstyles.Goto
Layer>LayerStyle>BlendingOptions.Setthefillopacityto0thiswillmake
everythingbutyourlayerstylesinvisible.

SelectandcheckmarktheBevel&Embosslayerstyle.SetthetechniquetoChisel
Hardthenadjustthesizesothatyougetabevelthicknesslikeshownintheimage
below.Youcanalsoadjusttheshadinganglewhichis120bydefaultIchanged
mineto90.

Next,enabletheDropShadowlayerstyle.SettheDistanceto0pxthenadjustthe
sizesothatitlooksliketheimagebelow.ClickOKtoapplythelayerstyleswhen
youredone.

Step8
Weredonecreatingthebuttoninthecenterofthebrick.Next,welladdasubtle
beveltotheouteredgeofthebrick.Todothis,weregoingtoapplyalayerstyleto
thebackgroundlayer,butbeforewecandothat,weneedtoconvertthe
Backgroundlayerintoaregularlayer.Youcandothisbydoubleclickingthe
backgroundlayerorrightclickingandchoosingLayerfromBackground.

RightclickontheBackgroundlayerthenchooseBlendingOptions.Enablethe
Bevel&EmbossoptionthensettheTechniquetoChiselHardandSizeto12px
(sothatitlookssimilartotheimagebelow).Ifthebevellookstoostrong,youcan
lowertheHighlight/ShadowOpacitysettingonthebottom.ClickOKtoapplythe
layerstyles.

Step9
Nowweneedtoturnthisimageintoapattern.GotoEdit>DefinePattern.Nameit
anythingthenclickOK.

Step10
Closethecurrentdocumentwithoutsavingandswitchbacktoyourmain
Photoshopdocument.CreateanewPatternadjustmentlayerbyclickingonthe
NewAdjustmentLayerbuttoninyourLayerspanelthenselectingPattern.

SelectthebrickpatternthenclickOK.

Step11
ChangetheblendingmodeofyourlayertoLinearLight.Youllnowhaveabrick
imageandthisiswhatyourphotowilllooklikeifbrickscameineverycolorand
shade.

Step12
Becausebricksdontcomeineverycolorandshade,weneedtocompressittoa
morelimitedcolorpalette.Welldothiswithtwolayersonetoaffectthetoneand
theotherforthecolor.InyourLayerspanel,clickontheNewAdjustmentLayer
buttonthenselectPosterize.MovethislayerbelowyourPatternFilllayerthen
changetheblendingmodetoLuminosity.TheLuminosityblendmodeprevents
yourlayerfromaffectingthecolorsinyourimage.

AdjusttheLevelssettingtoanywherefrom48.

Step13

Nowweneedtocompressthesaturationofthecolorstoamorelimitedrange.To
dothis,createanewredSolidColorfilllayerbyclickingontheNewAdjustment
LayerbuttoninyourLayerspanelandselectingSolidColor.

PickanycolorthensettheS(Saturation)to75%andB(Brightness)to100%.The
H(Hue)canbeanycolor.ClickOK.

MovethislayerbelowyourPatternfilllayerthensetthelayerblendingmodeto
Saturation.

FinalResults
Heresthefinalresults!YoucanadjusttheopacityofyourPosterizelayerifyou
needtobringbackmoretoneintotheimage.

IfyouwantyourbrickphototolookmoreliketheofficialLegoPhotoapp,simply
changetheblendingmodeofyourPosterizelayertoNormal.

DownloadthePSD
Download
BrickMosaics.zip|66.5MB
PhotoshopActioncomingsoon
Facebook

Twitter

Google+

Pinterest

Email

14 comments

LisaCostilla
Illtestitwithmyfacebookpicture:)
Thisisusefultoblurandgiveatmospheretothepicture
March25,2014

Reply

JorgeHdz
superthankyou
April2,2014

Reply

PauloRomero
Thankyouforthistutorial,Ilovedanditisveryuseful.
Photoshopissorichtoolthatweshouldalwayslearn
April2,2014

Reply

HillaryMorales
cool.
IjustlearnedanewtrickinPhotoshop:)
Continuetopublishlessons,thankyouDennyTang
April2,2014

Reply

RaulMelussa
Iloveit!
EventhoughIbases,Icouldlearnstuff,actually.
Itisclearandyouexplainedverywell,continueslonglikethat,buddy!
April2,2014

Reply

RobertHollyNorton
Thankyoualotyouareunderstandablecomparedtomanyothertutorialthat
maketrickthatwecannotdo

Reply

April2,2014

JonathanTierrablanca
wellexplained!thankyou..
Reply

April2,2014

DavidUrieta
GoodWork.
Prettygirlinthephotoisalsogood:):)
Reply

April22,2014

rhodel
thanksalotforPhotoshoptutorial
Reply

April30,2014

Dipsi
Thanksformyphotoshopworldmakingcolourfull.
Reply

July7,2014

1 2

Add comments

Comment
Name*

Send

Advertise Contact PrivacyPolicy WriteforUs

Copyright2015byPhotoshopTutorials.