Photoshop za web dizajn: 20 profesionalnih savjeta

Stranica 1 od 2: Stranica 1

Za mnoge web dizajnere Adobe Kreativni oblak suite - a posebno Photoshop - igraju sastavni dio u procesu izrade web stranice. Bez obzira stvarate li web stranica makete ili dizajniranje pojedinačnih elemenata web mjesta, Photoshop je izvrsna opcija.

Evo nekoliko savjeta za web dizajn za koje možda niste znali da je Adobe častan uređivač slika bio sposoban - i može se pokazati vrlo korisnim za vaš sljedeći projekt.



01. Koristite mrežne sustave

Mrežni sustavi za Photoshop



Postoji niz alata koji će vam pomoći u korištenju mreža u Photoshopu

Grid sustavi mogu uštedjeti puno glavobolje u web dizajnu. Pokušajte koristiti resurse poput Vodič Cameron McEfee Proširenje Photoshop za prilagođavanje mreža jednostavnim i preciznim.

02. Izvadi sve

Jedna od najboljih praksi za uspješan web dizajn (i upravljanje vremenom) je postavljanje svih svojih elemenata na vaše Photoshop platno prije nego što se počnete prljati dizajnom.



Web dizajneri često skaču točno u jedno određeno područje ne uzimajući u obzir ostatak stranice i težinu sadržaja. Rano postavljanje grubog okvira pomoći će vam da donesete pametnije odluke i kasnije izbjegnete veća uređivanja.

03. Istražite prilagođene unaprijed postavljene dokumente

Web postavke za Photoshop

Photoshop se isporučuje s brojnim unaprijed postavljenim postavkama usmjerenim na web. Provjeri ih!

Pogoditi cmd + N za otvaranje prozora Novi dokument. Izbornik Unaprijed postavljeno sadrži osnovne web i mobilne postavke, ali nedostaju mu brojne uobičajene dimenzije za razne mrežne sustave, natpise, iOS i Android uređaje. Odvojite nekoliko trenutaka kako biste popunili područja koja nedostaju.



04. Prilagodite zadanu vrstu

Zatvorite sve otvorene dokumente. Otvorite paletu znakova da biste odabrali željenu obitelj fontova, težinu, razmak i boju. Nema više zadanih nebrojenih!

Vanjski tvrdi disk od 4tb crni petak

05. Neka vaši vektori budu oštri

Neka vaši vektorski objekti budu oštri. Pomoću alata Rectangle ( U ), otvorite izbornik Geometry options na traci opcija. Označite opciju Prikvači na piksele.

06. Stvorite točkaste linije

Isprekidane crte u Photoshopu

Stvorite točkaste linije u Photoshopu. To je jedna od stvari koje ćete uvijek morati raditi.

Odaberite alat Četka ( B ), a zatim otvorite paletu Brush Presets, a zatim padajući izbornik u gornjem desnom kutu. Odaberite Kvadratne četke i pritisnite Dodati.

Sada odaberite kist Hard Square 1 Pixel. Prebacite se na paletu Kistovi i pritisnite Oblik vrha četke, podešavajući Razmak na 300%. Na svom platnu, držite Shift dok vučete kist vodoravno ili okomito kako biste stvorili oštru isprekidanu liniju.

07. Lako zamotajte tekst

Korištenjem brzog zaobilaznog rješenja, Photoshop može primijeniti funkcije zamotavanja teksta slične InDesignovim. Odaberite alat Pravokutnik ( U ). Na traci s opcijama postavite ispunu na Putovi, postavite oblik na alat Pravokutnik i odaberite 'Dodaj u područje puta' (ili pritisnite + ).

Na platnu nacrtajte veliki pravokutnik preko područja sadržaja. Natrag na traci s opcijama promijenite 'Dodaj u područje puta' u 'Oduzmi iz područja puta' (ili pritisnite - ). Na svom platnu s prikazanim obrisima izvornog pravokutnika nacrtajte pravokutnik koji se presijeca gdje će se tekst umotati.

Odaberite alat Type ( T ), a zatim kliknite unutar velikog pravokutnika da biste oblik pretvorili u radnu stazu za ispunjavanje s tipom. Dimenzije Type Work Path možete dodatno pročistiti alatom Rectangle ( U ) i alat Izravni odabir ( DO ).

08. Stvorite brze ispune u boji

Brzo ispunjavanje Photoshopa

Određene ključne naredbe uvijek iznova su korisne. Brzo punjenje je jedan od njih

Pogoditi alt + Izbriši za popunjavanje teksta, oblika i slojeva odabranom bojom u prvom planu. Pritisnite cmd + Izbriši za popunjavanje područja odabranom bojom pozadine. Pogoditi D da se vratite na zadani crno-bijeli i pritisnite x da biste zamijenili boje prednjeg plana i pozadine.

09. Ostanite organizirani

Koristiti cmd + G grupirati slojeve i pomoći vam da ostanete organizirani i koncentrirani. Grupiranje područja i komponenata vašeg sadržaja - poput navigacije, područja s istaknutim sadržajem, pratećih komponenata i podnožja - odvojeno će vam uštedjeti glavobolju tijekom cijelog procesa dizajna i razvoja projekta.

10. Postanite pametni

Korištenje pametnih objekata (idite na 'Filtar> Pretvori za pametne filtre' i ctrl ili desni klik 'Sloj> Pretvori u pametni objekt') mudro može stvarno poboljšati vaš tijek rada tijekom cijelog postupka dizajniranja. Pretvaranje većih fotografija i vektorskih objekata u pametne objekte zadržava izvornu kvalitetu slike nakon skaliranja, rotiranja i iskrivljavanja.

Sljedeća stranica: Još 10 savjeta za web dizajn za Photoshop ...

  • 1
  • dva

Trenutna stranica: Stranica 1

Sljedeća stranica Stranica 2