This page has moved to a new address.

The Second Coming - bottom margin, base colours and some shading

blockquote { font-style:normal; padding:0 32px; line-height:1.6; margin:0 0 .6em 0; } p {margin:0;padding:0}; abbr, acronym { cursor:help; font-style:normal; } code {font:12px monospace;white-space:normal;color:#666;} hr {display:none;} img {border:0;} /* Link styles */ a:link {color:#473624;text-decoration:underline;} a:visited {color:#716E6C;text-decoration:underline;} a:hover {color:#956839;text-decoration:underline;} a:active {color:#956839;} /* Layout ----------------------------------------------- */ @media all { #wrap { background-color:#473624; border-left:1px solid #332A24; border-right:1px solid #332A24; width:700px; margin:0 auto; padding:8px; text-align:center; } #main-top { width:700px; height:49px; background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_top.jpg") no-repeat top left; margin:0;padding:0; display:block; } #main-bot { width:700px; height:81px; background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_bot.jpg") no-repeat top left; margin:0; padding:0; display:block; } #main-content { width:700px; background:#FFF3DB url("http://www.blogblog.com/scribe/bg_paper_mid.jpg") repeat-y; margin:0; text-align:left; display:block; } } @media handheld { #wrap { width:90%; } #main-top { width:100%; background:#FFF3DB; } #main-bot { width:100%; background:#FFF3DB; } #main-content { width:100%; background:#FFF3DB; } } #inner-wrap { padding:0 50px; } #blog-header { margin-bottom:12px; } #blog-header h1 { margin:0; padding:0 0 6px 0; font-family:italic; font-size:225%; font-weight:normal; color:#612E00; } #blog-header h1 a:link { text-decoration:none; } #blog-header h1 a:visited { text-decoration:none; } #blog-header h1 a:hover { border:0; text-decoration:none; } #blog-header p { margin:0; padding:0; font-family:italic; font-size:94%; line-height:1.5em; } div.clearer { clear:left; line-height:0; height:10px; margin-bottom:12px; _margin-top:-4px; /* IE Windows target */ background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat bottom left; } @media all { #main { width:430px; float:right; padding:8px 0; margin:0; } #sidebar { width:150px; float:left; padding:8px 0; margin:0; } } @media handheld { #main { width:100%; float:none; } #sidebar { width:100%; float:none; } } #footer { clear:both; background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat top left; padding-top:10px; _padding-top:6px; /* IE Windows target */ } #footer p { margin:0; padding:0; font-family:italic; font-size:94%; line-height:1.5em; } /* Typography :: Main entry ----------------------------------------------- */ h2.date-header { font-weight:normal; text-transform:uppercase; margin:0; padding:0; font-family:italic; font-size:94%; line-height:1.5em; } .post { margin:8px 0 24px 0; line-height:1.5em; } h3.post-title { font-family:italic; font-weight:normal; font-size:200%; color:#8B0000; margin:0; padding:0; } .post-body p { margin:0 0 .6em 0; font-family: italic; font-size:150%; } .post-footer { color:#211104; font-size:74%; border-top:1px solid #BFB186; padding-top:6px; font-style:italic; } .post ul { margin:0; padding:0; font-family:italic; } .post li { font-family:italic; line-height:1.5em; list-style:none; background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat 0px .3em; vertical-align:top; padding: 0 0 .6em 17px; margin:0; } /* Typography :: Sidebar ----------------------------------------------- */ h2.sidebar-title { font-weight:normal; font-size:120%; margin:0; padding:0; color:#211104; font-family:italic; } h2.sidebar-title img { margin-bottom:-4px; } #sidebar ul { font-family:italic; font-size:86%; margin:6px 0 12px 0; padding:0; } #sidebar ul li { list-style: none; padding-bottom:6px; margin:0; } #sidebar p { font-family:italic; font-size:86%; margin:0 0 .6em 0; } /* Comments ----------------------------------------------- */ #comments {} #comments h4 { font-weight:normal; font-family:italic; font-size:120%; color:#29303B; margin:0; padding:0; } #comments-block { line-height:1.5em; font-family:italic; } .comment-poster { background:url("http://www.blogblog.com/scribe/list_icon.gif") no-repeat 2px .35em; margin:.5em 0 0; padding:0 0 0 20px; font-weight:bold; font-family:italic; } .comment-body { margin:0; padding:0 0 0 20px; font-family:italic; } .comment-body p { font-size:100%; margin:0 0 .2em 0; font-family:italic; } .comment-timestamp { font-family:Verdana, sans-serif; color:#29303B; font-size:74%; margin:0 0 10px; padding:0 0 .75em 20px; } .comment-timestamp a:link { color:#473624; text-decoration:underline; } .comment-timestamp a:visited { color:#716E6C; text-decoration:underline; } .comment-timestamp a:hover { color:#956839; text-decoration:underline; } .comment-timestamp a:active { color:#956839; text-decoration:none; } .deleted-comment { font-style:italic; color:gray; } .comment-link { margin-left:.6em; } /* Profile ----------------------------------------------- */ #profile-container { margin-top:12px; padding-top:12px; height:auto; background:url("http://www.blogblog.com/scribe/divider.gif") no-repeat top left; } .profile-datablock { margin:0 0 4px 0; } .profile-data { display:inline; margin:0; padding:0 8px 0 0; text-transform:uppercase; letter-spacing:.1em; font-size:90%; color:#211104; } .profile-img {display:inline;} .profile-img img { float:left; margin:0 8px 0 0; border:1px solid #A2907D; padding:2px; } .profile-textblock { font-family:Verdana, sans-serif;font-size:86%;margin:0;padding:0; } .profile-link { margin-top:5px; font-family:Verdana,sans-serif; font-size:86%; } /* Post photos ----------------------------------------------- */ img.post-photo { border:1px solid #A2907D; padding:4px; }

15 August 2006

The Second Coming - bottom margin, base colours and some shading

I've been busy over the weekend .....


This is where the red base has been laid down, and shaded in dark red and yellow.
The pink base has been laid down.


Now some of the shading of the pink parts has been done, and the blue and gold base have been laid down.
It's gold paint, as opposed to the beated gold leaf that forms the little pointy bits shown in the original scan of the piece. It will be shaded, the same as the other colours.

The instructions for the shading are taken from the Gottingen Model Book, written by Cennino Cennini, in the um, 15th century? I have both the original Italian and modern English versions of the workbook.
He used shell gold (arum musicum) rather than gold paint, which is the scraps from gold leafing well ground and then made up into a paint using a binder.
I have some shell gold myself - but it costs a fortune ($50 odd for a piece the size of a button - you need one heck of a lot of scrap to make a little bit of shell gold - it's way more expensive than the leaf.) I am saving it for special projects. I will paint a gold/blue acanthus one day using it to see how Cennini intended it to really be, but not today.
Then, they used it because it was paint that could be further worked upon (ie shaded), as opposed to gold leaf with it's shiny finish, because they didn't have any other gold paint available. You can press patterns into gold leaf, or tint a colour over the top if you really really wanted to, but not shade it in the way that these acanthus are. In modern times, we have gold gouache (All my paints are gouache) which I can use instead of the shell gold.

I really want to get these pictures bigger. They are about half life size. I'm saving large detailed files in Photoshop, but this seems to be the biggest picture size that Blogger will allow. It's a pity that the shading can't be seen in more detail here.

Labels: , ,

4 Comments:

Blogger peacay said...

Hi.

I really don't know an awful lot about images believe me!

A couple of points I can tell you...

-Once you have uploaded the image, choosing large and 'left' or 'center' or whatever, you can look at the html and strip out the attributes to get the image to display at a larger size.

For example (putting [] for <>), instead of :

[a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://photos1.blogger.com/blogger/1717/1584/1600/Spidersa.jpg"][img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer;" src="http://photos1.blogger.com/blogger/1717/1584/400/Spidersa.jpg" alt="" border="0" height="400" width="265" /][/a]

You just put:
[img src="http://photos1.blogger.com/ blogger/1717/1584/1600/Spidersa.jpg"[/a]

(obviously I inserted a space in that last URL so that it would display the whole address on 2 lines -- the addresses above are truncated (at least they are on previewing this comment) but that's not so important -- you'll see all this yourself when you play around in the editing console)
And it will display the image at the same size you uploaded it. Go and try it with the images you've already got on the site.

-I don't think you can predict that URL: you have to upload it and then strip the excess. This is something to be played around with so you can look on preview and see what happens.

-Blogger has a limit on size (I think). I personally try to keep the sizes down to 'about' 1000 x 1000 pixels. But that is bigger than screen size anyway.

Try that and see how you go --- I only learned this stuff through trial and error, I'm really not at all knowledgeable or technically orientated seriously.

If your images are bigger than say 800pixels wide (or thereabouts) doing an inline (img scr="") image will widen the whole page. And also, doing it this way will cover up anything in the sidebar until it is pushed down the page with a new entry.

So I tend not to display inline images myself. Most people know to click on the images for larger sizes which I upload when I can - but it is very tricky to make an image larger than its original size: it pixelates as you say: I never ever do this, although there are ways in photoshop and new software to fix it. It would never be as good as having a decent size on the original.

I got into a lot of problems - which I won't go into: more relevant to the large numbers of images I have on display plus some style changes specific to BibliOdyssey - because of doing this and I got some advice at AskMetafilter and added some code to the css to limit the display width. (I can pass on that code if you want but it cuts off a wide picture, if you follow -- you can see an example of how limiting will display here:

Let me know if you want any more help but as I say, my knowledge is not particularly good and most of it is asked from other people anyway!!

Good luck with the illuminations!

Oh and you will find something about the dinosaurs at the AMNH here although I haven't read the book you mention.

Email me if you want any other advice: peacay At gmail

Cheers

Paul
'peacay'
http://bibliodyssey.blogspot.com

ps. You 'might' find sometime that get spam because commenting here doesn't require putting in a code -- you may have to think about changing the commenting permission if this happens.

Tuesday, August 15, 2006  
Blogger Dragonsally said...

magnificant, as always

Tuesday, August 15, 2006  
Blogger Dragonsally said...

Magnificant, as always

Tuesday, August 15, 2006  
Blogger marcomastri said...

I fuond your blog via BibliOdissey, nice works!

I have a pair of comments though… I don’t know if it’s because of the color correction in the software you use, but the pages seems too white to me, you could try some slighty brownish paper maybe…
Other than that, on what example did you based your calligraphy? It seems quite modern, lacking all the wonderful ligatures and glyphs used in the oldest time… you know, the long s (similar to f) etc…

Bye!

(you may like the book “Blackletter: Type and National Identity”, by Peter Bain and Paul Shaw!)

Saturday, August 19, 2006  

Post a Comment

Thankyou for reading my blog. I love receiving comments!

<< Home