Cerrar menu
Tutoriales En Linea
  • Tutoriales
    • Aprendizaje
    • Video Tutorial
    • Manuales
    • Hagalo usted mismo
    • Explorar todo
  • Adobe
    • After Effects
    • Dreamweaver
    • Premiere Pro CC
    • Photoshop
    • Photoshop Mix
    • Lightroom
    • Illustrator
    • Adobe Muse
    • Creative Cloud
  • Android
    • Developer Android
    • Aplicaciones
    • Android Studio
    • Android Wear
    • Desarrolladores
    • SDK Platform-Tools
    • ADB...depuración Bridge
    • Fastboot
    • Root
    • Recovery
  • Apple
    • iPhone y iPad
    • iPhone
    • iPad
    • Mac OS
    • iCloud
    • iTunes
  • Cursos
    • Actívate
    • Autoempleo
    • Idiomas
    • Curso De HTML
    • Curso de C++
    • Javascript
    • jQuery
    • Matematicas
    • Programacion
    • Python
    • Udacity
    • Diseño Web adaptativo
  • Ciberseguridad
    • Malware
    • Ransomware
    • Virus
    • Troyano
    • Dorkbot
    • Filecoders
    • keylogger
    • Spyware
    • Jackware
    • DDoS
    • HackerOne
    • Interpol
  • Criptomonedas
    • Blockchain
    • Mineria de Criptomonedas
    • Bitcoin (BTC)
    • Bitcoin Cash (BCH)
    • DASH (Dash)
    • Dogecoin (Doge)
    • Ethereum (ETH)
    • Litecoin (LTC)
    • Monero (XMR)
    • Ripple (XRP)
    • Zcash (ZEC)
    • Forex
    • Trading
  • Desarrollo Web
    • Sistema de gestion de contenidos
    • AMP
    • Datalife Engine
    • Blogger
    • WordPress
    • Joomla
    • Bootstrap
    • Plantillas
    • @font-face
    • Schema
    • Website
    • Desarrolladores
    • Lenguaje Web
  • Diseño Web
    • Web Responsive
    • Lenguaje Web
    • Datos estructurados
    • HTML
    • CSS3
    • JavaScript
    • Ajax
    • jQuery
    • PHP
  • Entretenimiento
  • Encuestas
    • GlobalTestMarket
    • Centro de opinion
    • Ipsos i-Say
    • Triaba
    • opinea
    • Toluna
    • YouGov
    • ClixSense
    • ySense
    • Cint
    • Beruby
  • Electricidad
  • Electronica
  • Ganar dinero comprando
    • CashbackDeals
    • Cashback
    • Por ir de compras
    • Aklamio
    • Intercambio de tráfico
    • Justificante de pagos
    • Webs estafas
  • Google
    • Google Pay
    • Adsense
    • Gmail
    • Google Apps
    • Google Chrome
    • Google Cloud Platform
    • Google Consumer Surveys
    • Google Desarrolladores
    • Google Fit
    • Google Maps
    • Google Photos
    • Google Play
    • Google Translation
    • DoubleClick
    • YouTube
    • Chromebooks
  • Marketing
    • SEM
    • SEO
    • Posicionamiento
    • Contenido
    • Publisuites
    • Space Content
    • Coobis
    • Marketing
  • Computadora u ordenador
    • Sistemas operativos
      • Windows
      • Mac OS
      • Android
      • Linux
      • Ubuntu
      • Kali Linux
      • Wifislax
    • hardware
    • Software
    • BIOS
    • Unidad de disco duro
    • Programacion
    • Dispositivos
    • Internet
  • Ofimática
    • Microsoft
    • Suite Ofimatica
    • Access
    • Word
    • Excel
    • Powerpoint
    • Outlook
    • Microsoft Publisher
  • PTC
    • No pierdas tiempo con estas web
  • Redes Sociales
    • Delicious
    • Facebook
    • Instagram
    • linkedin
    • Snapchat
    • TikTok
    • Twitter
    • Pinterest
    • Spotify
    • Vkontakte - VK
    • WhatsApp
  • Smartphone
    • Telefonos
    • Telefonia movil y telecomunicaciones
    • Desbloquear
    • Códigos NCK
    • Liberar
    • Tarjeta SIM
    • Tablet
  • Sitio Web
    • Dominios
    • Hosting
    • Servidores
    • Demo DLE
    • Documentación sobre Datalife Engine
    • Modulos DLE
    • Hack
    • Optimizacion
    • Google Adsense
    • Plantillas
  • Tips
    • Cabello
    • Consejos
    • Cremas
    • Cosmético
    • Cuerpo
    • Dieta
    • Exfoliantes
    • Entrenamiento
    • Ejercicio
    • Estilo
    • Fitness
    • Habitos
    • Hidratante
    • Look
    • Maquillaje
    • Moda
    • Piel Radiante
    • Recetas
    • Ropa
    • Rutina
    • Salud
    • Tratamientos
  • Trabajos
    • Atencion al cliente
    • Asistente virtual
    • Transcripcíon
    • Transcripcíones medica
    • Entrada de datos
    • De edicion y correccion
    • Mystery Shopping
    • Micro trabajos
    • Contabilidad
    • Tutoria y aprendizaje
    • Mas ingresos extras
    • Git
    • GitHub
    • Criptografia
    • Deep Web
    • Hacker
    • FTP
    • Indexar
    • Newsletter
    • Redes y VPN
    • Herramientas online
  • Windows
    • Skype
    • Windows
    • Windows 11
    • Windows 10
    • Windows 8
    • Windows 7
    • Puerta trasera de Windows
    • Microsoft Edge
Facebook X (Twitter) Instagram
  • Sobre nosotros
  • Últimos artículos
  • Herramientas SEO
  • Ver mas temas
  • Más sitios que te gustarán
Facebook X (Twitter) Instagram Pinterest Youtube
  • Secciones
    1. Android
    2. Adobe
    3. Bricolaje
    4. Bachillerato
    5. Cursos
    6. Criptomonedas
    7. Criptografia
    1. Diseño Web
    2. Encuestas
    3. Empleo
    4. Electricidad
    5. Electronica
    6. Forex
    7. Fisica
    1. Google
    2. Hardware
    3. Herramientas Ofimaticas
    4. Herramientas
    5. Internet
    6. Idiomas
    7. IPTV
    1. Programacion
    2. Libros
    3. Microsoft
    4. Manuales
    5. Matematica
    6. Newsletter
    7. Optimizacion
    1. Redes Sociales
    2. Software
    3. Seguridad
    4. Telefonia
    5. WebSite
    6. Ver todas las categorias
    7. Post promocionado
  • Smartphone

    Comprendre les Différences entre les Chargeurs USB et les Chargeurs USB-C : Un Guide Complet

    Huawei Smartphones: Las Mejores Ofertas del Black Friday para Aprovechar

    Gadgets imprescindibles para tu configuración de oficina en casa

    ¡Descubre las tendencias más emocionantes en el mundo de los videojuegos!

    Tendencias en sistemas operativos en smartphone

  • Tecnología
    1. Móviles
    2. Ordenadores
    3. Software
    4. Hardware
    5. Seguridad
    6. Ver todo

    Comprendre les Différences entre les Chargeurs USB et les Chargeurs USB-C : Un Guide Complet

    Huawei Smartphones: Las Mejores Ofertas del Black Friday para Aprovechar

    Gadgets imprescindibles para tu configuración de oficina en casa

    ¡Descubre las tendencias más emocionantes en el mundo de los videojuegos!

    Cómo limpiar la unidad C de archivos innecesarios

    Descubre el misterioso mundo del hash de archivos: ¡todo lo que necesitas saber!

    Los componentes fundamentales que todo PC debería tener

    Que es la tecla TAB

    Cifrado | Seguridad Local

    Maximiza tu productividad: Descubre el sistema interactivo que revolucionará la gestión de proyectos en tu empresa

    Cómo limpiar la unidad C de archivos innecesarios

    Como jugar online y resolver un sudoku

    Que es la tecla TAB

    Cómo deshabilitar la desfragmentación de SSD y HDD en Windows 10 y 11

    Benefits Of Vertical Dual Monitors For Coding And Programming

    AMD ha identificado la causa de la quema de los procesadores Ryzen 7000 y ha lanzado un nuevo AGESA para corregir el problema

    Cifrado | Seguridad Local

    Descubre el misterioso mundo del hash de archivos: ¡todo lo que necesitas saber!

    Virus en el sistema DataLife Engine (DLE) y cómo tratarlos

    La ciberseguridad: Vital Para Las Apuestas Online en España

    ¡Descubre las tendencias más emocionantes en el mundo de los videojuegos!

    ¿Aburrido de tu viejo televisor? Descubre las últimas tendencias en televisores

    Generador de Video IA: La Revolución en la Creación Audiovisual

    Los últimos celulares para que estés a la última

  • Estilo de vida
    1. Entrenamiento
    2. Maquillaje
    3. Dieta
    4. Moda
    5. Trucos y tips
    6. Ver todo

    Desarrolla un cuerpo fuerte y saludable

    ¿Qué es la forma física?

    Mejora los resultados de tu entrenamiento de estabilidad y fuerza

    Consejos para maximizar las caminatas diarias

    ¿Por qué es importante preparar la piel antes de maquillarla?

    Consejos para aplicar pestañas postizas

    Consejos para una piel perfecta este invierno

    La nutrición y un cabello saludable

    Cosas que le pasan a tu cuerpo cuando comes salmón todos los días

    Batidos de proteínas pueden ayudar a mejorar sus hábitos alimenticios

    Batidos de proteinas - Una guía para principiantes

    Snacks nutritivos para cada antojo

    Inspiración de traje de otoño

    La dura verdad sobre las modelos de talla grande

    Razones por las que las marcas de moda de lujo son tan caras

    Cuales son las mejores frutas para adelgazar

    Como enseñar a leer y a escribir

    Como generar cuentas Disneyplus

    Calcular porcentajes con la Calculadora de Windows 10

    Bricolaje para la decoración del hogar

    Top 10 de posturas de yoga

    ¿Por qué es importante preparar la piel antes de maquillarla?

    Inspiración de traje de otoño

    Consejos de belleza para lucir fresca en el verano

  • Marketing

    ¿Sirven de algo los diseñadores Web?… ¿y los redactores de contenido?

    ¿Qué es un Link Dofollow?

    ¿Qué es Nofollow?

    ¿Qué es el remarketing?

    ¿Qué es el posicionamiento web (SEO) y lo necesito para mi sitio web?

  • Juegos

    Para qué se pueden usar las Gafas VR PS4

    La nueva generación de realidad virtual de PlayStation®VR2 y PlayStation®5

    Colaboración entre Sony INZONE y EXCEL Esports

    Sony prohíbe cuatro juegos de terceros en Xbox

    Prepárate para el futuro: Project Trinity llega a finales de 2024

  • Herramientas
Búsqueda extendida

Escriba arriba y presione Enter para buscar.

¡Bienvenido de nuevo!

Inicie sesión o Regístrate ahora

VK

o con Email

¿Has olvidado tu contraseña?

Noticias » Cómo crear un icono de Lista de tareas con Illustrator

Cómo crear un icono de Lista de tareas con Illustrator


0 Noviembre 02, 2018
Compartir

Compartir
Twitter Pinterest LinkedIn Tumblr WhatsApp Email
Este tutorial utiliza Adobe Illustrator CC, aunque muchas de las técnicas son aplicables a otras versiones del programa.

1.  Crea la Base del Icono

Paso 1

Comience dibujando un cuadrado con la  herramienta Rectángulo (M) . En el  Degradado  , aplique un  degradado radial de tan ( #e3c184) a un bronceado ligeramente más oscuro ( #c9a068).
Creando tu base de iconos

Paso 2

Use la  herramienta de selección directa (A) para empujar las esquinas vivas del cuadrado  hacia adentro, redondeando el cuadrado ligeramente.

Luego, utilizando la  herramienta Segmento de líneas (/) , dibuje una línea vertical con un  trazo de bronceado de 1–2 puntos , y su  Modo de fusión se establece en  Pantalla en el  Transparencia . Dibuje una segunda línea de bronceado más oscura, que se superponga ligeramente con la primera, y establezca el  Modo de fusión en  Multiplicar . Grupo (Control-G) las dos líneas juntas.

Copie  (Control-C) y  Pegue (Control-V) las líneas agrupadas un total de cinco veces y distribúyalas uniformemente en su cuadrado redondeado.
Dibuja líneas ranuradas en tu cuadrado

2.  Crea tu Bloc de notas

Paso 1

Dibuje un rectángulo redondeado y  Rote que  15 ° con la  herramienta Rotar (R) . Aplique un  degradado radial de blanco ( #ffffff) a beige claro ( #f3dcca).
Dibuja la base para tu bloc de notas.

Paso 2

Copia y  pega el objeto cuaderno dos veces. Establezca el color de relleno de la forma copiada en oscuro bronceado ( #a8783f). Alinee una de las copias con la forma de cuaderno creada anteriormente y coloque la otra forma copiada en la parte inferior derecha del resto del icono. 

Reduzca la  opacidad de la forma copiada más a la derecha al  0% en el  Transparencia . Seleccione ambas formas copiadas y use la  Herramienta de fusión (W) para crear una combinación de  50 pasos (o cualquier cantidad le dará a sus formas una combinación suave).


Coloque el grupo de mezcla debajo de la forma del bloc de notas en el  Capas  .
Crea una mezcla suave para dar la ilusión de una sombra larga

Paso 3

Copia y  pega la página del cuaderno dibujada anteriormente. Superponer ligeramente la esquina superior izquierda de la forma. Seleccione ambos objetos y use la  herramienta Shape Builder Tool (Shift-M) para seleccionar la parte no intersecante de las formas superpuestas. Anule la selección y  elimine esta forma extraña. Establezca el color de relleno de la forma inferior en beige ( #dbb588) para crear una dimensión dentro del icono.
Añadir dimensión a su diseño de icono

Etapa 4

Para la espiral del cuaderno, dibuje un pequeño rectángulo redondeado (ya sea con la  herramienta Rectángulo o la  herramienta Rectángulo redondeado ) con un  degradado radial de gris ( #b6ada6) a gris cálido oscuro ( #6f5c4f). Utilice la  herramienta Degradado (G) para mover el radio del degradado a la parte superior de la forma. 

Copie y  pegue tres instancias de la forma espiral, alinéelos y  gire el grupo  15 ° . Coloque las formas cerca de la parte superior del cuaderno. Dibuja círculos oscuros con la  herramienta Elipse (L) para los agujeros en las páginas del cuaderno. Colóquelos debajo de las formas en espiral en el  Capas .
Usa pequeños rectángulos redondeados para crear las espirales del cuaderno.

Paso 5

Para la esquina de la página del cuaderno girada,  Copie y  Pegue la página del cuaderno principal. Use la  herramienta Pluma (P) para dibujar un triángulo pequeño que se superponga a la esquina inferior derecha del rectángulo redondeado.

Usa la  herramienta Shape Builder Tool para separar las tres formas. Eliminar la forma más derecha, extraña. 

Gire la forma de la esquina redondeada para que se alinee con el borde de la esquina inferior derecha de la página. Aplique un  degradado lineal que vaya del beige claro al blanco (igual que la página en sí).

Coloque la página recién volteada debajo del grupo de orificios y espirales y sobre el resto del diseño de la notebook en el  Capas . Ajuste el degradado de la forma debajo de la página volteada para que sea un poco más oscuro.
Creando una página torneada simple para el diseño de su notebook.

3.  Creando el elemento lápiz

Paso 1

Dibuja un rectángulo vertical en verde azulado ( #00a79d). Dibuje dos triángulos, ya sea con la  herramienta Pluma o la  herramienta Polígono , que estén enfrentadas y se superpongan con el rectángulo vertical. Como lo hizo anteriormente, use la  herramienta Shape Builder Tool para eliminar los triángulos del rectángulo. Te quedarás con el objeto puntiagudo que se ve a continuación.
Usando formas básicas para construir un objeto

Paso 2

Dibuje secciones superpuestas en el tercio inferior del objeto del lápiz en tres tonos de bronceado. Asegúrese de que pase de claro a medio a oscuro, ya que esa será nuestra mejor opción de iluminación. Para el borde festoneado, dibujé una forma festoneada superpuesta con la  herramienta Pluma y usé la  herramienta Generador de formas , una vez más, para eliminarla de las otras formas.
Elimina una forma festoneada de la punta de tu lápiz

Paso 3

Adjunte un rectángulo corto en el extremo del lápiz para formar el borrador. En el  Propiedades , puede cambiar el radio de las dos esquinas superiores de la forma. Aplique un  degradado lineal a la forma del borrador en tres tonos de rojo: medio ( #fd393e), claro ( #ff706a) y oscuro ( #fd393e).

Dibuja tres rectángulos grises para formar el conector del borrador de metal. Aplica el  degradado radial utilizado anteriormente en la espiral del portátil a cada uno. Use la  herramienta Degradado para ajustar el radio de cada degradado de modo que quede hacia la parte superior izquierda del lápiz. 
Dibuja los componentes del lápiz usando círculos y rectángulos.

Paso 4

Dibuje rectángulos que definan los planos del lápiz en la parte verde azulado del objeto. Asegúrate de que estén alineadas con las vieiras dibujadas anteriormente. Agregué teal light ( #14c9b8) y teal dark ( #057f73) para mantener la iluminación constante.

Dibuje un círculo sobre el extremo puntiagudo del lápiz y use el mismo degradado gris de la espiral del cuaderno. Elimine la parte no intersecante de la punta de grafito del lápiz de la parte de madera con la  herramienta Shape Builder .
Mantenga la iluminación constante en cada uno de sus íconos.

Paso 5

Agrupe los componentes de su lápiz, coloque el lápiz en la base del icono (rotar o escalar según sea necesario) y vaya a  Efecto> Estilizar> Sombra . Aplicar los siguientes atributos:

  • Modo:  Multiplicar
  • Opacidad:  45%
  • Desplazamiento X:  7 px
  • Offset Y: 7 px
  • Desenfoque: 7 px
  • Color: Marrón ( #3f1706)
Aplica una sombra a tu lápiz.

4.  Completa el diseño del icono.

Paso 1

La marca de verificación es el elemento más fácil del diseño del icono. Dibuje un rectángulo estrecho y  Rote que  45 ° . Copiar y  pegar el rectángulo y  Rote que 90 ° . Superponga las dos formas y use la  herramienta Generador de formas para eliminar las dos formas inferiores. Combine los objetos restantes para crear la marca de verificación.

Aplique un  degradado radial de verde lima claro ( #e5f034) a verde lima ( #bdd734). Copie y  pegue la marca de verificación y coloque el objeto copiado debajo del original, ligeramente desplazado hacia abajo y hacia la derecha. Establezca el color de relleno del objeto copiado en verde verde ( #9dcd34).

Agrupe las dos formas y cree una sombra combinada de la misma manera que hicimos para el cuaderno anteriormente en este tutorial.
Dibuja la marca de verificación

Paso 2

Asegúrate de que tus sombras sigan la misma dirección. Agrupa tu diseño de iconos. Copie y  pegue  el cuadrado redondeado base creado al inicio de este tutorial y  alinéelo con el original. Seleccione el cuadro copiado y el diseño de su icono y  haga una máscara de recorte (Control-7) . 

Pegue una segunda instancia del cuadrado redondeado y establezca el color de relleno en oscuro bronceado. Colóquelo detrás de su grupo de íconos en el  Capas , moviéndolo hacia abajo y hacia la derecha (ver más abajo).
Clip de su diseño de icono

¡Gran trabajo, has terminado!

Con eso, hemos terminado! Agregue un fondo simple a su ícono para mostrar, o mantenga el fondo transparente para uso de escritorio o aplicaciones. ¿Qué otros elementos puede crear a partir de formas básicas para un icono de este tipo? Comparte tus resultados en la sección de comentarios a continuación. Por: Mary Winkler
Síguenos en
Google News Flipboard
  • 80
  • 1
  • 2
  • 3
  • 4
  • 5
Como crear iconos para tu app con la aplicación Sketch
Que Es Adobe Illustrator
Tutoriales En Linea
Tutoriales En Linea
  • Website
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
  • Instagram

Sobre mi: CEO de Tutoriales En Linea:
https://tutorialesenlinea.futbolgratis.org
Fundador y CEO de Tutoriales En Linea...Leer mas...

Artículos Relacionados


Emeraldbux Es Una Estafa

Emeraldbux Es Una Estafa

Como crear iconos para tu app con la aplicación Sketch

Como crear iconos para tu app con la aplicación Sketch

Cómo crear iconos con estilo de espacio con Adobe Photoshop

Cómo crear iconos con estilo de espacio con Adobe Photoshop


Comentarios



Información
s que no esten registrados no pueden dejar comentarios, te invitamos a que te registre!

Destacados

Lista IPTV con canales para colombia

Mayo 23 43 943

Como instalar SS IPTV en una Smart Tv Samsung

Ene 22 10 389

Como podemos conseguir proxies

Jun 21 11 621

Historia de los sistemas operativos

Mayo 16 31 061

Lo mas leidos

Herramientas SEO para posicionamiento de nuestra web 2024

Por 17-06-24

Herramienta online de generador de datos estructurados

Por Tutoriales En Linea 17-06-24

Las 7 mejores páginas para descargar películas en .torrent en español

Por 26-09-24

Etiquetas

Lista de tareas




Sobre nosotros

Tutoriales En Linea

¡Bienvenidos a Tutoriales En Línea, el sitio web perfecto para encontrar todas las herramientas necesarias para mejorar tus habilidades de forma gratuita! En Tutoriales En Linea se encuentran tutoriales, cursos online y aprendizaje de calidad, muy útiles para desarrollar tus capacidades... Leer mas...

Tiene una pregunta? ar...

Enlaces

  • Sobre nosotros
  • Ultimos tutoriales
  • Publicar tutorial
  • Ver mas temas
  • Ultimos comentarios
  • ¿Preguntas Frecuentes?
  • Derechos de autor
  • Politica de cookies
  • Nuestro equipo
  • Normas

Herramientas online

  • Buscador de recetas
  • Prueba de diseño web
  • Codificar en binarios, hexadecimales...
  • Cual es mi IP
  • Test de velocidad
  • Editor HTML
  • Test de escritura
  • Test de nutricion
  • Descargar Videos
  • Generador de datos estructurados

Recursos

  • Analisis de tus problemas de SEO
  • Herramientas SEO
  • Generar palabras claves
  • Referencia de CSS3
  • Convertir HTML a XML
  • Acortador de URL
  • Selector de colores
  • Contador de palabras
  • Comprimir imagenes
  • Conversor a URI de datos
  • Suscribirse
Facebook Twitter Instagram Pinterest Linkedin Youtube
  • Anunciarse
  • Socios externos
  • Política de privacidad
  • Términos y Condiciones
  • Sobre nosotros
  • ar
© Tutoriales En Linea. Reservados todos los derechos, queda prohibida la reproducción parcial o total sin previa autorización.