Inicia sesión


Crear Un Icono De Notas Con Photoshop

En este tutorial de Photoshop, aprenderá cómo crear un hermoso icono de la aplicación de notas. Usaremos formas simples, degradados y texturas para lograr el diseño de nuestro icono. Entonces, ¿qué estamos esperando, vamos a empezar!

Recursos En Este Tutoriales En Linea

Se requieren los siguientes recursos para completar este tutorial.

Paso 1

Cree un nuevo documento con la siguiente configuración a continuación.

Paso 2

Haga doble clic en la capa de fondo para desbloquearla y luego otra vez para acceder a las opciones de fusión. Coloque las siguientes opciones a continuación para crear el fondo.

Paso 3

Seleccione la herramienta Rectángulo redondeado (U) y haga que el Radio 30px. Dibuje la forma principal de la aplicación Note mientras mantiene presionada la tecla Mayús (para mantener la forma perfecta) usando el color blanco. Haga doble clic en la capa de forma para acceder a las Opciones de fusión y colocar las siguientes opciones a continuación.

Etapa 4

Duplique la capa de cuadro arrastrándola al nuevo icono de capa. En la capa duplicada, presione CTRL + T para abrir la Herramienta de transformación, arrastre el nodo central inferior ligeramente hacia arriba. Repita este paso hasta que tenga un efecto de papel.

Paso 5

A continuación, mantenga presionada la tecla CTRL y haga clic en la miniatura de la capa (encerrada en un círculo abajo) del cuadro blanco superior para activar el recuadro.

Paso 6

Mientras la forma está activada, crea 2 capas nuevas. Seleccione uno de los pinceles de textura de papel y haga clic una vez en una de las capas con un gris claro. A continuación, seleccione un pincel para manchas de café y pincele un par de manchas en la segunda capa.

Paso 7

Duplique el cuadro Blanco superior y arrastre la capa sobre las 2 capas de pincel que acaba de crear. Haga doble clic en Opciones de fusión, elimine las opciones Superposición de degradado y Trazo y coloque las opciones de Sombra paralela a continuación. Luego, con el pincel 'Oil Medium Wet Flow', cepilla la parte inferior para crear un efecto de papel rasgado.

Paso 8

Repita el paso 9 y cree otra capa de papel rasgado.

Paso 9

Ahora para crear el cuaderno de la aplicación de notas. Repita el paso 5 y active la marquesina. Seleccione la herramienta Rectangular Marquee, mantenga presionada la tecla CTRL y haga clic en el área inferior para eliminarla para que tenga una forma como la de abajo.

Paso 10

Cree una nueva capa y rellene la forma sobrante en blanco y duplique la capa. En la primera capa, vaya a Opciones de fusión y coloque lo siguiente:

Paso 11

En la segunda capa, establezca el Modo de fusión en Multiplicar, ingrese en las Opciones de fusión y coloque las siguientes opciones donde se colocará una Sombra interna y un Patrón para crear un efecto sutil agradable.

Paso 12

Usando la herramienta de línea (1px) dibuje algunas líneas para el papel usando los colores a continuación. Para mantener las líneas rectas, mantenga presionada la tecla Mayús.

Paso 13

A continuación, para colocar un efecto de costura en la carpeta, seleccione la Herramienta de Tipo (T) y escriba el símbolo menos muchas veces utilizando el color y el tipo de carácter a continuación. Para finalizar, haga doble clic en Opciones de fusión y coloque una Sombra paralela.

Paso 14

Por último, escriba un texto en el icono de su nota. Haga doble clic en Opciones de fusión y colóquelo en un Drop and Inner Shadow para agregar un buen efecto.

Resultado final



  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2018-11-03
  • Categorias: Noticias Tutorial PhotoShop App Diseño Web



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






¿Por qué hablar de sexo es un tabú?

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-10-16
  • Categorias: Estilo Trucos y tips Noticias Tutorial

Como hacer el efecto de desaturacion selectiva con Photoshop

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-10-15
  • Categorias: Adobe PhotoShop Trucos y tips Noticias Tutorial

Decoloración en CSS a través del modo de mezcla

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-10-15
  • Categorias: PhotoShop Diseño Web CSS3 html5 WebSite webmasters Trucos y tips Noticias Tutorial

Como crear una web con el lenguaje HTML

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-08-21
  • Categorias: Diseño Web Lenguajes De Programacion CSS3 html5 Html WebSite webmasters Cursos Noticias Tutorial

Curso intensivo para principiantes en HTML5

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-08-03
  • Categorias: Diseño Web html5 Html WebSite Cursos Tutorial

Mejorar la presencia online de tu empresa: curso para principiantes

  • Autor:
  • Editor:
      Tutoriales En Linea
  • Fecha:2019-06-25
  • Categorias: Marketing SEO Cursos Noticias Tutorial