En el tutorial de hoy, aprenderá cómo crear un gráfico estadístico en Adobe Photoshop.
Imagen definitiva
Como siempre, esta es la imagen final que crearemos:
Detalles del tutorial
- Programa: Adobe PhotoshopCC
- Tiempo estimado de finalización: 40 minutos
- Dificultad: Principiante Intermedio
Recursos
Paso 1
Crear un 600x 430px documento, vaya a Ver > Mostrar > Cuadrícula para habilitar la Cuadrícula y luego vaya a Ver > Ajustar a > Cuadrícula para habilitar el Encajar a la cuadricula. Pegar Controlar + K para abrir la ventana de Preferencias, vaya a Guías, Cuadrícula y rebanadas e ingrese las configuraciones mencionadas en la siguiente imagen. A lo largo del tutorial apagué la cuadrícula ( Mando + ‘ ) para que usted tenga una mejor visión. La cuadrícula le facilitará la creación/edición de las formas.
Paso 2
concéntrate en tu Barra de herramientas y rellene el color de primer plano con #05649C.
Selecciona el Herramienta Rectángulo redondeado, céntrese en la barra superior y establezca el Radio a 10px.
Vaya a su lienzo y cree un 468×300 forma vectorial px.
Paso 3
Abre el Estilo de capa ventana para su forma vectorial e ingrese la configuración mencionada en las siguientes imágenes. 
Etapa 4
Cambia el color de primer plano a #FFFFFF y elige el Herramienta rectangular. Vaya a su lienzo, cree un 468×1 px forma vectorial y colóquelo como puede ver a continuación.
Ve a la Capas tablero, cambie el Modo de mezcla a Luz tenue y bajar el Opacidad a 50%.
Paso 5
Toma el Herramienta Rectángulo redondeado, crea tres 17×12 formas vectoriales px con el Radio ajustado a 1 y luego colóquelos como puede ver a continuación.
Paso 6
Abre la ventana de tu personaje ( Ventana > Carácter ) y usa el consolas negrita fuente.
Cambia el color a #FFFFFF, establezca el tamaño en 11 px y luego ingrese el texto como se muestra a continuación.
Paso 7
elige el Lapicera, crea un pequeño triángulo y luego colócalo como puedes ver en la siguiente imagen.
Paso 8
Establezca el color de primer plano en #03467E y elige el Herramienta rectangular.
Vaya a su lienzo, cree un 31×12 px forma vectorial y luego colóquelo como puede ver a continuación.
Paso 9
Abre el Estilo de capa ventana para la forma vectorial realizada en el paso anterior e ingrese la configuración que se muestra a continuación.
Paso 10
Abra de nuevo la ventana del personaje, ajuste el tamaño a 10 px y luego ingrese el texto como puede ver a continuación.
Paso 11
Cambia el color de primer plano a #FFFFFF y elige el Herramienta Elipse.
Crear un 8×8 px círculo y un 4×4 círculo de píxeles. Asegúrese de que estas nuevas formas vectoriales estén colocadas como se muestra en las dos primeras imágenes.
Mira dentro de la Capas panel, seleccione ambas formas vectoriales circulares y vaya a Combinar formas.
Ahora, elige el Herramienta de selección de ruta, haga clic dentro del círculo pequeño ( 4×4 px ), enfócate en la barra superior y selecciona el Restar forma frontal . El resultado debe ser el mismo que se puede ver en la última imagen.
Paso 12
elige el Herramienta de línea, céntrese en la barra superior y establezca el Peso a 2 px. Muévase a su lienzo y cree una pequeña línea como puede ver en la primera imagen.
Ahora, enfócate en el Capas panel, seleccione la línea diminuta junto con la forma vectorial hecha en el paso anterior y vaya a Combinar formas.
Seleccione esta nueva forma vectorial y colóquela como puede ver en la última imagen.
Paso 13
Selecciona el Herramienta rectangular, crear un 1×181 px forma vectorial y colóquelo aproximadamente como puede ver en la primera imagen.
Utilizando el Controlar + J atajo de teclado, duplicar esta forma vectorial 64 tiempos y colocarlos uno tras otro con un espacio de 5 px entre ellos como se muestra en la última imagen.
Paso 14
Con la misma herramienta, crea un 385×1 px forma vectorial y colócalo como puedas en la primera imagen.
Duplicar esta forma vectorial 30 tiempos y colocarlos uno tras otro con un espacio de 5 px entre ellos como se muestra en la segunda imagen.
Seleccione todas las formas vectoriales realizadas en este paso junto con las formas vectoriales realizadas en el paso anterior y vaya a Combinar formas.
Seleccione la nueva forma de vector y luego cambie el Modo de mezcla a Cubrir y el Opacidad a 10%.
Paso 15
Cambia el color de primer plano a #F1FAFE y asegúrese de que el Herramienta rectangular todavía está seleccionado. Muévase a su lienzo, cree dos tipos de rectángulos (para horizontal 5×1 px y para verticales 1×5 px) y colócalas como puedes ver en la primera imagen.
Seleccione todas las formas vectoriales hechas en este paso y vaya a Combinar formas. Seleccione la nueva forma y luego cambie la Modo de mezcla a Cubrir y el Opacidad a 50%.
Paso 16
Abre la ventana del personaje, usa el consolas negrita fuente y luego asegúrese de que el color esté establecido en #FFFFFF y el tamaño para 14 px. Vaya a su lienzo y agregue el texto del título.
Ahora, usa el Consolas regulares fuente, cambie el tamaño a 11 px y agregue los números y el texto de los meses.
Paso 17
elige el Lapicera y asegúrese de que el Lapicera el modo está configurado para Sendero de la barra superior.
Muévase a su lienzo y cree la siguiente ruta.
Paso 18
Selecciona el Pincel , utilizar el “Ronda dura” cepillo y ajuste el Tamaño a 5px y el Dureza a 100%.
Centrarse en el Capas panel y crear una nueva capa. Ahora, muévase a la Caminos tablero (Ventana > Caminos), haga clic en el botón pequeño en la esquina derecha, vaya a Trazar ruta, elige el Pincel en el menú desplegable y presiona enter.
Abre el Estilo de capa ventana para la capa creada en este paso e ingrese la configuración que se muestra a continuación.
Paso 19
Establezca el color de primer plano en #FFFFFF, elige el Herramienta Rectángulo redondeado y establecer el Radio a 1 px.
Muévase a su lienzo y cree una línea blanca como puede ver en la primera imagen.
Crear un 8×8 px círculo y un 4×4 px circle y luego colócalos como se muestra en la segunda imagen. Seleccione ambos círculos, vaya a Combinar formas, elige el Herramienta de selección de ruta, haga clic dentro del círculo pequeño y seleccione el Restar forma frontal.
Paso 20
Seleccione todas las formas vectoriales hechas en el paso anterior y vaya a Combinar formas.
Abre el Estilo de capa ventana para esta forma vectorial e ingrese la configuración mencionada a continuación.
Paso 21
elige el Herramienta Rectángulo redondeado y establecer el Radio a 4 px. Vaya a su lienzo, cree un 26×15 px forma vectorial y colóquelo como se muestra en la primera imagen.
Abre la ventana del personaje, usa el consolas negrita fuente, establezca el color en #023553 y el tamaño para 10 px. Muévase a su lienzo y agregue los números dentro de la forma vectorial hecha en este paso.
Selecciona todas las formas que componen los números emergentes, duplícalas y colócalas como puedes ver en la última imagen. No olvide ajustar la altura del rectángulo y los números.
Paso 22
Seleccione todas las formas que componen su gráfico estadístico y agrúpelas usando el Controlar + G atajo de teclado.
Abre el Estilo de capa para este grupo e ingrese la configuración que se muestra a continuación.
Paso 23
Mover a la Capas panel, haga clic en el “Crear una nueva capa” y luego mueva esta nueva capa debajo del grupo.
Centrarse en el Barra de herramientas, cambie el color de primer plano a #2E3192 y elige el Herramienta Bote de pintura. Ahora, simplemente vaya a su lienzo y presione el botón izquierdo de su mouse para llenar la nueva capa con su color.
Paso 24
En el paso final, debe importar la imagen enumerada en la sección Recursos y luego colocarla justo debajo del grupo. Ir Filtro > Desenfocar > Desenfoque gaussiano y establecer el Radio a 60 px.
Centrarse en el Capas panel y simplemente cambie el Modo de mezcla a Luz tenue.
¡Y hemos terminado!
Así es como debería verse el resultado final.
¿Todavía no eres usuari@ de Fiverr ?
Tenemos un post sobre Fiverr donde te contamos cono funciona.