Cómo personalizar una plantilla de Photoshop

• Abril 26, 2024

En este tutorial de Photoshop CC, aprenderemos cómo personalizar una plantilla de Photoshop prediseñada. Ya sea que se trate de una plantilla animada o no, comenzar con una plantilla puede ahorrarle mucho tiempo. Al usar una plantilla de Photoshop para sus proyectos de diseño, todo el trabajo de diseño se realiza por usted y solo necesita reemplazar los elementos de diseño genéricos, llamados marcadores de posición, con su video, texto, gráficos o fotos personalizados.

Con la creciente popularidad de los gifs animados y los videos, puede usar una plantilla animada prediseñada para agregar animación a su sitio web y sitios sociales. Por ejemplo, puede publicar un video en sus publicaciones o historias de Instagram y cargar un video como su portada de Facebook. Se sorprenderá de lo que puede crear con la animación Photoshop Timeline.

Hay muchos lugares en la web que ofrecen plantillas de Photoshop prediseñadas y es fácil personalizar estas plantillas para sus necesidades específicas. Echemos un vistazo a cómo reemplazar algunos de los marcadores de posición de plantillas genéricas con su propio contenido.

Fuentes

Lo primero que puede ver al abrir la plantilla en Photoshop es el mensaje sobre las fuentes faltantes (vea la captura de pantalla). Por supuesto, si ya tiene las fuentes utilizadas en la plantilla instalada en su máquina, no recibirá este mensaje. La mayoría de las fuentes utilizadas en las plantillas de diseño son gratuitas y hay muchos lugares con fuentes gratuitas. Si no desea instalar las fuentes que faltan, Photoshop elegirá automáticamente la mejor fuente de reemplazo.

Adobe ha agregado un nuevo gratis Membresía Creative Cloud, que incluye el uso ilimitado de las fuentes en la biblioteca básica. En mis plantillas, me gusta usar estas fuentes de Adobe porque están disponibles al suscribirse a una ID de Adobe gratuita, son fáciles de sincronizar y los términos de uso son muy claros tanto para uso personal como comercial. Una vez que haya sincronizado las fuentes que faltan, las fuentes se asocian con su ID de Adobe y estarán disponibles para cualquier software de Adobe.

Formas vivas

Algunas capas contienen objetos vectoriales, llamados Formas vivas en una plantilla de Photoshop, y se puede reconocer por el pequeño icono en la esquina inferior derecha de la miniatura de la capa (ver captura de pantalla). Por lo general, estas formas tienen un color predeterminado y puede cambiar este color para que se ajuste a sus necesidades. Al hacer clic en la miniatura, se abrirá el Selector de color. Simplemente use los controles o escriba el código de color para establecer un nuevo color.

Estilos de capa

Los estilos de capa se pueden aplicar a casi cualquier tipo de capa en Photoshop. Reconocerá estas capas desde el icono de fx a la derecha del nombre de la capa (ver captura de pantalla).

Para editar los estilos de capa, haga doble clic en la capa para abrir la ventana Estilos de capa. Como puede ver (ver captura de pantalla), puede cambiar el color, el patrón o la superposición de degradado del objeto, así como aplicar sombra interna, brillo externo, sombra paralela y más.

Objetos inteligentes

Existen varios usos para Photoshop Smart Objects en las plantillas de diseño, siendo las fotos y los videos los más comunes. Además, los objetos inteligentes pueden ser marcadores de posición para logotipos y otros gráficos que querrá reemplazar por su propia marca. Reconocerá estos objetos inteligentes por el pequeño icono en la parte inferior derecha de la miniatura de la capa (ver captura de pantalla). Estos objetos inteligentes pueden tener filtros inteligentes u otras capas de ajuste adjuntas.

El diseñador de plantillas generalmente le dará instrucciones sobre el propósito del objeto inteligente. Por ejemplo, si una foto está contenida en un objeto inteligente, las instrucciones pueden estar en el nombre de la capa, como [imagen de fondo aquí]. Una vez que haga doble clic en la miniatura de la capa, el objeto inteligente se abrirá en un nuevo archivo temporal .psb (vea la captura de pantalla). Editará el contenido del objeto inteligente en este archivo temporal. El método más fácil es copiar y pegar el nuevo contenido en el archivo temporal o arrastrar / soltar el contenido en Photoshop desde el escritorio o la carpeta. Una vez que guarde el archivo temporal y regrese a la plantilla, verá el objeto inteligente actualizado.

Las dimensiones del archivo temporal serán las mismas que el tamaño del objeto inteligente en la plantilla. Si su contenido de reemplazo no tiene las mismas dimensiones, puede cambiar el tamaño y cambiar la posición del contenido dentro de la capa Smart Object.

Puede optar por reemplazar la imagen del marcador de posición de objetos inteligentes con un relleno de color. Desde el menú superior, haga clic en Editar - Rellenar y establecer el contenido en Color en la ventana de relleno (ver captura de pantalla). Cuando se abre el Selector de color, elija un color.

Algunos objetos inteligentes están vinculados y cuando reemplaza el marcador de posición con su propio contenido para un objeto inteligente, todos los demás objetos inteligentes vinculados se actualizarán. Por supuesto, solo necesita editar uno de los objetos inteligentes vinculados. Para evitar confusiones, configuro el nombre de la capa en [no editar] para todos menos uno de los objetos inteligentes vinculados.

Capas de texto

Las capas de texto contienen objetos de texto. Por supuesto, querrá cambiar el texto del marcador de posición con su propia información. Reconocerá estas capas por el icono T a la izquierda del nombre de la capa (ver captura de pantalla).

Por lo general, el nombre de la capa indicará el tipo de información necesaria, como [nombre de la empresa aquí]. Haga doble clic en el icono T para seleccionar el cuadro de texto en el documento. Haga clic en el cuadro de texto para cambiar las palabras en el documento. También puede editar la Fuente, Estilo de fuente, Tamaño de fuente y muchas más opciones en la ventana Carácter (ver captura de pantalla).

Exportar

Si la plantilla no está animada, generalmente exportará la plantilla como .gif, .png o .jpg, según el propósito de la plantilla. Si la plantilla está animada, querrá exportarla como video .mp4 o .gif animado para la web.

Exportar video

Para exportar o renderizar la plantilla como un video .mp4, haga clic en Archivo - Exportar - Renderizar video (ver captura de pantalla). En la ventana Renderizar video (ver captura de pantalla), asigne un nombre a su archivo y elija una ubicación para guardar. Establecer el formato a H.264, que renderizará automáticamente el video en formato .mp4. Establecer el rango a Todos los marcos y haga clic Hacer. Una vez que su plantilla se ha procesado, puede ver el video en QuickTime.

Guardar como GIF animado

Para guardar la plantilla como un .gif animado, haga clic en Archivo - Exportar - Guardar para Web (ver captura de pantalla). En la ventana Guardar para Web (ver captura de pantalla), configure el tipo de archivo en GIF y opciones de bucle para Siempre. Mantenga la otra configuración predeterminada y haga clic Salvar. Para ver el gif, ábralo en un navegador web.

Trabajando con animación

Para la mayoría de las plantillas animadas, algunos de los elementos de diseño, como las fotos, que deben editarse serán visibles solo para partes de toda la animación. Para ver estos objetos que desea editar, simplemente mueva el cursor de reproducción a lo largo de la línea de tiempo hasta que los objetos sean visibles.

La mayoría de los objetos animados están diseñados para moverse dentro de un área específica de la escena. Si mueve o cambia el tamaño de estos objetos, la animación puede romperse. Por lo tanto, solo realice cambios en los objetos animados si está familiarizado con la animación de Photoshop.

Cuando reemplace el contenido del marcador de posición con su propio contenido para un Objeto inteligente animado, deberá realizar un paso adicional. Si la línea de tiempo no está abierta, haga clic en Ventana - Línea de tiempo. Por defecto, el nuevo contenido finalizará a los 5 segundos en la línea de tiempo. Necesitamos que se extienda hasta el final de la animación. Entonces, arrastre el borde derecho de la pista a la expansión sobre toda la Línea de tiempo (ver captura de pantalla).

Beneficios de una membresía gratuita de Creative Cloud
//helpx.adobe.com/creative-cloud/help/benefits-creative-cloud-free-membership.html

Bienvenido a Adobe Fonts
//fonts.adobe.com/about

Derechos de autor 2018 Adobe Systems Incorporated. Todos los derechos reservados. Las capturas de pantalla del producto Adobe se reimprimieron con permiso de Adobe Systems Incorporated. Adobe, Photoshop es / son [una] marca registrada [s] o una marca registrada (s) de Adobe Systems Incorporated en los Estados Unidos y / u otros países.

Instrucciones De Vídeo: ¿Cómo trabajar con plantillas o templates de Photoshop? (Abril 2024).