Guía para crear una infografía con Affinity Designer

 

Hola, buenas noches, este tutorial o guía trata de enseñarles como crear una infografía al estilo de freepik con Affinity Designer.

NOTA: hemos creado un video donde se explica  mejor el procedimiento de esta infografía. también dejamos los errores en el video por si les llegara a suceder puedan resolverlos. Hasta abajo encontraran el archivo original de esta guía.

Bueno comencemos con esta Guía para crear una infografía con Affinity Designer Pero antes, les dejamos el video, para que sea más fácil.

Guía para crear una infografía con Affinity Designer
Este enlace los manda youtube para que puedan ver el video ahí
Dirigida por: Belog el néctar de tu marca

1.- Primero abrimos affinity designer creamos el lienzo del tamaño que deseemos.

2.- Creamos un círculo pequeño con la herramienta circular.

3.- Duplicamos este círculo y lo vamos haciendo más  grande hasta tener 4 círculos.      Es recomendable que lo hagan de color diferentes para que no se equivoquen

4.- Este es el resultado de duplicar los círculos  con colores diferentes. así podrán ver los tamaños mejor

5- Seleccionamos el círculo pequeño, si utilizaron los mismos colores que nosotros, seria el círculo blanco, después nos vamos a la herramienta de capa ahí se encuentra las Opciones de capa, le damos click nos abre el dialogo de las opciones de capa y seleccionamos la opción sombra externa. Escogemos:

SOMBRA EXTERNA

Modo de fusión: multiplicar Opacidad:41% Radio: 10.6% Desplazamiento: 0.8% Intensidad: 41% Color: negro Angulo: 315º

BISEL / GRABAR Tipo: Interno Radio: 0.7px Profundidad: 0.7px Suavizar: 14.4px Dirección: 127.8º Elevación: 0

 

Mascaras de capa

6.- Primero seleccionamos el círculo naranja, para saber donde nos encontramos.

7.-Ya que tenemos seleccionado el círculo naranja, vamos a la barra de herramientas, y seleccionamos la herramienta de la plumilla. empezamos a crear el trazo del medio círculo encima de la capa seleccionada.
trazo_porcentaje_mascara de capa
  • Facebook
  • Twitter
  • Google Plus
  • Linkedin
  • Pinterest
  • Gmail
8.- Una vez finalizado el trazo, vamos a la herramienta de color y seleccionamos el color de relleno, y se vera como en la imagen de abajo.
relleno_mascaradecapa_porcetanje
  • Facebook
  • Twitter
  • Google Plus
  • Linkedin
  • Pinterest
  • Gmail
9.- Nuestra trazo queda encima del círculo naranja, lo que tenemos que hacer es darle click sostenido a la capa que dice curva (el trazo que creamos) y lo arrastramos hacia abajo. como lo muestra la imagen.
arrastrar_mascara de capa_porcentaje
  • Facebook
  • Twitter
  • Google Plus
  • Linkedin
  • Pinterest
  • Gmail
10.- Nos daremos cuenta que la capa esta activada, tomara la forma del círculo. repetimos el mismo paso anterior  para todas las capas..
activada_mascaradecapa_porcentaje
  • Facebook
  • Twitter
  • Google Plus
  • Linkedin
  • Pinterest
  • Gmail
11.- Después seleccionamos la capa padre  (vendría siendo el círculo naranja el que esta arriba de la capa), vamos a la ventana de capas  y ahí seleccionamos efectos de capa y colocamos estos valores SOMBRA EXTERNA

Modo de fusión: multiplicar Opacidad: 50% Radio: 12.2 px Desplazamiento: 0.8px Intensidad: 44 % Color: negro Angulo: 315º

12.- Una vez añadido los valores anteriores, le damos en cerrar, seguimos con la selección del padre y nos vamos a la opción de color ahí seleccionamos el color blanco.

elemento_padre_color blanco
  • Facebook
  • Twitter
  • Google Plus
  • Linkedin
  • Pinterest
  • Gmail

13.-Ya que tengamos el elemento padre con los el efecto aplicado en paso once y con el relleno de color blanco. seleccionamos el elemento hijo.

14.- Ya que esta seleccionado lo rellenamos de color naranja u otro color el que sea de su preferencia.

15.- Aplicamos todos los pasos para las demás capas, tenemos que tener algo similar a la imagen que esta abajo

16.- Ahora para crear el fondo, solo creamos un rectángulo, vamos a la herramienta de degradados y añadimos los colores, nosotros usamos estos: #FFFFFF –   #FDF3EA

17.- Mejoramiento de la capa padre en efecto de capa (opcional)

SOMBRA EXTERNA

Modo de fusión: multiplicar Opacidad: 50% Radio: 40.8px Desplazamiento: 0px Intensidad: 36 % Color: negro Angulo: 315º

17.- Seleccionamos los elementos hijos y le aplicamos un degradado a cada uno, con los colores que deseemos.

18.- Una vez aplicando el degradado, duplicamos la capa naranja.

18.- Tenemos selecciona la capa naranja, ahora vamos a las opciones de color y deseleccionamos el color de relleno, solo dejamos el de contorno.

19.- Una vez que tenemos el contorno de la imagen, vamos a la barra de herramientas y seleccionamos la herramienta de texto artístico.

20.- Con la herramienta de texto artístico vamos al contorno del círculo que creamos y le damos clic a la linea

21..- Escribimos el texto deseado, y se seccionamos el color blanco para que haga contraste con nuestros colores de fondo( círculos).

22.- Así debe de quedar como lo muestra la imagen.

23.- Para crear el nodo ocupamos la herramienta del circulo y nos acercamos al color morado y ahí hacemos un pequeño círculo lo rellenamos de un color que haga contraste. seleccionamos la herramienta pluma y creamos la forma de la linea como se muestra en las imágenes de abajo. y repetimos el mismo paso para los demás círculos.

24..- Este seria el resultado que deben de tener

25.- Para colocar el texto vamos a la barra de herramientas seleccionamos el marco de texto, y creamos un bloque, en ese bloque añadimos nuestro texto.

26.- Después añadimos el título en negritas y más grande que el texto de contenido. 27.- añadimos el porcentaje con numero este debe de ir en negritas y mucho más grande que el titulo

28.- Seleccionamos nuestro texto de título y el de porcentajes y lo rellanamos del color del color de nuestra linea

29.- Añadimos unos iconos decorativos: descargar aquí

30.- Para finalizar, podemos añadir un poco de ruido a nuestros círculos para que le de un toque distinto (es opcional)

Hasta aquí damos por concluido este post llamado “Guía para crear una inforgrafía con Affinity Designer”

Pin It on Pinterest

Shares
Be-log located at San Antonio Fresno , celaya, guanajuato . Reviewed by 59 customers rated: 1 / 5
UA-64323091-1