Showing posts with label artwork. Show all posts
Showing posts with label artwork. Show all posts

Tuesday, 19 November 2013

Fedora 20 Supplemental Wallpapers

So, because I'm kinda busy with my $ job and aikido training, it took me a while to get it done, but supplemental wallpapers for Fedora 20 are packaged and update submitted. Please test and karma :) They're prepared for use with xfce, kde, gnome/cinnamon and mate. If there's a way to make them available via bg selector in other DEs in Fedora, let me know how, I'd be happy to expand the portfolio ;-)

Wednesday, 27 February 2013

Consistent Perspective in a Group of Icons – How To

I've been creating a bunch of Echo icons lately and one thing I wondered how to do properly is perspective. It's easy to do thinks consistently if you're using some kind of metric projection (e.g. isometric), because you have simple linear transformations from (X, Y, Z) to (x, y). That's not true for perspective. How the 3D projects to 2D depends on the shape, on the position, on the size and many more factors when projecting with perspective. Because I was creating many icons at once, all flat ones with constant thickness, I wanted to do this not only consistently, but also quickly. I've came up with the following workflow.

Start with drawing the front face of the icon on the canvas, just like if you were drawing pure 2D.

Then duplicate the canvas as well as the icon shape. Don't forget to change colours so that you can easily tell them apart.

Next change the size of them by some factor and use the same factor for every icon you create and is supposed to have the same thickness. The resize should be done to both canvas and the icon shape at the same time so that it scales properly, keeping the ratios and position of the icon on canvas.

Then move the resized canvas together with the icon shape to it's new position. Again this has to be done consistently for all icons with the same thickness. You can imagine that the original and edited canvas create together some kind of cuboid whose front and back faces are squares, even in the 2D projected image its thickness regulates thickness of the icons and the relative position of its back side to the front side controls your point of view.

Next delete the changed canvas (we don't need it anymore) and put the back side of the icon behind the front one.

Next you should remember that you're doing an icon so it should be properly aligned to pixel grid in order to look crisp. This can be done quickly with the help of inkscape grid feature.

Now we have front and back side of the icon, but we still don't have it's sides, as can be seen on the next picture.

The easiest and for simple icons also the best way to do them is to duplicate the front side again, merge it with the back side and fix those bumpy parts to look as you'd expect them using the node tool.

Now the icon is only missing some shading and outline.

So next we add some gradients to make it look as we wish – this can be a tedious task, depending on how realistic we want the icon to look. On small size like this one it can be greatly simplified though. And finally we add an outline. This can be done by duplicating the edited shape again, adding an outline that is twice as wide as we want it to be (because half of it will be hidden) and push it bellow the whole icon. The result looks like this:

Finally we render the icon in desired size with transparent canvas and it looks like this:

I hope you like my today's how-to :-) Also, bear in mind that this is greatly simplified perspective projection as we use it in icons, if you were going for fully realistic painting you'd quickly find this workflow isn't suited for such task.

Thursday, 7 February 2013

(XFCE) Terminal and XChat Colour Scheme

I'm a regular terminal user and with F18 I switched back from Sakura to XFCE Terminal, because for some reason sakura refused to get configured as before (I think I wasn't able to remove window borders anymore)—I prefer terminal in some kind of semi-full-screen mode, i.e. maximized (but with DE panel[s] still visible), without menu, without window borders, without scrollbars. And while I was at the configuring, I decided to change the default colour scheme. It's not like I particularly dislike it, but as a regular mc (midnight-commander—there isn't a better file manager out there) user, I kinda grew to dislike the blueness of the default blue and some kind of colour combinations weren't exactly easy to read (hinted fonts are partially to blame for that though, by design). So first I searched a bit over the net, but didn't find anything satisfactory, so I decided to adapt Echo Icon Theme Palette for terminal use (black terminal, I've also prepared a bright/inverse version for xchat). First how it looks:

And now for the actual colours. Here's an excerpt from ~/.config/Terminal/terminalrc:

BackgroundMode=TERMINAL_BACKGROUND_TRANSPARENT
BackgroundDarkness=0.950000
ColorPalette1=#000000000000
ColorPalette2=#b4b400000000
ColorPalette3=#0000aaaa0000
ColorPalette4=#cbcb7c7c0000
ColorPalette5=#00003f3f6868
ColorPalette6=#bfbf0000efef
ColorPalette7=#0000a61dd074
ColorPalette8=#c6c6c6c6c6c6
ColorPalette9=#5ef75ef75ef7
ColorPalette10=#ffff52990000
ColorPalette11=#9393dada0000
ColorPalette12=#ffffe1e13939
ColorPalette13=#00007373a2a2
ColorPalette14=#dbdb8181ffff
ColorPalette15=#8181e3e3ffff
ColorPalette16=#ffffffffffff
ColorForeground=#c6c6c6c6c6c6
ColorCursor=#c6c6c6c6c6c6
TabActivityColor=#00003f3f6868
ScrollingSingleLine=FALSE

You can notice I also included ScrollingSingleLine=FALSE—that makes shift+arrows work in mc to select items ;-)

And now from ~/.xchat2/colors.conf

color_0 = 0000 0000 0000
color_1 = ffff ffff ffff
color_2 = 5050 d8d8 ffff
color_3 = 5b5b b5b5 0000
color_4 = ecec 2828 0000
color_5 = d7d7 a1a1 3c3c
color_6 = d4d4 6767 ffff
color_7 = b4b4 0000 0000
color_8 = 6666 3c3c 0000
color_9 = 0606 9090 0000
color_10 = 0000 7373 a2a2
color_11 = 0000 3f3f 6868
color_12 = 0000 adad dbdb
color_13 = bfbf 0000 efef
color_14 = 5e5e 5e5e 5e5e
color_15 = 3030 3030 3030
color_16 = 0000 0000 0000
color_17 = ffff ffff ffff
color_18 = 5050 d8d8 ffff
color_19 = 5b5b b5b5 0000
color_20 = ecec 2828 0000
color_21 = d7d7 a1a1 3c3c
color_22 = d4d4 6767 ffff
color_23 = b4b4 0000 0000
color_24 = 6666 3c3c 0000
color_25 = 0606 9090 0000
color_26 = 0000 7373 a2a2
color_27 = 0000 3f3f 6868
color_28 = 0000 adad dbdb
color_29 = bfbf 0000 efef
color_30 = 5e5e 5e5e 5e5e
color_31 = 3030 3030 3030
color_256 = ffff ffff ffff
color_257 = 0000 7373 a2a2
color_258 = 0000 0000 0000
color_259 = ffff ffff ffff
color_260 = cccc 1010 1010
color_261 = 0606 9090 0000
color_262 = 0000 7373 a2a2
color_263 = 5b5b b5b5 0000
color_264 = 5e5e 5e5e 5e5e

Hope it's useful to other people than me as well. I find it both easier on eyes, and having better readability (with the font I'm using, it seems this one is important too).

PS: For those wondering about some differences of my desktop compared to previous screenshots—when trying out CentOS 6, I got addicted to analog clock ;-) And a little while before I decided to hide the bottom panel automagically to have more space for apps.

PPS: My apologies for having some comments in my moderation queue for too long, somehow I wasn't notified via mail, or missed them. I definitely don't censor, the moderation is for spam purposes only (or for cases were people post the same reaction multiple times).

Update (2013/08/08): In Fedora 19 (and newer), the xfce terminal config is in different place and colours are specified slightly different. Here's excerpt from ~/.config/xfce4/terminal/terminalrc:

ColorPalette=#000000;#b40000;#00aa00;#cb7c00;#003f68;#bf00ef;#00a6d0;#c6c6c6;#5e5e5e;#ff5200;#93da00;#ffe139;#0073a2;#db81ff;#81e3ff;#ffffff
ColorCursor=#c6c6c6c6c6c6
TabActivityColor=#00003f3f6868
ColorForeground=#c6c6c6c6c6c6

Monday, 31 December 2012

Designing Echo icons again

It's been a while since I designed my last icon but for one reason or another I decided I need to make some progress with Echo Perspective Icon Theme again… The final push was me playing with colours—when I had started writing code for Nodoka, I begun with a colour representation. Since we use gradients and shades a lot, I decided to go colour managed and started researching about colour representations and ended up redoing Echo colour palette in sRGB using CIE Luv (in Luma, Chroma, Hue coordinates) as a working space.

The resultant palette is redone from scratch based on the Echo (Perspective) icons that have been already released instead of the current palette for better consistency, but it's "normalized" WRT CIE Luv colour space. The result looks like this:

The right column actually uses normalization WRT CIE Lab colour space, but I decided to stick with the CIE Luv one, which is in the left column. The differences are subtle though.

From there it was ony one step to doing icons, actually. I went all out and decided that I'll

  • make more sizes than before to better support current and future DEs, i.e. 16×16, 22×22(24×24), 32×32, 48×48, 64×64, 128×128 and 256×256;
  • make similar icons in a single file svg (which means I'll need to write some helper libraries to help split it automatically during build);
  • start with action icons in media player, browser and related, which is 23 icons in two groups.

Well, it's a lot of work—23 icons, each in 7(8) sizes, that's 161 pictures. Ugh, that will take a while... Some preview WIP is bellow:

You can notice some design changes, some are new, some have been appearing for a while already, albeit inconsistently. First I went back to slightly darker blue hues than what we were doing recently, it makes better contrast and should work a bit better with darker backgrounds. You could have noticed this design change in my nodoka designs as well (there were three icons in them).

Second change that has been already visible in nodoka designs, is departure from sharp corners. They make the images unnecessary bigger (especially the arrows) and look kinda oldish. I decided that the white outline as well as border should have rounded corners. IMHO it looks better and I hope to retain this style consistently throughout Echo Perspective.

Last change is to shapes—first one I did was view-refresh. The old two big arrows looks sort of heavy and are hard to do at smaller sizes. So I've done something simpler and later I noticed that my new e-book reader uses similar style while loading, lol. My primary source of inspiration in this was an anime I liked for its easygoing style and, believe it or not, typesetting (the anime is called acchi kocchi):

Second shape change was for process-stop icon from circle to the more common octagon. And finally a small change to media-record icon for it to be better distinguished from similar dialog related icons like dialog-no.

Sunday, 9 September 2012

Nodoka Concept Art—Finished

It's been a year, a month and a day (and a couple of hours) since my last update to Nodoka concept art (well, I've been lazy, busy with other stuff and since vast majority of my apps are still GTK2, there was also no need). Over the weekend I've finished the last one—Noir. The current Nodoka style will remain as Classic. As it will be mostly unchanged (sans maybe some small modifications to shadows) I haven't done any concept art for that. I hope it won't be another year before I start writing code, actually… Anyway, here are the pics (roughly sorted from brightest to darkest), enjoy!

Nodoka Glossy

Nodoka Classic

Nodoka Modern

Nodoka Noir

If the pictures are blurry you can see them in original size on Nodoka 1.x concept art wiki page.

I hope you like it, comments are welcomed. Also bear in mind that this is concept art, not a working example. So the working example will look slightly different and moreover I haven't started writing it yet.

Thursday, 6 September 2012

Fedora 18 Alpha Wallpaper

It's rather old news, but today it has been finally set as default—yes the wallpaper for Fedora 18 Spherical Cow release. It took so much time because I didn't manage to update the package that sets the defaults in time before Alpha freeze.

You probably have a general idea of what the wallpaper looks like from my post about pre-alpha version of it, but since then it has been polished a bit—mizmo did a great job on that—and now it looks like this ;-)

Enjoy.

Update Sep 08: I'm not the author of the wallpaper, just a packager, so do not thank me ;-) However, I'm relaying your feedback to the design-team, so I really appreciate all the comments you've posted so far. I'll keep both my readers as well as the design team informed about news on both sides, so comment more and stay tuned for updates ;-)

Saturday, 11 August 2012

Fedora 18 Pre-Alpha Wallpaper

It's been a while since I last blogged, but as I have some design news, it's worth writing a blog post again. Yesterday there was another design team meeting&hackfest and we were able to agree on the theme for the Fedora 18 Sperical Cow wallpaper. The latest iteration, I still call it pre-alpha because I expect there'll be some polishing yet before alpha release looks like this:

I've packaged it and submitted a review request, which is currently in need of a reviewer.

We at the design team hope you'll like it and of course are open to comments and suggestions. We'll hear you out in our usual channels: #fedora-design @ irc.freenode.net and Fedora Design Team Mailing List.

Wednesday, 23 November 2011

Fedora 17 Beefy Miracle Wallpaper—Accepting Concept Artwork

We're a little bit behind and should have started much sooner, so the time is running short. We are now open for submissions for the Fedora 17 Beefy Miracle default wallpaper concept artwork. If you are interested, please submit your work as soon as possible, the closing date is about one month ahead (the deadline will be officially announced next week).

Submit your concept work here:
https://fedoraproject.org/wiki/F17_Artwork/Submissions/Wallpaper_Concept

Wednesday, 21 September 2011

Fedora 16 Verne Beta Wallpapers

It's been a while since I pushed the updated wallpapers but now I finally got the will to post about it. First see the updated beta wallpaper:
Next, I'd like to remind you that in Fedora 16 we again have supplemental wallpapers and what's more: since Fedora 16 all the supplemental wallpapers appear not only in GNOME's and KDE's wallpaper choosers but also in XFCE's. Enjoy:
The full selection (with original images and info) is available at F16 Artwork wiki page.

Sunday, 7 August 2011

Nodoka Concept Art – Noir WIP

Well, err, it's been a while ;-) And in order not to stall forever I made an attempt to start designing a really, really dark version of Nodoka. Perhaps it would be more fitting to say that I started playing around with Inkscape as I still don't have a clear idea what it should look like… Anyway, here's some preview, I've called it [fittingly] Noir (click on it to see it in actual size):

Hopefully, sometime in the future I'll finish all these concepts and start writing the actual code but seeing how much spare time I have, it seems to be rather distant future… Anyway, comments are welcome and sketches even more so. Get source SVG now!

See an older post for the other two styles concept art.

Saturday, 30 July 2011

Fedora 16 Verne Wallpaper

Update: test and give karma to KDE side of things so that KDE won't be left out for Alpha when it comes to default ;-) Thanks to Jaroslav "Rezza" Reznik for doing the quick work!

Alpha release of next Fedora installment codenamed Verne is nearing and so is its Alpha freeze. Hence the Fedora Design Team selected a winning wallpaper design and I packaged it for F16 onward. It's currently pending pushing to stable. If you're on F16 or rawhide you'll be able to install these with # yum install verne-backgrounds-gnome for GNOME, # yum install verne-backgrounds-kde for KDE and # yum install verne-backgrounds-xfce for XFCE. At the same time as the new package hits repos an updated desktop-backgrounds that sets is as default for GNOME, XFCE and LXDE-and-alike (e.g. LXDM) will also appear and so in Alpha this should be default everywhere except KDE (these need some more work first and sadly we didn't realized that when creating a design team schedule for F16).

And for those wondering what is the winning picture, here's a screenshot of it in my F15 XFCE desktop ;-)


As usual, the Fedora Design Team is looking for feedback on this via the usual channels:
  • You can comment under this blog post and I'll summarize your opinions to the Design Team.
  • Fedora Design Team mailing list
  • at #fedora-design on irc.freenode.net, supposing you catch one of the Design Team members there.

Sunday, 1 May 2011

Another Update to Nodoka Concept Artwork

With another time spared to working on Nodoka I've finished the GLOSSY style concept artwork. See for yourself:

To remind you, here's the MODERN style concept artwork – this will be the default style once the code will have been written…

Before moving on onto the next stage of development I plan to prepare a special style aimed for especially dark themes but I don't have yet a clear image of what it should like yet so *hint, hint* if you'd like to propose something now's the time *hint, hint* ;-)

PS: The progress indicator (the blue round snake-like thing) in GLOSSY style was real pain in the butt to design to look at least approximately how I'd like it to and the result is quite messy. If there's any inkcape guru who might know some pointers how to make it more easily and cleanly, please spare a little bit of your skills with me ;-)

Tuesday, 12 April 2011

Beefy Miracle Lost, But…

… since the winner is Verne, I believe the time is ripe to finish the old Gears theme proposal from F10:

Sunday, 27 February 2011

What's Up With Nodoka

It's been a while since I've written something about nodoka and as some questions keep flowing I decided to write up a short status update. Let's start from the beginning. When gtk3 started to get into Fedora during F14 development I updated the engine to work with it. However as time and gtk3 development progressed the themeing was completely rewritten in a way that basically warrants a complete engine rewrite to make it work properly.

So I'm afraid I have to disappoint you all as you'll have to live without nodoka for gtk3 for still some time (basically until I find enough motivation and time to port it). Of course if there'd be a volunteer(s) who would port the engine code and/or rewrite at least one of the themes to work with gtk3 that would be greatly appreciated.

However, I've not been completely stale either. Since I'll need a rewrite for the gtk3 version as well I slowly resumed on the design part of things and updated a little the glossy style. Here's what I've got so far, comments are welcome.



And here's the other style concept work (that I completed some months ago) for comparison:

Friday, 17 December 2010

Upstream vs. Downstream—Clash of Visual Identities

In the past eight years or so, Gnome Desktop enjoyed more or less small yet steady improvements that have brought it to where it is now—IMHO one of the best desktop environments. However, along with the side push from the over-hyped release of KDE4, there has been a growing number of people who wished for a major change, instead of steady improvement. Their efforts are to be realized in GNOME 3 which will most likely be in Fedora 15. Let alone, for now, the tiny problem that this messes up my workflow in a way that it is much less efficient albeit much more eye-candy-ish. That's not the point of today's post. Today I want to focus on the problem of visual identity.

It is understandable that with such a big release upstream seeks even more aggressively to promote it. Along with the visual identity. And thus there is a request for Fedora 15 to use Gnome 3 wallpaper for Gnome 3 desktop. And here comes the problem—upstream wants its visual identity, while downstream also wants its own visual identity.

For a linux distro the ideal case is that across all flavours, the visual identity is the same. The work-flow, style, etc. remain DE specific, but widget theme, window decorations, panels, wallpapers, icons, fonts are consistent through them all. Of course I doubt there is any community around a specific distro, except maybe Canonical when they put their money into it, that can achieve that.

On the other side of the spectrum is upstream ideal case where all distros look the same. However this is in direct clash with the above ideal.

So how to solve this for Fedora? In past releases we have proven that we are able to make part of that identity—wallpapers and everything connected with them. And do it once per release. Should we now yield and use upstream defaults for F15, for GNOME? Should we treat them special? Remember, KDE4 wasn't treated specially back then. Why should GNOME be now?

While I understand why would upstream developers want that, I still think they should focus on promoting something different than visual identity. Yeah, they ought to use a consistent theme for that promotion, something that is available on all distributions as at least a second choice, something that "smaller" distributions without well-established design team could use. Something that we could call the canonical visual identity. However, they should not push it onto distributions. I think that if we are able to create a visual identity, or part of it, for Fedora specifically, we should, irrespective what anniversary any of upstream projects have, create and use it. As it is the visual identity that leaves the first impression and you should be able to tell just by looking that you're running Fedora when using defaults. And that's the memo, now shoot me :-D

PS: And of course, as part of Fedora, we should be the first to actually achieve the ideal of having a cross-DE single visual identity created fully by a community and the ones to push any changes necessary to make it possible upstream (not like Canonical who just like to reinvent a wheel instead of improving the almost-wheel).

PPS: Yes, Fedora is all about upstream, but IMHO that makes sense in bug reporting/fixing, feature implementing, etc., not in default settings.

Tuesday, 30 November 2010

Fedora 15 — Wallpaper Submissions Open


With Fedora 14 out of the door we are working on the artwork for Fedora 15 Lovelock. Our first step, as usual, is gathering general artwork concepts. Do you have an idea how could Lovelock wallpaper look like? Feel free to submit concept art on our wiki! The theme is lovelock, let you fantasy run wild. And don't be shy! This is initial concepts phase, so even if the actual submitted artwork is very rough, if the concept is strong, there is high possibility it would be used. The deadline for default theme concept submissions is Tue 18 January 2011, 18:00 UTC.

Supplemental Wallpapers


Just like with Fedora 14, we would like to create a set of hand-picked wallpapers that we would package and thus made available easily via yum (or PackageKit). If you know about a good freely licensed image that could be used as an wallpaper don't hesitate and submit it! The procedure for submission is on our wiki.
The deadline for supplemental wallpapers submission is Mon 7 March 2011, 23:59 UTC.

Sunday, 17 October 2010

Some Things Suck

Like trying to stuff usable desktop on a CD… No thanks to that the time of day animation wallpaper won't be installed by default in Fedora 14—because some spins went oversize. So, first in order to help fix the oversize issue, please log in to bodhi, download the new update, test it and give karma. And second, those who would like to use the animated wallpaper, it can be installed via laughlin-backgrounds-animated-gnome (after the package is in repos, or by downloading it, and it's deps, from koji).

Thursday, 14 October 2010

Fedora 14 Laughlin Wallpaper Ready

I've just finished packaging the latest editions of F14 wallpaper done by Máirín and filled an update ticket. The changes include additions of time of day animations for the gnome version (AFAIK other DEs does not support this feature). As the final freeze approaches and as we'd like to verify it actually works everywhere we need your karma (even better if you log-in to bodhi before giving the karma points). So please test this update and give karma. Since there are about zillions of sub-packages here's a quick intro what is needed to test what:
  • laughlin-backgrounds-single — contains single screen images, one per screen ratio (16:10, 4:3, 5:4). The image here is used as noon image in the time-of-day animation.
  • laughlin-backgrounds-gnome — contains other images needed for time-of-day animation and stuff needed to be able to use it in Gnome. Requires laughlin-backgrounds-single.
  • laughlin-backgrounds-kde — contains stuff needed to use it KDE. Requires laughlin-backgrounds-single.
  • laughlin-backgrounds-extras-single — contains images for Supplemental wallpapers.
  • laughlin-backgrounds-extras-gnome — contains stuff needed to use Supplemental wallpapers in Gnome. Requires laughlin-backgrounds-extras-single.
  • laughlin-backgrounds-extras-kde — contains stuff needed to use Supplemental wallpapers in KDE. Requires laughlin-backgrounds-extras-single.
  • laughlin-backgrounds — installs the default wallpapers both for Gnome and KDE, i.e. just requires laughlin-backgrounds-gnome and laughlin-backgrounds-kde.


After you'll install the package and set the background, you'll probably see something like this, which means it works (this screenshot was taken at 00:45 AM, so it depicts the night version of the wallpaper):

Monday, 11 October 2010

New Murrine in Fedora?

As requested in a bug report I'm pushing the 0.98.x series of Murrine Gtk+ engine into Fedora. With this we'll get support for the newest Murrina themes, however as there are lots of changes, I decided, after long thinking, that in accordance with our updates policy it would be acceptable to push it to F14 and onward, if I manage to squeeze it in before the final freeze. Which means — I need positive karma points for you to be able to use themes like these:

Friday, 17 September 2010

Fedora 14 Beta Artwork Goodies



Fedora 14 Laughlin Beta release is approaching at an amazing speed and so does the Fedora Design Team work on the release artwork. Just before the freeze we got an updated package with the latest and greatest iteration of the default wallpaper and with 15 supplemental wallpapers in. Here's a preview of what the beta wallpaper looks like:


This isn't a final iteration and we're looking for your feedback! Do you think it's awesome? Or not? Do you think that there are some problems? Do you have suggestions for improvements? Don't hesitate to contact us! If you leave a comment here I'll forward it to the design team, but you can also give your opinions at #fedora-design at irc.freenode.net or at design team mailing list.

Now for the supplemental wallpapers. The full list of those that are included is in a dedicated wiki page. They are ready to use in both gnome (as usual you need a package ending with -gnome) and kde (package ending with -kde) and we hope to make them ready to use in LXDE and XFCE as well in the future (if people know how to do it, so I won't have to figure it myself, it would help a lot ;-)).

And now for the most important part — how to get them? If you're on F14 or rawhide it's as simple as running
# yum update
for the default wallpaper and
# yum install laughlin-backgrounds-extras-gnome
for the supplemental wallpapers ready for use in gnome and
# yum install laughlin-backgrounds-extras-kde
for the supplemental wallpapers ready for use in kde. Both will pull in also laughlin-backgrounds-extras-single where the actual images are stored. The packages can be downloaded from koji otherwise.

There's also bunch of updated splashes for firstboot, anaconda, grub, syslinux, ... See them in a dedicated wiki page.