Concepto Pixel » recopilacion

34 Tutoriales y Tips para el Diseño de Logotipos

Luis Lopez Garay — Wed, 30 Dec 2009 23:29:00 +0000

Después de no escribir algo traigo antes del año nuevo esta pequeña pero increíble recopilación de tutoriales para crear logotipos, ya sea que un cliente te la pida o que tu tengas un proyecto al cual darle un logotipo decente, o simplemente recrear logos famosos, debes leerlos. También hay tips y procesos inspiradores para volverte un profesional y aprender. Recuerda que tu eres el que dará identidad a los proyectos y sitios a los que les diseñes así que aprende lo mejor.

Prometo que la única razón por la que no había publicado algo nuevo para ustedes es que estaba en celebraciones de navidad y esas cosas, estaba de fiesta y aunque estoy de vacaciones es inevitable hacer otras cosas aparte de este blog, sin embargo hoy 2 días antes del 2010, publico algo porque tengo un tiempo libre. En este articulo te traigo exactamente 34 tutoriales que recopile, si quieres crear un logotipo para un cliente o para ti mismo puedes leer los siguientes tutoriales que te servirán para aprender lo básico y lo avanzado en esto del diseño de identidades.

[sigma]

Para ver el tutorial tienes que dar click en el titulo, la imagen muestra el resultado final de alguna forma y he incluido 3 tutoriales en español, dos míos y uno de un compañero, recuerda que si quieres el tuyo aquí tienes que dejar tu comentario y ser un buen tutorial.

1. Creación del logo de Brainstorm 9

Fabio Sasso de Abduzeedo empezó con sketches (dibujos a mano de sus ideas) con lo que seria el logo, primero fue texto debajo de un rayo, luego decidió mezclar el rayo con el 9, un proceso muy bien detallado, inspirador y de gran enseñanza para aprender sobre el mundo del logotipo.

2. Construyendo el logo perfecto [Parte 2]

Mas que un tutorial o inspiración, son consejos y palabras que nos ayudaran a ordenar correctamente nuestras ideas y proyectarlas de buena manera, Devloungue muestra el proceso de ideas sobre algunos logotipos y lo que tiene que decirnos al respecto del diseño.

3. Diseña el logo metálico de Transformers

No necesariamente aprenderás a ilustrar la cabeza de robot, si no a darle efecto metálico y el efecto del texto, esperaba mas de este tutorial pero igual nos sirve de mucho para aprender.

4. Diseño de un logotipo desde el concepto hasta plasmarlo

Spooner nos muestra lo que debe pensar un diseñador de logotipos para concebir un logotipo y además plasmarlo en Photoshop, muy ilustrativo e inspirador, se le da un aspecto Web 2.0 y los dibujos son bastante impresionantes.

5. Crea el logo de WordPress mejorado

Si has visto el logo de WordPress y de Volkswagen veras que son casi iguales pero ese no es el punto ahora, el punto es que si quieres crear desde cero el logotipo de este maravilloso CMS (que yo uso) con un aspecto mas metálico y glossy debes seguir este tutorial paso a paso.

6. Proceso de creación del logo Dache

Hermoso tutorial y proceso al descubierto de un logo minimalista y hermoso. Se nos muestra el proceso del desarrollo del logotipo de WebMynd (el de la imagen), hay muchas ideas que fracasaron en el proceso pero se fueron mejorando hasta lograrlo. No es un tutorial de diseño es como el primero, una guía de consejos y lo que pensó el autor del logo al hacerlo.

7. Big Bocca Logo Ilustrativo

Si lo tuyo es el logotipo ilustrado, este tutorial te será de gran ayuda, el concepto de un felino con una “Big Bocca” es bastante creativo. El tutorial es para descargar no para ver en el navegador.

8. Logotipo de la Eurocopa 2008 en Austria

Bastante detallado paso a paso, tutorial que te enseña (si eres fanático al futbol) como diseñar desde cero el logotipo de la famosa Eurocopa 2008 de la UEFA.

9. Vivid Ways, proceso de logo colorido

Otro proceso de creación (no tutorial) para procesar en nuestra mente la creación de un logo conceptualmente útil y con estilo minimalista.

10. Firefish inspirado en el logo de Firefox

Tutorial9 con sus magníficos tutoriales nos demuestra con este tutorial para diseñar una mascota inspirada en el zorrito de Firefox, que son unos de los mejores. El pez que ven aquí será diseñado paso a paso con Photoshop como también el planeta de atrás y los efectos.

11. Diseña la manzana de Apple Macintosh de colores

Si no has visto el logotipo de la manzanita de Apple que viene en Mac, en los iPhone y iPod, en algunas computadoras y hasta en internet seguramente te han dado ganas de recrearlo, por eso este tutorial te enseña como paso a paso, pero con colores que le dan mas vida.

12. Logo con forma de origami

Por fin aquí hay proceso de concepción y de Photoshop mezclados para formar un tutorial que vale la pena leer para aprender a crear logotipos con forma de origami.

13. Presentación en una textura con perspectiva

Presentar un logotipo en la web de forma normal puede resultar predecible y aburrido, si quieres que tu logotipo luzca como nunca en una especie de textura que decidas con una perspectiva con la que luzca bien, debes seguir este tutorial de Deviantart que te servirá de mucho.

14. Logo con efecto lechoso (milk typo)

De nuevo abduzeedo (Fabio Sasso) presenta un tutorial para utilizar una fuente que ya expusimos antes pero dándole un efecto de salpicadura de leche, bastante creativo.

15. Aprende a diseñar el logo de Firefox

Si lo tuyo son los zorros y no los peces entonces necesitaras presumirle a tus amigos que sabes diseñar el logo de Mozilla Firefox con tan solo usar herramientas básicas y paciencia.

16. [Video] Crea el logo de Sony Ericsson

La hoja loca del diseño creo este tutorial en video de Youtube con el que nos muestra como diseñar el famosísimo logo de Sony Ericsson (telefonía móvil y dispositivos móviles [?] ).

17. [Español] Crea un logotipo con 3D Studio Max

Mi compañero Gonzalo Castillo de Area Photoshop hace tiempo publico un tutorial para crear un logo con aspecto profesional en 3D usando el programa 3D Studio Max, vale la pena leer.

18.LTD Logotipo y Proceso

DryIcons, una web especializada en la descarga de freebies vectoriales ha creado este magnifico tutorial del proceso para diseñar un logotipo ISO con buen concepto (un puño).

19. [Español] [Propio] Logo de Creativlast

Un tutorial un poco olvidado que hice hace unos meses (si no mal recuerdo) sobre un logo profesional con un fondo profesional, no muy desarrollado pero sirve de algo.

20. [Español] [Propio] Logo Web 2.0

Otro tutorial mío que hice desde los inicios del blog, algo útil si quieres crear algo lindo.

21. PSFreak logo verde y moderno

Muy seguramente ya habías visto este estilo antes, es una nueva forma de hacer logo, un degradado en la fuente con un fondo luminoso en el centro y algo al lado.

22. Crea un logo con identidad

Si tienes una especie de portafolio o eres un diseñador(a) florista puedes seguir este tutorial con tips para diseñar el perfecto logo ornamentado para tu identidad.

23. Logotipo loco con curvas

Si lo tuyo son los logos con muchas curvas y encadenamiento entre las letras tienes que leer este tutorial para echar a volar tu imaginación y aprender estos efecto.

24. Diseña el logotipo moderno de SKY

Aprende a diseñar el moderno y vitroso logotipo de la compañía Sky con técnicas de bordes y efectos de capa bastante fotorealistas, aprenderás mucho de este tutorial.

25. Diseña el logo de Beijing 2008

Las olimpiadas fueron un gran evento, el país de China nos sorprendió con su tecnología y su infraestructura, el logo característico de este evento deportivo ahora lo puedes crear tu mismo.

26. Logotipo urbano y grunge de PStar

Si te gusta mucho el estilo urbano, grafiti y grunge, puedes probar a seguir este fácil pero impresionante tutorial para crear lo que ves en la imagen con los adornos que quieras.

27. MyNiteLife, logotipo elegante

Chris Spooner otra vez con sus tutoriales magníficos, esta vez nos toca apreciar una técnica de degradado para adornar logos creativos simples, un tutorial de peso en la blogosfera.

28. Crea logotipos de Adobe CS en 3D

Adobe Creative Suite es un grupo de programas muy utilizado y sus logotipos han sido usados y recreados varias veces, así que… porque no hacerlos en 3D?.

29. El sorprendente hombre araña

Desde chicos (la mayoría) hemos leído o visto (incluso jugado) al increíble hombre araña mejor conocido como Spiderman, su traje es bastante bueno y aprenderás a hacerlo tu mismo (logo).

30. Diseña el logo de la Umbrella Corp

Si no sabes que es, es la corporación malvada detrás de todos esos Zombies y secretos de Raccon City en el magistral y clásico juego “Resident Evil” *Saga”. Léelo si quieres aprender a hacerlo.

31. Casino Royale, logotipo para casinos

Para cuando lo puedas necesitar, un tutorial muy bueno para crear un logotipo útil para sitios o cosas que involucren casinos y apuestas, póker o lo que sea con esa temática.

32. Crea un logo con arcoíris retro futurista

Claramente un estilo que lleva tu mente al futuro con un aspecto retro, ideal para audio y tecnología, Abduzeedo de nuevo demuestra su estilo en PSDTuts garantizándonos aprendizaje.

33. Logotipo con aires de medio ambiente

Uno de los tutoriales mas bonitos que encontré, este tutorial nos enseña a usar la mente para adornar un logo de acuerdo a su color y enfoque, esta vez es el medio ambiente y las plantas.

34. Proceso del logo de Honey Farm

Otro proceso tutorial (illustrator) para diseñar un logotipo de una abeja con un texto muy acorde, contiene desde el dibujo hasta la vectorización trazo por trazo, simple y fantástico.

Creo que aquí acaba la recopilación (round-up), si bien hay muchos afuera yo trato de poner de lo mejor o lo que me gusta, si tienes algún otro bueno no dudes en decirlo, no olvides dejar tu comentario diciendo lo que se te pegue la gana, nos vemos en el siguiente articulo.

60 Brillantes Tutoriales Para Diseñar Iconos

Luis Lopez Garay — Tue, 24 Nov 2009 17:10:00 +0000

¿Reconocen ese estilo de hacer previews, ese estilo tan putamente insolente de escribir? Si, pues soy yo ( ) y estoy de vuelta para escribir en el blog como ya lo había prometido, tengo un calendario de artículos y recopilaciones que pienso hacer y tal vez lo haga publico de alguna manera. Esta vez me toco realizar una recopilación (manual como siempre) de tutoriales que prometen adentrarnos en el vasto campo del diseño y creación de iconos vectoriales usando Photoshop, Inkscape, Illustrator o inclusive GIMP, son 60 y espero que los disfruten, yo he realizado varios ya. Les invito a seguir leyendo y si algún tutorial te gusta no olvides visitarlo.

Bueno amigos, ya que estoy de vuelta se me ocurrió hacer esto un poco mas ordenado, limpio y elegante, algo mas trabajado, la mayoría esta en ingles, pero bueno nada que no puedan traducir, me encargue de buscarles tutoriales en español y tal vez se encuentren alguno. Los iconos se han usado desde que tengo memoria, ya sea en sitios web, en foros, como emoticonos, para adornar un blog, o simplemente gráficos vectoriales que complementan un diseño, son pequeños o grandes, y siempre representan un objeto, serie de objetos o algún personaje.

Haz click en el titulo para ir al tutorial y click en la imagen para ver en pantalla completa el resultado (si esta disponible). Disfruta los tutoriales amigo.

Tutoriales de Tutorial9

Como diseñar una Calabaza del día de Acción de Gracias [Photoshop]

En este tutorial aprenderás a crear una calabaza muy realista en forma de icono usando solo filtros y estilos de capa. Es un tutorial bastante básico escrito para usuarios no muy avanzados.

Diseñar una Gorra de Baseball en 3D [Photoshop]

Aprende a diseñar una gorra (cap, cachucha, sombrerin, polera) en Photoshop, del tipo beisbolista usando Photoshop, queda muy realista y se puede seguir de distintas formas, lo realizarás principalmente usando la herramienta pluma y algunos trucos para expertos.

Creando el icono de un Radio antiguo [Photoshop]

Aun recuerdo cuando en casa de mi abuelo veía este tipo de radios, llamados vintage radios, pues en este tutorial crearas uno desde cero usando formas, degradados, motivos y técnicas de capa.

Diseña una caja en 3D [Photoshop]

Aquí aprendas a crear un icono bastante realista y creativo de una caja con 3 dimensiones y unos documentos simulando el tipo de archivos .DOC. Hermosa caja amarilla muy bien pulida.

Icono Simple de Taza de Café [Photoshop]

Como ya saben había presentado antes un post de iconos de café, pero ahora aprenderás a hacerlos con Photoshop usando formas y texturas, degradados, algo semi-fotorealista.

Crea un Microsoft Zune [Photoshop]

En este tutorial aprenderás, con muy sencillos (pocos) pasos, a crear un famoso Zune, el reproductor de Microsoft, aprenderás con simples formas y estilos de capa a realizar un reproductor falso en solo segundos o minutos dependiendo de tu habilidad.

Diseña una caja para Software [Photoshop]

Bueno, todos alguna vez hemos soñado con tener nuestro software, pero también hemos deseado crear una especie de caja en 3D que represente algún producto, pues es posible viendo este tutorial, realista, con buena profundidad y presentación, un tutorial imperdible.

Tutoriales de Spoon Graphics

Crea un bonito y peludo monstruo vectorial [Illustrator]

Cambiando de programa a Illustrator, nos encontramos con este hermoso tutorial para crear al monstruo peludito que tienen en la imagen, fácil de seguir (relativamente), algo tardado de hacerlo perfecto y muy prestable a alterar el resultado para crear uno original y propio.

Icono RSS principiante [Illustrator]

Incluye tutorial en video y textual con imágenes, este tutorial para principiantes te enseñara a crear el clásico icono de Feed o RSS con sencillos pasos, usando shapes y transformaciones.

Como crear el compás de Apple Safari [Illustrator]

Si tienes MAC o usas Safari para navegar habrás visto este icono, pues aprenderás a hacerlo, es un complejo tutorial pero si es posible lograrlo aun siendo principiante, aprenderás a crearlo vectorialmente con formas y la herramienta de pluma.

Iconos Translucidos de IM [Illustrator]

Las ultimas versiones de MSN Messenger vienen con un icono con 2 personales translucidos entre si, pues con este tutorial los crearas con un efecto de transparencia igual al de Messenger.

Tutoriales de Envato Networks

Como nota digo que primero escogeré tutoriales de VEC+ y después PSD+, así que habrá tutoriales tanto de Photoshop como de Illustrator directos desde las filas de TUTS PLUS.

Como crear una iMac y un Magic Mouse Fotorealistas [Illustrator]

Como podrás notar, el icono de iMac luce bastante realista, para lograr esto tendrás que considerar usar bien las perspectivas, los degradados y tener un buen conocimiento de la herramienta pluma.

Divertidas Personas Congeladas [Illustrator] – Parte 2

Si alguna vez has visto dos personas juntas en un clásico icono, ahora ves lo mismo pero en un cubo de hielo, realmente divertido, este tutorial fue segmentado en dos debido a su complejidad y distintos pasos para lograrlo, se requieren bastantes trazos pero el resultado vale el tiempo.

Crea un icono de Twitter muy cómico [Corel Draw]

SI bien son bastante usados en sitios web, y mas en blogs, es siempre indispensable tener a la mano iconos de redes sociales, mejor si son bastante creativos o chuscos. Usando Corel Draw (necesitas conocimiento inmediato) aprenderás a dibujar el pájaro de la imagen en 11 pasos.

Abra Kadabra y el Sombrero [Illustrator]

El sombrero es un elemento único de un mago, lo mas común es que tenga un conejo dentro. En este tutorial usaras herramientas como la pluma, el buscatrazos y otras herramientas de Illustrator.

Dibuja una guitarra realista [Inkscape]

El programa gratuito vectorial hace de las suyas para permitirnos seguir este tutorial que toma como forma principal una guitarra eléctrica (Fender) y la vectoriza con extremo detalle para llegar a un vector bastante bien parecido y satisfactorio, todo con un programa gratis como Inkscape.

Nota. Si aun no tienes Inkscape puedes obtenerlo gratis en este vinculo.

Icono de anteojos Geek [Illustrator]

Los lentes de un geek son sagrados, así que en este tutorial se les rinde tributo haciéndote fácil el aprendizaje del diseño vectorial tomando como inspiración lentes colocados en una superficie con un vidrio bastante realista y con un armazón muy elegante.

Traza una deliciosa caja de comida china [Illustrator]

La comida china es deliciosa, en otros países he visto cajas así, en mi país son diferentes, aprenderás a usar complejas formas y trazados para diagramar esta caja con todo y galletas, palitos y una especie de sombra que harán complemento con esta caja, que además tiene palabras chinas en su caja, usaras bastantes técnicas y herramientas del Illustrator.

Crea una jugosa naranja RSS [Illustrator]

Ya fue mucho de RSS, pero no de aprendizaje, ahora aprenderás a crear esferas, orificios, popotes y hojas, a la vez de enredar texto en u objeto tridimensional. Suena difícil pero no lo es mucho.

Icono de Aperture [Illustrator]

Este icono pertenece al programa Aperture, un editor y visor fotográfico que pertenece a las filas de Apple, su icono es reconocido por ser un lente de cámara bastante pulido. Parece difícil, pero es tan fácil como crear muchos círculos, editar color de capas, degradados y rellenos.

Como diseñar un set de usuarios multicolor [Illustrator]

Yo en lo personal, seguí este tutorial paso a paso y si me salió, use distintos colores pero logre realizarlo, los detalles de sombreado parecen difíciles, se hacen con formas desenfocadas, eso si usaras el buscatrazos para unir formas (figuras) a cada rato y puede resultar confuso.

Diseña una bocina vectorial [Illustrator]

Si te apasiona el audio y la música, puedes seguir este tutorial que te ayudara a crear una simpática y profesional bocina usando cuadriculas, elipses y la herramienta de deformación.

Icono de sombrero militar [Illustrator]

Atrás había un sombrero también, pero este es para militares, seguro lo has visto alguna vez. Esta en un nivel medio-avanzado ya que requiere el uso dominante de herramientas como degradados, licuado, fusiones y muchas cosas mas. Se usa una referencia para partir, una foto real.

Crear el Icono vectorizado de una Bombilla [Inkscape]

Dale click en la imagen para verla de cerca, aquí tenemos otro maravilloso y detallado tutorial del programa gratuito Inkscape. Ahora aprenderemos a crear un foco (bombillo eléctrico) a partir de una imagen simple usando trazados y figuras. Colorizarlo será algo difícil pero todo esta explicado.

Como crear un reloj despertador [Illustrator]

Con el uso de figuras y degradados podrás crear un profesional y elegante reloj despertador. Se usara Illustrator CS4 para este tutorial, pero si tienes versiones antiguas no importa, igual sirven.

Crea un Cuaderno de Recortes [Illustrator]

No encontré mejor traducción para sketchbook . Aquí se te enseñara a crear un vector personalizable representando un bloc de notas grueso, o libro de bocetos. Usaras figuras básicas, algunas texturas. transformaciones y efectos.

[omega]

Diseña una casa básica [Photoshop]

Cuando se habla de casas, se habla en la web de pagina principal o venta de bienes raíces. Seguro querrás aprender este tutorial donde paso a paso te enseñaran a crear una casa clásica con figuras y degradados, simple pero muy útil, además… ya estamos en los tutoriales de PSDTUTS.

Crea una Elegante iMac de color Negro [Photoshop]

Con este serian ya dos tutoriales sobre crear una iMac y mas adelante viene mas de Apple, pero no te preocupes este tutorial te enseñara muchas técnicas de curveado y sombreado.

Creando el icono de una Van Retro [Photoshop]

Este icono esta pensado para un juego o una aplicación, como sea, en este tutorial algo complejo en formas, se te enseñara el proceso de creación, desde su dibujo y planeación hasta la vectorización en Photoshop, aplicaras técnicas que tal vez no conocías así que vale la pena verlo.

Como crear una cafetera [Photoshop]

Café, hace poco vimos una taza, ahora vemos el tutorial para crear una cafetera con una textura metálica, se partirá de una foto para terminar con figuras estilizadas y muchas cosas mas.

Crea un brilloso candado de seguridad [Photoshop]

Este famoso icono puede ser encontrado en , o en paginas de conexión donde requiere que se introduzca una contraseña. Pues en este tutorial aprenderás a crear un icono como estos.

Crea un teléfono móvil HTC Diamond Touch [Photoshop]

Haz caso y dale click a la imagen para ver el resultado final en pantalla completa. Aquí aprenderás a diseñar paso por paso un teléfono móvil HTC Diamond Touch, uno de los mejores teléfonos móviles de pantalla táctil que existe. Es un tutorial largo así que ve por donas y un café.

Como ilustrar una deliciosa paleta de hielo [Photoshop]

Si bien esto no tiene mucho de un icono, yo veo algo de potencial en aprender a realizar este tutorial ya que se exponen técnicas que amaras recordar el resto de tu vida. Bastante detallado.

Crea un icono de un sombrero de graduación [Photoshop]

Algo duros y poco flexibles pero bueno eso lo puedes hacer fácilmente con herramientas de deformación. Aprende como crear el clásico gorro de graduado usando rectángulos y otros elementos visuales para hacerlo brillosos y bien detallados.

Crea un cono de construcción o trafico[Photoshop]

Conos en la calle hay muchos, indican que hay gente trabajando o no se permite el paso por esa área, en este tutorial aprenderás a hacer un cono fácilmente y bastante iconizado.

Diseña un lápiz [Photoshop]

Si te gustan los lápices, esto es para ti. Con técnicas de transformación y degradados complejos, aprende a crear un lápiz bastante realista y brillante con Photoshop.

Tutoriales de otros sitios

Llego la hora de ponerme como loco a buscar en muchos sitios conocidos y no tan conocidos, usando google, marcadores y recomendaciones de amigos, armare una recopilación de tutoriales de distintos sitios, como lo prometí, algún tutorial en español será marcado “[Español]”.

Creando un icono de filme [Photoshop]

En el cine es muy común que un director tenga uno de estos, sirve para indicar el inicio o final de una escena, pues ahora podrás diseñar uno en 3D bastante real, ideal para tu sitio de cine.

Emoticón robot enfadado [Photoshop]

Transforma una esfera ordinaria en un lindo emoticón enfadado con tintes de robot.

Recrea el smiley de Yahoo! Messenger [Photoshop]

Seguro alguna vez has visto o usado el mensajero instantáneo que ofrece Yahoo!. La carita simpática que tanto nos da vueltas en la cabeza ahora puede salir de tu computadora siguiendo este fácil y gratificante tutorial para Photoshop.

Iconos estilo Adobe CS3 [Photoshop]

Todos los que estamos leyendo aquí (o no todos) hemos usado o visto algún producto de Adobe CS3… sus iconos siempre han sido creativos y objetivos, ahora crearas uno totalmente distinto pero inspirado en el original, se presta a muchas variaciones.

Como hacer el icono de un calendario [Illustrator]

Los calendarios son un elemento indispensable en muchos lugares, es por eso que usando el Illustrator crearas usando simples formas y texto, un calendario bastante elegante y limpio.

Monitor LCD de LG HDTV [Photoshop]

Otro tutorial para diseñar aparatos electrónicos, esta vez toca crear una televisión LG del tipo HDTV con una perspectiva asombrosa. Algo básico pero puedes mejorarlo.

Crea el icono de iTunes [Illustrator]

Tutorial para diseñar el conocido icono del programa predilecto para reproducir música y podcasts de Apple. Simple pero útil, aprenderás a crear un CD y una nota musical a la vez.

iPod Shuffle de Oro [Photoshop]

Me gustan los iPod, y mas si son compactos. Aprende a diseñar paso a paso un iPod Shuffle de color dorado usado figuras y técnicas de brillo para dar mayor realismo al reproductor de música.

Deliciosos conos de helado [Photoshop]

El helado es delicioso, ¿Porqué no inmortalizarlo en un icono?. Este complejo tutorial te enseñara mas de lo que crees a la vez de que nos hace antojarnos de un rico helado de fresa y vainilla.

Carpeta estilo Windows XP [Photoshop] [Español]

Prometí un tutorial en español y lo prometido es deuda, aquí tienen uno en español. Aquí podrán crear una carpeta estilo Windows XP un poco mas sencilla pero igual de bonita.

Logotipo de Volkswagen [GIMP]

Como no acordarse del viejo GIMP (programa gratis de edición fotográfica). En GIMP puedes fácilmente diseñar paso a paso desde cero el logotipo de la empresa automotriz alemana.

Dibuja el control remoto de una consola Wii (Wii Controler) [Photoshop]

El mundo de los videojuegos esta lleno de controles, desde el retro control del super nintendo hasta el sofisticado control inalámbrico del Wii de Nintendo, aprende a crearlo desde cero.

Crea un Speaker o Bocina USB [Photoshop]

Hay diferentes tipos de bocinas, existen las bocinas USB y en este tutorial de un blog que pasa muy desapercibido para el publico en general, aprenderás a desarrollar una bocina en 3D del tipo USB.

Reproductor MP3 USB [Photoshop]

Otro dispositivo mas de USB. Aprende a crear un reproductor de MP3 portátil bastante detallado desde cero usando figuras y transformaciones, un pequeño error del creador es que la banda si no mal recuerdo se llama Linkin Park y no Linking Park .

Diagramando llaves [Photoshop]

Te lo explican desde el punto de vista de partir de un dibujo para lograr el cometido, puede resultar algo confuso pero estoy seguro que podrás hacerlo. Aprende a crear llaves con Photoshop.

Diseña la caja del instalador de Adobe CS3 [Photoshop]

Los instaladores de los productos de Adobe Creative Suite 3 traen como icono una linda y creativa caja con el logotipo del producto en si, usando Photoshop y este tutorial aprenderás a crear este icono ya se que lo uses en tu “Dock” o en donde quieras usarlo, además se puede mejorar.

Lámpara Power Plus Puma [Photoshop]

Al principio creí que se trataba de un sacapuntas hasta que investigue un poco y me di cuenta que era solo una lámpara. En el tutorial se te enseña como crear esta lámpara muy parecida a la real.

Deposito de tinta clásico con pluma [Photoshop]

Deposito de tinta de los clásicos con una pluma natural. Aprende como diseñar un barril para tinta con una fotorealista pluma de ave, retro y super utilizado en algunos sitios web.

Impresora Laser [Photoshop]

Detallada y bien definida impresora del tipo laser, se requiere un poco de conocimiento sobre la herramienta pluma. También puedes poner tu propia creatividad para hacerlo mas original.

Diseñar una Pirámide Verde [Photoshop]

Sencillo pero útil tutorial que te deja un conocimiento sobre triángulos y perspectivas, además de un lindo efecto de texto para practicar al ritmo de un color verde. Pirámide que creo haber visto antes.

Crea un PlayStation 3 [Photoshop]

Como dato útil, no puedo entrar a PS3Land.com para ver porque esta la URL en este tutorial pero que mas da, se que es legitimo. Aprende a crear un impresionante PlayStation 3 desde cero con aspecto 3D, no notaras que es creado ya que se ve bastante real y hasta yo me confundiría .

Limpios y elegantes iconos Web 2.0 [Photoshop]

Otro de PSDTUTS, este lo debí haber puesto junto con los de su categoría pero no creí que fuera lo suficientemente útil para ir aquí, sin embargo si llaman la atención y son bastante usados en las paginas web de hoy en día, lo cual llamamos tendencias de web 2.0.

Error de Windows Vista [Photoshop]

Ese icono que tantas canas verdes nos saca en Windows Vista ahora puede ser recreado gracias a los héroes de PSHero que nos traen este magnifico y bien explicado tutorial.

Caja Postal Realista de Cartón [Photoshop]

Alguna vez nos ha llegado un paquete del servicio postal de tipo caja con hilos, o alguna vez las habremos visto. En este tutorial aprenderás a crear paso a paso una caja de textura catonizada usando solo figuras y degradados, el estampado es simple y solo requieres texto y un logo.

Dibujando un Xbox 360 [Photoshop]

Si puse un tutorial de PS3 que no ponga uno de Xbox 360, este tutorial te resultara fácil pero tardado y te estancaras en algunas partes, pero no te preocupes, teniendo el apoyo del equipo pixel te decimos desde ahora que echando a perder se aprende .

Crea el icono de un GPS con estilo [Illustrator]

Como final procedemos con un tutorial reciente (según la fecha de publicación de este articulo) de los chicos de Vectips en el que se muestra el proceso de realización de un dispositivo de Geo Localización (GPS), con algo de estilo y originalidad, nada que no te hayan enseñado antes pero igual y algo nuevo aprendes, me llevo el icono para usarlo luego .

Aquí termina el orgasmo de tutoriales, espero no hayas sido defraudado, recuerda que no importa el programa, importa el conocimiento que tengas y la creatividad, elegir un buen concepto e imagen del icono, si es posible dibújalo antes y vectorizarlo después, nunca hagas todo a las prisas.

Si hay algún tutorial que creas conveniente poner aquí, incluso si es tuyo y eta publicado en tu blog o es el tutorial de un amigo, alguno que tengas en favoritos y te guste compartir, no se, tu dime, solo tienes que dejar un comentario ya sea para sugerirlo o para felicitarme por la recopilación, cualquier cosa que tengas que decir es aceptado, pero recuerdo no venderme viagra ni llamarte Hoteles Baratos, ese tipo de comentarios me molesta y no dudo en borrarlos.

Las mejores fuentes gratuitas del 2009

Abel — Fri, 13 Nov 2009 15:22:20 +0000

El otro día publiqué una recopilación en la que os mostré 7 fuentes famosas para poder descargar y usar en los diseños propios. Bien, Hoy os traigo el enlace hacia una recopilacion hecha por Web Design Ledger, en la que nos muestran las mejores fuentes gratuitas del 2009.

En ellas se muestran fuentes bastante buenas, como Sansation, Quicksand y Sovba. Pero claramente mi preferida es Sansation. Esperoque so guste la recopilación, pronto les traeré un tutorial que les gustará, sobre todo a los principiantes.