In de tutorial van vandaag laten we zien hoe je elegante, glazige 3D-typografie kunt maken met Photoshop en Illustrator. Voor dit project heb ik mijn bedrijfslogo gebruikt. Voel je vrij om dit effect toe te passen op elk logo, elke tekst of vorm. Laten we beginnen!
Open het bestand "LOGO.fh11" uit het downloadbestand met Illustrator of open uw bestand. Importpagina: 1 van 1, kleurmodus: RGB.
Zoals u kunt zien, heb ik mijn logo geïmporteerd, waarbij een eerdere grijswaardengradatie al is toegepast. U kunt een vergelijkbaar verloop instellen met behulp van de onderstaande instellingen.
Het is heel belangrijk om niet te vergeten om het Layer-paneel te gebruiken. We hebben het logo toegevoegd aan het "LOGO FRONT A" en de slogan "SLOGAN FRONT A".
Voeg 2 nieuwe lagen in, via het lagenpaneel> dupliceren en hernoem ze in "LOGO FRONT B"
en "SLOGAN FRONT B".
Dupliceer het logo en de slogan. Als u de twee dubbele items in de nieuwe laag wilt invoegen, selecteert u het gedupliceerde item en klikt u op de nieuwe laag die is gemaakt. We plaatsen de twee nieuwe lagen in het lagenpaneel en slepen ze onder de laag "FRONT A".
Open het deelvenster Transformeren. Selecteer alle 4 elementen en pas een vervorming van 17 graden toe.
Breng vervolgens een rotatie van 17 graden aan.
Verberg de lagen "FRONT A", vanuit het lagenpaneel.
Selecteer LOGO FRONT B en verander de vulling van verloop naar effen kleur.
Verwijder de lijn door op het lijnpictogram te klikken.
Breng een effen kleur aan voor de laag SLOGAN FRONT B.
Selecteer LOGO FRONT B en SLOGAN FRONT B, wijs de twee elementen, de RGB-kleur: 77-77-77 Duplicate items toe en verplaats ze met behulp van het deelvenster Transformeren met de volgende instellingen: X: 50, Y: +29 daarna, pas RGB toe kleur: 139-142-141.
Breng in deze stap een blend aan zoals afgebeeld. Hiertoe stelt u de overvloeiopties in: Object> Overvloeien> Overvloeimogelijkheden, opgegeven stapwaarde: 50. En daarna selecteren we de twee logo's en passen een overvloeiingseffect toe door op het object> Overvloeien> Maken te klikken. Vervolgens moeten we ook het blend-effect op de slogan toepassen.
Nadat u de overvloei hebt gemaakt, verwijdert u de gedupliceerde lagen.
Heractiveer de twee lagen "LOGO FRONT A en SLOGAN FRONT A, en bereid alles voor, om het bestand voor Photoshop te maken.
Selecteer één voor één alle elementen van de scène in de volgorde van de lagen, knip ze uit en plak ze in een nieuw Photoshop-document van 1200x1200 px, vergeet niet de laag te hernoemen naar Photoshop, met dezelfde naam als Illustrator. De procedure is heel eenvoudig, vereist slechts enkele minuten, alle individuele niveaus kunnen worden geplakt of als Smart Objects of als rasterafbeelding.
Nadat u alle afzonderlijke lagen hebt geplakt, kopieert en plakt u alle lagen waaruit het logo in Illustartor bestaat samen, hernoemt u "RIF". Plaats deze laag onder alle andere niveaus. Deze speciale laag dient als referentie voor het juist uitlijnen van de afzonderlijk hierboven afzonderlijk geïmporteerde componenten.
Om deze taak gemakkelijker te maken, activeert u de module via Beeld> Uitlijnen en plaatst u de lagen één voor één.
Als dit is voltooid, wist u de laag RIF en gaat u verder met het gereflecteerde deel van het logo.
Om het gereflecteerde deel van het logo te maken, openen we in Illustrator het bestand
"LOGO REFLECTED.fh11"
Het logo reflecteren met Object> Transformeren> Reflecteren door verticale waarde 180 ° in te voegen.
Hernoem de lagen (LOGO FRONT A_R - SLOGAN FRONT A_R) en
(LOGO FRONT B_R - SLOGAN FRONT B_R)
We herhalen alle stappen van 1 tot 19 om het gereflecteerde deel van het logo in Photoshop te krijgen.
Als u alle bovenstaande stappen hebt voltooid, ziet uw afbeelding er ongeveer zo uit als in de onderstaande afbeelding. Zorg ervoor dat je lagen er ongeveer zo uitzien als hieronder.
Sleep de lagen van het gereflecteerde deel van het logo en plaats ze onder het logo. Plaats het spiegelgedeelte correct in de scène met het gereedschap Verplaatsen.
Centreer alle elementen in je scène.
Maak een nieuwe laag door naar Laag> Nieuwe laag te gaan, wijzig de naam "GRADIENT BASE" pas een opvullende witte kleur toe en pas een radiale gradiënt toe met een laagstijl, de parameters zijn hieronder.
Geef LOGO FRONT A een laagstijl met Inner Glow + Bevel en Emboss.
Kopieer de laagstijl die u zojuist hebt gemaakt en plak deze in:
SLOGAN FRONT A
LOGO FRONT A_R
SLOGAN FRONT A_R
Geef LOGO FRONT B, een laagstijl met deze parameters.
Kopieer en plak de laagstijl die u zojuist hebt gemaakt, op de laag LOGO FRONT B_R.
Kopieer en plak de laagstijl die je zojuist hebt gemaakt ook op de laag LOGO FRONT B_R en SLOGAN FRONT B_R Alleen op het niveau SLOGAN FRONT B moeten we in het paneel Satin de waarde Afstand veranderen van 127 tot 30. En de Overlay met kleurovergang uitschakelen alleen op SLOGAN FRONT B_R en LOGO FRONT B_R.
Voeg een laagmasker toe aan de lagen LOGO FRONT A_R en LOGO FRONT B_R, door op de te klikken
pictogrammen toevoegen vector masker.
Met het gereedschap Verloop (G) moeten we een verloop maken op de maskerlaag met een hoek van ongeveer 15 graden. Maar eerst moeten we het te gebruiken verlooptype bewerken, klik op de verloopbalk. We gebruiken de klassieke zwart-wit modus Multiply.
Het effect van het masker in de laag LOGO FRONT B_R moet sterker zijn in vergelijking met het masker LOGO FRONT A_R. Omdat de eerste, beter de donkere delen verbergt, terwijl de tweede een beetje meer reflectie toont van de heldere delen van het logo. Als u de uitkomst van de twee lagen wilt verbeteren, wijzigt u de dekking naar 55% en 70%.
We zetten de dekking in de laag SLOGAN FRONT B_R op 40% en het niveau SLOGAN FRONT A_R
tot 75%. Om de overlappende transparantie op te lossen, tussen SLOGAN B_R FRONT en
LOGO FRONT B_R, selecteer de laag SLOGAN FRONT B_R activeer de selectie met
Selecteer> Selectie laden en laat Ok.
Selecteer het laagmasker van LOGO FRONT B_R en pas een kleurvulzwart toe.
Als u de schaduw wilt maken, laadt u de selectie van de laag SLOGAN FRONT B met Selecteren> Selectie, maakt u een nieuwe laag op Laag> nieuwe laag en geeft u deze de naam "SCHADUWEN". Kleur je selectie zwart. De gecreëerde schaduwenlaag bevindt zich tussen LOGO FRONT A_R en SLOGAN FRONT A_R, met het gereedschap Verplaatsen gaat u een beetje naar beneden om het zichtbaar te maken.
Maak een selectie met het gereedschap Lasso, met de hellingshoek van het logo,
na deze stap wist u de schaduw die niet nodig is.
Pas een Gaussiaans vervagingseffect toe met een straalwaarde van 4 pixels.
Wijzig de dekking van deze laag in 75%.
Nu hoeven we alleen maar een nieuwe laag te maken, de naam van het "LICHT" te wijzigen, het op alle lagen te plaatsen.
We nemen een penseel met 1 pixelradius, tekenen met behulp van de shift-toets, goed gedefinieerd
rechte lijnen in alle delen scherp van het logo en slogan tekst. Deze stap levert een realistisch resultaat op
glas effect op het logo.