¡Bienvenido a Universo Maker!
¿Es esta la primera vez que visitas el foro? Si es así te recomendamos que te registres para tener completo acceso a todas las áreas y secciones del foro, así también podrás participar activamente en la comunidad. Si ya tienes una cuenta, conectate cuanto antes.
Iniciar Sesión Registrarme

No estás conectado. Conéctate o registrate

Ver el tema anterior Ver el tema siguiente Ir abajo Mensaje [Página 1 de 1.]

#1 [Tutorial] Icono AC [Alta Calidad] el Dom Feb 19, 2012 1:51 am

Razor

avatar
Tutorial: Diseñando Iconos AC
[Dificultad Avanzada...]


NOTA
Especificaciones
1.- Photoshop CS3+
2.- Tiempo: 30 minutos
3.- Dificultad Avanzada


Eh… ¿Hola? Después de un tiempo sin aparecerme por estos lares vuelvo con mas para mi foro preferido, gracias a la estupenda idea de usar programas portables he mejorado en diseño y tengo un mejor ordenador temporal en el cual trabajar, aprendiendo nuevas técnicas y creación de graficos 3D, eso es un asunto aparte que seguramente no os interesa, el verdadero punto es que en esta ocasión os enseñaré a crear el icono de Itunes, si, si leyeron bien, ese icono tan bonito del reproductor de Apple, el resultado será…

Outcome/Resultado:
Outcome/Resultado #2:

Bonito, ¿no?, ¡Comencemos!

  1. Creamos nuestro documento de 500x500 pixeles, con fondo blanco y resolución de 72 pixeles por pulgada.
  2. En el resultante documento creamos un fondo de colores oscuros para poder trabajar bien.
    Spoiler:
  3. Luego, seleccionamos la “Herramienta de Ovalo”/”Ellipse Tool”, mantenemos la tecla shift y hacemos un circulo uniforme, después, seleccionamos la capa del circulo damos clic derecho y seleccionamos “Opciones de Fusión”/”Blending Options” y aplicamos los siguientes efectos:
    Spoiler:

    Deberían llevar algo como esto:
    Spoiler:
  4. Ahora creamos nueva capa, seleccionamos la “Herramienta de Selección Circular”/”Elliptical Marquee Tool” y trazamos un circulo que cubra el anterior desde la parte inferior hasta la mitad, luego con la “Herramienta de Degradado”/”Gradient Tool” hacemos un Degradado Radial, que vaya de un color azul celeste a transparente, y lo aplicamos, llevaríamos algo así:
    Spoiler:
  5. En este punto será necesario que coloquen esta imagen que anteriormente cree del símbolo de nota musical del icono de Itunes, me salto la parte de creación de esta nota puesto que alargaría el tutorial a unos 40 pasos y eso no es nada productivo, así que les adjunto la imagen:
    Spoiler:
    La ponen en nuestro PSD y en “Opciones de Fusión”/”Blending Options” ponen un “Outer Glow”/”Resplandor Exterior” con estos parámetros:
    Spoiler:
    Así llevamos la imagen:
    Spoiler:
  6. Repetimos el paso #4 solo que con un degradado que vaya de blanco a transparente y que la selección circular se ubique en la mitad superior y no en la inferior, luego bajamos la opacidad de capa a 80% y aplicamos “Opciones de Fusión”/”Blending Options”, “Superposición de Degradado”/”Gradient Overlay”:
    Spoiler:
    Seleccionamos “Herramienta de Ovalo”/”Ellipse Tool”, y hacemos un circulo blanco que cubra este ultimo paso, bajamos la opacidad de capa a 95%, el relleno a 19% y rasterizamos forma [clic derecho a la capa y seleccionar “Rasterizar Capa”/”Rasterize Layer”] luego en “Opciones de Fusión”/”Blending Options” ponemos los siguientes efectos:
    Spoiler:

    Este seria el resultado momentáneo:
    Spoiler:
  7. Nuestro icono va agarrando forma, ahora vamos a crear el aro exterior, requiero de su total acato a las instrucciones, puesto que es una de las partes mas difíciles de hacer en cuanto a precisión y efectos; con la “Herramienta de Ovalo”/”Ellipse Tool” hacemos un circulo mas grande que la forma del primer circulo, una vez hecho vamos a la opción del Photoshop “Ver”/”View” y seleccionamos “Ruler”/”Regla” nos aparecerán las medidas longitudinales correspondientes en ejes horizontal y vertical, en otras palabras, la regla, de aquí damos clic a el eje horizontal y manteniendo deslizamos el mouse hacia la mitad superior de nuestro circulo, y viceversa con el eje vertical, a manera de crear una cruz con las guías de regla, ahora tenemos nuestro punto referencial para cortar ese circulo y hacerlo un aro, para esto, en la barra superior de opciones de herramienta seleccionamos la opción “Substraer desde área de forma”/“Subtract from Shape Area” ubicamos el cursor en el centro de nuestras guías de regla y luego presionamos “Shift+AltOpt [AltGr]” seguidamente hacemos un circulo que cubra el original pero no todo, formando nuestro aro. Quedaría algo así:
    Spoiler:
  8. Con el aro formado solo nos queda darle estilo, para eso, clic derecho a la capa y “Opciones de Fusión”/”Blending Options” aplicamos los siguientes efectos:
    Spoiler:



    Finalmente, ¡tenemos nuestro icono listo!
    Spoiler:
  9. Opcionalmente puedes arreglar el color y cambiar de esos tonos sobresaturados a una gamma de colores mas opacos y realistas, para hacerlo ve a “Capa>Nueva Capa de Ajuste>Brillo y Saturación”/”Layer>New Adjustment Layer>HUE & Saturation” y pon los siguientes parámetros:
    HUE : +11
    Saturación : -8
    Iluminación : +4
    Aplicas los cambios y listo.

Para un mejor aprendizaje y resolución de dudas, adjunto el PSD que hice para la versión icono de Universo Maker.
Eso es todo, espero que el tutorial os haya servido e iluminado a un nuevo nivel en esto del diseño, asi mismo queda demostrado que cualquiera con un poco de empeño puede realizar obras graficas de niveles profesionales e industriales.
¡Un Saludo!
Out~





Todos mis aportes por Mediafire tienen contraseña, esa es: www.universomaker.net
Esto es para evitar plagio, asegúrense de copiar y pegar la contraseña.

#2 Re: [Tutorial] Icono AC [Alta Calidad] el Dom Feb 19, 2012 2:29 am

~thekiller

avatar
Wow josé... En serio te pasas de la raya XD esta realmente bueno el tutorial, sin palabras XD solo que esta increible, bien explicado, con muchas capturas (como a mi me gusta =D) y el resultado muy, pero muy bueno =D intentare hacer algo como esto en un futuro (o sea apenas mi photoshop se le de la gana responder XD) y pues este tutorial la verdad que me llena de un monton de ideas en las quepodria usar iconos de ese estilo, pero en fin, es bueno verte aqui de nuevo =D y... ¡¡Buen tuto!!
¡¡¡Un saludo!!!

Ver el tema anterior Ver el tema siguiente Volver arriba  Mensaje [Página 1 de 1.]

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