Categoría: Web

Análisis de mi visita a Fotojet.com, la web app de los collages.

Hace unos días recibí una invitación visitar y evaluar la web app www.fotojet.com. La información inicial que tenía es que podía crear collages online de manera sencilla, con más de 320 plantillas y completamente gratis. PearlMountain Technology me ha sorprendido con su creación, pues basada en flash (necesitarás tener instalado adobe flash player) nos permite crear rápida e intuitivamente y sin ningún programa añadido, sorprendentes collages. Por una parte podemos utilizar plantillas de temas variados, en las cuales podremos colocar imágenes y editar textos; y por otra parte podremos crear en modo classic, siguiendo diferentes esquemas de maquetación y ratios de imagen. Seáis profesionales o aficionados, os dejo un análisis de la página en vídeo (en Español) y mi recomendación personal para visitarla y probarla.




Some days ago I received an invitation to visit and write a review of the web app www.fotojet.com. The initial information was that I could create collages online easily, by using more than 320 templates and totally free. PearlMountain Technology surprised me with their creation, since that their web app is based on flash (you will need have previously installed adobe flash player) it allows us to create amazing collages quickly and intuitively without any extra program. On the one hand we can use varied subject templates, where we will place our images and edit texts; on the other hand we can customize our collage in classic mode by following different layouts and image ratios. Either you are professional or a beginner, this is my personal review on video (in Spanish) and my recommendation to visit and check how does it work.

Tutorial: Cómo crear online nuestro propio icono de dirección web.




En este tutorial explico los pasos a seguir para crear desde la web (www.favicon.cc) un icono que aparezca junto a nuestra dirección web. Podremos crear un icono estático o animado a partir de varios formatos de imagen, o simplemente dibujándolo, y como resultado descargar el archivo favicon.ico generado.

El pasado 24 de marzo de 2017 me escribía Robert Mening y me sugería incluir su generador de ficheros favicon.ico a partir de su web https://websitesetup.org/favicon-generator/ y he de decir, una vez comprobado, que funciona de manera sencilla y efectiva.

August 29th 2018 Karen Ferrer from N.Y (EE.UU.) suggested in Spanish this:

«Después de investigar un poco, encontré esta otra herramienta y quería sugerírtela por si te interesa mencionarla junto a la otra. https://www.websiteplanet.com/es/webt… Esta herramienta permite crear favicons a partir de imágenes de hasta 5 MB de formato JPG, PNG o GIF, e incluso desde una galería. Así como también permite generar favicons para diferentes tamaños de pantalla y resoluciones al mismo tiempo.» After doing some research I found this other tool and I wanted to suggest it in case you want to mention it next to the other one. https://www.websiteplanet.com/en/webt… This tool allows to create favicons from images of up to 5 MB of JPG, PNG or GIF format, and even from a gallery. As well as it allows generating favicons for different screen sizes and resolutions at the same time. »

¡Muchas gracias por tu aportación Karen! Thanks karen for your contribution to this tutorial!

 

Eneko y Aitor Larumbe, creadores del nuevo logotipo del Colegio de Psicología de Santa Cruz de Tenerife


El pasado 4 de Junio se hacía público el resultado de la convocatoria del concurso del nuevo logotipo del Ilustre Colegio oficial de Psicología de Santa Cruz de Tenerife, convocado entre los colegiados de la provincia.

De entre todas las propuestas, una comisión integrada por un publicista, un diseñador y un miembro de la junta de gobierno seleccionó la de los hermanos Larumbe por su originalidad. El diseño elegido representa las cuatro islas de la provincia tinerfeña y la letra griega psi que simboliza a la Psicología.

El logo elegido tiene apariencia de anagrama y se realizó tomando un elemento representativo de la provincia (la montaña insinuada con forma de volcán), el sol o círculo (como elemento común de las islas de la provincia) y la letra psi (aparece insinuada como combinación y sustracción de formas). La tonalidad violácea-morada es representativa de la muceta de Psicología y el color verde, elegido por el Colegio de Psicología, está asociado a la esperanza, la vida, la salud y la naturaleza. Para la tipografía, los autores optaron por la Century Gothic, por ser de fácil legibilidad y tener un carácter sobrio a la vez que moderno.

Este logo será el que represente a partir de ahora al Colegio de Psicología de Santa Cruz de Tenerife y se aplicará como marca en el sitio web www.copsctenerife.org, el carné de colegiación, la cartelería y la papelería de la institución.

De entre los seis participantes en el concurso, la comisión seleccionó como finalistas a Eva López Hernández, con una imagen de tres siluetas con la forma de la letra psi, y a Jorge Miguel Miranda, con un diseño en el que predominaba la silueta de El Teide.

LOGOTIPO/ANAGRAMA ACTUALLOGOTIPO/ANAGRAMA ANTERIOR

My colors, aplicación android para elección de colores en valores hexadecimales.

My ColorsMy Colors es una aplicación gratuita de android, sencilla e intuitiva,  que te muestra una amplia gama de colores con sus valores hexadecimales y sus nombres. Te permite de guardar una paleta de colores favoritos y el color como imagen PNG o fondo de pantalla, compartirlo, crear uno nuevo, etc. Sólo tiene aparentemente el inconveniente de la luminosidad de la pantalla o la fiabilidad de gama de color de cada dispositivo, pero merece la pena probarlo.

Si diseñas páginas web, es posible que My Colors te sea útil.

Así hubiera desarrollado Corrupt Script

corrupt-script

Marc Garriga, diseñador gráfico de identya.com nos proponía el 06/02/2013 una tipografía a la que llamó Corrupt Script, basada en una recopilación de un conocido personaje del momento. http://www.identya.com/2013/02/06/corrupt-script-un-tipo-muy-de-actualidad/#.UROyUWfdeIR

Sin entrar en ideales, yo tal vez le hubiera asignado a esta letra la tendencia a negrita y evidentemente cursiva. Por tanto hubiera quedado como Corrupt Script Bold, tal vez por dar la oportunidad de desarrollar la tipografía en sus diferentes variantes (normal, cursiva-italica, negrita). Incluso hubiera especulado con la forma de la W, que no fue incluida en la propuesta, y la orientación de los puntos, tal vez basados en el ascendentes o descendentes de alguna letra.

¡Enhorabuena Marc! Te la has jugado pero te ha quedado fenomenal.

Suponiendo que esta letra se haya creado como archivo TTF, la idea iría encaminada por la imagen del proceso que indico más abajo. Aunque tengo capacidad técnica para desarrollarla, creo que no terminaré el archivo True Type (TTF) y así evitaré la tentación de publicarlo.

Tutorial: Comprobar y entender la resolución de pantalla de un móvil.

Tenía la curiosidad de saber cuanta resolución se maneja actualmente en dispositivos móviles, impresoras, pantallas, etc; y me he encontrado con especificaciones técnicas confusas. Sin embargo me ha llamado la atención la ficha técnica del Sony Xperia Acro S y he decidido comprobar si esos datos se corresponden con la realidad: http://www.techtipsworld.com/sony-xperia-acro-s-waterproof-phone-review-and-specifications/930/ . Utilizando photoshop, veo cuales son sus dimensiones de pantalla y compruebo que el resto de tamaños indicados en publicidad son exactos. Así por ejemplo veo que si la diagonal de la pantalla mide 4,3″ y su densidad es 342ppp, multiplico y deduzco que en ella se alinean 1470 puntos led.




A efectos ver que una pantalla LED ya puede representar 342 ppp es una grata sorpresa, pues supera a la mayoría de imprentas, que todavía siguen usando  300 ppp como resolución estándar de impresión.

*ppp (puntos por pulgada)

Tutorial: La firma y la marca de agua a partir de un logotipo.




Ejemplo de marca de aguaLa mayoría de los profesionales que desean proteger sus artículos del plagio deciden firmar las fotografías, o al menos aplicar una marca de agua para demostrar la autoría. En este caso el ejercicio que propongo es cómo mejorar la firma en determinadas fotografías a partir de un logo ya existente. No obstante, carezco de originales con resolución óptima, por tanto será un ejercicio improvisado de Photoshop con la marca www.fiberbambu.com. A la izquierda vemos la miniatura de una fotografía submarina, con la firma de su autor, Juan Carballo.

Tutorial: Creando un fondo para Twitter en Full HD 1920x1080px.




En este ejemplo,  desarrollo una imagen de fondo para www.casajuan.net en Twitter.