Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Infographics

Cómo Crear Una Infografía del Primer Año del Bebé en Photoshop

by
Read Time:12 minsLanguages:

Spanish (Español) translation by Naudys Angulo (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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:

Lo Que Necesitarás

Necesitarás acceso a Photoshop; si no tienes el software, puedes descargar una versión de prueba desde el sitio web de Adobe. También necesitarás

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).

Create a new document in Adobe PhotoshopCreate a new document in Adobe PhotoshopCreate a new document in Adobe Photoshop

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.

Open the baby photo in Adobe PhotoshopOpen the baby photo in Adobe PhotoshopOpen the baby photo in Adobe Photoshop

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.

Erase the backgroundErase the backgroundErase the background

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.

Using Pen ToolUsing Pen ToolUsing Pen Tool

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.

Make Selection from the pen tool shapeMake Selection from the pen tool shapeMake Selection from the pen tool shape

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.

Moving the layer to another fileMoving the layer to another fileMoving the layer to another file

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.

Convert to Smart Object in Adobe PhotoshopConvert to Smart Object in Adobe PhotoshopConvert to Smart Object in Adobe Photoshop

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.

Fill the backgroundFill the backgroundFill the background

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.

Type the name of the babyType the name of the babyType the name of the baby

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.

Draw ribbon shape with the pen toolDraw ribbon shape with the pen toolDraw ribbon shape with the pen tool

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.

Add details to the ribbonAdd details to the ribbonAdd details to the ribbon

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.

Add texture to the ribbon with the texture brushesAdd texture to the ribbon with the texture brushesAdd texture to the ribbon with the texture brushes

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.

Set the opacity for the texture layerSet the opacity for the texture layerSet the opacity for the texture layer

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.

Drop shadow settingsDrop shadow settingsDrop shadow settings

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.

Arrange layersArrange layersArrange layers

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.

Date and type for baby first year infographicDate and type for baby first year infographicDate and type for baby first year infographic

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.

Properties panel in Adobe PhotoshopProperties panel in Adobe PhotoshopProperties panel in Adobe Photoshop

Paso 3

Crea una nueva capa y dibuja las manecillas del reloj. Ajusta los parámetros como en la imagen de abajo.

Drawing strokes with the Pen Tool in Adobe PhotoshopDrawing strokes with the Pen Tool in Adobe PhotoshopDrawing strokes with the Pen Tool in Adobe Photoshop

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.

Half-circle shapeHalf-circle shapeHalf-circle shape

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.

Drawing a clockDrawing a clockDrawing a clock

Paso 6

Al igual que hicimos con las manecillas, añada algunos trazos al reloj utilizando la Herramienta Pluma (P).

Clock detailsClock detailsClock details

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).

Arrange clocks layersArrange clocks layersArrange clocks layers

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.

Parameters of the circle shapeParameters of the circle shapeParameters of the circle shape

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.

Draw a weight handleDraw a weight handleDraw a weight handle

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.

Custom Shape Tool icons menuCustom Shape Tool icons menuCustom Shape Tool icons menu

Mantén pulsada la tecla Shift (Mayús) y dibuja el icono en color marrón oscuro, sin trazos.

Draw the girl iconDraw the girl iconDraw the girl icon

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).

Type born height and weight informationType born height and weight informationType born height and weight information

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.

Drawing dotted lines in Adobe PhotoshopDrawing dotted lines in Adobe PhotoshopDrawing dotted lines in Adobe Photoshop

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.

Type place of babys birth for baby first year infographicType place of babys birth for baby first year infographicType place of babys birth for baby first year infographic

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.

Heart shape from the Custom Shape ToolHeart shape from the Custom Shape ToolHeart shape from the Custom Shape Tool

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.

Teeth and eyes color informationTeeth and eyes color informationTeeth and eyes color information

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.

Eye shape by Pen ToolEye shape by Pen ToolEye shape by Pen Tool

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.

Draw a pupilDraw a pupilDraw a pupil

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.

Add eyelashesAdd eyelashesAdd eyelashes

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).

Diaper size textDiaper size textDiaper size text

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.

Draw the speech bubble shapeDraw the speech bubble shapeDraw the speech bubble shape

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.

Speech bubble detailSpeech bubble detailSpeech bubble detail

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).

Speech bubble textSpeech bubble textSpeech bubble text

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.

Adding decorative dotted linesAdding decorative dotted linesAdding decorative dotted lines

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).

Drop shadow for the speech bubbleDrop shadow for the speech bubbleDrop shadow for the speech bubble

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.

Add babys favorite toy photoAdd babys favorite toy photoAdd babys favorite toy photo

Paso 2

Selecciona la fuente The Salvador Script y escribe "Juguete favorito". Establece el color en marrón oscuro.

Add favorite toy textAdd favorite toy textAdd favorite toy text

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.

Draw decorative arrowDraw decorative arrowDraw decorative arrow

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.

Some more informative textSome more informative textSome more informative text

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.

Babys first word for the baby first year infographicBabys first word for the baby first year infographicBabys first word for the baby first year infographic

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.

White outline with the Pen ToolWhite outline with the Pen ToolWhite outline with the Pen Tool

Paso 2

Dibuja las formas blancas detrás de la otra foto del bebé y la foto del juguete.

Decorative white shapesDecorative white shapesDecorative white shapes

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.

Background texture with the texture brushBackground texture with the texture brushBackground texture with the texture brush

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.

Drawing decorative star shapesDrawing decorative star shapesDrawing decorative star shapes

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!

Baby first year infographic templateBaby first year infographic templateBaby first year infographic template

¡Echa un vistazo a otros increíbles tutoriales con infografías paso a paso y nuestros artículos sobre este tipo de diseño!

One subscription.
Unlimited Downloads.
Get unlimited downloads