- Guía del usuario de Photoshop
- Introducción a Photoshop
- Servicios de Photoshop y Adobe
- Photoshop y Adobe Stock
- Bibliotecas de Creative Cloud
- Bibliotecas Creative Cloud en Photoshop
- Utilice Touch Bar con Photoshop
- Trabajar con ilustraciones de Illustrator en Photoshop
- Uso de la extensión en la aplicación Capture en Photoshop
- Cuadrícula y guías
- Creación de acciones
- Deshacer e historia
- Métodos abreviados de teclado predeterminados
- Capacidades táctiles y espacios de trabajo personalizables
- Photoshop en el iPad
- Photoshop en el iPad | Preguntas frecuentes
- Familiarícese con el espacio de trabajo
- Requisitos del sistema | Photoshop para iPad
- Crear, abrir y exportar documentos
- Añadir fotos
- Trabajar con capas
- Dibujar y pintar con pinceles
- Realización de selecciones y adición de máscaras
- Retoque de composiciones
- Trabajo con capas de ajuste
- Ajuste de la tonalidad del compuesto con curvas
- Aplicar operaciones de transformación
- Recorte y giro de composiciones
- Rotar, hacer panorámica, aplicar zoom y restablecer el lienzo
- Trabajar con tipos de capas
- Trabajo con Photoshop y Lightroom
- Obtener fuentes que faltan en Photoshop para iPad
- Texto japonés en Photoshop para iPad
- Administrar la configuración de la aplicación
- Métodos abreviados y gestos táctiles
- Métodos abreviados de teclado
- Edición del tamaño de imagen
- Emisión en directo de su trabajo mientras crea en Photoshop en el iPad
- Corrección de imperfecciones con el Pincel corrector
- Crear pinceles en Capture y utilizarlos en Photoshop
- Trabajar con archivos de Camera Raw
- Crear objetos inteligentes y trabajar con ellos
- Ajustar la exposición en las imágenes con Aclarar y Oscurecer
- Photoshop en la web (beta)
- Preguntas frecuentes | Photoshop en la web (beta)
- Introducción al espacio de trabajo
- Requisitos del sistema | Photoshop en la web beta
- Métodos abreviados de teclado | Photoshop en la web (beta)
- Tipos de archivo compatibles | Photoshop en la web (beta)
- Apertura y trabajo con documentos en la nube
- Colaboración con clientes
- Aplicación de ediciones limitadas a los documentos en la nube
- Documentos en la nube
- Documentos en la nube de Photoshop | Preguntas frecuentes
- Documentos en la nube de Photoshop | Preguntas sobre el flujo de trabajo
- Administración y trabajo con documentos en la nube en Photoshop
- Actualización de almacenamiento en la nube para Photoshop
- No se puede crear ni guardar un documento en la nube
- Solucionar errores de documentos en la nube de Photoshop
- Recopilar registros de sincronización de documentos en la nube
- Cómo compartir el acceso y editar los documentos en la nube
- Compartir archivos y comentar en la aplicación
- Espacio de trabajo
- Conceptos básicos del espacio de trabajo
- Creación de documentos
- Utilice Touch Bar con Photoshop
- Compatibilidad con Microsoft Dial en Photoshop
- Galerías de herramientas
- Preferencias de rendimiento
- Uso de herramientas
- Gestos táctiles
- Capacidades táctiles y espacios de trabajo personalizables
- Previsualizaciones de tecnología
- Metadatos y notas
- Compartir rápidamente creaciones
- Colocar imágenes de Photoshop en otras aplicaciones
- Preferencias
- Métodos abreviados de teclado predeterminados
- Reglas
- Visualización u ocultación de extras que no se pueden imprimir
- Especificación de columnas en una imagen
- Deshacer e historia
- Paneles y menús
- Colocación de archivos
- Colocación de elementos con el ajuste
- Colocación con la herramienta Regla
- Ajustes preestablecidos
- Personalización de los métodos abreviados de teclado
- Cuadrícula y guías
- Diseño web, diseño en pantalla y diseño de aplicaciones
- Aspectos básicos de imagen y color
- Cómo cambiar el tamaño de las imágenes
- Trabajo con imágenes rasterizadas y vectoriales
- Tamaño y resolución de imágenes
- Adquisición de imágenes de cámaras y escáneres
- Creación, apertura e importación de imágenes
- Visualización de imágenes
- Error de marcador de JPEG no válido | Abrir imágenes
- Visualización de varias imágenes
- Personalización de los selectores y muestras de color
- Imágenes de alto rango dinámico
- Coincidencia de colores en la imagen
- Conversión entre modos de color
- Modos de color
- Borrar partes de una imagen
- Modos de fusión
- Selección de colores
- Personalización de las tablas de colores indexados
- Información de la imagen
- Los filtros de distorsión no están disponibles
- Acerca del color
- Ajustes de color y monocromo mediante canales
- Selección de colores en los paneles de color y muestras
- Muestra
- Modo de color o modo de imagen
- Tinte de color
- Adición de un cambio de modo condicional a una acción
- Adición de muestras desde HTML, CSS y SVG
- Profundidad de bits y preferencias
- Capas
- Conceptos básicos de las capas
- Edición no destructiva
- Creación y gestión de capas y grupos
- Selección, agrupación y enlace de capas
- Colocación de imágenes en marcos
- Opacidad y fusión de capas
- Máscaras de capas
- Aplicación de filtros inteligentes
- Composiciones de capas
- Movimiento, apilamiento y bloqueo de capas
- Creación de máscaras de capa con máscaras vectoriales
- Gestión de capas y grupos
- Estilos y efectos de capa
- Edición de máscaras de capa
- Extracción de recursos
- Visualización de capas con máscaras de recorte
- Generación de recursos de imagen a partir de capas
- Trabajo con objetos inteligentes
- Modos de fusión
- Combinación de varias imágenes en un retrato de grupo
- Combinación de imágenes con Fusionar capas automáticamente
- Alineación y distribución de capas
- Copia de CSS a partir de capas
- Carga de selecciones de una capa o de los límites de una máscara de capa
- Cobertura para mostrar el contenido de otras capas
- Capa
- Acoplado
- Compuesto
- Fondo
- Selecciones
- Espacio de trabajo Seleccionar y aplicar máscara
- Realización de selecciones rápidas
- Introducción a las selecciones
- Selección con las herramientas de marco
- Selección con las herramientas de lazo
- Selección de una gama de colores en una imagen
- Ajuste de selecciones de píxeles
- Conversión entre trazados y bordes de selección
- Conceptos básicos del canal
- Traslado, copia y eliminación de píxeles seleccionados
- Creación de una máscara rápida temporal
- Guardado de selecciones y máscaras de canales alfa
- Selección de las áreas enfocadas de una imagen
- Duplicación, división y combinación de canales
- Cálculo de canales
- Selección
- Cuadro delimitador
- Ajustes de imagen
- Deformación de perspectiva
- Estabilización del desenfoque de la imagen
- Ejemplos de pincel corrector
- Exportación de tablas de consulta de colores
- Ajuste del enfoque y desenfoque de la imagen
- Explicación de los ajustes de color
- Aplicación del ajuste Brillo/contraste
- Ajuste de los detalles de iluminación y sombra
- Ajuste de niveles
- Ajuste del tono y la saturación
- Ajuste de intensidad
- Ajuste de la saturación del color en las áreas de la imagen
- Realización de ajustes de tonos rápidos
- Aplicación de efectos de color especiales a las imágenes
- Mejora de imágenes con los ajustes de Equilibrio de color
- Imágenes de alto rango dinámico
- Visualización de histogramas y valores de píxeles
- Coincidencia de colores en la imagen
- Cómo recortar y enderezar fotografías
- Conversión de una imagen en color en una imagen en blanco y negro
- Capas de ajuste y de relleno
- Ajuste de curvas
- Modos de fusión
- Preparación de imágenes para la imprenta
- Ajuste del color y el tono con los cuentagotas de Niveles y Curvas
- Ajuste de los tonos y exposición HDR
- Filtro
- Desenfoque
- Sobreexposición o subexposición de áreas de la imagen
- Realización de ajustes de color selectivos
- Sustitución de colores de objeto
- Adobe Camera Raw
- Requisitos del sistema de Camera Raw
- Novedades de Camera Raw
- Introducción a Camera Raw
- Creación de panoramas
- Lentes compatibles
- Efectos de viñeta, granulado y Borrar neblina en Camera Raw
- Métodos abreviados de teclado predeterminados
- Corrección automática de la perspectiva en Camera Raw
- Cómo realizar ediciones no destructivas en Camera Raw
- Filtro radial de Camera Raw
- Gestión de los ajustes de Camera Raw
- Apertura, procesamiento y almacenamiento de imágenes en Camera Raw
- Reparación de imágenes con la herramienta Eliminación de tinta plana mejorada de Camera Raw
- Rotación, recorte y transformación de imágenes
- Ajuste de la representación del color en Camera Raw
- Resumen de funciones | Adobe Camera Raw | Versiones de 2018
- Resumen de las nuevas funciones
- Versiones del proceso en Camera Raw
- Realización de ajustes locales en Camera Raw
- Reparación y restauración de imágenes
- Transformaciones de imágenes
- Transformación de objetos
- Ajuste de recorte, rotación y tamaño de lienzo
- Cómo recortar y enderezar fotografías
- Creación y edición de imágenes panorámicas
- Deformación de imágenes, formas y trazados
- Punto de fuga
- Utilice el filtro Licuar
- Escala según el contenido
- Transformación de imágenes, formas y trazados
- Deformar
- Transformar
- Panorama
- Dibujo y pintura
- Pintar patrones simétricos
- Dibujar rectángulos y modificar las opciones de trazo
- Acerca del dibujo
- Dibujar y editar formas
- Herramientas de pintura
- Creación y modificación de pinceles
- Modos de fusión
- Adición de color a trazados
- Edición de trazados
- Pintura con el Pincel mezclador
- Pinceles preestablecidos
- Degradados
- Interpolación de degradado
- Relleno y trazo de selecciones, capas y trazados
- Dibujo con las herramientas de pluma
- Creación de motivos
- Generación de motivos utilizando el Creador de motivos
- Gestión de trazados
- Gestión de los ajustes preestablecidos y las bibliotecas de motivos
- Dibujo o pintura con una tableta gráfica
- Creación de pinceles con textura
- Adición de elementos dinámicos a los pinceles
- Degradado
- Pintura de trazos estilizados con el Pincel histórico
- Pintura con motivos
- Sincronización de ajustes preestablecidos en varios dispositivos
- Texto
- Trabajo con fuentes OpenType SVG
- Aplicación de formato a caracteres
- Aplicación de formato a párrafos
- Creación de efectos de texto
- Edición de texto
- Espaciado entre líneas y caracteres
- Texto en árabe y hebreo
- Fuentes
- Solucione problemas de fuentes
- Texto asiático
- Creación de texto
- Error de motor de texto al usar la herramienta Tipo en Photoshop | Windows 8
- Modo de composición internacional de fuentes asiáticas
- Cómo añadir y editar el texto en Photoshop
- Vídeo y animación
- Edición de vídeo en Photoshop
- Edición de capas de vídeo y animación
- Descripción general de vídeo y animación
- Previsualización de vídeo y animaciones
- Pintado de cuadros en las capas de vídeo
- Importación de archivos de vídeo y secuencias de imágenes
- Creación de animaciones de cuadros
- Animación en 3D de Creative Cloud (previsualización)
- Creación de animaciones de línea de tiempo
- Creación de imágenes para vídeo
- Filtros y efectos
- Utilice el filtro Licuar
- Uso de la galería de efectos de desenfoque
- Conceptos básicos sobre los filtros
- Referencia de efectos de filtro
- Adición de efectos de iluminación
- Uso del filtro de ángulo ancho adaptable
- Uso del filtro Pintura al óleo
- Estilos y efectos de capa
- Aplicación de filtros específicos
- Uso de la herramienta Dedo en las áreas de la imagen
- Almacenamiento y exportación
- Impresión
- Impresión de objetos 3D
- Impresión en Photoshop
- Impresión con gestión de color
- Hojas de contactos y presentaciones en PDF
- Impresión de fotografías en un diseño de conjunto de imágenes
- Impresión con tintas planas
- Duotonos
- Impresión de imágenes en imprentas comerciales
- Mejora de las impresiones en color en Photoshop
- Solución de problemas de impresión | Photoshop
- Automatización
- Creación de acciones
- Crear gráficos de datos
- Creación de secuencias de comandos
- Procesamiento de un lote de archivos
- Reproducción y gestión de las acciones
- Adición de acciones condicionales
- Acerca de las acciones y el panel Acciones
- Grabación de herramientas en acciones
- Adición de un cambio de modo condicional a una acción
- Kit de herramientas de la IU de Photoshop para plugins y secuencias de comandos
- Gestión de color
- Explicación de la gestión de color
- Mantenimiento de la coherencia de los colores
- Ajustes de color
- Trabajo con perfiles de color
- Gestión de color de los documentos para la visualización en línea
- Gestión de color de los documentos al imprimir
- Gestión de color de imágenes importadas
- Pruebas de los colores
- Content Authenticity
- Imágenes técnicas y tridimensionales
- Photoshop 3D | Preguntas frecuentes sobre las funciones 3D no disponibles
- Animación en 3D de Creative Cloud (previsualización)
- Impresión de objetos 3D
- Pintura 3D
- Mejoras del panel 3D | Photoshop
- Conceptos y herramientas 3D básicos
- Interpretación y almacenamiento 3D
- Creación de objetos y animaciones 3D
- Pilas de imágenes
- Flujo de trabajo 3D
- Medida
- Archivos DICOM
- Photoshop y MATLAB
- Recuento de objetos en las imágenes
- Combinación y conversión de objetos 3D
- Edición de textura en 3D
- Ajuste de los tonos y exposición HDR
- Configuración del panel 3D
Puede generar recursos de imagen con formato JPEG, PNG, GIF o SVG a partir del contenido de una capa o grupo de capas de un archivo PSD. Los recursos se generan automáticamente al añadir la extensión de un formato de imagen compatible a un nombre de capa o grupo de capas. También puede especificar parámetros de calidad y tamaño para los recursos de imagen generados.
Generar recursos de imagen a partir de un archivo PSD es de especial utilidad si se va a diseñar un sitio web para varios dispositivos.
Si desea aprender a crear y exportar gráficos web, consulte Cómo exportar archivos en varios formatos desde Photoshop.
Generación de recursos de imagen a partir de capas o grupos de capas
Para comprender mejor el funcionamiento del generador de recursos de imagen, imagine un archivo PSD sencillo (descárguelo a través de este enlace) con la siguiente jerarquía de capas:
En la jerarquía de capas de este archivo hay dos grupos de capas: Rounded_rectangles (rectángulos redondeados) y Ellipses (elipses). Cada uno de estos grupos de capas contiene cinco capas.
Siga estos pasos para generar recursos de imagen a partir de este archivo PSD:
- Con el archivo PSD abierto, seleccione Archivo > Generar > Recursos de imagen.
- Añada las extensiones de formato de archivo correspondientes (.jpg, .png o .gif o .svg) a los nombres de las capas o grupos de capas a partir de los que desee generar los recursos de imagen. Por ejemplo, puede cambiarle el nombre a los grupos de capas Rectángulos_redondeados y Elipses, a Rectángulos_redondeados.jpg y Elipses.png; y la capa Elipse_4 como Elipse_4.gif.
Los nombres de capas no admiten los caracteres especiales : y *.
Photoshop genera los recursos de imagen y los guarda en una subcarpeta junto al archivo PSD. Si aún no se ha guardado el archivo PSD de origen, Photoshop guardará los recursos generados en una nueva carpeta en el escritorio.
En el documento actual está activada la generación de recursos de imagen. En cuanto se activa la función, seguirá estándolo cada vez que se abra el documento. Para desactivar la generación de recursos de imagen del documento actual, basta con anular la siguiente selección: Archivo > Generar > Recursos de imagen.
Generación de varios recursos a partir de una capa o un grupo de capas
Para generar varios recursos a partir de una capa o grupo de capas, separe los nombres de los recursos con comas. Por ejemplo, en el siguiente nombre de capa se generan tres recursos:
Elipse_4.jpg, Elipse_4b.png, Elipse_4c.png
Guardado de recursos en una subcarpeta
Puede guardar los recursos de imagen generados a partir de capas o grupos de capas concretos en una subcarpeta un nivel inferior a la carpeta de los recursos del documento. Incluya el nombre de la subcarpeta en el nombre de la capa o grupo de capas como en el siguiente ejemplo:
[subcarpeta]/Ellipse_4.jpg
Caso de uso de un diseño web
Generar recursos de imagen a partir de un archivo PSD es de especial utilidad si se va a diseñar un sitio web para varios dispositivos. Eche un vistazo al siguiente diseño web y su estructura de capas:
Vamos a extraer el icono de la parte superior y la primera fila de la cuadrícula de la imagen con zonas interactivas globales con formato de recursos de imagen:
- Añada extensiones de formato de imagen a los nombres de capa correspondientes.
Cambie el nombre de las capas o grupos de capas correspondientes
Un único recurso de imagen se genera a partir del contenido de una capa o grupo de capas. Por ejemplo, el grupo de capas AdventureCo Logo de la captura de pantalla de más arriba contiene una capa de forma y una capa de texto interactivo. Estas capas se acoplan cuando se genera un recurso de imagen a partir del grupo de capas.
Photoshop genera los recursos y los guarda en la misma ubicación que el archivo PSD de origen.
Especificación de los parámetros de calidad y tamaño
De forma predeterminada, los recursos JPEG se generan con una calidad del 90 %. Por su parte, los recursos PNG se generan como imágenes de 32 bits. Los recursos GIF se generan con transparencia alfa básica.
Conforme esté cambiando el nombre de las capas o grupos de capas para generar los recursos, podrá personalizar la calidad y el tamaño.
Parámetros de recursos JPEG
- Añada la calidad deseada con formato de sufijo al nombre del recurso: .jpg (1-10) o .jpg (1-100 %). Por ejemplo:
- Elipse_4.jpg5
- Elipse_4.jpg50 %
- Añada el tamaño de imagen deseado al nombre del recurso (relativo o con un formato compatible; es decir, px, pulg., cm y mm) en forma de prefijo. Photoshop redimensionará la imagen según corresponda. Por ejemplo:
- 200 % Elipse_4.jpg
- 300 x 200 Rectángulo_redondeado_3.jpg
- 10pulg x 200mm Rectángulo_redondeado_3.jpg
Nota: No olvide añadir un espacio entre el prefijo y el nombre del recurso. Si especifica el tamaño en píxeles, puede omitir la unidad. Por ejemplo, 300 x 200.
Como puede ver, puede mezclar diversas unidades y píxeles al especificar el tamaño de la imagen. Por ejemplo, 4pulg x 100 Rectángulo_redondeado_3.jpg es un nombre de capa válido para la generación de un recurso.
Parámetros de recursos PNG
- Añada la calidad deseada con formato de sufijo al nombre del recurso: 8, 24 o 32. Por ejemplo:
- Elipse_4.png24
- Añada el tamaño de imagen deseado al nombre del recurso (relativo o con un formato compatible; es decir, px, pulg., cm y mm) en forma de prefijo. Photoshop redimensionará la imagen según corresponda. Por ejemplo:
- 42 % Elipse_4.png
- 300mm x 20cm Rectángulo_redondeado_3.png
- 10pulg x 50cm Rectángulo_redondeado_3.png
Nota: No olvide añadir un espacio entre el prefijo y el nombre del recurso. Si especifica el tamaño en píxeles, puede omitir la unidad. Por ejemplo, 300 x 200.
Como puede ver, puede mezclar diversas unidades y píxeles al especificar el tamaño de la imagen. Por ejemplo, 4pulg x 100 Rectángulo_redondeado_3.png es un nombre de capa válido para la generación de un recurso.
Parámetros de recursos GIF
- Añada el tamaño de imagen deseado al nombre del recurso (relativo o con un formato compatible; es decir, px, pulg., cm y mm) en forma de prefijo. Por ejemplo:
- 42 % Elipse_4.gif
- 300mm x 20cm Rectángulo_redondeado_3.gif
- 20pulg x 50cm Rectángulo_redondeado_3.gif
Nota: No olvide añadir un espacio entre el prefijo y el nombre del recurso. Si especifica el tamaño en píxeles, puede omitir la unidad. Por ejemplo, 300 x 200.
Como puede ver, puede mezclar diversas unidades y píxeles al especificar el tamaño de la imagen. Por ejemplo, 4pulg x 100 Rectángulo_redondeado_3.gif es un nombre de capa válido para la generación de un recurso.
Los parámetros de calidad no están disponibles para los recursos GIF.
Creación de nombres de capa complejos
Puede especificar nombres de recursos con varios parámetros cuando vaya a ponerle un nombre a una capa durante la generación de recursos. Por ejemplo:
120 % Delicioso.jpg, 42 % Delicioso.png24, 100x100 Delicioso_2.jpg90 %, 250 % Delicioso.gif
Photoshop genera los siguientes recursos a partir de esta capa:
- Delicioso.jpg (imagen JPG de 8 bits con una escala del 120 %)
- Delicioso.png (imagen PNG de 24 bits con una escala del 42 %)
- Delicioso_2.jpg (imagen JPG con una calidad del 90 % y un tamaño absoluto de 100 x 100 px)
- Delicioso.gif (imagen GIF con una escala del 250 %)
Especifique la configuración predeterminada para los recursos
Puede especificar los ajustes predeterminados de documento para los recursos generados. Siga estos pasos:
- Cree una capa vacía en el documento.
- Inicie el nombre de la capa con la palabra clave default. Ahora, introduzca la configuración que desea aplicar a los recursos de imagen generados a partir del documento. Por ejemplo:
default hi-res/
Genera todos los recursos de imagen en una subcarpeta denominada hi-res. Por ejemplo, [carpeta_ recurso]/hi-res/Delicioso.jpg.
default hi-res/@2x
Genera todos los recursos de imagen en una subcarpeta denominada hi-res. Además, le añade el sufijo @2x a los nombres de recurso. Por ejemplo, [carpeta_recurso]/hi-res/Delicioso@2x.jpg.
default 50 % lo-res/
Guarda los recursos de imagen reducidos en un 50 % en la subcarpeta lo-res de la carpeta de recursos del documento
default hi-res/@2x + 50 % lo-res/
Genera dos recursos de imagen a partir de una capa:
- En la subcarpeta hi-res, un recurso de imagen cuyo nombre tiene como sufijo @2x
- En la subcarpeta lo-res, un recurso de imagen reducido al 50 %
Los factores de escala predeterminados se sustituyen con los factores de escala especificados en cada capa.
Desactivación de la generación de recursos de imagen en todos los documentos
Puede desactivar la generación de recursos de imagen de forma global en todos los documentos de Photoshop en las Preferencias.
- Seleccione Edición > Preferencias > Plugins.
- Anule la selección de Activar generador.
- Haga clic en OK.
el comando de menú Archivo > Generar no estará disponible si desactiva la generación de recursos de imagen en las Preferencias. Solo podrá volver a activarla en el cuadro de diálogo Preferencias.
Preguntas frecuentes
En el nivel de documento, los nombres de recurso deben ser únicos.
De forma predeterminada, los recursos JPG se generan con una calidad del 90 %. Por su parte, los recursos PNG se generan como imágenes de 32 bits. Los recursos GIF se generan con transparencia alfa básica.
Sí. Si aplica transparencia u otros efectos a una capa, también se reflejarán en los recursos generados a partir de dicha capa. Sin embargo, los efectos pueden no apreciarse a la perfección en los recursos generados.
Los recursos se recortan a los límites del documento. Si una imagen no está dentro de los límites del documento, el generador no crea los recursos de imagen asociados.
Además de la coma (,) puede usar el símbolo más (+) como separador entre nombres de recursos de imagen. Por ejemplo:
42 % Rectángulo_redondeado_1.png24 + 100x100 Rectángulo_redondeado_1.jpg90 %
Equivale a:
42 % Rectángulo_redondeado_1.png24, 100x100 Rectángulo_redondeado_1.jpg90 %
Más contenido similar
Inicia sesión en tu cuenta