Kako crtati dijagrame u Photoshopu?

...

Koristite alat Rectangular Marquee Tool za dodavanje ravnih, četvrtastih linija.

Zasluga slike: Slika ljubaznošću Adobea.

Bilo da trebate nacrtati organizacijski dijagram, infografiku ili dijagram toka, Adobe Photoshop CC ima sve što trebate. Dodajte svoje slike na grafikon ili upotrijebite bilo koji od oblika koji su već isporučeni za stvaranje vizualnih prikaza za svoju publiku. Prvo počnite s objektima i oznakama. Nakon što ih postavite na svoje mjesto, dodajte strelice ili linije da ih povežete.

Crtanje osnovnog dijagrama

Korak 1

...

Novi prozor Photoshopa s unaprijed postavljenim američkim papirom.

Zasluga slike: Slika ljubaznošću Adobea.

Pokrenite Photoshop i odaberite odgovarajuću veličinu za svoj dijagram. Ako ga ispisujete, odaberite "U.S. Paper" na izborniku Preset. Ako želite pejzažno platno umjesto portretnog, samo promijenite vrijednosti "8,5" i "11" u poljima Visina i Širina prije nego kliknete "U redu".

Video dana

Korak 2

...

Pravokutnik nacrtan alatom Rounded Rectangle Tool.

Zasluga slike: Slika ljubaznošću Adobea.

Odaberite oblik iz okvira s alatima koji će poslužiti kao pozadina za vaše oznake dijagrama, kao što je alat za pravokutnik, alat za zaobljeni pravokutnik ili alat za elipsu. Ako ne vidite oblik koji želite, kliknite i držite oblik koji je vidljiv da biste otkrili ostale na padajućem izborniku. Povucite pokazivač preko platna da biste nacrtali oblik, a zatim upotrijebite izbornike na traci s opcijama da odredite boju ispune, boju poteza i težinu linije.

Korak 3

...

Pravokutnik s unutarnjom kosinom i sjenkom.

Zasluga slike: Slika ljubaznošću Adobea.

Odaberite "Stilovi slojeva" s izbornika slojeva i odaberite jedan ili više stilova za primjenu na svoj oblik. Dodajte stil Drop Shadow kako bi oblik izgledao kao da lebdi na zaslonu. Da biste dodali kosinu oko granice oblika, odaberite "Bevel & Emboss" i odaberite "Inner Bevel" iz izbornika Stil.

4. korak

...

Vanjska kosina primijenjena na tekst.

Zasluga slike: Slika ljubaznošću Adobea.

Odaberite "Text Tool" iz okvira s alatima, a zatim kliknite oblik koji ste nacrtali. Tekstni okvir automatski odgovara veličini vašeg oblika. Unesite tekst za oznaku, a zatim ga označite i prilagodite font, veličinu fonta i boju prema želji pomoću opcija na traci s opcijama.

Korak 5

...

Grupirajte slojeve da biste ih brzo premjestili i kopirali.

Zasluga slike: Slika ljubaznošću Adobea.

Grupirajte tekstni okvir i oblik pozadine kako biste ih lakše pomicali. Odaberite sloj teksta i sloj oblika na ploči Slojevi tako da ih pritisnete Ctrl i zatim odaberite "Grupiraj slojeve" iz izbornika Slojevi. Da biste premjestili oba sloja zajedno, odaberite mapu. Povlačenjem mape na ikonu "Novi sloj" na dnu ploče slojeva kopira se tekst i oblik pozadine. Da biste zasebno uredili bilo koji sloj, otvorite mapu i odaberite odgovarajući sloj.

Korak 6

...

Photoshopov izbornik Oblici.

Zasluga slike: Slika ljubaznošću Adobea.

Kliknite "Alat za prilagođeni oblik" u okviru s alatima, a zatim kliknite izbornik "Oblici" na desnoj strani trake s opcijama. Izbornik Oblici uključuje nekoliko različitih strelica, mjehurića govora i drugih oblika koje možete koristiti za svoj dijagram. Kliknite strelicu, a zatim povucite pokazivač preko platna da biste ga nacrtali. Nakon što je nacrtan, možete ga formatirati i primijeniti stilove sloja na njega, baš kao i na bilo koji drugi oblik.

Korak 7

...

Strelica između dva pravokutnika.

Zasluga slike: Slika ljubaznošću Adobea.

Odaberite "Free Transform" iz izbornika "Uredi" da biste promijenili veličinu ili rotirali strelicu prema potrebi. Držanje tipke "Shift" dok povlačite kut strelice ograničit će njezin omjer slike. Da biste rotirali oblik, zadržite pokazivač izvan kuta dok pokazivač ne postane zakrivljena strelica, a zatim ga povucite.

Korak 8

...

Pozadinski pravokutnik sa zakošenim rubom i primijenjenom teksturom.

Zasluga slike: Slika ljubaznošću Adobea.

Dodajte oblik pozadine svom dijagramu ako želite. Kako biste pozadinu učinili vizualno zanimljivom, pokušajte joj dodati unutarnju kosinu, a zatim odaberite opciju "Texture" u lijevom izborniku prozora Layer Style, ispod "Bevel & Emboss".

Crtanje linija u dijagramu

Korak 1

...

Vodiči za poravnanje pojavljuju se kada premjestite objekt.

Zasluga slike: Slika ljubaznošću Adobea.

Dodajte naljepnice, fotografije, oblike ili bilo koje druge objekte koji su vam potrebni za svoj dijagram. Stavite ih u položaj koji želite. Imajte na umu da Photoshop prikazuje vodiče za poravnanje kada premještate objekte, što olakšava njihovo ravnomjerno razdvajanje.

Korak 2

...

Opcija Stroke u izborniku Uredi.

Zasluga slike: Slika ljubaznošću Adobea.

Dodajte novi sloj na platno klikom na gumb "Novi sloj" na dnu ploče slojeva. Odaberite "Rectangular Marquee Tool" u Toolboxu da dodate ravne, kvadratne linije dijagramu. Povucite alat preko platna, a zatim odaberite "Stroke" na izborniku Uredi.

Korak 3

...

Primjena poteza na alatu Rectangular Marquee Tool.

Zasluga slike: Slika ljubaznošću Adobea.

Unesite širinu, u pikselima, za debljinu linije u prozoru Stroke. Kliknite ikonu "Boja" i odaberite boju za liniju, a zatim kliknite "U redu" da zatvorite svaki prozor. Alat za označavanje sada je pravokutnik.

4. korak

...

Predmeti povezani ravnim, kvadratnim linijama.

Zasluga slike: Slika ljubaznošću Adobea.

Odaberite "Alat za brisanje" za brisanje dijelova pravokutnika koji vam nisu potrebni. Ponovite ovaj postupak s Rectangular Marquee Tool kako biste nacrtali onoliko linija koliko trebate.

Korak 5

...

Dijagram zgrade s požarnim izlazima.

Zasluga slike: Slika ljubaznošću Adobea.

Kombinirajte pravokutnike i ovale u jedan oblik držeći pritisnutu tipku "Shift" kada crtate bilo kojim od alata za okvir. Svaki put kada dodate novi oblik, on se automatski kombinira s već prisutnim, tako da možete nacrtati tlocrte, raskrižja ulica ili bilo koje druge oblike koji vam mogu zatrebati u dijagramu.