Tips&Tricks - Quitar el fondo de una imagen con el editor pixlr

Tenemos un logo de "shopping cart" de color rojo con el fondo blanco y lo que queremos es ponerle un fondo negro; vamos a hacerlo con el editor online pixlr que mencionamos en otro post (Tips&Tricsks - Editor de imágenes online),

En este caso concreto, seleccionamos la opción 'Open image from computer', y vamos a buscar en nuestro ordenador donde tenemos guardada la imagen.

Hacemos clic en la varilla de la barra de herramientas (que hemos seleccionado con un recuadro rojo en la imagen) i lo que tenemos que hacer es seleccionar con la varilla todo lo que queremos quitar (es decir, seleccionamos las partes blancas de la imagen); para seleccionar más de un punto lo tenemos que hacer con la tecla shift presionada.

Una vez tenemos todo lo blanco seleccionado, lo que tenemos que hacer es clicar con el botón derecho del mouse y tenemos que escojer la opción 'Invert selection'; así seleccionamos la figura.

Vamos al menú File --> New Image y creamos una imagen nueva con el fondo transparente o de color; y pegamos la imagen que hemos copiado; de modo que nos tiene que quedar algo parecido a esto:

Tal y como se puede ver en la foto, el "carrito" ya no es de color blanco; se lo hemos quitado, ahora lo que queda es seleccionar el bote de pintura de la barra de herramientas; seleccionar el color que queramos para el fondo de la imagen y clicar en la foto para pintar el fondo; el resultado es este:

Ya tenemos la foto como queremos con el fondo negro. Podríamos suavizar los bordes para que no se viera tanto los cambios de color, esto en un futuro post.

Tips&Tricks - Editor de imágenes online

Estamos seguros de que alguna vez habéis querido editar una imagen (ej. quitarle el fondo) y os habéis maldecido por no tenenr el photoshop instalado y/o no tener ni "pajolera" idea de como utilizarlo...
La respuesta está en el editor de imágenes online, se accede a través de la web :

http://pixlr.com/editor/

Tal y como podemos ver en la imagen, es un "mini-photoshop", también funciona por capas, tiene un historial de modificaciones por si queremos tirar par atrás, y en la barra de herramientas es dónde se concentran la mayoría de las funciones que podemos hacer a través de este editor.

Nos ha parecido interesante, porque es muy útil que no se tenga que instalar nada en tu ordenador, y por lo tanto se puede utilizar des de cualquier lugar, en cualquier momento en que tengamos la necesidad de hacerlo.

Tips&Tricks - Crear buttons/títulos para web

En las versiones Oscommerce 2.3.X, se utiliza la programación jquery para la creación y el diseño gráfico de la pagina web.
No obstante, creemos interesante compartir con ustedes, la siguiente URL:

http://dabuttonfactory.com

Al acceder a esta web, nos encontramos directamente con el espacio de trabajo.

• Donde podemos definir el texto que queremos, y las características de la fuente; esto es lo que compone el bloque superior izquierdo.
• En la parte inferior izquierda, podemos elegir el formato de imagen (png, jpeg, gif, ico)
• En la parte superior de la derecha, pertenece a la configuración del recuadro, si lo queremos con borde, con sombra, el fondo de colores, la forma (rounded - rectangular box).
• En la parte inferior de la derecha, seleccionamos el tamaño del recuadro

Una vez tengamos el título o el boton tal y como queremos, simplemente tenemos que hacer clic en el botón 'Download' y nos lo guardamos en un nuestro pc.
Listo para cualquier utilización que le queramos dar.