Acties kunnen worden gebruikt om repetitieve taken snel te automatiseren. In deze zelfstudie laten we zien hoe u een actie kunt maken die automatisch een 3D-softwarevak uit een platte sjabloon maakt.
Bekijk deze korte video en laat zien wat deze actie zal doen.
Onze eerste stap is het maken van een actie om de doeksjabloon te maken. Open het actiepaneel en klik op het mappictogram om een nieuwe set te maken. Noem het in Psdtuts + box. Klik op nieuw pictogram om nieuwe actie aan te maken en noem deze 1-Create Canvas. Klik op Record. Vergeet niet dat u niets moet doen dat niet nodig is, omdat Photoshop dat onthoudt. Zorg ervoor dat je deze tutorial van dichtbij volgt.
Onze eerste stap is het maken van het nieuwe bestand. Klik op Bestand> Nieuw. De afmetingen van de doos zijn 19,3 x 5,8 x 24,2 cm. Gebruik voor de canvasafmetingen 25,1 x 30 cm. Stel de resolutie in op 300 dpi, zodat de uiteindelijke illustratie kan worden afgedrukt.
Maak twee horizontale en verticale hulplijnen. Klik op Beeld> Nieuwe gids met positie: 5,8 cm. U zult zien dat de actieslijst is bijgewerkt.
Voeg wat informatie toe over de grootte van de sjabloon. We zullen de ruimte in de linkerbovenhoek niet gebruiken, dus voeg die ook toe. Omdat deze actie is bedoeld om door veel mensen te worden gebruikt, niet voor persoonlijk gebruik, moeten we ervoor zorgen dat alles wat we hier doen op de computer van anderen kan worden gedaan. Hetzelfde geldt voor het toevoegen van tekst. Gebruik lettertype dat beschikbaar is in elk besturingssysteem (pc en Mac). In deze zelfstudie heb ik Arial gebruikt.
Laten we de sjabloon vereenvoudigen en alle lagen plat maken. Klik op Laag> Afbeelding afvlakken.
We zijn klaar met de eerste actie; het maken van de doos sjabloon. Druk op de knop Stoppen. Hieronder ziet u een lijst met stappen die we hebben uitgevoerd. Ik raad u aan om deze actie te testen door op de knop Afspelen te klikken.
We zijn klaar met het maken van de doosjabloon. Onze volgende stap is het maken van een actie om de sjabloon automatisch in 3D te renderen. Dit neemt veel stappen. We zullen het vereenvoudigen door het op te splitsen in 8 kleinere acties. Onze eerste actie zal de voorpagina maken. Klik op het nieuwe actiepictogram en noem het 2.1-Front Cover. Klik op de opnameknop om de opnameactie te starten.
In de praktijk is het ontwerp van de doos op dit moment mogelijk in sommige lagen. Dus onze eerste stap is om alle lagen plat te leggen. Het probleem is nu dat we maar één laag hebben en de opdracht Afbeelding afvlakken niet beschikbaar is. Om dit op te lossen, druk op de knop Stoppen om het opnameproces te stoppen, een nieuwe laag te maken, druk op Opnemen om door te gaan met opnemen, klik op Laag> Afbeelding afvlakken. Op deze manier kunnen we de opdracht Flatten Image opnemen en het maken van een nieuwe laag overslaan. De volgende stap is om de voor- en achtergrondkleur in te stellen op standaard, zwart en wit. Gebruik het rechthoekige selectiekader om de vooromslag te selecteren. Raak Cmd / Ctrl + J om selectie te dupliceren naar nieuwe laag. Hernoem de laag naar voren.
Druk op de knop Stoppen. Plaats een referentiebeeld op het canvas. Verplaats het achter laag voor. Activeer de laag vooraan. Druk op de knop Opnemen om het opnameproces voort te zetten.
Druk op Cmd / Ctrl + T. Transformeer de laagvoorzijde totdat deze op het referentiebeeld past.
Dubbelklik laag om het dialoogvenster Laagstijl te openen. Gradient-overlay toevoegen. Druk op Stop om het opnameproces te stoppen.
We zijn klaar met het opnemen van acties voor de voorkant. Dit is de lijst met stappen die we hebben uitgevoerd. Zorg ervoor dat u onze actie test door actie 1-Maak canvas en actie 2.1-Vooromslag uit te voeren.
Verberg eerst de referentie afbeelding. Maak een nieuwe actie, noem die 2.2-Side Cover. We zullen de creatie van de zijklep registreren.
Activeer de achtergrondlaag. Gebruik het rechthoekige selectiekader om de zijklep te selecteren. Dupliceer selectie naar nieuwe laag (Cmd / Ctrl + J). Hernoem de laag naar de andere.
Druk op Stop, we willen niet dat deze stap wordt opgenomen. Plaats de laagzijde boven het referentiebeeld.
Zorg ervoor dat de laagzijde actief is. Ga door met opnemen. Omslag in perspectief transformeren.
Overlapping met kleurovergang en kleuroverlay toevoegen. Deze laagstijlen voegen enkele tinten toe aan de zijklep.
We zijn klaar met dit deel. Druk op de knop Stoppen. Bekijk de stappen die we hebben opgenomen. Test de voortgang door alle acties uit te voeren die we hebben gemaakt.
Referentieafbeelding verbergen. Onze volgende stap is het creëren van een actie voor de cover. Klik op het nieuwe pictogram en geef deze 2.3-bovenklep een naam. Klik op de knop Opnemen.
Activeer de achtergrondlaag. Selecteer de bovenste laag, druk op Cmd / Ctrl + J. Hernoem laag naar boven.
Druk op de knop Stoppen. Plaats nu referentie-afbeelding achter laag boven. Zorg ervoor dat je de laagbovenkant opnieuw activeert en druk op de knop Opnemen om door te gaan met opnemen.
Druk op Cmd / Ctrl + T en transformeer de bovenste omslag.
Laagstijlovervloeiing toevoegen. Druk op de knop Stoppen.
Hieronder staat de lijst met opgenomen stappen. Vergeet niet om de voortgang te testen.
Referentieafbeelding verbergen. Maak nieuwe actie, noem die 2.4-Shadow.
Activeer de achtergrondlaag. Maak een nieuwe laag. Hernoem de laag naar de hoofdschaduw. Druk op de knop Stoppen. Plaats de referentie-afbeelding onder de hoofdschaduw van de laag. Activeer de hoofdschaduw opnieuw.
Druk op Record. Als dit een gewone illustratie is, kunnen we de schaduw alleen handmatig tekenen met het penseel. Omdat acties geen handmatige tekening kunnen opnemen, moeten we een andere methode gebruiken. Gebruik polygoonlassetool om selectie in schaduwvorm te maken, direct onder de doos. Klik op Bewerken> Vullen, Gebruik: zwart.
Maak de selectie ongedaan (Cmd / Ctrl + D). Klik op Filter> Vervagen> Gaussiaans vervagen om de schaduw te verzachten.
Laagdekking op 34% instellen.
Raak Cmd / Ctrl + J om de hoofdschaduw van de laag te dupliceren. Voeg nog een Gaussiaanse vervaging toe, gebruik deze keer een hele grote straal. Dit zal de werpschaduw op de vloer zijn.
We zijn klaar met deze actie. Druk op Stoppen om de opname te stoppen.
Maak nieuwe actie, noem het 2.5-Slagschaduw.
Selecteer de achtergrondlaag. Maak een nieuwe laag, hernoem de slagschaduw. Druk op de knop Stoppen. Plaats de laag boven de referentie afbeelding.
Druk op de knop Opnemen. We moeten een nieuwe schaduw creëren die achter de doos gaat. Gebruik polygoonlassetool om de selectie te maken en deze wit zwart tot wit te vullen. Wijzig de modus voor het overvloeien van lagen naar Vermenigvuldigen om lichtere pixels te verbergen.
Maak de selectie ongedaan (Cmd / Ctrl + D). Voeg Gaussiaanse vervaging toe. Laagdekking verminderen tot 58%.
Druk op Stop en verberg referentie-afbeelding, we hebben het nu niet meer nodig. Hieronder kunnen we zien dat er te veel schaduw op de rug is. Nogmaals, als dit slechts een illustratie is, kunnen we eenvoudig een gumtool gebruiken en verwijderen. Omdat Photoshop geen handmatige tekening kan opnemen, gebruiken we een andere techniek, maskeren. Dit kost meer tijd maar in ieder geval kan Photoshop dat opnemen.
Druk op de knop Opnemen. Voeg een laagmasker toe en teken vervolgens een lineair zwart naar wit verloop. Schaduwen bedekt met zwart worden verborgen.
Sleep het laagmaskerpictogram naar het prullenbakpictogram om het te verwijderen. Selecteer Toepassen om verborgen pixel te verwijderen. Als u nog steeds niet tevreden bent met het resultaat, kunt u dit proces herhalen. Voeg opnieuw een laagmasker toe, teken een verloop en verwijder vervolgens het masker.
We zijn klaar met deze actie. Druk op Stop.
We voegen een mooie reflectie op de vloer toe. Maak opnieuw een nieuwe actie. In deze actie knippen we elke reflectie eenvoudig in afzonderlijke lagen.
Activeer de achtergrondlaag. Selecteer zijklep. Knip de selectie naar een nieuwe laag door op Cmd / Ctrl + Shift + J te drukken. Hernoem laag naar zijreflectie.
Activeer de achtergrondlaag. Selecteer de omslag en knip deze in een nieuwe laag (Cmd / Ctrl + Shift + J). Hernoem laag naar voorreflectie.
We zijn klaar met de actie. Druk op Stop.
De volgende actie creëert voorreflectie. Maak nieuwe actie.
Ons huidige doek is te klein om te reflecteren. We moeten extra ruimte toevoegen. Klik op Bewerken> Canvasgrootte. Selecteer bovenste rechthoek omdat we canvas aan de onderkant van de afbeelding willen toevoegen.
Onthoud dat in onze laatste actie de voorreflectie van de laag is geselecteerd. We kunnen dus direct doorgaan met transformatie. Druk op Cmd / Ctrl + T, klik met de rechtermuisknop en kies Verticaal spiegelen. Houd Cmd / Ctrl ingedrukt en verplaats elke hoek. Zie de afbeelding hieronder voor referentie.
Dubbelkliklaag. Zet Dekking op 30% en voeg Overlay met verloop toe.
Breng een laag masker aan. Teken een wit tot zwart verloop tot de voorreflectie geleidelijk vervaagt.
Druk op de knop Stoppen. We zijn klaar met deze actie.
Maak nieuwe actie. Klik op Record.
Onthoud dat in onze laatste actie actieve laag frontselectie is. We moeten dus zijreflectie selecteren om het te activeren. Voer een vergelijkbaar transformatieproces uit.
Zet de laagdekking op 30% en voeg Gradient Overlay toe.
Breng een laag masker aan. Teken een verloop om de reflectie geleidelijk te vervagen.
Druk op Stop. Laten we onze actie herzien.
Maak nieuwe acties. Dit zal onze laatste actie zijn.
Selecteer de achtergrondlaag. Teken een eenvoudig zwart-wit radiaal verloop.
We willen niet dat de gebruiker wordt afgeleid door dunne hulplijnen in de werkruimte. Klik op Beeld> Hulplijnen wissen om ze te verwijderen.
Deze is kort.
Laten we de actie vereenvoudigen. Maak een nieuwe set. Sleep actie met 1 slepen en maak Canvas om het te dupliceren. Maak een nieuwe actie en noem deze 2-Render. We nemen geen commando's op, dus druk op de knop Stop. Alt-sleep lijst met commando's uit actie 2.1. Alt-sleep lijst met opdrachten uit actie 2.2 en plaats deze onder de vorige lijst. Blijf dit doen totdat elk commando in één gigantische actie zit. Als u de actie test door de eerste actie uit te voeren en vervolgens de tweede actie uit te voeren, krijgt u onderstaande afbeelding.
We zijn klaar met de actie. Nu gebruiken we deze actie om een eenvoudig Psdtuts + texture pack-vak te maken. Met de hulp van onze actie is het ontwerpproces veel eenvoudiger. Selecteer actie 1 - Canvas maken en druk op de knop Afspelen om automatisch een omslagsjabloon te maken.
Laten we de achtergrond vullen met een eenvoudig verloop.
Teken in de linkerbovenhoek van de cover een vierkante vorm. Gebruik het pengereedschap en klik op de rechterbenedenhoek om het te verwijderen. Dupliceer de vorm, druk een paar keer op Shift + Pijl-links en Shift + Pijl-rechts om de vorm te verplaatsen. Selecteer aftrekselpictogram in de optiebalk. We zullen een lintvorm hebben.
Verander de kleur in # ebbf25. Gradient-overlay toevoegen.
Maak een nieuwe laag, druk op Cmd / Ctrl + Alt + G om het naar een uitknipmasker te converteren. Verf wit op de aangegeven gebieden om diepte toe te voegen.
Gebruik potloodtool, grootte 2 px om een rechte lijn op een deel van het lint te tekenen.
Maak een nieuwe laag en plaats deze onder het lint. Teken een schaduw. Maak nog een laag en teken zachter en groter schaduw.
Voeg wat tekst toe. Geef het een laagstijl Stroke.
Maak een nieuwe laag en teken linksboven een wit naar zwart radiaal verloop. Mengmodus instellen op Overlay.
Laten we wat textuur toevoegen. Hier gebruik ik een mooie textuur van Vandelay Premier. Zet mengmodus op Overlay en verminder de dekking.
Ik gebruik premium aquarel penseel van Psdtuts + om wat spatten te creëren. Plaats de splatter onder het lint om een mooi 3D-effect te krijgen.
Voeg enkele logo's toe aan elke hoes. Voeg tekst toe en geef het een beetje Stroke om het op te staan.
Selecteer actie 2-Render en druk op de knop Afspelen. Wacht een paar seconden of minuten, afhankelijk van de snelheid van uw computer.
Het is magie! Je hebt een 3D-productdoos. Gefeliciteerd!
Dat is het. Ik hoop dat deze tutorial je inspireert om automatisch iets cools te maken met acties.