Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
32 0
HowToCreateAnEpic 3 15
MetallicBandLogo
Everybandunderstandstheimportanceoftheirvisualimage,andhowthatcomeacrossto
theirlisteners.Abigpartofthatvisualimageformostmusiciansisintheirlogo,it'swhat's
printedontheirCDs,posters,Tshirtsetc.Andthebeautyofabandlogoisthat,unlikeitin
worldofbusiness,abandlogocanoftenbealotmoreliberalwithspecialeffects,
atmosphere,andimpact.Whichcanleadtosomeveryexcitingresults.
ThistutorialwillguideyouthroughtechniquesinPhotoshopthatwillcreateanatmospheric,grungylogo,perfectforindustrial, TonyThomas
rockormetalbands.Andthetechniquesyouwilllearnareapplicabletomanymoresubjects,themostobviousonesbeing
movieandgametitles.
Writeforus
RelatedResources
RequiredResources
Forthistutorialyouwillneedafewfileshandy.Wehavepreparedsomefreesamplesofourpremiumresourcesforyouto
use:
GlitchImageEffect $7
Generator
FreeSamplefromDarkGrungeTextures
FreeSamplefromScratchedMetallicTextures
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 1/20
25/02/2016 HowToCreateAnEpicMetallicBandLogo:Medialoot
Youwillalsoneedthisfonttofollowthetutorialexactly:Ethnocentric
FinalResultPreview
TreeRingTextures Free
Beforewegetstarted,hereisapreviewofwhatwewillbecreating:(clickforfullsize)
AnimatedSVG $7
Preloaders
HeadlineType $6
Templates
Step1
InstantImageEffect Free
forPhotoshop
Tostartoff,launchPhotoshopandcreateanewdocument,RGBColor,width1200pixels,height600pixelsand72
pixels/inch.
VectorLandscapes $6
Vol3
Step2
GrabthefreesamplefromtheDarkGrungeTexturespack,andplaceinonthecanvas.Itshouldfillthewholedocument
horizontallyandoverlapslightlyvertically.Thiswillbeourbackgroundlayer.
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 2/20
25/02/2016 HowToCreateAnEpicMetallicBandLogo:Medialoot
Step3
FindtheAdjustmentspanelandaddanewBrightness/Contrastadjustment.(InolderversionsofPhotoshopImage>
Adjustments>Brightness/Contrast).Thecurrentbackgroundimageisalittlestrongsoweregoingtotoneitdownbyreducing
theBrightnessandContrast.
Step4
AddaHue/Saturationadjustment(InolderversionsofPhotoshopImage>Adjustments>Hue/Saturation)ChecktheColorize
boxandmovethehueintotheblueregionandreducethesaturationto10.Thiswillgiveaverysubtlecoldtinttothe
background.
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 3/20
25/02/2016 HowToCreateAnEpicMetallicBandLogo:Medialoot
Step5
Nextweregoingtoaddourlogotype,usingtheTextTool,typeyourbandnameinthecenterofthecanvas.Imgoingtocall
mybandFakultyaniceindustrialname.AndweareusingtheEthnocentricfonthere.
Step6
Thekerningisalittlemessybydefault,sotidythisupbyreducingsomeofthelargergapsbetweentheletters.
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 4/20
25/02/2016 HowToCreateAnEpicMetallicBandLogo:Medialoot
Step7
Ourtextissittingquiteflushnow,butweregoingtomakesomeslightadjustmentstothefonttoimproveitfurther.Rightclick
thetextlayerandConverttoShape
Step8
NowusingthePenorDirectSelectiontooladjustthevectorpointsonthetext.IntheimagebelowIhavehighlightedwhich
areasofthetextImodified.OntheFItuckeditinalittlebittolineupwiththeslantoftheA.IremovedtheslantontheL,
andswitchthedirectionoftheslantontheT.
Takesometimewiththisstepandmakesureyougetitjustright.Alsoifyouareusingadifferentfontorbandname,familiarize
yourselfwiththefontscharacteristicsbeforeyoustartmakingedits,otherwiseitwontseemnatural.
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 5/20
25/02/2016 HowToCreateAnEpicMetallicBandLogo:Medialoot
Step9
Changethecolorofthetext,Ivegonewithaslightlydarker,desaturatedblueforacoldfeel.
Step10
Nowitstimetoaddsomelayerstyles.Thesemightseemalittleharshatfirstbuttheygettoneddownbyextralayersadded
later.
Firstup,DropShadow:
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 6/20
25/02/2016 HowToCreateAnEpicMetallicBandLogo:Medialoot
Step11
BevelandEmboss:
Step12
Contour:
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 7/20
25/02/2016 HowToCreateAnEpicMetallicBandLogo:Medialoot
Step13
GradientOverlay:
Step14
Stroke:
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 8/20
25/02/2016 HowToCreateAnEpicMetallicBandLogo:Medialoot
Step15
Afterapplyingthelayerstyles,youshouldhavesomethinglookingalittlelikethis:
Step16
Duplicateyourlogolayersothatitisplaceddirectlyabovetheoriginalthatwejustappliedeffectstoo.Makethenewlayer
whiteagain,andclearitslayerstyles.
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 9/20
25/02/2016 HowToCreateAnEpicMetallicBandLogo:Medialoot
Step17
GrabthefreesamplefromtheMetalScratchessetandplaceitonthecanvas.Thetextureshouldjustaboutcoverallofthe
text.MakesureitisinfrontofthewhitelogolayerandrightclickandCreateClippingMask.
Step18
Thetextureshouldbetrimmedtotheshapeofyourlogo.Werejustgoingtoincreasethedarkareasofthetexturebytweaking
theLevels(Ctrl/CMD+L)
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 10/20
25/02/2016 HowToCreateAnEpicMetallicBandLogo:Medialoot
Step19
Thatlooksgoodasitis,butagoodtechniquetoincreasethedetailofagrungetextureistoduplicatethelayer,Invert
(Ctrl/CMD+i)thecolors,andFlipVertical.ThenreducetheOpacitytoabout35%sothattheoriginallayercanbeseentoo.
Step20
Group(Ctrl/CMD+G)thetwotexturelayers,andthewhitelogolayer(theclippingmask).ThensettheBlendingModeofthe
grouptoHardLight.
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 11/20
25/02/2016 HowToCreateAnEpicMetallicBandLogo:Medialoot
Step21
Thelogolooksprettyawesomenow,butjusttofinishoffletsaddabitoflighting.DrawawhiteEllipseshapecoveringthe
logo.
Step22
ApplyaGaussianBlueataround75.
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 12/20
25/02/2016 HowToCreateAnEpicMetallicBandLogo:Medialoot
Step23
AdjusttheBlendingModeofthelayertoSoftLight,andsettheOpacitytoaround75%.
Step24
Nowforasubtleshadowinthebackground.Duplicatethelogolayeragainandcoloritblack.Moveitbehindtheoriginallogo
layer.
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 13/20
25/02/2016 HowToCreateAnEpicMetallicBandLogo:Medialoot
Step25
DistorttheshapeslightlyusingthePerspectivetool(Edit>Transform>Perspective).
Step26
Finally,addaGaussianBlurtotheshadowlayertofinishitoff.
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 14/20
25/02/2016 HowToCreateAnEpicMetallicBandLogo:Medialoot
Conclusion
Andthereitis!Clickheretoviewfullsize.Ihopeyouenjoyedthetutorialandhavelearnedalittleabouttweakingfonts,
workingwithblendingmodesandlayerstyles!Asalways,wewelcomeyourcomments!
SHARETHISPOST
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 15/20
25/02/2016 HowToCreateAnEpicMetallicBandLogo:Medialoot
Signupformore
email@example.com Subscribe
RelatedPosts
CreateaVectorCityscape HowtoPlaceLetteringinand
SceneinAdobeIllustrator AroundObjectsinaPhoto
Thisdetailedtutorialwillwalkyouthroughtheprocessof Acommonwayofdisplayaletteringpieceistoplaceitover
creatingavectorcityscapeinIllustratorstepbystep,using aphoto.Tomakethecompositionmoreinterestingitsalso
onlybasicshapessuchasrectangles,circlesandlines. commontohideportionsoftheletteringbehindobjectsinthe
Readmore photo.InthiseasytutorialIllshowyouamethodfor
achievingthateffect. Readmore
HowtoDesignforScreenmore CreateaConvincingHand
EfficientlywithIllustrator DrawnEffectinIllustrator
AdobeIllustratorisagreattoolfordesigningiconsandother Thistutorialwillshowyouhowtocreatearealistichand
vectorgraphicsforbothprintandscreen.Butasadesigner drawneffectinIllustrator.Idealforthosewithoutscanners,or
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 16/20
25/02/2016 HowToCreateAnEpicMetallicBandLogo:Medialoot
whocreatesartworkprimarilyforscreen,Ihavefoundthat forwhenyoualreadyhavethegraphicyouwantinIllustrator
someunconventionalmethodsinIllustratorcanmakeiteven butneedtogiveitaconvincinghanddrawneffect(without
moreefficient.Herearesomeofmytoptips... Readmore attemptingtorecreateitwithpenand... Readmore
Comments
TutsPress
Amazing!Thanksforthetutorial.Thelogolooksbeautiful!
Feb13,2012at9:07pm
Reply
TonyThomas
Thanksforthecomments:)Gladyoulikedit
(Irealisethisreplyisabitlate,sorry!)
Mar28,2012at10:07am
Reply
Fran
HiTony
CanIhireyoutocreatealogoforme?Aclientofmineneedsametalliclogosimilartoyoursample(butwithbolts
onitaswell).Iwashopingforavectorimage.IdontthinkIhavetheskillstopullitoff.Ormaybeyoucan
recommendanotherillustrator.
Thanks!
Aug9,2012at4:50pm
Reply
GnterWagner
Greatworkshop.Thankyou.IhopeIfindthetimetoimplementthisonceinoneofmylogos.Thatwould
beaninterestingexperiment.Icouldimaginethelookquiterespectable.
Aug29,2012at9:53am
Reply
Andranik
Thanksforthefantasticarticle.Ilearntmanythingsfromthisarticle.
Oct2,2012at6:57am
Reply
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 17/20
25/02/2016 HowToCreateAnEpicMetallicBandLogo:Medialoot
chilli
amazingtutorial!
isitalrightifIusethisasatemplateformybandlogo?
Muchappreciated!
Oct28,2012at4:52am
Reply
fighmma
goodtutorial
http://ultimatedesignerfx.blogspot.fr/2012/11/blogpost_24.html
Nov25,2012at2:01am
Reply
IwilltranslatethisstatementintoRussian,andhonorhisblogatyourexpense
Dec5,2012at9:01am
Reply
Ao24
NICETUTORIAL!:)
Jan12,2013at10:33pm
Reply
Gustavo
Muybiendescrito,pasoapaso.Seagradecesuexplicacin.SaludosdesdeChile.
Jan23,2013at3:46pm
Reply
Cade
Hithere,thisistotallyofftopicbutwasntabletoleaveacommentontheoriginalpost.
IdownloadedyourwordpressParallaxthemeandwaswonderingifyoucouldexplainhowtocropthegalleryphoto
thumbnails?Someofthephotosarecroppedfunnyandwouldliketofixthem(ifpossible?)Thanks!
Jan25,2013at3:04pm
Reply
Kliknijtutaj
Ivefollowedthisstepsandfinaleffectisamazing!
Thanks
May12,2013at12:43pm
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 18/20
25/02/2016 HowToCreateAnEpicMetallicBandLogo:Medialoot
May12,2013at12:43pm
Reply
TeeHee
Whatfontdidyouuse?Iwantitinmybanner!
Jul14,2013at12:38am
Reply
monjurulhoque
nicepagethanksforthegoodcontents.
Jul23,2013at3:02pm
Reply
ciptojunaedy
Iwassearchingforablogtolearnaboutmakingalogodesignformycompanyandyourpostwasthe
rightonetohaveareferenceforthesame.ThanksalotforthereferenceIwillmakesuretoutilizethesameformy
Companylogo.
Sep7,2013at4:15am
Reply
inquitech
Lookingforwardtoreadingmore.Greatblog.Reallylookingforwardtoreadmore.
Sep17,2013at5:57am
Reply
waagraphics
veryveryimppost
Sep22,2013at12:21pm
Reply
Namehpprintertechnicalsupport
Thanks,Itworks..
Feb12,2015at3:17pm
Reply
krishnacse
goodtutorial
Dec13,2015at6:08am
Reply
Mahmud
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 19/20
25/02/2016 HowToCreateAnEpicMetallicBandLogo:Medialoot
itsveryhelpfull
thankyou.
Dec22,2015at3:09am
Reply
Leaveacomment
Name
Website
Notifymeoffollowupcomments?
Submit
FAQ Joinus
About|License|Terms&Privacy|MemberPerks|2015Medialoot
http://medialoot.com/blog/howtocreateanepicbandlogoinphotoshop/ 20/20