°•:|OCKR3-3MPIR3|:•°

¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.
°•:|OCKR3-3MPIR3|:•°

dιѕeño & тecnologιa


4 participantes

    Efecto De Papel Recortado

    ockre
    ockre
    Admin.Basileus
    Admin.Basileus


    Masculino
    Cantidad de envíos : 564
    Edad : 34
    Localización : México
    Empleo /Ocio : ѕтυdιanт de arqυιтeĸтυra - pѕyadιcтo
    Humor : '[°-•-°]'
    Puntos : 85
    Reputación : -1
    Fecha de inscripción : 26/07/2008

    Efecto De Papel Recortado Empty Efecto De Papel Recortado

    Mensaje por ockre Vie Nov 21, 2008 7:55 pm

    Creación del fondo

    Vamos a FILE > NEW… (ARCHIVO > NUEVO…) y creamos un documento nuevo de 600px x 200px con fondo blanco. La imagen siguiente les muestra los datos completos:

    Efecto De Papel Recortado Papercraft-step1

    Ahora vamos a crear el gradiente para el fondo. Este gradiente lo vamos a utilizar más adelante en el efecto de texto. 1 - Seleccionamos la herramienta de gradientes. 2 - Hacemos click en gradiente.

    Efecto De Papel Recortado Papercraft-step2

    1 - Creamos un gradiente nuevo utilizando los parámetros que muestra la imagen de abajo.
    2 -
    Hacemos click en el botón que dice NEW (NUEVO) y le damos un nombre cualquiera.
    3 -
    De esta manera, el gradiente nuevo va a aparecer último en la lista de gradientes.

    Efecto De Papel Recortado Papercraft-step3

    Seleccionamos la herramienta de gradientes y luego, desplegamos el menu de gradientes (1). Seleccionamos el gradiente que acabamos de crear en el paso anterior (2). Y también marcamos la opción ANGLE GRADIENT (ANGULAR) (3)

    Efecto De Papel Recortado Papercraft-step4

    La imagen que sigue muestra cómo aplicar el gradiente. Colocamos la cruz en el rincón superior izquierdo de la imagen. Hacemos click y la arrastramos hacia la derecha.

    Es muy importante colocar el inicio (punto 1) del gradiente bien arriba a la derecha. Inclusive puede estar por fuera de la imagen, pero no conviene hacerlo dentro de la imagen porque el resultado no se va a quedar bien.

    Debido a que estamos haciendo un gradiente con la opción ANGLE GRADIENT, no importa donde soltamos el botón (punto 2) en tanto y en cuanto mantengamos la línea horizontal.

    Efecto De Papel Recortado Papercraft-step5

    El resultado debería ser similar a éste:

    Efecto De Papel Recortado Papercraft-step6

    Preparación del texto

    Este paso involucra mucho más que escribir una palabra. Hay que crear uina capa o layer para cada letra. Esto es necesario porque cada letra va a tener su propio Layer Style asignado.

    Antes de comenzar, descargamos la fuente gratuita Disco Deck font y luego la instalamos en el sistema.

    En el caso de que no sepan cómo hacerlo, sigan estas instrucciones para MAC o PC.
    Luego de instalar la fuente, tomamos la herramienta de texto y seleccionamos la tipografía Disco Deck que acabamos de instalar. Le asignamos un tamaño de 150px y escribimos la letra C.

    Efecto De Papel Recortado Papercraft-step7

    Hacemos CTRL + ENTER (en las PC) o COMMAND + RETURN (en las MAC) para liberar la herramienta del modo de escritura.

    Hacemos click otra vez con la herramienta de texto en otro lugar de la pantalla para crear un nuevo Layer de texto. Escribimos la letra R y liberamos la herramienta de texto nuevamente presionando CTRL + ENTER (en PC) or COMMAND + RETURN (en las MAC).

    Hay que repetir los mismos pasos hasta tener la palabra completa, teniendo en cuenta que debe haber una sola letra por Layer. En la imagen que sigue, se puede visualizar la paleta de Layers con la disposición de las letras.

    Efecto De Papel Recortado Papercraft-step8

    Para conseguir el efecto de superposición que se ve en el resultado final, tenemos que acomodar un poco a las letras.

    Simplemente seleccionemos la herramienta de mover, marcamos la opción de AUTO SELECT y movemos cada una de las letras hasta que queden levemente superpuestas entre si.

    Efecto De Papel Recortado Papercraft-step9

    Creación y aplicación del Estilo de Capa con el efecto de papel

    Para conseguir el efecto de sombreado del papel recortado vamos a crear un LAYER STYLE (ESTILO DE CAPAS) y lo aplicaremos a cada una de las letras. Debido a que las letras son diferentes entre si, vamos a tener que modificar la posición del gradiente en cada una de ellas. Esa es la razón por la cual cada letra está en una capa por separado.

    Vamos a la PALETA DE CAPAS y seleccionamos la capa que contiene a la letra C.

    Luego, seleccionamos GRADIENT OVERLAY (SUPERPOSICION DE DEGRADADO) del menú desplegable de LAYER EFFECTS (ESTILOS DE CAPAS).

    Efecto De Papel Recortado Papercraft-step10

    Una vez abierta la ventana de LAYER STYLE (ESTILO DE CAPA), copiamos los datos que muestran las capturas de pantalla que están a continuación.

    El gradiente que vamos a utilizar es el mismo que creamos al comienzo del artículo.
    NO VAMOS A CERRAR LA VENTANA HASTA NO TERMINAR CON TODOS LOS PASOS QUE SIGUEN.

    Efecto De Papel Recortado Papercraft-step11Efecto De Papel Recortado Papercraft-step12

    Seguimos con la ventana abierta y hacemos click en STYLES (ESTILOS) y luego hacemos click también en el botón NEW STYLE… (NUEVO ESTILO) y le asignamos un nombre al estilo. Este estilo que acabamos de crear va a ser el último en la lista de estilos. AHORA SÍ, FINALMENTE, CERRAMOS LA VENTANA DE LAYER STYLE (ESTILO DE CAPA).

    Efecto De Papel Recortado Papercraft-step13

    Para poder aplicar el estilo nuevo a cada letra seleccionamos una capa (1) y luego hacemos click en el estilo que creamos recientemente que está ubicado en la STYLES PALETTE (PALETA DE ESTILOS) (2). La imagen que sigue ilustra el proceso.

    Efecto De Papel Recortado Papercraft-step14

    Repetimos los mismos pasos para cada letra. En esta etapa no hay que preocuparse por cómo queda ubicado el estilo en cada letra. Eso lo resolveremos en pasos posteriores. Por ahora lo importante es que cada letra tenga asignado el estilo nuevo que creamos. Al finalizar de colocar el estilo, la imagen debería quedar similar a la siguiente:

    Efecto De Papel Recortado Papercraft-step16

    Ajuste de detalles del efecto en cada letra.

    Si prestamos atención, vamos a notar que el gradieente está mal ubicado en casi todas las letras con excepción de la C. Vamos a corregir eso rotando y moviendo los gradientes hasta ubicarlos en la posición correcta.Go to the Comencemos con la letra R. Vamos a la LAYERS PALETTE (PALETA DE LAYERS). Seleccionamos el layer de la letra R y hacemos click en la flechita que se encuentra a la derecha de la paleta. (1). Esta flechita va a desplegar todos los efectos asignados al layer. Hacemos doble click en el efecto GRADIENT OVERLAY (SUPERPOSICION DE DEGRADADO) (2). A continuación, se va a abrir la ventana de LAYER STYLES (ESTILOS DE CAPA) mostrandonos todos los datos del efecto seleccionado.

    Efecto De Papel Recortado Papercraft-step17

    Movemos la ventana de LAYER STYLE (EFECTO DE CAPA) un poco hacia la derecha hasta que podamos ver la imagen de la letra R que está por debajo. Esto hay que hacerlo porque sólo se se puede arrastrar con el mouse el gradiente cuando la ventana de LAYER STYLE (EFECTO DE CAPA) está abierta.

    Efecto De Papel Recortado Papercraft-step18

    Primero, escribimos -90 en la casilla de ángulo del efecto de GRADIENT OVERLAY (SUPERPOSICION DE GRADIENTE). También se puede arrastrar el control de ángulo hasta que indique -90 grados. TODAVIA NO CERRAMOS LA VENTANA DE LAYER STYLE (EFECTO DE CAPA).

    Inmediatamente vamos a ver como el gradiente de la letra R cambia su rotación y queda vertical en lugar de horizontal. En el paso siguiente vamos a mover el gradiente un poco hacia la izquierda para que quede mejor ubicado.

    Efecto De Papel Recortado Papercraft-step19

    La ventana de LAYER STYLE (ESTILO DE CAPA) debería estar abierta todavía.
    Si no es así, entonces la abrimos y la acomodamos nuevamente como fuera explicado en los pasos previos. Ahora hacemos click sobre el gradiente de la letra R y lo arrastramos levemente hacia la izquierda. La imagen que sigue muestra el proceso y el resultado:

    Efecto De Papel Recortado Papercraft-step21

    Una vez realizado esto, cerramos la ventana de LAYER STYLE (ESTILO DE CAPA). El resultado debería ser el siguiente:

    Efecto De Papel Recortado Papercraft-step22

    Repetimos el proceso para todas las letras restantes. La imagen que sigue, muestra los cambios que hay que realizar y el resultado final:

    Efecto De Papel Recortado Papercraft-step23

    Un toque de color

    Ya terminamos el efecto. Considerando que cada letra tiene su propio LAYER STYLE (ESTILO DE CAPA) podemos asignarle un color distinto al gradiente de cada letra. Pero en lugar de hacer eso, vamos a agregarle un toque de color más delicado.

    Creamos una nueva capa por sobre todas las demas. 1 - Seleccionamos la última capa, la que contiene a la letra T. 2 - Hacemos click en icono de ADJUSTMENT LAYERS (CAPAS DE AJUSTE) y seleccionamos SOLID COLOR (COLOR SOLIDO). 3 - Automáticamente se va a crear una nueva capa de color sólido y, al mismo tiempo, se va a abrir la ventana de selección de color.

    Efecto De Papel Recortado Papercraft-step24

    Elegimos un color. No importa cuál sea ya que se podrá cambiar más adelante, sin dañar la imagen. Para este ejemplo usamos #FFA200. Hacemos click en OK y la capa se va a rellenar con ese color.

    Efecto De Papel Recortado Papercraft-step25

    Luego vamos a la LAYERS PALETTE (PALETA DE CAPAS). Desplegamos el menú de BLENDING MODES (MODOS DE FUSION) (1) y seleccionamos SOFT LIGHT (LUZ SUAVE) (2).

    Efecto De Papel Recortado Papercraft-step26

    Con esto hemos finalizado el efecto de texto de papel recortado. Sería interesante probar este efecto con distintas tipografías. Los que quieran compartir sus resultados, pueden hacerlo dejando un mensaje con un link a la imagen en la sección de comentarios.

    Efecto De Papel Recortado Papercraft-text-effect

    Via | photoshoplatino.com
    JoKeR
    JoKeR
    Kaisar
    Kaisar


    Masculino
    Cantidad de envíos : 128
    Edad : 37
    Localización : México - Hgo - Pachuca
    Empleo /Ocio : Estudiante - ARQ
    Humor : XD
    Puntos : 1
    Reputación : 0
    Fecha de inscripción : 15/08/2008

    Efecto De Papel Recortado Empty Mi Resultado!!

    Mensaje por JoKeR Vie Nov 21, 2008 10:31 pm

    Esta genial el tuto eh Ockre... muy buen aporte

    Editado...

    ya esta aqui mi resultado, claro con uno que otro arreglo extra con filtros y esas cosas jeje espero les guste y opinen...

    Efecto De Papel Recortado Tituloockreempireyg1


    Código:

    http://img204.imageshack.us/my.php?image=tituloockreempireyg1.png

    XD
    mochix-empire
    mochix-empire
    Kaisar
    Kaisar


    Masculino
    Cantidad de envíos : 125
    Edad : 30
    Localización : guatemala
    Empleo /Ocio : ockre-empire
    Humor : =-)
    Puntos : 1
    Reputación : 0
    Fecha de inscripción : 27/09/2008

    Efecto De Papel Recortado Empty Re: Efecto De Papel Recortado

    Mensaje por mochix-empire Sáb Nov 22, 2008 5:30 am

    o que bueno jj

    te salio muy bueno joker
    ockre
    ockre
    Admin.Basileus
    Admin.Basileus


    Masculino
    Cantidad de envíos : 564
    Edad : 34
    Localización : México
    Empleo /Ocio : ѕтυdιanт de arqυιтeĸтυra - pѕyadιcтo
    Humor : '[°-•-°]'
    Puntos : 85
    Reputación : -1
    Fecha de inscripción : 26/07/2008

    Efecto De Papel Recortado Empty Re: Efecto De Papel Recortado

    Mensaje por ockre Sáb Nov 22, 2008 3:18 pm

    Si wow ese efecto esta pakamadre we, te quedo muy bn men.
    Luis Luna^^
    Luis Luna^^
    Forero
    Forero


    Masculino
    Cantidad de envíos : 64
    Edad : 31
    Localización : En mi Ksa
    Empleo /Ocio : Estudiante
    Humor : =/
    Puntos : 0
    Reputación : 0
    Fecha de inscripción : 23/10/2008

    Efecto De Papel Recortado Empty Re: Efecto De Papel Recortado

    Mensaje por Luis Luna^^ Sáb Nov 22, 2008 6:24 pm

    WoOoO! es genial este efecto!
    t es genial como t salio joker!!! alien

    Contenido patrocinado


    Efecto De Papel Recortado Empty Re: Efecto De Papel Recortado

    Mensaje por Contenido patrocinado


      Fecha y hora actual: Miér Mayo 08, 2024 4:43 am