Cómo convertir un objeto inteligente en uno normal. Aprender objetos inteligentes en Photoshop

Para muchos usuarios de Photoshop, especialmente los principiantes, la herramienta objetos inteligentes Es un gran misterio. Esto se ve facilitado por la limitada disponibilidad de información en Internet y en los libros de texto, así como por el complejo proceso de dominar el instrumento al azar. Ahora esto ya es cosa del pasado, en este artículo te lo contaré. todo lo que necesitas saber sobre objetos inteligentes en Photoshop.

Esta herramienta pertenece a la paleta de capas y es un tipo especial de capa. ¿Recuerdas lo que se muestra en esta paleta? - Principalmente las imágenes que editamos. Los objetos inteligentes son iguales a las imágenes, pero tienen características importantes y útiles.

Objetos inteligentes Son contenedores que almacenan toda la información necesaria para editarlos. Se inflan indefinidamente a partir de este flujo de datos, a diferencia de las simples capas de imágenes.

¿Qué aporta esto? Si una imagen normal, por ejemplo, al reducir su tamaño pierde irreversiblemente sus píxeles (su deficiencia es claramente visible si de repente decidimos devolver dicha imagen a su tamaño original), entonces los objetos inteligentes no pierden nada. Muestra los píxeles que son necesarios para mostrar correctamente la reducción, pero si acercamos el original, los píxeles que faltan se restaurarán desde dicho contenedor. Esto significa que la imagen volverá a ser clara sin una sola distorsión.

Así, estos contenedores almacenan todos los cambios y están listos en cualquier momento para devolver todo a su estado anterior sin pérdida de calidad. Esto es muy necesario cuando el usuario, por ejemplo, se dedica a . En dicho trabajo, es necesario utilizar muchas imágenes originales, cuyo tamaño debe cambiarse de vez en cuando y aplicarse diferentes efectos y filtros.

Aquí se ve inmediatamente una desventaja obvia: dichos contenedores aumentarán de peso, lo que afecta el tamaño final del archivo.

Cualquier imagen se puede convertir en un objeto inteligente. En la paleta Capas, esta imagen de capa se muestra con un pequeño icono en la esquina inferior derecha de la miniatura:

Las principales propiedades útiles de los objetos inteligentes de Photoshop.

1. Cambiar el tamaño sin perder calidad

El ejemplo anterior demuestra una propiedad de uso frecuente relacionada con cambiar el tamaño de una imagen sin perder calidad. Veamos cómo se ve esto con un ejemplo. Realicemos una operación estándar con la que se ha encontrado cualquier usuario de Photoshop: reducir la imagen y luego intentar volver a ampliarla.

Primero, hagamos esta operación con una capa de imagen normal:

Como puedes ver, después de intentar devolver el dibujo a su tamaño original, éste se deterioró mucho (se volvió borroso). Esto sucedió debido al hecho de que al reducir, Photoshop perdió píxeles que no necesitaba en la forma reducida. Y cuando lo estiramos hacia atrás, Photoshop por sí solo no puede dibujar lo que falta, por lo que simplemente estira lo que queda, y ahí es donde aparece el efecto de desenfoque.

Ahora conviertamos la imagen en un objeto inteligente y repitamos el experimento:

Después de ampliarla, la imagen no cambió en absoluto y permaneció igual. Esto sucedió debido a que el contenedor de objetos inteligentes retuvo esos píxeles que Photoshop perdió al reducirlo, y cuando fue necesario ampliar, el programa restauró todo a su lugar original.

2. Filtros inteligentes

Se pueden aplicar filtros a capas de imágenes normales. Sin embargo, si hablamos de objetos inteligentes, entonces los filtros no se vuelven del todo comunes, ¡sino inteligentes!

Veamos las comparaciones nuevamente para mayor claridad. Cuando aplicamos filtros, la capa cambia irreversiblemente. Por ejemplo, utilizamos Desenfoque gaussiano la imagen se volvió borrosa, punto. Si algo sale mal, solo podemos solucionarlo. ¿Qué pasa si nos damos cuenta de nuestro error demasiado tarde, cuando ya hemos añadido muchas otras cosas a la imagen? ¿Cómo arreglar este filtro? - De ninguna manera. Rehacer todo de nuevo.

Otra cuestión es si utilizamos filtros inteligentes. Recuerda lo que dije, ¿qué son los objetos inteligentes? — Son contenedores que almacenan toda la información. Esto significa que también almacenarán información sobre la imagen antes de aplicar el filtro, lo que significa que puedes volver a esta información sin problemas.

Cuando aplica cualquier filtro, la capa de objeto inteligente en la paleta mostrará el icono de visibilidad del filtro. Por tanto, se puede desactivar en cualquier momento.

3. Editar contenido

Existen ciertas limitaciones al editar objetos inteligentes. Dijimos que puedes cambiar el tamaño, aplicar filtros inteligentes, también puedes transformar, deformar y seleccionar. Otras acciones, por ejemplo, dibujar con pincel, utilizar goma de borrar, etc. no se puede hacer .

Pero si realmente quieres hacerlo, entonces debes cambiar al modo Editar contenido.

Haga clic derecho en la capa con el objeto inteligente, seleccione un comando en el menú que aparece o haga doble clic en la miniatura de la capa. Como resultado, esta imagen se abrirá por separado en una nueva pestaña. Allí será como una imagen normal que podrás editar como desees.

Lo mas importante, que luego de guardar todos los cambios, la imagen que designaste como objeto inteligente también cambiará.

esto es lo que paso: Cuando crea un objeto inteligente, Photoshop crea un archivo separado a partir de él, que se almacena en las carpetas del sistema del programa. Este archivo tiene la extensión PSB. Es decir, un objeto inteligente es un archivo independiente (esto es importante).

Seleccionando un equipo Editar contenido, ha pasado a editar el archivo en la extensión PSB. Por lo tanto, todos los cambios se escriben primero en este archivo. Y dado que otras pestañas del documento contienen este archivo, se actualizan automáticamente y siempre muestran el contenido actual del archivo.

Este mecanismo se puede aplicar a un objeto inteligente o a un grupo. Seleccione dos o más capas en la paleta, haga clic derecho sobre ellas y seleccione el comando Convertir en objeto inteligente. Como resultado, obtendrás solo una capa, que parece ser la de ellos, pero de hecho, si vas al modo de edición de contenido, verás todas estas capas por separado.

4. Crea copias vinculadas

No en vano describí el mecanismo del archivo PSB. De hecho, todas las propiedades funcionan en base a esto. Si comprende cómo funciona, no será difícil comprender el principio de funcionamiento de la siguiente propiedad: creando copias vinculadas.

Photoshop le permite hacer copias de un objeto inteligente en la paleta Capas y, cuando edite el contenido del original, cualquier cambio aparecerá automáticamente en sus copias. Estas copias se crean usando la combinación de teclas Ctrl+J o arrastrando la capa a un pequeño icono. Crear nueva capa.

También puedes hacer copias no vinculadas, lo que significa que no reflejarán todos los cambios realizados en el original. Para hacer esto, haga clic derecho en la capa con el objeto inteligente y seleccione el comando Crea un objeto inteligente copiando.

5. Exportar e importar contenido

No importa lo que hagamos, el contenido de un objeto inteligente es siempre una imagen. Por lo tanto, esta imagen, por separado de la imagen completa, se puede guardar en un archivo. Selecciona un equipo Exportar contenido, aparecerá una ventana en la que se le pedirá que seleccione dónde desea guardar la imagen y en qué ubicación de su computadora.

También hay un comando que hace lo contrario: Reemplazar contenido. Selecciónelo para insertar una completamente diferente en lugar de una imagen. Además, todas las configuraciones, filtros, correcciones, etc. permanecerán sin cambios.

De este modo, los fotógrafos crean una plantilla contenedora con ajustes de corrección en la que solo cargan fotos nuevas.

Cuando ya no necesite las funciones de los objetos inteligentes o simplemente desee cambiar al modo de edición de imágenes habitual, seleccione el comando - Rasterizar capa.

Cómo crear objetos inteligentes en Photoshop

Los objetos inteligentes son muy fáciles de crear. Hay varias maneras de hacer esto.

1 método

Haga clic derecho en la capa que contiene la imagen deseada. Aparecerá un menú desde el cual seleccionas el comando. Convertir en objeto inteligente.

2 Método

Puede abrir cualquier imagen como objeto inteligente a través del menú Archivo - Abrir como objeto inteligente...

3 método

En los casos en los que necesite agregar otra imagen a una imagen ya abierta, puede usar el comando de menú Archivo - Lugar. Se abrirá una ventana en la que especifique la ruta a la imagen. Esta imagen se agregará como un objeto inteligente y Photoshop ofrecerá inmediatamente editar su tamaño, inclinación y ubicación.

Si nota un error en el texto, selecciónelo y presione Ctrl + Enter. ¡Gracias!

resultado final

Los objetos inteligentes son una de las funciones más poderosas de Photoshop. En este tutorial, preparará una maqueta de varias pantallas de computadora y luego les agregará capas de objetos inteligentes. Una vez que todo esté configurado, puedes cambiar las imágenes en todas las pantallas actualizando solo la capa original. Cada objeto inteligente puede constar de muchas capas. Esto hace que sea fácil y rápido cambiar su presentación.

1. Preparando el diseño

Paso 1

Comenzaré con tres pantallas diferentes. Puedes encontrar fotos individuales de cada uno en PhotoDune o GraphicRiver, y puedes usar cualquier cantidad de dispositivos en tu composición. El archivo de este tutorial está dividido en capas para los propios dispositivos, sus sombras y luces.

Nota del traductor : Como alternativa gratuita, puede utilizar el diseño de 365psd.com.

Paso 2

Prepare una capa separada para cada pantalla. Seleccione una herramienta Rectángulo(Herramienta Rectángulo) y dibuja un rectángulo del mismo tamaño que la propia pantalla. Alternativamente, puede utilizar la herramienta área rectangular(Herramienta Marco rectangular) y rellene la selección con píxeles. No importa qué método elijas, lo principal es que el rectángulo esté en una capa separada.

Dibuja un rectángulo del mismo tamaño que la pantalla. Rellénelo con cualquier imagen y colóquelo en una capa separada.

Prefiero usar capas de formas porque son más fáciles de editar con la herramienta. Transformación libre(Transformación libre). Puedes activarlo haciendo clic Ctrl+T.

Paso 3

Haz la misma capa para cada pantalla. Puedes rellenar los formularios con cualquier color. Usaremos estas formas como máscaras para objetos inteligentes. Ahora deberías tener un resultado similar a este:

Paso 4

Ahora sería bueno organizar nuestro diseño. Cambiar el nombre y organizar las capas ahorrará mucho tiempo en el futuro. En la captura de pantalla siguiente, marqué las capas con diferentes colores para cada dispositivo. Para cambiar el color de la capa, haga clic derecho en el icono del ojo y seleccione el color deseado.

También puedes crear grupos de capas para cada producto. Seleccione todas las capas que pertenecen a un dispositivo y en el menú desplegable en el panel de capas seleccione Nuevo grupode capas(Nuevo grupo a partir de capas). Configurar el color del grupo es muy fácil. Haga clic derecho en el grupo y seleccione el color deseado.

2. Configurar objetos inteligentes

Paso 1

Este tutorial utiliza una captura de pantalla del sitio web de Tuts+. Arrástralo al documento con nuestro diseño. Coloque una nueva capa encima de la capa con la figura de la pantalla de la computadora (nota del traductor: en la captura de pantalla se llama "Pantalla de escritorio"). Hay tres formas de convertirlo en un objeto inteligente:

  1. Ir al menú capas> Objeto inteligente> Convertir en objeto inteligente(Capas > Objetos inteligentes > Convertir en objeto inteligente).
  2. Haga clic en el menú desplegable en el panel de capas y seleccione Convertir en objeto inteligente(Convertir en objeto inteligente).
  3. Haga clic derecho en la capa y seleccione Convertir en objeto inteligente(Convertir en objeto inteligente).

Paso 2

Ahora puede cambiar el tamaño del objeto inteligente para que se ajuste al tamaño de la pantalla de su dispositivo. Hacer clic Ctrl+T y use puntos alrededor de los bordes de la imagen. Al trabajar con objetos inteligentes, es posible que observe una pequeña pista: los puntos de un objeto inteligente están llenos de negro, pero al editar una imagen normal, están vacíos. No toques la parte inferior de la captura de pantalla por ahora. Cambie el nombre de la capa si lo desea.

Paso 3

Duplica el objeto inteligente arrastrándolo al ícono especial de nueva capa en la parte inferior del panel de capas.

Paso 4

Arrastre una copia del objeto inteligente para colocarlo encima de la pantalla del portátil. Como en el paso anterior, utilice Transformación libre(Transformación libre) para cambiar el tamaño de la captura de pantalla. Aquí tampoco toques la parte inferior de la foto.

Paso 5

Haga otra copia y colóquela encima de la pantalla de su tableta. Cambie su tamaño nuevamente. No se preocupe por el exceso de longitud del objeto inteligente.

Paso 6

Ahora que todas las capas están en su lugar, puedes quitar el exceso. Esto ocultará las partes que sobresalen de las imágenes, pero no recortará la captura de pantalla. Primero seleccione la capa de objeto inteligente, luego haga clic en el menú desplegable y seleccione Crear máscara de recorte(Crear máscara de recorte). Puedes usar un atajo de teclado Alt + Ctrl + G.

También existe una forma alternativa. Haga clic entre dos capas mientras mantiene presionada la tecla Alt.. Si ves que el cursor ha cambiado de aspecto, estás en el punto correcto.

Mantenga presionada la tecla Alt/Opción y haga clic entre capas para crear una máscara de recorte. Verá que el cursor cambia a un icono de doble círculo.

Una vez creada la máscara de recorte, la captura de pantalla llenará las proporciones de la pantalla. También notarás que la miniatura de la capa está ligeramente desplazada hacia la derecha y hay una pequeña flecha al lado. Esto indica que el objeto inteligente está "recortado" por la capa debajo de él. Por eso creamos capas especiales desde el principio.

Deberías terminar con un diseño similar a este:

3. Editar un objeto inteligente

Paso 1

Ahora que los objetos inteligentes y sus copias están en su lugar, puedes cambiar la imagen en las tres pantallas actualizando la capa original. Haga doble clic en la miniatura del objeto inteligente para editarla. Verá el siguiente mensaje. Una vez que se acostumbre a trabajar con objetos inteligentes, puede marcar la casilla y desactivarla.

El objeto inteligente se abre como un archivo especial independiente con la extensión .psb:

Paso 2

Para editar el objeto inteligente, simplemente tomaré una nueva captura de pantalla y la colocaré encima de la existente. No es necesario reemplazar la imagen original porque los objetos inteligentes admiten capas.

Paso 3

Cierre y guarde el archivo .psb. Ahora aparecerá una nueva captura de pantalla en las tres pantallas. No es necesario editar las otras dos capas inteligentes, ya que son una copia del original.

Puedes agregar o editar una imagen tantas veces como quieras. También puedes almacenar varias capturas de pantalla en una capa inteligente para presentar rápidamente diferentes fotografías en un documento de Photoshop.

Conclusiones

Mockups como estas son una excelente manera de presentar diferentes diseños. Como las capas inteligentes son copias del original, las tres pantallas se actualizan a la vez. Y con la capacidad de almacenar varias capturas de pantalla en una capa, puedes organizar todo en un archivo PSD ordenado.

Con la reciente introducción de Objetos Inteligentes (SO) relacionados en Photoshop (PS) se han vuelto mucho más poderosos y útiles. Compartiremos contigo 10 cosas que debes saber al trabajar con SO en PS. ¡Empecemos!

1. Crear objetos inteligentes (SO). Se pueden crear de varias formas, generalmente el tipo de SO depende en gran medida de cómo y dónde los desarrolles. Por ejemplo, puede crear objetos inteligentes vinculados u objetos inteligentes incrustados. Esto se puede hacer usando el panel Capas o simplemente arrastrando y soltando elementos en el lienzo.

2. Guardar imágenes rasterizadas. Mantener la calidad de las capas es una propiedad muy importante del SO. Trabajar con capas de imágenes de píxeles es muy complejo y requiere cuidado. Incluso cosas simples como rotar una capa con la herramienta Transformación libre pueden provocar una pérdida de calidad. Cuando incluye una capa de píxeles en SO, PS guarda un archivo incrustado o vinculado que almacena la información necesaria para la imagen original. Por lo tanto, no puede mantener la calidad de la imagen original sin importar cuántas veces cambie el tamaño de la capa del objeto inteligente. Esto es similar a trabajar con vectores, pero la diferencia es que el escalado de SO es mayor que su tamaño original. Esto seguirá provocando pérdida de calidad y pixelación.

3. Configuración de transformación libre guardada(Configuraciones libremente transformables). Si deforma SO aplicando una transformación, la transformación original estará disponible si necesita modificarla más adelante.

4. Fuente común. Si copia SO de la forma habitual en un documento PS, se utilizarán los mismos archivos fuente incrustados en ambos casos. Esto significa que puede hacer copias de SO varias veces y mantener todo actualizado con solo reemplazar su archivo original.

5. Objetos inteligentes mediante copia. Si necesita duplicar objetos inteligentes y desea asegurarse de que los dos ejemplos no estén relacionados con el archivo original, debe usar la función Objetos inteligentes mediante copia, que se puede usar para separar la capa duplicada del SO original. El único inconveniente de esto es el aumento del tamaño del archivo.

6. Reemplazo de contenido. Reemplazar contenido en SO es muy fácil. Todo lo que tienes que hacer es hacer clic en el botón de capa y editar la fuente. Aquí es donde la herramienta Transformación libre para distorsionar y rotar SO resulta muy útil.

7. Objetos inteligentes relacionados. Esta característica de PS permitió el uso de archivos fuente nativos externos para objetos inteligentes. Esto tiene ventajas y una de ellas es poder utilizar una imagen o un archivo vectorial en varios documentos PS como SO relacionados. Si cambia el objeto original más adelante, se actualizará automáticamente en todos sus archivos PSD. Otro gran beneficio es que los SO vinculados no aumentarán el tamaño del archivo.

8. Convierta capas de texto en objetos inteligentes. Las capas de texto se pueden escalar, rotar y distorsionar sin rasterizarlas, pero no se pueden distorsionar sin destruirlas de forma predeterminada. El mejor método para guardar capas para editarlas es convertirlas a SO. Esto le ayudará a manipularlos sabiamente al brindarle acceso a texto editable dentro de la fuente SO. Se puede utilizar la misma técnica para los objetos inteligentes de Illustrator.

9. Uso filtros (filtro inteligente). Otra ventaja de SO es que convierten los filtros en filtros inteligentes inmutables. Estos efectos editables se pueden combinar y controlar individualmente. Pero hay filtros que no se pueden utilizar como filtros inteligentes. Uno de ellos es Punto de fuga.

10. Máscara de filtro inteligente. Cuando comience a usar los filtros inteligentes por primera vez, notará un rectángulo blanco adicional debajo de la miniatura de la capa en la paleta Capas: esta es la máscara de filtro inteligente. Se utiliza para enmascarar los efectos de los filtros aplicados a una capa específica.

Entonces, ASÍ son las poderosas herramientas de Photoshop. Se utilizan no solo para acelerar el trabajo, sino también para preservar la calidad de las imágenes y también ayudarán a reducir el tamaño del archivo. Esperamos que estos consejos hagan que su trabajo sea más productivo.

  1. ¿Cómo reducir visualmente el número de capas para un objeto (botones, por ejemplo), manteniendo la capacidad de editarlo?
  2. ¿Cómo reducir la cantidad de capas combinando encabezado y pie de página en una sola capa en diseños de página internos, dejando nuevamente la posibilidad de cambiarlos?
  3. ¿Cómo puede ser más fácil para un diseñador de diseño recortar líneas de una o dos líneas de píxeles que forman una sola línea, sombras, así como botones e íconos?
  4. ¿Cómo realizar cambios rápidamente en todos los elementos similares de una página?
  5. Cómo reducir una imagen rasterizada sin perder calidad y manteniendo las proporciones correctas de los efectos (una sombra de 5px para un objeto de 200*200px se ve completamente diferente que para el mismo objeto con su tamaño de 100*100px)
Trabajo como diseñador y en los últimos proyectos he estado usando Smart Object. Esta función ha estado presente en Photoshop durante mucho tiempo, pero la idea de utilizarla en diseño web, personalmente, se me ocurrió recientemente. Este puede ser un intento de idea de bicicleta, pero creo que vale la pena compartirlo.

Un objeto inteligente es una capa que contiene imágenes de capas rasterizadas o vectoriales de Photoshop, que conserva todos los estilos y efectos en un estado editable, o capas de Illustrator. Las capas de objetos inteligentes se indican con un icono especial (Fig. 1).

Cuando hace doble clic con el botón izquierdo del mouse en este icono, se abre un nuevo archivo (con resolución .psb), con todas las capas incrustadas en este Objeto Inteligente. Puedes trabajar con ellos de la misma forma que con las capas normales. El tamaño de este archivo depende de las capas que contiene (Fig. 2).


Fig.2

Si no se aplican sombras o brillo externo a la capa, las dimensiones del Objeto Inteligente corresponden estrictamente a los tamaños de las capas incluidas en él, si se aplican, entonces aparece una sangría en todos los lados, esto le permite evitar cortar accidentalmente una; sombra que no es visible en un monitor defectuoso (Fig. 2). Esta función facilita el recorte de sombras como estas (Fig. 3).
El diseñador dará un suspiro de alivio: el diseñador de diseño no cortará la mitad de la sombra que no es visible en su monitor, y el diseñador de diseño no necesita apagar el fondo y buscar los límites de esta sombra. Desde este archivo puedes guardarlo inmediatamente como una imagen separada en .png.


Fig.3

De hecho, aquí hay varios obstáculos. Es necesario tener en cuenta que si escala el tamaño de una capa con un objeto inteligente en el diseño, en el archivo interno (.psb), todas las capas estarán a una escala del 100%. El objeto inteligente muestra un marco especial cuando se escala (Fig. 4).


Fig.4

Y en segundo lugar, si incluye una capa de ajuste en el Objeto inteligente, el tamaño del Objeto inteligente será el mismo que el tamaño de todo el diseño de la página, y no el icono deseado, por ejemplo.

Otra alegría es que cuando copias un Objeto Inteligente, obtienes varias capas que son una copia exacta entre sí, y cuando haces cambios en una de ellas, todas cambian. ¿Qué nos aporta esto? Tiene un diseño de página de catálogo con 9 botones "Comprar", el cliente lo miró y quiso agregar un ícono de carrito a estos botones. Esto no requiere costos laborales significativos, ingresamos a una de las capas de Objetos Inteligentes, hacemos los cambios necesarios, ahorramos y, ¡oh, felicidad! – todos nuestros botones tienen un nuevo aspecto.

Una vez más, es útil: al incluir una imagen de mapa de bits grande en un objeto inteligente, puede escalarla libremente sin perder calidad de imagen. Ejemplo de escalado con y sin Objeto Inteligente - Fig. 5 ()
Y en cualquier momento puede rasterizar su imagen, si ya no está previsto cambiar la escala y no tiene sentido transferir un archivo grande para seguir trabajando.


Fig.5

¿Cómo crear este útil objeto inteligente? Todo es tan fácil como fácil de trabajar. Seleccione las capas requeridas. Y en el panel de capas, haga clic derecho en una de las capas seleccionadas; seleccione Convertir en objeto inteligente (Fig. 6) o puede ingresar su propio método abreviado de teclado.


Fig.6

Seleccionar las capas deseadas es fácil usando la herramienta Mover cuando la función de selección automática de capas está activada (Fig. 7). Es decir, se selecciona la capa en la que se hizo clic con el botón izquierdo del mouse, pero es conveniente para cualquiera: activarla o no.


Fig.7

El uso de Objeto inteligente agrega algo de peso al archivo, pero depende de usted decidir si vale la pena.
Por mi parte, concluí: ¡vale la pena!

En este tutorial, exploraremos los objetos inteligentes y veremos algunos de los increíbles beneficios de usar objetos inteligentes en Photoshop.

Los objetos inteligentes son una parte integral, aunque independiente, del proceso de edición de capas en Photoshop. En esencia, los objetos inteligentes se pueden considerar como un archivo de Photoshop independiente que se coloca en el archivo actual. Aquellos. son una capa de "agrupación" que puede contener otras imágenes rasterizadas o vectoriales. Y que permite guardar la imagen original con todas sus características iniciales.

El uso de objetos inteligentes, por ejemplo en el diseño web, facilita la inserción de contenido, su actualización y no altera un solo diseño o un diseño completo.

Ventajas de los objetos inteligentes

Existen varios beneficios al utilizar objetos inteligentes, pero los más importantes son los tres siguientes:

  • Contenido fácil de actualizar

Si transforma un objeto inteligente, por ejemplo, y aplica una transformación, la transformación original seguirá estando disponible si necesita ajustar la transformación más adelante. Cuando reemplaza el contenido de un objeto inteligente, se conservan todas las escalas, deformaciones y efectos aplicados al primer objeto inteligente.

Si duplica objetos inteligentes de forma normal en un documento de Photoshop, el enlace afectará al archivo original. Esto significa que puede duplicar un objeto inteligente varias veces y actualizarlos todos juntos más adelante simplemente cambiando un archivo fuente. Esto se llama objetos inteligentes vinculados. Son especialmente útiles cuando es necesario reutilizar fuentes en otros proyectos.

Reemplazar el contenido de un objeto inteligente es bastante sencillo. Todo lo que necesitas hacer es hacer doble clic en el icono de la capa y editar el archivo original.

  • Edite una imagen sin perder los datos ni la calidad originales.

Trabajar con imágenes rasterizadas en Photoshop es bastante complejo, ya que incluso las manipulaciones más simples, como el uso del botón “ Transformación libre", puede provocar una pérdida de calidad de la fuente. Cuando "cambia" una capa ráster a un objeto inteligente, Photoshop guarda un archivo incrustado o vinculado en el que almacena la información que necesita para la imagen original. De esta forma se conservará la calidad de la imagen original, la cual no dependerá de cuántas veces apliques transformaciones a la capa. Esto es similar a trabajar con vectores, con la diferencia de que escalar los objetos inteligentes más allá de su tamaño original seguirá provocando cierta pixelación y pérdida de calidad. Pero si trabaja dentro del tamaño original, ¡no hay riesgo de pérdida de calidad!

  • Filtros inteligentes

Usar filtros inteligentes en objetos inteligentes es mucho mejor que los filtros "destructivos" normales. Estos efectos editables se pueden combinar y ajustar individualmente. Al aplicar un filtro a un objeto inteligente, se incrustará el filtro inteligente (con máscara). Los propios filtros se pueden cambiar y editar.

Creando objetos inteligentes

Se puede crear un objeto inteligente a partir de una capa de varias maneras: por ejemplo, desde el panel Capas, haga clic derecho en la capa y seleccione " Convertir en objeto inteligente” (“Convertir en objeto inteligente”), o a través del menú Capa - Objetos inteligentes - Convertir en objeto inteligente, o al importar el archivo seleccionando el comando “Abrir como objeto inteligente”. Un indicador de que esta capa es un objeto inteligente es un pequeño rectángulo en la esquina inferior derecha del icono de la capa.

Convertir capas de texto en objetos inteligentes

Las capas de texto se pueden escalar, distorsionar y rotar sin rasterizarlas, y la mejor manera de hacerlo es convertirlas en objetos inteligentes. Esto le permitirá manipularlos sin perder el acceso al texto editable dentro de la fuente del Objeto Inteligente.

Un pequeño ejemplo: creación de una maqueta de presentación de diseño responsivo

Nuestra tarea es presentar el sitio recién creado utilizando un pequeño diseño de presentación, en el que visualizamos la visualización del sitio en varios dispositivos. En otras palabras, mostraremos que nuestro sitio web responde y se muestra bien en diferentes dispositivos.

Para ello, decidimos utilizar capturas de pantalla del diseño del sitio y utilizar objetos inteligentes en Photoshop. También necesitaremos una maqueta (ficticia, en blanco) con una imagen de estos mismos dispositivos (decidimos usar una maqueta de computadora portátil). Estudia el artículo para encontrar tu propia maqueta.

  1. Abra el diseño del dispositivo y use las herramientas que desee (por ejemplo, Selección rectangular - tecla de acceso rápido M) para seleccionar su pantalla y copiarla en una nueva capa. Como nuestra pantalla no es exactamente rectangular, utilizamos la herramienta Pluma (P). Posteriormente usaremos la capa de pantalla como máscara para el Objeto Inteligente.
  1. Abra una captura de pantalla del sitio. Arrastre la captura de pantalla al diseño PSD. Colóquelo encima de la capa de la pantalla. Haga clic derecho en la capa y seleccione Convertir en objeto inteligente. Importante: No cambie el tamaño de la capa antes de convertirla en un objeto inteligente.
  2. Ahora puede cambiar el tamaño de su captura de pantalla para que se ajuste al ancho de la pantalla de su escritorio. Utilice la herramienta Transformación libre: Ctrl+T. O, si la pantalla del dispositivo no está en ángulo recto, la herramienta Inclinar ( Editar – Transformar – Inclinar ).
  3. Ahora recortemos la captura de pantalla para que se ajuste completamente al tamaño de la pantalla. Para ello usaremos la capa de pantalla como máscara. Mantenga presionada la tecla Alt y mueva el cursor del mouse entre las capas Pantalla y Captura de pantalla. Cuando aparezca la flecha con un cuadrado, haga clic izquierdo; esto creará una máscara de recorte y todo lo que se extienda más allá de las dimensiones de la capa Pantalla se ocultará. También puedes crear una máscara de recorte. Alt+Ctrl+G.

¡Eso es todo! Si tiene varios dispositivos en el diseño de su presentación, el uso de Objetos inteligentes le permitirá conservar la calidad de la captura de pantalla original y transformarla una cantidad ilimitada de veces.

Los objetos inteligentes son una herramienta increíblemente poderosa en Photoshop. Se pueden utilizar para acelerar su flujo de trabajo, mantener la calidad original de sus imágenes y reducir el tamaño del archivo resultante.

Esperamos que esta lección te haya sido útil y hayas aprendido algo nuevo por ti mismo.




Arriba