doc92606 Posted August 9, 2010 Share Posted August 9, 2010 I need someone that can show me how to make images in www.csszengarden.com let me know if it cant be done, or where they got those images Quote Link to comment Share on other sites More sharing options...
warfighter67 Posted August 9, 2010 Share Posted August 9, 2010 What image are you specifically talking about? The flower on the top left, the pillar-thing on the top right, or the tree on the bottom right? It seems for most you'd be best using the technique of digital tracing if you do not have steady hands or a good memory. Here's how it works: You copy the image you want to trace, and paste it on your canvas. Now, make a new layer on top and use a bright/easy to see color with the line tool at 1-3 size. Make sure you have Alti-aliasing () on. Now, use the line tool and trace around the edges of what you're drawing. In the case of the flower on the top left, you're going to want to trace on multiple layers, using different colors, for each 'part' (purple flower, green lillie pad, etc) of the image. Remember, you can make curves with lines, too! Just drag some of the little 'handlebars' that appear on your line to curve it. That is about as far as I can take you, you're going to have to use gradients, effects, etc, to get the look of the image what you want it. Quote My Soundclick!--Well of Souls MMO--Gallery--Facebook--Photobucket--Cool Tile Texture! Link to comment Share on other sites More sharing options...
pyrochild Posted August 9, 2010 Share Posted August 9, 2010 Please use descriptive thread titles Quote ambigram signature by Kemaru [i write plugins and stuff] If you like a post, upvote it! Link to comment Share on other sites More sharing options...
doc92606 Posted August 10, 2010 Author Share Posted August 10, 2010 What image are you specifically talking about? The flower on the top left, the pillar-thing on the top right, or the tree on the bottom right? It seems for most you'd be best using the technique of digital tracing if you do not have steady hands or a good memory. Here's how it works: You copy the image you want to trace, and paste it on your canvas. Now, make a new layer on top and use a bright/easy to see color with the line tool at 1-3 size. Make sure you have Alti-aliasing () on. Now, use the line tool and trace around the edges of what you're drawing. In the case of the flower on the top left, you're going to want to trace on multiple layers, using different colors, for each 'part' (purple flower, green lillie pad, etc) of the image. Remember, you can make curves with lines, too! Just drag some of the little 'handlebars' that appear on your line to curve it. That is about as far as I can take you, you're going to have to use gradients, effects, etc, to get the look of the image what you want it. I need this background . How do I make it? http://www.csszengarden.com/?cssfile=/210/210.css&page=0 Quote Link to comment Share on other sites More sharing options...
Ego Eram Reputo Posted August 10, 2010 Share Posted August 10, 2010 Looks like they have used two photos, one for the sky and one for the seafloor. In between is a light blue to dark blue gradient. I doubt this is a single image. They will have actually used three images and stacked them vertically using CSS. The central gradient is probably very thin and repeated horisontally until it fits the width of the other two images. To try and replicate this you're going to have to use the Gradient Tool and two matched photos, or elements of two photos (you can try this tutorial on cutting out bits of images: http://www.isimonbro...ing-out-images/). Please use the Edit button on your original post and type in a more descriptive title as Pyrochild suggested. Quote ebook: Mastering Paint.NET | resources: Plugin Index | Stereogram Tut | proud supporter of Codelab plugins: EER's Plugin Pack | Planetoid | StickMan | WhichSymbol+ | Dr Scott's Markup Renderer | CSV Filetype | dwarf horde plugins: Plugin Browser | ShapeMaker Link to comment Share on other sites More sharing options...
Sarkut Posted August 10, 2010 Share Posted August 10, 2010 (edited) Many images on that page. http://www.csszengarden.com/favicon.ico http://www.csszengarden.com/210/gradient_bg.jpg http://www.csszengarden.com/210/h1.gif http://www.csszengarden.com/210/h2.gif http://www.csszengarden.com/210/divider01.jpg http://www.csszengarden.com/210/summary.gif http://www.csszengarden.com/210/divider02.jpg http://www.csszengarden.com/210/h3_road.gif http://www.csszengarden.com/210/divider03.jpg http://www.csszengarden.com/210/h3_about.gif http://www.csszengarden.com/210/divider04.jpg http://www.csszengarden.com/210/h3_participation.gif http://www.csszengarden.com/210/divider05.jpg http://www.csszengarden.com/210/h3_benefits.gif http://www.csszengarden.com/210/divider06.jpg http://www.csszengarden.com/210/h3_requirements.gif http://www.csszengarden.com/210/paper-bg.jpg http://www.csszengarden.com/210/h3_select.gif http://www.csszengarden.com/210/h3_archives.gif http://www.csszengarden.com/210/h3_resources.gif http://www.csszengarden.com/210/clouds.jpg http://www.csszengarden.com/210/water_edge.jpg http://www.csszengarden.com/210/fish01.jpg http://www.csszengarden.com/210/fish_bottom.gif http://www.csszengarden.com/210/sunlight.jpg http://www.csszengarden.com/210/fish_top.gif http://www.csszengarden.com/210/seafloor_bg.jpg http://www.csszengarden.com/210/seafloor.jpg Edited August 10, 2010 by Sarkut Quote Link to comment Share on other sites More sharing options...
Ego Eram Reputo Posted August 10, 2010 Share Posted August 10, 2010 Most of them are fluff & fillers. I don't much like the idea of trying to explain how to line all that up How many images would you use to create a similar background? I'm guessing ..... two photos and a gradient?? Quote ebook: Mastering Paint.NET | resources: Plugin Index | Stereogram Tut | proud supporter of Codelab plugins: EER's Plugin Pack | Planetoid | StickMan | WhichSymbol+ | Dr Scott's Markup Renderer | CSV Filetype | dwarf horde plugins: Plugin Browser | ShapeMaker Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.