portafolio blog

Block de notas al estilo Apple, para webmasters.

Alfonso Lozano — Wed, 07 Jan 2009 15:42:39 +0000

Si hace unos días os hablábamos sobre unas plantillas de estarcido, concretamente el Web Stencil kit, consistentes en unas reglas con motivos de iconos y barras de estilo web, ahora le toca el turno a estos estupendos blocks de notas para bocetos, al estilo Apple.

Pues bien, se trata de realizar croquis sobre las hojas de un cuaderno, como podéis ver en la imagen, pero con la peculiaridad de que la estructura del cuaderno se hace sobre una interface con la imagen y estilo que utiliza Apple, para el diseño de sus ventanas y navegadores. De este modo en unas hojas tendremos unos recuadros de ventanas y en otras la estructura de un navegador tipo Safari, pero con el contenido vacío, para que nosotros lo rellenemos con nuestro diseño.

Este cuaderno esta pensado y es ideal para los webmasters, que quieran realizar sus anotaciones o bocetos a la hora de plasmar al cliente la primera idea de lo que a posterior será su proyecto web.

Sin duda una buena idea, aunque el valor estético esté por encima del funcional, que nos hace nuestro quehacer diario más cómodo y agradable.

TrendsNow / Fuente de referencia.

Personaliza tu propio muñeco con 3EyedBear.

Alfonso Lozano — Wed, 07 Jan 2009 08:36:02 +0000

Hace ya bastante tiempo que esto de los muñecos está inundando tanto la red, como el mundo editorial. Y es que no cabe duda que estos encantadores personajes son un soporte suculento para explayar nuestra creatividad.

Y eso es lo que hace 3EyedBear, una página que nos da la oportunidad de realizar nuestra composición artística, diseñando una de sus originales plantillas de muñecos de cartón. Y la verdad que está muy en boga en distintos sitios, esto de customizar tu propio toy, totalmente personalizado.

También hay que tener en cuenta que el hecho de que sean de cartón, es una opción más económica que si compras el muñeco de fibra plástica para pintarlo. Al fin y al cabo ambos ejemplos sirven para plasmar nuestra creatividad.

En este caso no tenemos más que descargar la plantilla, decorarlo con el programa de diseño que queramos y montarlo, sacas una foto y lo subes a la galería para compartirlo con todos.

3EyedBear / muñecos para diseñar.
Blogvecindad / Fuente de referencia.

Los 25 mejores posts de diseño del 2008

Miguel L. Romero — Tue, 06 Jan 2009 21:53:04 +0000

Un interesante repositorio de los mejores y más útiles posts y escritos sobre temas de diseño en este 2008 que pasó, y aunque son articulos de diseño en inglés, creo que pueden ser de mucha utilidad para todos los diseñadores gráficos y Web que necesiten hacer un repaso de ciertos temas interesantes relacionados con este magnifico mundo del diseño y sus variantes estéticas.

Está subdividido en categorías y formatos de expresión y comenzamos con Inspiración.

25 de los mejores escritos sobre diseño y sus variantes del 2008:

Inspiración Digital.
1. Tipografías hermosas en tercera dimensión para inspirarnos.
-link-

2. Más de 50 posters e ilustraciones vectoriales impactantes.
-link-

3. 34 Alternativas para conseguir inspiración para diseñar.
-link-

Tipografías.
4. Posters de tipografías que quitan el aliento.
-link-

5. Colección extraordinaria de 10 tipografías artísticas.
-link-

6. Errores comunes en la tipografía, 10 ejemplos prácticos.
-link-

Diseño de logotipos.
7. Colección de 105 tutoriales y recursos para diseño de logos.
-link-

8. Logotipos vectoriales brillantes deconstruidos, 30 ejemplos.
-link-

9. Tutorial para crear un logotipo paso por paso.
-link-

Recursos Web gratis.
10. 40 iconos gratuitos con diseño hermoso.
-link-

11. Recopilación de 12 sitios para descargar texturas gratis.
-link-

12. Colección de 350 sitios con Brushes, texturas y tipografías.
-link-

Diseño de empaques (Packaging).
13. Diseños de empaques para conseguir inspiración.
-link-

14. Repositorio de 9 tutoriales magníficos de diseño de empaques.
-link-

15. Más ejemplos de buen diseño de empaques para inspirarse.
-link-

Tutoriales de Photoshop.
16. Como crear letras de cesped en Photoshop.
-link-

17. Como hacer efectos brillantes a una chica sexy.
-link-

18. como darle efecto de película a una foto en Photoshop.
-link-

Tutoriales de Illustrator.
19. Efectos circulares y de gotas en Illustrator.
-link-

20. Tutorial de illustrator para hacer lineas redondeadas modernas.
-link-

21. Como usar Illustrator para hacer Websites limpios.
-link-

Cosas Extras.
22. Ejemplos claros de fotomanipulación, 20 formas.
-link-

23. Colección de 36 tarjetas de visita que tienes que ver.
-link-

24. Recopilatorio de 75 imágenes en HDR fantasticas.
-link-

25. Tutorial para captar la tención del visitante Web.
-link-

Espero que esta colección de los 25 mejores articulos del 2008 relacionados con el diseño gráfico y Web sean de utilidad para todos nuestros visitantes. Encuentro especialmente interesantes los tutoriales de Photoshop y los tutoriales de Illustrator, aunque en realidad los recursos son buenos en su mayoría.

Para entrar a nuestra zona de tutoriales, puedes visitar nuestra Sección de Tutoriales.

Snap2objetcts / Fuente de referencia

Como hacer tragos y cócteles online

Miguel L. Romero — Mon, 05 Jan 2009 17:48:24 +0000

Nunca está de más tener a la mano una lista de sitios Web con recetas de tragos y cócteles para amenizar una reunión, mucho más cuando no sabemos preparar tragos para estas ocasiones especiales. Gracias a Kabytes llego a un repositorio de sitios que te enseñan como preparar cócteles y tragos en línea para esas fiestas o algunos momentos interesantes del ocio en la vida.

Repositorio de Webs para aprender a preparar bebidas online

La lista no es muy extensa, se trata de 4 Websites solamente, pero cada sitio es único por su contenido, ya que tienen varias recetas y algunos trucos adicionales muy adecuados para preparar los tragos y ser el cantinero favorito de la fiesta y de tus amigos.

4 Sitios con recetas para preparar bebidas, tragos y cócteles:

1. CocktailDB.
2. Extratasty.
3. Cocktailbuilder.
4. Drinksmixer.

Pues ya está. Si estás interesado en convertirte en un cantinero profesional (por lo menos para que tus amigos y colegas te consideren como tal) no te olvides de visitar estos sitios y aprender los secretos más actuales y clásicos de todos los tiempos en cuanto a tragos y bebidas, cócteles y más brebajes para las fiestas.

No hay excusa, aprende como preparar los mejores tragos y bebidas del 2009.

Estupendos fotomontajes con Your Magic Photo

Alfonso Lozano — Mon, 05 Jan 2009 16:24:35 +0000

Incluir una imagen en una escena determinada con programas como Photoshop, no requiere de grandes conocimientos. En realidad basta con seleccionar, copiar y pegar. Pero claro, que quede bien montado con el contraste adecuado, sombras etc, es algo más complicado, que requiere de la destreza del artista gráfico.

Existen otras soluciones para quienes no tienen estos conocimientos o simplemente se quieren ahorrar tiempo en montajes y requieren de ciertas presentaciones.

Your Magic photo, es una estupenda utilidad online que nos puede solucionar en la medida de lo posible esta tarea, ya que su facilidad de uso, unida a la cantidad de ejemplos de imagen disponibles, nos facilitarán enormemente el trabajo de montaje.

Basta con subir la imagen que quieres incrustar en las fotografías base, en uno de estos formatos: png, jpg o gif y elegir el escenario donde deseas colocarla. El programa se encargará de adaptar lo mejor que pueda tu imagen sobre la que hayas elegido. Más de 200 imágenes a elegir, donde encontrarás desde marquesinas,vallas publicitarias y otras plantillas fotográficas de interés.

Como podéis comprobar en la imagen del post, nosotros ya lo hemos probado, ahora te toca a ti.

Your Magic photo / utilidad para fotomontaje.
Esmeraldasblog / Fuente de referencia.

Estanterías creativas con mucho estilo.

Alfonso Lozano — Mon, 05 Jan 2009 12:26:25 +0000

La verdad es que cada vez es más difícil recopilar nuestras colecciones de libros y revistas en nuestro hogar u oficina. Yo particularmente ya no se donde ubicar mis colecciones de diseño y las estanterías están tan cargadas que cualquier día se caen por su propio peso. Y es que me cuesta mucho desprenderme de ciertos ejemplares que tienen mucho valor para mi.

Ante esta problemática cualquier idea para aprovechar el espacio al máximo, es bienvenida.

En Toxel nos muestran un estupendo artículo que hace referencia a librerías y estanterías creativas. Una colección de diseños experimentales de atractiva estética, sin perder el carácter funcional que requiere este elemento de diseño de mobiliario. Sus diseños son espectaculares y me imagino que el precio irá en función de ello, sin embargo no dejan de ser buenas ideas, por si hay algún manitas se atreve a confeccionar la suya propia.

Toxel / colección de librerías creativas.
Isopixel / Fuente de referencia.

Avión tenedor. Ideas para la educación infantil.

Alfonso Lozano — Mon, 05 Jan 2009 11:22:01 +0000

Muchos de nosotros no creo que nos acordemos de muchas cosas de cuando éramos pequeños. Por ejemplo cuando nuestra madre se las ingeniaba para darnos la comida. Sin embargo la mayoría de los niños son difíciles de convencer a la hora de comer y es en ese instante cuando todo tipo de estrategia es necesaria para convencer al infante de que debe comérselo todo, para hacerse fuerte y saludable.

Una de las mañas más conocidas a la hora de hacer comer a un niño es el truco del avión de todos ya conocido. Se trata de hacer la tontería de utilizar la cuchara o tenedor como si fuese un avión, que al final aterriza con la comida en la boca. El truco debe ser efectivo ya que se ha utilizado desde años ancestrales con buenos resultados.

Pues a la diseñadora Sibylle Stoeckli, se le ha ocurrido la genial idea de incorporar un avión al tenedor, para hacer más representativo el juego del avión. El invento se llama Airfork One y hace referencia al modo de transporte aéreo del presidente de los Estados Unidos.

La idea está perfectamente representada por el concepto de unir el utensilio de comida, con el famoso juego del avión.

¡Haber si con esto, los niños son capaces de comer por ellos solos!

Sibylle Stoeckli, diseñadora del Airfork One.
Gráfica publicitaria / Fuente de referencia.

Carteles de películas de clase B

Alfonso Lozano — Mon, 05 Jan 2009 09:14:49 +0000

En cuanto a diseño se refiere siempre ha habido buenos diseños y diseños mediocres, o al menos así se han catalogado debido a aspectos referentes a estética o sujetos a la producción. De el mismo modo que existen películas de clase B, por entenderse un género secundario, también ocurre por igual en el diseño gráfico. Sin embargo podemos encontrar auténticas joyas de diseño gráfico en la gráfica representativa de estas películas.

Esta interesante colección de posters o carteles de clase B, es una buena prueba de ello. Se trata de una colección de esos carteles referentes a películas de clase B. Películas que por su carácter independiente o quizás baja producción y mal gusto, han pasado a englobar un género cinematográfico secundario.

Pero lo que está claro es que existen un gran número de personas aficionadas a este género e incluso, coleccionan estos afiches por su cultura gore e independiente.

En Atomic Pinup, podréis disfrutar de esta extensa colección de carteles de clase B.
A desgana / Fuente de referencia.

20 Logotipos extraños que funcionan

Miguel L. Romero — Sun, 04 Jan 2009 00:16:22 +0000

El diseño gráfico y sus componentes estéticos en ocasiones pueden experimentar cambios, alteraciones, combinaciones, entre muchas otras cosas que dan como resultado elementos curiosos que juegan con las formas. Tal es el caso de los logotipos y su composición, hoy presentamos una colección de 20 diseños de logotipos extraños pero que funcionan bien y algunos son conocidos.

Recopilación de 20 logos con diseños curiosos y extraños:

1. Logotipo de Society 27.

El logo utilizado en Society 27, que fue hecho por Pavel Pavlov usa un estilo fusionado que le otorga un efecto preciso, en donde los números 2 y 7 se conjugan entre sí.

2. Logotipo de la Londos Symphony Orchestra.

Este logotipo de la Orquesta Sinfónica de Londres, es en su composición una línea curvada que representa un gráfico curvo y distante que si se observa en su conjunto organizado, da como resultado las letras o iniciales de London Symphony Orchestra.

3. Logotipo de I Love New York.

Simple y nada complicado. el Logotipo de I love New York, simplificado con un corazón y las iniciales de la ciudad (NY) ha servido para promover el turismo en la zona y darle una identidad clásica a Nueva York.

4. Logotipo de Museum of London.

Un logotipo algo ambiguo y curvo, con varias zonas muy orgánicas y movidas, colores y formas. El logotipo del museo de Londres, moderno en su contexto representa más de lo que a simple vista ofrece, habla de la misma historia de Londres y su importancia en el tiempo.

5. Logotipo de Metroplex.

Un logotipo circular, con colores vivos y la utilización de planos en tercera dimensión que representan la idea de edificios. En su logo Metroplex si ofrece la idea y el concepto de metrópolis en toda la extensión de la palabra.

6. Logotipo de Cattleyard.

El logo de Cattleyard promotios es una sinfonía interesante. No solamente mezcla instrumentos musicales en su composición, sino que le dan una forma de vaca y al final eso es lo que representa todo el compendio de figuras y formas, una vaca.

7. Logotipo de CafeClick.

Este logotipo de Caféclick en realidad es bastante simple y usado. Utiliza el cursor del ratón (mouse) como si fuera el humo del café saliendo de una taza caliente. Es un logo simplista pero bien pensdo en realidad.

8. Logotipo de Logo Motives de Jeff Fisher.

Logo Motives es el resultado de la creatividad y diseño de Jeff Fisher, y en el cua podemos ver una serie de gráficos que forman una locomotora y las ruedas conforman la palabra Logo, es una combinación muy intensa que realmente quedó fantastica.

9. Logotipo de Rehabilitation Hospital Corporation of America:

Una idea común con un mensaje muy amplio. El logo de Rehabilitation Hospital Corporation of America nos ofrece la tradicional cruz de los hospitales con unas escaleras que simbolizan la sanación y la recuperación del paciente.

10. Logotipo de Schizophrenic.

Otro logotipo que juega con las formas tradicionales y que son aceptadas y conocidas por todos. El logo de Schizophrenic representa al enfermo de esquizofrenia que sufre desordenes mentales y cambios de ánimo constantemente.

11. Logotipo de Curious.

Curioso o curiosidad siempre se asocian (o habitualmente) con una pregunta o con una incógnita. Es por esto que en este diseño vemos el símbolo del acertijo o pregunta, muy bien empleado por parte del diseñador.

12. Logotipo de Modern Nerd.

Este logotipo de Modern Nerd hace uso de la expresión clásica y simbólica, no es muy complicado y son formas que le dan el aspecto apropiado, en este caso de un chico Nerd o Geek moderno.

13. Logotipo de Time Watch.

Un logo bastante sencillo que simplemente cambia la letra “i” por un símbolo asociado con el entorno de los relojes digitales, los dos puntos “:” y le da el efecto adecuado y buscado.

14. Logotipo de Full Time.

Este logotipo sinceramente es de mis favoritos, lo que yo usaría las manecillas del reloj un poco más hacia arriba, pero en su contexto representa tiempo y el agua dentro del reloj representa completo o lleno, o sea tiempo completo “full time”.

15. Logotipo de Upside Down.

Upside down productions, en su logo no hace más que jugar y experimentar con la posición primaria de las tipografías, como su nombre lo indica juegan con la idea de estar hacia abajo.

16. Logotipo de Candy.

Es estupenda la forma en que la empresa Candy mezcla un caramelo con su envoltura con el rostro de una niña pequeña, quizás sea la mezcla de estos dos elementos en su logo lo que lo hace tan especial, además los colores pastel son excelentes componentes.

17. Logotipo de Seven and Six.

Una variación lineal en la estructura del logo de Seven and Six, en donde una linea hace trazos sin perder su continuidad orgánica y forma un 7 y un 6, además del símbolo & que es un clásico.

18. Logotipo de Studio Eight.

Buena composición de lineas que conforman una S y dan la ilusión aproximada de un 8, este logo de Studio Eigth es muy emblemático y bueno.

19. Logotipo de Zip.

Este logo de Zip que en principio está compuesto por tres letras, es bastante interesante, ya que la “i” está representada por lo que parece ser una cremallera (”Zipper” en inglés) y hace juego con la idea del nombre.

20. Logotipo de Bison.

Seamus Leonard fue el diseñador encargado de llevar a cabo este logotipo de la empresa Bison, y es un claro ejemplo de como las letras pueden distorsionarse para conformar una figura distinta o aproximada de lo que significa la empresa.

Realmente son interesantes estos ejemplos de logotipos extraños y curiosos, podemos encontrar muy buenos logos y muy malos también, estos cumplen su función a pesar de que son hechos con un toque de ambiguedad o experimentación.

Para saber más de logos puedes visitar nuestra sección de Logotipos.

Vectortuts / Fuente de referencia

Web2.0calc, calculadora cientifica en línea

Miguel L. Romero — Sat, 03 Jan 2009 16:42:58 +0000

Web2.0calc es un proyecto matemático online gratuito, se trata de una calculadora online con características avanzadas, o sea con todas las opciones (o por lo menos la gran mayoría) de una calculadora científica, la ventaja es que esta calculadora está online y su uso es gratis.

Calculadora científica online gratis

Su formato es simple y cuenta con las alternativas clásicas de una calculadora científica convencional, pero al estar en línea se convierte en una opción disponible en todo momento (relativamente claro), y si entramos en el sitio Web2.0calc, podemos ver que por ahora solamente nos encontramos con la opción de la calculadora científica en línea y nada más.

Hace algún tiempo publicamos aquí sobre un proyecto similar Ecalc, calculadora cientifica online, pero este proyecto cuenta con algunas funcionalidades 2.0 como la posibilidad de compartir información con otros usuarios y la de ver los calculos hechos por nosotros en los últimos días, aunque bueno, nada fuera de lo común en realidad.

Es una divertida alternativa matematica online, así que puede salvarnos el pellejo de vez en cuando.

Web2.0calc / Sitio oficial de calculadora online
Kabytes / Fuente de referencia