MangaMoe
Tutorial Banner Chica
¿Aún no te has registrado?
Eegistrate para acceder
a todo el contenido del foro



Unirse al foro, es rápido y fácil

MangaMoe
Tutorial Banner Chica
¿Aún no te has registrado?
Eegistrate para acceder
a todo el contenido del foro

MangaMoe
¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.
Últimos temas
» Explicación de cada Sección
Tutorial Banner Icon_minitimeDom Jun 12, 2011 2:50 pm por [H]ate.

» Algunos Dibujos
Tutorial Banner Icon_minitimeVie Abr 22, 2011 8:39 pm por Chrona-

» ESL S.Crew vs Quality
Tutorial Banner Icon_minitimeLun Abr 18, 2011 2:40 pm por Chrona-

» Chistes XD
Tutorial Banner Icon_minitimeSáb Mar 19, 2011 2:37 am por [H]ate.

» Welcome to NHK [Comedia,Romance]
Tutorial Banner Icon_minitimeMar Mar 08, 2011 4:37 pm por Sorzer

» Lista Por Puntuación
Tutorial Banner Icon_minitimeDom Feb 20, 2011 6:13 pm por [H]ate.

» Lista Personal [H]ate.
Tutorial Banner Icon_minitimeVie Feb 18, 2011 8:52 pm por [H]ate.

» Lista Por Categorias
Tutorial Banner Icon_minitimeDom Feb 13, 2011 6:57 pm por [H]ate.

» 20th Century Boys
Tutorial Banner Icon_minitimeVie Feb 11, 2011 9:59 pm por [H]ate.

» Frases o Monólogos del Manga
Tutorial Banner Icon_minitimeVie Ene 21, 2011 11:41 pm por [H]ate.

» Link y Tutorial de Fraps
Tutorial Banner Icon_minitimeVie Dic 17, 2010 8:34 pm por [H]ate.

Temas similares

    Tutorial Banner

    2 participantes

    Ir abajo

    Tutorial Banner Empty Tutorial Banner

    Mensaje por [H]ate. Lun Ago 09, 2010 12:56 pm

    Antes de nada decir que me ha sido complicado explicar todo esto....
    Y he dado los "side" que he usado yo pero vosotros podeis ponerlo mas grande o mas pequeño como querais.

    Tutorial Banner

    -Primero creamos un nuevo archivo de 20X20
    y con el lapiz en 1px (lo mas fino)
    -Hacemos una diagonal pulsando 1 vez sobre una esquina y a continuacion pulsamos shift y sin soltar pulsamos la otra esquina
    Tutorial Banner DibujouldTutorial Banner Dibujo1zed

    -Una vez tengamos esto vamos a Edit >> Definir pattern y lo guardamos en pattern. Cerramos el archivo 20X20(El cuadrado)
    Tutorial Banner Dibujo2inf

    -Ahora creamos un nuevo archivo de 350X20
    Tutorial Banner Basecc

    -Pulsamos Ctrl+shift+N (nueva capa) en esta capa aplicaremos El pattern(motivo) que creamos para eso le damos al circulito de abajo que parece
    el tipico dibujo de contraste/brillo y clickeamos en pattern (motivo). Ponemos el que creamos y aceptamos
    Tutorial Banner Dibujo3hv
    Tutorial Banner Base2f <-- Resultado

    -Ahora cojemos nuestra imagen o render y la recortamos dejando las transparencias alfa
    Para hacer esto teneis que quitar el lock de la imagen dando doble click sobre el candado de la capa
    llamada Background por Defecto
    Tutorial Banner Dibujo4l

    -Para dejar unicamente la figura sin ningun tipo de color como background
    Se puede borrar manualmente con la goma (E)
    O usar una mascara Rapida (Q) y con el pincel (B) Pintar encima de la figura para seleccionarla toda y luego borrar el restante
    Spoiler:
    -Como mi imagen tiene el fondo blanco monocromo es facil eliminarlo con la Barita magica (W) Dejando la tolerancia a 1 o 10
    y pulsando en las zonas blancas para posteriormente borrarlas. (no hace falta que borreis mucho para un banner)

    -Continuamos copiando la capa de la imagen a el archivo de 350X20 (la barrilla)
    La capa de la chica tiene que ir por debajo de la capa del pattern
    Tutorial Banner Dibujo6gt <-- Por debajo

    -Ahora creamos una nueva capa por encima de todas y con el marco elíptico (para aceder a el click derecho en el cuadrado de lineas discontinuas (M)
    Creamos una curva que se vea de esta manera.
    A esta seleccion de lineas discontunuas le aplicamos la opcion fill (llenar)
    Elegimos un uso de color: blanco
    y una opacidad de 33 %
    Spoiler:
    Tutorial Banner Dibujo7g <--Durante el tuto tengo esta capa oculta, asi que no se ve

    -Hora de Adornar el Background Yo lo hare con estas fotos de fumbis
    Tutorial Banner Dibujo8g
    Resultado:
    Tutorial Banner Dibujo9kz


    -A continuacion vamos a poner un marco al banner, para esto creamos una nueva capa
    y pulsamos Crtl+A > Click derecho y pulsamos en stroke (trazo)
    elegimos un color negro de una anchura de 1px.
    Spoiler:
    Tutorial Banner Dibujo10y

    -A la capa del marco le vamos a aplicar varios efectos de luminosidad.
    Click derecho en la capa y blending options (opciones de fusion)
    Donde activamos las dos casillas que muestro a continuacion y ponemos los valores que tengo yo

    Tutorial Banner Dibucopy
    ☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺☺^^^^^^Me pone new pero es fail
    asi que no os desconcentreis.

    -Ahora cojo aleatoriamente capas de los "fumibis" y les cambio el uso de la capa a color para eso seleccionas la capa que quieres
    en la cabezera de esa ventana debajo de Layers (Capas) Te aparecera la opcion normal pues la cambias a color
    De tal manera que la capa de arriba cambia sus colores acorde con los de la capa de abajo (en este caso, el background amarillo)
    Tutorial Banner Dibujo11u

    -A continuacion realize una sombra colora de la capa central para esto seleccione la capa Ctrl+A > copie >Ctrl+Shitf+N > Pegar
    Despues desplace un poco esta copia hacia la izquierda le active la funcion color,como a los fumbis, y luego le cambie el color
    con un balance de color "Edit > Ajustments > Color Balance" (Ctrl+B)
    Tutorial Banner Dibujo12n


    -Para finalizar puse el testo y le aplique unas "blendings options"
    Tutorial Banner Dibuj

    Resultado:
    V1
    Tutorial Banner Banners4
    V2
    Tutorial Banner Banners42

    Descarga PSD:
    V1
    Banner_S4V1
    V2
    Banner_S4V2



    Otros:


    Tutorial Banner Dibujo11j

    Tutorial Banner Bannermedusacopy

    Tutorial Banner Soulea10

    Esto es todo espero que os aya gustado puntuarme porfavor que me dio un pantallazo azul en medio de la movida...
    y no quiero dar mas datos suerte que copie lo que tenia y lo pege en un archivo del block de notas XDD!

    Proximamente Tutorial Firmas
    [H]ate.
    [H]ate.
    Admin
    Admin

    Mensajes : 89
    Reputación : 27
    Fecha de inscripción : 07/08/2010
    Localización : Pontevedra / Galicia

    https://manga-moe.foroes.org

    Volver arriba Ir abajo

    Tutorial Banner Empty Re: Tutorial Banner

    Mensaje por Risky Dom Nov 14, 2010 5:43 pm

    no se como se puntua...bueno, me gusta mucho tu tutorial ^^ intentare hacer algun baner
    Risky
    Risky
    [miembro]
    [miembro]

    Mensajes : 15
    Reputación : 2
    Fecha de inscripción : 14/11/2010

    Volver arriba Ir abajo

    Volver arriba

    - Temas similares

     
    Permisos de este foro:
    No puedes responder a temas en este foro.