DeNunCianDo - Ver Mensaje Individual - [ Diseño, Arte y Fotografia ]

Frank Lucas · 06-09-2018 , 19:34:35

Cómo crear el icono del bolígrafo y la regla

En cuanto hayas terminado de trabajar en la primera fila de iconos, pasa a la siguiente y prepárate para trabajar en el próximo icono.
Paso 1

Crea la forma principal de la parte inferior del bolígrafo usando un cuadrado de 4x4 px. Asígnale el color #967065 y colócalo encima del borde inferior del área activa de dibujo, a una distancia de 20 px del borde izquierdo.

Paso 2

Añade el cuerpo principal usando un rectángulo de 4x36 px. Asígnale el color #FF9255 y colócalo sobre la forma anterior.

Paso 3

Crea la pequeña etiqueta usando un rectángulo de 2x16 px. Asígnale el color #FFF4D7 y colócalo a una distancia de 8 px del borde superior de la sección actual. Asegúrate de agrupar ambas formas usando el atajo de teclado Control + G.

Paso 4

Añade la forma principal del capuchón usando un rectángulo de 6x16 px (#FF9255). Colócalo sobre el borde superior del cuerpo principal del bolígrafo.

Paso 5

Crea la sombra dura usando un rectángulo de 4x2 px. Asígnale el color #967065 y colócalo justo debajo del borde inferior del capuchón, tal como se ve en la imagen de referencia.

Paso 6

Añade unas líneas horizontales de detalle usando cuatro rectángulos de 6x1 px (#967065) apilados unos encima de otros a 1 px de distancia entre ellos. Agrúpalos (Control + G) y colócalos a una distancia de 4 px del borde superior del capuchón.

Paso 7

Crea el enganche del capuchón usando un rectángulo de 2x16 px (#967065). Colócalo a la izquierda del capuchón. Cuando lo hayas hecho, selecciona y agrupa (Control + G) todas las formas que componen la sección actual. Después, haz lo mismo con todo el bolígrafo.

Paso 8

Comienza a trabajar en la regla. Para crear el cuerpo principal, usa un rectángulo de 10x56 px (#FF9255). Colócalo en la parte derecha de la mesa de trabajo, a una distancia de 4 px del capuchón del bolígrafo.

Paso 9

Añade una sección más clara usando un rectángulo de 6x44 px (#FFF4D7). Ajústala cambiando el radio de sus vértices derechos a 2 px desde las propiedades del rectángulo del panel Transformar. Coloca la forma resultante tal como se ve en la imagen de referencia.

Paso 10

Añade los indicadores de medida usando catorce rectángulos de 4x1 px (#967065) apilados verticalmente a una distancia de 2 px entre ellos. Agrúpalos (Control + G) y colócalos pegados al borde izquierdo de la forma que acabamos de ajustar.

Paso 11

Aísla las formas que acabamos de agrupar haciendo doble clic en ellas. Luego, cada dos líneas, ajusta la anchura de 4 px a 2 px. Cuando hayas terminado, sal del modo de aislamiento pulsando la tecla Escape.

Paso 12

Termina con el icono añadiendo las ranuras superior e inferior. Para ello, usa dos círculos de 2x2 px (#967065) y colócalos tal como se ve en la imagen de referencia. Cuando termines, asegúrate de seleccionar y agrupar (Control + G) todas las formas que componen la regla. Luego, haz lo mismo con todo el icono.

Cómo crear el icono del bus escolar

Colócate sobre la siguiente mesa de trabajo y acerca bien el zoom para tener una mejor vista de las formas.
Paso 1

Comienza por crear la sección superior del bus con un rectángulo de 40x8 px. Asígnale el color #EFAC4B y céntralo al borde superior del área activa de dibujo.

Paso 2

Añade el rótulo usando un rectángulo de 24x4 px. Asígnale el color #967065 y céntralo a la forma anterior.

Paso 3

Crea las luces circulares usando dos círculos de 4x4 px. Colócalos a ambos lados de la sección superior tal como se ve en la imagen de referencia. Cuando los tengas en su sitio, asegúrate de seleccionar y agrupar todas las formas que componen la sección actual usando el atajo de teclado Control + G.

Paso 4

Añade la sección central del bus con un rectángulo de 36x24 px. Asígnale el color #FFCB64 y colócalo justo debajo del que acabamos de agrupar.

Paso 5

Crea la sombra dura con un rectángulo de 36x2 px. Asígnale el color #967065 y céntralo al borde superior de la sección actual.

Paso 6

Añade las ventanas usando dos cuadrados de 12x12 px (#967065). Colócalos tal como se ve en la imagen de referencia. Selecciónalos y agrúpalos usando el atajo de teclado Control + G. Cuando hayas terminado, no te olvides de hacer lo mismo con toda la sección antes de ir al siguiente paso.

Paso 7

Crea los retrovisores usando dos rectángulos de 4x8 px (#967065), los cuales conectaremos al bus con dos cuadrados de 2x2 px colocados a la misma altura que el borde superior de las ventanas. Asegúrate de seleccionar y agrupar (Control + G) todas las formas que componen los retrovisores.

Paso 8

Añade la forma principal de la sección frontal del bus con un rectángulo de 40x12 px. Asígnale el color #EFAC4B y colócalo justo debajo de la sección central.

Paso 9

Crea el extremo frontal usando un rectángulo de 18x4 px (#EFAC4B) y colócalo justo encima de la forma anterior. Selecciona y agrupa ambas usando el atajo de teclado Control + G.

Paso 10

Añade la rejilla del capó usando siete rectángulos de 14x1 px (#967065) apilados verticalmente a una distancia de 1 px unos de otros. Agrúpalos (Control + G) y colócalos a una distancia de 2 px del borde superior del extremo frontal.

Paso 11

Crea los faros delanteros usando dos rectángulos de 4x8 px (#967065), sobre cada uno de los cuales añadiremos un círculo de 2x2 px (#FFF4D7). Agrupa cada faro individualmente y colócalos a cada lado de la sección frontal. Cuando termines, asegúrate de seleccionar y agrupar (Control + G) todas las formas que componen la sección actual antes de ir al siguiente paso.

Paso 12

Añade el parachoques delantero usando un rectángulo de 44x4 px. Asígnale el color #967065 y colócalo justo debajo de las formas que acabamos de agrupar.

Paso 13

Crea las ruedas usando dos cuadrados de 8x8 px (#967065). Colócalos debajo del parachoques, tal como se ve en la imagen de referencia.

Paso 14

Termina con este icono añadiendo la matrícula. Para ello, usa un rectángulo de 12x2 px. Asígnale el color #967065 y céntralo al borde inferior del parachoques. Cuando lo hayas hecho, selecciona y agrupa (Control + G) todas las formas que componen la sección actual. Después, haz lo mismo con el bus.

Cómo crear el icono del lector de libros digitales

El siguiente icono de la lista es el lector de libros digitales. Como verás a continuación, no tardaremos mucho en elaborarlo sección a sección.
Paso 1

Empieza por crear la forma principal del cuerpo del dispositivo usando un rectángulo de 36x56 px. Asígnale el color #FF9255 y céntralo al área activa de dibujo.

Paso 2

Añade la pantalla usando un rectángulo de 32x44 px. Asígnale el color #967065 y colócalo a una distancia de 4 px del borde superior de la forma principal.

Paso 3

Crea las líneas de texto falso usando doce rectángulos de 10x1 px (#FFF2DD). Apílalos verticalmente a una distancia de 2 px unos de otros. Agrúpalos (Control + G) y colócalos a una distancia de 4 px del borde inferior de la pantalla.

Paso 4

Aísla las formas que acabamos de agrupar haciendo doble clic en ellas. Luego, ajusta la longitud de las líneas primera y octava acortando su anchura de 20 px a 10 px, tal como se ve en la imagen de referencia. Cuando termines, sal del modo de aislamiento pulsando la tecla Escape.

Paso 5

Termina con el icono añadiendo el botón inferior. Para ello, usa un círculo de 4x4 px. Asígnale el color #967065 y colócalo en el centro de la parte inferior tal como se ve en la imagen de referencia. Cuando lo hayas hecho, no te olvides de seleccionar y agrupar todas las formas que componen el lector usando el atajo de teclado Control + G.

Cómo crear el icono de la medalla

Ya hemos llegado al octavo y último icono. Colócate sobre la última mesa de trabajo y ¡terminemos con el proyecto!
Paso 1

Empieza creando la forma principal de la cinta con un rectángulo de 28x36 px. Asígnale el color #967065 y céntralo al borde superior del área activa de dibujo.

Paso 2

Ajusta la forma que acabamos de crear añadiendo un nuevo punto de ancla a cada uno de los lados. Selecciona individualmente los puntos de ancla de las esquinas inferiores y desplázalos hacia el interior tal como se ve en la imagen de referencia.

Paso 3

Añade unas líneas horizontales de detalle usando cuatro rectángulos de 28x1 px (#FFF4D7) apilados verticalmente a una distancia de 1 px unos de otros. Agrúpalos (Control + G) y colócalos a una distancia de 4 px del borde superior de la cinta. Cuando termines, selecciona y agrupa (Control + G) todas las formas que componen la cinta antes de ir al siguiente paso.

Paso 4

Crea el cuerpo principal de la medalla usando un círculo de 28x28 px. Asígnale el color #FFCB64 y céntralo al borde inferior del área activa de dibujo.

Paso 5

Añade un anillo de color oscuro usando un círculo de 18x18 px que tena un grosor de 2 px (#967065). Céntralo a la forma anterior.

Paso 6

Termina con el icono y con el proyecto en sí añadiendo la pequeña estrella con la herramienta Estrella. Activa el modo previsualización de píxeles (Alt + Control + Y) y ajusta los puntos de ancla que la componen a la cuadrícula de píxeles subyacente. Tómate tu tiempo y, cuando termines, asigna a la forma resultante el color #967065. Luego, selecciona y agrupa (Control + G) todas las formas que componen la sección actual. Después, haz lo mismo con toda la medalla.

¡Bien hecho!

Como siempre, espero que te hayas divertido trabajando en el proyecto. ¡Si tienes alguna pregunta, escríbela en la sección de comentarios y trataré de respondértela lo antes posible!

06-09-2018 , 19:34:35	#2
Frank Lucas Denunciante Titán Me Gusta Estadisticas Mensajes: 71.604 Me Gusta Recibidos: 26483 Me Gustas Dados: 11936 Ingreso: 22 jun 2009 Temas Nominados a TDM Temas Nominados 222 Temas Ganadores: 1 Reputacion Poder de Credibilidad: 473 Puntos: 846766 Premios Recibidos Total De Premios: 14	Respuesta: Crea un pack de iconos escolares Cómo crear el icono del bolígrafo y la regla En cuanto hayas terminado de trabajar en la primera fila de iconos, pasa a la siguiente y prepárate para trabajar en el próximo icono. Paso 1 Crea la forma principal de la parte inferior del bolígrafo usando un cuadrado de 4x4 px. Asígnale el color #967065 y colócalo encima del borde inferior del área activa de dibujo, a una distancia de 20 px del borde izquierdo. Paso 2 Añade el cuerpo principal usando un rectángulo de 4x36 px. Asígnale el color #FF9255 y colócalo sobre la forma anterior. Paso 3 Crea la pequeña etiqueta usando un rectángulo de 2x16 px. Asígnale el color #FFF4D7 y colócalo a una distancia de 8 px del borde superior de la sección actual. Asegúrate de agrupar ambas formas usando el atajo de teclado Control + G. Paso 4 Añade la forma principal del capuchón usando un rectángulo de 6x16 px (#FF9255). Colócalo sobre el borde superior del cuerpo principal del bolígrafo. Paso 5 Crea la sombra dura usando un rectángulo de 4x2 px. Asígnale el color #967065 y colócalo justo debajo del borde inferior del capuchón, tal como se ve en la imagen de referencia. Paso 6 Añade unas líneas horizontales de detalle usando cuatro rectángulos de 6x1 px (#967065) apilados unos encima de otros a 1 px de distancia entre ellos. Agrúpalos (Control + G) y colócalos a una distancia de 4 px del borde superior del capuchón. Paso 7 Crea el enganche del capuchón usando un rectángulo de 2x16 px (#967065). Colócalo a la izquierda del capuchón. Cuando lo hayas hecho, selecciona y agrupa (Control + G) todas las formas que componen la sección actual. Después, haz lo mismo con todo el bolígrafo. Paso 8 Comienza a trabajar en la regla. Para crear el cuerpo principal, usa un rectángulo de 10x56 px (#FF9255). Colócalo en la parte derecha de la mesa de trabajo, a una distancia de 4 px del capuchón del bolígrafo. Paso 9 Añade una sección más clara usando un rectángulo de 6x44 px (#FFF4D7). Ajústala cambiando el radio de sus vértices derechos a 2 px desde las propiedades del rectángulo del panel Transformar. Coloca la forma resultante tal como se ve en la imagen de referencia. Paso 10 Añade los indicadores de medida usando catorce rectángulos de 4x1 px (#967065) apilados verticalmente a una distancia de 2 px entre ellos. Agrúpalos (Control + G) y colócalos pegados al borde izquierdo de la forma que acabamos de ajustar. Paso 11 Aísla las formas que acabamos de agrupar haciendo doble clic en ellas. Luego, cada dos líneas, ajusta la anchura de 4 px a 2 px. Cuando hayas terminado, sal del modo de aislamiento pulsando la tecla Escape. Paso 12 Termina con el icono añadiendo las ranuras superior e inferior. Para ello, usa dos círculos de 2x2 px (#967065) y colócalos tal como se ve en la imagen de referencia. Cuando termines, asegúrate de seleccionar y agrupar (Control + G) todas las formas que componen la regla. Luego, haz lo mismo con todo el icono. Cómo crear el icono del bus escolar Colócate sobre la siguiente mesa de trabajo y acerca bien el zoom para tener una mejor vista de las formas. Paso 1 Comienza por crear la sección superior del bus con un rectángulo de 40x8 px. Asígnale el color #EFAC4B y céntralo al borde superior del área activa de dibujo. Paso 2 Añade el rótulo usando un rectángulo de 24x4 px. Asígnale el color #967065 y céntralo a la forma anterior. Paso 3 Crea las luces circulares usando dos círculos de 4x4 px. Colócalos a ambos lados de la sección superior tal como se ve en la imagen de referencia. Cuando los tengas en su sitio, asegúrate de seleccionar y agrupar todas las formas que componen la sección actual usando el atajo de teclado Control + G. Paso 4 Añade la sección central del bus con un rectángulo de 36x24 px. Asígnale el color #FFCB64 y colócalo justo debajo del que acabamos de agrupar. Paso 5 Crea la sombra dura con un rectángulo de 36x2 px. Asígnale el color #967065 y céntralo al borde superior de la sección actual. Paso 6 Añade las ventanas usando dos cuadrados de 12x12 px (#967065). Colócalos tal como se ve en la imagen de referencia. Selecciónalos y agrúpalos usando el atajo de teclado Control + G. Cuando hayas terminado, no te olvides de hacer lo mismo con toda la sección antes de ir al siguiente paso. Paso 7 Crea los retrovisores usando dos rectángulos de 4x8 px (#967065), los cuales conectaremos al bus con dos cuadrados de 2x2 px colocados a la misma altura que el borde superior de las ventanas. Asegúrate de seleccionar y agrupar (Control + G) todas las formas que componen los retrovisores. Paso 8 Añade la forma principal de la sección frontal del bus con un rectángulo de 40x12 px. Asígnale el color #EFAC4B y colócalo justo debajo de la sección central. Paso 9 Crea el extremo frontal usando un rectángulo de 18x4 px (#EFAC4B) y colócalo justo encima de la forma anterior. Selecciona y agrupa ambas usando el atajo de teclado Control + G. Paso 10 Añade la rejilla del capó usando siete rectángulos de 14x1 px (#967065) apilados verticalmente a una distancia de 1 px unos de otros. Agrúpalos (Control + G) y colócalos a una distancia de 2 px del borde superior del extremo frontal. Paso 11 Crea los faros delanteros usando dos rectángulos de 4x8 px (#967065), sobre cada uno de los cuales añadiremos un círculo de 2x2 px (#FFF4D7). Agrupa cada faro individualmente y colócalos a cada lado de la sección frontal. Cuando termines, asegúrate de seleccionar y agrupar (Control + G) todas las formas que componen la sección actual antes de ir al siguiente paso. Paso 12 Añade el parachoques delantero usando un rectángulo de 44x4 px. Asígnale el color #967065 y colócalo justo debajo de las formas que acabamos de agrupar. Paso 13 Crea las ruedas usando dos cuadrados de 8x8 px (#967065). Colócalos debajo del parachoques, tal como se ve en la imagen de referencia. Paso 14 Termina con este icono añadiendo la matrícula. Para ello, usa un rectángulo de 12x2 px. Asígnale el color #967065 y céntralo al borde inferior del parachoques. Cuando lo hayas hecho, selecciona y agrupa (Control + G) todas las formas que componen la sección actual. Después, haz lo mismo con el bus. Cómo crear el icono del lector de libros digitales El siguiente icono de la lista es el lector de libros digitales. Como verás a continuación, no tardaremos mucho en elaborarlo sección a sección. Paso 1 Empieza por crear la forma principal del cuerpo del dispositivo usando un rectángulo de 36x56 px. Asígnale el color #FF9255 y céntralo al área activa de dibujo. Paso 2 Añade la pantalla usando un rectángulo de 32x44 px. Asígnale el color #967065 y colócalo a una distancia de 4 px del borde superior de la forma principal. Paso 3 Crea las líneas de texto falso usando doce rectángulos de 10x1 px (#FFF2DD). Apílalos verticalmente a una distancia de 2 px unos de otros. Agrúpalos (Control + G) y colócalos a una distancia de 4 px del borde inferior de la pantalla. Paso 4 Aísla las formas que acabamos de agrupar haciendo doble clic en ellas. Luego, ajusta la longitud de las líneas primera y octava acortando su anchura de 20 px a 10 px, tal como se ve en la imagen de referencia. Cuando termines, sal del modo de aislamiento pulsando la tecla Escape. Paso 5 Termina con el icono añadiendo el botón inferior. Para ello, usa un círculo de 4x4 px. Asígnale el color #967065 y colócalo en el centro de la parte inferior tal como se ve en la imagen de referencia. Cuando lo hayas hecho, no te olvides de seleccionar y agrupar todas las formas que componen el lector usando el atajo de teclado Control + G. Cómo crear el icono de la medalla Ya hemos llegado al octavo y último icono. Colócate sobre la última mesa de trabajo y ¡terminemos con el proyecto! Paso 1 Empieza creando la forma principal de la cinta con un rectángulo de 28x36 px. Asígnale el color #967065 y céntralo al borde superior del área activa de dibujo. Paso 2 Ajusta la forma que acabamos de crear añadiendo un nuevo punto de ancla a cada uno de los lados. Selecciona individualmente los puntos de ancla de las esquinas inferiores y desplázalos hacia el interior tal como se ve en la imagen de referencia. Paso 3 Añade unas líneas horizontales de detalle usando cuatro rectángulos de 28x1 px (#FFF4D7) apilados verticalmente a una distancia de 1 px unos de otros. Agrúpalos (Control + G) y colócalos a una distancia de 4 px del borde superior de la cinta. Cuando termines, selecciona y agrupa (Control + G) todas las formas que componen la cinta antes de ir al siguiente paso. Paso 4 Crea el cuerpo principal de la medalla usando un círculo de 28x28 px. Asígnale el color #FFCB64 y céntralo al borde inferior del área activa de dibujo. Paso 5 Añade un anillo de color oscuro usando un círculo de 18x18 px que tena un grosor de 2 px (#967065). Céntralo a la forma anterior. Paso 6 Termina con el icono y con el proyecto en sí añadiendo la pequeña estrella con la herramienta Estrella. Activa el modo previsualización de píxeles (Alt + Control + Y) y ajusta los puntos de ancla que la componen a la cuadrícula de píxeles subyacente. Tómate tu tiempo y, cuando termines, asigna a la forma resultante el color #967065. Luego, selecciona y agrupa (Control + G) todas las formas que componen la sección actual. Después, haz lo mismo con toda la medalla. ¡Bien hecho! Como siempre, espero que te hayas divertido trabajando en el proyecto. ¡Si tienes alguna pregunta, escríbela en la sección de comentarios y trataré de respondértela lo antes posible! __________________ Apoya A tu Foro!!!