# Challenge: RR.com nav

**URL:** <https://forum.kirupa.com/t/challenge-rr-com-nav/56852>\
**Category:** design\
**Created:** [July 8, 2004, 3:32am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852 "2004-07-08T03:32:49Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![mdipi](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/mdipi/32/49_2.png) [@mdipi](https://forum.kirupa.com/u/mdipi)\
**Post date:** [July 8, 2004, 3:32am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/1 "2004-07-08T03:32:49Z")

</div>

Hey guys! Over at BB a few times someone has posted a .jpg and everyone tried to recreate what was seen. I thought this was a great idea - i had watched and read through a few and thought why not bring it over here.

**This is not a competition**. This is something to stretch your skills in Fireworks, Photoshop, or image editor of your choice. If you cant get it post what you have, what you have done so far in terms of steps, someone can pick up where you left off, or do it there way, makes no difference how you do it, we are just looking re-create the effect. If you get it post it and try to say step by step how you did it. I have a feeling we will come up with a whole lot of good stuff with the talent pool here. Its a great way to improve your skills like i said and I think it will test your skills. :cubs:

\*\*RULES:

1. YOU MUST POST YOUR FINAL .PSD OR .PNG (Photoshop or Fireworks) WITH ALL LAYERS IN TACT.
2. NO OUTSIDE HELP. PERIOD.
3. MUST BE YOUR OWN WORK.  
\*\*  
 ![](http://www.mdipi.com/kirupa/images/rr.jpg)

This is the top nav for the RoadRunner site (by Fantasy Interactive). I would say try the lighter part.

If we have a lot of people participating I think we should do this more often, if people dont like the idea - it doesnt have to be done again, its all up to you guys.  
-Mike

_note_ I dont htink this belongs in Battle because its not a competition or a collaboration really - we are just trying to find a way to recreate something 😃

**edit: Image is 776x119 - i am rounding that out to 800x200 but feel free to do whatever oyu want :D. The blue background colour is #344C7C.**

**edit2: You MUST post your .PSD or .PNG with all layers, folders, ect. in tact for others to learn from.**

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2004, 3:40am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/2 "2004-07-08T03:40:42Z")

</div>

Good idea, I’ll probably work on this over the next couple weeks.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2004, 3:41am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/3 "2004-07-08T03:41:37Z")

</div>

well does the road runner count cause he was made in a 3d app, if you havent, click the “site guide” button to see what i mean.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2004, 3:55am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/4 "2004-07-08T03:55:56Z")

</div>

No, just get the basics down 😃

Doesnt have to be animated either.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2004, 3:57am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/5 "2004-07-08T03:57:51Z")

</div>

this is gonna be awesome, but I don’t have nearly the skills, perhaps we should let everybody share files at the end to see how people did it? edit: he he, and to learn the tricks peope use :trout: well… lets hope that not everybody uses ps 😜

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2004, 3:58am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/6 "2004-07-08T03:58:08Z")

</div>

Hey,  
dipi my man, count me in 😉

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2004, 4:04am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/7 "2004-07-08T04:04:04Z")

</div>

Sounds good guys - the more the merrier!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2004, 4:12am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/8 "2004-07-08T04:12:26Z")

</div>

Wow, that looks like it could be recreated in Fireworks REALLY easily… Hint, hint…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2004, 4:14am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/9 "2004-07-08T04:14:37Z")

</div>

Mike you think?

I am doing it in Photoshop, but if i dont get to far - i might give it a go in FW.

Im looking at i like this - rounded rectangle then with a oen tool, come back and add the little side thing. You are going to need some layers to get all those inner shadows too.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2004, 4:15am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/10 "2004-07-08T04:15:08Z")

</div>

I know… ☹ but I don’t have ps and want to learn, maybe I’ll get it for my birthday at the end of the summer

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2004, 4:19am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/11 "2004-07-08T04:19:36Z")

</div>

Yeah - Im still deciding. PS is a great application, but Fireworks is better sometimes.

[http://www.billybussey.com/forum/viewthread.php?tid=8953](http://www.billybussey.com/forum/viewthread.php?tid=8953)

Thats how one was done (we did this menu over there - im not gonna post it or refer to it though)

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2004, 4:59am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/12 "2004-07-08T04:59:34Z")

</div>

nice concept dude, i might give this a whirl try to get my creative juices going.

off the top of my head i see layer styles (outer glow, emboss) Layer modes (multiply, screen) simple rectangular rounded vector shapes and a touch of gradients.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2004, 5:11am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/13 "2004-07-08T05:11:10Z")

</div>

Yeah - so far i have done this:  
 ![](http://www.mdipi.com/kirupa/images/rr_me.jpg)

This is in Photoshop with two layers. On one layer i have an Inner Shadow, Inner Glow, Bevel and Emboss, and the second layer is a thin white line that i airbrushed and then turned the opacity down.

So far i think this is close to the base. I will keep going for a little longer tonight.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2004, 6:07am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/14 "2004-07-08T06:07:52Z")

</div>

colour is lighter and emoboss is smaller and sharper. but good start

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2004, 6:17am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/15 "2004-07-08T06:17:34Z")

</div>

update:  
 ![](http://www.mdipi.com/kirupa/images/rr/rr_me2.jpg)

Im having trouble with the box that embeds the search part - its hard to get it to flow smoothly. I used the liquify tool but it doesnt come out all that smooth.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2004, 6:19am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/16 "2004-07-08T06:19:23Z")

</div>

wow, already beautiful… I wish I could get ps

but still certainly needs some work

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2004, 6:31am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/17 "2004-07-08T06:31:35Z")

</div>

Well im looking at the update that i did and i just deleted that part where the search box will go.

What i am seeing in it is this: A rounded rectangle for the top part, and another for the bottom. The delema is where the two meet, its really rounded corners, and i cant seem to recreate them. I wanna say to use the pen tool but I dont know how to use it. There is a way - and i will find it.

Has anyone else given it a go yet?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2004, 6:34am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/18 "2004-07-08T06:34:12Z")

</div>

sorry to go off topic but

[ot]has anybody noticed that there’s 119 or so pages or registered users that haven’t posted once![/ot]

seems to be the same, perhaps I saw it after you have already changed it, anyways looks nice still

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2004, 7:50am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/19 "2004-07-08T07:50:15Z")

</div>

> [@t3h t3rminator](#):
>
> Wow, that looks like it could be recreated in Fireworks REALLY easily… Hint, hint…

yup yup…

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [July 8, 2004, 8:55am UTC](https://forum.kirupa.com/t/challenge-rr-com-nav/56852/20 "2004-07-08T08:55:21Z")

</div>

i gave it a try and kinda did a lil variation from what was there (went to the actuall rr.site that’s where the SIGN UP NOW came from)…also provided the psd for those who might want to take a look…nothing special :)…(link below for psd)

[www.gomidesign.com/rr/rr.psd](http://www.gomidesign.com/rr/rr.psd)

![](http://www.gomidesign.com/rr/rr.jpg)

[Next page](https://forum.kirupa.com/t/challenge-rr-com-nav/56852.md?page=2)
