Sábado, 2025-06-14, 6:04 PM | Le saludo Visitante

MegAanime.Tk

Header Simple

En esta ocasion les voy a mostrar los principios basicos para crear un header.

1)Creamos una imagen de exactamente 650x100 pixeles(si quieren lo pueden variar).

2)Vamos a comenzar haciendo el fondo del header, asi que para empezar vamos a usar la herramienta 'Gradiant tool'. Cuando la tenemos selecciona ponemos en 'Mode:difference' y en el tipo de gradiante ponemos 'Radial gradient'como muestra la imagen.



3)Como colores vamos a usar negro y blanco simplemente. Y ahora hacemos gradiantes hasta que quede una forma copada.



4)Apretamos contro+u y con la casilla 'colorize' seleccionada, elegimos un color que nos guste. Despues duplicamos la capa,con la capa duplicada seleccionada vamos a 'edit->transform->flip horizontal' y en el 'blend mode' de la capa ponemos 'Screen'.Y finalmente apretamos control+e ,te tiene que quedar algo del estilo de lo que muestra la imagen.



5)Duplicamos la capa de vuelta y vamos a 'filter->brush stroke->ink outline' y en las propiedades ponemos:
Stroke lenght = '1'
Dark intensity = '0'
Light intensity = '44'
Vamos a 'filter->distort->pinch' y en las propiedades ponemos '100%'.A la capa que duplicamos en 'blend mode' le ponemos 'overlay'. y apretamos 'control+e' para unir las dos capas, y le modificamos el color a gusto apretando 'control+u'.



6)Creamos una capa nueva y en esta apretamos control+a para seleccionar toda la imagen y vamos a 'select->modify->border...' y lo hacemos de '3 pixels' y pintamos la seleccion dee algun color que convine con la imagen, blanco preferentemente!. Ahora vamos a 'layer->Layer style->Blending option' y le ponemos stroke de '1 pixel' de color negro o el que quieran.

7)Cremos una nueva capa en donde vamos a poner el texto. Esta parte de las voy a dejar a ustedes, ya que si no el tutorial se nos hace muy extenso, y basicamente la idea era el fondo.

Espero que les alla gustado y acuerdense que le pueden agregar muchisimas cosas mas para que quede un efecto realmente copado.
Salu2

Menú del sitio

Formulario de entrada

Categorías de la sección

Eventos [4]
Extra [2]

Búsqueda

Calendario

«  Junio 2025  »
LuMaMiJuViSaDo
      1
2345678
9101112131415
16171819202122
23242526272829
30

Archivo de registros

Amigos del sitio

  • Cree su sitio
  • 100% Otakus
  • Todoanimes
  • Capitulos de Naruto
  • Pagina de Facebook
  • Estadística


    Total en línea: 1
    Invitados: 1
    Usuarios: 0