+ Responder al Tema
Página 1 de 2 1 2 ÚltimoÚltimo
Mostrando resultados del 1 al 10 de 20

Tema: Cómo crear una bonita ilustración con Photoshop

  1. #1
    Avatar de Teo Atienza
    Teo Atienza esta en línea ahora Usuario Beta
    Registro
    06-April-2009
    Ubicación
    Sollana, Valencia, España
    Mensajes
    275
    Ir a Teo Atienza página de inicio


    A 7 miembro le fue de ayuda este post.

    Predeterminado Cómo crear una bonita ilustración con Photoshop

    Pues os voy a dejar este tutorial, en exclusiva para Foro Beta. Ayer, pensando que no había participado en la campaña de promoción de FB, pensé que una buena manera de promocionar este foro podría ser montando un tutorial y presentándolo solamente aquí -y no en mi blog-, para después enlazarlo desde allí para que mis lectores pudieran leerlo entrando al foro (y, si quisieran, se registraran). Espero que os guste. (Clic en la imagen para verla en tamaño original).


    __________________________________________________ _________________
    • Abrimos Photoshop y creamos un nuevo documento [Ctrl+N] de 800x600px. Creamos una nueva capa [Ctrl+Shift+N] y seleccionamos la Herramienta Degradado [G]. El degradado será radial y, si bien puedes utilizar los colores que quieras, los de este tutorial van de un #FFF3B9 a un #FFFCE7.
    • Seleccionamos la Herramienta Texto y escribimos la palabra Foro (la fuente utilizada es la Alba y, el color, un #6FBCD9). Duplicamos [Ctrl+J] esta capa y rasterizamos [Capa>Rasterizar>Texto] la capa duplicada. Hecho esto ocultamos la visibilidad (hacienco clic en el icono con forma de ojo que hay al lado de cada miniatura de capa) la capa original del texto.
      Creamos un nuevo Grupo (clic en el icono en forma de carpeta situado en la parte inferior de la ventana de capas) y arrastramos la capa rasterizada dentro de él.
      Ahora haz doble clic al lado del nombre de la capa para abrir la ventana de Estilos de Capa y aplícale un Bisel y Relieve (deja los parámetros por defecto; tan solo cambia el tamaño a 4px y el color de Modo de Sombra a un #5E679E -esto dependerá del color de texto que hayas utilizado-).
    • Duplicamos esta capa y pulsamos Ctrl+T para transformarla (en este caso, desplazarla). Mantiendo pulsada la tecla Shift, pulsa la flecha abajo dos veces. Enter.

      Ahora, una vez que hayamos movido el texto y guardado la transformación, pulsa las teclas Ctrl y Alt simultáneamente y la tecla derecha 5 veces. Como ves, le hemos dado al texto un poco de efecto 3D.

      Para darle un poco más de realismo, podemos duplicar el grupo (clic derecho+duplicar conjunto de capas y, en las opciones de la paleta de capas, elegimos Combinar conjunto de capas) y seleccionar la Herramienta Subexponer (O): con una exposición del 20% y Medios tonos como rango, le damos unas pasadas al "relieve" que hemos creado en el texto, para darle algo más de profundidad.

      Por último, repite todos estos pasos para crear la segunda palabra: Beta.

    • Empezamos a adornar nuestro trabajo. Crea un nuevo grupo, debajo de los dos textos y re-nómbralo (doble clic en el nombre) como Nubes1. Crea una capa dentro de él.

      ¿Cómo crear nuestra nube? Fácil: selecciona la Herramienta Marco Elíptico (M) y, con la tecla Shift presionada, ve creando círculos, uno al lado del otro, simulando la forma de una nube. Al tener pulsado la tecla Shift mientras vas haciendo tus selecciones, estas se superponen unas a otras, permitiéndote crear la figura que buscamos.
      Como estilo de capa, aplícale a la figura un Trazo (color #50A5C5 -el mismo que el texto- y 5px de tamaño por fuera).
    • Ahora nos harán falta un par de nubes más (duplica la nube que tienes hecha, y redimensiónala a tu gusto). Para darle algo más de realismo, añadiremos sombras a las tres nubes que hemos creado: para ello, selecciona una nube y, con la tecla Ctrl pulsada, haz clic en el icono de Crear nueva capa (con esto, la capa se creará debajo de la nube seleccionada). Bórrale el estilo de capa (clic derecho+Borrar estilos de capa) y rellénala de negro. Ahora dirígete a Filtro>Desenfoque>Desenfoque Gaussiano y dale 9px de valor. Reduce la opacidad de la capa sombra al 60%. Repite este paso en cada una de las nubes que hayas creado.

      Una vez terminado esto, podemos duplicar el grupo y posicionarlo en otra zona del lienzo. Podemos voltearlo horizontalmente (Edición>Transformar>Voltear Horizontal) si así nos gusta más.
    • Ahora crearemos un pequeño arco iris, que vaya de un grupo de nubes a otro. Para ello, creamos un nuevo grupo y, dentro de él, una nueva capa. En esta capa seleccionamos la Herramienta Marco Rectangular y dibujamos un rectángulo como se muestra abajo. Lo rellenamos del color que queramos.
    • Duplicamos esta capa que contiene el rectángulo tantas veces como queramos (a fin de cambiar el color, para seguir dibujando nuestro arco iris). Cada vez que la dupliquemos, tendremos que seleccionarla y cambiarle el color, para después desplazarla [Ctrl+T] hasta que acople con su superior.
    • Por último, duplicamos el grupo (y desactivamos la visibilidad del original) para combinarlo [Ctrl+E]. Hecho esto, nos dirigimos a Filtro>Distorsionar>Coordenadas Polares.
      Redimensionamos un poco [Ctrl+T], si es necesario, el arco iris y las nubes, para que todo que acoplado, y borramos la parte de abajo del círculo (para que quede un semicírculo). Sólo nos queda situar la capa del arco iris debajo de los dos grupos Nubes.
    • Antes de continuar, juega con las Herramientas Subexponer y Sobreexponer color para darle profundidad al arco iris.

    • Dibujemos algunas estrellas. Para ello, creamos un nuevo grupo y, dentro de él, seleccionamos la Herramienta Forma Personalizada [U] para elegir una forma de estrella. Creamos una nueva capa y pintamos dentro de los bordes (puesto que esta forma sólo define los bordes). El color utilizado para el borde ha sido el #B60101 y, para el relleno, el #F8A900.
    • Ahora crea otra capa nueva y selecciona la Herramienta Pluma. Fíjate en los trazados de la imagen inferior para saber qué queremos conseguir. Rellénala de algún color más oscuro (#940329) y cólocala la primera del grupo, es decir, debajo de las otras dos capas. Cabe aclarar que este grupo tienes que colocarlo debajo de los textos Foro Beta.
    • Ahora podemos agrupar estas cuatro capas en otro grupo, duplicarlo y, a partir de él, crear otras estrellas (ya que sólo tendremos que cambiarle los colores).
      Si os fijáis en la imagen, he añadido una pequeña textura a las "colas" de las estrellas: no son más que líneas blancas (siempre en una nueva capa, encima de la correspondiente "cola") con un modo de fusión de Luz Suave y una opacidad del 41%.
    • Estamos terminando. Ahora sólo nos queda, si queremos, añadir algunos elementos de decoración más. Círculos, líneas, etc. Esto corre a cargo de cada uno y, como más arriba hemos explicado los procedimientos típicos (sombreados, degradados y demás), no te será difícil crear los tuyos.
    • Ahora sólo queda ultimar los detalles: dale sombra (de la misma forma que hemos hecho en pasos anteriores) a los objetos que queden encima de otros, desplaza aquello que creas que tengas que desplazar mínimamente, añade alguna textura al fondo, algunos ajustes... en definitiva, cualquier detalle que mejore tu trabajo. Et voilà!
    Última edición por Teo Atienza; 02-Sep-2009 a las 22:26

  2. #2
    Avatar de Herrerix
    Herrerix está desconectado Usuario Gamma
    Registro
    30-June-2009
    Ubicación
    Chile:/home/escritorio/frentealPC
    Edad
    16
    Mensajes
    841


    Predeterminado

    OMG, man esta muy bueno el diseño!!, mis mas sinceras felicitaciones y tienes todo mi apoyo =D
    Última edición por Herrerix; 02-Sep-2009 a las 22:27

  3. #3
    Avatar de jesusgarcia
    jesusgarcia está desconectado Usuario Gamma
    Registro
    08-August-2009
    Edad
    19
    Mensajes
    952
    Ir a jesusgarcia página de inicio


    Predeterminado

    Hola te felicito por tu creacion si me permites me gustaria publicarla en mi blog, saludos.
    Mis proyectos y msn:
    jgarcia2 (arroba) zonainformatica.info

  4. #4
    Avatar de Facundo
    Facundo está desconectado Usuario Delta ?
    Registro
    16-April-2009
    Ubicación
    Bs As. Argentina
    Edad
    18
    Mensajes
    2.667
    CMS
    CMS Utilizado
    Ir a Facundo página de inicio


    Predeterminado

    ta bueno che... lo único, fijate que te están habalndo por el MSN xDDD


    saludos" buen aporte
    Caidos de la Realidad <> Tecnologia Zero <> Grandes Tutoriales <> Facupedia dot com <> Puro Chisme <> Full Themes for Wordpress
    Migro blogs de Blogger a Wordpress. Costo: Lo que quieras (donación a voluntad)

  5. #5
    Avatar de Teo Atienza
    Teo Atienza esta en línea ahora Usuario Beta
    Registro
    06-April-2009
    Ubicación
    Sollana, Valencia, España
    Mensajes
    275
    Ir a Teo Atienza página de inicio


    Predeterminado

    Cita Iniciado por jesusgarcia Ver Mensaje
    Hola te felicito por tu creacion si me permites me gustaria publicarla en mi blog, saludos.
    Adelante Por eso está publicado el tutorial aquí, para promocionar también FB.

    Cita Iniciado por Facundo Ver Mensaje
    ta bueno che... lo único, fijate que te están habalndo por el MSN xDDD


    saludos" buen aporte
    Gran fallo. La única imagen que se me pasa recortar, y sale con fallo Ahora la cambio. Gracias! Edit: Listo.
    Última edición por Teo Atienza; 02-Sep-2009 a las 22:27

  6. #6
    Avatar de GonZa
    GonZa está desconectado Usuario Gamma
    Registro
    24-May-2009
    Ubicación
    Argentina
    Mensajes
    624
    Ir a GonZa página de inicio


    Predeterminado

    Che se ve pixelado el arco iris, y algunos detallitos mas para mejorar pero en general esta bien el diseño, tipo vector o algo asi.

  7. #7
    Avatar de Teo Atienza
    Teo Atienza esta en línea ahora Usuario Beta
    Registro
    06-April-2009
    Ubicación
    Sollana, Valencia, España
    Mensajes
    275
    Ir a Teo Atienza página de inicio


    Predeterminado

    Cita Iniciado por GonZa Ver Mensaje
    Che se ve pixelado el arco iris, y algunos detallitos mas para mejorar pero en general esta bien el diseño, tipo vector o algo asi.
    Si, se ve algo pixelado, y no se por qué. De todas formas... creo que se pueden sacar bastantes cosas buenas del tuto (al menos para la gente que no está muy metida en el Photoshop): que se pueden crear textos en 3D sin tener que recurrir al Illustrator, el crear elementos desde cero aprendiendo a aplicar sombras e iluminaciones, exprimir al máximo el programa (es decir, en la medida de lo posible, diseñar los recursos que utilizes, sin recurrir a pinceles, etc.)...

  8. #8
    teoman esta en línea ahora Usuario Gamma
    Registro
    08-August-2009
    Ubicación
    Detras de ti buajajaja
    Mensajes
    555
    CMS
    CMS Utilizado
    Ir a teoman página de inicio Mi Twitter



  9. #9
    Avatar de Nebel
    Nebel está desconectado Usuario Beta
    Registro
    06-April-2009
    Ubicación
    Twitter
    Mensajes
    199
    Ir a Nebel página de inicio


    Predeterminado

    Te quedo excelente, maña lo publico en mi blog

    Deseguro se ve pixeleado xq ese no es su tamaño origignal, o sea, reduciste el tamaño de la imagen LoL

    Saludos y que buen trabajo, Teo!

  10. #10
    Avatar de Silver wolf
    Silver wolf está desconectado Usuario Alfa
    Registro
    18-August-2009
    Ubicación
    Vilanova i la Geltrú, Cataluña, España
    Edad
    16
    Mensajes
    73
    Ir a Silver wolf página de inicio


    Predeterminado

    Muy bueno Teo. El resultado es muy bueno y para hacerlo no tiene mucha complicidad =D
    Solo un detalle, las estrellas que pusiste, cambiaria las líneas paralelas por líneas que siguieran la forma de la estrella, en mi opinión solo =P. Y nada más. Cuídate
    Creative Desks | Blog de diseño de escritorios

+ Responder al Tema
Página 1 de 2 1 2 ÚltimoÚltimo

Información del tema

Users Browsing this Thread

Actualmente hay 1 usuarios leyendo este tema. (0 miembros y 1 invitados)

     

Temas Similares

  1. como crear una revista PDF cn adobe indesign
    Por crystaldream en el foro Diseño Gráfico
    Respuestas: 17
    Último mensaje: 09-Oct-2009, 14:32
  2. Como diseñar un bonito theme en Photoshop
    Por D4rk_Dr4k0 en el foro Tutoriales
    Respuestas: 4
    Último mensaje: 07-Sep-2009, 14:20
  3. Como crear un blog en Wordpress.org
    Por Sergio en el foro Wordpress
    Respuestas: 3
    Último mensaje: 30-Aug-2009, 17:22
  4. Como crear un anonimizador de enlaces propio
    Por Camilo Sánchez en el foro Herramientas
    Respuestas: 4
    Último mensaje: 14-Aug-2009, 17:02
  5. Crear Ilustración Tipográfica Estilo Vectores
    Por GonZa en el foro Diseño Gráfico
    Respuestas: 6
    Último mensaje: 25-Jul-2009, 21:28

Visitantes encuentran esta página buscando por:

crear fotoshop

crea un fotochopestilos de ilustracionhacer fotoshopcomo hacer un blog bonitotutorial ilustracion photoshoppasos de como hacer una bonita fotocomo hacer una foto bonita en fotoshoptutoriales ilustracion realistafotoshop hacer hacer una foto bonitaketras bonitas con relieve¿ PASOS COMO HACER UNA BONITA CARATULA?letra en arco con degrade con photoshophacer lineas paralelas en photoshopcomo hacer una foto bonita en photoshop crear betas en photoshoptutorial illustracion realista en photoshopindesign transformar una imagen rectangular en forma arcoiriscomo hacer betas en photoshopcomo hacer una bonita imagentutorial ilustración estilotutorial de ilustracion avanzada con photoshopcrear ilustracionestutoriales sombras para ilustracion en photoshop

Normas de Publicación

  • No puedes crear nuevos temas
  • No puedes responder mensajes
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes