September 16, 2014

People sea wallpapers
Usually pictures including people does not make for good desktop wallpaper, one exception is images of your beloved one, which do not make sense to share, and another exception is images of scantily clad celebrities, which is some circles may be popular but in others are highly controversial. But as a photographer I prefer to take photos with people, those pictures have more soul. Still, how such pictures can be turned in generally usable wallpapers? Make sure people are not recognizable, turn them in silhouettes, is a perfectly cromulent way.
people sea wallpaper
people sea wallpaper
Don't stop at the summer project!

Note: this is work in progress. I’d like to improve this post to include universal opinions, so I’d appreciate any feedback!

Ouch, two summers with Fedora are over! As far as GlitterGallery news goes: Emily’s working on setting up a demo for design team, fantastic Paul is scrubbing up some final pre-release bugs and more potential contributors are now showing up. As far as GSoC itself is concerned: Google’s sent over money, the tshirt should be here soon enough and it doesn’t look like any more formalities are pending. Time to pack, find a job, and say goodbye to friends at Fedora project, right?

Wrong.

The other day, Kushal called me up and mentioned his concerns with students disappearing once their GSoC projects are over, and once they have their money. The experienced folks in most communities share the same disappointment. I couldn’t agree less, and promised to write about it, hence this post. I’m not sure who the target readers should be, but my best guess would be anyone aspiring to start contributing to a FLOSS project, especially students hoping do a GSoC next year :-)

Why bother contributing to a FLOSS project?

Let’s be done with the incentives first. Sure, there’s the geek-badge associated with it, and you’re helping make the world a better place. What other incentives do FLOSS communites offer? Here are the ones that attract me:

  • Something meaningful to work on: If you’re a student stuck in a place where they make you do things you aren’t motivated about (I hear jobs aren’t too different), then being involved in a community can make your spent time meaningful. It doesn’t really have to be a FLOSS community, but in my case, it seems to have worked out well. I would rather feel awesome about having built a small piece of software that does something for me, over mugging an outdated book on “Net Centric Programming”.

  • Jobs, money, opportunities: Depending on your case, you may not necessarily get paid, but typical FLOSS communities have participants from world over => you get exposed to a lot of opportunities you wouldn’t hear of otherwise. Many of my professors think the idea of writing FLOSS is stupid. As a result, their understanding of opportunities is limited to campus placements. It doesn’t really have to be! I have come to learn that there’s an entire industry of people who land jobs just based on links to stuff they’ve worked on.

  • Friends around the world: It’s embarrasing I didn’t know of a country by the name Czech Republic until about last December. Now I not only have friends from Cz who I speak to quite often, I actually was in Prague a month ago and even did a talk! My summer mentor is from the USA. My closest friend is a German. On a daily basis, I probably end up interacting with someone from each continent. It’s a lot of fun learning how things in other places work. If you’re from India like me, the idea of trains departing at times like 15:29 should impress you.

Why not contribute?

However much FLOSSy geeks will brag about their flawlessness, FLOSS communities aren’t for everyone. Some hints:

  • You need a certificate for showing up: I wish I could wrap two bold tags there. Please contribute only if you want to do it for the fun of it. Most people in any community exist because they want to improve or utilize a skill, not because they can stack up a bunch of certificates on their resume.

  • You need to be spoonfed Unfortunately, as much as everyone would like to help new contributors to a project, showing people around takes time. Sure, we’re willing to put in an hour or two every week finding links and emailing you. But if you aren’t going to read them, and learn to find more links, then you’re making things difficult.

  • You need to made ambassador the first thing, just so you have a tshirt: Here’s the thing about Ambassador programs - they were created to provide structure for contributors to show off the awesome stuff they’re building. If you aren’t contributing, you need to do that first. Ideally, if there are incentives coming up (swag, flight tickets, whatever), they go to the active folks first. Of course there are exceptions once in a while when new people are encouraged with incentives when they seem promising, that’s different. (I have had a junior ask me what organization offers the best perks so he could contribute there, and another one wanting to fly to a different continent at a community’s expense, because she wanted to attend a Django workshop).

In my case, I got involved with the Fedora community through a design team project I ended up co-authoring. But I’d say it was just a starting point! I don’t have unlimited time thanks to University classes, but with what I have, I contribute where I can. It really doesn’t have to be limited to my project (although that’s where I focus my efforts on) - it could be a random broken wiki page. These days I’m cleaning up expired requests on our request-tracking system. A while ago, I started with Inkscape and attempted Fedora.next logos. On other days I hang out on IRC channels geared at helping newbies. Even though Fedora infra doesn’t do ruby oriented projects, I sometimes hang out in their meetings to see what they’re up to. I don’t understand how Marketing works, so next I’m planning to give it a shot. Ultimately, the goal is to quickly pick up a skill, while improving Fedora as a community in whatever small way I can.

That’s something I’d request everyone to do. Being involved with a GSoC or a similar summer engagement is fun - you get to work on something large enough to be accountable for, while being small enough to pick up quickly. But try to look around - find projects that your project depends on. Fix them. Find projects that could use yours. Fix them. If they don’t exist, make them! I bet Kushal wants to convey the same message: just don’t stop with your project. A successful summer is a good thing - but if you’re simply going to disappear, then it’s purpose is defeated. You have to justify the time your mentor spent on you! :-)

On an ending note, how would you look for more areas to contribute? It’s simple - ask your mentor. Or just try to remember the inconvenience you had with library X compiling too slow. It was a good thing you overlooked it then because you had to keep track of the bigger picture. Now’s the time to return to it and fix it. Also, try to attend events relevant to what you’re working on. I’m really lucky Gnokii invited me to LGM in his country - I ended up finding another project to use within GlitterGallery, for a start.

There’s almost always everts happening around where you live. I’m in Coimbatore which is relatively sleepy, but I travel to Bangalore about every month to participate at an event. If you find an event that could benefit from you, try and ask the organizers if you could be funded. Just don’t stop!

September 15, 2014

¡LiveCast con Tatica este Martes 16!

¿Tienes preguntas, recomendaciones o comentarios? ¡Es el momento de aprovechar y hacerlas! Este martes 16 de Septiembre estaré realizando un LiveCast donde podrán realizar cualquier pregunta o comentario y lo estaré respondiendo en vivo. La idea es compartir una tarde con uds y poder compartir con quienes hacen que escribir sea divertido.

El LiveCast comenzará a las 5pm(VE) (Para verificar el horario correspondiente a su país, vean este enlace) y durará una hora aproximadamente. Si no pueden asistir, pueden comenzar a dejar sus dudas o comentarios en esta entrada y las mismas serán respondidas ese día.

La URL del LiveCast será dada por twitter el mismo día del evento a la hora de inicio, así que estén en sintonía. Las mejores preguntas serán parte de los próximos podcast de este mes, así que, dejen que su creatividad ponga el límite!

livecast

flattr this!

Sunrise sea wallpapers
I was away for the week-end, so I continue clearing the summer wallpapers queue after a small gap (initially planned the climax for the Sunday). Hope you will enjoy them, no matter the timing.
sunrise sea wallpaper
sunrise sea wallpaper
sunrise sea wallpaper

September 14, 2014

Texturas de Naturaleza: Grama

Es fin de semana, y con lo único con lo que pude jugar fue con la cámara, así que mientras grababa a Gris en su baño dominical aproveché de tomar algunas fotos de la grama que crece en el jardín. Es bastante variada ya que es silvestre, así que, espero lo disfruten y le sea de utilizad.

Si las usan, no olviden compartir su trabajo, eso me hará muy muy feliz :)

(Click en las imágenes para verlas/descargarlas en flickr)

IMG_5697.redimensionado Nature Texture

Nature Texture Nature Texture

flattr this!

September 12, 2014

Ser una emprendedora con Software Libre, en el II Foro de Mujeres y TIL

Este viernes 12 y Sábado 13 de Septiembre, se estará realizando el II Foro de Mujeres y Tecnologías Libres, organizado por las ActivistasXSL, el cual se está llevando a cabo en las instalaciones del INCES en la Av. Nueva Granada, en Caracas. Soy parte de este grupo desde hace varios años, cuando tuve la oportunidad de conocer mujeres maravillosas que, como yo, son parte del mundo de las tecnologías y el Software Libre.

Por mi ubicación geográfica y que en este momento estoy super abollada de trabajo (Gracias a Dios) no podré asistir de forma presencial, sin embargo, gracias a la tecnología puedo dejar mi granito de arena en este evento que es tan importante para quienes aún somos una minoría en busca de levantar nuestra voz.

Puedes conocer la agenda completa del evento aquí: http://foromujerestil.org.ve/agenda.html

He aportado un pequeño video donde cuento mi experiencia como mujer emprendedora utilizando herramientas de Software Libre, si te da curiosidad conocer mi experiencia, no dudes de asistir al evento, será transmitida a la 1:30pm de hoy… pero si tu ubicación geográfica no te permite asistir de forma presencial, no dudes en ver el video y preguntar o comentar lo que quieras.

Lo importante es que, como mujeres, podamos compartir conocimiento, experiencias y formar una red de apoyo donde, quienes ya tenemos años en este mundo, podamos dar esos consejos o mensajes de apoyo a quienes quieren recorrer esta vía, pero sin los tropiezos que nosotras tuvimos.

<iframe allowfullscreen="allowfullscreen" frameborder="0" height="330" src="http://www.youtube.com/embed/zLl0rv2klVg?list=UUKaTf52v2U7EYTA0iIQ3QeA" width="630"></iframe>

flattr this!

Sea birds wallpapers
As anticipated, today my free wallpaper series is completed with yet another part from this summer backlog (good new for those uninterested: two more parts and I will stop for a good while). Now is about birds flying above the sea and in front of a rising sun. Quite a lot of empty space to host desktop icons.
sea birds wallpaper
sea birds wallpaper
sea birds wallpaper

September 11, 2014

Post-industrial wallpapers
I'm not sure why I liked to call those images "post-industrial" when the cranes in the background are from a large and very active naval yard, still I think they are a worthy addition to the series (and free, of course, as in CC-BY-SA).
post industrial wallpaper
post industrial wallpaper

September 10, 2014

¿Qué es una Máscara de Capa? GIMP

¿Te gustan los montajes donde la misma persona aparece dos veces en la misma toma? Esta es una de las preguntas mas frecuentes que me hacen y la verdad es que solo necesitas una herramienta, la mascara de capas.

En este podcast verás como la mascara de capa te permite agregar y quitar cosas cuantas veces quieras porque lo importante es que nada desaparece en realidad.

IMG_5542-edit.redimensionado

La máscara de capa se activa haciendo click derecho sobre la capa que tienes seleccionada y activando en el menú la opción “mascara de capa”, para conocer más sobre las opciones de la misma, solo ve el tutorial!

Trabajar con mascaras de capa no es sencillo la primera vez, y no te voy a negar que requiere de mucha práctica, sin embargo, cuando comiences a trabajar con la mascara, nunca volverás a trabajar sin ella, ya que es una forma fácil de agregar y quitar elementos sin perder tu trabajo original, porque solo estás dejando ver una porción de tu capa original sin modificarla realmente.

Recuerda que hay un podcast nuevo cada semana, no olvides de ver los podcast anteriores y, porque no, dar un poco de amor si te gustaron :)

<iframe allowfullscreen="allowfullscreen" frameborder="0" height="354" src="http://www.youtube.com/embed/hYH7Is4u948" width="630"></iframe>
Youtube Link: http://youtu.be/hYH7Is4u948

flattr this!

Beach wallpapers
As hinted the other day, there are more posts in the queue for my free wallpaper series. Today we are going to the beach! ...and if I wouldn't be so used with the one I keep using for a few years, I could see myself going with the first.
beach wallpaper
beach wallpaper
beach wallpaper

September 09, 2014

Wallpapers: sunsets over the city
Now, when the summer is over, I look back and notice quite a lot of summer-ish pictures which people may want to use as desktop wallpapers. Damn! my last post in the free wallpaper series was in the winter! My backlog of picture is considerable, so there may be 3-4 more similar posts to follow if I feel there is interest.
city sunset wallpaper
city sunset wallpaper
city sunset wallpaper

September 08, 2014

Como crear un Formulario de Reservas en tu WordPress

Una de las cosas que no pueden faltar en una web de servicios es un formulario de contacto, sin embargo, si el servicio que se presta depende de la disponibilidad de la persona que está siendo empleada el formulario de contacto se debe convertir en un formulario de reservas, con la que el cliente pueda conocer la disponibilidad del mismo y asegurar la fecha en la que quiere recibir el servicio.

Como varios saben, mi profesión desde hace ya casi 10 años es de diseñadora, y desde el 2009 me desempeño como fotógrafa a tiempo completo, y ya que no puedo estar en dos sitios a la vez, cuando un cliente solicita que preste un servicio de fotografía para un evento o producto, esa fecha queda eliminada del calendario laboral de otras actividades.

wordpress-reservation-howto

Luego de pasar prácticamente meses buscando una solución que me permitiera no solo agregar un Formulario de Reservas, sino que le enviara una respuesta apropiada al cliente que a elaborado la solicitud, no encontré nada específico a mis necesidades, así que, en mis ratos libres (que últimamente no son muchos) me dispuse a probar cuanto plugin que tuviese la palabra “Reserva”en su nombre. Restaurant Reservations es un plugin que acepta reservaciones para restaurantes. Permite rápidamente confirmar o cancelar una reserva, enviar correos de notificación y mucho más. Sin embargo, mi negocio no es un restaurante, sino un servicio de fotografía, así que luego de un par de arreglos y modificación de campos, quedó como quería.

1 El Restaurant Reservations agrega el código del formulario generado debajo del contenido de la página que aya sido especificada. En mi caso, ya yo tenía una página donde las personas podían consultar los precios actuales, por lo que coloqué el formulario de reservas en la parte inferior. Cabe destacar que hubo que modificar un poco el Css para que se mostraran tal como quería, pero no fue la gran cosa. (Click en la imagen para agrandarla)

rr-screenshot1-thumb

2 Como es un sistema de reservas de restaurantes, las personas pueden realizar diversas reservas un mismo día, sin embargo, lo que me hizo escoger particularmente este plugin, fue que podía indicar que hubiese solo una reserva al día. Así que el cliente puede seleccionar el día de su evento, la hora a la que inicia y sin más que un poco de información personal de contacto, generar su reservación. (Click en la imagen para agrandarla)

rr-screenshot2-thumb

 

3 Finalmente, solo debes configurar los mensajes tanto para el momento en el que el cliente llena el formulario, la confirmación de recibo de la reserva y dependiendo del caso, la aceptación o rechazo de la misma. (Click en la imagen para agrandarla)

rr-screenshot3-thumb

 

Como ven, es un plugin que, pese a que no estaba hecho para este propósito en particular, con unas pequeñas modificaciones ha quedado de lujo. Si quieren ver el resultado final en vivo no duden en visitar http://tap.pics/precios

 

flattr this!

September 05, 2014

Wallpapers: Paisajes de San Cristóbal

El sábado pasado asistí a la boda de Kelvin y Elisa como su fotógrafa y, en medio de tanta locura logre capturar dos fotografías que para mi, resumen lo que ha sido vivir este primer año en la hermosa ciudad de San Cristóbal.

San Cristóbal es la capital del estado Táchira, uno de los estados fronterizos de Venezuela, ubicado a solo 57Km de Colombia.San Cristóbal es llamada “La ciudad de la cordialidad” y no en vano, uno de los primeros “shocks culturales” que tuve al mudarme acá, fue que la gente nunca se olvidaba de dar los buenos días ni las gracias, y eso es algo que lamentablemente el resto del país ha perdido.

Es un estado andino, por lo que sus paisajes montañosos y su clima fresco, predomina casi todo el año; y como buena aurinegra, no puedo dejar de lado el hecho de que, a diferencia del resto del país donde el Béisbol es el deporte del que todos hablan durante todo el año; acá se vive y se respira fútbol y ciclismo todos los días.

Son un par de fotos que si gustan, pueden utilizarlas como wallpapers, y de esa forma, llevarse un pedacito de este cielo donde ahora estoy viviendo. Gracias a Kelvin y Elisa por dejarme ser parte de su boda… y gracias a San Cristóbal por regalarme estos paisajes cada día.


IMG_4491.redimensionado

IMG_5200.redimensionado

flattr this!

September 03, 2014

WLMRO 2014
I am a bit late writing about this here, but on September 1st a new edition of the Wiki Loves Monuments photography contest started globally, with 34 countries registered to participate.

It is happening in Romania too, for the 4th time (I am again part of the team) and for us the start is promising so far: in the mid of the 3rd day we are well past the 1k images mark, something which happened much later (7 to 13 days) in the previous editions. Let's see if the contributors (and this includes you, my readers!) will be able to keep up. BTW, this year our prizes improved too.
Chiajna ruine 01
Filtros de Color con GIMP

Una de las cosas mas divertidas que puedes hacer cuando tomas fotografías es utilizar filtros y tienes dos formas, la forma física, y la forma digital. La forma física es tan sencillo como agarrar un papel plástico transparente  y hacer distintas rayas de colores con marcadores, pero hay una forma más fácil de hacer un filtro de color y eso es usando las aplicaciones que ya conocemos. En este caso utilizaremos GIMP.

filter-detail

La fotografía editada hoy es de la boda a la que asistí el sábado pasado, así que pronto tendremos otro video de bodas, y porque no… un tutorial de Kdenlive!

IMG_5171_edit.redimensionado

Para este tutorial, lo único que tienes que saber utilizar son las aplicaciones libres que tienes en la suite de cualquier distribución de linux, ya que no importa que tan experto seas en la edición de fotografías, unos pequeños trucos pueden hacer que tu fotografía mejore y que se vean completamente profesionales.

<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/OAwhusvXIFs" width="560"></iframe>
Youtube Link: http://youtu.be/OAwhusvXIFs

flattr this!

August 27, 2014

5 UX Tips for Developers

I wrote an article walking through 5 UX Tips for Developers over at the Red Hat Developer blog. They are just some general suggestions for improving applications that are geared towards developers without training in UX. If this sounds like something that might be useful to you, feel free to take a look:

5 UX Tips for Developers

Thanks :)

August 23, 2014

Gmic available in Fedora repository
It appears GMIC is now available in Fedora repository meaning it will be included in Design Suite 21 as replacement of the obsolete GREYstoration by default. That plugin is very useful for the excellent tutorials from Pat David who also contributed to the GMIC project thus removing the need to manually compile and install it.
Winner F21 supplemental wallpaper

The voting phase for supplemental wallpaper is closed now and the results are there. But is time to look a little bit back on the contest this time. We had this time lesser contributions as last time, we got 87 submissions where on the end 83 was accepted. Last time we had 114 from 117 submissions. Also this time the quality of the submissions was lower as last time.
One of the reasons for this is, the results of the last votings, I have spoken with some of the contributors where did contribute high quality content, why they not contribute this time.
I will find a solution how we can raise the quality of the submissions again. There are several solutions in my head. But for now is time to show the winner pictures which will get packaged.

If you are interested in all the results you can find them in Nuancier.

August 18, 2014

Estabilizar videos en Linux con Transcode y Vid-Stab

Tener una cámara que grabe videos es algo que siempre quise, sin embargo, no tengo un estabilizador de imagen, por lo que aunque tengo una calidad increíble, el movimiento que genera mi pulso no ayuda para nada. Es por eso que decidí ver que opciones tenía en Linux y me conseguí con Vid-Stab, el cual permite estabilizar la imagen. vid-stab es un plugin para transcode, por ende, lo primero que debemos instalar es transcode:

[tatica@susan Descargas]$ su -
[root@susan ~]$ yum -y install transcode

Ahora, solo debemos bajarnos el plugin, descomprimirlo e instalarlo: (Verifica la última versión en: http://public.hronopik.de/vid.stab/download.php?lang=en )

[tatica@susan Descargas]$ wget -c http://public.hronopik.de/vid.stab/files/vid.stab-0.98b-transcode-1.1-binary-x86_64.tgz
[tatica@susan Descargas]$ tar -zxvf vid.stab-0.98b-transcode-1.1-binary-x86_64.tgz
[tatica@susan Descargas]$ cd vid.stab-0.98b-transcode-1.1-binary-x86_64
[tatica@susan vid.stab-0.98b-transcode-1.1-binary-x86_64]$ ./install.sh

Así de sencillo es instalar el plugin, ahora vamos a estabilizar nuestro video. Esto generará un archivo trf donde se almacenará la información de los fotogramas que luego serán afectados por la transformación que transcode realizará.

[tatica@susan Videos]$ transcode -J stabilize -i ORIGINAL.mp4

Una vez obtenido el archivo trf, es momento de transformar el video:

[tatica@susan Videos]$ transcode -J transform -i ORIGINAL.mp4 -y xvid -o ESTABILIZADO.mp4

Y eso es todo! Siempre puedes agregar opciones adicionales tanto para mejorar la salida, como para cambiar el codec o incluso, para aplicar una reducción aún mayor del movimiento generado por el pulso u otros elementos.

Me tomé la libertad de hacer una prueba y tomar un video de Gris, el consentido de la casa. Perdí un poco de calidad, sin embargo, la estabilización funcionó a la perfección.

<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/Y-DTBXulhlc" width="560"></iframe>

Youtube Link: https://www.youtube.com/watch?v=Y-DTBXulhlc

flattr this!

August 15, 2014

Flock 2014: Report

Flock 2014 took place in Prague this year. Here’s a photo to start with:

Tshirt ;)

Although Flock wasn’t the first FOSS/Dev/Tech conference I have been to, it was my first Fedora-specific event. Definitely special in it’s own way - most of the speakers and attendees are from within the Fedora community, so basically every third person is someone you have chatted with over irc, seen on planet, or is someone whose wikipage you have stumbled upon at some point. Which means, you walk to the end of the corridor, look at a person’s badge and say “Oh, so YOU are that guy!”

I wouldn’t say I attended a lot of the talks, since many of them would go over my head; but I did spend a good time interacting with the people present & offered to help with their projects & found potential contributors for mine. After all, the Flock organizers were awesome enough to live stream and upload all the sessions on YouTube (I’m still watching some): Flock channel on YouTube.

First day started with the opening by Matt, followed by a keynote on how FOSS was accepted in the EU by Gijs Hillenius. It was inspiring; I was left wondering how I can make an impact at least at the University level for a start. The next one I attended (online though) was on the State of Fedora Fonts, by Pravin Satpute.

I spent most of the remainder of the first day in the hackroom, reviewing slides for my talk, scheduled for later during the day. Mine followed Marina’s session on Gnome OPW which I attended in part - she did a great job of outlining how the community had succeeded in increasing participation of women within FOSS communities, events and projects. Her talk also reminded me that Marie (riecatnor) was here at Flock! I’ve known Marie for a while through the Fedora design IRC, but we hadn’t met in person.

Soon after, I did a talk called the Curious Case of Fedora Freshmen. It covered how Freshmen found it difficult to cope up with more experienced folk speaking complex things to them or simply not paying enough attention. I brought up various programs that would help Freshmen, should they be worked on. The talk was followed by a pretty extensive discussion. I’ll start Wiki pages working on some of the stuff I brought up during the session within a couple of week’s time. Slides for my talk are here and the video is here.

One interesting session I attended was by Chris Roberts and Marie Catherine Nordin - on Fedora badges. Chris did a quick run through about how fedmsg awards badges, and Marie followed up with her Fedora badges internship (which I have been impressed with like forever). Post-session, I introduced myself to Marie and we’ve been super friends since! :D

In fact, at this point, you should read Marie’s blog post about Flock. It covers a bit of what we did over our own impromptu hackfest - as she calls it ;) Marie spent a great deal of time explaining me how to play with nodes and we worked a bit on Waartaa’s logo. She also did a Glyph from scratch, it was quite amazing!

Snake man!

Among other sessions I attended were one on state of the Ambassador’s Union by Jiri, Advocating Fedora.next by Christoph, Improving Ambassadors Mentor program by Tuan (online) and Meet your FesCo (filled with Josh Boyer’s humor).

Fun stuff: On the first evening was FudPub, where we competed over who can take in more beer ;) Thanks to the organizers, we were on a boat another evening. We did a tour of Prague during the night - pretty mesmerizing! On other days, Gnokii took us to Budvarka, where some of us had lots of local food and beer ;)

Budvarka

On final day, Marie, Ralph, Toshio, Pingou, Arun and I, among others went on a quick city trip before we were headed home :) I’ll have to say, I’m now richer in terms of memories and a few badges ;)

Me in Prague

I’d really like to thank the Fedora community for having supported me on this trip! You guys deserve a badge ;)

August 13, 2014

Podcast: Puntaje en darktable

Y seguimos con los podcast de utilidad, ya que es importante aprender a organizarse antes de comenzar a trabajar. Hoy hice un podcast bastante sencillo (pero necesario) sobre como utilizar el sistema de puntajes de estrellas y colores de darktable. Espero les guste este podcast y me cuenten su experiencia utilizando ambos sistemas.

Las fotos fueron tomadas en la pasarela de Runway Models 2014 en la ciudad de San Cristobal, si quieres ver un resumen, no dejes de visitar mi portafolio profesional en tap.pics

Url Directa: http://youtu.be/ZIfX1xlKpMg

<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/ZIfX1xlKpMg" width="560"></iframe>

flattr this!

August 07, 2014

¿Necesitas iconos? OpenClipart e IconFinder

Una de las cosas más útiles cuando hablamos de diseño, son los iconos. Bien sea porque estés desarrollando una aplicación y necesites un pack completamente inédito, o porque estás diseñando un banner y quieres agregarle algunos elementos que lo hagan resaltar.

Lo cierto es que hoy en día hay muchos recursos donde puedes conseguir gráficos libres, y si lo necesitas, gráficos que puedas licenciar. Por eso hoy les contaré un poco sobre OpenClipart, un website con miles de gráficos vectoriales libres; y IconFinder, un sitio que te permite liberar tus iconos tanto de forma gratuita como licenciada (paga).

openclipart

OpenClipart cuenta hasta la fecha con 54282 gráficos completamente libres bajo CC0 1.0, lo que quiere decir que  la persona asociada al trabajo ha otorgado su trabajo de forma pública y cede todos sus derechos de autoría. Puedes copiar, modificar, distribuir y trabajar con ellos de forma comercial, sin tener que pedir permiso.

Cuentan con elementos individuales, colecciones y existe una sección de “solicitudes” a la que los artistas pueden acceder cuando se les acaban las ideas. Es una comunidad bastante amable, que contestan los correos casi de forma instantánea y que no te hace esperar para subir tu contenido. Todas las cargas son única y exclusivamente en SVG (Vectores)

iconfinder

En IconFinder, puedes encontrar tanto iconos individuales como paquetes completos, sin embargo, para quienes subimos contenido, solo nos permiten subir paquetes ya en formato zip. A diferencia de OpenClipart, permiten que los artistas suban contenido tanto en svg, como en png y otros formatos, siempre y cuando se respeten los tamaños que piden.

Como no todo en la vida es gratis y los artistas tienen que vivir de algo, estos pueden escoger si desean subir de forma gratuita sus packs de iconos o si por el contrario, prefieren colocar un precio tanto por el pack completo como por cada icono de forma individual. Si por ejemplo, estás desarrollando una aplicación en tu empresa, lo ideal es que compres un pack de iconos o hagas un requerimiento directo. En temas de licencias, IconFinder obtiene la licencia completa sobre las creaciones subidas a la web, y tienes que esperar entre 3-4 días para que tus iconos sean publicos luego de subirlos.

Ya tienes dos opciones tanto para subir tu arte como para descargar y/o comprar iconos. Cuéntame, si ya has utilizado alguno y ¿Cual te agrada más y por qué?

flattr this!

Check out Flock Day 2’s Virtual Attendance Guide on Fedora Magazine

flock-logo

I’ve posted today (Thursday’s) guide to Flock talks over on Fedora Magazine:

Guide to Attending Flock Virtually: Day 2

The guide to days 3 and 4 will follow, of course. Enjoy!

August 06, 2014

Tipos de Plano o Encuadre

Casi siempre hago un podcast que explica como hacer algo con una aplicación, sin embargo, hoy decidí publicar algo más como una infografía sobre como encuadrar a un sujeto dentro de una fotografía. Siempre es bueno tener tips que nos ayuden a mejorar nuestra composición básica; ya que de esta forma, gastaremos menos tiempo editando.

<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/vcsn7L6mBwU" width="560"></iframe>

Enlace Directo: https://www.youtube.com/watch?v=vcsn7L6mBwU

Los tipos de encuadre que veremos en este video, son:

  • Gran Plano General
  • Plano General
  • Plano Conjunto
  • Plano Entero
  • Plano Americano o tres cuartos
  • Plano Medio Largo
  • Plano Medio Corto
  • Primer Plano
  • Primerísimo Primer Plano
  • Plano Detalle

Hay otros tipo de encuadre, sin embargo, es bueno comenzar con lo básico. ¿Los conocías? Cuéntame tu experiencia!

flattr this!

Guide to Attending Flock Virtually: Day 1

flock-logo

Flock, the Fedora Contributor Conference, starts tomorrow morning in Prague, the Czech Republic, and you can attend – no matter where in the world you are. (Although admittedly, depending on where you are, you may need to give up on some sleep if you intend to attend live ;-) )

Here’s a quick schedule of tomorrow’s talks for remote attendees:

Wednesday, 6 August 2014

6:45 AM UTC / 8:45 AM Prague / 2:45 AM Boston

Opening: Fedora Project Leader (Matthew Miller)

7:00 AM UTC / 9:00 AM Prague / 3:00 AM Boston

Keynote: Free And Open Source Software In Europe: Policies And Implementations (Gijs Hillenius)

8:00 AM UTC / 10:00 AM Prague / 4:00 AM Boston

Better Presentation of Fonts in Fedora (Pravin Satpute)

Contributing to Fedora SELinux Policy (Michael Scherer)

FedoraQA: You are important (Amita Sharma)

9:00 AM UTC / 11:00 AM Prague / 5:00 AM Boston

Fedora Magazine (Chris Anthony Roberts)

State of Copr Build Service (Miroslav Suchý)

Taskotron and Me (Tim Flink)

Where’s Wayland (Matthias Clasen)

12:00 PM UTC / 14:00 PM Prague / 8:00 AM Boston

Fedora Workstation – Goals, Philosophy, and Future (Christian F.K. Schaller)

Procrastination makes you better: Life of a remotee (Flavio Percoco)

Python 3 as Default (Bohuslav Kabrda)

Wayland Input Status (Hans de Goede)

13:00 PM UTC / 15:00 PM Prague / 9:00 AM Boston

Evolving the Fedora Updates Process (Luke Macken)

Fedora Future Devices (Wolnei Tomazelli Junior)

Outreach Program for Women: Lessons in Collaboration
(Marina Zhurakhinskaya)

Predictive Input Methods (Anish Patel)

14:00 PM UTC / 16:00 PM Prague / 10:00 AM Boston

Open Communication and Collaboration Tools for Humans (Sayan Chowdhury, Ratnadeep Debnath)

State of the Fedora Kernel (Josh Boyer)

The Curious Case of Fedora Freshmen (aka Issue #101) (Sarup Banskota)

UX 101: Practical Usability Methods Anyone Can Use (Karen Tang)

15:00 PM UTC / 17:00 PM Prague / 11:00 AM Boston

Fedora Ambassadors: State of the Union (Jiří Eischmann)

Hyperkitty: Past, Present, and Future (Aurélien Bompard)

Kernel Tuning (John H Dulaney)

Release Engineering and You (Dennis Gilmore)

16:00 PM UTC / 18:00 PM Prague / 12:00 PM Boston

Advocating Fedora.next (Christoph Wickert)

Documenting Software with Mallard (Jaromir Hradilek, Petr Kovar)

Fedora Badges and Badge Design (Marie Catherine Nordin, Chris Anthony Roberts)

How is the Fedora kernel different? (Levente Kurusa)

Help us cover these talks!

help-1

We’re trying to get as full coverage as possible of these talks on Fedora Magazine. You can help us out, even if you are a remote attendee. If any of the talks above are at a reasonable time in your timezone and you’d be willing to take notes and draft a blog post for Fedora Magazine, please sign up on our wiki page for assignments! You can also contact Ryan Lerch or Chris Roberts for more information about contributing.

August 04, 2014

Como traducir un subtitulo con Gnome-Subtitles

Tengo aproximadamente 8 años bajando subtitulos de la web, y varias veces me tocaba esperar, ya que la traducción al español siempre tardaba un poco más. Sin embargo, desde hace un par de semanas, he decido dar un paso adelante y comenzar a realizar subtitulos para aquellas series que aún no lo tienen y manteniendo el espíritu de compartir, subirlos a SubDivX.com. Hay diversas herramientas para hacer un subtitulo, por ejemplo, tienen subtitleeditor y gaupol, pero siempre me he sentido cómoda editandolos con Gnome-Subtitles.

Acá un pequeño tutorial de como realizar una traducción simultanea utilizando todas las potencialidades de esta aplicación.

NOTA: Si quieren crear un subtitulo desde cero, solo abran la app, hagan click en el botón “Nuevo” continuen desde el paso 4.

GS001

1 Primero abriremos nuestro subtitulo existente en el idioma de origen, utilizando el botón de “Abrir

GS002

2 Luego le asignaremos al subtitulo el idioma correcto haciendo click en “Herramientas -> Establecer idioma del texto“.

GS003

3 Para activar el campo de traducción en simultáneo, iremos a “Archivo -> Traducción -> Nuevo” y esto creará una columna alterna donde podremos ingresar los nuevos campos.

GS004

4 De igual forma,le asignaremos el idioma al subtitulo en “Herramientas -> Establecer idioma de traducción

GS005

5 Para ayudarnos a sincronizar y entender mejor el texto, a veces necesitamos ver el video como tal. En inglés, hay veces en las que una frase no define con exactitud el género de la persona que está hablando. Para activar el video, haremos click en “Video -> Abrir” y buscaremos el video correspondiente al subtitulo que tenemos activo.

GS006

6 La pre-visualización será algo así. Si quieres ver la porción de video específica para una línea de traducción en particular, solo tienes que hacer click sobre el la línea y luego presionar la tecla Enter. Esto hará que el video salte automáticamente a la línea de tiempo correspondiente al subtitulo en cuestión.

GS007

7 Ya solo resta guardar el subtitulo que hemos creado. Daremos click en el botón de Guardar, y si se fijan con detenimiento, se le agregará el código del idioma que han seleccionado al subtitulo que acaban de traducir.

flattr this!

August 01, 2014

Flock booklet

Most of my work for Flock 2014 in Prague is now done, booklet is done and is now in print and will be delivered on monday. The schedules for the doors are also done and a lot of badges designed. If you want to download the booklet, I did put a download version here.

July 30, 2014

A logo & icon for DevAssistant

logo-vert

This is a simple story about a logo design process for an open source project in case it might be informative or entertaining to you. :)

A little over a month ago, Tomas Radej contacted me to request a logo for DevAssistant. DevAssistant is a UI aimed at making developers’ lives easier by automating a lot of the menial tasks required to start up a software project – setting up the environment, starting services, installing dependencise, etc. His team was gearing up for a new release and really wanted a logo to help publicize the release. They came to me for help as colleagues familiar with some of the logo work I’ve done.

jumbotron-bg

When I first received Tomas’ request, I reviewed DevAsisstant’s website and had some questions:

  • Are there any parent or sibling projects to this one that have logos we’d need this to match up with?
  • Is an icon needed that coordinates with the logo as well?
  • There is existing artwork on the website (shown above) – should the logo coordinate with that? Is that design something you’re committed to?
  • Are there any competing projects / products (even on other platforms) that do something similar? (Just as a ‘competitive’ evaluation of their branding.)

He had some answers :) :

  • There aren’t currently any parent or sibling projects with logos, so from that persepctive we had a blank slate.
  • They definitely needed an icon, preferably in all the required sizes for the desktop GUI.
  • Tomas impressively had made the pre-existing artwork himself, but considered it a placeholder.
  • The related projects/products he suggested are: Software Collections, JBoss Forge, and Enide.

From the competition I saw a lot of clean lines, sharp angles, blues and greens, some bold splashes here and there. Software Collections has a logotype without a mark; JBoss Forge has a mark with an anvil (a construction tool of sorts); Enide doesn’t have a logo per se but is part of Node.js which has a very stylized logotype where letters are made out of hexagons.

I liked how Tomas’ placeholder artwork used shades of blue, and thought about how the triangles could be shaped such to make up the ‘D’ of ‘Dev’ and the ‘A’ of Assistant (similarly to how ‘node’ is spelled out with hexagons for each letter in the node.js logotype.) I played around a little be with the notion of ‘d’ and ‘a’ triangles and sketched some ideas out:

devassistant-logo-sketches

I grabbed an icon sheet template from the GNOME design icon repo and drew this out in Inkscape. This, actually, was pretty foolish of me since I hadn’t sent Tomas my sketches at this point and I didn’t even have a solid concept in terms of the mark’s meaning beyond being stylized ‘d’ and ‘a’ – it could have been a waste of time – but thankfully his team liked the design so it didn’t end up being a waste at all. :)

devassistant-logoidea-1

Then I thought a little about about meaning here. (Maybe this is backwards. Sometimes I start with meaning / concept, sometimes I start with a visual and try to build meaning into it. I did the latter this time; sue me!) I was thinking about how JBoss Forge used a construction tool in its logo (Logo copyright JBoss & Red Hat):

forge

And I thought about how Glade uses a carpenter’s square (another construction tool!) in its icon… hmmm… carpenter’s squares are essentially triangles… ! :) (Glade logo from the GNOME icon theme, LGPLv3+):

Glade_new_logo

I could think of a few other developer-centric tools that used other artifacts of construction – rulers, hard hats, hammers, wrenches, etc. – for their logo/icon design. It seemed to be the right family of metaphor anyway, so I started thinking the ‘D’ and ‘A’ triangles could be carpenter’s squares.

What I started out with didn’t yet have the ruler markings, or the transparency, and was a little hacky in the SVG… but it could have those markings. With Tomas’ go-ahead, I made the triangles into carpenter’s squares and created all of the various sizes needed for the icon:

devassistant-sheet

So we had a set of icons that could work! I exported them out to PNGs and tarred them up for Tomas and went to work on the logo.

Now why didn’t I start with the logo? Well, I decided to start with the icon just because the icon had the most amount of constraints on it – there’s certain requirements in terms of the sizes a desktop icon has to read at, and I wanted it to fit in with the style of other GNOME icons… so I figured, start where the most constraints are, and it’s easier to adapt what you come up with there in the arena where you have less constraints. This may have been a different story if the logo had more constraints – e.g., if there was a family of app brands it had to fit into.

So logos are a bit different than icons in that people like to print them on things in many different sizes, and when you pay for printed objects (especially screen-printed T-shirts) you pay for color, and it can be difficult to do effects like drop shadows and gradients. (Not impossible, but certainly more of a pain. :) ) The approach I took with the logo, then, was to simplify the design and flatten the colors down compared to the icon.

Anyhow, here’s the first set of ideas I sent to Tomas for the logomark & logotype:

logo-comps-1

From my email to him explaining the mockups:

Okay! Attached is a comp of two logo variations. I have it plain and flat in A & B (A is vertical, and B is a horizontal version of the same thing.) C & D are the same except I added a little faint mirror image frame to the blue D and A triangles – I was just playing around and it made me think of scaffolding which might be a nice analogy. The square scaffolding shape the logomark makes could also be used to create a texture/pattern for the website and associated graphics.

The font is an OFL font called Spinnaker – I’ve attached it and the OFL that it came with. The reason I really liked this font in particular compared to some of the others I evaluated is that the ‘A’ is very pointed and sharp like the triangles in the logo mark, and the ratio of space between the overall size of some of the lowercase letters (e.g., ‘a’ and ‘e’) to their enclosed spaces seemed similar to the ratio of the size of the triangles in the logomark and the enclosed space in the center of the logomark. I think it’s also a friendly-looking font – I would think an assistant to somebody would have a friendly personality to them.

Anyway, feel free to be brutal and let me know what you think, and we can go with this or take another direction if you’d prefer.

Tomas’ team unanimously favored the scaffolding versions (C&D), but were hoping the mirror image could be a bit darker for more contrast. So I did some versions with the mirror image at different darknesses:

scaffold-shade

I believe they picked B or C, and…. we have a logo.

Overall, this was a very smooth, painless logo design process for a very easy-going and cordial “customer.” :)

Cortar una imagen con una relación de aspecto definida: Darktable Vs. Gimp

A veces las cosas más fáciles son a las que menos les prestamos atención, y son estos trucos pequeños los que marcan la diferencia a la hora de editar rápidamente una imagen.

En el podcast de hoy, les daré una breve explicación sobre qué es la relación de aspecto, los tipos mas comunes para la fotografía, y como utilizarla. En el podcast está incluido el tutorial tanto en Darktable como en GIMP, ya que como siempre digo, lo bueno de Linux es la variedad.

Últimamente, cuando nos piden enviar un wallpaper a las distribuciones a las cuales colaboramos, uno de los requerimientos más importantes, mas allá del formato, es que tengan una relación de aspecto de 16:9. Es por eso que, si estás pensando colaborar con algún proyecto enviando tu wallpaper, que este pequeño tutorial de ayudará.

Espero que este tutorial les guste, y si además de eso también les gustó la imagen que se utilizó, no olviden darle click al post donde pueden encontrar los wallpapers de las avispas.

<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/Be8_fBjpXUg" width="560"></iframe>

flattr this!

July 28, 2014

ColorZilla, recoge muestras de color en tu navegador

La gente de ColorZilla ha creado un par de plugines tanto para Chrome como para Firefox que te permiten tener un gotero integrado en tu navegador, y así, poder recoger muestras de color de forma fácil y rápida. Vamos, es como tener un kcolorchooser a un solo click de distancia.

screenshot2

 

ColorZilla incluye varias herramientas adicionales:

  • Cuentagotas - para obtener el color de cualquier pixel en la página
  • Una busqueda de colores similares.
  • Analiza los colores del elemento DOM en cualquier página Web
  • Generador de gradientes en CSS
  • Palette Viewer con 7 paletas preinstalados
  • Histórico de los colores escogidos recientemente
  • Información del elemento de la etiqueta, clase, Identificación, tamaño, etc
  • Manipular los colores por sus componentes / saturaciones / Valor Rojo / Verde / Azul o Hue.
  • Copia automática de los colores generados o muestreados en el portapapeles en CSS RGB, Hex y otros formatos.
  • Atajos de teclado para el muestreo rápido colores de la página.
  • Características adicionales

screenshot1

Si eres un diseñador y siempre necesitas revisar los colores con el inspector de código de tu browser, esta será una fácil y rápida solución para tu flujo de trabajo diario.

flattr this!

July 27, 2014

Updates with GlitterGallery

Personally, I’ve been troubled with illness for a while now. College has started and time has gotten scarce. However, work on GG is going great as usual. As usual, I’d recommend running through the demo hosted at http://glittery-banas.rhcloud.com, since design work is only best experienced.

For Fedora folks following the project, I’d like to mention some highlights:

For starters, now we have a remember me, because a couple of people said it’s trouble having to enter login credentials every time they’re on a new instance of their browser. Of course, it’s optional; it’s only meant to aid you. We’re facing trouble with the 3rd party login, which suddenly seems to have broken. Paul is investigating it at the moment.

Login page

I’ve improved the toolbars on Project and User projects. There are slight changes to the transitions and the active element is now highlighted properly.

Toolbars

Paul recently rolled out the server side stuff for GlitterGallery Issues. I’ve also given it some front-end polish. Here’s some screenies:

Issues New

Issues List

Other areas I’m currently working on:

  1. Slideshow display for project images (80% complete)
  2. Multiple uploads for project components (50% complete)
  3. OpenShift QuickStart (stuck)

July 24, 2014

Shortcodes Ultimate, un plugin para todo.

Una de las razones por las que utilizo WordPress como CMS es la facilidad, comodidad y versatilidad que me provee a la hora de publicar. Desde que migré a WP no me preocupo de actualizaciones, y escribir se ha convertido en un placer más que en una obligación; y de vez en cuando, aparecen plugines como Shortcodes Ultimate que hacen la experiencia aún mejor.

 Este plugin provee un mega-pack de shortcodes con el que puedes crear etiquetas, sliders, cajas, botones y mucho más. Si eres de esas personas que les gusta tener un artículo con un poco de interactividad, este es el plugin que debes instalar.

Este plugin también tiene una versión paga con la cual puedes conseguir más mejoras. La lista completa de mejoras que incluye la versión gratis de este plugin son:

screenshot-2

  • Servicios
  • Cajas
  • Notas
  • Secciones privadas
  • Youtube
  • Vimeo
  • Audio
  • Video Embedido
  • Tablas
  • Permalinks
  • Membresía
  • Invitados
  • RSS
  • Menú
  • Sub-páginas
  • Documentos
  • Mapas
  • Slider
  • Carrusel
  • Galería
  • y más!

flattr this!

July 23, 2014

Here’s a low-barrier way to help improve FLOSS apps – AppStream metadata: Round 1

UPDATE: This program is full now!

We are so excited that we’ve got the number of volunteers we needed to assign all of the developer-related packages we identified for this round! THANK YOU! Any further applications will be added to a wait list (in case any of the assignees need to drop any of their assigned packages.) Depending on how things go, we may open up another round in a couple of weeks or so, so we’ll keep you posted!

Thanks again!!

— Mo, Ryan, and Hughsie


appstream-logo

Do you love free and open source software? Would you like to help make it better, but don’t have the technical skills to know where you can jump in and help out? Here is a fantastic opportunity!

The Problem

There is an cross-desktop, cross-distro, Freedesktop.org project called AppStream. In a nutshell, AppStream is an effort to standardize metadata about free and open source applications. Rather than every distro have its own separate written description for Inkscape, for example, we’d have a shared and high-quality description of Inkscape that would be available to users of all distros. Why is this kind of data important? It helps free desktop users discover applications that might meet their needs – for example, via searching software center applications (such as GNOME Software and Apper.)

Screenshot of GNOME Software showing app metadata in action!

Screenshot of GNOME Software showing app metadata in action!

Running this project in a collaborative way is also a great way for us to combine efforts and come up with great quality content for everyone in the FLOSS community.

Contributors from Fedora and other distros have been working together to build the infrastructure to make this project work. But, we don’t yet have even close to full metadata coverage of the thousands of FLOSS applications we ship. Without metadata for all of the applications, users could be missing out on great applications or may opt out of installing an app that would work great for them because they don’t understand what the app does or how it could meet their needs.

The Plan

Ryan Lerch among other contributors have been working very hard for many weeks now generating a lot of the needed metadata, but as of today only have roughly 25% coverage for the desktop packages in Fedora. We’d love to see that number increase significantly for Fedora 21 and beyond, but we need your help to accomplish that!

Ryan, Richard Hughes, and I recently talked about the ongoing effort. Progress is slower than we’d like, we have less contributors than we’d like – but it is a great opportunity for new contributors, because of the low barrier to entry and big impact the work has!

So along that line, we thought of an idea for an ongoing program that we’d like to pilot: Basically, we’ll chunk the long list of applications that need the metadata into thematic lists – for example, graphics applications, development applications, social media applications, etc. etc. Each of those lists we’ll break into chunks of say 10 apps each, and volunteers can pick up those chunks and submit metadata for just those 10.

The specific metadata we are looking for in this pilot is a brief summary about what the application is and a description of what the application does. You do not need to be a coder to help out; you’ll need to be able and willing to research the applications in your chunk and draft an openly-licensed paragraph (we’ll provide specific guidelines) and submit it via a web form on github. That’s all you need to do.

This blog post will kick off our pilot (“round 1″) of this effort, and we’ll be focusing on applications geared towards developers.

Your mission

If you choose to participate in this program, your mission will be to research and write up both brief summaries about and long-form descriptions for each of ~10 free and open source applications.

You might want to check out the upstream sites for each application, see if any distros downstream have descriptions for the app, maybe install and try the app out for yourself, or ask current users of the app about it and its strengths and weaknesses. The final text you submit, however, will need to be original writing created by you.

Specifications

Summary field for application

The summary field is a short, one-line description of what the application enables users to do:

  • It should be around 5 – 12 words long, and a single sentence with no ending punctuation.
  • It should start with action verbs that describe what it allows the user to do, for example, “Create and edit Scalable Vector Graphics images” from the Inkscape summary field.
  • It shouldn’t contain extraneous information such as “Linux,” “open source,” “GNOME,” “gtk,” “kde,” “qt,” etc. It should focus on what the application enables the user to do, and not the technical or implementation details of the app itself.
Examples

Here are some examples of good AppStream summary metadata:

  • “Add or remove software installed on the system” (gpk-application / 8 words)
  • “Create and edit Scalable Vector Graphics images” (Inkscape / 7 words)
  • “Avoid the robots and make them crash into each other” (GNOME Robots / 10 words)
  • “View and manage system resources” (GNOME System Monitor / 5 words)
  • “Organize recipes, create shopping lists, calculate nutritional information, and more.” (Gourmet / 10 words)

Description field for application

The description field is a longer-form description of what the application does and how it works. It can be between 1 – 3 short paragraphs / around 75-100 words long.

Examples

Here are some examples of good AppStream description metadata:

  • GNOME System Monitor / 76 words:
    “System Monitor is a process viewer and system monitor with an attractive, easy-to-use interface.

    “System Monitor can help you find out what applications are using the processor or the memory of your computer, can manage the running applications, force stop processes not responding, and change the state or priority of existing processes.

    “The resource graphs feature shows you a quick overview of what is going on with your computer displaying recent network, memory and processor usage.”

  • Gourmet / 94 words:
    “Gourmet Recipe Manager is a recipe-organizer that allows you to collect, search, organize, and browse your recipes. Gourmet can also generate shopping lists and calculate nutritional information.

    “A simple index view allows you to look at all your recipes as a list and quickly search through them by ingredient, title, category, cuisine, rating, or instructions.

    “Individual recipes open in their own windows, just like recipe cards drawn out of a recipe box. From the recipe card view, you can instantly multiply or divide a recipe, and Gourmet will adjust all ingredient amounts for you.”

  • GNOME Robots / 102 words:
    “It is the distant future – the year 2000. Evil robots are trying to kill you. Avoid the robots or face certain death.

    “Fortunately, the robots are extremely stupid and will always move directly towards you. Trick them into colliding into each other, resulting in their destruction, or into the junk piles that result. You can defend yourself by moving the junk piles, or escape to safety with your handy teleportation device.

    “Your supply of safe teleports is limited, and once you run out, teleportation could land you right next to a robot, who will kill you. Survive for as long as possible!”

Content license

These summaries and descriptions are valuable content, and in order to be able to use them, you’ll need to be willing to license them under a license such that the AppStream project and greater free and open source software community can use them.

We are requesting that all submissions be licensed under the Creative Commons’ CC0 license.

What’s in it for you?

Folks who contribute metadata to this effort through this program will be recognized in the upstream appdata credits as official contributors to the project and will also be awarded a special Fedora Badges badge for contributing appdata!

appstream

When this pilot round is complete, we’ll also publish a Fedora Magazine article featuring all of the contributors – including you!

Oh, and of course – you’ll be making it easier for all free and open source software users (not just Fedora!) to find great FLOSS software and make their lives better! :)

Sign me up! How do I get started?

help-1

  1. First, if you don’t have one already, create an account at GitHub.
  2. In order to claim your badge and to interact with our wiki, you’ll need a Fedora account. Create a Fedora account now if you don’t alrady have one.
  3. Drop an email to appstream at lists dot fedoraproject [.] org with your GitHub username and your Fedora account username so we can register you as a contributor and assign you your applications to write metadata for!
  4. For each application you’ll need to write metadata for, we’ve generated an XML document in the Fedora AppStream GitHub repo. We will link you up to each of these when we give you your assignment.
  5. For each application, research the app via upstream websites, reviews, talking to users, and trying out the app for yourself, then write up the summary and description fields to the specifications given above.
  6. To submit your metadata, log into GitHub and visit the XML file for the given application we gave you in our assignment email. Take a look at this example appstream metadata file for an application called Insight. You’ll notice in the upper right corner there is an ‘Edit’ button – click on this, edit the ‘Summary’ and ‘Description’ fields, edit the copyright statement towards the very top of the file with your information, and then submit them using the form at the bottom.

Once we’ve received all of your submissions, we’ll update the credits file and award you your badge. :)

If you end up commiting to a batch of applications and end up not having the time to finish, we ask that you let us know so we can assign the apps to someone else. We’re asking that you take two weeks to complete the work – if you need more time, no problem, let us know. We just want to make sure we reopen up assigned apps for others to join in and help out with.

Let’s do this!

Ready to go? Drop us a line!

July 21, 2014

Herramientas OpenSource para Edición de Videos

La edición de videos se ha convertido en una actividad cotidiana tanto para quienes lo realizan de forma profesional, como para quienes lo consideran solo un hobby. ¿Cuantos de nosotros no hemos querido mejorar la iluminación de un video o simplemente cortarlo y unirlo luego? Son muchas las cosas que podemos hacer cuando hablamos de edición. Lo bueno de trabajar con herramientas OpenSource es que la variedad siempre será una constante. Acá algunas de las aplicaciones para la Edición de Videos más utilizadas:

Kdenlive: Del acrónimo KDE Non-Linear Video Editor, es un editor no lineal bastante cómodo, y probablemente la primera opción para muchos. Pese a su sencillez permite una manipulación completa de tu video sin lagearse o crashearse. Es el que utilizo siempre para realizar mis podcast (al menos hasta que otra opción le robe el puesto)

OpenShot: Una de las cosas que me gusta de esta aplicación son sus efectos. Mostrados de una forma bastante gráfica (casi rayando en un instagram) agregar efectos es tan fácil como arrastrar y soltar. Si buscas una app para editar videos con efectos a lo instagram, esta debería ser tu elección.

Pitivi: Esta es una de esas aplicaciones de las que esperamos grandes cosas. PiTiVi permite renderizar, importar y exportar videos con capacidades básicas de edición; sin embargo, han contratado a un estudiante gracias a GSoC para que agregue efectos. Esperemos que todo les salga bien y tengamos una excelente app de edición en un futuro no muy lejano.

Avidemux: Esta aplicación es el equivalente a edición de negativos de los videos. Es posiblemente la única aplicación que literalmente corre sobre cualquier cosa. Permite edición y filtros. Por muy potente que sea, su interfaz sigue siendo una de las menos atractivas de la lista.

Existen muchas otras apps, tales como Lives, Cinelerra, Lombard, LightWorks, Kino y hasta Blender; lo importante es conocer la variedad y poder escoger. Por los momentos, mi favorita sigue siendo Kdenlive. Esta app ha demostrado ser útil y estable con el tiempo. ¿Qué opinan ustedes? ¿Cual es su preferida? ¿Cual me faltó?

flattr this!

July 16, 2014

Iconos Isométricos en Inkscape (Podcast y Pack de Iconos!)

¿Te has preguntado como se hacen esos iconos que simulan perspectiva? Pues acá está la respuesta!!!

La perspectiva axonométrico es aquella en la que se simula volumen utilizando tres planos que corresponden a altura, anchura y longitud. Como toda perspectiva, tendremos diversas representaciones prácticas, las cuales corresponden más que todo al punto de visualización del elemento tridimensional que queremos plasmar en el plano 2D. Aunque existen diversos tipos, para este podcast trabajaré con la perspectiva Isometrica,en la que la perspectiva es equitativa en todos sus ángulos. Si quieres conocer un poco más sobre los tipos de perspectiva Axonométrica, solo mira el podcast ;).

Subtitulos en español

<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/NOsXxYnb3JM" width="560"></iframe>
URL: https://www.youtube.com/watch?v=NOsXxYnb3JM

En este slideshow puedes ver los tres pasos principales para trabajar con tu perspectiva isométrica en Inkscape.

Paso 1 para iconos isométricos

Y como hay que compartir, he realizado un pequeño pack de iconos isométricos de diversas cajas, los cuales espero que les gusten. Este pack contiene las siguientes figuras:

  • Caja de embalaje
  • Caja para transportar mascotas
  • Caja de regalos
  • Caja de madera sellada
  • Guacal (Caja de madera abierta)
  • Cabina telefónica londinense
  • Cartón de jugo
  • Caja de herramientas
  • Cubos de lego
  • Tardis

Como creo en que debemos compartir las fuentes (a menos que sea trabajo) he colgado los packs de iconos en OpenClipart e Iconfinder. Pueden bajárselos, pero recuerden comentar y porqué no, enviarme un screenshot de donde los utilizaron!

Gracias a nuestros patrocinadores de esta semana! especialmente a cursorlibre.com

flattr this!

July 10, 2014

Wallpaper Motivacional: Sueña en grande y atrévete a fallar

Soy de las que usan wallpapers minimalistas pese a que más de una vez me ha tocado hacer algunos con más elementos, así mismo, soy amante de las referencias o citas. En este caso quise dejarles un sencillo wallpaper motivacional bien simple con un mensaje que los invita a seguir soñando, a seguir tratando… fallar no es el final. La cita es de Norman Vaughan, un deportista olímpico que recorrió la Antártida a los 89, escribió libros y nunca renuncio a sus sueños por un poco de comodidad.

sueña en grande y atrevete a fallar
Full Resolución 2880 x 1800: https://www.dropbox.com/s/kqxknj332z5kk2c/suena-atrevete.png

flattr this!

July 09, 2014

Como crear letras con textura de piedra con GIMP e Inkscape

Primero que nada, quiero tomarme unas líneas para agradecerles por su apoyo. Cuando realicé el video solicitando su ayuda para poder continuar con los podcast no pensé que recibiría tanta receptividad. Hoy, a una semana de iniciar las campañas en Patreon, Flattr y Paypal ya se han recibido 2 donaciones y más de 10 mensajes de apoyo! Los podcast son posibles gracias a su generosidad, la cual me permite dedicar mi tiempo a generar contenido explícito y de calidad, basado en sus solicitudes e ideas. Nuevamente, gracias por creer en este proyecto… y si no saben de lo que hablo, den click aquí!

El video de hoy será un tutorial para darle textura de piedra a tus tipografías. Hay diversos métodos, pero soy una fiel creyente de que las cosas hay que simplificarlas, por lo que el proceso de hoy se realizará con ambas herramientas para que puedan comparar y sacar sus propias conclusiones. Vamos a por ello!

<iframe allowfullscreen="allowfullscreen" frameborder="0" height="315" src="http://www.youtube.com/embed/tuShX_GjtaI" width="560"></iframe>

Ahora, si quieres revisar rápidamente este tutorial, he agregado un par de slideshows para que puedas el paso a paso de cada herramienta. Recordemos que GIMP es un editor de Bitmaps,mientras que Inkscape es un editor vectorial. Aunque adoro GIMP, cuando tengo que hacer diseños que “pueden” ser impresos, prefiero utilizar Vectores, ya que me permitirán redimensionar mi arte sin perder calidad. Sin embargo,lo bueno es que siempre tendremos formas diferentes de hacer todo, así que da un vistazo y cuéntame cual proceso te agradó más!

Como crear letras con textura de piedra con GIMP

Texto con Textura de Piedra con Gimp

 
 
 

Como crear letras con textura de piedra con Inkscape

Texto con textura de piedra en Inkscape

flattr this!

July 07, 2014

Cambiar el logo para cada Idioma con mQtranslate

Y si… seguimos con mQtranslate, pero con cada cosa que me encuentro en el camino, prefiero bloguearla que dejarla en el olvido. Esta vez toca agregar un logo diferente para cada idioma cuando utilizamos mQtranslate, al menos es algo curioso que me han pedido mis clientes… también a ustedes?

Este tutorial es mucho más sencillo que el tutorial anterior de mQtranslate, solo deben agregar la siguiente instrucción a su header en donde la instrucción que pide el logo está:

<?php
if(qtrans_getLanguage() == ‘eu’){
echo ‘<a href=”#top”><img src=”/wp-content/uploads/2014/06/eu-logo-eu.png”></a>’;
}
if(qtrans_getLanguage() == ‘es’){
echo ‘<a href=”#top”><img src=”/wp-content/uploads/2014/06/logo-europa.png”></a>’;
}
?>

Y presto… con esto están listos. Yo subo las imagenes al mismo wordpress ya que hay ciertos clientes que son recelosos con dar acceso al servidor (no en este caso, pero me ha pasado antes) por lo que hay que ingeniarse soluciones. Una vez que subes las imagenes, obtén la url y elimina el dominio manteniendo todo lo demás, esa será la url que utilizarás.

logos

Sé que es un tutorial sencillo, pero estoy 100% segura de que se me va a olvidar, así que acá quedará como un post-it digital para la posteridad!

flattr this!

July 02, 2014

Anaconda Crash Recovery

Whoah! Another anaconda post! Yes! You should know that the anaconda developers are working hard at fixing bugs, improving features, and adding enhancements all the time, blog posts about it or not. :)

Today Chris and I talked about how the UI might work for anaconda crash recovery. So here’s the thing: Anaconda is completely driven by kickstart. Every button, selection, or thing you type out in the UI gets translated into kickstart instructions in memory. So, why not save that kickstart out to disk when anaconda crashes? Then, any configuration and customization you’ve done would be saved. You could then load up anaconda afterwards with the kickstart and it would pre-fill in all of your work so you could continue where you left off!

However! Anaconda is a special environment, of course. We can’t just save to disk. I mean, okay, we could, but then we can’t use that disk as an install target after restarting the installer post crash because we’d have to mount it for reading the kickstart file off of it! Eh. So it’s a bit complicated. Chris and I thought it’d be best to keep this simple (at least to start) and allow allow for saving the kickstart to an external disk to avoid these kind of hairy issues.

Chris and I talked about how it would be cool if the crash screen could just say, “insert a USB disk if you’d like to save your progress,” and we could auto-detect when the disk was inserted, save, and report back to the user that we saved. However, blivet (the storage library used by anaconda) doesn’t yet have support for autodetecting devices. So what I thought we could do instead is have a “Save kickstart” button, and that button would kick off the process of searching for the new disk, reporting to the user if they still needed to insert one or if there was some issue with the disk. Finally, once the kickstart is saved out, it could report a status that it was successfully saved.

Another design consideration I talked over with bcl for a bit – it would be nice to keep this saving process as simple as possible. Can we avoid having a file chooser? Can we just save to the root of the inserted disk and leave it at that? That would save users a lot of mental effort.

The primary use case for this functionality is crash recovery. It crashes, we offer to save your work. One additional case is that you’re quitting the installer and want to save your work – this case is rarer, but maybe it would be worth offering to save during normal quit too.

So here are my first cuts at trying to mock something out here. Please fire away and poke holes!

So this is what you’d first see when anaconda crashes:
00-CrashDialog

You insert the disk and then you hit the “Save kickstart” button, and it tries to look for the disk:
01-MountingDisk

Success – it saved out without issue.
02A-Success

Oooopsie! You got too excited and hit “Save kickstart” without inserting the disk.
02B-NoDiskFound

Maybe your USB stick is bricked? Something went wrong. Maybe the file system’s messed up? Better try another stick:
02C-MountingError

Hope this makes sense. My Inkscape SVG source is available if you’d like to tweak or play around with this!

Comments / feedback / ideas welcomed in the comments or on the anaconda-devel list.

July 01, 2014

On Wiki Loves Earth Brasil 2014
I was invited to be a member in the jury for the Wiki Loves Earth 2014 photography contest in Brasil and I joined gladly: it was both a honor and an opportunity to see some places which otherwise I don't expect to see any time soon. Also it was an opportunity to share from my experience with 3 editions already of the similar Wiki Loves Monuments in Romania. Now, as the Brasilian contest has published its winners, I want to share a few conclusions.First, it was a success from any point of view, from the impressive number of images (around 7000), to the exposure the team managed to receive, with presences on the most important technology and photography magazines and portals in the country. Then, a lot of impressive places I wish I could see in person, a good selection of winners and a first place image I really like and envy the photographer who took it.
Amanhecer no Hercules --
'Amanhecer no Hercules' by Carlos Perez Couto, CC-BY-SA, winner of WLE 2014 Brasil

Unfortunately, nothing is perfect and I have a couple of pet peeves about the contest. First, not once I found myself shouting in my head 'They didn't hear of the rule of thirds in Brasil?' I saw too many otherwise nice pictures with the horizon line cutting the image in half for no good reason, which could be way better with a 'correct' composition. Second, I had the feeling some participants misunderstood the purpose of Wikimedia Commons and sent unedited images: is OK to upload thereedited images as long as you do not change the reality. I encountered a lot of photos which can easily be improved with a few simple edits: framing (crop and/or rotation), color/exposure adjustments (curves, levels, brightness, saturation), sharpening and such. Some photos could made the top 10 if they had be edited as such. Fortunately, grace to the license, such improvements can be made at a later date by any contributor.
Still, the Wiki loves Earth 2014 contest didn't end: is still ongoing in a few other countries and will conclude with an international contest. Best of luck to all participants! Have good photos and all of us will win (including myself as an ordinary Wikipedia user).

June 30, 2014

Agregar selector de idiomas de mQtranslate al header

Luego de que migré todos mis sitios y los de mis clientes a mQtranslate, hay ciertas cosas que hay que agregar a mano cuando trabajas con Páginas Principales personalizadas, una de ellas es agregar el selector de idiomas a la cabecera.

El proceso, como siempre es bastante simple, así que vamos a por el. Lo primero es agregar la instrucción al header, que será la que muestre los idiomas:

<?php qtrans_generateLanguageSelectCode(); ?>

Luego de ello, solo tenemos que darle estilo. Les recomiendo que de una agreguen en el css las etiquetas con los idiomas que utilizarán, ya que por ahora, no encontré una forma de aregar automáticamente la variable del idioma a la etiqueta css sin utilizar jquery (Si conocen una, me la hacen llegar).

qtrans_language_chooser {
display: inline;
list-style: none;
float: right;
margin-top: 10px;
}

.lang-eu {
background: rgb(62, 129, 214);
border-radius: 20px;
padding: 5px;
}

.lang-es {
background: rgb(62, 129, 214);
border-radius: 20px;
padding: 5px;
margin-bottom: 4px;
}

.lang-es a, .lang-eu a {
color: #ffffff;
font-family: ‘Patua One’, cursive;
text-align: center;
}

Como ven, es bastante sencillo, y con un buen estilo la cosa no se ve tan fea. Para este ejemplo utilicé la forma de iconos redondos (con border-radius) y del color del theme, lo bueno es que, como no son imagenes, pueden darle todo el estilo que quieran.

header-lang

Otra forma que tienen es la de agregar un widget en el header y desde el admin, colocar la caja de mQtranslate; sin embargo, este es otro método en caso de que no quieran que sus usuarios anden tocando a cada rato el box. Las formas sobran, pero en mi caso (y quizás más por curiosidad que por otra cosa), decidí agregar el php y así, conocer un poco más el funcionamiento interno de mQtranslate. La curiosidad es la que nos hace aprender algo diferente todos los días.

flattr this!

June 28, 2014

Gathering a list of tutorial for Design Suite
Design Suite Live Spin has a shortcut for a list of tutorials related to graphical art and visual studio. The actual link is on http://fedoraproject.org/wiki/Design_Suite/Tutorials which needs more links for tutorials using free and open source tools.

June 25, 2014

Agregar áreas de widgets personalizadas a tu theme de WordPress

Una de las cosas mas básicas que se hacen al crear un theme de WordPress es agregar áreas de Widgets personalizadas y muchas veces, terminamos construyendo un theme completo a punta de estos. El procedimiento para agregar un sidebar es el siguiente:

Abrimos el archivo functions.php y ubicamos la siguiente línea:

if (function_exists('register_sidebar')) {

Luego agregamos lo siguiente:

register_sidebar(array(
'name'=> 'Nombre Del Widget',
'id' => 'codigo-del-widget',
'before_widget' => '<li id="%1$s" class="widget %2$s">',
'after_widget' => '</li>',
'before_title' => '<h2>',
'after_title' => '</h2>',
));

screenshot2

Donde “Nombre del Widget” será el nombre que se mostrará en el admin y “codigo-del-widget” será el que utilizaremos para incluir en el php del theme como tal.

screenshot1

Ahora solo resta agregarlo dentro de nuestro theme, en mi caso, lo necesitaba para mostrar un mapa de ubicación de los posts publicados dependiendo de la ubicación de cada autor. La instrucción básica para agregar dicha área de widget es la siguiente:

<?php if (!function_exists('dynamic_sidebar') || 
!dynamic_sidebar('codigo-del-widget')) : ?>
<?php endif; ?>

Recuerda agregarle algún tipo de estilo para que no salga descuadrado, y con esto ya tendrás tu área de widget personalizada.

screenshot3

flattr this!

June 24, 2014

Fedora.next Branding Update

So we’ve gone through a lot of iterations of the Fedora.next logo design based on your feedback; here’s the full list of designs and mockups that Ryan, Sarup, and myself have posted:

That’s a lot of work, a lot of feedback, and a lot of iteration. The dust has settled over the past 2 weeks and I think from the feedback we’ve gotten that there is a pretty clear winner that we should move forward with:

Let’s walk through some points about this here:

  • F/G and H I think should both be valid logo treatments. I think that F/G is good for contexts in which it’s clear we’re talking about Fedora (e.g., a Fedora website with a big Fedora logo in the corner), and H is good for contexts in which we need to promote Fedora as well (e.g., a conference T-shirt with other distro logos on it.)
  • Single-color versions of F/G & H are of course completely fine to use as well.
  • F/G are exactly the same except the texture underneath is shifted and scaled a bit. I think it should be okay to play with the texture and change it up. We can talk about this, though.
  • Feedback seemed a bit divided about the cloud mark – it was about 50/50, folks liking it full height on all three bars vs. liking it with some of the bars shorter so it looked like a stylized cloud. I think we should go with the full-height version since it’s a stronger mark (it’s bolder and stands out more) and these are clearly all abstract marks, anyway.
  • Several folks suggested trying to replace the circles in version H with the Fedora speech bubble. I did play around with this, and Ryan and I both agreed that the speech bubble shape complicates things – it makes the marks inside look off-center when they are centered, and it also creates some awkward situations when the entire logo has to interact with other elements on a page or screen, so we thought it’d be better to keep things simple and stick with a simpler shape like a circle.
  • We’ll definitely build some official textures using the pattern in F/G and make them available so you can use them! Ryan has a very cool Inkscape technique for creating these so I’m still hoping to make a screencast showing how to do it.
  • Did I forget a particular point you brought up and would like some more discussion about? Let me know.

We’ll definitely need some logo usage guidelines written up and we’ll have to create a supplemental logo pack that can be dispensed via the logo at fedoraproject.org logo queue. Those things aren’t quite ready yet – if you want to help with that, let us know at the Fedora design team list or here in the comments.

Anyway, thanks for watching and participating in this process. It’s always a lot of fun to work on designs in the open with everyone like this :)

GG halfway through with redesign

We’ve reached about halfway with the GG redesign, so I’ve decided to share updates on this blog post. It’s basically design work, so the best way is to just try it out. Head over to http://glittery-banas.rhcloud.com, sign up for an account and give it a roll :) Some features may be hidden/removed for now, because we wanted to make sure what is visible is performing good.

Managed to capture the login page right in time to include the red nprogress loader :D

Login page

I wanted to make the onboarding experience smooth, so there’s guides that show up everywhere to help you around the system.

Dashboard

As you’d notice, there’s plenty of whitespace and big buttons to help you navigate without confusion. As you create new projects, widgets show up on the right to act as quick links to your recent projects. Notifications will be introduced next to projects soon :)

New Project

Here’s yet another example of a guide, helping a user understand what to do on a new project page.

Another example of a guide prompting the next action

Project files show up neatly in different columns - when I’m doing JS activity, I’ll try to make it pinterest style.

Freshly created project page

Also, I’ve tinkered a little with the User & project settings, introducing more UI elements.

Settings page

So go ahead and give it a try - http://glittery-banas.rhcloud.com. As usual, remember to report issues into the issue tracker :)

June 22, 2014

Status of Fedora 21 Supplemental Wallpaper

The submission phase for the supplemental wallpaper for Fedora 21 is now half over. Some already asked me for the status and most wanted also to see what is submitted. But we decided not to show them until after the voting, to avoid that people vote only for people they know instead of the quality of the submission.
But I think now its time to give a little bit of an overview what is the status now. So far we have 59 submissions, 3 of them had to be rejected, wrong license, one was an double and one had the wrong resolution.
The good thing is more people as last time contributed to the wallpaper, the bad thing is that I got a strong feeling some just did to get the badge. So the quality of some submissions is low. On the other hand some participated with creating wallpapers especially for the contest, so we have until yet three vector graphics or image manipulations in the contest. In generally a lot of the submissions are nice with the motif its just that a little bit work on the RAW files would help them over the top. Mostly they are over-lighted, some just in areas.
So the question is now, if we change Nuancier in a way that allows the upload of different versions of a submission, so that you can work on them to make them better if necessary.
But that is music which might be played in the future, lets take a little look whats already there. Here are 5 submissions, which are my personal favorites right now.

Just to remind you, there is still time until August 16th for submissions, so more then a month. So jump to Nuancier and make your submission

June 20, 2014

Como diseñar un Banner Web en Inkscape

Diseñar un banner web es una de las principales tareas que un diseñador tiene cuando llega a una empresa, bien sea para publicar en webs amigas o para promocionar un producto en su propia página. Anteriormente hice un artículo donde coloqué las medidas estandar que se usan en la red para los banners (que ya están un poco desactualizadas), pero hoy es el día en el que les dejaré un sencillo tutorial paso a paso, para diseñar su propio banner utilizando Inkscape.

Inkscape es una herramienta de diseño vectorial en la que cada forma o elemento que agregues se convierte en una capa, por lo que es muy fácil tener un diseño base y simplemente aregar/quitar cosas cuando amerite; lo que te dará un banner base muy fácil de editar para cualquier ocación sin tener que hacer uno nuevo cada vez.

Lo primero que debes hacer antes de comenzar, es tener una idea de la información que vas a colocar en el banner. Siempre debes partir de una idea principal para que no termines agregando cosas al azar que no tendrán ningún impacto en tu potencial cliente.

Al abrir Inkscape debes ajustar el tamaño de la página (o área de trabajo) al tamaño de tu banner. Puedes utilizar el atajo crtl+shift+d y ajustar las medidas; en mi caso, estoy utilizando 650×330.

Screenshot from 2014-06-19 14:37:18

Cuando vas a publicar anuncios, es importante que los colores que escojas para tu banner web sean llamativos, pero no en exceso, siempre toma en consideración el color de la web donde irá el banner y procura combinarlo; y si en dado caso el banner irá en diversas web, haz un fondo neutro con elementos destacados, no utilices colores neon para los fondos. (esta es mi apreciación personal). Para sacar el módulo de colores, puedes utilizar el atajo crtl+shift+f.

Screenshot from 2014-06-20 07:32:19

Es momento de agregar los elementos, tales como logo y contenido. En un banner, no siempre lo que más debe destacar es el logo; dependerá netamente de la información que quieras publicar. En mi caso estoy haciendo un banner para promocionar un taller de fotografía, por lo tanto, lo que resalta principalmente es el titulo, para que la gente sepa exactamente de que estoy hablando.

Screenshot from 2014-06-20 07:32:53

Una vez finalizado tu banner, solo presiona el atajo ctrl+shift+e para exportar; coloca la ruta de salida y asegurate de seleccionar la opción “Página(Page)” en la parte superior; coloca 90 DPI(PPP), que equivale al tamaño real y estás listo para exportar.

Screenshot from 2014-06-19 14:53:29

Y listo! ya tienes tu banner web! ¿Qué te ha parecido el tutorial?

tatica-banner

flattr this!

June 19, 2014

Heisenbug

heisenbug

You know. In case you needed a Heisenbug. Here he is.

The SVG source is available on the OpenClipart.org page for the design.

June 09, 2014

First shot at Inkscape - Moar Fedora.next logos!

I had always wanted to learn Inkscape; and the whole buzz around Fedora.next logos gave me exactly he opportunity. Just finished tinkering around with Inkscape for the first time, I must say it was worthwhile!

As promised, I’ve come up with a second iteration of the Fedora.next logos, this time as an SVG ;) If you haven’t been following already, you should check out attempts by Máirín Duffy and Ryan Lerch on the logos. I was without a computer, but did few sketches and my attempts are available here. Based on the feedback I received, I’ve now reduced to three improved concepts and would totally appreciate your feedback on them!

Alright, time for you to enjoy logos and for me to face the difficulty of communicating what exactly I was trying to do! :D

Strip A

I was poking around with Inkscape’s various buttons and accidentally ended up curving one side of the monitor. The end result appeared cool, so I decided to stick to it. I arrived at the keyboard by vertically inverting the monitor and skewing it a little bit.

Strip A

Strip B

These are my personal favorites (the workstation especially). I arrived at this by first creating a bunch of tiny squares, then recursively stacking them together to a produce grid effect. Finally, I colored it up in a way that automagically suggests the context of the logo. I have a few neat hacks in mind for this concept, if enough people agree on it, I could give it a try - the cloud & server can definitely improve! :)

Strip B

Strip C

The server on this strip was an attempt to ‘stack’ server disks that run Fedora - I’m not sure if I succeeded in creating that idea. From the feedback on my sketches (and late realization too), it appears that I couldn’t capture the idea of a cloud by stacking differently oriented Fedora bubbles together, so this time I’ve tried another shape. What do you think? The mouse is a different look at the workstation - most of the ones we’ve seen previously are oriented more towards the entire system, kinda rendering the logo ‘busy’.

Strip C

So…which would you rather pick? How could we possibly improve?

You’ll find the source for these images on my fedorapeople page or on my GitHub repo for this blog. They’re just 30$ for a one time use. J/K ;)

Note - if you actually end up looking at the source, you’re probably somebody who cares about how designers would want to collaborate. I’ve been improving the front end for GlitterGallery and recently wrote a huge post(with lots of pictures), so be sure to check that out too!

Thanks!

June 07, 2014

Neat feature with XO 1.75 Laptop
Yes, I am currently using XO 1.75 laptop to write this blog which needs more update. I am really busy outside Fedora  world while waiting for the infrastructure for Fedora 21 in order to refine Design Suite. 
This XO 1.75 has interesting apparently unavailable on most mobile device, a type of sensor that turns off the back light from the screen in plain sunlight. Surprisingly other device seems lacking that feature.  That will be a useful information for demonstrating the XO Laptop in local cafe as requested by my friends. I guess I will need a touch screen XO 4 laptop because of frequent question of touchscreen support, a trending norm in portable industry.