Pedro Puig

Entradas de la categoría ‘Diseño’

Integrar ilustraciones en nuestros diseños

19_flashnseo

5_stoodeo

3_wishlistr

Haciendo referencia al diseño web o de blogs, la utilización de una ilustración puede dar un enfoque muy atractivo a nuestros diseños. En Deziner Folio podemos ver un listado de 20 sitios donde emplean el uso de este tipo de ilustraciones, sobre todo en cabeceras.

Vía: Deziner Folio

Extensión PSB

Estos días estoy diseñando un poster con unas dimensiones importantes (5 metros x 2 metros), estoy trabajando a tamaño real y a una resolución de 150 dpi, más sería desesperante, para guardar el archivo estoy 10 minutos, para hacer alguna modificación 3 minutos cada una. La maquina con la que trabajo no es que sea una maravilla, pero no está mal, un Imac con 4gb y un procesador Inter Core 2 Duo a 2.8 GHz, os cuento todo esto por lo siguiente, ya tenía el fondo del poster más o menos diseñado cuando por mi cabecita paso la idea de guardar y efectivamente así lo hice, cual fue mi sorpresa que después de estar 10 minutos guardando y ya casi a punto de finalizar cuando el photoshop me dijo “ Error. El archivo tiene un tamaño superior a 2 Gb, por favor consulte la opciones de guardar” ¿Qué? ¿Cómo? ¿Es a mí?, pus si era a mí, resulta que photoshop tiene ciertas limitaciones en el tamaño de los archivos:

  • 2 Gigabytes para archivos PSD
  • 4 Gigabytes para archivos TIFF
  • 100 Gigabytes para archivos PSB
  • 10 Gigabytes para archivos PDF (existe un límite de 30,000 pixels y las paginas no pueden tener más de 200).

Lógicamente me fije en los archivos PSB, resulta que son archivos para formatos gráficos grandes, según dice adobe (literal):

El formato de documento grande (PSB) admite documentos de hasta 300.000 píxeles en cualquier dimensión. Se admiten todas las características de Photoshop, como las capas, efectos y filtros. Puede guardar imágenes de alto rango dinámico, de 32 bits por canal como archivos PSB. Actualmente, si guarda un documento en el formato PSB, puede abrirse sólo en Photoshop CS o superior. Los documentos guardados en formato PSB no pueden abrirse en otras aplicaciones ni en versiones anteriores de Photoshop.

Pues solucionado el tema de los tamaños sigo trabajando en el poster y os puedo asegurar que es desesperante, este post lo he escrito mientras esperaba a que Photoshop acabara de guardar el archivo.

35 fondos oscuros para diseñadores

35_free_dark_backgrounds_by_twiroo

Últimamente está muy de moda utilizar fondos de gran tamaño como fondo en páginas webs, blogs… En Mabucplus podemos descargarlos de forma gratuita. Los fondos están sacados del blog de Yuri Fedorov y son todos de muy buena calidad.

Vía: Intenta

Evolución de logos corporativos

bcle-01

En InstantShift nos ofrecen una interesante recopilación de logotipos de importantes empresas (Apple, Microsoft, Kodak, Pepsi etc.); es sorprendente ver la evolución de algunos logotipos a lo largo del tiempo, algunos ya del siglo pasado, como el de Pepsi o el de Nokia (el logo de Nokia era en un principio un salmón).

Nos explican (en inglés) el porqué de cada logotipo, su evolución e historia, un buen articulo para conocer el grafismo en tiempos pasados.

Vía: Intenta

Card observer, tarjetas de visita profesionales

cardobserver01

Cuando hay que diseñar la imagen corporativa de una empresa, uno de los elementos más representativos de la imagen de marca es la tarjeta de presentación. Una buena imagen de presentación puede decir mucho de nosotros

cardobserver02

Card Observer es una recopilación de los mejores trabajos en tarjetas de presentación o personales, podemos hacer comentarios sobre las mismas e incluso si hemos hecho un trabajo sobresaliente proponerlo para ser mostrado.

Sin duda un buen lugar para inspirarse.

Vía: Diego Mattei

Marcial y La Bodeguita de María

imagen_post_labodeguita

La Bodeguita de María es un famoso restaurante de la ciudad de Valencia (lo recomiendo encarecidamente) Marcial, su dueño y amigo desde tiempo, me encargo un weblog que estéticamente transmitiera la esencia que él pretende dar al local y a su cocina, según él, lo conseguí, pero es que el recuerdo de haber disfrutado de su cocina y de sus cuidados vinos me lo facilito.

Las tonalidades de color pasan del negro al granate, basándonos en el blanco como elemento de contraste. Resalta en portada, una cabecera gráfica de importantes dimensiones que se estrechará en páginas interiores. La iconografía juega un papel importante, iconos de grandes dimensiones forman parte del encabezado de cada una de las secciones.

En el weblog podemos conocer la historia del Restaurante, sus cada vez más conocidas especialidades, intentar emular las recetas que nos ofrecen; además podemos hacer la reserva online. Como elemento destacado esta el recorrido virtual por el local donde podremos conocer los rincones más especiales de este buen restaurante valenciano.

Ver Portfolio

URL: www.labodeguitademaria.com

El Enganche, análisis e historias del fútbol internacional

imagen_post_elenganche

El Enganche es un veterano blog que necesitaba urgentemente un lavado de cara; darle una estética más actual era uno de los objetivos prioritarios. En primer lugar se debía diseñar un logotipo que transmitiera de alguna forma la temática del blog y estuviera en consonancia con la nueva estética a crear; el siguiente paso fue, diseñar una nueva estructura de navegación reorganizando los contenidos ya existentes.

Para evitar que el sidebar fuera extremadamente largo se opto por la utilización de pestañas para determinados apartados. Las funcionalidades destacadas están presentes a modo de banners al principio del sidebar. El layout se plantea con cabecera, cuerpo y sidebar simple con bastante anchura

La estética se basa en tonos verdes degradados como fondo. El blanco es el elemento de contraste. Diferentes elementos decorativos aparecen en los límites de la cabecera ofreciendo un aspecto desenfadado.
Espero que os guste este nuevo trabajo, el segundo ya sobre futbol.

Ver Portfolio

URL: www.elenganche.es

Trotamillas, aumenta la familia en Zumo de Blogs

trotamillas

Estas semanas voy a presentar en el blog varios proyectos que he ido desarrollando a la largo de estos meses. Para abrir el ciclo, comienzo con Trotamillas, un nuevo blog temático desarrollado para Zumo de Blogs y que eleva a 6 los blogs de esta red.

Como comentan en Zumo de Blogs:

En Trotamillas hablaremos de destinos turísticos, de cruceros, de hoteles, de guías de viajes, de trucos… de cualquier información que consideremos de interés para los trotamillas

El diseño lo he realizado con Blogestudio y el layout se basa en el mismo planteamiento utilizado en los anteriores blogs de la red, cabecera con importante carga gráfica, doble sidebar y cuerpo. La gama cromática utilizada está basada en gama de azules con el amarillo, blanco y gris como contraste.

URL: www.trotamillas.es

Tipografía en posters e ilustraciones

typography_posters_3

typography_posters_19

Muchas veces estamos limitados por el medio web a la hora de utilizar tipografías, ya sea por el espacio que disponemos para crear el efecto o por las dimensiones de las imágenes generadas. Sin embargo en otros medios (ilustraciones, posters etc…) la utilización de tipografías puede llegar a ser tan espectacular como nos demuestra Web Design Ledger.

Motivos metálicos para nuestros diseños

motivos_metalicos

Estupenda recopilación de motivos metálicos para ser utilizados como patrón a para detalles de fondo en degradado. El pack consta de 12 patrones de aspecto muy realista.

Otro recurso más para nuestro cajón de sastre.

Descarga directa

Vía: Diego Mattei