En esta lección Paso a Paso, aprenderás a crear una linda plantilla infográfica del primer año para bebés en Photoshop.
Esta plantilla también se puede utilizar para niños mayores, adultos, etc. ¡Simplemente imprime tu diseño y un gran regalo de cumpleaños está listo!
Además, puedes descargar fácilmente plantillas de infografía para bebés desde Envato Elements. Aquí tienes algunos ejemplos:
dos fotos de tu bebé (1, 2) y una foto del juguete favorito de tu bebé. ¡Puedes usar tus propias fotos!
Hermosas fuentes script, serif y san serif. Yo usé The Salvador.
Descarga los activos, ¡y podemos comenzar!
1. Trabaja Con las Fotos
Paso 1
En primer lugar, necesitamos preparar nuestro flujo de trabajo.
Para hacer un archivo para imprimir, crea un Nuevo Documento(Comando-N) en Adobe Photoshop y selecciona la plantilla Imprimir > A4 (210mm x 297mm, Resolución 300 px/pulgada, modo de color CMYK). Si no desea imprimir su infografía, puede seleccionar el modo de color RGB y cualquier otro tamaño y resolución (normalmente utilizamos una resolución de 72 px/pulgadas para la web).
Paso 2
Busca dos fotos del bebé en buena calidad. Pueden ser fotos del bebé con su juguete favorito, acostado, sentado o de pie. Lo principal es que el bebé en la foto esté solo y sea claramente visible. Abre la foto en Photoshop (Comando-O) y duplica la capa de fondo (Comando-J). Puedes desactivar la capa de fondo haciendo clic en el icono del ojo, para no afectar la foto original en la capa de fondo.
Paso 3
Hay dos opciones para separar la figura del fondo. Si no estás muy familiarizado con la Herramienta Pluma, puedes usar fácilmente la Herramienta Borrador (Comando-E). Cambia el tamaño del borrador con los botones [(más pequeño) y ] (más grande). Simplemente elimina el fondo alrededor del bebé. Ten cuidado y elimina todas las piezas de fondo.
Paso 4
La manera más profesional es usar la Herramienta Pluma (Comando-P).Si no sabes como usar la Herramienta Pluma, consulta los excelentes tutoriales oficiales de Adobe la Herramienta Pluma y las Formas. Envato Tuts+ también tiene un tutorial muy simple y claro de la Herramienta Pluma de Photoshop con GIFs animados.
Usando la Herramienta Pluma, dibuja el contorno del bebé. Recuerda, siempre puedes usar Comando-Z para Deshacer tu última acción. También puedes usar Comando-+ o Comando-- para acercar o alejar el zoom.
Para editar cualquiera de los Puntos de Anclaje, utiliza la Herramienta de Selección Directa (A), y asegúrate de haber seleccionado la flecha blanca del panel de herramientas.
Paso 5
Haz clic con el botón derecho del ratón y selecciona la opción Hacer Selección. Presiona Comando-J, y tendremos a nuestro adorable bebé en una capa separada.
Paso 6
Haz clic y Sostén la capa del bebé y muévala a tu archivo A4 original que preparamos anteriormente. Deberías ver el icono de la mano mientras lo mueves.
Paso 7
Repite los pasos con la segunda foto del bebé. Los buenos hábitos son renombrar las capas correctamente y convertir las imágenes necesarias en Objetos Inteligentes. Si cambias el tamaño de una imagen normal en Photoshop, ésta perderá su calidad, pero un Objeto Inteligente seguirá siendo de buena calidad en cualquier tamaño. Simplemente haz Clic con el botón Derecho del ratón en la capa y selecciona Convertir en Objeto Inteligente. Repite el proceso con ambas fotos. Ahora podemos cambiar el tamaño de las fotos sin consecuencias.
Paso 8
Mueve tus fotos con la Herramienta Mover (V) y cambia su tamaño con la Herramienta Transformar (Comando-T). Seleccione la capa de Fondo (desbloquéala primero haciendo clic en el icono del candado) y Rellena (Comando-G) con el color #f7f2ef.
2. Agrega el Nombre
Paso 1
Transcriba el nombre del bebé. Utilicé la gran fuente The Salvador de Envato Elements, la variante de Salvador Script. Puedes usar cualquier otra hermosa fuente de escritura.
Paso 2
Con la Herramienta Pluma (P), dibuja el cuerpo de la cinta. Después de dibujar los contornos, selecciona el botón Forma en el panel superior de herramientas. Recuerda que puedes editar sus puntos con la flecha blanca de la Herramienta de Selección Directa (A). Coloreala en #59331c. Puedes seleccionar el color de relleno en la barra superior de herramientas. Selecciona el nombre y cambia el color de la tipo a #f7f2ef.
Paso 3
Crea una nueva capa (el icono de la hoja de papel en blanco en la parte inferior del panel de Capas o Capa > Nueva > Capa; Comando-Mayús-N) y dibuja los extremos de la cinta con la Herramienta Pluma (P). Colorealo con el color #c1a79b.
Paso 4
Es hora de añadir algo de profundidad y textura. Para añadir las texturas, elije el pincel de texturas. He usado los pinceles oficiales de Photoshop de Kyle T. Webster, pero puedes elegir cualquier otro espectacular juego de pinceles. Para añadir una textura granulada, utilicé el pincel Airbrush - Grainy Opaque del conjunto de Kyle T. Webster.
Crea una nueva máscara de recorte sobre la capa Ribbon Tails. Haz clic en la capa Ribbon Tails y ve a Capa > Crear Máscara de Recorte (o usa el atajo Opción-Comando-G). Selecciona Herramienta Pincel (B), elije el pincel de textura
relevante en el icono del pincel de la esquina superior izquierda y
dibuja una textura en tu nueva máscara de recorte. Yo utilicé un color marrón más oscuro y configuré el modo de superposición en Multiplicar. Puedes configurar el modo en el pequeño menú arriba de la lista de capas.
Paso 5
Añade la textura al cuerpo de la cinta de la misma manera. Puedes variar la opacidad de la capa con los botones numéricos del teclado (del 1 al 9) o cambiar los parámetros de la Opacidad en el pequeño menú arriba de la lista de la capa.
Paso 6
Selecciona la capa nombre. Haz doble clic en la capa para abrir el menú Estilo de Capa. Selecciona los parámetros de Sombra Paralela y configura el Modo de Fusión en Multiplicar, juega con la configuración de Opacidad, Distancia, Tamaño, Difusión y Ruido para obtener un buen resultado.
Paso 7
Usando la tecla Shift (Mayús) o Comando, selecciona todas las capas relacionadas al nombre y la cinta (ribbon) y haz un Grupo con (Comando-G) Selecciona la Herramienta Mover (V) y selecciona Auto Seleccionar Grupo. Ahora puedes mover los grupos de capas simplemente haciendo clic en ellos en tu mesa de trabajo con la Herramienta Mover (V) activada.
3. Fecha y Hora
Paso 1
Selecciona la Herramienta de Tipo (T) e imprima la información de fecha y hora de nacimiento. Todo (Día de la semana, Fecha, Hora) debe estar en capas separadas. Puedes mover y cambiar el tamaño del texto con la Herramienta de Transformación (Comando-T). He utilizado la fuente The Salvador Condensed de la colección de fuentes The Salvador.
Paso 2
Es hora de añadir algunos iconos. Selecciona la Herramienta Elipse de la barra de herramientas lateral y dibuja un círculo mientras mantienes presionada la tecla Shift (Mayús). Establezca las propiedades (Ventana > Propiedades) como en la imagen de abajo. Usaremos el color blanco para el relleno y el #59331c para el trazo.
Paso 3
Crea una nueva capa y dibuja las manecillas del reloj. Ajusta los parámetros como en la imagen de abajo.
Paso 4
Haz clic en la capa del círculo del reloj y Duplícala (Comando-J). Selecciona la Herramienta de Selección Directa (A), flecha blanca y borra el punto de anclaje inferior. Con la Herramienta Transformar (Comando-T), haz la forma más pequeña.
Paso 5
Rota y Mueve la nueva forma (Comando-T) y Duplícala(Comando-J). Selecciona la Herramienta Transformar (Comando-T) con la capa de copia activa, haz Clic-Derecho al objeto en la mes de trabajo y selecciona Voltear Horizontal. Muévelo al lugar correcto.
Paso 6
Al igual que hicimos con las manecillas, añada algunos trazos al reloj utilizando la Herramienta Pluma (P).
Paso 7
Selecciona todas las capas relacionadas con el reloj y Agrupalas (Comando-G). Haz Clic-Derecho del ratón en el grupo y selecciona Convertir en Objeto Inteligente. Ahora tenemos un bonito icono de un reloj. Muévelo al lugar correcto con la Herramienta Mover (V). Redimensionalo si es necesario con la Herramienta de Transformación (Comando-T).
4. Peso y Altura
Paso 1
Seleccionala Herramienta Elipse (U), mantén presionado Shift (Mayús) y dibuja un pequeño circulo. Colórealo en nuestro color marrón oscuro #59331c.
Paso 2
Crea otra capa y dibuja un manejador de peso con la Herramienta Pluma (P). Selecciona ambas capas relacionadas con el icono del peso y Conviértelas en un Objeto Inteligente.
Paso 3
Selecciona la Herramienta Forma Personalizada (pulse U, y seleccione el icono derecho del panel de herramientas laterales, en el mismo lugar que la herramienta Elipse). En el menú superior, seleccione el icono dependiendo del sexo del niño.
Mantén pulsada la tecla Shift (Mayús) y dibuja el icono en color marrón oscuro, sin trazos.
Paso 4
Usando la fuente The Salvador Condensed de la Colección de Fuentes The Salvador, escribe la información de la altura y el peso. Puedes mover y cambiar el tamaño del texto y los iconos con la Herramienta de Transformación (Comando-T).
Paso 5
Usando la Herramienta Pluma (P), traza una línea recta y aplícale el estilo punteado, sin relleno y con un color de trazo marrón oscuro. Duplica (Comando-J) la línea y mueve ambas entre las líneas de texto.
5. Lugar de Nacimiento
Paso 1
Con la fuente The Salvador Condensed para el Lugar de Nacimiento y The Salvador Serif para la Ciudad, escribe el texto. Reorganiza los elementos con la Herramienta de Transformación (Comando-T) si es necesario.
Paso 2
Selecciona la Herramienta Forma Personalizada (U), selecciona la forma de corazón en el menú desplegable, mantén pulsada la tecla Shift (Mayús) y dibuja un corazón.
6. Dientes, Color de los Ojos y Tamaño del Pañal
Paso 1
Escribe el número de dientes y el color de los ojos. Para hacer el texto en mayúsculas, ve a Ventana > Caractér y aplica el icono de mayúsculas al texto seleccionado.
Paso 2
Con la Herramienta Pluma (P), dibuja una especie de forma de pez. Establece el color del trazo en marrón oscuro y el color de relleno en blanco. Si tus esquinas se ven ásperas, establece los ajustes de las esquinas en esquinas redondas.
Paso 3
Con la Herramienta Elipse (presiona U y selecciona la opción Elipse desde el menú lateral en el mismo lugar que la Herramienta Forma Personalizada), mantén presionada la tecla Shift (Mayús) y dibuja un círculo. Muévelo (V) al centro del ojo.
Paso 4
Si quieres, dibuja algunas pestañas con la Herramienta Pluma (P). Selecciona todas las capas relacionadas con el icono del ojo, Agrúpalas (Comando-G) y Conviértelas en Objeto Inteligente.
Paso 5
Utiliza la fuente The Salvador Condensed para escribir el texto de la talla del pañal (Herramienta de Texto, teclado T) y The Salvador Serif para escribir el número de la talla actual. Redimensiona el texto con la Herramienta de Transformación (Comando-T).
7. Peso y Altura Actual
Paso 1
Con la Herramienta Elipse (U), dibuja una elipse. Abre el panel de Propiedades (Ventana > Propiedades) y establece el color de relleno en blanco, el color de trazo en marrón oscuro, el ancho de trazo en 3 pt y el estilo de trazo regular.
Paso 2
En la misma capa, dibuja un triángulo con la Herramienta Pluma (P). Comprueba que la función Combinar Formas esté activada. Ahora tenemos una burbuja de voz.
Paso 3
Escribe por separado "Tengo" y "año de edad" con la fuente The Salvador Condensed, y agrega "1" con la fuente The Salvador Serif. Además, escribe la información actual de peso y altura. Los dígitos están separados del nombre del parámetro. Puedes mover y redimensionar tu texto con la Herramienta de Transformación (Comando-T).
Paso 4
Como lo hicimos antes, agrega algunas líneas punteadas con la Herramienta Pluma (P). El ancho de los trazos es de 2 pt y establece la Opacidad al 50% presionando el número 5 en el teclado.
Paso 5
Haz Doble-clic en la capa con forma de burbuja de voz para activar el panel Estilo de Capa. Establece una Sombra Paralela con los parámetros como en la imagen de abajo. Puedes variar los parámetros para obtener un buen resultado. También puedes cambiar un poco la forma original usando la Herramienta de Selección Directa (A).
8. Juguete Favorito
Paso 1
Prepara una buena foto del juguete favorito de tu bebé. Recórtala del fondo como hicimos con la foto del bebé antes. Convierte la foto del juguete en un Objeto Inteligente y muévela sobre la burbuja de voz.
Paso 2
Selecciona la fuente The Salvador Script y escribe "Juguete favorito". Establece el color en marrón oscuro.
Paso 3
Selecciona la Herramienta Pincel (B), y selecciona un pincel de tinta duro— Yo utilicé Your New Favorite Inker del conjunto de pinceles de Kyle, pero también puedes utilizar el pincel duro predeterminado— y dibujar una bonita flecha desde el texto hasta la foto. También puedes dibujar con la Herramienta Pluma. Elije la mejor opción para ti.
9. Texto Adicional
Paso 1
Es hora de añadir más información a nuestra infografía. Selecciona la fuente The Salvador Script y escribe el signo del zodíaco del bebé y su comida favorita. Yo Utilicé un color marrón claro #c1a79b.
Paso 2
Con la misma fuente de escritura, escribe la primera palabra del bebé cerca de la foto de arriba. Usa un color marrón oscuro. Puedes añadir más información en los espacios vacíos.
10. Decoración
Paso 1
¡Es hora de decorar nuestra linda infografía! Selecciona la primera capa de fondo y crea una nueva capa encima de esta. Utilizando la Herramienta Pluma (P), dibuja alrededor del contorno de la foto del bebé y rellénala con blanco.
Paso 2
Dibuja las formas blancas detrás de la otra foto del bebé y la foto del juguete.
Paso 3
Crea otra capa sobre la capa de fondo y añade un poco de textura con los pinceles de textura. Yo usé el pincel Add noise de los Pinceles de Kyle T. Webster, pero puedes seleccionar cualquiera de los otros grandes pinceles de textura de Envato Elements. Pon la capa de textura en Modo de Fusión Multiplicar y juega con su opacidad.
Paso 4
Crea otra nueva capa sobre la capa de textura y dibuja formas de estrellas aleatorias con la Herramienta Pluma (P). Rellénela con color marrón claro y establece el Modo Multiplicar y el 30% de Opacidad.
Paso 5
Crea una nueva capa sobre las demás. Yo utilicé Your New Favorite Inker del conjunto de pinceles Kyle, pero puede utilizar el pincel duro predeterminado o dibujar líneas la Herramienta Pluma (P). Añade algunas líneas decorativas, corazones, etc.
¡Hemos Terminado!
¡Esta plantilla infografíca de cumpleaños puede ser utilizada para niños mayores o incluso para adultos! Sólo tienes que reemplazar las fotos y la información. Puedes usar este flujo de trabajo como base y crear tus propios diseños. Gracias por crear y experimentar conmigo. ¡Disfruta del proceso y por favor comparte tu resultado!
¡Echa un vistazo a otros increíbles tutoriales con infografías paso a paso y nuestros artículos sobre este tipo de diseño!
Esta infografía explora la historia del matrimonio entre personas del mismo sexo, reconociendo tanto los reveses como los increíbles logros a lo largo del camino.
En este rápido vídeo, la instructora Melody Nieves te va a explicar lo que es una infografía y te mostrará cómo personalizar una plantilla simple.
Aprende a crear esta elegante infografía en Adobe InDesign. En este tutorial para principiantes relacionados a InDesign, veremos cómo configurar un...
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.