() translation by (you can also view the original English article)
¡Hola a todos! Menos es mas, ¿cierto? En este tutorial aprenderás a crear tres iconos relacionados a la comida con un estilo único, usando formas simples, sombras y medio-tonos.
1. Crea un fondo
Vamos a crear un nuevo documento de 600 px x 300 px Usando la herramienta de rectángulo (M), creamos uno que mida 600 x 300 píxeles, tendrá el color #958496, hacemos doble click en la capa que acabamos de crear y la nombramos "background", a continuación hacemos click en el icono de candado para bloquear la capa.
2. Crea el icono del té
Paso 1
Usando la herramienta elipse (L), creamos un círculo de 130 x 130 píxeles (lo rellenamos con el color #8EA5B2), el color del trazo será #444444 con un grosor de 2 pt (siempre usaremos estos parámetros de trazado para el tutorial) Mantén apretado Alt y arrastra el mouse a la derecha para duplicar el círculo. Presiona ctrl + D para repetir nuevamente la acción. Deberías tener tres círculos idénticos.
Paso 2
Crea un círculo de 147 x 147 píxeles con color #EFEAE6 Usando el panel de trazos, haz que todos los trazos sean redondeados y alinea el trazo hacia el exterior.
Posiciona el círculo recién creado al medio del primer círculo azul grande y usando la herramienta de selección directa (A), selecciona el punto superior y presiona la tecla retroceso para eliminarlo. Usando el panel de alinear, con ambas formas seleccionadas haremos click en el círculo azul para mantenerlo activado y luego click en alinear al centro horizontalmente.
Usando la herramienta pluma (P), creamos una forma como la de la imagen y la arrastramos un poco debajo del centro.
Paso 3
Crea un círculo usando los mismos parámetros de trazado, tendrá 20 x 20 píxeles, usando la herramienta de selección directa (A) como antes eliminamos el punto derecho de anclaje como se ve en la imagen.
Paso 4
Vamos a crear la sombra. Selecciona la forma de la taza y usando la tecla Alt duplicala hacia un espacio vacío de tu fondo.
Ahora usa la herramienta pluma (P) para crear la sombra como en la imagen, y hazla un 5% mas negra. Usando el panel de buscatrazos, haz click en intersección para separar las formas.
Ahora tenemos la sombra. La posicionaremos en el icono de la taza de té.
Paso 5
Vamos a crear el saco de té. Selecciona la herramienta pluma (P) y dibuja una linea de unos 20 píxeles desde el borde superior de la taza.
Para el saco de té, creamos un rectángulo de 15 x 17 píxeles con el color #EB9696 . No olvidemos mantener los parámetros de trazado y alinear el trazo hacia afuera.
Usando el añadir punto de anclaje (+), creamos tres puntos en el fondo del saco de té y con la herramienta de selección directa (A) hacemos click en el punto del medio y lo arrastramos hacia arriba.
Paso 6
Crea una sombra para el saco de té tal como hiciste con la taza usando un tono ligeramente mas oscuro para la sombra.
Paso 7
Usando la herramienta pluma (P), crea dos lineas de unos 25 píxeles y colócalos como en la imagen agrupándolos después (ctrl + G) Con el grupo de lineas y el círculo azul seleccionado vamos al panel alinear y clickeamos en alineación horizontal central y distribuir centro verticalmente.
Seguimos el mismo proceso del grupo de líneas para el resto de círculos.
3. Crea el icono de hamburguesa.
Paso 1
Usando la herramienta elipse (L) creamos un círculo de 75 x 57 píxeles (el mismo color y trazo que la taza) Colócalo en medio del segundo círculo azul.
Toma la línea de segmento (\) y crea una línea como esta.
Con el círculo pequeño y la línea seleccionada, abre el panel de buscatrazos.
Toma la herramienta de selección directa (A) y elimina cada punto debajo la línea, incluyendo la línea en sí misma. Redondea las esquinas utilizando las guías.
Paso 2
Usando la herramienta rectángulo (M) crea uno de 50 x 7 píxeles, rellenalo con el color #EB9696 mantén la configuración de trazado y alinealo hacia afuera. Haz las esquinas redondeadas.
Paso 3
Crea una sombra de la misma manera que el saco de té, usando el mismo color de relleno.
Paso 4
Usa la herramienta pluma (P) para crear una línea de unos 50px aproximadamente. Ve a Efectos > Distorsionar y Transformas > ZigZag
Pon el tamaño de 1 píxel, Ridges per segment 7, Points Smooth,y selecciona previsualizar para ver como va quedando.
Paso 5
Usando la herramienta de rectángulo (M) crea uno de 50 x 8 píxeles con el mismo color de relleno y trazo de la taza.
Usando la herramienta de selección directa (A) selecciona los puntos y con las flechas derecha e izquierda haz que se vea como un trapezoide. Redondea un poco las esquinas.
4. Crea el icono de la sopa.
Paso 1
Usando la herramienta de elipse (L) crea una de 66 x 66 píxeles usando el mismo color blanco y trazo. Toma la herramienta de selección directa (A) y borra el punto superior.
Paso 2
Usando la herramienta pluma (P) crea una forma como esta:
Rellénala con el mismo rojo usado anteriormente.
Paso 3
Crea una sombra para el tazón usando el mismo método para el saco de té con el mismo color de relleno.
OK, ya casi terminamos!
5. Crea la sombra de medios tonos
Usando la herramienta de elipse (M) crea un círculo de 0.3 píxeles con el color #2D2A2D y arrastralo al panel muestras. Doble click en tu nueva muestra creada y en done.
Esto sería todo Crea un círculo y rellenalo con el patrón del mediotono. Ponlo detrás de tus iconos. En cuanto al icono de hamburguesa, ctr + C / ctr + F para copiar y pegar en frente del objeto seleccionado, rellenandolo con tu patrón de medio tono. Ve al panel de transparencia y con ambas formas seleccionadas escoge 40%.
Eso es todo por ahora.
¡Eso es todo! Espero que hayan aprendido a crear iconos y usar las muestras de semitono y que seas capaz de crear los tuyos. ¡Nos vemos en el siguiente tutorial!
¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!
