In deze tutorial wil ik u een paar technieken laten zien voor het creëren van het lange schaduweffect in recente ontwerptrends. Voel je vrij om mee te lezen en te kiezen welke het beste past bij jouw ontwerpbehoeften.
Met een document van jouw grootte gemaakt, laten we beginnen met het selecteren van de Afgeronde rechthoek-tool en maak een rechthoek van elk formaat en elke radius naar keuze. Ik gebruik de onderstaande informatie.
Om dingen eenvoudig te maken, zal ik tekst gebruiken om het effect te creëren, maar deze technieken kunnen worden toegepast op elke vorm die je voor je pictogram hebt. Ik heb de onderstaande tekst toegevoegd met de volgende instellingen.
Met onze nog steeds geselecteerde tekst navigeer je naar de Verschijning paneel (Venster> Uiterlijk) en klik op de Nieuwe vulling toevoegen optie onder in dat paneelvenster. Zorg dat je klik en sleep de nieuw gemaakte opvulling onder de regel "Characters" verschijnt achter de tekst zelf. Op dit moment zal het niet lijken alsof er veel is gebeurd.
Dit is waar de magie gebeurt. Selecteer de Vullen regel en klik vervolgens op Nieuw effect toevoegen vanaf dan onderaan het paneelvenster en kies Vervormen en transformeren> Transformeren en voer de volgende instellingen in. Je kunt dan de ondoorzichtigheid van die vulling naar ongeveer 12% of waar je je ook maar op je gemak voelt.
Zoals u kunt zien, maken we meerdere kopieën van de vulling en duwen deze vervolgens één pixel op en neer, zodat deze vloeiend wordt herhaald en onze vlakke schaduw wordt gecreëerd. Helaas wordt de schaduw nu weergegeven boven het pictogramelement dat we eerder hebben gemaakt, dus laten we nu een masker maken.
Selecteer de Afgeronde rechthoek en vervolgens Kopiëren en Pasta het voor de tekst zelf. Met zowel de tekst als de bovenste meest afgeronde rechthoek geselecteerd klik met de rechtermuisknop op het tekengebied en kies Maak knipmasker. De extra schaduwbits worden nu verborgen en u kunt doorgaan en de onderliggende afgeronde rechthoek selecteren en dezelfde techniek toevoegen om daar ook een schaduw voor te creëren.
Stel uw document in zoals u eerder deed en selecteer de tekst nogmaals. Kopiëren en Pasta jouw tekst achter het origineel (Command + C> Command + B) twee keer om een totaal van drie exemplaren van uw tekst te maken. Pas nu de kleur aan naar zwart.
Selecteer de onderste kopie en houd deze ingedrukt Verschuiving op het toetsenbord sleep het naar beneden in een hoek van 45 graden zodat de rand van de tekst net de rand van de rand van de afgeronde rechthoek raakt. Laat nu de ondoorzichtigheid naar 0%.
Selecteer nu zowel de volledig transparante tekst als de zwarte ondoorzichtige tekst en navigeer vervolgens naar Object> Blend> Mengopties en voer zoveel in Opgegeven stappen zoals je wenst. Ik blijf bij 150 om het een mooie soepele overgang te geven.
Je kunt nu de overall laten vallen ondoorzichtigheid van de blend naar 12% pas dan de maskeerstappen toe vanaf de eerste techniek en dupliceer deze techniek ook voor de afgeronde rechthoek.
Deze techniek is vergelijkbaar met de vorige. Je kopieert en plakt de tekst twee keer achter het origineel en maakt een blend. Het is echter niet nodig om de dekking van de laatste kopie te laten vervallen.
Met de blend gemaakt bezoek Object> Uitbreiden. Hierdoor wordt de overvloeiing vrijgegeven aan 150 individuele vormen die worden geselecteerd. Met deze vormen nog steeds geselecteerd bezoek de verkenner (Venster> Pathfinder) en selecteer Verenigen. Hiermee worden alle vormen samengevoegd.
Schakel met deze nieuw gemaakte vorm de optie in Gereedschap Verloop (G) en maak een zwart tot transparant verloop dat over een hoek van 45º loopt. Laat ook de algehele dekking voor deze laag vallen.
Als je merkt dat na het samenvoegen er nogal wat ankerpunten zijn voor deze vorm. Laten we doorgaan en deze verminderen, zodat onze vorm helemaal schoon is.
Omdat onze algehele vorm vrij eenvoudig en hoekig is, zou het eenvoudiger zijn om gewoon in te zoomen op onze vorm en met de Pen gereedschap (P) bezoek Bekijken> Slimme hulplijnen en je kunt snel rond de vorm klikken om deze opnieuw te maken. Als u de toets ingedrukt houdt Verschuiving toets op uw toetsenbord, hiermee kunt u eenvoudig rechte of 45º lijnen maken. Als u een meer complexe vorm of pictogram hebt waarop u deze techniek gebruikt, wilt u mogelijk andere methoden gebruiken of de ankerpunten verminderen.
Een andere snelle methode zou zijn om de Directe selectie gereedschap (A) en selecteer de ongewenste punten en selecteer vervolgens Verwijder geselecteerde ankerpunten in de Controle paneel.
Je kunt deze vorm ook maskeren en de stappen herhalen om er een te maken voor de afgeronde rechthoek eronder.
Zoals u kunt zien, zijn de eerste twee volledig niet-destructief en kunnen de tekst of pictogrammen gemakkelijk worden bijgewerkt of aangepast. De laatste kost wat meer moeite, maar ze kunnen allemaal eenvoudig worden geïmplementeerd en aangepast aan uw behoeften.