Share
Hallo iedereen! Deze keer heb ik een leuke tutorial voor je, we maken een graanschuurontwerp helemaal opnieuw en gebruiken alleen Photoshop. We zullen verschillende graangranaten met fruitsmaak maken met behulp van de CS4 Extended 3D-gereedschappen van Photoshop, texturen toepassen op de lussen, de oppervlakken stoten en ze modelleren tot een echt 2D-beeld. Ben je klaar?
Opnieuw gepubliceerde zelfstudieOm de paar weken bekijken we enkele van onze favoriete lezers uit de geschiedenis van de site. Deze tutorial werd voor het eerst gepubliceerd in september 2009.
Een paar dingen voordat je begint. Voor deze zelfstudie moet u de laatste versie van Photoshop, CS4 Extended hebben. Bovendien moet je een goede grafische kaart hebben, omdat we tegelijkertijd met verschillende 3D-lagen zullen werken. Als je er geen hebt, kun je enige vertraging op je computer ervaren. Dit is geen eenvoudige zelfstudie, dus ik sla enkele basisverklaringen over zoals het maken van een laagmasker of het maken van een verloopvullaag.
U moet deze afbeelding van een spattende melkkom downloaden. En dit geweldige twitter-icoontje van mijn vriend Gopal Raju.
Maak eerst een nieuw Photoshop-document van 800 pixels bij 1120 pixels, 72 dpi en ingesteld op RGB. Maak vervolgens een nieuwe Verloopvullaag met de naam "Verloop." Ik gebruik deze kleuren: # F20000 - # 8E0000 Hoe dan ook, voel je vrij om ze te veranderen.
Plak de spattende melkkom in een nieuwe laag met de naam "Splash". Vervolgens moeten we de zwarte achtergrond verwijderen. Ga hiervoor naar Selecteren> Kleurbereik, bemonstering van de zwarte achtergrond en stel de Fuzziness-waarde in op ongeveer 85, klik vervolgens op OK om de selectie vast te leggen. Breid nu de resulterende selectie 1px uit en maak een snelmasker of een laagmasker dat de zwarte achtergrond verbergt. Draai de afbeelding uiteindelijk horizontaal en plaats deze rechtsonder in het document.
Op de foto ziet de melk er een beetje roze uit, om hem wit te maken, voeg je gewoon een kleuraanpassingslaag toe, selecteer je Rode kleur op de kleurenkiezer en stel je de lichtheidswaarde in op +100, zorg ervoor dat de knipmaskeroptie is ingeschakeld in het aanpassingsvenster om de aanpassing alleen op één laag toe te passen. In dit geval de "Splash" -laag. We zullen de kom verlaten zoals het is voor een tijdje, het is tijd om de graanlussen te maken. Voeg ten slotte beide lagen toe, "Splash" en de aanpassing in een map met de naam "Kom".
Hier komt het plezier, we beginnen met het maken van de graanlussen met behulp van een aantal 3D-lagen. Maak eerst een nieuwe laag met de naam "Loop" en vul deze met wat kleur. Ik gebruik het gereedschap Rechthoekige selectiekader en de verfemmer om het met deze kleur te vullen: # FF363E.
Ga naar Venster> 3D om het 3D-paneel te tonen. Ga nu naar 3D> Nieuwe vorm van laag> Ringdiagram om automatisch een 3D-laag met de naam "Lus" te maken. Laat het zoals het is en ga naar de volgende stap.
Voordat we verder gaan, moet je je prettig voelen bij het 3D-paneel. Alle 3D-objecten bevinden zich in een container met de naam Scene, elke Scene kan verschillende 3D-objecten hebben die Meshes kunnen zijn met de respectievelijke Textures of Lights. U kunt zoveel objecten als u wilt in een scène plaatsen.
U kunt de objecten filteren door op een van de vier knoppen boven op het paneel te klikken. Hieronder staan de opties Scène, daar kun je de Render Preset, Anti-Aliasing, Global Ambient Colour (deze is erg belangrijk in deze tutorial) veranderen en de texture selecteren waar je op gaat schilderen (we zullen zien dat binnenkort). Eindelijk onderaan het paneel kun je de weergave Vlak en Licht in- of uitschakelen of een nieuw licht toevoegen, en natuurlijk de knop Verwijderen. Voel je vrij om met dit paneel te spelen voordat je naar de volgende stap gaat.
Onze lus ziet er een beetje donker uit, hoewel we deze van een roze laag maken, dat komt omdat de algemene omgevingskleur standaard zwart is; klik op het kleurvak om het in een donkerrode kleur te veranderen (# 7E0001). Nu ziet de lus er best goed uit, maar er is nog zoveel te doen.
Klik op de Toggle Plane knop om het vliegtuig als een referentie te laten zien, je zult zien dat het vliegtuig perspectief bijna hetzelfde is als het perspectief van de kom, wat erg handig is voor de compositie en belichting dus laten we alles zoals het is.
Klik vervolgens op de Mesh-knop om alleen met het "Donut" -object te werken (zie afbeelding 1 hieronder). In het optiepaneel zijn er verschillende transformatieopties gerelateerd aan deze mesh. Eerst moeten we de lus roteren door de knop Roteren te selecteren in het paneel met mesh-gereedschappen; sleep de cursor gewoon over het 3D-object om het te roteren, zoals weergegeven in afbeelding 2 hieronder.
Volgend, rol het gaas een beetje op als dat nodig is. Sleep het gaas vervolgens een beetje naar boven, gebruik de sleep-knop in het gaaspaneel (afbeelding 4) en schuif tenslotte het gaas een beetje in de ruimte door de schuifcursor te verslepen zoals weergegeven in afbeelding 5 hieronder, en verberg vervolgens het vlak Uitzicht.
Op dit punt zou je zoiets als de laatste afbeelding hieronder moeten hebben. Deze stap is belangrijk omdat we de 3D-transformatie meerdere keren kort zullen herhalen. Voel je vrij om te oefenen met de Mesh-opties voordat je verdergaat. Vergeet niet dat Photoshop geen 3D-modelleringssoftware is, dus als u het gaas zelf wilt bewerken, heeft u andere software nodig.
Nu is het tijd om de texturen een beetje te bewerken. Selecteer Paint On: Diffuse in de 3D-opties, selecteer dan het penseel en gebruik deze kleur # FFC6CA of iets dergelijks, kies een zachte borstel van 100 px (dekking en flow 50%) en schilder direct over de 3D-mesh. Draai het gaas zo ver als nodig is om het hele oppervlak van het object te bedekken.
Let op: er is een laag met de naam "Loop" onder Textures - Diffuse in het Lagenpaneel, dubbelklik erop om een .psb-bestand te openen met een duidelijk beeld van de textuur. We zullen in de volgende stap aan die laag werken.
Selecteer in het .psb-bestand de "Loop" -laag (deze laagnaam kan variëren afhankelijk van uw vorige bewerking) en er een Patter Overlay-effect op toepassen, ik koos voor een rotspatroon met de naam "Granite" in Photoshop, maar voel u vrij om te proberen met verschillende texturen. Om de laagkleur te behouden, stelt u de overvloeimodus van het effect in op zacht licht. Sla tenslotte het .psb-bestand op, sluit het, ga terug naar het hoofddocument en zie hoe de textuur er nu uitziet.
Nu maken we het oppervlak een beetje onregelmatig. Stel in het deelvenster met 3D-opties Paint On: Bump, selecteer een onregelmatige zwarte brush en begin met paining.
Aangezien de Bump-structuur nog niet is gemaakt, wordt er een melding weergegeven, druk er gewoon op OK op. Begin dan met schilderen over het 3D-object, gebruik zwart als voorgrond om het object te ciseleren, anders gebruikt wit als voorgrond het object, schuin met beide kleuren totdat u tevreden bent met de textuur. Het is heel belangrijk om het hele oppervlak getextureerd te hebben en niet alleen het vooraanzicht (we zullen snel zien waarom).
Als het gemakkelijker voor u is, dubbelklikt u op de "Bump" -textuurlaag in het Lagenpaneel en tekent u de bump-structuur over het .psb-bestand, zoals de onderkant van de onderstaande afbeelding laat zien, u kunt de Clone Tool voor dat doel gebruiken. Zodra u tevreden bent met het resultaat, sluit u het .psb-bestand en gaat u terug naar het hoofddocument.
Om het textureringsproces te voltooien, voegen we een Glossiness-structuurlaag toe. Selecteer Paint On: glans in het 3D-deelvenster en gebruik elke penseelverf een weinig onzichtbare witte plek ergens boven de 3D-laag. Het belangrijkste in deze stap is om over te schakelen naar de Materials View en de Shininess Value van 40% naar 80% te veranderen om de glans minder intens te maken.
Je kunt ook over de textuurlaag heen schilderen, net als in de vorige stappen, maar gebruik deze keer een lichte kleur, wit komt goed.
De lus is nog niet voltooid, we hebben verdere bewerkingen nodig om deze nog echter te maken.
Nu dupliceren we de lus om er meerdere te creëren smaken. Selecteer het verplaatsgereedschap (V) en houd vervolgens de Alt-toets ingedrukt, selecteer de 3D-laag en sleep deze om deze te dupliceren. Verberg de originele "Loop" 3D-laag en selecteer de kopie, trouwens noem ik het "Loop 2." Laat het 3D-paneel zien, ga naar Mesh-weergave en gebruik het gereedschap Roteren om het nieuwe net te draaien zodat het er anders uitziet.
Dubbelklik op de diffuse textuur van de "Loop 2" -laag in het Lagenpaneel, u ziet de textuur die we in stap 9 hebben gemaakt. Om de kleur gemakkelijk te wijzigen, gebruiken we een kleurschakelaanpassingslaag als hieronder weergegeven. Sla de wijzigingen op, sluit het .psb-bestand en zie hoe het eruit ziet.
Klik daarna dubbel op de Glossiness-textuur van de "Loop 2" -laag. Je ziet de kleur van de textuur op dezelfde manier als bij stap 11. We veranderen de kleur door een nieuwe tint / verzadigingsaanpassingslaag toe te voegen. De uiteindelijke kleur is aan jou, maar probeer bijna dezelfde kleurtoon te krijgen als de vorige stap. Sla het texture-bestand op en zie hoe het eruit ziet in het hoofddocument.
Om de nieuwe smaak te voltooien, verandert u ten slotte het Globaal omgevingslicht van de nieuwe 3D-scène in een meer geschikte toon, in dit geval de volgende kleur: # 01261E.
Herhaal de stappen van 12 tot 15 om verschillende smaken van graanlussen te maken, de kleuren zijn helemaal aan jou. Vergeet niet dat je je lagen georganiseerd hebt, ik heb een map gemaakt met de naam "3D Loops" en vier submappen die elk hun respectieve lus bevatten.
Omdat elke lus in een map met de bijbehorende kleur zit, dupliceren en draaien we elke lus verschillende keren om er veel van te maken. Deze keer maak ik vier kopieën voor elke kleur.
Maak een kopie van de volledige map "3D Loops" en verberg het origineel, voor het geval u later in het proces 3D-lagen moet gebruiken. Verwerk nu elke afzonderlijke 3D-laag in de "3D Loops" -kopiemap. Doe dit door met de rechtermuisknop op een 3D-laag te klikken en de optie 3D-raster te selecteren.
Omdat we al onze 3D-lagen hebben gerasterd, zullen we ze een beetje vervormen om de grenzen van de lus onregelmatig te maken. Selecteer een van de lagen "Lus" en ga naar Filter> Uitvloeien. Selecteer in het Uitvloeiingsvenster het Voorwaarts Warp-gereedschap, stel 100 in als de penseelgrootte en 25 als de penseeldichtheid en duw de randen van de lus naar binnen en naar buiten, zoals hieronder wordt weergegeven. Herhaal deze stap met elke enkele gerasterde lus in uw document.
Nu we een handvol mooie graanlussen hebben, gaan we ze in de melkkom doen. Verdubbel eerst de map met de gerasterde lussen, verberg het origineel (door de manier waarop ik het "3D-lussen raster groot" noem) en noem de kopie zoiets als "3D-lussen raster klein". Pas vervolgens de grootte van de hele map aan om de lussen erg klein te maken. Gebruik nu het verplaatsgereedschap om de lussen willekeurig te verdelen.
Pak een lus en plaats deze ergens boven de kom, probeer er een melkspat mee te bedekken. Selecteer vervolgens de genoemde loop en voeg een Laagmasker toe> Alles onthullen. Selecteer het masker en gebruik een klein zwart penseel om een deel van de lusgebieden te verbergen met de melkspat. Herhaal deze stap met alle "Loop" -lagen. Dit is misschien het moeilijkste deel van het proces, omdat je de lusdistributie verschillende keren opnieuw moet rangschikken.
Maak een nieuwe laag met de naam "Shadows" boven de map "3d Loops raster small". Er worden enkele schaduwen gemaakt met een kleine zwarte borstel (gebruik de hieronder getoonde borstelinstellingen). Daarnaast kun je een onregelmatige borstel gebruiken (zoals een krijtborstel) en wat onregelmatige schaduwen over de lussen aanbrengen.
Als laatste kunt u de "Bowl" -map samenvoegen (zie stap 3) en gebruik de Clone Tool om sommige delen van de spattende melk te dupliceren in een nieuwe laag boven alle andere met de naam "More Milk". Dit is gemakkelijk, pak de Clone Tool, selecteer de gerasterde "Bowl" -laag en houd de Alt-toets ingedrukt, klik dan ergens boven de melkspatten als de kloonbron. Zorg ervoor dat de Sample-waarde in het Optiepaneel Huidige Laag is, selecteer vervolgens de laag 'Meer melk' en begin overal te tekenen. Gebruik ten slotte een kleine gum om de extra melk te verwijderen. Dit is maar één manier om meer melkspatten te maken.
Een andere manier om het te doen (mijn persoonlijke favoriet) is om het selectiegereedschap te pakken, een deel van de melkspatten te selecteren, de ongewenste gebieden te kopiëren, te plakken en te verwijderen. Plaats ten slotte de map "3D-loops raster klein" en de map "Kom" in een nieuwe map en noem deze "Kom definitief".
Voeg de "Bowl Final" -map samen (ik dupliceer altijd de map, verberg het origineel en voeg de kopie samen voor het geval ik moet terugdraaien). Kijk dan op het web voor een mooie mascotte voor onze gloednieuwe ontbijtdoos, of teken er zelf een. Ik gebruik een van deze leuke vogels van de twitter icon set, omdat de auteur het .PNG-bronbestand heeft vrijgegeven (je kunt het openen met Fireworks). Ik heb de grootte ervan enorm vergroot. Plak het net achter de melkkom.
Hierna zullen we wat achtergronddetails toevoegen, in deze stap voeg ik een witte ovaal toe boven de mascotte. Selecteer en kopieer een deel van de vleugel van de vogel en plak deze boven het ovaal, dupliceer dan de vleugel, draai de lichtheid en dekking ervan omlaag en plaats het achter het origineel om een subtiele schaduw te creëren.
Ga verder met de achtergronddetails, selecteer de witte ovaal en voeg een verloopoverlay (gele tonen) en een lijneffect toe. Herhaal dit met een kleinere ovaal maar dit keer met rode tonen. Let op: houd je lagen overzichtelijk.
Maak een witte cirkel boven het rode verloop van stap een. Pas een Gaussiaanse vervaging toe en verander de overvloeimodus in Overlay en de dekking op 75% of zo. Nu heb je een betere achtergrond.
Dupliceer de "kom" -laag, noem deze "Schaduwschaduw" en verlaag de verlichtingswaarde naar -100 met behulp van Kleurtoon / verzadigingsaanpassingen. Verwijder de schaduw buiten de achtergrondovens en zet de dekking op 40%.
Type A kleverig graansoort, gebruik een vet en smal lettertype met alle hoofdletters. Het gebruik van de Text Warp-opties vervormt het een beetje.
Selecteer de laag 'Type' en ga naar Laag> Type> Converteren naar vorm om de tekst om te zetten in een vectormasker. Gebruik vervolgens het gereedschap Direct selecteren (A) om de paden een beetje te vervormen, op deze manier kunt u een komische stijl toevoegen aan elke typografie.
Gebruik het gereedschap Pad selecteren (A) om de letters "O" te verwijderen.
Denk aan de map "3D-lussen raster groot" van stap 20? Het is tijd om het opnieuw te gebruiken, die map zichtbaar te maken, het te dupliceren en het boven al het andere te plaatsen. Selecteer vervolgens vier lussen, verwijder de rest en plaats elk van de vier lussen als een "O" in het woord.
We voegen een eenvoudige slagschaduwstijl toe aan elke lus in de titel.
Een eenvoudige slagschaduw en zachte afschuiningseffecten zijn voldoende om de visuele impact van de naam te vergroten. Zoals altijd is het aan jou om meer geavanceerde effecten te maken of met meer gedetailleerde en complexe laagstijlen te werken. Plaats ten slotte alle logovergrenzen in een map met de naam 'Logo'.
Dupliceer de map "Logo", rasteer het en pas een Gaussiaans vervagen toe op de kopie en klik met de rechtermuisknop op de vervaagde laag in het deelvenster Lagen om een selectie rond de tekst te maken. Vouw de selectie met 25 pixels uit. Pak vervolgens het selectiekader, houd Option ingedrukt en klik op de selectie en kies Maak werkpad ..., stel de tolerantiewaarde in op 5 pixels en druk op OK. Ga tenslotte naar Laag> Vectormasker> Huidige pad en vul de gemaskerde laag met een referentiekleur zoals rood. Noem deze laag "LogoBG."
Ik gebruik een rode verloopoverlay, een gele lijn en een zwarte slagschaduw voor de laag 'LogoBG'. Voel je vrij om iets anders te proberen als je dat wilt. Plaats de "Logo" -map achter de laag "Mascot", ik heb ook een Slagschaduw aan de vogel toegevoegd.
En we zijn klaar! Ik hoop dat je deze tutorial leuk vond en het nuttig vond. Probeer het gerust met verschillende kleuren, stijlen en creëer je eigen ontbijtgranendoos!
Accentsconagua