Posts Tagged ‘magazine’

The making of Perspective

Saturday, November 21st, 2009

Perspective is my school’s magazine of which I’ve been the designer last year. Though the old team has moved on and I’m no longer associated much with it, such releases have remained as an archive online. Mainly because I like the open-source ideology I’ve produced the magazine primarily using FOSS tools – such practice is quite rare in the publishing industry due to Adobe’s dominance. However -especially noticeable in the latest release- the quality of results have truly been quite astounding. So of course I was pleased to recently receive an email about it:

Hi Dion,

I was blown away by the layout you did for Perspective using scribus, and I was wondering if you could offer a COMPLETE newbie to scribus some tips on how to layout a simple greeting card. I would really appreciate your help.

Everybody loves seeing their work being appreciated, and so I crafted a reply, and whether or not it helps anybody else, I thought it’d be good to share.

Hello,

Why thank you! I assume you’re talking about the July 09 edition, where I took the time and effort to actually design each page instead of simply lump text and boxes around.

The first step was to use Scribus to split the page into a grid using the rulers. As a magazine, I split the page into three, then created more rulers to allow for padding. I also put rulers at each of the borders to give ample space for page margins. Once this was done I now have a clear idea of what space I have allocated for my content.

I have to admit that the main crux of the design process was done in the GIMP. I would export a blank canvas and then mirror the rulers with GIMP’s rulers to make it so that my designs also were within those borders. The entire page layout was created in GIMP – I would guess how much space an article might take, and then create it in GIMP. Putting the entire article’s text in The GIMP along the side of one column allowed me to get a pretty good guess at how much space it would take – a screenshot showing this can be seen here:

If you look at that screenshot you’d also notice that all of the pictures – eg: the page template as well as the pictures for the article and fancy font used for the title – were done on The GIMP and NOT on Scribus. The problem I found was that because printer’s were unreliable, when given to them in a format that separated text and many images being overlayed above one another, the colours would run and many artifacts would be seen. So what I did was to create all non-text items in one single image, then export that and use it as a background for the page in Scribus. This keeps all the images together and greatly reduces the number of artifacts – it worked so well, in fact that I would be confident to say that there were almost no artifacts at all!

At the same time, when dealing with such a potentially complex document this technique would keep Scribus running extremely fast yet still benefit from a well designed and with pages full-of-effects (eg: shadow, interesting overlays and rotations). Of course this also meant I could use cool fonts for titles and not be worried on whether or not the printer also had those fonts! Another benefit is that it keeps the final file small and extremely fast to export. Less chances of crashes and easy portability!

The final step once all the non-text were finished in The GIMP was to fire up Scribus and put text on top- so on each page, there was only one image, no more, no less. This also made it a lot easier to manage and edit text. I could still make text flow around images by inserting invisible shapes then selecting Shape -> Text flows around image in the properties window (F2). With line and bezier shapes this really gave me the precise control I needed.

The title page was made almost last – I find this helps as firstly you don’t sit around wasting time thinking of a design because you’re doing the easier and repetitive inner pages. Over time you gather a feel of the document’s style and creating the title just flows out.

On this issue I chose a “small” text font size. This does actually make it seem more professional as you really notice the flow around images. Previous issues I refrained from doing this as my editor told me it would strain people’s eyes. Turns out that they were wrong (well, nobody complained).

Release early, release often – share your work’s in progress with your friends. They’ll help point out things that don’t look nice. If at anytime you’re unsure of how to layout a page, stop what you’re doing on the computer, print it out, and start throwing down ideas with a pen(cil).

So in short – basic layout started in Scribus, design and playing around with ideas done in GIMP, inserting and arranging text done in Scribus, and that’s it. I hope that helped – if you’re unsure on the actual design, searching google images and especially design blogs such as SmashingMagazine can really give you some inspiration.

In other news, things are starting to calm down a bit so within a week or so I should be able to continue development on WIPUP and perhaps even do a few small creative projects.

Perspective July 2009 Released

Monday, July 13th, 2009

snapshot13As many people know, I am the layout editor of my school’s “Perspective” magazine. It is a student run organisation and this will be the last issue I design before I hand over my role to the year below (it’s a yearly thing).

I am happy and proud to announce what I believe is the best issue I have ever produced, and you yourself can compare it to the first, the second, and the third issue.

Perspective is made using free and open-source software including The GIMP, Scribus, KDE, Okular, and Vim. However as the industry standard is the proprietary format Adobe InDesign, I am required to convert it to this format at the final stage. However rest assured this is nothing more than copy and pasting – I present to you a magazine made (almost) completely with free software.

This issue is special because you can download this magazine in PDF format. Feel free to read it – it includes a lovely front-page article by me, 3 entires into the art pages at the end, as well as a two-page article about open-source nearing the end featuring pictures of KDE and Elephant’s Dream – the open-source movie by the Blender Foundation. Some kid also wrote an article about the history of web browsers, but I was quite shocked to see that one line said “Google Chrome was released as a beta in September 2008 by Microsoft” – I think they meant for Windows. Nevertheless, my job is to bother about the design, not the standard of articles, and I’m happy to say that this has upped the bar – from what I see at least.

Clickety here to download.

Oh, and for the lazy, here is the thumbnail view of the entire magazine.

perspective_final_compressed

Thank you for scrolling through, I hope you’ve enjoyed the magazine over the year, goodbye and good luck to whoever replaces me.

Another Perspective Preview

Friday, June 26th, 2009

…and here I am for yesterday’s blog post with a quick new preview on the Perspective magazine: the centerspread. Lots of things going on, progress on Eadrax being made, my cousin, his wife and baby were staying over for a while, and I’m going on a monday-friday camp/trek/survival next week, so this’ll likely be one of my last posts for a while. Here it is in all its picture-speaks-a-thousand-words glory:

snapshot3

Oh, by the way I don’t take any credit for the photography.

Perspective Magazine Feb 09 Released!

Monday, February 16th, 2009

Another two days have passed and the time is ripe for yet another thinkMoult post. As the title suggests, the Perspective Magazine for February 2009 has been released today. (The actual date was meant to be Friday, but somebody forgot to tell people to collect it Friday morning – oh well, no harm done) … and as promised, here is a snapshot (click on the thumbnail for a larger resolution) of it. Sometime in the future I plan to allow people to download digital .pdfs of these magazines, but until then you’ll have to make do with snapshots. Well – enough blabbering, here it is!

perspective09

In slightly more unfortunate news, apparently my previous post about the importance of the design phase in Perspective has caused one of the editors in the team to be quite angry. I’m not quite certain what it’s about, but one of the reasons is about “talking about it online”, so I shall respect her views and will not disclose further information. In my efforts today to figure out what exactly went on during the Perspective meeting (apparently this one was a bit more eventful than the usual session), I came across an email my lead editor sent to all the other editors, urging them to be stricter on time management. Further enquiry showed that my lead editor also spent most of today’s session telling people off on deadlines and such. I applaud this action and sure hope design can be allocated more time, and hence become a more serious part of the creation process. Of course, this doesn’t just benefit me, it benefits everybody in the team, especially the editors as they know work will be handed in on time.

I apologize for any ignorance I might’ve displayed of the system – and I offer my suggestions to improve time management and incorporate designing more as beneficial and constructive criticism – not as bait for arguments or even personal attacks. To prevent further misunderstanding I have stopped comments (yes, you lazy lot can go back to using your feed readers and not bothering to comment) on the post, and hope to have this issue cleared up soon.

Perspective Failure

Thursday, February 12th, 2009

trevor-as-artistAn experienced website designer can look at a website and instantly pick out the flaws down to pixel perfect alignment issues. Today looking at the newly printed Perspective magazines, I was disappointed.

It had something to do with the fact that there were unwanted grey borders around our gradiented background boxes (they should’ve been borderless!) which clashed horribly with the text. It also had to do with the stunning TWO editions which turned out instead of the lovely red one I was expecting. We now have Perspective: Bromine Edition and Perspective: Dirty-Swamp-Green Edition. Well, arguably the colours do look quite nice, but THERE SHOULD HAVE BEEN ONE COLOUR.  Not a clear difference between half the issues. “Hey there, how come yours looks a strange colour compared to mine?” Not to mention STUNNING visual effects such as blur, smudge, ink-splatter, and shadow being applied on the text, making it look visually rich and appealing . With these new additions, you will surely be a professional at answering CAPTCHA questions. (those “please enter the text in the photo” things on websites to check whether or not you’re a robot – normally featuring distorted text). Oh, and did I forget about the modern 3D technology used to produce anagliffs for random photos? (Anagliffs are those generated images such that if you look at them through red-green 3D glasses they look 3D) That’s right, but we don’t ship with the glasses. Conclusion? The printer has made nothing short of vandalism of our hard work.

Skimming very -very- quickly through the booklet you might not notice these defects enhancements, but will notice several mysterious visual apparitions artistically misaligned double sets of pages, with an obvious difference in colour between the left and right pages.

I quite liked the front page and the upgrades I did to the inner page templates (including fashionably fake curled up pages where the page number and category could be displayed – but these printing issues have truly cast a dark shadow over these improvements. The printers have done a fine job of coming a stunning 5-6 hours late on their promised delivery time both times we’ve worked with them, and their annoying ringtone (take me into your heart!) does little to appease the humour as we try to predict their true arrival time and next creative excuse.

I also want to take this opportunity that I have a newfound resentment to being called the Layout Editor. I didn’t sign up to be a Layout Editor. From here on out, I shall be referred to as The Layout Designer, or any title which has the word “Designer” in it. The reason? The job of a Layout Editor is to edit the freaking layout – that is to position boxes of text and images so that they fit on a page. I’m sorry, but last time I checked, I’ve seen this done by a 3 year old. Heck, we all do it when writing our essays (which have pictures). Before I came to this position, the magazine was quite literally just arranged boxes of text with some boxes that had another colour to differentiate articles from one another. I don’t blame the Layout Editor then- I don’t think he was well known for creativity (not really an insult, he was exceptional in other areas and still is). However this time, I’m sure people have noticed the big differences – though they are limited to the front page template and the inner page template.  To me, out of the 28 pages in this issue, I actually designed 2. That’s 7%. Wow, I didn’t even hit double digits. There is so much that can be done to visually enhance (now not in the sarcastic sense of the phrase) each and every single page, and this is simply not being done at the moment.

You see, currently the process is that every single “meeting” we in general don’t get anything done, then we wait for everybody to submit their articles late, then we cram in the “designing” stage at the very end. For this issue, the “designing” stage lasted 1 day. For 28 pages. Like mentioned before, all it consisted of was two slightly edited page templates and stacked boxes of text. I’m sorry – but how about this: we actually make designing part of the creation process, and not just shove it to a shoddy job done at the very end of the production line when the release date is in a weeks time.

Ask another designer to accomplish this feat and they will say  flat out “screw you”. It’s impossible to do. They are not going to waste their time stressing over such crappy time schedules. No matter how much money you offer them, they will not do it. It’s almost as bad as the time I got asked to do a 10 minute animation in 2 days. Those 2 days can take a running jump for all I care.

Oh wait, I forgot to mention that we don’t really want you to design during that time. We just want you to put boxes on a page.

“Sure”, says the designer. I’ll do it. Except might I quickly correct something? That is NOT design.

The excuse we’re using is that “we don’t have time”. Screw time. If it’s going to take a long time, then it will – but it should NOT go out looking just like an arranged list of articles. I’ve known enough about website creation to know that you can create just another website, or you can take time and create a masterpiece. Believe me, any other web developer will know the difference between a polished website and a shoddily done one. Oh, so will hackers. Even decent web users can notice the difference.

If you so as respect my ideas on design and layouting, please drop me a comment on this post so I may persuade my stiff necked “lead editor” to allow me to rebel on the next issue – hopefully making something truly worth printing.

Edit: the grumpy looking picture was added because some people complained that this post was a “wall of text”. It was among the first results in Google images for “grumpy looking guy”.

Food, Design, and Marketing.

Friday, February 6th, 2009

The past week has been. Yes. That’s it. It’s gone now. It was a shorter week in terms of school due to Chinese New Year eating into the first day of the week, and similarly I will have an extended weekend this time (not sure why the next Monday is being eaten). I decided not to give a technical post today as I myself haven’t been doing very technical things very article-worthy about. The minor technical tweaks that all Gentoo-users undergo that some might be interested in are all documented in my Twitter feed.

Well, it’s another rapid fire post. It’s basically what I put when I have a post to kill. Basically it includes random tidbits that aren’t meaty enough for a post of their own. The first thing I’d like to share is hardly meaty. It’s more soupy and buttery and full of disgusting preservatives. It’s what our wonderful school canteen company Sodexho serves us at lunchtimes. Sodexho is a monopoly at our school. Being the only caterer, they charge inconsistent (high) prices, give us leftover food, generate longer queues than the Malaysian immigration, and present all of this not with a smile, but more of a grimace as they attempt to operate their pocket calculators. The following fine specimen is a rarely found combination of slightly separated immiscible butter (which forms a strangely greenish coloured coagulated buttery oily soup), and leftover spaghetti noodles, the purpose of which is to play hide and seek as you fish for these slippery items with your bent plastic fork. In case you missed the point, here is a plate of butter and spaghetti. Emphasis on butter.

image_085

Of course, how could Sodexho survive with such pathetic food being distributed?  Simple – effective marketing (akin to Microsoft). As you can see, each day we are greeted by a finely decorated menu of what the day’s special is. The scrumptious descriptions leave nothing but mouth watering thoughts egging us throughout the day to beat the lunchtime queue. These guys have embraced the seventies notion that “Less is More”. Ah. Yes. Simplicity:

image_086

Well, that’s enough food for thought – any more and you’d be sick. I also have to share a twisted derivative of the historic “Mojave” experiment. For those that don’t know, the “Mojave” experiment was carried out by Microsoft with one aim: to prove that the problem wasn’t with Vista – it was with the customers.  People wanted to hate Windows. What they did was change a couple pictures in Vista, named it “Mojave” and got consumers to test what they thought was the upcoming Windows version. What happened? More consumers said it was an improvement. Of course, nothing was said about the supercomputers they ran it on to prevent lag, or the debugging team all SSHed in ready to correct any errors that might arise. This new experiment was similar: what some people did was take a computer with Linux and KDE 4.2 installed on it, and showed it to random people on the street, telling them it was the new Windows 7. Let’s take a look at what happened.

In other news, I’ve also been working on the new Perspective issue. It’s ready for publication and should be printed and distributed soon. However, here is a small screenshot showing the new design for the front cover. Of course there isn’t any text on it yet, but all in a good time. Here it is:

snapshot20

Ok, that’s enough for today’s rapid fire. Lots of articles in the drafts queue, none of which are just quite finished :)

Perspective Nov 2008 Distributed

Sunday, November 16th, 2008

For those who remember the previews I gave of the first Perspective issue, I’m proud to announce that just a couple days ago the second issue of Perspective has been published and delivered, all waiting for distribution this coming Monday. Yet again, I haven’t got my camera out to take a picture of the published edition (always looks better in print!) but what I do have is more screenshotted thumbnails, just like last time.

This month’s issue features a happy yellow design, adorned with silhouetted acrobats on each page, as well as slightly modified first page. I actually had some ideas for a-pimpin style but schedule clashes prevented these from being realised this issue – perhaps the next issue might get some love? This issue was done with Adobe InDesign, as per request from somebody who dealt with the printers last time, but turns out that’s not what they want at all. I plan to take this into my own hands and organise the printers myself for the next issue.

The .pdf is not up for download due to some space issues I’d rather not provoke, but hopefully a proper photograph of the printed issues with good lighting will make up for it (in the unforeseeable future).

Ah, enough of the waffle and syrup, here there be previews! (Again, click on the image to get a higher resolution image)

Again, apart from the compulsory usage of InDesign, a great deal of open-source applications/projects were used in the creation of this magazine. Including The GIMP, Vim, OpenOffice and Gentoo Linux. Yet again, open-source has not failed to contribute!

Unfortunately, there will not be a December issue, but there will be one released sometime early January or so. I wonder what colour to do for the next one … green?

Perspective previews!

Monday, October 13th, 2008

Answers.com tells me:

October 13 is the Expression error: unrecognised punctuation character “{“th day of the year Expression error: unrecognised punctuation character “{” in the Gregorian calendar. There are Expression error: unrecognised punctuation character “{” days remainingExpression error: unrecognised punctuation character “{“.

Wow, looks like they’ve got some errors on their site.

Anyways, my magazine has been distributed today. I would upload it here (pdf) so you could download it but my webserver is running a bit low on space (it’s 70mb). However, what I do have is some thumbnail views I screenshotted from Okular. There are two pages missing but that’s because it just doesn’t fit on my screen. Click on the image for a higher res:

Yes, all design, arrangement, compiling, etc, done by me. Applications used were OpenOffice, Scribus, GIMP (all on Gentoo Linux). Articles were not done by me though. (Note: the pages are imposed, therefore they do not go in the format page 1, 2, 3, etc. They go assuming they will be folded into a book.)