Como usar a función Artboards de Adobe Photoshop CC 2017

01 de 05

Descrición xeral de Artboards en Adobe Photoshop CC 2017

A nova característica Artboards do Photoshop CC 2017 é un engadido "lixeiro".

Tirar a calquera grupo de deseñadores gráficos e preguntarlles cal é o seu "punto de dor" principal cando se trata de deseñar interfaces para aplicacións móbiles e que lle indicarán "Photoshop". Aínda que isto poida sorprender a moitas persoas é bastante comprensible. Hai unha variedade de teléfonos intelixentes e tabletas alí e todos teñen tamaños de pantalla diferentes. Isto resulta inevitablemente en poucas decenas de arquivos .psd de Photoshop que conteñen varias capas e un fluxo de traballo bastante complicado. A partir do 16 de xuño de 2015, todo desapareceu. O Photoshop contén unha característica de Artboards que é morto simple de usar.

Se vostede é un usuario de Illustrator, está bastante usado para a creación e uso de artboards. A nova característica de artboards de Photoshop funciona moi parecida á súa contraparte Illustrator.

Vexamos a forma de usalo.

02 de 05

Como crear unha pizarra en Photoshop CC 2017

Hai moito máis opcións para escoller cando engada artboards.

Existen dúas formas de crear un Artboard en Photoshop CC 2017.

O primeiro é crear un cando abre un novo documento de Photoshop. Agora hai unha opción de Artboard no menú de documentos . Cando o seleccione, pode escoller un tamaño de deseño gráfico desde o menú abaixo e as súas opcións van dende un iPhone 6 Plus ata un tamaño de Spotlight iPad de 100 x 100 píxeles .

O outro método é seleccionar a ferramenta Artboard : pódese atopar premendo e mantendo a ferramenta Move.

Cando selecciona a ferramenta Artboard pode ir á parte superior da interface e elixir un predefinido da mesma lista que viu cando creou un documento novo. Tamén pode configurar un tamaño personalizado para a artería, cambiar a orientación a Retrato ou a paisaxe, engadir unha nova caixa de ferramentas ou elixir entre tres opcións sobre como Artboard será xestionado por Photoshop CC 2015.

Aquí está a cousa realmente ordenada sobre artboards: podes ter tantos como queiras.

03 de 05

Como nomear e artificalos duplicados en Photoshop CC 2017

Engade a orientación e o dispositivo ao nome do artboard.

Existen dúas formas de duplicar un cadro artístico. O primeiro é abrir o panel Capas, seleccionar un cadro artístico e seleccionar Duplica Artboard desde o menú Contexto . O segundo método é seleccionar o panel articular no panel Capas e cambiar á ferramenta Mover. Coa opción Artboard seleccionada, manteña premida a tecla Opción / Alt e arrastre unha copia a unha localización que elixa.

Obviamente que os artboards chamados genéricamente non che dicen nada. Para cambiar o nome dunha artería, seleccióneo no panel Capas e cambie o nome. Na imaxe anterior, son iPhone 6 Plus_ Retrato e iPhone 6 Plus_Landscape . Isto dime exactamente que dispositivo e orientación se aplica a cada cadro artístico.

04 de 05

Como engadir contido a un artboard en Photoshop CC 2017

Os artboards son "documentos en capas separados".

Como podes imaxinar, un artboard é unha capa. Clase de.

Cada artboard é un "documento en capas" separado que significa calquera cousa que poida engadir a unha capa que pode engadir a un artboard. Na imaxe de arriba, teño artboards para unha Retina do iPad que se axustaron á orientación Retrato e paisaxe. Cada artboard ten as súas propias capas, grupos de capa, texto, obxectos intelixentes e calquera outra cousa que quere engadir a un documento de Photoshop.

Así mesmo, pode cambiar a orde de capas en cada cadro artístico e a orde dos artboards

05 de 05

Como previsualizar un artilugio Photoshop CC 2017 nun dispositivo iOS

Utiliza Adobe Preview para ver os teus artboards nun dispositivo iOS sen saír de Photoshop.

Aquí é onde Artboards convértese nunha característica "asasina" en Photoshop.

Xunto co lanzamento desta actualización tamén hai unha aplicación iOS para iPhone e iPad - Adobe Preview- que che permite comprobar o teu traballo no teu iPhone ou iPad sempre que estea na mesma rede sen fíos que o teu ordenador ou conectado á computadora a través dun Conexión USB ..

O que fai é instalar Adobe Preview no seu dispositivo e abrir a aplicación.

En Photoshop basta con premer no novo botón Vista previa do dispositivo. Abre o panel de visualización do dispositivo e aparece o seu artboard no dispositivo.

Velaquí onde se pega realmente ". Se cambia a orientación do dispositivo, aparecerá no dispositivo o debuxo axeitado que se aplique a esa orientación.

A miña única queixa é que a aplicación só é iOS. Aqueles de nós que temos dispositivos con Android basicamente non teñen sorte. Aínda que Adobe deixou moi claro que moitas das súas aplicacións Touch terán contrapartes de Android, só o tempo dirá se Adobe está facendo unha versión para Android de Adobe preview dispoñible.

Para saber máis sobre o uso de Artboards en Photoshop CC 2017, Adobe ten unha visión bastante extensa.