Com utilitzar la funció Artboards d'Adobe Photoshop CC 2017

01 de 05

Descripció general d'Artboards a Adobe Photoshop CC 2017

La nova característica d'Artboards de Photoshop CC 2017 és un afegit "touós".

Tregui un grup de dissenyadors gràfics junts i pregunteu-li quin és el seu "punt de dolor" principal quan es tracta de dissenyar interfícies per a aplicacions mòbils i que us explicaran "Photoshop". Tot i que això pot sorprendre bastants persones, és bastant comprensible. Hi ha una varietat de telèfons intel·ligents i tauletes que hi ha i tots tenen mides de pantalla diferents. Això resulta inevitablement en un parell de fitxers .psd de Photoshop que contenen múltiples capes i un flux de treball força complicat. A partir del 16 de juny de 2015, tot això s'ha desaparegut. Photoshop conté una característica d'Artboards esmerilada que és morta simple d'usar.

Si sou usuari d'Illustrator, us acostumareu a la creació i l'ús d'artistes. La nova funció d'artboards de Photoshop funciona molt semblant a la seva contraparte Illustrator.

Vegem com utilitzar-lo.

02 de 05

Com crear una interfície gràfica a Photoshop CC 2017

Hi ha molts dispositius per escollir quan s'afegeixen els artistes.

Hi ha dues maneres de crear un Artboard en Photoshop CC 2017.

El primer és crear-ne una quan obriu un nou document de Photoshop. Ara hi ha una opció d'Artboard al document Type pop down. Quan ho seleccioneu, podeu triar una mida d'Artboard des del menú desplegable i les vostres opcions van des d'un iPhone 6 Plus fins a 100 x 100 píxels de mida Legacy iPad Spotlight .

L'altre mètode és seleccionar l' eina Artboard : es pot trobar fent clic i mantenint premut l'eina Mou.

Quan seleccioneu l'eina Artboard, podeu anar a la part superior de la interfície i triar un preajuste de la mateixa llista que heu vist quan vau crear un document nou. També podeu establir una mida personalitzada per a l'artboard, canviar l'orientació a Retrat o Paisatge, afegir una nova taula d'art o triar entre tres opcions sobre com Artboard serà manejat per Photoshop CC 2015.

Aquí teniu l'aspecte realment correcte dels artistes: podeu tenir tants com vulgueu.

03 de 05

Com nomenar i duplicar els artistes a Photoshop CC 2017

Afegiu l'orientació i el dispositiu al nom de l'artboard.

Hi ha dues maneres de duplicar un quadre artístic. El primer és obrir el panell Capes, seleccionar un quadre artístic i seleccionar Duplica Artboard des del menú Context . El segon mètode és seleccionar l'artboard al tauler Capes i canviar a l'eina Mou. Amb l'opció Artboard seleccionat manteniu premuda la tecla Opció / Alt i arrossegueu una còpia a una ubicació que trieu.

Evidentment, el fet d'haver anomenat artistes genèricament no us diu res. Per canviar el nom d'un quadre artístic, seleccioneu-lo al tauler de capes i canvieu el nom. A la imatge de dalt, són iPhone 6 Plus_ Retrat i iPhone 6 Plus_Landscape . Això em diu exactament quin dispositiu i orientació s'aplica a cada artboard.

04 de 05

Com afegir contingut a una interfície gràfica a Photoshop CC 2017

Els artistes són "documents separats per capes".

Com haureu d'endevinar, una caixa d'art és una capa. Tipus de.

Cada porta d'art és un "document en capes" separat que significa qualsevol cosa que pugueu afegir a una capa que podeu afegir a un quadre d'art. A la imatge que hi ha a dalt, tinc fitxes per a una retina iPad que s'ha configurat com a orientació per a retrats i paisatges. Cada quadre d'eines té capes pròpies, grups de capa, text, objectes intel·ligents i qualsevol altra cosa que afegiu a un document de Photoshop.

A més, podeu canviar l'ordre de capes a cada portada i l'ordre dels taulers

05 de 05

Com previsualitzar una interfície de Photoshop CC 2017 en un dispositiu iOS

Utilitzeu Adobe Preview per visualitzar els vostres artboards en un dispositiu iOS sense sortir de Photoshop.

Aquí és on Artboards es converteix en una característica "assassina" del Photoshop.

Juntament amb l'alliberament d'aquesta actualització, també hi ha una aplicació iOS per a iPhone i iPad: Adobe Preview, que us permet revisar el vostre treball al vostre iPhone o iPad sempre que es trobi a la mateixa xarxa sense fil que l'ordinador o connectat a l'ordinador a través d'un Connexió USB ..

El que feu és instal·lar Adobe Preview al dispositiu i obrir l'aplicació.

A Photoshop, simplement feu clic al botó de visualització prèvia del dispositiu nou. El quadre de vista prèvia del dispositiu s'obre i el quadre artístic apareix al dispositiu.

Aquí és on es posa realment "taca". Si canvieu l'orientació del dispositiu, el dispositiu adequat que s'aplica a aquesta orientació apareix al dispositiu.

La meva única queixa és que l'aplicació només és per a iOS. Els que tenim dispositius Android són bàsicament sense sort. Tot i que Adobe ha deixat molt clar que moltes de les seves aplicacions tàctils tindran contrapartides d'Android, només el temps li dirà si Adobe farà una versió per a Android d'Adobe preview disponible.

Per obtenir més informació sobre l'ús d'Artboards a Photoshop CC 2017, Adobe té una visió bastant àmplia.