Log In · Register

 
how doe she and other createblog make these layuts
Tinkerballa
post Jan 11 2005, 12:00 AM
Post #1


To Live is to Dance
*****

Group: Member
Posts: 791
Joined: Dec 2004
Member No: 70,074



i was wondering is there a code for this type of style Layout i see all the people in createblog having that particular style just different pictures...colors.... like how its the picture and the blue background for the words fall all the way down.. how is that done? i see it everywhere and now i wanna learn how to do that lol... isnt that called a div layout? is there a tutorial? thanks.. i wanna make a kelly clarkson layout but that style ..different colors different picture etc.... ummm erm i hope u guys know what i mean. cuz i know i'm not copying because i see billion of createblogs with that style layout
 
 
Start new topic
Replies
Ewwie
post Jan 11 2005, 06:09 PM
Post #2


Member
**

Group: Member
Posts: 17
Joined: Jan 2005
Member No: 82,671



Here is the tutorial ...



happy.gif sorry ... i kinda mess up the pic when i drew the arrow and stuff hehe ... if i confuse you or u get stuck just let me know ... and i used photoshop 7

NOTE: shifty.gif

step 3: you can change the gradient color to whatever color you like ... just double click on the gradient and select color...

step 4: there are total of 6 colors ... to drag the line ... just hold down your left mouse and drag a line whichever direction you like ... i usually drag it diagonally ... it doesn't matter if you drag outside of the pic pinch.gif the longer you drag ... the less number of color will appear on the pic ... i don't know how to explain this ... just try you'll see ... this is something i learn along the way tongue.gif



step 7: to duplicate layer just right click on the background layer and choose duplicate ... you can also adjust the opacity and fill to your liking after you change the layer mode to screen .... about the gaussian effect ... the more you do the more blurry it gets _smile.gif

---

Result ...

original pic


pic after apply the gradient


I don't know if u can tell the different between these two mode ....

pic with gradient ... and layer mode: color


pic with gradient ... and layer mode: hue


--- that's all! laugh.gif
 
swe3txprincesz
post Jan 11 2005, 06:27 PM
Post #3


hello.
******

Group: Member
Posts: 1,105
Joined: Jun 2004
Member No: 23,600



QUOTE(Ewwie @ Jan 11 2005, 7:09 PM)
Here is the tutorial ...



happy.gif sorry ... i kinda mess up the pic when i drew the arrow and stuff hehe ...  if i confuse you or u get stuck just let me know ... and i used photoshop 7

NOTE:  shifty.gif

step 3: you can change the gradient color to whatever color you like ... just double click on the gradient and select color...

step 4: there are total of 6 colors ... to drag the line ... just hold down your left mouse and drag a line whichever direction you like ... i usually drag it diagonally ... it doesn't matter if you drag outside of the pic  pinch.gif  the longer you drag ... the less number of color will appear on the pic ... i don't know how to explain this ... just try you'll see ... this is something i learn along the way  tongue.gif



step 7: to duplicate layer just right click on the background layer and choose duplicate ... you can also adjust the opacity and fill to your liking after you change the layer mode to screen .... about the gaussian effect ... the more you do the more blurry it gets  _smile.gif

---

Result ...

original pic


pic after apply the gradient


I don't know if u can tell the different between these two mode ....

pic with gradient ... and layer mode: color


pic with gradient ... and layer mode: hue


--- that's all!  laugh.gif
*


umm i dont think you knew this but there was already a tutorial on this in the tutorials section lol you could have just linked that =]
 

Posts in this topic
thatgirlmarcy   how doe she and other createblog make these layuts   Jan 11 2005, 12:00 AM
barelyy_coherent   There isn't a special code. The banner, blog a...   Jan 11 2005, 12:10 AM
thatgirlmarcy   QUOTE(barelyy_coherent @ Jan 11 2005, 12:10 A...   Jan 11 2005, 12:19 AM
giggl3s   1. make a seperate image as a banner (your orlando...   Jan 11 2005, 01:40 AM
Ewwie   *um i think i know what u meant like different co...   Jan 11 2005, 02:36 AM
thatgirlmarcy   QUOTE(Ewwie @ Jan 11 2005, 2:36 AM)*um i thin...   Jan 11 2005, 03:35 AM
x_angawhomps   This is the site where I learned how to create thi...   Jan 11 2005, 03:41 AM
thatgirlmarcy   thanks for the webs ite.. its really cool but erm ...   Jan 11 2005, 04:05 AM
Ewwie   oh! i re-read your first post ... i think i kn...   Jan 11 2005, 04:31 PM
Ewwie   Here is the tutorial ... sorry ... i kinda me...   Jan 11 2005, 06:09 PM
swe3txprincesz   QUOTE(Ewwie @ Jan 11 2005, 7:09 PM)Here is th...   Jan 11 2005, 06:27 PM
Ewwie   o sorry didn't know >.> ... nvm hehe   Jan 11 2005, 06:47 PM
thatgirlmarcy   ooooooooo lol thank yiou :) i figured out how to ...   Jan 13 2005, 07:49 PM
mona lisa   QUOTE(thatgirlmarcy @ Jan 13 2005, 7:49 PM)oo...   Jan 14 2005, 07:42 PM
thatgirlmarcy   i found a tutorial online at this web site.. i got...   Jan 14 2005, 07:50 PM
tiffythepoopoo   coolies! and, actually I don't use "b...   Jan 15 2005, 03:47 PM
thatgirlmarcy   QUOTE(tiffythepoopoo @ Jan 15 2005, 3:47 PM)c...   Jan 15 2005, 04:42 PM


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: