Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Designing
Design

Besef Sien die Wonderlike ou Wêreld in Photoshop

by
Difficulty:AdvancedLength:LongLanguages:

Afrikaans (Afrikaans) translation by Meyria (you can also view the original English article)

In hierdie, handleiding gaan ons 'n soort ou wêreldse samestelling skep met 'n kompas en gebruik maak van 'n paar fantastiese vektorkunswerk van Arsenal. Soos altyd is daar 'n PSD-lêer onderaan die tutoriaal. In hierdie geval raai, ek dit sterk aan om dit te laai omdat dit 'n baie ingewikkelde samestelling is. Wees gewaarsku dit is 'n lang tutoriaal!

O en as jy wonder, kom inspirasie uit 'n baie netjiese stel boeke, waarvan een die Goue Kompas genoem word (eintlik maak hulle die boekreeks nou 'n fliek!).


Assets

Om dit te kan doen, gaan ons 'n paar bates benodig om mee te werk. Ek gebruik 'n paar vektorvorme van GoMedia/Arsenal se FreeBie afdeling. Arsenal is 'n stel vektorpakke wat jy koop, wat in Illustrator of Photoshop gebruik kan word. In hierdie geval omdat ek goedkoop is, het ek net na die "Free Bie" afdeling gegaan en alles daar afgelaai!

Daarbenewens het ek 'n kompasbeeld nodig wat ek van iStockPhoto gekry het vir $ 1. Ek gebruik ook die lettertipe Nuptial Script. Saya tidak bisa untuk kehidupan saya ingat di mana saya mendapat font ini atau apakah itu gratis atau tidak. Dalam hal apapun, jika Anda tidak memiliki font khusus itu, Anda mungkin dapat menemukan sesuatu yang serupa.


Deel 1 - die Banier

Ek het hierdie tutoriaal in twee dele verdeel, en aan die einde versamel ons dit om die finale beeld te vorm. Jou moet PSD aflaai en dit nagaan. Hierdie prentjie is baie ingewikkeld en sal meer sin maak as jou die lae sien!


Step 1:

So eerste van alles, ons begin met die agtergrondgradiënt. Soos gewoonlik gebruik ek Radial Gradient, en neem 'n bloublou kleur.

Voorgrond kleur - #35444b
Agtergrondkleur - #1a2023


Step 2:

Nou is die volgende ding om te doen, plak in die eerste van ons vektorbeelde. Dit is 'n soort banner ding.

Daar is twee maniere waarop jy dit kan doen. Sodra jou gaan na die GoMedia site, Klik op die Freebie afdeling en jou sal die EPS-dokument aflaai. Hierdie dokumente is in 'n vektorformaat en ideaal kan jou dit in Illustrator oopmaak en dan kopieer en plak die vektor na Photoshop. As u dit so doen, kry u 'n Smart Vector Object wat u kan verander sonder om enige kwaliteit te verloor. As u dit doen, moet u dalk die laag regsklik en klik op Rasterize Layer, aangesien ons werk daaraan moet doen.

Alternatiewelik as jou nie Illustrator gebruik/gebruik nie, maak dan net die EPS-lêer in Photoshop oop. Dit sal jou vra hoe groot jou dit wil rasteriseer. Ek kies net 'n paar willekeurige waardes en herhaal dit 'n paar keer totdat ek die regte grootte het. Let daarop dat sodra dit rasteriseer is, jou inligting in die prent sal verloor wanneer jou die grootte verander, dus is dit die beste om dit net een keer te doen.

Hoe dan ook, hier is die vaandel:


Step 3:

Kry nou die Magic Wand Selection Tool (W) en klik op die boonste deel van die banier, skep dan 'n nuwe laag en vul dit met 'n beige kleur (#dfd6b8)


Step 4:

Herhaal die proses met die twee dele van die vaandel op die agtergrond (soos hieronder getoon).

Vervolgens wil ons dit 'n bietjie opskroef, wat ons met die Burn Tool (O) kan doen. As jou nooit die Dodge en Burn-gereedskap gebruik het nie, basies verduister of verlig hulle 'n voorwerp. Jou gebruik hulle deur te verf met 'n verfkwas en hulle is mooi netjies gereedskap. Een handige wen is dat sodra jou die Burn Tool geselekteer het, dan kan jou Alt hou en dit sal oorskakel na Dodge (en andersom) sodat jou nie na die nutsbalk moet gaan en daar verander nie.

Nou omdat ons 'n baie gretige voorkoms wil hê, betaal dit 'n gretige kwas. In hierdie geval het ek 'n kwas gebruik wat ek weer van die GoBedia webwerf se Freebie afdeling afgelaai het. Jou laai dit eenvoudig af en open die penseelpalet, klik op die klein pyltjie wat na regs wys en kies Borstels en alles moet onderaan verskyn.

Sodra jou 'n mooi grungy kwas het, begin jou net met die regterkant, soos aangedui. Doen dit in kort druppels sodat jou 'n mooi ruwe tekstuur kry.


Stap 5:

Herhaal hierdie proses aan die ander kant, gebruik dan 'n bietjie Dodge in die middel. Herhaal dan weer aan die agterkant, sodat die stukkies na die middel verduister word en die buitekante verlig word.

Let daarop dat ons probeer om hier lig te simuleer met die ligbron van voor dood. Die rede waarom ons dit so doen, is dat die stukkies aan weerskante donker moet wees, want die dele draai weg van die kyker. Agteraan val die dele in die middel in plooie sodat hulle skaduwee kan wees. Dit is natuurlik net 'n vae benadering, maar dit help met die algehele visuele.


Stap 6:

Hou Ctrl hou en klik op die laag met die boonste deel om dit te kies. Druk dan 'n paar keer op die pyltjie op. Skakel dan terug na die oorspronklike bannervektorlaag en druk Delete.

Basies word ons van die boonste swart lyn ontslae.


Stap 7:

Vul nou die keuse, met 'n donkerblou (#283438) in 'n nuwe laag.


Stap 8:

Gaan die Ol 'Burn Tool weer uit en begin om hierdie laag 'n bietjie tekstuur te gee. Soos voor jou wil hê dat die rande effens donkerder as die middel is, moet jou die effek nie uitdruk nie.


Stap 9:

Dupliseer nou die beige laag van agter en beweeg dit 'n bietjie en dan links soos aangedui. Dit gee ons banner 'n buite-sentrum soort kyk wat dit superbad maak!


Stap 10:

Volgende gaan ons die res van die vektor swart deel vervang met donkerblou en gee dit weer tekstuur. Hou Ctrl hou en klik op die laag om dit te kies. Dan vul dit met 'n donkerblou.


Stap 11:

Gaan nou weer deur en gebruik die Burn Tool om skaduwees toe te voeg aan die dele wat in die voue gaan om dit 'n bietjie drie-dimensionaliteit te gee.


Stap 12:

Volgende in 'n nuwe laag skryf 'n paar teks. Ek het hier 'n paar willekeurige woorde geskryf. Gebruik 'n beige kleur en kies 'n fyn font. In hierdie geval gebruik ek Nuptial Script.


Stap 13:

Klik nou op die Tipe Gereedskap (T) en op die boonste klik op daardie T met die pyltjie onder om die opsies vir Warp-teks te vertoon. Hier gebruik ons ​​Arc en gee dit 'n draai van sowat 43%.

Let daarop dat as jou 'n illustrator gebruiker is, kan jou 'n teks op 'n pad ding in Illustrator doen en dit dan kopieer en dit mag minder verwringing op die letters hê. Maar aangesien dit 'n Photoshop-tutoriaal is en nie 'n Illustrator nie, hou ons net by PS :-)


Stap 14:

Volgende het ek 'n paar laagstyle bygevoeg om die teks so goed soos goud te laat lyk. U kan die PSD oopmaak aan die einde van hierdie tutoriaal en kopieer die laagstyl deur regs te klik op die laag en kopieerlaagstyl te kies. Ek hou van laagstyle soos wat jou seker sal besef as jou genoeg van my tutoriale lees. Die beste ding om te doen wanneer jou laagstyle gebruik, speel met elke instelling, daar is so baie cool dinge wat jou kan doen.


Stap 15:

So jou moet iets hê wat lyk soos die prentjie wat hieronder getoon word! Volgende gaan ons die agtergrond en kleur maak. Dus skakel die lae se sigbaarheid af en laat ons begin met die agtergrond.


Deel 2 - die Agtergrond

In hierdie afdeling gaan ons al die ander dele van die prent maak. Hierdie soort gaan rond wat ons reeds gedoen het - die beste manier om die volgorde van die lae te sien is om na die Photoshop lêer te kyk.

Stap 16:

Skakel dus al jou huidige lae uit behalwe vir die agtergrond.


Stap 17:

Nou gaan ons 'n bietjie tekstuur op die agtergrond voeg. Hiervoor gebruik ek 'n steekproeftekstuur, nogmaals uit GoMedia / Arsenal se FreeBie-afdeling

Hierdie een heet 'Rust11.jpg.' Plak dit in en krimp dit tot grootte. Sit dit dan op Overlay sodat dit met die donker blues van ons agtergrond in wisselwerking is.


Stap 18:

Omdat ek nie gedink het dat dit donker genoeg lyk nie, het ek 'n laag bo donkergrys bygevoeg en dit op Multiply en 35% gestel.

Ek moet daarop wys dat met 'n prentjie dit ingewikkeld is, moet jou baie eksperimenteer en dinge deur die oog doen. So dikwels sal ek na iets kyk en dink, dit moet donkerder wees, of dit werk nie en neem dinge uit of plaas dinge nie. Sekerlik wanneer ek met hierdie beeld kom, het ek nie hierdie stappe in hierdie volgorde gedoen nie. Dit is net 'n maklike manier om die inligting terug te stuur. Moenie dus dink dat jou 'n wonderlike plan in gedagte moet hou wanneer jou beelde maak nie, doen net wat reg voel. Hoe meer jou doen, hoe meer beoefen word jou oog om te besluit of iets reg of nie is nie.


Stap 19:

Nou het ek nog 'n paar van die vektore in die GoMedia vrypak ingeplak. Ek het 'n paar ou-statue-vektore gekies en hulle almal tot vermenigvuldig gestel. Omdat ek nie genoeg gehad het nie, het ek 'n paar omgekeer om die hele bladsy te dek sonder om te kyk of ek net oor en oor herhaal het!


Stap 20:

Volgende plak ek die tweede laaste van ons vektore uit GoMedia. Hierdie een is klaarblyklik 'n halftonetjie. In elk geval lyk dit soos luike aan my en ons gaan dit vir beligting gebruik. Eerstens omdat die vektor swart was, het ek Ctrl-I gedruk om die kleur na wit te omskep. Jou kan net so maklik vul dit met wit, kleur-overlay dit met wit of kies sy pixels en maak 'n nuwe laag en vul dit met wit. Eintlik is daar dikwels baie maniere om dieselfde ding in Photoshop te doen: ek dink dit maak dit so 'n goeie program!


Stap 21:

Volgende tref ons Ctrl + T om die vektor om te draai en te draai en dit uit te brei om groter te wees.


Stap 22:

Stel die laag op Overlay en maak seker dat dit mooi en groot is (soos hieronder getoon). Soos jou kan sien, lyk dit soos 'n ligte stroom wat van sommige oop luike af kom. Jou sal nie veel hiervan in die finale prentjie kan sien nie, maar op die ou end is dit so 'n mooi komplekse samestelling.

Ook omdat lig selde mooi en skerp is, is dit 'n goeie idee om te gaan na Filters> Blur> Gaussian Blur en pas 'n blur met 'n radius van 1px toe, net om dit 'n bietjie vaag te maak.


Stap 23:

Maak dan 'n nuwe laag en gebruik 'n radiale gradiënt van beige (#b58d4e) tot niks, teken van die middelpunt af om 'n lappie kleur te maak soos hieronder getoon. Stel die versnellingsmodus van hierdie laag op die skerm. Dit gaan 'n bietjie beligting wees.


Stap 24:

Dupliseer nou die laaste laag weer en ons gaan nou 'n Wave-filter hieroor 'n paar keer hardloop om die beligting meer dinamies te maak. Jou doen dit deur te gaan Filter> Distort> Wave.

Ek moet erken dat ek nie regtig verstaan ​​hoe die Wave filter werk nie, so ek skuif gewoonlik net 'n paar skyfies om 'n bietjie en druk Randomize totdat ek 'n goeie vervorming kry - wetenskaplik weet ek :-)

Maar nadat jou dit gedoen het, sal jy sien dat jou wisps 'n bietjie hobbelig word. Druk 'n paar keer op Ctrl + F om dit regtig vervorm te maak en jou sal 'n interessante effek kry.

Nadat jou dit gedoen het, kan jou as jou kies die proses herhaal en 'n tweede ligblou op die bladsy kry.


Stap 25:

Nou het ek nog 'n vektor by die prent bygevoeg, weer van GoMedia se gratis afdeling. Dit lyk net soos 'n bietjie onreinheid, en ek het dit net bygevoeg en die versnellingsmodus na Overlay en 40% verander.


Stap 26:

Volgende gaan ek na 'n paar ewekansige webblaaie about the Bible en kopieer 'n paar willekeurige teks en plak dit oor en oor. Eintlik kyk ek terug, ek het 'n bietjie van 'n crappy werk gedoen om die lyne te hou, selfs as ek dit gedupliseer het, maar dit maak nie saak nie, dink ek. Die belangrikste ding om te doen is om baie teks te kry en die lae saam te voeg.

Stel dan die vermenging af na Hard Light en 40%.


Step 27:

Tot dusver moet alles wat ons gedoen het, die oorspronklike lae van Deel 1 wees. Hou nou 'n laag bo die Deel 1-banner. En kies 'n groot, sagte, sagte kwas (sê 200-300) en met swart as jou voorgrondkleur, verf net om die rande soos aangedui. As dit klaar is, verander die versnellingsmodus na Overlay.


Step 28:

Volgende kies die volgende laag hierdie kleure as jou voorgrond en agtergrond:

Voorgrond Kleur - deb883

Agtergrond Kleur - 745222

en gaan dan na filter> Render> Wolke. Nou moet dit jou wolke gee, maar om meer dinamiese weergawes te kry, druk Ctrl + Alt + F. Ek is nie seker wat dit eintlik op die spyskaart is nie, maar ek weet dat dit wolke produseer met die swaarder verskille wat ons wil hê. Jou moet sommige wolke kry wat soos volg lyk.

Stel mengmodus op Overlay en 65%. Hierdie laag sal ons die meeste van ons kleure gee.


Step 29:

Goed, tot nou toe!

Jou oet veelvuldige lae boaan hê, 'n klomp agtergrondlae aan die onderkant, en dan 'n laag van afdeling 1 êrens in die middel.

Volgende sal ons 'n kompas byvoeg. Dit behoort in die middel van die lae van Deel 1 te wees aangesien dit met hulle sal kommunikeer. Jou kan die presiese volgorde sien deur die PSD-lêer van die onderkant van hierdie handleiding af te laai.

So ek gebruik die Circle Selection Tool, ek sny die kompas van sy oorspronklike agtergrond (onthou ek het hierdie kompas van iStockPhoto). Dit lyk geel omdat ons iewers 'n wolklaag het.


Step 30:

Die kompas lyk effens plat, so ons sal 'n bietjie kleur byvoeg. Om dit te doen, dupliseer die kompaslaag en druk Ctrl + Shift+U om te desatureer (bv. Maak swart en wit)


Step 31:

Stel die swart swart laag in oorleg. Dit bied 'n hoër kontras aansig. (Eintlik kan jou op verskillende maniere dieselfde effek bereik.)

Vervolgens verwyder die Burn Tool weer en gaan na die oorspronklike kompaslaag, gee 'n paar verstandige brande aan die onderkant en kante. Nou begin ons kompas begin om gemaklik en warm te lyk.


Step 32:

Maak dan in die laag onder die kompas 'n swart sirkel met dieselfde grootte as die kompas. Jou kan dit doen deur Ctrl te druk en dan op die kompaslaag te klik en dan terug na die onderstaande laag en vul dit met swart.

Gaan dan na Filter> Blur> Gaussian Blur en gee blur 10px of meer. Dit is 'n skaduwee vir ons kompas.


En Sit dit Saam

Uiteindelik sit ons die kompas + agtergrond + banner saam om die finale beeld te vorm!

Let daarop dat daar verskeie lae is wat ek verlaat om hierdie handleiding kort te hou (in elk geval beter). Jou kan PSD aflaai om die res te sien! Hoop jou geniet daardie tutoriaal, dis 'n bietjie van 'n monster!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.