Showing posts with label svg. Show all posts
Showing posts with label svg. Show all posts

03 November 2013

Get 'em while they are young

A relaxed post as for a lazy Sunday afternoon: the little one is "hacking" graphics with Inkscape on a Fedora Linux laptop.

In case the VIDEO tag does not work for you, here's a YouTube version.

10 October 2013

Ready for carving?

Today I felt like drawing some clipart images, now is the time to share

pumpkins
PS: this post may not display correctly on bad browsers

09 October 2013

On stock images

As a business, when you are in need for some pictures, the cost effective solution is to use stock image services, that's definitely less expensive than custom work, you won't get something exclusive but chances are it will be good enough and cheap beats all (of course, I didn't consider the too often encountered case of scumbags simply picking images from the internet and when questioned answering "it was on Google, is free").

Having some recent photos that may fit the bill, I uploaded one of them on a stock images website as an experiment. For the experiment purpose, I also uploaded an illustration (nothing spectacular, just a collage from my already free clipart images). A first finding was a confirmation of what I already knew: while saturated with photos, they are more actively looking for illustrations. Uploaded at the same time, the illustration is already live on the site, while the photo still have an estimated 120 hours until review by an editor.

But my point here is not about photos versus illustrations, is about what they do with your images. The procedure for an illustration is to upload a JPEG preview and after approval you can add another format, AI, PNG, CDR or EPS (yes, you read it correctly, PNG is in there). Since I use Inkscape, my sources are in SVG and some features can't be exported in their supported formats, so I had to go with PNG. Still no major problem. But look at the image below, is a capture from their website:

stock images

Allow me a moment to explain: I uploaded at first a 2480x3508px JPEG and later a 2480x3508px PNG. While I am not sure all those resolutions are generated from the JPEG or PNG, I am sure about the image size. So the "premium" TIFF version, costing 50% more than the next one is just an upscale version (from 2480x3508px to 3507x4961px) of a raster image! Wasted money! There is also a "maximum" option, with a slightly higher price over my original size, which is an odd upscale (from 2480x3508px to 2912x4119px) of the raster original.
I think this is an useful hint for the potential buyers: on stock image services, maximum price or maximum resolution may not mean maximum quality.

06 August 2013

How to become a graphic designer

I graduated University with a diploma in mechanical engineering, after that I switched the field and worked most of the time as a computer engineer, that was my day job. Graphic design was something I did in my spare time and was something I learned by myself, by reading, experimenting, being a part on FOSS projects and so on. And I had a few successes, all while using almost exclusively FOSS software.

Now when I find myself as a freelancer, it made sense to complete my professional background by receiving certification as a graphic designer. How to do that? By taking a recognized professional training for adults. Following is the experience of a FOSS guy going trough a traditional graphic design training.

Honestly, I didn't expect much from such a training, I have some years of experience in the field and I know how to read books, it was important to get an official diploma and the price to be affordable. Looking around, I found a training center fitting my criteria, I won't name it, since I am not in the business of doing advertising, neither positive, not negative.

This training center actually has two graphic design courses, both of them consisting of Adobe Photoshop and Corel Draw, it is quite specific, you rarely learn general principles, but how to use those two specific apps. Why Corel? I talked before a few times about it, won't get into details: the graphic design market in Romania is stuck into a vicious circle: everybody is using Corel Draw because everybody else is using it, while all of them acknowledging is not the best tool. The first course is “basics” and the second is “advanced”, but after any of them one will get exactly the same diploma, with a different annex. My choice is simple: for the advanced course I was unable to answer such questions like “what is the shortcut for operation X in Photoshop” (because I have not used it and have no intention to use it forward), so unlikely to pass the initial test. I went to the basic course. After all, the diploma is the same.

The actual training center  have some ancient desktops, all of them running Windows XP and quite old versions of the required software, for Photoshop it was CS3, while for Corel it was X3, unfortunately, I didn't take the time to investigate their licenses. All I can say, in the very first class the trainer said “do not ask me where you can buy the needed software at home, you are by yourself with this”, however it was expected we will have home newer versions and we were instructed to save backward compatible files. I suspect at least one of my classmates got her home computer infested with a virus from not knowing much about torrenting.

The basic course is 6 weeks long with 2 classes a week, for a total of 12 classes, which are split 8 classes for Photoshop and 4 classes for Corel and a lot of home works. For the final exam, you'll have do build a portfolio with various works, some of them part of the home works, some in addition to them. The class consisted in lecture, where you were expected to take notes (I personally didn't and managed just fine) since there was no useful printed support and practical applications under the trainer's supervision, together with the home works analysis. At its end you are expected to acquire a basic portfolio, which can be used for employment.

As I understand, the advanced course if a bit shorter, only 5 weeks long and more portfolio-oriented, at its end you will have to create a full identity manual for a [fictive] company, going trough many  steps, from logo to website mockup to flyer and more.

Back to the basic course, the Photoshop part covered most of its toolbar and and half of the menu, just before filters, I wonder if the filters are “advanced knowledge” for the second course. Anyway, I took issue with some of the transmitted knowledge, like black and white conversion for images being best made with gradient map (no, is better to use color channels and tune the final result) or the PNG image format being created by Macromedia (no, it was created by W3C), but I tried not to be a problem-student and kept my interventions to a minimum.

The vector graphics part in Corel was expedited faster, as you are supposed to use it for simple graphics. Still, the final project was to be made with it. It was interesting to see most of the students, while at the start being more interested in Photoshop, having more fun with vector graphics. That pretty much replicates my experience with combined GIMP/Inkscape workshops.

The trainer is a nice person but limited by the curriculum, she is one of the person transmitting the information, not the one who assembled it. She honestly recommended me to take the second course, where I may find some things to learn. Still, when she asked which graphic apps I used before and my reply was “Gimp and Inkscape” I got the expected “never heard of those”. For a few of the Corel home works I presented the required Corel-made version and how it can be if Corel supported some basic features I take for granted with Inkscape.

As said above, for the final exam I had to create a number of works:
  • 5 photomanips (change colors, switch heads and such), which I made with GIMP and exported as .PSD;
  • 2 original ads and a remake of an existing ad, here I did most of the work also with GIMP, exported as .PSD and imported in Photoshop for final touches and ensuring the file is rendered correctly (sometime it isn't);
  • 2 book covers (yes, this was to be made as raster, not vector graphics), for which I prepared all the needed elements with GIMP and Inkscape and assembled the final work in Photoshop, I had to do this way since the final result had to be a CMYK .PSD file;
  • a clipart image, which I made it with Inkscape, imported into Corel, corrected some import problems and exported as .CDR;
  • 1 original logo and 2 remakes of existing logos, again I made them with Inkscape and converted the SVG to .CDR from inside Corel;
  • a business card based on the original logo above, really quick task done with Corel in a couple of minutes;
  • a flyer, for which I had to use Corel from the ground-up, it was too complex to clean-up an eventual SVG import and the result was to be a CMYK .CDR. Still, it had to include some photos previously prepared with GIMP and the logo, originating with Inkscape;
  • the final project was to be a small, 6 pages, magazine also in .CDR format. Again, assembled with Corel but including a lot of images originating in GIMP.

The final exam was simple: a theoretical test and the portfolio review. The theory part was, as expected, simple: a quiz with  18 stupid questions, where you were expected to memorize useless (for me) things, like “what is the Photoshop operation to copy a selection into a new layer” or “for which Photoshop tools can be applied a feathered edge” or “which is a correct list of  node types in Corel” or “which is a correct list of operations you can to with the pick tool in Corel”. Still, easy to get 10 from 10 points if you didn't sleep trough the entire course. Reviewing the portfolio was a bit more frustrating, it felt more like they numbered the works, not looking at the amount of skill backing them. An accessible slam dunk.

In conclusion: was it worth it? I think so: I got my diploma, I had the opportunity to see how the competition if faring (last time touched Photoshop more than 10 years ago) and also to see how a recognized graphic design training is structured. And definitely was and incentive to put my lazy ass to work and create some stuff. Would I take the advanced course? No, if I have to pay for it. Now I have on my TODO to think more about how the marked would receive a training course based of FOSS tools.

26 July 2013

Clipart spotting: lemonade

clipart spotting: lemonade
I started developing an eye for such sightings: today while eating a shawarma in the touristic city zone, something drew my attention: an add at the next-door shawarma place, they were offering a free lemonade for some orders. No, not the lemonade was of interest, but a drawing on the banner. A quick check on my clipart collection confirmed: yet another use of my freely licensed clipart images. Is not a spectacular image, made in the early days when I was learning vector graphics and Inkscape (still called Sodipodi), but it was of use for someone.
lemonade
PS: that's not that unexpected, is at the top of the first page in the Google image search for "lemonade"

19 June 2013

Drawing water drops with Inkscape

I am taking a graphic design course and one of the assignements received was to remake the logo of a well known soft drink (for the purpose of this tutorial I replaced that logo with something else, as this is not the place for unpaid advertising, especially for products I don't use nor endorse). Is a trivial task with Inkscape, so I decided to enrich it with some water drops, as at the final exam I can show my skills and get a higher grade. For the exam I can't provide a SVG, will have to import/convert it in a proprietary format (such is life...), but Inkscape is my tool of choice so I m sharing the process here.

Initially, the lazy me wanted the short way, learn how others are doing it and there is an Inkscape rain drops tutorial already made by heathenx (thanks buddy, you rock!) which I used to a pretty result. Still, I didn't love it, just liked it.

inkscape waterdrops

Then I played with more variations, trying to make it more realistic, but liked the result even less, probably due to the softer edges. I went back to the heathenx way, not perfect, but good enough for a mere exam (without false modesty, for which I am already overqualified).

inkscape waterdrops

It was all well until yesterday evening when waiting for the subway I looked at a soft drinks poster, it had a photo with water drops added on top. Looking close, I saw the drops are clearly vector drawings (put on a photo) so I understood what I have to do: simplify, simplify, simplify. Now my homework looks like this:

inkscape waterdrops

How To

The first step is to draw, using Beziers, a random rounded blob.

inkscape waterdrops

If yor hand is not trained enough for this, draw it with straight lines, we will round it later.

inkscape waterdrops

Select all nodes and make it smooth with the toolbar button, you have a rounded blob now.

inkscape waterdrops

read more

10 April 2013

LGM


10-14 April, meaning right now, in Madrid is taking place the Libre Graphics Meeting conference, is the biggest event getting together developers working on and designers using Free and Open Source graphic tools. Is a very good conference with program packed with presentations, workshops and various meetings, making this community feel like a big family.

Unfortunately this year a conjuncture of various live evens keeps me away from the conference and friends there, but I hope to meet them again at the next edition taking place in Europe (it will be a while until then). Have the best of fun and some fruitful time!

30 March 2013

Starry night

A few weeks ago I gave myself the task to decorate one of the walls inside the home and the first thought was to buy some stickers and put those on the wall. The internet research was disappointing: few options, ugly and very expensive.
Of course my natural reaction was: I do graphics, I can do it myself! But I can't paint the walls myself, I have no experience with painting at such large size for the wall (and my experience with painting is very little, watercolors on paper, back from elementary school), so maybe a better option would be to design the stickers with Inkscape, find a place to print them and use that.
But the time was short and I had no idea where to print large-size wall stickers (plastic), so ultimately I gave-up, bought something offline (in the Chinese market they have some decent ones, low price, pretty enough and from a quality point of view, they will last enough for the price).
Of course my creative self was not happy with the defeat, now I found some free time and designed one of the many ideas I had back then: a set of stars with the moon, all of them with funny faces. I won't use them as stickers, all I can do is to make them available as clipart, if anyone has some need for them.
About the other ideas... we'll see if I get the time and mood to put them down too (less likely, this set was the easiest).

starry night svg

08 November 2012

No Fedora

After some point it becomes humorous:

no fedora wbcomic

Making your own calendar


I made my own calendar for 2013: a design created with Inkscape and a bunch of photos, one for each month. It is already printed on paper in a limited edition, which will be offered with signatures from the photographers. However, I decided to put it for free download (PDFs downloadable from the same blog post) in case someone else find it good looking or useful. When a fellow photographer liked the design but witnessed his lack of design experience, I also included empty PDFs (no photos, no name) one can re-use for his own purpose. The PDFs are created to the requirement of the print shop: 220 x 100 mm, with 2 mm bleeds on all the edges.

Then I decided I can be more open, I can do more: the design is made with Inkscape, a software rarely used by photographers (they will most likely do it in Photoshop), but I can share my Inkscape SVG sources: they have the months and days, they also have guides to help with alignment, they can be exported to high quality PDF and, if you want, they can be imported in a DTP application for further processing. The only downside is, I made them for a certain paper size, but having access to the sources, is easy to adjust them. The font used is Free, MgOpen Cosmetica.

Still not perfect: I made the calendar in Romanian, since this is what people around me speak, but most of those reading my blog won't, so it was obvious a translation is needed, I also have an English version of the calendar design, also ready to use in Inkscape/SVG format - you just need to add your photos and name.

I can already hear people telling me: you should have used Scribus instead and to some degree they are right, Scribus would have helped me with having a single PDF or source file (lack of multipage support was Inkscape's main downside for the task), would have provided better PDF output and automatic bleed/crop marks, but I feel more comfortable with Inkscape, so I used the app that makes me happier (you can import the SVGs in Scribus).

Update: here's a tutorial for making your own Inkscape calendar layout design

14 May 2012

Freelance / Storyboard

I am doing a lot of photography lately but I also didn't forget about graphics, the latest project I was involved lately was doing freelance work on a proprietary commercial project for creating storyboards). While is not Free software, it allows to leverage my experience from my old Fedora webcomic and even build upon some of the assets I developed as a follow-up. From a technology point of view, the project is cool as it uses SVG for its files, so once installed you can extend it easily with self-made graphics or with images from the Open Clip Art Library, for example.

Unfortunately the app is Windows-only, made with .NET, so I can't easily provide screenshots (I use Inkscape and Fedora for my part of the work), but here's an example image from the Storyboard That website (probably people will recognize the graphics style):

storyboard that

07 November 2011

Freeloading

I do release a lot of content, from drawings and clipart to photography and to videos and learned about many people using them, this always brings a smile on my face. But it can be otherwise :) Today I got a question about some of my clipart being used on some website, but with a twist: I am asked if credit is needed, as in such case the site owner has to adjust the layout to fit it, needing to think about that. My answer was dry "Since those clipart images are released into Public Domain, crediting is not compulsory, that's the license. Is up to you." opposed to an usual "the images are released into the Public Domain, you can use them in any way you want. credit is not required but is appreciated". Indeed, I released the stuff freely, no restriction can be imposed afterwards. But I can contemplate the laziness and freeloading. And smile.

25 October 2011

The dice, the manga and the anime

I am not sure: the world is small after all or the little things we do really change it, even if a tiny bit. Either of those should be true.

Last week-end I was (with my camera, of course) at Nijikon, the anime convention taking place every October in Bucharest: there was cosplay, manga, anime, plush toys, really many things. And while wandering around searching for some photographer's prey, I noticed a wheel of fortune improvised at a manga booth:

mangashot

Something there looked familiar, but I wasn't sure about it and had no way to verify it on the spot. In the evening, I was really tired arriving home, and forgot to check, so the next day couldn't ask the guys about it the second day, I checked only after the event ended:

dice

Yup, the dice image is part of my Free clipart collection - one of my first drawings with Inkscape, made many years ago, so it looks quite weak, but still they found it useful.

Thise clipart images somehow managed to leave home, make a trip to California and return home by the way of the manga. Yes, the world is small.

For cosplay pics, I am sure my readers know where to look :p

18 July 2011

Clipart spotting: 2D Photography

Not sure how many of my readers remember how excited I was half a year ago when I spotted on YoutTube one of my clipart images being used by the Marina (very few probably know she did it again and again and she even blogged about it - awesome!). Today is one of those days again: a friend of mine wanted to make my day brighter by showing a funny photography-related Rube Goldberg machine and watching it I spotted something familiar: go to the 3:21 minute and notice a little cardboard rocket moving... it is my Public Domain rocket clipart, part of my free clipart collection, an image for which I even wrote an Inkscape tutorial.

clipart spotting

Not sure about the total number of views, but only on YouTube the video has over 430.000 views so far, so I guess I made the world a tiny bit better. Then why do I feel so crappy?

30 March 2011

The story of a poster or the making of Fii Liber Land

The task was forgotten, sitting untouched for months, when I was reminded about it (and perhaps assigned in the tracker): make a poster design for the Fii Liber project, to be put at Ceata's headquarters.

I got the "Fii Liber Land" concept right away in my head, but it was too complicated (so I thought) and I was not in the mood for drawing it, so postponed it for a while, over a week, during which I kept working on demotivational posters (more on that in a couple of weeks, the project is not ready to be announced), while trying to simplify the idea and do something easy, which I would be able to do in the blink of an eye and no effort.

Time passed and I was unable to come with a simplified form, so build my courage and went for the whole shebang: I could get away with the simple kite (the Fii Liber logo) on a blue sky and the clouds from the current website header along with a text like "Fii Liber. Noi suntem liberi! Tu?" ("Bee Free. We are free! You?") but that was less than optimal: the kite and the clouds do not match in their visual style (I made the kite logo on my usual style but when it came to the clouds I was "busy" and skipped the task) and... I wanted to make a point and I am not the person to step back from a controversy.

Fii Liber is queued for an infrastructure upgrade, will be migrated to Drupal 7, and with this it will receive a new theme, which I find boring, corporate-like and bad for our "normal users" audience (obviously, some people in the team disagree, so they want the change). The poster is supposed to show the friendly and informal image I envision for the project.

But I talked already too much, time for some pretty pictures! Here is the poster design I came with:

poster fii liber

As you can see, it represents a happy land with hallmarks of life, technology and culture (as Ceata is an organisation promoting Free arts and technology) with a kite (the logo) flying freely over it. Of course, there are some stereotypes included, like Dracula's castle, a Modavian painted church or the Endless Column (do I need to also talk about sheep?)

Now the work is not done :) From my point of view it may be, but since the design is Free and a group has different visions, modifications may happen: the Ceata logo, which is not loved any more may get axed (in what I see as a mistake for growing the identity) and some text may get added at the bottom, where I intentionally didn't allow the space for.

As said, done, time to go forward, staying a bit more in the poster land... a bit of work is planned today on the demotivational side :)

28 January 2011

Bad Jokes

Over the week-end I will probably be out taking photos, I won't follow the FUDCon happenings so I guess I can do some warm-up throwing a few bad jokes:

bad jokes with fedora


PS: actually I had in mind one more, with a punch line around "call me Caroline", but thought that would be too niche, with only very few figuring it.

27 January 2011

Nicu's Webcomics: Cookies

'Nuff said.

cookies


PS: even if reusing some elements, this is not part of my old Fedora comics series, neither is it in any way endorsed by the Design/Art Team, is a personal project.

25 January 2011

The Moods Project

Moods is my latest free graphic project and in a long while the first not linked to openclipart.or of Fedora Design (from the first i am on extended leave and from the second on temporary strike). What is this project? Is best described with a quote from its own page:

This project started after I noticed myself saying a lot "pics or it didn't happen" so the idea was obvious: make a drawing, based on my free clipart images, to illustrate this classic line and then just pass a link to it. Obviously, as everything I do, it had to be Free and shared with the world. The next logical step was to develop it by adding additional mood images, which is a never-ending work, fuelled by own mood but also by the feedback received and the usage level, so use the images and it will be an incentive for me to add more.
moods

Of course, it is made with Inkscape and SVG sources are really easy to get hold of if you know where to look (or know my working style). And sorry, but CreativeCommons made me reinvent the wheel with the license.

14 January 2011

Let It Snow! - video: Inkscape demonstration at the monthly RLUG meet

What did I do that I have my upload limit increased to over the 15 minutes, unlike the other mortals? Don't know but surely enjoy it, I was limited before and not linking it. Then the second question: how can I ensure my videos are available ASAP for delivery in the WebM format? (I upload in Ogg Theora, Kdenlive in F14 still does not have WebM export, I need Theora also for blip.tv and don't want to transcode once more with my pity CPU).

upload limit

But enough blabbering, yesterday at the monthly RLUG meet I continued demoing Inkscape drawing from December (people asked for it, I couldn't refuse) with making a snowflake (yup, I know we are all feed-up with the winter and looking forward to the spring but... it was requested). As you already suspect, the video recording is up on YouTube, unfortunately not yet in WebM, and also is free format on blip.tv, together with the other RLUG recordings (the other two videos from yesterday are still processing).
snowflake

Of course, there are also some photos, but they are just usual, nothing extraordinary. And sorry... I have no formal slide, since you can't do one for such a presentation. Maybe, just maybe I would put myself to work one day and do a tutorial one day, but don't take this as a promise.

10 December 2010

RLUG meet, December 2010

Yesterday we had the last LUG meet for this year, and the last in this current location (from next month we need another place, still looking for it). One above another, it was a good one.

rlug


I presented, as planned, a lightning talk about creating presentations with Sozi, an Inkscape extension. Then, as the schedule seemed light enough, I continued with some Inkscape demo drawing. Then Petre shared his experience with signatures and cryptography on Linux, Doru continued with a talk about databases and Matei closed with a presentation about a Fully Automated Install (FAI) on Debian.

I should mention there are photos from the event, many of them brought with the contribution of an unexpected helper, thanks a lot!