Logo facil, con Logo ease

May 26th, 2008 | Ningun Comentario | Publicado en Blogging, Diseño, internet

Un sitio web, tomado desde el punto de vista de como un producto,  es recordado por varias razones, pero una de las importantes es tener un logo que a la gente le guste, uno simple, profesional, y que resuma el producto/web en imagenes.

Como no todos tienen el tiempo y capacidad de crear un buen logo (ni yo :P, sino miren los de esta red), para eso tenemos a Logo ease, un servicio web gratis (con niveles de servicio pagos) en donde podremos crear nuestro propio logo en poco tiempo y esfuerzo.

Tu haces click en “Start your logo” y te abrirá una nueva ventana (tendrás que desbloquearla si utilizas firefox), en el cual en tres pasos podrás tener tu logo terminado. Primero debas seleccionar una imagen, luego escribes lo que quieras y por ultimo lo guardas. Realmente es algo simple, pero es mejor que solo letras.

Vía | tendenciasdigitales

Etiquetas: ,

Capas en Gimp

May 22nd, 2008 | Ningun Comentario | Publicado en Diseño, Gimp

¿¿¿¿¿Que es lo que hace Gimp que es tan diferente del paint?????

Una de las cosas diferentes es que en paint solo tienes una capa para hacer tus diseños o retoques, en Gimp tienes infinitas capas.

Las capas son como si fueran hojas de trabajo una arriba de la otra, en las que puedes hacer modificaciones en una sin alterar las demás. Para entenderlo mejor analizaremos un ejemplo.

La imagen esta compuesta por 8 capas:

La que dice “fondo” es la capa que viene por defecto al crear una nueva hoja, esta modificada, pintada de un color en el medio y borrada la parte de abajo.

ATENCIÓN:  lo que se ve como cuadrados grises en realidad es transparente.

Luego cree las otras capas con el primer botón debajo de la ventana “capas”.

Las capas que dicen letra “x” contienen las letras de GIMP. Las dos que tienen un ovalo blanco, una es la original y la otra es la copia creada con el cuarto botón debajo, la copia esta movida. Ambas capas están a un 30,2% de opacacidad (creo que invente una palabra), esto es lo mismo que transparencia, y lo podemos manejar en la ventana capas.

Hay una capa en especial, la “mancha roja”, la cual no se ve, es porque apretando sobre el ojo a la izquierda de la capa, esta deja de estar visible.

En este caso el orden de los factores SI altera el producto, si ponemos una capa encima de la otra, esta, en el área que tenga algo, tapara a la de abajo.

Método de guardado…

Cuando guardes la imagen podrás seleccionar el tipo de extencion que quieras:

En el caso que quieras que la imagen se guarde en capas, para modificarlas después, tienes que guardarla en .xcf, el formato de Gimp.

Bueno… creo que ya esta todo lo basico para manejar capas, luego veremos como manejar mascaras y canales alfa. Si falto algo aqui o quieren hacer un aporte solo comentenlo.

Etiquetas: ,

El logo de Google

May 16th, 2008 | Ningun Comentario | Publicado en Blogging, Diseño, Noticias, internet

Hoy al levantarme he enchufado el odenador y mi sorpresa, al igual que ayer, ha sido ver el logo de google cambiado.

Me he dado una vuelta por la red y he intentado averiguar a que se debia tal cambio. Ayer, ya estube haciéndolo, pensé en postearlo, pero al final lo dejé. Pero hoy, gracias a Adseok y a abadiadigital, si que me he decidio a postearlo, porque dos cambios en dos dias, son muchos cambios!!

Así pues, parece ser que el logo de Google de hoy, es debido a que hoy celebran el aniversario de la invención del primer láser. El aspecto del logo es algo futurista, bastante inusual en Google. El especto del logo, no es que me apasione. Yo soy algo mas “normal”. Por ejemplo, me gustaba mucho mas el de ayer.

Así pues, este es el aspecto que ayer podiamos encontrar en Google. Como he dicho, a mi me gustan mucho mas este tipo de logos. Mas sencillitos, mas tradicionales. La razon por la cual Google cambió el logo de ayer, es la misma que hoy. Ayer celebraran la primera proyección cinematográfica, que tuvo lugar en 1896.

 

 

Etiquetas: , ,

¿Queres una MacBook Air mas 1000 euros?

May 15th, 2008 | 2 Comentarios | Publicado en Diseño, Noticias

Bueno, ponte las pilas y diseña!!! Ya que Liceo Grafico ha abierto un concurso para encontrarle dueño a la solitaria Air.

Debes diseñar el nuevo logotipo que identificara a la empresa y a su pagina web, puede participar cualquiera y tiene un tope de dos diseños por participante. Tienes hasta el 15 de junio del 2008 para enviar tus diseños.

Si no ganas, no importa (mentira si que importa), a todos los participantes de darán un bono de descuento de 100 euros para trabajos superiores a 300 euros en el liceo gráfico.

Suerte!!!!

Web | Liceo Gráfico

Etiquetas: ,

Tutoriales de Gimp

May 7th, 2008 | Ningun Comentario | Publicado en Diseño, WordPress Themes, internet, videos

Con este primer post empezamos el proyecto de una serie de tutoriales.

En este caso elegí empezar con el programa de diseño Gimp, el cual es multiplataforma y con licencia libre, en el cual podemos realizar todo tipo de diseños y retoques en imagenes o fotos. Este programa seria una alternativa libre de ya conocido Photoshop.

Este tutorial abarcara TODO Gimp, sera bastante largo, pero valdrá la pena, también pienso recopilar los mejores tutoriales para realizar templates, logos, efectos, tipografias, etc. y los mejores agregados, como pinceles, degradados,efectos, scripts (los cuales aprenderemos a crearlos), fuentes, etc. Al final de cada entrega podrán descargarse el correspondiente tutorial en formato PDF.

Damos Inicio al Tutorial:

Preparando todo:

1. Descarga…

La forma de obtener Gimp varía según el sistema operativo que tengas (Linux, Mac, Windows), En todos los casos su utilización es completamente libre y gratuita.

Linux

No es necesario descargarlo por nuestros medios

Windows

Podrás encontrar la descarga aquí

2. Instalación…

Linux

Algunas distribuciones linux tienen el programa llamado “Añadir o quitar programas”, puedes buscarlo e instalarlo desde allí.

Otra forma es pegando la linea que corresponda a tu distribución, en la consola.

  • En Debian y derivadas: apt-get update && apt-get install gimp

  • En SuSE y OpenSuSE: yast -i gimp

  • En RedHat, Fedora y derivadas: yum install gimp

  • En Mandriva y derivadas: urpmi.update -a && urpmi gimp

  • En Gentoo y derivadas: emerge –sync && emerge -u gimp

Y ya esta instalado listo para usar.

Windows

Ya teniendo el archivo descargado, haces click sobre el.

Aparecerá el asistente de instalación, apretamos dos veces “Next” y luego en “Install Now”, y así terminamos la instalación y ya lo tendremos listo para utilizar.

Espero que aya sido lo bastante claro, y cualquier consulta usen los comentarios.

Etiquetas: ,

Uno bueno… Open Movie Editor

April 17th, 2008 | Ningun Comentario | Publicado en Diseño, Reviews

Si hace tiempo que usas GNU/Linux te habrías dado cuenta que carece de programas para edición de video lineal (con esto me refiero a crear un video con clips, fotos, transiciones, texto, etc). Capaz probaste varios, pero ninguno te dio los resultados esperados, por ejemplo: Lives (pocas opciones), cinelerra (difícil de entender), diva (discontinuidad del desarrollo), kde en live (pocas transiciones), etc.

Trate de instalar algún programa de plataforma windows, pero tampoco pude.

Hasta que me entero de la existencia de Open Movie Editor

openmovieeditor

Puedes descargarlo para el sistema operativo y distribución GNU/Linux que quieras, desde aquí.

(si tienes algún derivado de Debian: sudo aptitude install libgavl openmovieeditor)

Y los efectos aqui (gracias a el amigo Karlinux por crear el .deb)

Via | KARLINUX

Web | Open Movie Editor

Iconos gratis. Casi 6000 iconos para tu web.

February 15th, 2008 | Ningun Comentario | Publicado en Diseño

6000-iconos.jpg

5978 Iconos en alta resolución

csscreme.jpg

CSS Creme: ¿Deseas iconos gratuitos?

PI Diagona: 400 bonitos iconos gratuitos

Dino Icons: Modernos iconos prehistóricos

Cientos de tutoriales gratis de Photoshop

February 15th, 2008 | 1 Comentario | Publicado en Diseño

tutoriales-photoshop11.jpg

En WebAdictos encontre una impresionante coleccion de tutoriales para Photoshop. Ademas de los presentados aqui, estos son algunas otras colecciones del mismo estilo:

Sitios para descargar Pinceles y Brushes de Photoshop

January 24th, 2008 | 1 Comentario | Publicado en Diseño

myphotoshop.jpg

Myphotoshopbrushes es un sitio relativamente nuevo pero que tiene cierta cantidad y calidad de brushes para photoshop. Tenelo agendado.

100photoshop.jpg

photoshoproadmap es en realidad una web dedicada a photoshop, con cientos de tutoriales, manuales, plugins y brushes, pero como esta entrada es solo para eso, una coleccion de 100 brushes de la mejor calidad.

deviantart.jpg

Desde DeviantArt una galeria mas que completa de brushes para photoshop con una calidad impresionante.

psmosaic.jpg

PhotoshopMosaic. Otra web con cientos de brushes, ademas de tutoriales, plugins, patterns.

psbrushes.jpg

Mas brushes para photoshop con PSBrushes. Lo diferente de este site es que esta muy bien separado por categorias y tiene una interface bastante clara. Por lo que es mas facil encontrar lo que buscas.

brusheezy.jpg

Mas brushes para photoshop, en una web con un nombre estupido :)

2.jpg

Otra buena cantidad de brushes para descargar, aunque algunos links no funcionan. Encontralos en valhalla-vania.

packbrushes1.jpg

De parte de Creativos Online.org esta descarga de 34 mb con brushes super especiales para photoshop.

1000brushes.jpg

Sin nombre. impresionante pack en descarga directa. El unico link que encontre funcional para este pack que he visto en varios sitios, se encuentra tambien en Creativos Online.

Y por si te quedaste con las ganas, te dejo tres links de muy buenos blogs con algunas cuantas galerias de brushes.

375 Brushes free para Photoshop
297 brushes gratuitos para Photoshop.
Más de 800 brushes para Photoshop (Este es imperdible)

Bueno, nada mas por ahora. Espero que te sirvan por algunos diseños, nos leemos en la proxima entrada.

Etiquetas: , , , , ,

Mas de 500 iconos para tu web

January 15th, 2008 | 1 Comentario | Publicado en Diseño

Como habia dicho en el primer post, esto iba a ser solamente wordpress y diseño, asi que en el segundo post les presento una pequeña coleccion con mas de 500 iconos desarrollados para la web y recolectados por CrazyLeaf Design.

1 Iconos RSS gratis

19.jpg

2. Iconos de Redes Sociales

18.png

3. Web 2.0 Vector icon pack 1 y Web 2.0 Vector icon pack 2

16.jpg

4. IconsPedia - iconos PNG y paquetes de iconos.

15-1.jpg

5. Project Folder pack - Iconos de carpetas.

14-1.jpg

6. IconBase Community - coleccion de los mejores iconos de la red.

13-1.png

7. Inspiration Orb

11-1.jpg

8. Aestetica Icon Set - 47 iconos de alta calidad en formatos PNG y PSD de Photoshop. en diferentes tamaños; 16 x 16px; 24 x 24px; 32 x 32px; 48 x 48px y 128 x 128px.

10-2.jpg

9. Iconos Redondeados - Iconos de aplicaciones (Photoshop, Firefox etc.)

9-3.jpg

10. Email Me Icons by Mayosoft

8-3.jpg

11.  Pack con varios iconos Apple

7-3.jpg

12.   iTweak’s deviantART icon gallery - Galeria de iconos de carpetas, ipods, skype y mas.

5-3.jpg

13. StudioMX MacOS style computer icons - Iconos para dispositivos.

4-2.png

14. Vista Ultimate IconPackager Vs. 2

3-3.png

15. Vista Ultimate IconPackager Vs. 1

2-4.png

16. 90 Free Vector Icon Sets, Todo en un solo archivo EPS. se puede descargar directamente desde Aqui.

1-4.png

Espero que les haye gustado esta pequeña coleccion.

Etiquetas: , , , ,