dc01

Que es y para que sirve Adobe Device Central?

dc0

Seguramente muchos han visto la opción “Device Central” en el menú Archivo de Photoshop pero nunca se les dió por ver de que se trata. Esto pasa a menudo con mas de una función del programa.

Lo cierto es que ese item, para los que no lo saben, sirve nada mas ni nada menos que para trabajar para dispositivos móviles, brindándolos la posibilidad de crear las imágenes para el tamaño exacto y visualizarlas en el dispositivo mismo. Con esto podremos crear imágenes para aplicaciones de un móvil específico, fondos de pantalla, etc. Es por eso que volvemos con un tutorial para saber mas sobre el tema.

Al abrir Photoshop, vamos a Archivo > Device Central para que abra esta extensión. En esta nueva ventana nos mostrará los dispositivos de las diferentes marcas (Nokia, Motorola, etc.) Aquí dependerá la versión de Photoshop con la que estén trabajando para que aparezcan los últimos dispositivos o no. Para este caso trabajaremos con la última versión (CS5 para los mas colgados) pero los pasos son similares para las anteriores. Veamos la ventana de Device Central:

 
Click sobre la imagen para ampliar.
Click sobre la imagen para ampliar.

Como vemos, es algo así como un explorador de dispositivos. En versiones anteriores ya se encuentran agrupados a la izquierda por la marca. En el CS5, para no tener todo el listado, nos brinda la posibilidad de buscar el dispositivo deseado (1) para luego crear un nuevo grupo (2) con el nombre del proyecto o de la marca. Una vez hecho esto arrastramos el dispositivo hacia la carpeta del grupo y lo descargará para poder utilizarlo.

En mi caso he seleccionado el Nokia 5800 XpressMusic. Al posicionarnos sobre el nombre del dispositivo nos mostrará todas las características (y cuando digo todas… creanme que son todas) no solo para trabajar con Photoshop, sino también con Flash y otros programas de la familia Adobe.

dc2

Para nosotros, los photoshoperos, los sectores que mas nos interesarán son seguramente General y Bitmap, en donde podremos ver el tamaño de la imagen, profundidade del color, formatos soportados y demás datos interesantes que hacen a cada dispositivo.

Una vez seleccionado el dispositivo, vamos a Archivo > Nuevo documento en… > Photoshop. Nos mostrará una pantalla preliminar con el tamaño del lienzo y el dispositivo seleccionado y al presionar el botón Crear nos creará el documento para trabajar.

Para este tutorial yo ya he creado una imagen (para no perder tiempo) en la cual emulo la pantalla de inicio de un juego para el Nokia, el SaxoHero4 (esto cansado de escuchar la guitarra..). 😛

Trabajamos sobre el lienzo o, en este caso, colocamos la imagen y una vez terminado, pasaremos a probar la misma en la pantalla del dispositivo. Para esto, vamos a Archivo > Guardar para Web y Dispositivos…

dc3

Esta pantalla seguramente la conoce mas de uno, mas aún si están en el diseño web… solo que esta vez tomaremos un camino distinto. En la parte inferior izquierda podemos ver un botón para ir a Device Central, el cual nos permitirá previsualizar la imagen directamente en el dispositivo. La pantalla y sus opciones son las siguientes:

 
Visualizamos nuestra imagen en el dispositivo y testeamos diferentes factores.
Click sobre la imagen para ampliar.

Como pueden ver, Device Central me da varias opciones para ver como queda la imagen según distintos factores.

  1. Grabar presentación en video. El nombre lo dice todo. Para esta opción necesitamos tener instalado QuickTime 7.4.1 o superior.
  2. Tomar una captura y visualizarla. Si tenemos diferentes proyectos, en diferentes dispositivos, esta previsualización puede ser de gran ayuda. Ya que nos mostrará una lista según el dispositivo, de las imágenes capturadas.
  3. Rotación. Girará el dispositivo a izquierda o derecha.
  4. Zoom.
  5. Info. Información útil del documento. Tamaño del archivo, formato, dimensiones, peso.
  6. Pantalla. Aquí contamos con varias opciones interesantes. Por un lado tenemos la posibilidad de bajar la iluminación del dispositivo o bien poner la cantidad de segundos en pasar a modo “hibernación”. Por otro, podemos probar la imagen con diferentes tipos posibles de reflejos, tales como luz interior, exterior o luz solar directa. También nos permite corregir la gamma, el contraste y evaluar si debemos volver a la imagen para realizarle algún cambio de estas características.
  7. Escala y aliniación. En el caso de estar trabajando con imágenes que no son de pantalla completa, aquí podremos trabajar la escala y la posición de la misma.

Ya con todo esto seguramente estaremos en condiciones de finalizar el trabajo. Para esto, solo debemos salir del Device Central y en la pantalla que nos ha quedado abierta de Guardar para web y dispositivos… ajustamos parámetros y guardamos la imagen, lista para subir al dispositivo o acoplar a la aplicación.

Diego Mattei

Diseñador autodidacta freelance ensañado con ayudar a estudiantes y colegas en la búsqueda de recursos y materiales útiles para el aprendizaje diario. Amante del arte digital y la fotografía. Desde hace algunos años me dedico al blogging, una pasión que descubrí y que no pienso dejarla.

Seguir leyendo otras publicaciones

Post navigation

15 Comentarios

  • La pregunta es, y después de haber aclarado para que sirve este software, es posible con el crear temas específicos para cada uno de los móviles con Device Central? Hace tiempo que estoy buscando un creador de temas para Nokia N8 y no hay manera de encontrar uno que sea lo suficientemente completo y/o eficaz…

  • buen tema no sabia de dicha aplicacion y llevo un tiempo usando PS, ahora yo tengo un problema uso el photoshop CS3
    no abra alguna manera de actualizar el device central de esa version a una version mas nueva sin necesidad de adquirir una nueva version del PS? porq la verdad esq no creo que mi pc (pocos recursos) aguante correr dicho programa ):

  • Diego que tal me haz dado una gran curiosidad para comenzar a usar este adobe device pero ahora trate de usarlo pero dpsde que pongo la imagen q quiero como hago para guardarlo o para aplicarlo en el dispositivo en mi caso tengo un nokia n95

    gracias!!!

    • Eso ya lo haces en forma externa pepo. Device Central te permite “emular” el dispositivo para ver como quedaría. Luego dependerá el fin de la imagen para saber como implementarlo.
      Saludos!

  • Gracias Diego, Muy interesante, Sería bueno que postearas siempre articulos que se refieran a esas cositas a las que siempre le pasamos por el lado y ni caso hacemos a veces por falta de tiempo o por ir directamente a lo que vamos a hacer y ya!

  • Hola Diego…. en una oportunidad vi esta parte del programa y vi varios modelos de celulares y me decia que que loco esto que para que serian estos celulares? …….. muchas gracias por el dataso….

    • Siempre es bueno saber para que sirve cada opción… nunca se sabe cuando uno lo va a necesitar.
      Saludos!

  • excelente… una vez entre al programita para ver de que se trataba y no entendia cual era la utilidad concreta!! gracias por iluminarme jajja!

  • hola una pregunta tengo un samsung gt_s5230 como hago para agregarlo a Device Central como haria para que hacerte ese modelo de movil…

    gracias…

    • Por lo visto dennis aun no está disponible… habrá que esperar. En el caso del CS5 la librería es online, por lo que se actualiza cada vez que hay novedades.

  • me encanto este articulo, por q no sabia nada de nada sobre esto….. gracias….

Comentarios cerrados.

Tych Panel. Util herramienta para composiciones en Photoshop

13 Mockups para aplicaciones móviles

30 tips para Photoshop

Ventanas y muros grunges en PSD