Help - Search - Members - Calendar
Full Version: Layout Credits - much thanks to our artists!
Portkey forums - Kindred Spirits > Sonorus! Listen! > St. Mungo's Triage - FAQs & Help Desk > Site-Wide Stuff
NAPPA
RELATED TOPIC: Credits for various Portkey graphics or projects

Portkey uses a lot of fanarts from different artists. We started out with Kristin's Lily/James images and now we use a variety of them. We plan to add many more. However, I've been slacking about giving proper credits. So this is the page that I will list Images, and who made them.

Please note : Site graphics is mine. The images used inside the little circle is by the artists. The following creits are not in any particular order, nor are they the only ones. I intend to do a full system inventory. Please excuse the delay. smile.gif

NAPPA

Edited later by co-mods:

Artwork and credits here, here, here, here, here
NAPPA
IMPORTANT: If you've already been using these drawings (for your banners, avatars, sig images, forum photos, etc) please give credit to these artists! Better late than never. tongue.gif

Adam
IMPORTANT: If you've already been using these drawings (for your banners, avatars, sig images, forum photos, etc) please give credit to these artists! Better late than never. tongue.gif


Apologies for the delay in crediting more artists. Our real lives and other mod duties keep getting in the way. We're adding a few more credits and we apologize to those whom we haven't credited yet in here. If you're one of those artists, please post here.
  • Draco/Ginny art
    IPB Image
    We current mods believe ponderingprefect drew this lovely D/G fanart. We apologize for the uncertainty.


  • H/H art by Jorael
    IPB Image
gal-texter
IMPORTANT: If you've already been using these drawings (for your banners, avatars, sig images, forum photos, etc) please give credit to these artists! Better late than never. tongue.gif


More credits:
..
.
.
We've also inserted credits in our shipping forums' description boxes for the following items:
.
.
  • H/H art by Victor / Muddgutts.

    IPB Image


  • L/J art by Kristin, one of many she has lent to Portkey. NAPPA has consistently thanked and credited Kristin for being the first ever artist to lend her work to Portkey.

    IPB Image


  • D/G art by Kara aka Starlette. I understand that she had also lent other D/G artwork in Portkey's early days.

    IPB Image


  • R/LL art by rjade829.

    IPB Image
.
.
.
We also thank artists like PhoenixBlue, the other members who've posted on that linked thread as well as those who've posted their work in our gallery and its predecessor, media.portkey.org, as well as one of PK's hosted sites, loveflicks.portkey.org (now defunct sad.gif ).
gal-texter
IMPORTANT: If you've already been using these drawings (for your banners, avatars, sig images, forum photos, etc) please give credit to these artists! Better late than never. tongue.gif


Basic design by: Imran aka NAPPA
Lily/James drawings by: Kristin
Combined by: Gillian Halliwell upon our request


Promising Couple
IPB Image


Wedding
IPB Image


Valentine
IPB Image

gal-texter
Whenever we could spare the time, we try to edit our site's layout. It's easiest to edit the ones for the forums 'cos it's got the most user-friendly tools. But we're also working on some changes in PK's other sections, such as updating dead links and correcting a few typos.** Sections other than the forums require PHP skills though, so we can't say for sure when exactly could we display them.
**such as misspelling "ei" words as "ie", eg, "receive" as "recieve". tongue.gif)


This "dark-blue gray" forum skin we have now is a slightly revised version of PK's look in June 2004. Once again, thanks to Gilly for her assistance in editing the banner NAPPA had made. smile.gif

Now that I've learned a bit more about web designs, I can now explain that our primary consideration would be the availability of graphics, particularly drawings for our ships. We'd then build color schemes around them. happy.gif
Gillian Halliwell
You are very welcome, dear!

And, I love it! I know I told you this, but these skins are such a trip down memory lane!
Salamon2
Ah, while I will admit that I like the "new" forum skin, I miss the H/Hr pic at the top of the screen. Is there anyway to get that back?

~Salamon2
gal-texter
*Points at top of the boards* Click the topic for Hide some sections and change the forum's appearance. smile.gif Perhaps we should rephrase that a bit.

Unless you meant could we add a PK ship drawing on this dark blue graphic? We weren't planning on doing that for this "dark-blue gray" layout, 'cos we intended it for use in situations when there are people around you whom you don't want to know that you're surfing an HP fansite. biggrin.gif
Gillian Halliwell
QUOTE(gal-texter @ Feb 10 2009, 03:17 PM) *
Combined by: Gillian Halliwell upon our request


I loved doing those! smile.gif

Would do them any time! <3
gal-texter
Thanks vm, Gilly! I got your latest set so I'll try them again in Vista and XP. biggrin.gif If they don't work, it's okay, you and Bec have already done plenty of work in this "alternating logos" skin. smile.gif

To everyone, if you could tell us who made our Harry wrestling the troll graphic, please post it here! I keep forgetting to ask NAPPA cos when I talk to him I got a bunch of more important requests for him to do.

Also, please DON'T hotlink. You're welcome to borrow some of these for display in your PK sigs and avatars here. If you need help with that, post in here and one of us would assist you (probably by PMing you the code).

As for borrowing these drawings outside Portkey, it'd be best to ask the artists for permission. At the very least, they ought to be credited for their work. smile.gif PM us and we could probably work out something.
gal-texter
RELATED TOPICS: General info about layouts
Screencaps of Firefox vs IE (Internet Explorer)


Once again, PK's hugely indebted to Yethro for lending us more of his art, and to Gilly and Steph (aka harry and hermiones daughter) for lending us their graphic designing skills! Steph edited Yethro's "Higher" H/H artwork. His (Yethro's) works have been very popular esp among H/H shippers since 2002 or 2003.

Some of our layouts' colors look radically different in XP than in Vista. This is how our "Higher" layout looks in Vista on a 1024 x 768 screen:

Click to magnify --> Click to view attachment screencap rendered obsolete days later, so I've removed it to save on database space

Our "alternating logos" skin also has pretty much the same colors as "Higher". To better appreciate the customizations PK staffers (starting with NAPPA) make with each skin, please head over to the Exploding Snap archive to see the default layout for our board software. smile.gif
(To PK Mods: we often display our layouts-in-progress in the Trash forum. Don't spoil them for our members! wink.gif)

I'm working on reducing the clutter for this "Higher" skin. I'm afraid I can't do away with all the links do as they do spare us plenty of questions. When those linked FAQs weren't conspicuously displayed esp in the Books 6 and 7-era, lots of members had problems with the quote codes or kept asking what terms like "HMS" or "ship" meant. Quite a few visitors grumble partly because they don't get our site's purpose.

One of our latest adjustments is to bring back the forum posts' width to around 760 pixels after I've set them to 820 last month. We need to keep the margins on both sides of the forums. For one thing, some of the graphics we're working on would be best shown vertically. For another, our PK-mates might be setting their browsers to magnify the forum's font sizes. The margins help fit their forum pages within their computer screens.


What everyone can do is to please refrain from:

-- displaying wide images, ie, going crazy with the IMG command;
-- posting wide and too big images in your sigs.

because the above stretch the forum's page's width -- aside from eating (even stealing) the host site's bandwith. <-- Read this to see things from a webmaster's perspective.
gal-texter
QUOTE(Maeve @ Mar 21 2009, 03:41 PM) *
I use laptop and the layout doesn't work for me. There is a wide gap between the banner and the description of Portkey. I saw the screenshot of normal layout, it works fine. But for laptop, normally the wide is different. Mine is 1280x800 while normal one is 1024x800. So is it possible to center them all, that way if someone uses laptop, there would be margins on 2 sides, and the rest is fine?


Yeah, my laptop's only up to 1024 x 800. I made some temp adjustments; lemme know if that removes the gap.

EDIT a couple of hours later: eh, I simplified the layout. This one works in Firefox, Chrome and IE 7.
Maeve
Okay, I see the new changes. I'm not sure how it looks on yours, but for mine, the banner is distorted. Like when you stretch something too much, it becomes like that. I don't know why, normally setting it in the center doesn't affect the size of the original pic.

You know, I think you can either change the banner size or you design it in a way that it will fit whatever size it is. The latter, in my opinion, is a better choice since people who use laptop will have no problem with it.
The key is to use the same color on either one or two side of the pic as the background to create an illusion that the pic fade in with the background. There will be no edge. No problem

Previously I made some banners for my forum so I can give some examples.

Type 1: Like portkey is doing. It is used to set in the center. And of course, the forum underneath will be centered too.


http://smg.photobucket.com/albums/v291/thu...ent=Banner1.jpg

http://img.photobucket.com/albums/v291/thucuyen/Banner2.jpg
http://img.photobucket.com/albums/v291/thucuyen/Banner3.jpg
http://img.photobucket.com/albums/v291/thucuyen/Banner4.jpg
http://img.photobucket.com/albums/v291/thucuyen/Banner5.jpg
http://img.photobucket.com/albums/v291/thucuyen/Banner6.jpg
http://img.photobucket.com/albums/v291/thucuyen/Banner7.jpg



Type 2: I recommend it since you can either center the pic or let it align to the left. Like I said, the 2 sides are made to let it fade in with the background and there will be no problem

http://img.photobucket.com/albums/v291/thu...n/Banner8-1.jpg
gal-texter
Good, I take it our forum's overall width stays at around 1024p (with margins on both sides) on your wide screen? Because I found a code for that.

Thanks for the advices. I know what you mean about cutting a tile from the image to serve as background. We use that technique in PK's other skins -- or should I say, NAPPA used that technique, then Sue and I copied it. happy.gif Depending on the background (say, if there's a line) or two-tone color (not gradient), IE sometimes doesn't align the images properly. It doesn't have to be the case with this banner.

Or the simpler one: I could crop the image so I don't have to scale it down as I'm doing now; I've scaled down the height but I'm showing its true width. I haven't quite decided yet what height to use, see. I'm still testing how it looks. Basically I asked our graphic editors to make big banners so we'd have the luxury of cropping them if need be.

Right now, the banner looks perfect in my 1024p-wide screen in Vista, in Firefox, Chrome or IE 7. The fuzzy image could be an XP issue; I haven't seen it yet in XP. I would try either of the two techniques above but I need to rest a bit first.
Maeve
Ah I see the new changes.
And yeah... since I used 1280x800 (like this), the forum has a small gap in between. but never mind.
I just played around with the banner a little bit and this is the outcome.


This is what I mean before, blending the two sides with the background. Do you think it's better this way?
gal-texter
Well, I've made more adjustments to the maximum screen width. I had a bigger max (1100px) earlier. That plus setting the column widths as percentages of the screen width causes the wider gap in your screen. I've also set the forums' main content to 760px maximum mainly to keep signature widths uniform, which is why the main body remains fixed in your computer. Otherwise, we'd get members complaining that "my sig image fits in my wide screen."

I'm already showing a tile as the background; there's a subtle difference between the image's background and the forums' background. I'm going to wait for Steph / harryhermione to find time to resize her orig work into 170px tall x 900 px wide, including the original drawing's thumbnail. smile.gif Right now I'm displaying them as two separate images.

Since you're good with making banners yourself, I'll PM you if you want to make more. I've got more drawings in store.
PJlikesAUfanfic
I'd like to say that the bigger and darker fonts are making it much easier for me to read. Thank you for that

Also the pastels and the limiting of the 'white space' on the pages are helping a lot to cut down on screen glares so I can stay online longer w/o getting bad headaches. Again I'd like to thank you for that.

And I really like the new banner on the top of the page. It is really nice. Whoever did it deserves applause and lots of credit for that.

Good job you guys and all those that are making PK so nice and new.

thumbsup.gif
gal-texter
Yeah PJ, I know what you mean about the white spaces and bright backgrounds. They give me eyestrain too, which is why we're cutting down on them. Some hues look boring in XP so when we find time, we look for hues that look good in both XP and Vista. It's very time consuming to play with the colors though as there's so many things to change in the design code, not to mention that I have to hook up my modem and cables to my XP computer as I don't have a router or a wireless modem.

That drawing's very popular among H/H shippers since 2003. Credit for that goes to Yethro. For now, I've linked the thumbnail to his original drawing. I emailed him last week if we could borrow his work and he very nicely promptly replied "sure".
PJlikesAUfanfic
My system runs on XP. I've found that the warmer colors look best.

I lean more towards sands, tans, browns, greens, reds and colors like those on my background, desktop and window borders settings. They seem richer and less 'shiny' or glaring on screens set on 32 bit color on 1024x768 screen setting for a flat panel if that helps you out at all.

but the colors now are fine too. smile.gif

Oh and PK looks better using Mozilla Foxfire then it did using IE. I've switched a while back and it helps too.
gal-texter
Layouts center on the drawings. This year, I've been looking for drawings, contact who've made them, then I ask our artistic PK-mates to make banners out of them. Based on their banners, Sue and I then adjust the forum's colors, positioning of columns, etc.

I've added explanations here about XP, Vista, Firefox and IE. IE 7 and older don't comply with web design standards. As amateur website designers, we're not going to spend too much time adjusting to IE 7. biggrin.gif We do make plenty of adjustments but a few aren't worth the trouble. For example, Gilly tried at least 3 times over two months to make the N, F, G, R, ? letters** look semi-transparent in IE 6. Firefox supports transparency, IE 6 does for older PNG formats, Chrome doesn't.

**in the alternating logos skin
PJlikesAUfanfic
Well they are all doing a really good job. PK is looking really nice now. thumbsup.gif
gal-texter
IMPORTANT: If you've already been using these drawings (for your banners, avatars, sig images, forum photos, etc) please give credit to these artists! Better late than never. tongue.gif


Basic design by: Imran aka NAPPA

Ship drawings by: Gwendy85

Combined by: Gillian Halliwell upon our persistent request wink.gif



Draco/Ginny formal
IPB Image


Dreamy Luna
IPB Image


Ron/Luna "Butterfly Kisses"
IPB Image


"Oh Ronald, you remembered!"
IPB Image


H/H background in "Oh Ronald, you remembered!" drawing
IPB Image


H/H toddlers photo
IPB Image


H/H dance
IPB Image


H/H Yule Ball
IPB Image


H/H time-turner love
IPB Image


H/H through the rain
(perhaps a scene from POU's sequel, Show That Never Ends?)

IPB Image


H/H OOTP hug
IPB Image


.
gal-texter
QUOTE(gal-texter @ Mar 23 2009, 09:28 AM) *
Some hues look boring in XP so when we find time, we look for hues that look good in both XP and Vista. It's very time consuming to play with the colors though as there's so many things to change in the design code, not to mention that I have to hook up my modem and cables to my XP computer as I don't have a router or a wireless modem.



I'm on my XP computer again. Patience, everyone, while I play with the colors. For every new color you see, we've already tried 2-8 others before settling on that one. smile.gif
gal-texter
Aargh, as if we didn't have enough reasons to dislike Windows ....

Apparently, Vista doesn't show colors correctly, like showing some blues as greens and grays as blues. I use Vista more often now, so if our forums' color schemes look weird, it's because of this issue.
gal-texter
More graphics amateurishly edited by moi:

ROR teasers

Click to view attachment <-- 158 x 170

Click to view attachment <-- 102 x 110
Hermione taken from Yethro's "Trio peeking' sketch

Click to view attachment
Maeve's Sinful Kiss


Your fav PK fic quote?

Click to view attachment
Emoticons from IPB
Parchment's a clip art file


"PK Spotlight"

Click to view attachment
Star from:
http://www.webweaver.nu
Spotlight's another clip art file


Writing & Fanfic Forums

Click to view attachment <--- horizontal

Click to view attachment <--- vertical

Click to view attachment

Click to view attachment

Click to view attachment

Parchment background from: http://www.leehansen.com/clipart/Themes/Pi...p-parchment.htm


from HarryLovesHermione.com

Click to view attachment <-- used in announcement about that site




.
gal-texter
Portkey.org Layout Team

Making layouts involves a lot more team effort than we could describe, but I'll try anyway. Following come in no particular order:

-- NAPPA hasn't been directly involved in our forums' skins since mid-2008 but we continue to borrow many of the techniques, templates, HTML and CSS codes he had made.

-- Sue (Sundari Harmony)'s color schemes live on in newer skins. We'll display them when the time is right. She and NAPPA taught us to use tiles for the root forums' title bars.

-- Our Photoshop pros Gilly (Gillian Halliwell), Steph ((harry and hermiones daughter) and Maeve have not only edited graphics, they also share techniques, ideas and other lessons with the rest of us. smile.gif

-- Of course, we're indebted to the artists who've lent us their fabulous illustrations. biggrin.gif

-- We also bother Photoshop users like Bec (Harry/Hermione 4 eva). biggrin.gif

-- James and Heaven have also been involved in PK's layouts at one time or another.


.
Salamon2
Not that the new layouts aren't nice, but the constant stream of changing layouts is making my head spin. Is there someway I can just choose one layout to display no matter what?

~Chas'88
gal-texter
I know you said that as respectfully as possible. Right now, non-members of PK's Layout Team could only choose among two skins in the skin menu. (FYI to other readers, the Layout Credits box's more info link shows where to look for the skin menu.)

I understand your concern but IMO that's a small inconvenience compared to what we're trying to achieve here. But first, lemme say that our newer skins now make use of many changes we've done with "Higher", so you'd all see less obvious tweaking when we display them. I'm planning a monthly rotation of default skins.

The "Higher" layout had so many obvious edits because it's the first PK one to use a vastly different template since 2007 (or perhaps earlier). This year, I've set the ff guidelines for PK forum layouts:

-- Make the banners wider and taller to show more of the drawings. I asked our artists to show our beloved couples' full heads and to show them hugging / kissing / touching;
-- After initially compressing some illustrations into horizontal banners, we decided that they'd be much better shown as vertical banners;
-- The headers should clearly state that Portkey's main ship is H/H.

Because of all that, we've tweaked the "Higher" skin plenty before and since it went live. I don't regret showing it early because had I done it later, then Maeve might not have seen it and I wouldn't have known about her talent for making banners (see our convo on this thread). If she had seen it later, she might have been too busy to join our "make new skins" project. Steph and I have been learning a lot from her and Gilly. Our learning curve went up very steeply with the Higher layout; I myself learned more Photoshop, CSS and HTML techniques in the month we've worked on Higher than at at any other point in my life.

Another reason for Higher's many obvious edits was that I was using Vista and Firefox much of the time. IE 7's shortcomings are legendary, although some of those have been fixed with IE 8. One day I briefly used my XP computer and discovered that Vista was showing noticeably different colors, ie, gray as blue or green, light blue as intense green, medium blue as dark gray-blue. etc. That's why we've since been looking for colors that would look okay in both XP and Vista. Testing them takes a lot of time.

About the text on the margin/s, that's for the benefit of people who wonder why H/H fans outnumber anyone else here. As for the FAQs box, I've explained that here.

Now about reviving 2004-era skins, it's because I group PK visitors into the following categories (not mutually exclusive):

a. those who visit PK regularly;
b. those who don't necessarily ship H/H but adore one of our side-ships;
c. those who haven't been in PK in ages -- months or years;
d. those who've seen PK in its pre-HBP days.

I've got groups b and d in mind in displaying the 2004-era skins in certain forums (welcome back, shippy art/media forums, shippy movie forum). These old skins would show up regardless of PK-ers' choice in the skin menu. These 2004 layouts bring back plenty of PK memories from a time when our members were arguably at their most optimistic about their respective PK ships. We've added plenty of side-ship logos for our "alternating logos" layout. There's also a story behind many of those drawings as the fandom very nearly lost them. We'd tell the whole story soon.

I suppose people wonder why couldn't we have kept each skin hidden until we've perfected it? In my 4-year experience mod-ing in PK, that's not the best approach. Even pros like Google keep many products on beta mode for months or years. smile.gif A lab's way less conducive than a live environment for spurring ideas.

Besides, if we make volunteers wait too long, we risk killing their momentum and enthusiasm. I hadn't expected our graphic editors to deliver so quickly; but when they said they did have a small window of time to make these graphics, I grabbed that opportunity. I think that the best way to thank them would be to display their work as soon as possible.

Steph churned out 3-4 graphics within hours of me PM'ing her to make some, despite her being in the middle of a big family event. Gilly always tries to squeeze in PK graphic editing while working on her thesis, attending dance classes and working on her other RL projects.biggrin.gif Maeve's made more than a dozen graphics already (she showed me 8 today) though I don't want her to be spending much of her school break on this project -- or on anything PK for that matter. There's also the other factor that Sue and I (PK's current layout "techs") might be too busy later with other PK projects or with RL.

In sum, I acknowledge that our current approach causes some inconveniences, but the end results are usually worth it. It's no mean feat to get volunteers from all over the world to work on projects like this and to juggle several projects. smile.gif
Salamon2
I wasn't trying to be disrespectful at all. In fact I like some of the new skins. My concern has more to do with the rapidity of switching between one to the next. I know it's a minor concern, but I guess I kinda got used to the PK look as it had been since when I joined in 2005, and I miss it.

~Salamon2
gal-texter
I hid the pre-2008 skin 'cos it
-- had plenty of NAPPA or James' codes/templates, many of which we refer to from time to time;
-- it wasn't properly executing our new sig control;
-- it had plenty of white space which causes glare -- cos that's the default background color;
-- it had small fonts (default font size);
-- it doesn't have new HTML templates we're using now.

The one with the violet / black colors had a smaller PK logo with Amandioka's drawing. The bigger logo's still shown in the fic side and in fic recs. I've displayed the 2008 copy (more coordinated color scheme for violet/blue, bigger fonts, without white space) for months before switching to Higher last month. You'd need to be patient until we find time to check how to get it to display our sig controls and to update its templates. smile.gif
gal-texter
Click to view attachment <-- used in alchemy forum.
Copyright: http://en.wikipedia.org/wiki/File:Burning-sulfur.png

Looks like that license doesn't allow us to put text on that pic.

Or perhaps this emblem by (or identified with) Michael Maier:

Click to view attachment


ADDED MAY 2009:

Smaller copy of blue Dueling Club logo:
Click to view attachment <-- 108 x 110

.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.