Share
Vlammen zijn bijzonder moeilijk te renderen in Photoshop, maar in deze tutorial laat ik je zien hoe je een foto van vuur gebruikt om tekst in de wedstrijd in te stellen. We zullen het uiterlijk weergeven op een mooie donkere achtergrond met een prachtig teksteffect om de afbeelding te voltooien.
Dit is de tweede van onze vijfdelige serie over Photoshop Typography. Als je vorige week hebt gemist, ga dan naar Create a Spectacular Grass Text Effect.
Dus maak een nieuw document in Photoshop op 1920px breed x 1200px hoog en teken met het verloopgereedschap (G) een radiaal verloop van bruin (# 5c3d09 tot # 1f1409), zodat je iets krijgt zoals hieronder weergegeven.
Merk op dat de helling niet verticaal gecentreerd is maar naar de bovenkant toe zit. In deze afbeelding willen we dat de bovenkant van de tekst in brand staat, dus het bovenste gedeelte van de afbeelding moet iets meer worden verlicht.
Net als in de graantekst-tutorial hebben we weer een gestructureerde achtergrond. Maar in plaats van helemaal opnieuw te beginnen, heb ik de achtergrond van de vorige zelfstudie gekopieerd, alle lagen samengevoegd en desaturated om te krijgen wat je hieronder ziet.
Als je dit helemaal opnieuw wilt maken, ga je eerst naar Bittbox voor de originele papieren texturen en volg je de stappen van de vorige zelfstudie.
Nu stellen we de laag in op Overlay en mengen we de textuur in de achtergrond en voila!
Gewoon om wat meer textuur toe te voegen, laten we het Texturizer-filter uitvoeren. Maak hiervoor een nieuwe laag en vul deze met een bruin / beige kleur - # 66500f. Ga vervolgens naar Filter> Textuur> Texturizer en gebruik de Canvas-textuur met 80% schaal en reliëf ingesteld op 4.
Zodra je je getextureerde laag hebt ingesteld, stel je die in op Overlay. Dit voegt wat extra fijn detail toe aan onze textuur, wat goed is omdat we aan zo'n groot canvas werken.
Vervolgens gaan we een laag aanbrengen om de onderste helft van de afbeelding enigszins te verzadigen. Dit is zodat de bovenkant eruit ziet alsof het een warmere gloed heeft waar de vlammen zijn, terwijl de onderkant er wat kouder uitziet.
Dus maak een nieuwe laag en vul deze met de kleur # 4b4f3b. Voeg vervolgens een laagmasker toe met een verloop om de bovenkant te maskeren en vervaag (zodat je het weergegeven effect krijgt).
Zet nu de laag op Kleur en 45% Dekking.
OK, we hebben nu een mooie achtergrond! Dus laten we wat tekst toevoegen. Ik heb het lettertype Trajan gebruikt omdat het een echt dramatisch uitziend lettertype is. Hier heb ik de tekst in de kleur # cb9328 geplaatst, en vervolgens ingesteld op Lineair ontwijken (toevoegen) met een dekking van 8%.
Wat we gaan doen met onze tekst, is dat het lijkt alsof de bovenste helft van de tekst uit de achtergrond komt en roodgloeiend is met vlammen die flikkeren. Dit betekent dat we veel effecten zullen uitvoeren en laagmaskers zullen toepassen, zodat alleen de bovenste helft wordt weergegeven, terwijl de onderste helft terugkeert naar vervaagde tekst zoals we nu hebben.
Dus maak eerst een nieuwe laaggroep om alle tekstlagen in te plaatsen, want er zullen er veel zijn.
Dupliceer vervolgens de tekstlaag en stel de kleur van de dubbele tekst in op # 5e3f1c.
Stel nu de nieuwste tekstlaag in op Overlay en 70% Opacity. Het ziet er nogal roodachtig uit (zoals hieronder te zien is).
Dupliceer nu de tekst nog een keer en stel het laatste duplicaat in op een geelachtige kleur - # cb9328. Stel dit in op Lineair ontwijken (toevoegen) en dekking op 30%.
Vervolgens voegen we een laagmasker toe en tekenen we een verloop zodat de nieuwste tekstlaag vervaagt, zoals hieronder weergegeven, en onder je de roodachtig gekleurde combinatie van de onderste twee tekstlagen kunt zien.
Vervolgens dupliceren we de tekstlaag nog een keer, maar zet deze laag helemaal onderaan. Stel de kleur in op zwart - # 000000. Ga dan naar Filter> Blur> Gaussian Blur en het zal je vragen om de tekst te rasteren, klik daar ja op en zet dan de Radius op ongeveer 4px.
Klik vervolgens Ctrl-klik op een van de andere tekstlagen en ga terug naar de zwarte laag en druk op delete zodat je een soort schaduw achterlaat. Dupliceer vervolgens deze laag en voeg deze samen met de eerste zodat het effect zwaarder is. Je zou iets moeten hebben dat op de onderstaande screenshot lijkt.
Voeg opnieuw een laagmasker toe zodat de schaduw snel vervaagt zoals weergegeven. Hierdoor lijkt het of de tekst uit de pagina komt.
Dupliceer nu onze zwarte laag opnieuw en gebruik de Smudge Tool (R) en een tamelijk zachte penseel waarvan je de schaduw wilt vegen zodat het lijkt op brandplekken.
Dit is hoe onze tekst er nu uitziet. Ik heb eigenlijk twee sets "brand" -tekens gemaakt en vervolgens vervaagden vier sets van de schaduwlaag iets meer dan de laatste en vervaagde elke keer.
Nu is het tijd om het bovenste gedeelte van onze tekst te laten gloeien. Dus eerst en vooral de tekstlaag dupliceren nog een keer en plaats deze laag helemaal bovenaan en zet deze op een gele kleur - # dc9a08.
Voer vervolgens een Filter> Blur> Gaussian Blur uit met een straal van 8px. Pak vervolgens een grote zachte gumborstel vast en wis onderdelen weg aan de onderkant, zodat het een beetje oneffen is.
Zet onze eerste gloeielaag op Zacht licht. Misschien wil je het proces herhalen, en nog meer wissen, zodat het bovenste gedeelte nog roder is.
Dupliceer nu de tekstlaag nogmaals en plaats deze helemaal bovenaan. Deze moet weer hetzelfde geel zijn (# dc9a08).
Ga vervolgens naar Laag> Rasteren> Typ en verander de tekst in een platte afbeelding. Klik vervolgens Ctrl-klik op de laag en ga naar Selecteren> Wijzigen> Inkrimpen en gebruik een waarde van 1px. Druk vervolgens op Delete om alles behalve die 1px-outline te verwijderen.
Zet nu de 1px-laag op Overlay en je zou iets van de onderstaande afbeelding moeten hebben.
Voeg nu aan onze 1px-gloed een laagmasker toe om het uit de onderkant te laten vervagen zoals we met de andere lagen hebben gedaan.
Dupliceer vervolgens de laag en voer Filter> Blur> Gaussiaans vervagen in op 1px. Dupliceer vervolgens deze laag opnieuw en vervaag deze met 2 px. Dupliceer vervolgens de laag opnieuw en vervaag deze met 4 px.
Klik vervolgens Ctrl-klik op een van de tekstlagen, druk op Ctrl + Shift + I om de selectie om te keren en door elk van de gloeielagen te gaan en druk op Wissen om een van de wazigheid te verwijderen die uit de grens van de tekst is verdwenen.
Het idee is dat we willen dat de randen van de tekst er roodgloeiend uitzien en vervagen tot een algehele warme gloed op de tekst.
Vervolgens dupliceren we alle vier van de gloei lagen en voeg ze samen. Dit zou moeten resulteren in een laag bovenop die het originele felle geel is.
Pak de Smudge Tool en ren over de tekst, veeg hem op en zie eruit alsof hittegolven uit de tekst komen, zoals te zien is in de afbeelding..
Zet deze nieuwste laag nu op Overlay en je zou iets moeten hebben dat er zo uitziet!
Nu hebben we onze tekst bijna voltooid. Ik ging door en dupliceerde enkele van de gloedlagen om het er nog vuriger uit te laten zien. Voel je vrij om te experimenteren met een echte gloeiende gloed.
Vervolgens ben ik in overeenstemming met de laatste achtergrond gegaan en heb ik een citaat toegevoegd onder mijn hoofdtekst. Dit levert een mooie verfraaiing op voor de pagina. Probeer kleuren te gebruiken die passen in de achtergrond- en tekstlaag, zodat deze niet te veel opvalt, omdat we echt willen dat dit een secundair element is in de hoofdtekst. Ik heb Swiss Light Condensed als mijn lettertype gebruikt en het net zoals in de vorige Grass Text-tutorial uitgelegd.
Eindelijk, met al onze voorbereiding gedaan, is het tijd om de echte vlammen toe te voegen! Hiervoor hebben we een aantal afbeeldingen van vuur nodig tegen een effen zwarte achtergrond. Een goede foto is moeilijk te vinden en toen ik het probeerde, kon ik geen echt geweldige gratis foto vinden. Dus uiteindelijk heb ik deze foto van Fotolia gebruikt die je kunt kopen via de onderstaande link. Er was ook een OK-foto van Flickr waar ik ook een link naar heb gemaakt en die ik later heb gebruikt voor de "E". Dus misschien wil je dat ook pakken.
AcheroN-Fotolia.com
Peasap-Flickr.com
De techniek om de vlammen over te nemen is eigenlijk heel eenvoudig. Ik heb deze techniek eigenlijk pas onlangs geleerd toen ik een van Nik Ainley's tutorials voor DigitalArts magazine genaamd Create Amazing Photomontages las, waar hij het deed met water.
Wat je moet doen is:
Dit is eigenlijk een heel, heel bruikbare techniek om iets doorschijnend als vuur van een platte achtergrond te kopiëren. En zoals je zult zien door de tutorial van Nik te bezoeken, is het ook geweldig om water te kopiëren!
OK, dus hier hebben we de vlammen op ons hoofddoek geplakt. (Voor de duidelijkheid heb ik ook de tekstlagen tijdelijk uitgeschakeld). Zoals u kunt zien, hebben we het vuur zonder de zwarte achtergrond en het is gedeeltelijk transparant, wat betekent dat het er super bovenop onze tekst zal uitzien.
Nu is het volgende wat je moet doen om ons één stuk vuur op te splitsen in een paar stukjes. Dupliceer de laag en schakel er eerst een uit als back-up. Gebruik dan het gereedschap Pen om het vuur te snijden, zodat je met de contouren van de vlam werkt, zodat het er natuurlijk uitziet. Hier kun je zien dat ik vier stukken vlam uit het ene beeld heb geproduceerd. Je kunt ook proberen om rond te draaien om ze meer willekeurig te laten lijken.
Zet de lagen in de Schermmodus, zodat alle resterende zwarte delen helemaal verdwenen zijn en het nog transparanter is.
Omdat mijn tekst slechts uit vier letters bestaat, heb ik vier afzonderlijke stukken vuur nodig. Voor de vierde (bovenop de E) Ik pakte die Flickr-foto en herhaalde hetzelfde proces als eerder om een nieuwe vlam te maken. Ook het vuur op de brief ik is ook iets geplet om het meer willekeurig te laten lijken.
Het toepassen van de brand is echt net zo eenvoudig als het verplaatsen van de vlammen over de tekst. Je wilt proberen de vlammen te laten overeenkomen met de vorm van de letter, zodat het lijkt alsof ze van de letters dansen.
OK hier heb ik alle vier de stukjes vlam over geplaatst. Het is niet slecht, maar je kunt zien dat de I en de R dezelfde vlam hebben en ook alle vlammen zijn niet erg hoog.
Dus hier heb ik elke vlam doorgenomen en met de Transform Tool verticaal uitgerekt. Ook gebruikte ik een beetje oordeelkundig wissen om de vlam te maken op de ik zien er iets unieker uit.
Om ze nog meer verlicht te laten lijken, dupliceer je elke vlamlaag, voer je Filters> Vervagen> Gaussiaans vervagen uit met een straal van 3px en stel je de laag in op 15% dekking, zodat het een beetje gloeit rond de randen van de vlammen..
Dus we zijn er bijna! Dit is hoe de compositie eruitziet.
Eindelijk voegen we een laatste hoogtepunt toe. Dus maak een nieuwe laag boven alle andere en teken in een wit naar zwart radiaal verloop zoals weergegeven. Zet deze laag op Overlay en 40% Dekking.
En daar hebben we het, een tekst in vuur en vlam! In de volgende tutorial in de serie zullen we de Air-afbeelding produceren, maar het zal over twee weken zijn, en niet één, omdat ik een paar dagen vrij neem!
Als je in Photoshop graag nieuwe vlammen wilt maken, kun je ook deze klassieke tutorial bekijken die toevallig exact hetzelfde lettertype gebruikt! Het is een zelfstudie van Photoshop 6, en ik kan me nog steeds herinneren dat ik het een half decennium geleden heb gelezen, maar het is nog steeds erg relevant, zelfs als de schermafbeeldingen een Super Retro Mac-interface bevatten.
Accentsconagua