Diseña tu primer remera personalizada | Vivi Cheruti

Diseña tu primer remera personalizada

por | Sep 10, 2019 | Hazlo Tu Mismo

Mira el video, descarga los archivos y sigue el paso a paso para crear tu diseño para tu primer remera personalizada.

En este tutorial aprenderás a:

  • Crear un nuevo documento en Photopea.
  • Escribir texto e instalar nuevas fuentes.
  • Utilizar las capas para ordenar y acomodar elementos.
  • Rasterizar texto.
  • Hacer selecciones para cambiar colores.
  • Guardar el documento para cambios futuros.
  • Exportar imagen para usar en tu remera personalizada.

Pasos para crear tu remera personalizada

En este primer tutorial te centrarás en la parte del diseño. En la siguiente entrega te mostraré como ver tu diseño sobre distintos modelos de remeras y como encargar de manera fácil tu remera personalizada.

Recibe los enlaces para descargar los archivos ingresando tus datos en el formulario que aparece a continuación y sigue el paso a paso en el video o revisa el resumen de pasos escritos.

descarga gratuita

Ingresa tus datos y recibe en tu email:

  • La fuente BuJo de muestra.
  • El archivo para editar en Photopea.
  • El archivo final con el diseño para usar en cualquier remera.

Inicia Photopea

En una publicación anterior ya te conté sobre Photopea, este editor de imágenes gratuito que es un clon de Photoshop.

Dado que asumo que esta es tu primera vez con tu remera personalizada elegí hacer el tutorial en Photopea para que puedas probar y hacer sin incurrir en gastos monetarios recurrentes.

Inicia Photopea o abre una ventana en tu navegador de internet favorito y escribe photopea.com.

Cierra la ventana inicial si es la primera vez que inicias el programa y haz clic en More -> Language -> Español para establecer el idioma en el que se presenta este tutorial.

Paso 1: Nuevo documento en Photopea

Haz clic en Archivo -> Nuevo e ingresa los siguientes valores para el nuevo documento:

Nombre del Proyecto: proyecto-bujo
Ancho: 500 mm
Largo: 500 mm
DPI: 150
Fondo: Transparente

Haz clic en el botón Crear.

Nota de Diseñador

El tamaño del documento lo hacemos 2 o más veces más grande que el tamaño real que deseamos que tenga. De esta manera si tus selecciones no se ven perfectas o se notan mínimas imperfecciones a nivel de pixeles cuando la imagen se reduzca no se van a notar.

¡Tus creaciones se verán profesionales aún cuando recién estés comenzando!

Paso 2: Escribir texto e instalar una nueva fuente

En este momento tienes un documento que consta de una sola capa. El cuadriculado indica que se trata de un fondo transparente, es decir sin color.

Selecciona la herramienta de texto y haz clic sobre la capa transparente. Escribe la siguiente palabra: _amar.

Ahora tienes una nueva capa de texto en tu panel de capas. Pero para tener un corazón necesitas la fuente BuJo instalada en Photopea.

Con la herramienta de texto seleccionada haz clic en el menú donde aparece «DejaVu Sans». Carga la nueva fuente seleccionando el archivo BuJo-Sample.otf que has descargado luego de enviar el formulario con tus datos.

Presiona Ctrl+A (o Cmd+A en Mac) para seleccionarlo todo el texto. Selecciona la fuente que has instalado: BuJo Sample. Haz clic en el botón Confirmar.

Ingresa los textos para las siguientes letras de manera separada, teniendo una capa por letra: B, u, j, O.

Nota de Diseñador

Cuando instalas una fuente nueva en Photopea saltará un cartel preguntándote si quieres que Photopea cargue la fuente siempre que inicie el sistema. Si le das cancelar, tendrás que volver a instalar la fuente cuando inicies Photopea en el futuro. De cualquier manera la fuente se cargará.

Para hacer zoom en Photopea, selecciona la herramienta de Zoom (Z) y haz clic sobre la zona que quieres aumentar. Para alejar mantén presionada la tecla Alt (Option en Mac).

Usa la herramienta Mano (H) para mover el lienzo si has hecho mucho zoom.

Paso 3: La herramienta «mover» para acomodar los elementos

Selecciona la herramienta mover presionando la tecla «v» o haciendo clic en la flecha blanca con un +.

Asegúrate de tener las opciones selección automática y controles de transformación marcadas para poder seleccionar y manipular los diseños.

Empieza a agrandar los elementos seleccionándolos uno a uno, y con la tecla SHIFT presionada «estíralos» con el mouse desde alguna de las puntas del cuadro delimitador para no deformarlos.

Si quieres jugar con las formas puedes soltar la tecla SHIFT.

Una vez que termines la transformación deberás dar un ENTER para confirmarla, de lo contrario no podrás seleccionar otro elemento.

Si no te gusta algún cambio, puedes hacer Ctrl+Z (o Cmd+Z en Mac) para ir un paso atrás.

Nota de Diseñador

Cuando se superponen las letras con el corazón, como tienen el mismo color, pierdes los límites del texto. Para solucionar esto haz clic sobre la capa que contiene el corazón y bájale la opacidad a 50%. ¿Bastante mejor no?

Si quieres acomodar varios elementos a la vez, haces clic en las capas que los contienen manteniendo la tecla SHIFT presionada. Luego haces clic dentro del cuadro delimitador y lo mantienes presionado mientras lo mueves.

Paso 4: Guardar el documento para editar más tarde

¿Te gusta como ha quedado tu diseño?

Es un buen momento para guardar nuestro archivo. Haz clic en Archivo -> Guardar como PSD para poder empezar de nuevo desde este punto en caso que queramos hacerle modificaciones al texto de nuestro diseño.

Paso 5: Rasterizar el texto

Para cambiar los colores a los textos y el corazón deberás primero rasterizarlos.

Rasterizar un texto significa que un texto editable se transforme en una imagen, y entonces si vamos a poder realizar más acciones sobre este diseño, entre otras cosas, cambiar los colores.

Selecciona todas las capas y haz clic en el menú Capa -> Rasterizar.

Si te fijas, la forma en que se ven las capas ha cambiado. Ya no tiene la T de texto que solía estar allí. ¡Ya estamos listos para cambiar colores!

Paso 6: La herramienta de «varita mágica» para cambiar colores

Oculta las capas que contienen las letras de la palabra BuJo dejando solo visible el corazón. Para esto haz clic sobre el «ojo» que aparece a la izquierda de cada capa.

Devuélvele a la capa el 100% de opacidad para mostrar su color a pleno en caso de que le hayas reducido esta propiedad.

Con la herramienta varita mágica seleccionada haz clic dentro del corazón. Verás que aparece una línea punteada rodeando la figura.

Haz clic en Editar -> Rellenar y elige el color negro. ¡Hemos cambiado de color el corazón! Haz clic en Ctrl+D (Cmd+D en Mac) para quitar la selección.

Oculta la capa del corazón y muestra las otras capas de texto. Selecciónalas todas y haz clic derecho sobre alguna de ellas y elige la opción de combinar capas.

Realiza el mismo procedimiento que antes para cambiar el color morado oscuro a blanco. Asegúrate que tienes un valor de tolerancia de selección en 120.

Al finalizar, habilita el corazón otra vez haciendo clic en el «ojo» al lado izquierdo de la capa que lo contiene.

Nota de Diseñador

Es posible que cuando haces clic en la zona morada oscura de las letras para cambiar su color solo quede seleccionada una porción de todo el texto.

Para sacar el máximo potencial de esta herramienta es necesario desmarcar la opción «Contiguo» en la barra de propiedades de la herramienta para que al hacer clic sobre la zona seleccione también todas las zonas del mismo color.

¡Utilizando esta configuración de la herramienta varita mágica trabajarás mucho más rápido!

Paso 7: Exportar la imagen para la remera personalizada

¡Has terminado tu diseño!

Es momento de exportar el archivo para poder utilizarlo en tu remera personalizada.

Haz clic en Archivo -> Exportar como -> PDF (o el formato que te indique la empresa que ha de realizar la sublimación).

En la próxima publicación del blog verás tu diseño sobre distintos tipos de remeras y podrás encargar tu remera personalizada en menos de 5 minutos si así lo deseas.

¿Piensas en alguien a quien le gustaría esto?
¡Envíaselo por email AHORA!

Ahora cuéntame

¿Te ha gustado este tutorial?  ¿Tienes algún diseño en mente que te gustaría formara parte de un futuro tutorial?

Compártelo conmigo en los comentarios.

¡Guarda este artículo en Pinterest!
Últimas entradas

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Copyright @ ViviCheruti

¿Te ha gustado la publicación?

¡Compártelo con tus amigos! Tu eliges la forma de hacerlo: