Creëer een intense bedrijfsstijl-illustratie in Photoshop op de Easy Way

Bedrijfsillustraties kunnen een belangrijk onderdeel zijn van elk presentatie-, nieuws- of tijdschriftartikel. Vandaag zullen we laten zien hoe je een intensieve stijl van bedrijven in Photoshop kunt creëren. Laten we beginnen!


Gebruikte middelen

De volgende bronnen zijn gebruikt tijdens het maken van deze zelfstudie.

  • Pijn
  • Geborsteld metaal

Stap 1

Eerst moeten we een aandelenafbeelding zoeken die past. Zodra we dit hebben gedaan, is het tijd om een ​​paar schetsen te maken die het concept, de compositie en het verhaal van je afbeelding duidelijk weergeven. We creëren een beeld van een werknemer die erg gestrest is in zijn bedrijfsomgeving, dus we moeten scenario's bedenken die dit benadrukken bij het maken van de schetsen. Als je eenmaal een schets hebt, ben je blij met de tijd om hem te scannen met een snelheid van ten minste 300 dpi.


Stap 2

Nu is het tijd om de vectoren te maken die met het model beginnen. Dubbelklik op de afbeeldingslaag en noem deze 'Model'. Zorg ervoor dat je de laag vergrendelt waarvan we niet willen dat deze ergens naartoe gaat. We willen een tweekleurige illustratie van het model tekenen die niet overdreven gedetailleerd is.

Maak een nieuwe afbeelding en noem deze 'Detail' en gebruik de pengereedschap met een zwarte vulling geen stoke ingesteld op CMYK (C: 100 M: 83 Y: 32 K: 18) en begin met het tekenen van de belangrijkste functies van de modellen. Maak vervolgens een nieuwe laag onder de laag 'Detail' en noem deze 'silhouet' en teken met de kleur van (C: 14 M: 0 Y: 2 K: 0) een basissilhouet van het model.


Stap 3

Laten we nu de schets in illustrator openen en beginnen met het tekenen van de elementen van de illustratie. Ik begin met het computerscherm. Zorg ervoor dat alles wat je tekent een eigen laag heeft, zodat we georganiseerd blijven. Maak een nieuwe laag met de naam 'Computer', selecteer vervolgens het gereedschap met de afgeronde rechthoek op het canvas om het optiepalet weer te geven en stel de hoekradius in op 4pt. Stel de vulling in op een lichtgrijze kleur zonder streep en teken vervolgens de rechthoek van de computerscherm. Als u de computer nauwkeurig wilt uitlijnen, plaatst u een hulplijn over het horizontale middelpunt van de rechthoek. Selecteer vervolgens de peen-toolbasis van de computer.


Stap 4

Maak nu een nieuwe sublaag door op het tweede pictogram links in je lagenpalet te klikken en noem het 'scherm'. Als u de basisrechthoek en uw schets tegelijkertijd wilt zien, vermindert u de dekking naar 50% en gebruikt u vervolgens het gereedschap Rechthoek, kleur ingesteld op lichtblauw om het computerscherm te tekenen.

Ok, het is tijd om het raster te tekenen. Schakel de zichtbaarheid van de 'schermlaag' uit en selecteer het rechthoekige rastergereedschap. Klik op het canvas om de gereedschapsopties te tonen, zet de horizontale verdelers op 6 en verticale verdelers op 7, vul nu zoals hierboven. Stel vervolgens uw lijn in op 0,25pt en een donkerblauwe kleur en teken uw raster gevolgd door de voortgangslijnen hiervoor selecteer het pengereedschap met een kleur ingesteld op middenrood en slag van 1 pt verwissel de slag en vul rond om het pijlpunt te tekenen . Voeg vervolgens de brutowinsttekst toe.


Stap 5

Om realisme en diepte aan het computerscherm toe te voegen, gaan we een lineair verloop toevoegen. Plaats drie verloopschuifregelaars op het verloop één op locatie 0 de volgende op 50 en de laatste op 100. Stel schuifregelaars 0 en 100 in op C: 67 M: 58 Y: 55 K: 36. Stel nu de middelste schuifregelaar in op C: 28 M : 22 Y: 21 K: 0. Volg dezelfde procedure om de basis van de computer te gebruiken, maar stel deze keer de verloophoek in op 90 graden. U kunt waar nodig een verloopregelaar toevoegen. Het is een goed idee om het verloop dat u als een staal maakt, op te slaan, zodat u ze indien nodig opnieuw kunt gebruiken. Voeg ten slotte een radiale gradiënt toe aan het scherm, stel de schuifregelaar van locatie 0 in op kleur C: 0 M: 0 Y: 7 K: 0 en de schuifregelaar 100 op C: 13 M: 8 Y: 3 K: 0.


Stap 6

Ga door met het tekenen van de rest van de items zoals het e-mailteken en de telefoon op dezelfde manier (u hoeft alleen de items te tekenen die eenmaal horizontaal worden weergegeven). Wanneer u bij de gebouwen komt, plaatst u de kleur op C: 94 M: 57 Y: 1 K: 50 selecteert u het pengereedschap met een lijn van 0,5 pt en vult u niet en tekent u de lijnen van het gebouw. Creëer vervolgens een nieuwe sublaag met de naam 'bouwgradiënten'. Stel uw verlopen donkerste schuifregelaars in op hetzelfde blauw dat we hebben gebruikt voor de bouwlijnen in combinatie met een lichtere kleur, voeg een schuifpunt toe en verander de hoeken naar eigen inzicht totdat u een mooie reflecterende aanblik krijgt. Maak vervolgens een nieuwe sublaag met de naam base en plaats deze onder de gradientlaag. Met een blauwe vulkleur van C: 10 M: 0 Y: 0 K: 0 selecteert u de basis van het gebouw.


Stap 7

Ga verder met het tekenen van de rest van de illustratieve elementen, maar zorg ervoor dat elk individueel stuk op een eigen laag wordt geplaatst, zelfs de twee circuitgebieden hierboven weergegeven in oranje naam één 'Circuit' en de andere 'Circuit2' bijvoorbeeld. Als je alles hebt getekend, moeten we ze nu opslaan als individuele bestanden. U kunt dit doen door de zichtbaarheid van alle lagen uit te schakelen, behalve het item dat u opslaat. Nadat je ze allemaal hebt bewaard, is het tijd om over te steken naar Photoshop.


Stap 8

Open het schetsbestand in Photoshop. We gaan dit gebruiken als gids voor de compositie omdat dit beeld een symmetrisch element is en gebruik de hulplijnen om het middelpunt te markeren. Nu gaan we alle vectoren openen die we in de illustrator hebben getekend. Als u afbeeldingen zoals het 'gebouw' en de circuits die horizontaal in uw lagenpalet worden weergegeven, nauwkeurig wilt plaatsen, sleept u ze naar het pictogram 'nieuwe laag maken' dat de laag dupliceert en gaat u naar Bewerken> Transformeren> horizontaal spiegelen en de shift ingedrukt houden. sleep de gedupliceerde laag naar de andere kant.


Stap 9

Voeg een verloop achtergrondlaag toe zoals getoond.


Stap 10

Ok, laten we wat kleur en textuur toevoegen aan de achtergrond, een nieuwe laag maken en dit 'Basiskleur' ​​noemen. Selecteer het verloopgereedschap en stel de linkerschuif in op C: 90 M: 32 Y: 100 K: 30 en de rechter schuifregelaar op C: 90 M: 40 Y: 100 K: 53 en vul de laag met dit verloop. Open nu het textuurbestand, rekt het uit terwijl u shift ingedrukt houdt totdat het de pagina vult en stel vervolgens de overvloeimodus in op Verschil. Dupliceer vervolgens de laag Textuur en zet de dekking op 20% en de overvloeimodus op Overlay.


Stap 11

Het is goed dat deze illustratie een donkere achtergrond heeft, omdat het thema vrij intens is, maar we willen nu meer energie toevoegen aan het stuk. De e-mailsymbolen zijn momenteel zwart en gaan verloren binnen de achtergrond, waardoor ze opvallen. Dubbelklik op een van de e-mailsymbolen in het lagenpalet om de stijloptie te openen en selecteer Verloop overlay. Zet de overvloeimodus op Lichtere kleur, voeg een extra kleurschuiver toe op een locatie van 50% stel de linker en rechter schuifregelaars in op C: 7 M: 5 Y: 0 K: 0 en de middelste schuifregelaar C: 2 M: 9 Y: 2 K: 0. Cmd / Ctrl> Klik op de laag in het lagenpalet en selecteer de stijl van de kopieerlaag en vervolgens Cmd / Ctrl> Klik op de andere laag E-mail en selecteer de stijl van de laaglagen.


Stap 12

Stel de Taxman-laag in op overlay, open dan de laagstijlopties en selecteer het verloopoverlay-tabblad. Zet de overvloeimodus op Overlay en de linkerschuifregelaar op C: 63 M: 0 Y: 7 K: 0 en de linkerschuifregelaar op wit. Kopieer en plak nu deze laagstijl in de leningslaag. Voeg laagstijlen toe aan de overgebleven lagen om ze te laten opvallen en wees niet bang om te experimenteren.


Stap 13

Maak een nieuwe laag en noem die 'Headache Beam'. Selecteer het gereedschap Selectiekader rechthoek en teken een dunne rechthoek en vul het met een crèmekleur met het gereedschap Verfemmer. Ga vervolgens naar Filter> Vervagen> Gaussiaans vervagen en stel de straal in op 6.4pt. Gebruik nu het selectiegereedschap en roteer de afbeelding zodat deze van de Taxman Laag naar de kop van het model wijst en verander vervolgens de dekking naar 82%.


Stap 14

Maak vervolgens een nieuwe laag met de naam 'Hoofdpijn zere plek', met het elliptische selectiekader om een ​​kleine cirkel te tekenen waar de lichtstraal het hoofd van het model raakt. Vul vervolgens de cirkel met een lichtoranje kleur en herhaal het Gaussiaans vervagen proces dat we in stap 12 hebben gebruikt en zet de laagdekking op 74%. Herhaal dit proces nu voor het huis, de leningen en de autolagen. Mogelijk merkt u dat u de symbolen iets moet uitspreiden om u voldoende ruimte te geven.


Stap 15

Ok nu dupliceer je de bouwlaag, sleep hem naar de bodem en vergroot hem, zodat hij de helft van de pagina in beslag neemt. Verander de mengmodus in hard licht en de dekking op 16%. Dupliceer nu de laag, draai hem horizontaal om en plaats hem aan de andere kant van de pagina.


Stap 16

Selecteer de Circuit-laag, dupliceer deze en roteer hem zo dat hij horizontaal staat. Plaats het nu zodat het onder de 'Interestlening' Laag zit. Zet nu de overvloeimodus op Overlay en de laagdekking op 39%. Dupliceer het en draai horizontaal, zet de mengmodus op het scherm en zet de dekking op 29%.


Stap 17

Ga door met deze methode van spelen met overvloeimodi op de circuitlagen en andere totdat je een heel interessante compositie vindt die de illustratie verbetert. Gebruik laagstijlen, maar controleer altijd uw voortgang en zorg ervoor dat u de lagen in hun oorspronkelijke vorm dupliceert voordat u ze bewerkt.


Stap 18

Nu willen we de computer een beetje meer benadrukken. Dupliceer de laag en sleep de gekopieerde laag eronder. Tik nu drie of vier keer naar rechts en stel de overvloeimodus in op het scherm. Dupliceer deze laag en zet de dekking op 40%. Doe hetzelfde voor de linkerkant van de computer. Selecteer nu alle vier de lagen en duw ze een of twee keer aan. Herhaal dit proces voor de telefoonlaag.


Stap 19

Maak een nieuwe laag boven de lagen Structuur en met een penseel ingesteld op 715 pt, 0% hardheid, kleur wit en dekking van 21% begint u lichtere delen rond het model, de computer, de telefoon en gebouwen te maken. Volg dit door de laagdekking in te stellen op 45% en de klus te klaren!


Stap 20

Als we naar de illustratie in zijn geheel kijken, zijn er twee lagen die niet helemaal werken met betrekking tot het algemene kleurenschema. Dit zijn de lagen 'Belasting' en 'Leningrente'. Dubbelklik op 'Taxman Layer' om de laagstijlopties te openen en de overvloeimodus Gradient Overlay in te stellen op Scherm. Herhaal dit proces nu voor de laag 'Interestlening'. Stel vervolgens de vier overvloeimodi met gele kringlagen in op Lineair licht.


Stap 21

Digitale foto's zijn geweldig voor het toevoegen van diepte en contrasten aan uw achtergronden, dus het is een goed idee om een ​​digitale camera overal mee naartoe te nemen. Ik heb een foto gebruikt die ik heb gemaakt van 'Newcastle Millennium Bridge'. Sleep de foto naar het canvas, draai de foto zodat deze staand is en strek hem uit totdat hij over de volledige lengte van de pagina past. Stel nu de overvloeimodus in op Pin Light en ga vervolgens naar Afbeelding> Modus> Omkeren. Tik de foto naar binnen totdat je een interessante donkere vorm krijgt langs de kantlijn. Voeg nu een verloopmasker toe door op de linkerpijl in uw lagenpalet te klikken, het verloop in te stellen op standaard zwart en wit en een shift vast te houden door een korte gradiënt te tekenen vanaf de verticale middenlijn. Hierdoor verdwijnt de andere helft van de foto. Dupliceer nu deze laag en draai hem horizontaal om en plaats hem op de andere kant.


Stap 22

Dupliceer nu de laag Computer en plaats deze laag net boven de structuurlagen. Sleep het naar beneden terwijl je de shift ingedrukt houdt en plaats het achter de telefoon. Zet vervolgens de mengmodus op Hard licht en zet de dekking op 12%. Gebruik dit proces nu om markeringsgebieden toe te voegen, zodat de achtergrond interessanter lijkt.


Stap 23

Omdat de textuur linksboven donkerder is dan rechtsboven, is de fotolaag links bovenaan niet zo zichtbaar als de andere. Om dit te repareren, dupliceert u eerst de fotolaag (linkerzijde en zet de laagdekking op 20%) Teken het verloopmasker opnieuw zodat alleen het gebied linksboven zichtbaar is zoals gezien het lagenpalet hierboven.


Stap 24

Nu is het tijd om je laatste toevoegingen en aanpassingen te maken. Misschien wilt u een aantal valutasymbolen toevoegen, zoals het pond-, euro- of dollarteken. Gebruik dan eindelijk een aanpassingslaag Curven (Laag> Nieuwe aanpassingslaag> Curven) en plaats deze boven aan het palet met lagen om de kleur van de illustratie te intensiveren.


Laatste afbeelding