Hvordan tegner jeg diagrammer med Photoshop?

...

Brug det rektangulære markeringsrammeværktøj til at tilføje lige, firkantede linjer.

Billedkredit: Billede udlånt af Adobe.

Uanset om du skal tegne et organisationsdiagram, en infografik eller et flowdiagram, har Adobe Photoshop CC alt, hvad du har brug for. Tilføj dine egne billeder til et diagram, eller brug en af ​​de former, der allerede er leveret til at skabe visuelle repræsentationer for dit publikum. Begynd først med objekterne og etiketterne. Når du har dem på plads, skal du tilføje pile eller linjer for at forbinde dem.

Tegning af et grundlæggende diagram

Trin 1

...

Photoshops nye vindue med U.S. Paper-forudindstillingen.

Billedkredit: Billede udlånt af Adobe.

Start Photoshop og vælg en passende størrelse til dit diagram. Hvis du udskriver det, skal du vælge "U.S. Paper" i menuen Forudindstilling. Hvis du vil have et liggende lærred i stedet for portræt, skal du bare skifte mellem "8.5" og "11" værdierne i felterne Højde og Bredde, før du klikker på "OK".

Dagens video

Trin 2

...

Et rektangel tegnet med værktøjet afrundet rektangel.

Billedkredit: Billede udlånt af Adobe.

Vælg en form fra værktøjskassen for at tjene som baggrund for dine diagrametiketter, såsom rektangelværktøjet, værktøjet afrundet rektangel eller Ellipseværktøjet. Hvis du ikke kan se den form, du ønsker, skal du klikke og holde på den form, der er synlig, for at afsløre de andre i en rullemenu. Træk markøren over lærredet for at tegne formen, og brug derefter menuerne i indstillingslinjen til at angive en fyldfarve, stregfarve og linjevægt.

Trin 3

...

Et rektangel med og indvendig affasning og skygge.

Billedkredit: Billede udlånt af Adobe.

Vælg "Layer Styles" fra Layer-menuen, og vælg en eller flere stile, der skal anvendes på din form. Tilføj en Drop Shadow-stil for at få formen til at se ud til at svæve på skærmen. For at tilføje en affasning rundt om formens kant, skal du vælge "Bevel & Relief" og vælge "Indre Bevel" fra Style-menuen.

Trin 4

...

En ydre affasning påført tekst.

Billedkredit: Billede udlånt af Adobe.

Vælg "Tekstværktøj" fra værktøjskassen, og klik derefter på den form, du har tegnet. Tekstboksen passer automatisk til størrelsen på din form. Indtast din tekst til etiketten, og fremhæv den og juster skrifttype, skriftstørrelse og farve som ønsket ved hjælp af mulighederne i indstillingslinjen.

Trin 5

...

Gruppér lag for at flytte og kopiere dem hurtigt.

Billedkredit: Billede udlånt af Adobe.

Gruppér tekstboksen og baggrundsformen sammen for at gøre dem nemmere at flytte. Vælg tekstlaget og formlaget i lagpanelet ved at Ctrl-klikke på dem og vælg derefter "Gruppe lag" i menuen Lag. Vælg mappen for at flytte begge lag sammen. Hvis du trækker mappen til ikonet "Nyt lag" i bunden af ​​lagpanelet, kopieres teksten og baggrundsformen. For at redigere et af lagene separat, skal du åbne mappen og vælge det relevante lag.

Trin 6

...

Photoshops Shapes-menu.

Billedkredit: Billede udlånt af Adobe.

Klik på "Custom Shape Tool" i værktøjskassen, og klik derefter på "Shapes" menuen i højre side af indstillingslinjen. Menuen Former indeholder flere forskellige pile, talebobler og andre former, du kan bruge til dit diagram. Klik på en pil, og træk derefter markøren over lærredet for at tegne det. Når det er tegnet, kan du formatere det og anvende lagtypografier på det, ligesom du ville gøre med enhver anden form.

Trin 7

...

En pil mellem to rektangler.

Billedkredit: Billede udlånt af Adobe.

Vælg "Free Transform" fra "Rediger-menuen" for at ændre størrelse eller rotere pilen efter behov. Hvis du holder "Shift"-tasten nede, mens du trækker i hjørnet af pilen, vil dets billedformat begrænses. For at rotere formen skal du holde markøren uden for hjørnet, indtil markøren bliver til en buet pil, og derefter trække den.

Trin 8

...

Et baggrundsrektangel med en skrå kant og påført tekstur.

Billedkredit: Billede udlånt af Adobe.

Tilføj en baggrundsform til dit diagram, hvis det ønskes. For at gøre baggrunden visuelt interessant, prøv at tilføje en indre affasning til den og vælg derefter "Tekstur"-indstillingen i venstremenuen i Layer Style-vinduet under "Bevel & Relief".

Tegning af linjer i et diagram

Trin 1

...

Justeringshjælpelinjer vises, når du flytter et objekt.

Billedkredit: Billede udlånt af Adobe.

Tilføj etiketter, fotos, figurer eller andre objekter, du har brug for til dit diagram. Sæt dem i den position, du ønsker. Bemærk, at Photoshop viser justeringshjælpelinjer, når du flytter objekter, hvilket gør det nemt at placere dem jævnt fra hinanden.

Trin 2

...

Indstillingen Slag under menuen Rediger.

Billedkredit: Billede udlånt af Adobe.

Tilføj et nyt lag til lærredet ved at klikke på knappen "Nyt lag" i bunden af ​​lagpanelet. Vælg "Rektangulære Marquee Tool" i værktøjskassen for at tilføje lige, firkantede linjer til diagrammet. Træk værktøjet hen over lærredet, og vælg derefter "Stroke" fra menuen Rediger.

Trin 3

...

Anvendelse af et streg på det rektangulære markeringsrammeværktøj.

Billedkredit: Billede udlånt af Adobe.

Indtast en bredde i pixels for tykkelsen af ​​linjen i vinduet Streg. Klik på "Farve"-ikonet og vælg en farve til linjen, og klik derefter på "OK" for at lukke hvert vindue. Markeringsværktøjet er nu et rektangel.

Trin 4

...

Objekter forbundet med lige, firkantede linjer.

Billedkredit: Billede udlånt af Adobe.

Vælg "Eraser Tool" for at slette de dele af rektanglet, du ikke har brug for. Gentag denne proces med Rectangular Marquee Tool for at tegne så mange linjer, som du har brug for.

Trin 5

...

Et bygningsdiagram med brandudgange.

Billedkredit: Billede udlånt af Adobe.

Kombiner rektangler og ovaler til en enkelt form ved at holde "Shift"-tasten nede, når du tegner med et af markeringsværktøjerne. Hver gang du tilføjer en ny form, kombineres den automatisk med dem, der allerede er til stede, så du kan tegne plantegninger, vejkryds eller andre former, du måtte have brug for i et diagram.