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 » Como Hacer Un Icono de brujula con sombra

Como Hacer Un Icono de brujula con sombra


0 Octubre 30, 2018
Compartir

Compartir
Twitter Pinterest LinkedIn Tumblr WhatsApp Email
En este tutorial En Linea, aprenderá cómo diseñar un bonito icono de brújula simple en Adobe Photoshop, utilizando herramientas como la herramienta de pluma, herramienta Rectángulo redondeado, y la herramienta de rectángulo.También aprenderá cómo combinar formas básicas para crear una forma más compleja. Por último, verá cómo agregar una larga sombra al icono. Empecemos.

1.Preparar el lienzo

Paso 1

Hacer un nuevo archivo en Photoshop (Archivo> Nuevo).Establecer su tamaño de 500 píxeles x 500 píxeles.

Paso 2

Haga clic en lacapa Añadir ajusteicono en la parte inferior de lacapasdel .Seleccionarcolor sólido.

Paso 3

Seleccionar rojo claro (# db687b) para el color.

Etapa 4

Haga doble clic en elcolor sólidocapa y luego activarsuperposición de patrones. Establecer el modo aMultiplicarcon bajaopacidad,20%.

paso 5

Cambiar su nombre de la capa defondo.Sugiero cambiar el nombre de cada capa para ayudarle a reconocer la función de la capa.

2.Diseño de la Base

Paso 1

En primer lugar, queremos construir la base del icono.Ajuste el color de primer plano# 3ab2cb.Active laherramienta Rectángulo redondeado, y establecer suradiode30 px.Shift-clicy arrastre para dibujar un rectángulo redondeado.

Paso 2

Haga doble clic en la forma y activarsuperposición de degradado.Seleccionar gradiente de blanco a negro.Reducir laopacidadcon lasuperposición de modo de fusión.

Paso 3

Hacer una nueva capa y colocarla encima de la base del icono.De Control-haga clic enla capa de base para hacer una nueva selección en función de su forma.Haga clic derecho y seleccioneCarrera.En elaccidente cerebrovascularcuadro de diálogo, seleccione un color azul más oscuro (# 1d6b80) conancho de 2 píxeles.

Etapa 4

Añadir una máscara de capa a la capa de accidente cerebrovascular, y llenarlo con negro.Pintar su mitad inferior de color blanco para revelar la carrera.

paso 5

Repita la forma anterior, y añadir otra línea de carrera en una nueva capa.Esta vez, utilice un color azul más claro conAncho 1 px.

paso 6

Añadir una máscara de capa y luego llenarlo con negro para ocultar el accidente cerebrovascular.Pintar la parte superior para revelar algunos de la línea de carrera.La combinación de movimiento ligero golpe en la parte superior y oscura en la parte inferior añadirá un efecto 3D a la base.

3.Trazado de la Forma

Paso 1

Dibujar una forma circular y luego añadir una forma circular más pequeño en su interior con el modo de rutaReste forma delantera.Ahora deberíamos tener una forma de anillo.Para su color, ponerlo en blanco (# e4ffff).

Paso 2

Añadir un camino triángulo en la parte superior de la forma de anillo.Establecer su modo deCombinar formas.

Paso 3

Añadir otro triángulo en su parte inferior.

Etapa 4

Duplicar los dos triángulos.Girarlas 90 °.

Ahora tenemos una señalador triángulo en cuatro direcciones.

paso 5

Repetir el proceso.Esta vez añadir triángulos más pequeños.Girarlas 45 °.

paso 6

Haga doble clic en la forma de capa y luego añadirsuperposición de degradadoySombra.Ver la siguiente captura de pantalla para su configuración.

paso 7

Añadir una forma de anillo más pequeño en la parte superior de la forma anterior.Establecer su color a#eaeded.

paso 8

Agregar una forma de media triángulo que cubre la mitad del punto de la forma de la brújula.

Continúe agregando otra media triángulo que cubre los otros puntos.Esta forma va a crear la ilusión de que se extruye la forma brújula, no plana.

paso 9

Haga doble clic en la forma y seleccioneSuperposición de degradado.

Para el gradiente, establezca suestilodeLinearcon la transición de color de gris (# d7d7d7) al blanco (#ffffff).

Paso 10

Añadir una nueva capa, y asegúrese de que se coloca por encima de todas las otras capas.De Control-haga clic enla forma anterior que acaba de hacer.Tendremos una nueva selección en función de su forma.Haga clic derecho y seleccioneCarrera.EstablecerAnchode1 px,Ubicación: En el interior, con el color#eeefef.

Esto le dará una línea de trazo fino largo de la forma.

Paso 11

Añadir una máscara de capa a la forma de capa y llenarlo con negro.Pintar algunas partes de la línea de carrera con blanco para revelarlas.

Paso 12

Vamos a hacer la forma parece realista mediante la adición de sombra debajo de él.Añadir una nueva capa y colocarlo bajo la forma de brújula.De Control-clicla capa de forma brújula para hacer una nueva selección en función de su forma.Haga clic enEditar> Rellenar.EstablecercontenidodeNegroy luego haga clic enOKpara llenar la selección con negro.

Paso 13

Retire la selección a travésde Control-D.Haga clic enFiltro> Blur> Motion Blur.Establecer suángulode-45 °.

Paso 14

Suavizar la sombra utilizando undesenfoque gaussianofiltro.Haga clic enFiltro> Blur> Gaussian Blur.

Paso 15

Por ahora, esto no es la sombra que queremos.Para solucionar este problema, añadir una máscara de capa a la capa y luego pintar la sombra que no sean necesarios en el lado superior izquierdo de la sombra.Tan sólo hay sombra en el lado derecho de la forma.Ver la siguiente imagen como referencia.Asegúrese de que también se reduce su capa deopacidadpara hacer la sombra sutil.

Paso 16

Vamos a añadir una flecha en el centro de la forma de la brújula.Comience por la adición de un rectángulo y luego aplicar una transformación (control-T).En primer lugar, girarlo 45 °.En segundo lugar, exprimir su esquina hasta que tengamos una forma de flecha.En tercer lugar, gire de nuevo.

paso 17

Haga doble clic en la forma de flecha y luego aplicarResplandor interior,superposición de degradadoysombra paralelacon la siguiente configuración.

paso 18

Queremos que la flecha del color que sea la mitad blanco y mitad roja.Para ello, basta con duplicar la forma (control-J) y luego retire sus estilos de capa.Configurarlo para quela máscara de recorte.Haga clic en su punto inferior con laherramienta de plumapara eliminarlo.

paso 19

Añadir un pequeño círculo en el centro de la flecha.Haga doble clic en él y luego aplicarResplandor interior,superposición de degradado, y laSombra.

4.Añadir sombra

Paso 1

Añadir una nueva capa y colocarlo entre la forma brújula y su flecha.Dibuje una selección poligonal como se ve a continuación, utilizando laherramienta poligonaly luego llenarlo con negro.Reducir la capa deopacidadal20%.Control de-clicla base icono y añadir una máscara de capa.Ahora, la sombra sólo puede ser visto en la base del icono.

Paso 2

Para aumentar la ilusión de que se extruye la forma brújula, queremos añadir más sombra en ella.Hacer una nueva capa entre la forma brújula y su flecha.El color negro sobre la sombra flecha que toca la forma brújula.

Paso 3

Añadir otra capa y luego otro sutil sombra detrás de la flecha.Active laherramienta Pincelcon0% de durezay establecer suopacidadal5%.Pintar sombra detrás de la flecha.

Etapa 4

Añadir una nueva capa.Esta vez añadir resaltado en el icono.Pintura blanca en la esquina del icono.Reducir su capa deopacidad.

Repita este paso, la pintura más destacado en otras partes del icono hasta que no parece demasiado plana.

paso 5

Ahora, vamos a añadir sombra a la base del icono.Hacer una nueva capa debajo de la capa de base.De Control-haga clic enla capa de base, y llenar la selección con negro.

paso 6

Hitde Control-Dpara eliminar la selección.Suavizar la sombra mediante la aplicación dedesenfoque gaussiano.

Anuncio

paso 7

Puede duplicar la sombra haciendo clic enel Control-Jsi no está satisfecho con el resultado y desea sombra más oscura.Si le resulta demasiado oscuro, puede bajar el tono al reducir suopacidad.

Resultado final

Y este es nuestro resultado final.Espero que disfruten el tutorial y ahora entiende la técnica de crear un icono de plano con una larga sombra.
Síguenos en
Google News Flipboard
  • 100
  • 1
  • 2
  • 3
  • 4
  • 5
20 animaciones de menú Hamburguesa
Los Mejores Generadores de Páginas web
J.A. M.A. (J.A.M.)
J.A. M.A. (J.A.M.)
  • Website
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
  • Instagram

Sobre mi: ¿Alguna vez te has preguntado cómo aprovechar al máximo tu tiempo de desarrollo? ¿Necesitas desarrollar algunos negocios? ¿Estás tratando de aprender nuevos programas de software? Sea cual sea tu pregunta, la respuesta está en los tutoriales en línea. Los tutoriales en línea son una forma sencilla y gratuita de aprender todo sobre un tema o habilidad sin salir de casa.
Tutoriales En Linea...

Artículos Relacionados


Cómo activar o desactivar los Elementos recientes en Windows

Cómo activar o desactivar los Elementos recientes en Windows

Maquetas Creative Magazine PSD - Gratis

Maquetas Creative Magazine PSD - Gratis

Los Mejores Generadores de Páginas web

Los Mejores Generadores de Páginas web


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 791

Como instalar SS IPTV en una Smart Tv Samsung

Ene 22 10 380

Como podemos conseguir proxies

Jun 21 11 616

Historia de los sistemas operativos

Mayo 16 31 052

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

herramienta de rectángulo




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.