Design en minimalistisk Hair Salon Nettstedet på Adobe Illustrator
Hva du skal lage
Liker du å slanke, elegante nettsteder? Så sørg for å spenne opp, fordi i denne opplæringen vil du finne ut hvordan du kan kombinere enkelhet og eleganse i denne ene siden nettsiden i Adobe Illustrator.
Denne veiledningen vil vise deg alt du trenger for å lage en elegant og enkel for en liten bedrift i Adobe Illustrator, ved hjelp av en Hair & nettstedet; Beauty Salon som et eksempel. La oss dykke i
Instruksjons Eiendeler
Fonts
Denne opplæringen bruker flere gratis fonter og andre eiendeler som er tilgjengelige for nedlasting på linkene nedenfor:.
Canter Font av Font Fabric
LHS Sofia Script
Debut mørkt mønster av Alte Mo
Deretter skriftfamilien som brukes i denne opplæringen heter Proxima Nova og den kommer med en typeset abonnement, slik at du kan bruke den til layout design og publisere det ferdige nettstedet:
Proxima Nova av Typekit
Images
Denne opplæringen bruker også flere bilder som du kan laste ned fra Photodune. Bildene jeg har funnet passer godt hensikten med denne opplæringen, men du kan bruke dine egne bilder hvis du ønsker:
Bryllup bukett på gress
Bride står ved siden av gamle kirken
Forførende blonde med håret hennes dekket av roser
Beauty portrett. Krøllete hår
1. Sett opp Layout og Grid
Trinn 1
Først oppretter du en Nytt dokument
. Set artboard dimensjoner til 1500 px
av 4500 px
. Siden vi skal lage grafikk for skjermbruk, sørg for at Fargemodus
er satt til RGB Hotell og Raster Effects 72 ppi
.
Trinn 2
La oss lage en Nytt lag
. Nevne det øverste laget "Grid", og bunnlaget "Artwork". Det er der vi vil plassere nettet som vil hjelpe oss optisk justere objekter på Artboard.
Trinn 3
Bruk rektangel Tool (M)
å opprette en ny stripe. Gi det dimensjonene 30 px
av 4500 px.
Trinn 4
Sørg for at stripe er plassert i "Grid" lag. Fyll den med Red Color (R 255 G 0 B 0).
Trinn 5
Med rød stripe valgt, gå til Utseende Panel
Klikk på Illustrator Effects > Forvrenge &
Transform > Transform
.
Trinn 6
Flytt
stripe h
orizontally
av 40 px
. Legg til 23 eksemplarer
. Dette vil skape en vertikal rutenett ved å multiplisere stripe 23 ganger med en 10 px gutter mellom hver stripe
Trinn 7
Igjen, med rød stripe valgte gå til Objekt >.; Utvid Utseende
. Dette vil bryte multiplisere effekten i egne striper.
Trinn 8
Velg gruppert striper og Align
dem til artboard
både horisontalt og vertikalt.
Trinn 9
Gå til Åpenhet Panel Hotell og sette Opacity
til 10%
.
Trinn 10
For å sikre at rutenettet ikke vil bevege seg rundt når du tilfeldigvis klikker på den, låse
Grid Layer
.
2. Sett opp bakgrunns
Trinn 1
I dette trinnet, vil vi lage en flislagt bakgrunn. For dette formålet, kan du bruke PNG bildet "Debut Mørk BG." Med Artwork Layer
valgt, gå til Fil > Plasser
. Importere dette bildet.
Trinn 2
Nå la oss lage en flislagt mønster. Velg importerte bildet og gå til Objekt > Pattern > Gjør
.
Trinn 3
Mønster Valg
, etter at du kan leke deg med de avanserte innstillingene. Gi dette mønsteret navnet debut Mørk
.
Trinn 4
I øvre venstre hjørne, bekrefte den nye oppskriften ved å trykke Ferdig
.
Trinn 5
Opprett en ny Rektangulære
med dimensjonene 1500 px BY 4500 px
.
< h3> Trinn 6
Velg den nye rektangel og Align
det til Artboard.
Trinn 7
Fyll rektangel med Debut Mørk
Pattern fra Fargeprøver Panel
.
3. Opprett Top Header og Meny
Trinn 1
Gå til Fil > Plasser Hotell og import header image. Sørg for å fjerne merket Link
alternativet. Vi vil at bildet skal være forankret i Illustrator-dokument, ikke knyttet.
Trinn 2
Velg header image og Align
det til artboard Anmeldelser . Juster den vertikalt til Top Edge
.
Trinn 3
Opprett en ny Rektangulære
med dimensjonene 1 300 px BY 55 px
. Dette vil være grunnlaget for navigasjonsmenyen.
Trinn 4
Fyll rektangelet med svart (R 0 G 0 B 0)
. I Transparency Panel
, etter sette Opacity
til 60%
.
Trinn 5
Align
rektangelet til Senter
av Artboard. Også justere
det til nedre kant av header image.
Trinn 6
Ved hjelp av Type Tool (T)
,
skrive "Velkommen". Denne opplæringen bruker Proxima Nova
font, som kommer med en Typekit abonnement, men gjerne bruke en font som du liker.
Tegn Panel
, etter sette Font Size
til 16 pt Hotell og Tracking
til 10
. Slå på Alle Caps
alternativet. Også fylle tekst med Hvite (R 255 G 255 B 255)
.
Trinn 7
Velg "Welcome" tekst. Holding Alt - Shift
, etter klikk og dra teksten. Dette vil gjøre en ny kopi av den markerte teksten. Duplisere teksten tre ganger.
Trinn 8
Gi nytt navn hver ny kopi av tekst i henhold til bildet. Siden "Velkommen" -knappen er aktiv, det har en White
Color
. Andre knappe stater er inaktive. La oss fylle dem med en Subtle Grå farge (R 201 G 201 B 201)
.
Trinn 9
Bruk Smart Guides ( Cmd - U) Hotell og vertikal rutenett for å justere menyknapper jevnt over den svarte navigasjonsmenyen. Kontroller at avstanden mellom knappene er enda.
Trinn 10
Opprett en ny Linje (\\)
. Gjør det 410 px
i lengde
.
Juster Angle
til 0 °
.
Trinn 11
Legg til Stroke Vekt
til 1 pt.
Fyll den med Hvite (R 255 G 255 B 255)
.
Trinn 12
Igjen, bruk Smart Guides (U)
å justere linjen med den vertikale rutenettet. Sørg for at den berører den høyre kanten av den første rød stripe.
Eller, hvis du er mer komfortabel med eksakte tall, kan du bruke Anchor Reference Point Hotell og justere linjeposisjon separat for X Hotell og Y-aksen
.
Trinn 13
Med den hvite linjen er valgt, trykk på Enter
. Et nytt vindu vil dukke opp med de forvandle alternativer. Sette Horisontal
Posisjons
til 477 px
. Hit Kopier
. Dette trinnet vil duplisere linjen og flytte den til høyre side.
Trinn 14
Neste, la oss lage formen av et hjerte. Bruke E
l
lipse Tool
, etter opprette en ny avrundet sirkel med dimensjonene 17 px BY 17 px.
Fyll den med hvit farge
Trinn 15
Med den hvite sirkelen valgt, trykk på Enter.
Et nytt vindu åpnes med forvandle egenskaper. Sette Horisontal
Posisjons
til 13 px.
Kontroller at du treffer Kopier.
Dette trinnet vil lage to identiske sirkler som overlapper med 13 px.
Step 16
Ved hjelp av Star Tool
, etter å lage en trekant. Mens du drar markøren på skjermen for å opprette en stjerne, traff Ned piltast
til du redusere antall punkter for å lage en trekant.
Trinn 17
Bruk Free Transform Tool (E)
å rotere trekanten av 180 grader.
Trinn 18
skalere ned
trekanten på den vertikale aksen av 13 px
Trinn 19
Gå til Objekt >.; Sti > Legg ankerpunkt.
Dette trinnet vil legge til nye festepunkter til den valgte trekant
Trinn 20
Bruk Anchor Point Tool. (Shift - C)
å glatte hjørnet av midten ankerpunkt. Juster Bezier-kurven på en måte som skaper en buet rett kant på hjertet. Gjenta det samme trinnet på den venstre kanten av hjertet. Sørg for at begge kantene ser jevn og glatt.
Trinn 21
Bruk Free Transform Tool (E)
å plassere formen på hjertet mellom de hvite stripene
Trinn 22
Følg trinn 10 -. 13
å opprette et nytt sett med striper som vil bli plassert på bunnen av spissen. Kontroller at Posisjons
er 306 px
på X
-akse Hotell og 560 px
på Y
-
aksen.
Denne gangen gjør striper kortere fra innsiden for at teksten til å passe i mellom.
Trinn 23
Bruk Type Tool (T)
til legge til tekst mellom bunn striper. Igjen, er skriften Proxima Nova halvfet.
Sørg for å bruke Kapitéler .
Hvorfor bruke kapiteler og ikke all caps? Det er en stor forskjell mellom disse to i typografi, avhengig av situasjonen. Den viktigste forskjellen er at Kapitéler bruker et annet sett med tegn enn Alle Caps. I Kapitéler, er størrelsen på glyph justert til x-høyde slik at understreket tekst vil se naturlig blant andre bokstaver i avsnittet. I dette tilfellet er det Small Caps tekst egnet og ser mer tiltalende.
Legg merke til forskjellen mellom de to.
Trinn 24
Igjen, ved hjelp av Type Tool (T)
skriv inn navnet på studio - Salone Di Bellezza. Denne overskriften bruker Canter Outline
font, som er tilgjengelig for nedlasting gratis. Tekststørrelse
er 190 pt.
Trinn 25
Bruk Shear Tool
å vippe teksten. Kontroller at Shear Angle
er 348 ° Hotell og Axis
er satt til Vertikal
.
Trinn 26
Duplicate hovedoverskriften for å skape en undertittel. Undertittelen bruker Canter Fet
font . Tekst
S
ize
er satt til 98
pt.
Med Gratis transf
r
m Tool (E)
flytte underteksten under hovedoverskriften.
< h2> 4. Opprette "Hva vi gjør" §
Trinn 1
Bruk rektangel Tool (M)
å opprette en ny seksjon bakgrunn. Størrelse
er satt til 1 300 px
av 760 px.
Fyll rektangelet med en Pale Brown Color (R 216 G 207 B 195)
.
Trinn 2
Plasser den nye bakgrunnen under toppmenyen. Forsyn deg med Smart Guides (U)
.
Trinn 3
Med den delen bakgrunn valgt, gå til Utseende Panel.
Opprett en ny Fyll Hotell og gjøre det Svart.
Trinn 4
Med svart Fyll
valgt, gå til Illustrator Effects > Texture > Korn ...
Trinn 5
I effekter vindu, justere Grain Intensitet
til 81.
Set Contrast
til 50.
Bruk Sprinkles
for Grain Type
.
Trinn 6
'
Nå, gå til Fill opasitet.
Set Blending Mode
til Soft Light.
Juster Opacity
til 30%
.
Trinn 7
Duplicate
hvit undertittel som en tekst referanse for å opprette en ny tittel for avsnittet "Hva vi Do." Den nye tittelen bruker Mørk farge (R 38 G 38 B 37). Tekststørrelse
er satt til 67 px.
Også Tegn Sporing
justeres til en negativ verdi på - 10
Trinn 8
Opprett. en nytt avsnitt.
Skriv inn en dummy tekst. Sett skriften til Proxima Nova Regular.
Set Størrelse
til 15,5 pt
. Sette Ledende
til 23 pt.
Tekst farge skal være den samme som tittel.
Trinn 9
Velg første ledd. Klikk Alt - Dra nedenfor.
Dette vil duplisere avsnittet for å opprette en ny. Sørg for at det er nok plass mellom disse avsnittene skal ha rom for ikonene som vil bli opprettet senere.
Trinn 10
La oss lage signaturen teksten. Bruk Pen Tool (P)
å opprette en ny buet linje.
Step 11
Velg Type Tool (T) Hotell og flytte den over til den buede linjen. Markøren vil indikere at du kan skrive ut på nett.
Trinn 12
Skriv inn ønsket navn, for eksempel "Emilly Douglass." Skriften er LHF Sofia Script
Vanlig
.
Set T
ext
S
ize
til 44 pt.
Trinn 13
Med Direct Selection Tool
leke seg med teksten håndtak for å flytte buet tekst på banen på rett sted.
Step 14
Med E
l
lipse Tool (L)
, etter å skape en ny sirkel. Satt sine dimensjoner til 90 px
av 90 px.
Juster Stroke
Vekt
til 3 pt.
Set Color
til Mørk Blå (R 38 G 38 B 37).
- samme som den forrige teksten
Trinn 15
Med rektangel Tool (M)
, etter opprette et nytt rektangel. Satt sine dimensjoner til 14 px med 28
px.
Trinn 16
Kontroller at Juster være Pixel Grid Anmeldelser ikke er merket i Transform Panel.
Med Direkte valg
Tool (A)
presse de beste ankerpunktene sammen.
Trinn 17
Deretter bruker du Avrundet rektangel Tool
å skape et avrundet rektangel. Satt sine dimensjoner til 23 px
av 29
px.
Du kan justere størrelsen på hjørnet radius ved å trykke på Up
eller Ned piltastene
mens drar rektangelet.
Trinn 18
Igjen, med Direct Selection Tool (A)
dytte de to nederste festepunktene sammen.
Trinn 19
Opprett en ny rektangel med rektangel Tool (M).
Sett sin størrelse
til 11 px
av 17 px Hotell og plasser den til øvre venstre hjørne inne i avrundet form.
Trinn 20
Hit P
å aktivere Pen Tool.
Flytt markøren til nederst i høyre hjørne før det indikerer at du kan slette ankerpunkt. Klikk for å slette ankerpunkt.
Trinn 21
Deretter velger du øverst i venstre hjørne med Direct Selection Tool Hotell og dytte (velg et annet ord her) det over til venstre.
Trinn 22
Med venstre ankerpunkt fortsatt er valgt, justerer hjørnet radius ved å dra den hvite prikken inne i formen. Denne funksjonen kalles Levende Corners Kjøpe og er tilgjengelig i Illustrator CC.
Trinn 23
Med rektangel Tool (M)
opprette et nytt rektangel med størrelse 15 px
av 31 px.
Trinn 24
Igjen, med Direkte Selection Tool (A)
presse hver bunn forankringspunkt så nært som mulig til hverandre.
Trinn 25
Med Avrundet rektangel Tool
, etter opprette et nytt rektangel med størrelse 3 px
av 18 px. Swap
hjerneslag farge for å fylle farge i Color Palet
t Anmeldelser e (Shift - X)
<. h3> Step 26
Med Star Tool
, etter opprette en ny trekant. Husk at du treffer Ned piltast
mens du drar formen kan redusere antall poeng. Sørg for at trekanten tiltak 5 px
av 6,5 px
.
Trinn 27
Bruk Direct Selection Tool
å aktivere Live Corner Option Hotell og manipulere bunn forankringspunkt
å skape et avrundet hjørne.
Trinn 28
Legg til tekst med Text Tool (T).
Tekst er satt til Proxima Nova halvfet.
Set Tekst S
ize
til 19 pt.
Juster Ledende
til 22 pt Hotell og brev Tracking
til 75
.
trinn 29
La oss lage parfyme flaske ikonet. Bruk E
l
lipse Tool (L)
å opprette en ny sirkel. Sette sitt størrelse
til 90 px
av 90 px.
Trinn 30
Opprett en ny sirkel inni. Sette sitt størrelse
til 37 px
av 37 px.
Sørg også for at Stroke Vekt
er 2 pt.
Ikke glem da å fjerne Juster være Pixel Grid
alternativ.
Trinn 31
Opprett en ny rektangel med rektangel Tool (M) .
Sett sin størrelse
til 13 px
av 12 px.
Trinn 32
Med Direct Selection Tool (A)
, etter velge de beste ankerpunkt, og ved å dra den hvite håndtak sirkel, manipulere ankerpunktene for å lage avrundede hjørner.
Step 33 Anmeldelser
Lag en Ny rektangel.
Sett sin størrelse
til 9 px
av 9 px
. Med Free Transform Tool (E)
, etter rotere rektangelet 90 grader.
Trinn 34
Med rektangel valgt, bruker du Direct Selection Tool (A)
å aktivere Live Corner Tool
og litt justere hvit håndtaket for å lage avrundede hjørner.
Trinn 35
Opprett en ny rektangel. Sette sitt størrelse
til 6 px
av 3 px.
Place dette rektangel over den første.
Trinn 36
Velg begge rektangler og Merge
dem i Pathfinder Panel.
Step 37
Ved hjelp av Avrundet rektangel Tool
, etter å skape en ny form med dimensjonen 18 px
av 14
px
Trinn 38
Med sirkelen valgt, gå til Objekt >.; Sti > Offset Sti ...
Trinn 39
Set Offset
til -9 px
. Anmeldelser
Step 40
Med Direct Selection Tool
, etter fjerne bunnen og høyre ankerpunkt. Sett Stroke Vekt
til 10
pt
Trinn 41
Bruk Bredde Tool (Shift. - W)
å justere bredder av hjerneslag. Lek litt med det før du får riktig resultat
Trinn 42
Velg form og gå til Objekt >.; Utvid Utseende
.
Trinn 43
Bruk Dråpetellerverktøyet Tool (I)
å bytte fylle å stryke for den valgte formen.
Step 44
Med Text Tool (T)
, etter legge den nye teksten. Eller du kan kopiere den samme forekomsten av forrige tekst og bruke den som referanse.
Trinn 45
Opprett en ny sirkel ved hjelp av Ellipse Tool (L).
Sett sin størrelse
til 90 px
av 90 px.
Trinn 46
Aktiver Pen Tool (P).
Lag formen vist nedenfor. Bruk din kreativitet og fantasi. Legg merke til plasseringen av forankringene - jo mindre ankerpunktene du bruker, jo jevnere form vises
Trinn 47
Bruk Ellipse Tool (L)
å lage. en ellipse inne i saks håndtaket. Med Gratis transf
r
m Tool
, etter roter avlang ellipse litt til venstre.
Trinn 48
høyreklikk
på begge av de valgte former. Gå til Transform > Reflektere ...
Trinn 49
reflektere formen på vertikale aksen.
Hit Kopier
.
Trinn 50
Bruk Gratis transf
r
< b> m Tool
å flytte formen til høyre.
Trinn 51
Bruk Ellipse Tool (L)
å opprette en ny form. Sette sitt størrelse
til 3 px
av 3 px.
Fyll den med Mørk Svart farge
(R
38 G 38 B 37)
.
Trinn 52
Bruk Linje Tool (\\)
å lage en vertikal linje i midten av saksen. Sett Stroke Vekt
til 1 px.
Trinn 53
La oss zoome inn. Med Direct Selection Tool (A)
velge de to øverste ankerpunktene. Hit J
til Bli Anchor
Points
til en enkelt form.
Trinn 54
Med Pen Tool (P)
, etter legge til et forankringspunkt mellom de to ble med ankerpunkter. Bruke Direkte
Selection Tool (A)
dytte ankerpunktet litt til toppen. I Stroke Panel
slå om Corner
Type
fra Round Bli
til Spisst Delta. < .no>
Trinn 55
Bruk Star Tool
å lage en trekant i midten av saksen.
Trinn 56
Med Direct Selection Tool (A)
, etter velge midten forankringspunkt og trykk på Slett
.
Trinn 57
Aktiver Rotate Tool (R).
I roterings panel, sette Angle til -40 °
.
Trinn 58
Med Type Tool ( T)
, etter innspill litt tekst.
Trinn 59
Bruk vertikal grid
å posisjonere hvert ikon jevnt over plassen. Bruk Free Transform Tool (E)
for dette formålet
Opprette The Før &.; Etter §
Trinn 1
Gå til Fil > Sted (
Shift
- Cmd - P) Hotell og velg bildet vist nedenfor. Sett den inn i dokumentet.
Trinn 2
Med Free Transform Tool (E)
bevege bildet under blek brun bakgrunn.
Trinn 3
Opprett en ny rektangel med rektangel Tool (M).
Sett sin størrelse
til 1300 px
av 840 px.
Trinn 4
Flytt denne rektangel under lysebrun bakgrunn. Sørg for at det er på toppen
av bildet av jenta.
Trinn 5
Layers Panel
velge både bildet og den svarte rektangelet. Hit Cmd - 7.
Dette vil skape en klipping
maske
fra toppen banen. Bildet vil bli avkuttet til den eksakte formen og størrelsen på banen.
Trinn 6
Igjen la oss lage et nytt rektangel. Sette sitt størrelse
til 1 300 px
av 840 px.
Trinn 7
Bruk Gratis Overf
eller
m Tool (E)
å plassere denne rektangel på samme sted som bildet. Fyll
det med Sort (R 0
G 0 B 0).
I Transparency Panel
, etter sette Opacity
til 65%
.
Dette vil være en svart overlegg på toppen av bildet slik at den hvite teksten er leselig
Trinn 8
Hit Alt -. klikk Hotell og dra
toppen tittelen "Hva gjør vi?" for å flytte under. Denne handlingen vil duplisere tittelen. Erstatt
teksten Hotell og fylle C
olor
med White
(R 255 G 255 B 255)
Trinn 9
Gjenta denne enkle prosessen med neste tekstblokk.
. Igjen, fyller C
olor
med White
(R 255
G 255 B 255)
. < .no>
Trinn 10
Opprett en ny sirkel med Ellipse Tool (L).
Sett sin størrelse
til 470 px
av 470 px.
Fyll Color
med White
(R 255 G
255 B 255)
.
I Transparency Panel
, etter sette Opacity
til 30%
.
Trinn 11
Med den hvite sirkelen valgt, trykk på Enter.
I Flytt Panel
, etter sette Horisontal posisjon
til 400 px.
Hit Kopier
Trinn 12
Gå til Fil >.; Sted (Shift - Cmd - P).
Velg bildet som er vist, og trykk på Place.
Trinn 13
Med Free Transform Tool (E)
plassere bildet direkte på toppen av den første sirkelen.
Step 14
Velg sirkelen under bildet og gå til Objekt > Sti > Offset Sti ...
Trinn 15
Set Offset
til -22 px.
Hit OK.
Trinn 16
Layers Panel
flytte den hvite sirkelen over bildet . Velg
både sirkel form og bildet. Hit Cmd -. 7
å lage en beskjæringsbane
Trinn 17
Velg riktig sirkelen. Gå til Objekt > Sti > Offset Sti ...
Trinn 18
Igjen, sette Offset
til -22 px.
Hit OK.
Trinn 19
Fyll sirkelen med hvit farge
(R 255 G 255 B 255 )
.
I Transparency Panel
, etter sette Opacity
til 100%.
Trinn 20
< p> Velg den hvite sirkelen og gå til Objekt > Sti > Offset Path.
Set Offset
til -45 px.
Step 21
I denne nyopprettede indre sirkel, vi vil skrive inn tekst. Aktiver Text Tool (T).
Flytt markøren over til sirkelen til markøren indikerer at du kan skrive inn i sirkel form.
Step 22
La oss skrive en tekst. Still tittelen størrelse
til 23 pt.
Lek litt med tekstalternativer for å se hva som fungerer best for deg. Følge grunnleggende typografi regler for å sikre at det endelige resultatet er estetisk tiltalende.
Trinn 23
Bruk rektangel Tool (M)
å opprette et nytt rektangel. Sette sitt størrelse
til 70 px med 70 px.
Set Stroke Vekt
til 1
pt.
Fyll slag med White
(R 255 G 255 B 255)
.
Trinn 24
Aktiver Free Transform Tool (E).
Hold Shift Hotell og roter rektangel med 45 °
.
Trinn 25
Med Direct Selection Tool (A)
, etter velge riktig ankerpunkt og trykk på Slett.
Trinn 26
Høyreklikk
på form og gå til Transform > Reflektere ...
Trinn 27
reflektere Panel
, etter sette Axis
til Vertikal.
Hit Kopier.
Trinn 28
Bruk Free Transform Tool (E)
å flytte formen til rett ved siden av sirkel.
Opprette The Inspiration §
Trinn 1
Opprett en ny rektangel med rektangel Tool (M).
Sett sin størrelse
til 1300 px
av 360 px.
Fyll Color
med Pale
Gray (R 218 G 218 B 218).
Place rektangelet under "Før & Etter "-delen.
Trinn 2
Utseende Panel
, etter opprette en ny Fill.
Fyll den med Svart
(R 0
G 0 B 0)
.
Trinn 3
Med den nye fylle valgt, gå til Illustrator Effects > Texture > Korn ...
Trinn 4
Grain Effect Panel
, etter sette Inte
n
sity
til 81 Hotell og Contrast
til 50.
Bruk Sprinkles Grain Type.
Trinn 5
Utseende Panel
,
set Blending Mode til Soft Light.
Juster Opacity
til 25%
Trinn 6
Hit Alt -. klikk
og dra
tidligere tekstoverskriftene for å lage en ny tekst. Gjenta den valgte teksten.
Trinn 7
Fyll den nye teksten med Red Color (R 186 G 67 B 63)
.
Trinn 8
Gjenta samme kopieringen og duplisere
hjertet og striper fra header delen. Bruk Direkte
Selection Tool (A)
å forkorte stripene og fyller Stroke med rød farge (R 186 G 67 B 63)
.
Trinn 9
Gå til Fil > Sted (Shift - Cmd - P)
.
Velg ønsket bilde og importere den inn i dokumentet.
Step 10
Med Gratis transf
r
m Tool (E)
, etter sluttar
bildet vertikalt og flytte
det rett under blek grå rektangelet.
Trinn 11 Anmeldelser
Opprett en ny rektangel med rektangel Tool (M).
Sett sin størrelse
til 1300 px
av 55 px
.
Trinn 12
I Transparency Panel
, etter sette Opacity
til 60%
.
Trinn 13
Bruk Ellipse Tool (L)
å opprette en ny sirkel. Sette sitt størrelse
til 11 px
av 11 px.
Fyll den med P
ale
G
ray
C
olor (Anmeldelser R 221 G 221 B 221).
Trinn 14
Med sirkelen valgt, Hit Enter.
I Flytt Panel
, etter sette Horisontal posisjon
til 30 px.
Hit Kopier.
Trinn 15
Gjenta forrige trinn for å opprette flere sirkler av samme størrelse. Eller, bare trykk på Cmd -. D
flere ganger
Trinn 16
Med Selection Tool (V)
, etter Velg de foregående fire sirkler og fylle dem med Mørk Grå farge (R 48 G
48 B 48)
.
Trinn 17
Hit G
å gruppere sirkler og Align
dem Horisontalt
å artboard.
Trinn 18
Velg tidligere pil former og trykk på Alt - dra
pilene ned nedenfor til "Inspiration" -delen.
Opprette Møt oss Section
Trinn 1
Med Selection Tool (V)
, etter duplisere blek brun bakgrunn fra den øverste delen.
Trinn 2
Velg den brune bakgrunnen og sette referansepunkt til øvre kant.
Sett rektangelet er høyde
til 404 px
Trinn 3
Duplicate
de nye delene av teksten. - gjenta den samme prosessen som vi brukte i forrige avsnitt. Fyll tekst med Mørk Svart
C
olor (R 38 G 38 B 37)
.
Trinn 4
Deretter oppretter du en ny tekstblokk med Type Tool (T).
Set F
ont
S
ize
til 18 pt, etter L
< b> eading
til 22 pt
, etter og T
reoler
til 75
. < .no>
Trinn 5
Opprett en ny rektangel med rektangel Tool (M)
Set størrelse
til 1 300 px med 500 px < .no>
Trinn 6
Gå til Fil > Sted (Shift - Cmd - P) Hotell og import Kart Screensho
t
Trinn 7
Layers Panel.
flytte Kart Skjermbilde ned under den svarte rektangelet. Med begge stedene er valgt, trykk på Cmd - 7
å skape en klipping maske
Trinn 8
Med Type Tool (T) Opprett en ny rektangel med rektangel Tool (M). Høyreklikk på rektangelet og gå til Ordne > Send til Back. Med rektangelet fortsatt er valgt, gå til Illustrator Effects >.; Stilisere > Drop Shadow ... Drop Shadow Panel Gratulerer! I denne opplæringen har vi brukt enkle verktøy, teknikker og subtile effekter for å skape denne minimalistisk nettside design. Jeg håper du likte denne opplæringen og har lært noe nytt og nyttig.
lage en "Copyright" teksten under "Møt oss" -delen. Fyll den med Grå farge (R 89 G
89 B 89).
Set F
ont
S
ize
til 11 pt Hotell og bruke Alle Caps.
gjerne plassere noen vektor logo av et selskap der også.
Trinn 9
Sett sin størrelse
til 1300 px
av 4370 px.
Trinn 10
Dette trinnet vil flytte rektangelet bak alle objekter og elementer i dokumentet
Trinn 11
Trinn 12
, etter sette Opacity
til < b> 75%.
Juster Blur
til 6 px.
Konklusjon