Hvordan lage et sett av merknader i Adobe Photoshop

How å lage et sett av merknader i Adobe Photoshop
Hva du skal lage

I de følgende trinnene vil du lære hvordan du kan lage et enkelt sett med kommentarer i Adobe Photoshop.

For det første vil du lære hvordan du kan lage fargeboksene som bruker grunnleggende verktøy og noen enkle lag stil attributter sammen med grunnleggende skrive teknikker.

Neste, vil du lære hvordan du kan kopiere og lime inn lagstiler og hvordan du bruker denne teknikken for å skape nye fargebokser og de nummererte boksene. Bruke grunnleggende vektor form byggeteknikk og noen nye lagstiler du vil lære å lage piler og pekere.

Til slutt, vil du lære hvordan du lagrer en enkel handling eller en stil og hvordan du bruker dem til å lage merkepenner eller rammen for dine zoomet ares.

1. Opprett et nytt dokument, sette opp et rutenett og plukke de viktigste fargene

Åpne Photoshop og traff Ctrl-N for å opprette et nytt dokument. Skriv inn alle data vist i følgende bilde og klikk på OK.

Aktiver Grid plakater (View > Show > Grid) og Fest til rutenett plakater (View > Fest til > Grid). Du trenger et rutenett hver 1px, så bare gå til Rediger > Preferanser > Guides, Grid & Skiver og fokus på Grid delen. Skriv inn 1 i linjenettet Hver boks og en i Subdivision boksen. Sett også fargen på rutenettet til # a7a7a7. Når du har satt alle disse egenskapene klikk OK. . Prøv å ikke bli motløs av alt som rutenett, det vil lette arbeidet senere og husk at du enkelt kan aktivere eller deaktivere den ved hjelp av kontroll- "tastatursnarvei Du bør også åpne infopanelet (Vindu > Info) for en levende forhåndsvisning med størrelsen og plasseringen av figurer.

Trinn 2

For det første må du velge din hovedfargen. For denne opplæringen din viktigste fargen vil være # 0070be. Hvis du ønsker å velge en annen farge sørge for at det er en som ikke skade øyet, og at det fungerer på både mørke og lyse bakgrunner

Fokus på fargepanelet (Vindu > Color)., skriver du inn fargekode nevnt en liten stund siden så flytte til Fargeprøver-panelet (Vindu > Prøver) og bare treffer New Swatch knappen Enter " mainColor
" i navnet, klikk OK, og du vil finne den nye fargen i. Fargeprøver-panelet. Deretter må du legge til variasjoner av hovedfargen. Returner til Fargeprøver-panelet og slett redde # 1e8edc (name it " secondColor
") og # 80b8df (name it " thirdColor
") farger.

2. Lag fargeboksene

Trinn 1

Sett " mainColor
" som forgrunnsfarge og plukke den Avrundet rektangel Tool. Fokus på kontrollpanelet og slett sette Radius på 5px. Flytt til lerret og lage en 77 x 75px vektor form.

Trinn 2

Fokus på Lag-panelet (Vindu > Layers) og bare dobbeltklikk på den blå avrundet rektangel for å åpne Lagstil vinduet. Aktiver Stroke og Skygge deretter inn egenskapene som vises i følgende bilde. For Strek trenger du " secondColor
" mens for Drop Shadow trenger du det samme " mainColor
".

Trinn 3

Kontroller at Avrundet rektangel Tool er fortsatt aktiv og bare lage et sett med vektorfigurer vist i det første bildet. Fokus på Lag-panelet, høyreklikk på den første figuren du laget (den med Strek og Skygge) og bare gå til Copy Layer stil. Hold fokus på Lag-panelet, velger de seks avrundede rektangler gjort i dette trinnet, høyreklikk på en av disse figurene og gå til Paste Layer stil.

Trinn 4

Åpne Tegn-panelet (Vindu > Character) og fokusere på 77 x 75px avrundet rektangel (den første vektoren form som du har gjort). Plukk Type Tool, klikker du bare på lerret, legge til " R:
" stykke tekst og plassere den som vist i følgende bilde. Gjør det hvite (#ffffff) og bruke Inconsolata skrift med størrelsen satt til 20px. Ved hjelp av det samme verktøyet og tekstattributter legge de to andre delene av teksten som vises i bildet nedenfor.

Trinn 5

Bruke Type Tool (T), legger de tre stykke tekst vist i følgende bilde og bruke de samme attributtene søkt om eksisterende biter av tekst.

Trinn 6

Fokus på Lag-panelet og åpne Lagstil vinduet for en av dine biter av tekst. Aktiver Drop Shadow og angi egenskapene som vises i følgende bilde. Legg de samme attributter for resten av teksten.

Trinn 7

Kontroller at Type Tool (T) er fortsatt aktiv og legge til en haug med ny tekst som vist i følgende bilde. Den Inconsolata skriften er en monospace font, noe som betyr at figurene dine vil okkupere samme mengde horisontal plass. Dette betyr ganske enkelt at du ikke trenger å bekymre seg om lengden på teksten når du trenger å endre fargene koder. Ikke glem å legge til at subtile Drop Shadow stil for denne nye teksten.

3. Lag nummererte boksene

Trinn 1

Sørg for at din " mainColor
" er fortsatt forgrunnsfargen, plukke Ellipse Tool og skape en 30px sirkel. Fokus på Lag-panelet kopiere Layer stil attributter som brukes for en av blått, avrundede rektangler og lime dem til vektorform gjort i dette trinnet.

Trinn 2

Velg tekstverktøyet, er å legge en " en
" og plassere den som vist i følgende bilde. Gjør det hvite (#ffffff) og bruke det samme Inconsolata skrift med størrelsen satt til 20px. Fokus på Lag-panelet kopiere Layer stil attributter som brukes for en av de eksisterende stykke tekst og lime dem til den del av teksten gjort i dette trinnet.

Trinn 3

Marker på nytt blå sirkel og at " en
" og konsern dem (Ctrl-G). Kopiere denne friske gruppen (Ctrl-J), velge kopi og dra det flere piksler til høyre, som vist i det første bildet. Fokuser på din gruppe kopi og bare erstatte at " en
" med en " 2
". Gjenta denne teknikken og legge åtte gruppe kopier som vist i tredje bildet. Ikke glem å redigere teksten.

4. Lag piler og Pekere

Trinn 1

Sett forgrunnsfargen på #
dfdfe1, plukke Avrundet rektangel Tool og lage en 34 x 3px form.

Trinn 2

Sørg for at dine små grå avrundet rektangel forblir valgt og plukke rektangelverktøyet. Hold Shift-knappen på tastaturet og bare legge en 13px firkant som vist i det første bildet. Fokus på høyre side av denne nye formen og bytte til Direct Selection Tool. Velg den øverste forankringspunkt og dra det 5PX ned og deretter velge nederste forankringspunkt og dra det 5PX opp. Til slutt din torget skal bli til en trapes som vist i det andre bildet.

Trinn 3

Hold fokus på din grå vektor form. Bruke Direct Selection Tool, velger de fire ankerpunktene som utgjør din trapes. Hold Shift-knappen på tastaturet så bare klikk inni trapes og dra den 41px til venstre som vist i det andre bildet. Sørg for at de fire ankerpunktene som utgjør denne nye trapes er å velge og trykke Ctrl-T. Rotere utvalget 180 grader, trykk Enter og i ende ting vil se ut i det tredje bildet.

Trinn 4

Hold fokus på din grå vektor form og sørge for at det forblir valgt. Plukk Avrundet rektangel Tool, hold Shift-knappen på tastaturet og bare legge fire, 2 x 5px vektorfigurer som vist i det første bildet. Bruk det samme verktøyet, og holde nede Shift-knappen og legge til seks, 4 x 3 px vektor avrundede rektangler for pil som vist i det andre bildet.

Trinn 5

Marker på nytt pilen vektor form og bare erstatte den lys grå med " mainColor
". Åpne Layers stil vindu for blå pil og angi egenskapene som vises i følgende bilder.

Trinn 6

Duplicate pilen (Ctrl-J), velge kopi og dra det flere piksler til høyre, som vist i det første bildet. Sørg for at kopien er fortsatt valgt, traff Ctrl-T, rotere den 90 grader og trykk på Enter. Åpne Layers stil vindu for pilen gjort i dette trinnet, fokus på Indre skygge og skyggen seksjoner og slett redigere Angles som vist på følgende bilder.

Trinn 7

Duplicate dine to piler (Ctrl-J), velg kopier og bare dra dem flere piksler ned som vist i følgende bilde.

Trinn 8

Fokus på kopi av horisontal pil. Plukk Direct Selection Tool, velger ankerpunktene som utgjør høyrepil og bare trykke på knappen Slett fra tastaturet. Til slutt ting skal se ut i det andre bildet.

Trinn 9

Fokus på kopi av vertikale pilen. Plukk Direct Selection Tool, velger ankerpunktene som utgjør bunnen pilspissen og bare trykke på knappen Slett fra tastaturet. Til slutt ting skal se ut i det andre bildet.

Step 10

Sett forgrunnsfargen på #
dfdfe1, plukke Avrundet rektangel Tool og lage en 34 x 3px form.

Trinn 11

Sørg for at dine små grå avrundet rektangel forblir valgt, og plukke den Ellipse Tool. Hold Shift-knappen på tastaturet og bare legge en 11px sirkel som vist i det første bildet. Fortsett med Ellipse Tool, hod Alt-knappen på tastaturet og tegne en 5px sirkel som vist i det andre bildet.

Step 12

Marker på nytt din grå vektor form og bare erstatte den eksisterende fyllfarge med " mainColor
". Fokus på Lag-panelet kopiere Layer stil attributter som brukes for en av dine pil figurer og lime dem til vektorform redigeres i dette trinnet.

Trinn 13

Duplicate pekeren (Ctrl-J), roter kopi 90 grader og legg den som vist i det første bildet. Åpne Lagstil vinduet for formen laget i dette trinnet og redigere Vinkel attributter som brukes for Indre skygge og skyggen seksjonene som du gjorde for de to pilene. Til slutt bør du ha et sett med seks piler og pekere som vist i det andre bildet.

Husk at du enkelt kan bla disse banene ved hjelp av Rediger > Transform > Vend Horisontal /Vertikal kommandoen. Også, hvis du ønsker å øke /redusere lengden på pilen /pekeren, sørg for at du ikke strekke det.

Bruke Direct Selection Tool, velger ankerpunktene som utgjør enden av pilen /pekeren og dra dem i ønsket retning mens du holder Skift-tasten på tastaturet.

5. Opprett Highlighters

Trinn 1

Åpne Handlinger panelet (Vindu > Actions), traff Opprett ny Set-knappen, navnet " Stempler
" og klikk OK. Sørg for at det forblir valgt, plukke Elliptical Marquee Tool, fokusere på lerret og lage enkle valg. Sørg for at det fortsatt er aktiv, går du tilbake til Handlinger panelet, klikker du bare på Opprett ny handlingsknappen, den navnet " Circle
" deretter traff Record. Hit Shift-Control-Alt-N for å opprette et nytt lag og deretter gå til Edit > Fylle. Tast egenskapene som vises i følgende bilde (plukke en tilfeldig farge) og klikk OK.

Trinn 2

Pass på at laget gjorde i forrige trinn er fortsatt valgt og fokusere på de Layers panel. Senke Fill til 0% deretter åpne Layers stil vinduet. Tast egenskapene som vises i følgende bilde, klikker du på OK og gå tilbake til Lag-panelet. Høyreklikk på samme lag, og bare gå til Konverter til smart objekt.

Trinn 3

Åpne Lagstil vinduet for smart objekt gjort i forrige trinn, angir egenskapene som vises i Følgende bilde og klikk på OK. Gå tilbake til Handlinger panelet og bare trykke på Stop Layeing /opptak-knappen. Dobbeltklikk på " Circle
" handling å gjenåpne den action Options vinduet og tildele en enkel tastatursnarvei.

Trinn 4

Fokus på Handlinger panelet, og sørge for at " Stempler
" Set er fortsatt valgt. Plukk Rectangular Marquee Tool, flytte til lerret og lage en enkel markering. Sørg for at det fortsatt er aktiv, går du tilbake til Handlinger panelet, klikk igjen på Opprett ny handlingsknappen, den navnet " RoundedRectangle
" deretter traff Record. Nå, gå til Velg > Endre > Glatt, skriv en 3px Radius og klikk på OK. Deretter treffer Shift-Control-Alt-N for å opprette et nytt lag og gå til Edit > Fylle. Tast egenskapene som vises i følgende bilde (plukke en tilfeldig farge) og klikk OK.

Trinn 5

Pass på at laget gjorde i forrige trinn er fortsatt valgt og fokusere på de Layers panel. Senke Fill til 0% deretter åpne Layers stil vinduet. Tast egenskapene som vises i følgende bilde, klikker du på OK og gå tilbake til Lag-panelet. Høyreklikk
på samme lag, og bare gå til Konverter til smart objekt.

Trinn 6

Åpne Lagstil vinduet for smart objekt gjort i forrige trinn , skriv egenskapene som vises i følgende bilde og klikk på OK. Gå tilbake til Handlinger panelet og bare trykke på Stop Layeing /opptak-knappen. Re-åpne action vinduet Alternativer for din " RoundedRectangle
" action og tildele en hurtigtast.

Trinn 7

Ved hjelp av Ellipse Tool, bare lage en form rundt ting som du ønsker å fremheve, og sørg for at det fortsatt er aktiv. Hit tastatursnarveien tildelt for " Circle
" handling og handlingen vil gjøre resten.

Trinn 8

Bruke rektangelverktøyet, bare lage en form rundt ting som du ønsker å fremheve, og sørg for at det fortsatt er aktiv. Hit tastatursnarveien tildelt for " RoundedRectangle
" handling og handlingen vil gjøre resten.

6. Opprett Frame for det forstørrede området

Trinn 1

Åpne Lagstil vinduet for laget med zoomet området og bare skriv egenskapene som vises i følgende bilder. Sørg for at denne formen forblir valgt, åpner du Stil
panel ( Vindu > Stylies
) og klikker du bare på Opprett ny stil
knappen. Dette vil gjøre det lettere for deg å legge disse Layer stil
egenskaper for et lag som du liker. Bare velg den og klikk på den lagrede stil.

Gratulerer! Du er ferdig!

Her er hvordan det skal se ut. Jeg håper du har hatt glede av denne opplæringen, og kan bruke disse teknikkene i din fremtidige prosjekter. Anmeldelser