1. ¡OFERTA! con cupón "DIRVPS": hosting por $0,01 y también VPS Linux y Windows por $0,01 el primer mes por Interserver ← publi
    Descartar aviso
Descartar aviso
Al usar este sitio web, aceptas que nosotros y nuestros socios podamos establecer cookies para fines tales como personalizar el contenido y la publicidad. Más información.

Tutorial sobre Muerte de un Superheroe

Tema en 'Tutoriales Desarrollo Web' iniciado por obi-alf, 25 Nov 2003.

  1. obi-alf

    obi-alf Nuevo usuario

    Ciertos aspectos de este tutorial son para tener algunos conocimientos sobre photoshop, aunque he intentado explicar todo paso a paso. Espero que os sirva.

    Bueno, lo 1º es bajarse la textura (pesa un poquito) <a href="http://www.oposicionesycursos.com/personal/foro_creativo/tutoriales/superman/textura.psd" target="_blank">aquí</a> y el trazado de la S, <a href="http://www.oposicionesycursos.com/personal/foro_creativo/tutoriales/superman/trazado.psd" target="_blank">aquí</a>.
    Una vez bajados los 2 psd, vamos a trabajar sobre el trazado.psd

    - Seleccionamos la textura.psd y la definimos como motivo (seleccionamos todo, copiamos y vamos a Edicion/Definir motivo).

    - Ahora vamos al documento trazado.psd, renombramos la Capa1 por Fondo, seleccionamos todo y rellenamos con el motivo antes definido. Veremos que se notan las uniones de la textura, asi que arreglamos esas uniones (clonar, pincel corrector...).

    - Creamos una nueva capa que llamaremos Logo, vamos a la ventana de trazados y pulsando Ctrl hacemos click sobre el trazado (podemos hacerlo tambien seleccionando la capa trazado y pulsando el icono 'cargar trazado como selección).
    Rellenamos con el motivo de la textura.
    Hacemos doble click sobre la capa para que se nos abra el estilo de capa y ponemos los siguientes parámetros:

    <img src="http://www.oposicionesycursos.com/personal/foro_creativo/tutoriales/superman/estilo_1.gif" border="0" alt="Imagen IPB" />

    <img src="http://www.oposicionesycursos.com/personal/foro_creativo/tutoriales/superman/estilo_2.gif" border="0" alt="Imagen IPB" />

    - Duplicamos la capa, borramos los estilos de capa (click derecho sobre la f y elegimos borrar estilos de capa) y la pasamos a estilo de capa sobreexponer color.

    - Bien, ahora vamos a escoger estos 2 colores para crear el oxidado:
    rojo: A10000
    naranja: C07E17

    (*nota: no tiene porqué ser estos colores, pero más o menos, ya que luego escogeremos bien el color que más nos guste con Ajustes/tono-saturacion)

    - Nos creamos una capa que se llame oxido naranja y escogiendo los parametros como se ve en la imagen (el pincel viene por defecto en photoshop) dibujamos las zonas que creamos convenientes.

    <img src="http://www.oposicionesycursos.com/personal/foro_creativo/tutoriales/superman/oxido_1.gif" border="0" alt="Imagen IPB" />

    - Volvemos a repetir el proceso creandonos otra capa llamada oxido rojo.

    <img src="http://www.oposicionesycursos.com/personal/foro_creativo/tutoriales/superman/oxido_2.gif" border="0" alt="Imagen IPB" />

    Nos debería de quedar algo como esto. Los tonos los podemos ajustar como se menciona en la nota de más arriba. Pasamos las 2 capas a Luz suave.

    <img src="http://www.oposicionesycursos.com/personal/foro_creativo/tutoriales/superman/oxido_3.gif" border="0" alt="Imagen IPB" />

    - Hacemos Ctrl+click sobre la capa oxido naranja y Ctrl+Mayus+click sobre la capa oxido rojo. Vamos a la capa Logo, copiamos y pegamos. Se nos habrá creado una nueva capa que renombramos como Textura oxido y la situamos por encima de todas. La pasamos a luz suave.

    - Ahora crearemos los detalles de las grietas. Creamos una capa que se llame Grietas Negro pasando la capa a Luz suave y con la herramienta lapiz y con color negro pinto las grietas de la siguiente manera

    <img src="http://www.oposicionesycursos.com/personal/foro_creativo/tutoriales/superman/grietas_1.gif" border="0" alt="Imagen IPB" />

    (*nota2: yo suelo crearme otra capa de grietas negro y grietas blanco con más baja opacidad para trabajar ciertas zonas en las que por la luz, se nota más el negro y el blanco para que quede mejor).

    - Me creo una nueva capa debajo de la Grietas Negro que llamo Grietas Blanco, la paso a Luz suave y le bajo la opacidad al 90%. Hago Ctrl+click sobre Grietas Negro y con las flechas del teclado desplazo la selección 1 pixel abajo y a la derecha y hago Ctrl+Alt+click de nuevo sobre Grietas Negro. Relleno de blanco.

    - Desenfoco con Filtro/Desenfoque gaussiano muy poco la/s capa/s Grieta Negro (más o menos 0,4)

    - Ecojo el color gris 7f7f7f. Hago Ctrl+click sobre la capa Oxido Rojo y Ctrl+Mayus+click sobre Oxido Naranja. Vamos a la ventana Canales y añadimos un nuevo canal Alfa1 y rellenamos.

    - Nos creamos una nueva capa, hacemos selección del trazado, nos situamos en la capa Fondo, copiamos y seleccionando la nueva capa. Pegamos.
    Ahora vamos a Filtro/Interpretar/Efectos de iluminación y ponemos los siguientes parámetros

    <img src="http://www.oposicionesycursos.com/personal/foro_creativo/tutoriales/superman/iluminacion.gif" border="0" alt="Imagen IPB" />

    Ajustamos el Tono/Saturación de la capa a Colorear 36/39/0 y pasamos la capa a modo Sobreexponer color con la opacidad al 50%.

    :D Bueno, ya tenemos hecho el logo de Superman, ahora vamos a crear los rayos de luz.
    Voy a obviar ciertos pasos, como es la creación de la habitación porque si no sería muy largo y tampoco es cuestión de que os durmais o me odieis ;)

    - Creamos una escena de este tipo (yo he usado un documento de 1024x768px por lo que los parámetros variaran dependiendo del tamaño del documento). El foco lo hago con una selección que calo y relleno de blanco con la capa en modo normal y opacidad más o menos al 30%.

    <img src="http://www.oposicionesycursos.com/personal/foro_creativo/tutoriales/superman/escena_1.gif" border="0" alt="Imagen IPB" />

    Una vez hecha la escena, duplico la imagen y esta nueva la acoplo.

    - Ahora vamos a usar un truquillo de nuestra web hermana www.solophotoshop.com. Vamos a Filtro/Artistico/Fresco y ponemos estos parámetros 2/8/1

    <img src="http://www.oposicionesycursos.com/personal/foro_creativo/tutoriales/superman/escena_2.gif" border="0" alt="Imagen IPB" />

    - Vamos a Filtro/Estilizar/Extrusión y escogemos lo siguiente:
    Tipo: Cubos
    Tamaño: 10
    Profundidad: 60 / Al azar
    Las 2 casillas no seleccionadas

    <img src="http://www.oposicionesycursos.com/personal/foro_creativo/tutoriales/superman/escena_3.gif" border="0" alt="Imagen IPB" />

    (*nota3: dependiendo de la intesidad de luz que queramos 'jugaremos' con la profundidad y el tamaño)

    - Y ya por fin el último paso. Filtro/Desenfocar/Radial
    Cantidad: 100
    Zoom
    Buena
    Lo haremos 3 veces (Ctrl+F 2 veces)

    <img src="http://www.oposicionesycursos.com/personal/foro_creativo/tutoriales/superman/escena_4.gif" border="0" alt="Imagen IPB" />

    Bien, ahora solo hay que seleccionar la zona que nos interese o la forma (si fuera por ejemplo un foco haremos una selección cónica). En este caso es la mitad derecha, a la cual le hago un calado de 10, copio y pego en la escena. Paso la capa al 80% (esto es a gusto) modo trama y si se quiere se toca el tono/saturación para darle un tono a la luz.

    (*nota4: podemos jugar duplicando esta capa, cambiando el modo de fusion, borrando zonas...pequeños detalles que mejoraran nuestra escena ;))

    <img src="http://www.oposicionesycursos.com/personal/foro_creativo/galeria/superman_scream.jpg" border="0" alt="Imagen IPB" />

    Saludos
     
  2.  
  3. dennyboy

    dennyboy Guest

    Gracias Obi Master !!!! saludos desde el lado oscuro... que la fuerza te acompañe...

    Genial tu tutorial :shock: derecha la flecha.... :wink:

    A darle que de esto no hay todos los dias... :wink:
     
  4. hoyhenard

    hoyhenard Nuevo usuario

    Obi-alf excelente, muchas gracias por compartir este tuto, vamos a ponernos a trabajar para ver que sale, un gusto, saludos :D
     
  5. Nikelodeum

    Nikelodeum Nuevo usuario

    Excelente el tutorial :wink:
     
  6. tripiyon

    tripiyon Nuevo usuario

    Grandioso tutorial Obi-alf, gracias por compartirlo
    Un saludo
     
  7. .BLo.

    .BLo. Nuevo usuario

    Obi, que bueno que te animaste a poner este tutorial, hace unos dìas no me acuerdo donde vì que alguien preguntaba como se podìa hacer una textura tipo òxido.....este tuto le vendrìa de pelos. Voy a buscar a ver donde se preguntaba eso y le paso la liga.

    Felicidades como siempre, muy bueno el tutorial. :wink:
     
  8. FoRsUs

    FoRsUs Nuevo usuario

    Holaa a todos y todos soy nuevo por aqui y nuevo en el photoshop :pPPP
    Oye que no se porque pero no se me bajan los dos archivos .psd :?
     
  9. Ronegar

    Ronegar Nuevo usuario

    :shock: fantástico Obi, me pongo a practicarlo ahora mismo, ya os contare los resultados.

    Un saludo.
     
  10. obi-alf

    obi-alf Nuevo usuario

    Pos gracias a todos y a ver cómo sale, que desde que hice ciertas cosas de la imagen hasta que he hecho el tutorial... Ya contareis.

    <!--QuoteBegin-FoRsUs+--><div class='quotetop'>CITA(FoRsUs)</div><div class='quotemain'><!--QuoteEBegin-->Holaa a todos y todos soy nuevo por aqui y nuevo en el photoshop :pPPP
    Oye que no se porque pero no se me bajan los dos archivos .psd :?<!--QuoteEnd--></div><!--QuoteEEnd-->
    Lo he comprobado y a mi desde otro pc no me da ningún problema ¿a alguien más le pasa esto?

    Saludos
     
  11. Ronegar

    Ronegar Nuevo usuario

    Obi, estoy intentando seguir tu tutorial, y cuando pulso Ctrl y hago click sobre la capa trazado, solo me carga el exterior del escudo, no se si eso sera asi, pero a mi me parece q no :roll: , cuando luego aplico el estilo de capa solo me hace los efectos en el exterior, sin que se vea la "S", a ver si estoy haciendo algo mal.

    Un saludo.
     
  12. obi-alf

    obi-alf Nuevo usuario

    Oooops, pues tienes toda la razón Ronegar, no se qué ha pasado con ese trazado. Ya está solucionado y subido (pues empieza bien el tutorial...)

    Gracias Ronegar. Saludos
     
  13. Nina

    Nina Nuevo usuario

    Muy buen tutorial

    te felicito . Lo pondre en practica un beso.
     
  14. Ronegar

    Ronegar Nuevo usuario

    Pues menos mal, ya creia que era yo el que no hacia bien las cosas, jejeje.

    Un saludo.
     
  15. Cyber

    Cyber Nuevo usuario

    :shock: :shock: Que puede decir el Viejo Cyber Ta Uvaaaaaaaaaaaaaaa!!!! el tuto viejo :wink: :wink:
     
  16. creativo

    creativo Nuevo usuario

    Muy bueno el tutorial obi-alf.

    saludos
     
  17. airis

    airis Nuevo usuario

    Te felicito

    Es un tutorial muy bueno, ya lo estoy poniendo en práctica y me han surgido unas dudas. A ver, tu dices<!--quoteo--><div class='quotetop'>CITA</div><div class='quotemain'><!--quotec-->Ecojo el color gris 7f7f7f. Hago Ctrl+click sobre la capa Oxido Rojo y Ctrl+Mayus+click sobre Oxido Naranja. Vamos a la ventana Capas y añadimos un nuevo canal Alfa1 y rellenamos.
    <!--QuoteEnd--></div><!--QuoteEEnd-->. Mi duda: ¿en la ventana capas?..........¿no será en la ventana canales? Verás es que el tema de los canales, pues que no lo entiendo.

    Un saludo
     
  18. obi-alf

    obi-alf Nuevo usuario

    Tienes toda la razón Airis, es en canales y no en capas :oops: Ahora mismo lo cambio. Me vais a perdonar, pero era un poco largo y lo he ido haciendo a medida que he podido y no me lo he revisado muy a fondo.
    Si tienes alguna duda Airis...a mandar, que para eso estamos ;)

    Saludos
     
  19. MiguelPicazo

    MiguelPicazo Nuevo usuario

    Si señor, obi-alf, mu gueno el tutorial, a currá....

    Ta luego 8)
     
  20. pichiki

    pichiki Nuevo usuario

    bufffffff

    Valla pasada de tutorial..... pa lo que empezamos me da que es un poco dificill.... pero vamos a intentarlo y ya veremos lo que pasa.... Gracias Gran Obi-Alf...( de mayor quiero ser como tú... ja ja ja )
     
  21. Nicte

    Nicte Nuevo usuario

    :D Muchas gracias Obi! ...por fin tuve chance de bajar el tutorial, yo creo que con esto queda más que resuelta mis duda acerca de la textura... trabajo en eso y ya te cuento :wink:


    Saludos de la navegante nocturna :wink:
     


Alojamiento web, Hosting Reseller, Servidores Dedicados - All in Hosting


    
    
    
    
Blog · Sitios amigos: GuiaHosting · Unidominios · Interalta ·