Share
Of je het nu leuk vindt of niet, de aanloop naar de feestdagen is vaak de drukste tijd van het jaar voor ontwerpers en illustratoren. Het is rond deze tijd dat aanvragen binnenkomen voor allerlei promoties en verkopen. Ik ben de tel kwijtgeraakt van het aantal snuisterijen, kalkoenen en geschenkdozen dat ik heb gevraagd om te illustreren. De snelle tip van vandaag is een snelle en eenvoudige zelfstudie waarin u leert hoe u het uiterlijkvenster en enkele leuke lettertypen kunt gebruiken om een zeer eenvoudige verkoopillustratie te maken. De nadruk ligt hier op een snelle en eenvoudige illustratie waarmee u verder kunt gaan met de belangrijkere taken van het seizoen. Laten we beginnen!
Maak een 600 bij 500px, RGB-document met de eenheden ingesteld op pixels. Neem het gereedschap Rechthoek (M) en Option + klik op het tekengebied en maak een rechthoek van 400 px bij 100 pixels.
Maak de zijkanten van de banner met behulp van het gereedschap Rechthoek (M). Optie + klik op het tekengebied en maak een rechthoek van 150 px bij 100 pixels.
Neem de Pen Tool (P) en plaats een ankerpunt in het midden van de rechterkant van de rechthoek. Met het gereedschap Direct selecteren (A) verplaatst u het punt om een V-vorm te maken die het einde van het lint vormt.
Selecteer het einde van het lint en maak een gereflecteerde kopie door Option + Klik op het midden van de hoofdrechthoek met het Reflectiegereedschap (O) en maak een verticale kopie. Selecteer beide lintuiteinden en verplaats ze naar de achterkant van de afbeelding (Selecteer vervolgens Command + Shift + Left Square Bracket)
In deze stap maken we het patroon voor het lint. Dit kan zijn wat je maar wilt. Ik maak een basisstreep, dus ik heb een kleine rechthoek gemaakt en vervolgens een andere rechthoek op zijn plaats gekopieerd en geplakt (Command + C en Command + F) en de schaal ervan verkleind. Ik heb elke rechthoek een rode kleur gekleurd met een rechthoek die lichter is dan de andere. Selecteer de vormen en sleep ze naar het deelvenster Stalen om een achtergrond te maken.
Test het vulpatroon op het lint om te zien of u het leuk vindt. Als je eenmaal tevreden bent, is het tijd om wat meer details toe te voegen.
Selecteer het lint en klik op de knop Nieuwe knop toevoegen, bewerk de instellingen zodat de lijn een gewicht heeft van 1pt en een onderbroken lijn met een streepje 4pt en een tussenruimte van 4pt en is licht van kleur (ik heb wit gebruikt).
Ga met de streek geselecteerd naar "fx"knop in het deelvenster Uiterlijk en navigeer naar Pad> Offsetpad en voer een Offset van -3px in.
Selecteer de vulling van het lint en ga naar "fxknop in het deelvenster Vormgeving en ga naar Stylize> Innerlijke gloed. Stel de kleur in als een donkerdere tint van de hoofdkleur van de linten (in dit geval gebruik ik een donkerrood) en zet de dekking op 50%, de modus op Vermenigvuldig en vervaag tot 15px.
Nu is het tijd om de tekst toe te voegen! Ik gebruik een geweldig lettertype met de naam Pacifico op een schaal van 48pt. Afhankelijk van het lettertype en de tekst die u gebruikt, moet u de puntgrootte instellen op het formaat van het lint. Als u hetzelfde lettertype wilt gebruiken als ik, kunt u het gratis downloaden van Font Squirrel.
Ga met de geselecteerde tekst naar het Vormgeving-paneel en voeg een witte vulling toe, en vul vervolgens een donkere tint in van de hoofdkleur van de linten (hiervoor gebruik ik donkerrood). Zorg ervoor dat de donkere kleur zich onder de witte laag bevindt. Selecteer de donkerdere kleur in het Uiterlijkpaneel (zorg ervoor dat de tekst nog steeds is geselecteerd of het effect zal niet worden toegepast) en ga naar "fx"knop en ga naar Vervormen & Transformeren> Transformeren Verplaats de laag -5px Verticaal en klik op OK .Dit zal een schaduw voor de tekst maken.
Je lint zou er ongeveer zo uit moeten zien. Nu is het tijd om het curvy te maken. Selecteer de tekst en het bovenste gedeelte van de banner en groepeer ze samen (Command + G) en selecteer vervolgens de twee zijkanten van het lint en groepeer ze samen met dezelfde techniek. U zou nu twee groepen moeten hebben die het lint vormen.
Selecteer beide groepen van het lint met het selectiegereedschap (V) en ga naar "fx"knop in het deelvenster Vormgeving en ga naar Warp> Arch. Stel de Bend in op 20% en klik op OK. U krijgt nu een ronde banner.
Selecteer het ellipstool (L) en Option + klik op het tekengebied en maak een cirkel van 350 bij 350 cent.
Selecteer de cirkel en verplaats deze achter de bovenste groep van het lint met Command + Left Square Bracket. De cirkel moet worden genest tussen de bovenste en onderste groepen van het lint, zoals u ziet in de onderstaande afbeelding.
Selecteer de cirkel en pas een radiale gradiënt toe van een lichte naar een iets donkerdere tint. Ik heb wit tot lichtblauw gebruikt voor de mijne, je kunt elke gewenste kleur gebruiken zolang deze lichter is dan het lint (dit zorgt ervoor dat de tekst opvalt). Voeg in het Vormgeving-paneel een 1 of 2pt streek toe in een iets donkerder toon dan het verloop om de buitenkant van de cirkel te definiëren.
In de onderstaande afbeelding ziet u hoe ik het verloop heb gepositioneerd. U kunt het verloop op elk gewenst moment bewerken, selecteer gewoon de cirkel en kies vervolgens het gereedschap Verloop (G) om het verloop in de illustratie te verplaatsen en bewerken.
Het zou geen verkoop zijn zonder de opvallende korting. Ik heb wat tekst toegevoegd met het lettertype "Museo Slab 500" dat ook een gratis lettertype is, je kunt het downloaden van FontSpring.com (je moet je registreren voor een account).
Notitie: Ik ben hier nogal lui geweest, want ik ben bezig om het ontwerp zonder veel moeite te maken, dus om de tekst in balans te brengen, heb ik het in twee lijnen verdeeld en heb ik de lettergrootte van de onderste regel gereduceerd. Een betere manier om dit te doen is om twee verschillende tekstregels op de juiste manier uit te lijnen en de tekenspatiëring en tracking te gebruiken om het er volledig uitgebalanceerd uit te laten zien. Daar hebben we vandaag geen tijd voor, we willen wat vakanties!
Selecteer de verkooptekst en ga in het deelvenster Uiterlijk naar "fx"knop en navigeer naar Stylize> Outer Glow. Stel de glow in op een lichte kleur (ik heb wit gebruikt) met een Mode of Normal en een 45px Blur. Na deze stap merk je niet veel, het verlicht gewoon het gebied achter de tekst een beetje om het een beetje meer op te laten vallen.
Nu zullen we een hanger voor de cirkel maken die het in een decoratie zal veranderen. Teken een rechthoek met het gereedschap Rechthoek, selecteer het en klik in het Vormgevingspaneel op de "fx"knop en ga naar Warp> Arch. Stel de Bend in op -15% en klik op OK. Als dat klaar is, ga naar Object> Uiterlijk uitvouwen om de vorm vrij te geven en het gemakkelijker te maken om te werken met.
Voeg een lineair verloop toe vergelijkbaar met het onderstaande voorbeeld om een metalen afwerking te maken. Als u een gouden effect wilt maken, vervangt u de grijstinten door geel en lichtbruin.
Teken een ovaal bovenaan de boogvorm om de bovenkant van de hanger te maken, vul deze met een lineair verloop met de middelste en donkere tonen van het vorige verloop (verwijder eenvoudigweg de lichtste kleur).
Teken een cirkel met een lijn die overeenkomt met de schaal van de hanger (ik heb 8pt gebruikt) en klik met het gereedschap Schaar (C) op de punten aan de linker- en rechterkant van de cirkel om deze doormidden te snijden. Verwijder het onderste gedeelte.
Ga naar Object> Uitvouwen om de lijn in een vorm te veranderen. Vul de resulterende vorm met dezelfde gradiënt die je gebruikte voor de bovenkant van de hanger (degene die je in stap 13 hebt gemaakt).
Dit is het basisontwerp voor de vakantieverkoop. Vanaf hier heb ik een korreleffect aan de hoofdcirkel toegevoegd om het een meer retro gevoel te geven dat bij het lint past.
Om de textuur toe te voegen, gaat u naar "fxknop in het deelvenster Uiterlijk en ga naar Textuur> Korrel. Je kunt de instellingen zien die ik in de afbeelding hieronder heb gebruikt. Speel met de instellingen om iets te bedenken dat je leuk vindt.
Dit is het uiteindelijke effect. Ik veranderde ook de slag in 1pt omdat de korrel ervoor zorgde dat de 2pt-lijn te veel uitsteeg en de hanger opnieuw positioneerde om een mooier ontwerp te maken.
Notitie: Het is het beste om eventuele rastereffecten toe te voegen wanneer u het hoofdontwerp hebt voltooid, omdat dit de computer vaak kan vertragen en soms zelfs de applicatie kan bevriezen..
Ik heb ook gemerkt dat de banner en de hanger een slagschaduw kunnen gebruiken. Selecteer hiervoor de bovenste groep van de banner en ga vervolgens naar "fxknop in het deelvenster Vormgeving en ga naar Stileer> Slagschaduw. Om de zachtere tonen van het ontwerp te behouden, heb ik een donkere tint van de hoofdkleur gebruikt (in dit geval donkerblauw) en de modus ingesteld op Meervoud, de dekking tot 40%, de offset naar 3px en de vervaging naar 3px.
Om een slagschaduw aan de hanger toe te voegen, heb ik een ellips gemaakt, gekleurd als een middentint van de hoofdkleur (in dit geval een middengrijs / blauw) en achter de hanger verzonden (druk op Command + Left Square Bracket tot hij in positie) Ga met de geselecteerde schaduw naar "fxknop in het deelvenster Vormgeving en navigeer naar Vervagen> Gaussiaans vervagen Stel de straal in op 3,7 pixels (of alles wat er goed uitziet in het voorbeeld) Klik op OK.
Experimenteer met verschillende kleuren en letters om te zien wat je kunt bedenken. Als u de hoek van het lint wilt wijzigen, gaat u naar Object> Uiterlijk uitvouwen voordat u het verplaatst, omdat het kettingeffect op onverwachte manieren verandert vanwege de positie (zorg ervoor dat u een kopie opslaat voordat u dit doet, omdat u de afbeelding niet kunt bewerken). lint na het uit te breiden). Ik hoop dat je deze tut leuk vond.
Accentsconagua