Uutta Creative Cloudissa: Photoshop CC -päivitykset selitettynä.

Uutta Creative Cloudissa: Photoshop CC 14 (kesäkuu 2013) – 02 Yleistä ja parannuksia web-suunnittelijoille.

Kaikki oppaan videot Uutuuksia Adobe Creative Cloudissa: Photoshop CC päivitykset selitetään.

Kuvakoon dialogin parannukset

Samaan tapaan kuin Valikoivassa terävöityksessä, myös dialogilaatikkoa on päivitetty ulkoasun suhteen. Olemme vihdoin saaneet esikatselun kuvakoon dialogille. Dialogilaatikkoa voi myös suurentaa.

Uutta Creative Cloudissa: Photoshop CC 14 (kesäkuu 2013) - 02 Yleiset ja parannukset verkkosuunnittelijoille.

Nyt minulla on käytettävissäni valmiiksi määritellyt asetukset ja voin myös luoda omia mukautettuja asetuksia. Joten esimerkiksi jos minun täytyy aina luoda suurempi grafiikka samassa kuvakoossa kuin esimerkiksi esimerkissäni, voin tallentaa tämän asetuksen valmiiksi. Avaamalla tiedostoselaimen yksinkertaisesti annan asetukselleni nimen (tässä tapauksessa "Kaupan yksityiskohtien katselu kanteleelle") ja se on valmiina odottamassa asetuslistassani. Hyvä uudistus!

Uutta Adobe Creative Cloudissa: Photoshop CC 14 (kesäkuu 2013) - 02 Yleistä ja parannuksia web-suunnittelijoille

Lisäksi on otettu käyttöön uusi interpolointimahdollisuus, nimeltään Yksityiskohtien säilyttäminen (suurennus). Tämä mahdollistaa terävyyden paremman säilymisen kuvien suurentamisen yhteydessä, koska hieman terävöitystä tapahtuu samanaikaisesti suurentamisen kanssa.

Kun valitsen interpolointimenetelmäksi Yksityiskohtien säilyttämisen, voin samalla suurentaa kuvan samalla vähentäen kevyesti terävöityksen aiheuttamaa kohinaa. Esikatselun avulla voin myös optimaalisesti arvioida odotettavissa olevia kuvan muutoksia kuvakoon muuttuessa ja reagoida vastaavasti kohinan vähentämisessä.

Uutta Creative Cloudissa: Photoshop CC 14 (kesäkuu 2013) - 02 Yleistä ja parannuksia web-suunnittelijoille.

Web-sivujen tekstitasojen jäljentäminen

Kun luomme asiakkaillemme verkkosuunnitelmia, kerromme heille suunnitelman esittelyn yhteydessä, että kirjasintyyppi voi hieman vaihdella laitteesta toiseen ja selaimesta toiseen.

Esimerkkinä: Kotisivumme suunnitelma liiketoimintamme puitteissa (4eck-media.de) kuvatiedostona (ylhäällä) kosmetik-uhl.com-sivustolle ja näkymä selaimessa (alhaalla).

Uutta Creative Cloudissa: Photoshop CC 14 (kesäkuu 2013) - 02 Yleistä ja parannuksia web-suunnittelijoille

Nyt Adobe on Photoshop CC:lle lisännyt tekstihienosäädön asetuksiin kaksi verkkotilaa. Järjestelmässäni ne ovat Windows ja Windows-LCD. Mac-käyttäjä saa Macin ja Mac-LCD:n. Näin voidaan optimaalisesti jäljitellä, miltä teksti näyttää myöhemmin verkkosivustolla. Olisi ollut ihanteellista, jos Mac ja Windows olisivat olleet tiloja valittavissa, koska minun vaikutelmani on, että Macissa teksti näyttää aina hieman voimakkaammalta kuin Windows-järjestelmissä.

Uutta Creative Cloudissa: Photoshop CC 14 (kesäkuu 2013) - 02 Yleistä ja parannuksia verkkosuunnittelijoille.

CSS:n kopiointi

Toimistossamme käytimme aiemmin Photoshop CS6:ta maksullista CSS Hat -liitännäistä, jolla voitiin muuntaa vektorimuodot ja tasotyylit CSS3-koodiksi. Tämä toiminto on nyt otettu mukaan Photoshop CC:hen. Voin siis helposti osoittaa tekstitasoja tai muotoja oikealla hiiren painikkeella ja kopioida CSS-koodin – ja sitten liittää sen tekstieditoriin. Vaikka CSS-koodia ei voi aina kopioida täysin (esim. absoluuttisen sijainnin takia), on kuitenkin helpompaa muokata vientiä CSS-koodiksi kuin kirjoittaa se alusta alkaen.

Uutuuksia Creative Cloudissa: Photoshop CC 14 (kesäkuu 2013) - 02 Yleiset asiat ja parannukset web-suunnittelijoille

Hienoa on, että myös tasotyylit otetaan huomioon. Jos esimerkiksi muodollani on varjostus, se näkyy CSS-lähdössä box-shadowina. Jos haluan kopioida useita kohteita CSS:ksi samanaikaisesti, minun on sijoitettava ne ryhmään ja sitten oikealla hiiren painikkeella valittava ryhmästä Kopioi CSS.

Uutta Creative Cloudissa: Photoshop CC 14 (kesäkuu 2013) - 02 Yleistä ja parannuksia web-suunnittelijoille.

Web-värien tuominen

Photoshop CC:ssä on mahdollista lisätä olemassa oleviin väreihin web-värit Värimallin ohjaimen valikon kautta tai korvata ne. Kun tallennan yksinkertaisesti verkkosivuston kerran Tallenna nimellä, saan monia tiedostoja, mukaan lukien HTML-tiedoston ja joitain CSS-tiedostoja. Nyt voin tuoda näissä määritettyjä web-värejä.

Uutta Creative Cloudissa: Photoshop CC 14 (kesäkuu 2013) - 02 Yleistä ja parannuksia web-suunnittelijoille.

Näin voin välttää kulkemisen kuvakaappauksen ja pipetin kautta, jos haluan poimia oikeat värit. Esimerkiksi lataan yksinkertaisesti HTML- ja CSS-tiedostot C4D-Treff.de:stä, jotta voisin esimerkiksi käyttää selväpiirteistä punaista, kun haluan luoda lisää mediatuotteita Photoshopissa tämän värivaatimuksen mukaisesti.

Uutta Creative Cloudissa: Photoshop CC 14 (kesäkuu 2013) - 02 Yleiset asiat ja parannuksia web-suunnittelijoille