In het afgelopen weekend heb ik besloten dat het tijd was om de header afbeeldingen vervangt op deze website, dus ik kwam met dit beeld. Het werd geïnspireerd door een combinatie van een splash screen Microsoft Window's en veel van de pictogrammen en knoppen die zijn domineren in de web 2.0 wereld.

Voel je vrij om te klikken op de afbeelding en download de (4000 x 2754) opname groter als je nodig hebt om het te gebruiken voor iets. Geef me credit indien hierdoor op een of andere manier past bij wat je ook gebruiken voor, maar voel me niet verplicht om dit te doen.

Ik heb besloten om deze post te zetten in een tutorial voor degenen die kunnen worden beginnen in de grafische vormgeving en geïnteresseerd in iets als het doet. De kleurencombinatie is echt gemakkelijk te veranderen, waardoor het een zeer aanpasbare afbeelding. Vergelijkbare resultaten kunnen worden bereikt met behulp van vectoren, maar ik zal niet dat deze tijd moeten doen.

Deze tutorial ervan uitgegaan dat u Photoshop of een vergelijkbaar grafisch ontwerp toepassing, zoals Gimp. Laten we beginnen.

Stap 1 - Het maken van de Waves

Om te beginnen, het openstellen van Photoshop of wat grafische software die u gebruikt en beslissen over de grootte van uw afbeelding. Ik ging vrij groot (ongeveer 4500 x 3500), zodat ik kon makkelijk delen van het voltooide beeld, maar geen zorgen te maken over hen te klein als ik maar besloten om een ​​klein gedeelte gebruiken. U kan worden beperkt door de hoeveelheid geheugen op uw computer. Hoe meer geheugen, hoe beter.

Op een nieuwe lege laag, trek een zwarte golfpatroon. Het is belangrijk om ervoor te zorgen dat het vrij willekeurig en glad of uw resultaten kunnen niet blijken erg goed.

In de bovenstaande afbeelding, heb ik 4 bijvoorbeeld golfpatronen samengesteld. In je photoshop bestand, zullen alle van de golven patronen boven of onder elkaar worden geplaatst in de laag set, met filtereffecten uiteindelijk toegepast.

Dus bijvoorbeeld, kijk op de afbeelding aan de linkerkant. Elk van de 4 golven is een andere laag. Je kunt zien dat ik heb ingesteld dat ze een dekking hebben. In dit geval 25%. U hoeft niet om dit toch te doen, maar ik vond het belangrijk om een ​​beeld te laten zien, zodat u gemakkelijker kunt volgen langs.

Nu ga je gang en maak een reeks willekeurige golfpatronen. Als ik me goed herinner, heb ik ongeveer 20-30 patronen. Als je moe van het maken van hen, gewoon een paar rekken of verticaal spiegelen hen en het aantal golven je zal snel toenemen. Er is geen enkel punt in de uitgaven talloze uren waardoor ze al helemaal uniek als u de indruk van willekeurige afmetingen en hoogtes kan geven door het doen van een paar stukken, scheef of horizontaal gespiegeld.

Stap 2 - Toepassen van een Fade-effect

Je zal nu waarschijnlijk willen beslissen over een kleurenschema. In mijn geval heb ik gekozen voor een lichtblauwe kleur. Gebruik 2 lichtjes verschillende tinten van dezelfde kleur voor je voorgrond kleur en je achtergrondkleur.

In dit beeld, kunt u mijn kleur selectie met de lichtblauwe voor de voorgrond en de donkerblauwe voor de achtergrond te zien. Maak nu al uw golf lagen behalve 1 volledig onzichtbaar, zodat ze niet in de weg hoeft te krijgen. Met de resterende wave layer, dubbelklik erop, zodat je de Layer Style kan updaten en schakel de optie Bedekking Verloop. Kiezen om de voorgrond te gebruiken om Background optie die zal worden naar de linkerbovenhoek. U zult willen spelen met de hoek en Scale. Ik ging met tussen de 20% en 40% voor de schaal, en mijn hoeken variëren van tussen 125 graden en 60 graden, afhankelijk van het patroon van de golf. Speel met dit tot je iets dat er goed uitziet om u te vinden.

Nu dat u een fade-effect op het laag hebben, wil je de bovenste rand een beetje meer te definiëren. We kunnen dit doen door het geven van een lichte fade-effect langs de rand gaande van donker aan de bovenkant lichter naar de onderkant. Dit zal de ogen te laten denken dat je op zoek bent naar een meer afgeronde oppervlak. Om dit te doen, ga terug naar de Layer Style en klik op Schuine kant en reliëf. Ik koos voor de instellingen in de volgende afbeelding.

Mijn waarden zijn:

Stijl: Afschuining, Techniek: Glad, Diepte: 31%, Richting: Up, Grootte: 250px, verzachten: 16px, Hoek: 90 graden met Gebruik Global Light ingeschakeld, Hoogte: 1 graad, Anti-aliasing ingeschakeld.

Highlight Mode werd ingesteld op de normale met zwart als de kleur en een dekking van 100%.

Shadow Mode is ingesteld op het Scherm (elke optie zal doen omdat het onzichtbaar) met een zwarte (ik weet het, in de foto links is het wit. Het is onzichtbaar en maakt niet uit) en stel deze in op 0% dichtheid zodat het onzichtbaar .

Door het aanpassen van deze waarden ooit-zo-iets, moet je een beetje een donker effect rond de rand van de golf te krijgen.

U kunt het kleine verschil dat het maakt in deze geanimeerde gif te zien. Kijk goed, want het is heel subtiel, maar in mijn opinie zeer noodzakelijk om het totale effect van de golven te verkopen. U wilt de donkere rand.

Je laag moet enigszins worden bekeken zoals deze op dit moment.

Doe nu dezelfde procedure die u deed met deze laag om de resterende wave lagen. Zorg ervoor dat u slechts 1 laag tegelijk zichtbaar of dingen zullen krijgen verwarrend zeer snel en je kan in de verleiding om andere vormen van veranderingen op basis van het algemene imago op dit punt te maken. Het is het beste om te vertrekken, dat aan het einde tijdens touchups.

Stap 3 - achtergrond toevoegen

De achtergrond is een gewoon een gradiënt met dezelfde kleuren op uw golven. Ik koos ervoor om het te laten gaan van donkerder (nou ja, donkerder dan wit) aan de bovenkant lichter aan de onderkant. Aangezien de onderste helft van je golven zullen worden met betrekking tot het onderste deel van je achtergrond op het einde anyways, echt je hoeft geen zorgen te maken over wat de onderkant van de achtergrond lijkt op dit punt. Dus een witte achtergrond moeten werken prima.

Nu is het gewoon een kwestie van het toepassen van filters om de lagen en sommige touchups.

Stap 4 - Toevoegen van de lagen en touchups

Eerst zet de golf lagen in platte lagen zodat de laag effecten direct worden toegepast op de laag. Met andere woorden, je bent afvlakken elke laag, maar zorg ervoor dat alles boven de golf compleet ondoorzichtig te houden. In de afbeelding aan de linkerkant kun je zien wat ik bedoel. De "Before" laag is hoe jou is nu ingesteld. De "Na" laag is wat je nodig hebt om te zetten in.

Nu maken de 2 onderste golf lagen zichtbaar. Om de bovenste golf-laag, zet de dekking tot ongeveer 20% en een filter toepassen. Ik meestal geplakt met Fel licht, Lineair doordrukken, Kleur doordrukken, Pin Licht en Multiply. Doe dan gelijk aan de onderste golf laag ook. Dit moet verlichten-up van de onderkant van de golf, dus het is niet zo donker.

Maak de volgende laag omhoog zichtbaar en een filter opnieuw toepassen en stel deze in op ongeveer 20% in ondoorzichtigheid. Herhaal dit totdat alle lagen zichtbaar zijn en moet je iets wat lijkt op mijn eindproduct.

Ik hoop dat deze tutorial is genoeg om u te helpen beginnen.