junio 22, 2008
LogoGenerador es una aplicación en lÃnea que nos permitirá crear logos con estilo 2.0 al instante. Utilizarlo es muy sencillo, tan solo deberemos agregar un texto y elegir entre los 10 diseños que nos ofrece LogoGenerador para generar nuestro logo, posteriormente baste descargarlo y agregarlo donde mas gustes. Si no eres una persona que se desenvuelva bien utilizando Photoshop LogoGenerador será una opción para que tengas en mente, los resultados son muy agradables por lo que no tendrás nada que envidiar a los logos generados con photoshop. Y bueno, si deseas ahorrar tiempo, también es una buena herramienta.
Enlace LogoGenerador
via blogandweb
junio 14, 2008
LogoGenerador es una aplicación en linea para generar logos de forma instantánea. Es posible escoger entre 10 diseños prediseñados que guardan las caracterÃsticas más tÃpicas de lo que llamamos “web 2.o” como reflejos, degradados o fuentes redondeadas.
Su uso es extremadamente sencillo, solo hay que colocar el texto del logo, seleccionar el diseño y dar clic en generar, más fácil imposible. Pero además de la sencillez y rapidez con que funciona, cabe destacar la calidad del logo generado, muy similar a producidos con los tutoriales de photoshop que hay en linea, pero en mucho menos tiempo.
Sitio: logogenerador.com
vÃa: creativosonline
junio 14, 2008
En nuestro artÃculo “Reflejar objetos o texto con Photoshop†te enseñamos a hacer el efecto de reflejo en las imagenes con photoshop y ahora te mostraremos un script que puede hacerte esta misma función. El script se llama Reflection y trabaja de una manera muy sencilla:
- Descarga el script desde aquà o en su página oficial.
- Dentro del .zip encontraras un archivo llamado reflection.js, descomprimelo y subelo a tu host propio o gratuito.
- Llama al script desde tu web, esto es, coloca la referencia entre las etiquetas <head></head>:
<script type="text/javascript" src="reflection.js"></script> - Lo siguiente es utilizar el script. El script funciona sencillamente al aplicar una clase predifinida a la imagen, esta clase es “reflect”, por ejemplo:
- Otra utilidad importante del script es que puedes controlar la opacidad y esto se hace agregando tambien una clase a la imagen, pero esta vez, contiene el porcentaje de opacidad deseado, por ejemplo, la clase “reflect rheight50” producira una imagen reflejada con 50% de opacidad, la clase “reflect rheight80” producira una imagen reflejada con 80% de opacidad y asà para la opacidad que deseemos.
<img src="iglesia-de-tlayecac.gif" class=”reflect” alt=”Iglesia de Tlayecac”>
Que da como resultado lo siguiente:
Este script tiene por ahi, un par de opciones más que puedes encontrar desde su página principal, pero estas son las más utiles. El efecto de reflejo que brinda este script es muy bueno y de mucha ayuda si queremos darle reflejo a muchas o todas nuestras imagenes.
junio 14, 2008
Cuando generamos contenido gráfico, sean fotografÃas o banners para ilustrar nuestros contenido, muchas veces es necesario dejar en claro la licencia en que puede ser distribuida en otros sitios web u otros medios. La forma tradicional de mostrar una licencia, es por medio de una marca de agua, pero resulta intrusiva para quien la observa y le resta estética. Gracias a un sencilla técnica CSS propuesta por Derek Powazek es posible mostrar una imagen o fotografÃa sin agregar molestas marcas de agua o mensajes sobre la imagen y dificultarles el trabajo a quienes no acostumbran respectar las licencias.
De forma general esta técnica consiste en crear una imagen con un claro mensaje de licencia al pie de la imagen y ocultarlo cuando se muestre en nuestro con CSS. En forma metodológica:
- Por medio de un programa de edición de imagen como Photoshop, agrega un mensaje al pie de la imagen con los datos que creas convenientes.
- Observa las dimensiones que usa únicamente la imagen (sin el mensaje), alto y ancho en pixeles.
- Inserta la imagen con el mensaje de licencia en tu web siguiendo el siguiente esquema:
<div style='width:450px; height:280px; overflow:hidden; background: url(http://tu-sitio.com/fotografia.jpeg) no-repeat;' ></div>Donde el ancho (width) y el alto (height) son las dimensiones de la imagen sin mensaje.
- El resultado es simplemente la imagen sin mensaje alguno… a simple vista.
Con esto, mostramos una imagen libre de texto y cualquier persona que la guarde lo hará con la respectiva licencia de uso. La técnica para nada es infalible, pero si evita el plagio de los usuarios más inexpertos y le da más trabajo a los usuarios que saben de esto.
junio 14, 2008
Bonito paquete de icono el liberado por Blog Perfume, se trata de una colección de 12 iconos especialmente diseñados para usarse en los elementos más comunes de un blog: el RSS, los comentarios, el blogroll, el archivo, contacto y por supuesto, la publicidad. Están en formato png disponibles en 3 tamaños distintos 24×24, 36×36 y 48×48 pixeles.
Realmente muy agradables, pero les falto el tamaño 16×16, habrá que reducirlos en photoshop, ni modo.
Descargar: Free Glossy Blogging Icons
Subscribe/Search
Sponsors
Entradas Recientes
Botones Twitter
