Here is another photoshop web 2.0 style graphic tutorial.
This is what we will be doing …now that is a clean floor. This one I tried something new – I dont always like the way tutorials are written out – they can get boring and not easy to follow. So I have tried something which people really love… you can see by the comments.
The shiny floor tutorial can be found at our new domain: PhotoshopCandy.com – Shiny Floor Effect
Yes Yes yes more please, ;’)
Though I allready managed to figure this one out myself..
still liked it.
Cheers
Btw, check out my company at http://www.snowbylgf.be
Wow, ive always wanted to know how to do this. I really think that you have alot of tallent to offer -You da shiznit!!!
I like it. There could be one or two more pics from the last action. But beside of this it is very good.
what font did you use?
I used TRAJAN PRO. BOLD . CAPS
Beautiful job, well described. Thanks!
How do you get a negative h coordinate. I get an error saying its out of the range.
Seems nice, but that effects been done quite a bit lately.
Genius. Pure genius.
smart bos
thank you very much
Well done tutorial,I love it and it was easy to fallow,thanks for making it easy! very nice tut man.
tanx a lot bro, real easy to follow and good results. again, tanx a lot
holy cannoli, i wish i had this blog’s address when i was at my old job, where my task was essentially “learn photoshop.” i failed miserably due in part to the fact that no one stopped me if i decided to just up and leave for an hour. anyway the point is. i bookmarked you.
[...] This is not a tutorial: For this one I used a small tight diagnal patter as the background floor. Instead of my usual thick ones. I used impact as the font and I gave it the used up – shiny floor effect. (shiny floor tutorial can be found here). To make the rays of light i used the polygon selection marquee tool and drew out two trangles and filled them with a gradient white to transparent. You can pick up the free psd here. [...]
Nice job!
The tip are ok while the way you draw down tutorial really rocks! Keep on the line
Great tutorial, easy to follow, clear to read and not boring as you have kept it simple and to the point. good job.
thank you very much! i’m happy to have found my new online tutorial. so easy and entertaining!
its cool…
Yeah, when i change the coordinate to -100 it wont let me do it!, PLZ HELP!
thedude352 – if that doesnt work than you are probably using an older version of photoshop -but you are not lost… you can do it another way: simply go to EDIT>TRANSFORM>FLIP VERTICAL this will do the exact same thing.
Me too have the same problem
How do you get a negative 100% in the coordinate. I get an error saying its out of the range must be between Zero and 320% !!!???
EDIT>TRANSFORM>FLIP VERTICAL : as mentioned above this should flip the text also.
I did do one thing. When against a dark background, I change the floor from Normal to Overlay, moved the layer to between the original and the reflection and dropped the opacity from 100% to around 30 or 33% depending on what I am going for.
By the way, this tutorial technique is going a long way to helping me when I “reboot” my portfolio website.
DUDE thats pretty awesome. its all…shiny and stuff. w00t!
Hiya, a friend of mine gave me the good tutorials website and here I am having a good old browse and loved the look of your tutorial – I’m a beginner (just had my first photoshop lesson at night school!) so I’m printing off to practice at a later date, but wanted you to know your work’s appreciated!!
you bet it’s appreciated!
lots of thanks. enjoy
having problems at step 11. When I go to the stage and drag it nothing happens in my mask box so i can’t proceed from there
[...] En Photoshopit The Shiny Floor Effect so fresh and so clean web2.0 – yummy (en ingles) nos explican como hacer un titulo para la web2.0 , el resultado sera algo as: [...]
[...] If you liked this http://photoshopit.wordpress.com/2006/09/06/the-shiny-floor-effect-or-the-very-cool-reflection-effect/ Than You will probably enjoy this. It may be a little hard to follow if you arent familiar with photoshop. This is an older tutorial I did – which was uploaded to youtube and totally lost quality – There is no voice the end result is great.http://www.youtube.com/watch?v=LAePEdePP0Y [...]
This was rediculously helpful and easy to follow. THANK YOU!!!
BML
I always transforn the reflection. (Menu>transform>perspective)
Brings a way better reflection effect. But well done, nice tutorial
[...] 28. THE SHINY FLOOR EFFECT so fresh and so clean web2.0 [...]
[...] 28. THE SHINY FLOOR EFFECT so fresh and so clean web2.0 [...]
[...] 28. THE SHINY FLOOR EFFECT so fresh and so clean web2.0 [...]
you are in my favorite
[...] 28. THE SHINY FLOOR EFFECT so fresh and so clean web2.0 [...]
Thanks very much, its a good tutorial, target achieved.
j.
Its quick and to the point and no filibusting which is great.
[...] 29. The Shiny Floor Effect [...]
mmmmmm………….shiny
man oh man great tutorial… thnks
Perfect. Thank you very much!
[...] 28. THE SHINY FLOOR EFFECT so fresh and so clean web2.0 [...]
hey iam rayan from lebanon
does any one now a website about an action backgrounds (shiny..)
[...] you liked this tutorial: http://photoshopit.wordpress.com/2006/09/06/the-shiny-floor-effect-or-the-very-cool-reflection-effec… Than You will probably enjoy this one below… It may be a little hard to follow if you arent [...]
[...] 29. The Shiny Floor Effect [...]
[...] THE SHINY FLOOR EFFECT so fresh and so clean web2.0 por photoshopit [...]
[...] month ago, I posted about using inline SVG to simulate the Web 2.0 “shiny floor technique” (SFT) for a mirrored reflection effect on page headings. I have not had time to perfect it, but I [...]
Nice tutorial I’ll use it to refresh some my graphics at makitra.net website.
btw: Effects such this can be obtained by using layer masks. I think it’s much more effective than reflection use
[...] efektleri ile ilgili çeşitli kaynak ve tutorial’lara buradan, buradan, ve buradan [...]
very nice!!! thank you!! ^_^
[...] 29. The Shiny Floor Effect [...]
[...] las fotos y el de correo. Los podeis ver en el propio blog a la derecha. Los he realizado siguiendo este tutorial de photoshop para realizar reflejos “a lo web2.0″. Todas ellas las podeis ver tambien en las galerias de Picasa y [...]
[...] 28. THE SHINY FLOOR EFFECT so fresh and so clean web2.0 [...]
thank you very much
This effect looks great, I can’t wait to get home and have a real play with it
[...] THE SHINY FLOOR EFFECT so fresh and so clean web2.0 por photoshopit [...]
You couldn’t have made it more simpler. Thanks.
I love this effect, nice easy to follow tutorial too. well done mate!
Me ha gustado, senillo y rapidito.
awesome tutorial, i used this on my own website design and some advertising.
Nice Tutorial.Thank’s for written..
I’ve learned a lot from this tutorial. Very resourceful.
Thank you for this great tutorial.
Bertrand [From France]
[...] Links: * Yaml-Projektseite * WordPress-Buch-Projektseite (samt Leertheme) * Tutorial Spiegeleffekt mit Photoshop * Tutorial Spiegeleffekt mit Gimp * [...]
[...] parlayan zemin [...]
[...] empowering user-driven content, apparently all I had to do to make my blog web2.0 compliant was use glossy fonts, some glass badges, and call it beta, and I’d be all [...]
[...] THE SHINY FLOOR EFFECT so fresh and so clean web2.0 – yummy « photoshopit Here is another photoshop web 2.0 style graphic tutorial. (tags: design effect graphics HowTo images logos photoshop reference techniques tips tutorials Web2.0 WebDev webmaster) [...]
This was rediculously helpful and easy to follow.
[...] 29. The Shiny Floor Effect [...]
[...] efektleri ile ilgili çeşitli kaynak ve tutorial’lara buradan, buradan, ve buradan [...]
[...] efektleri ile ilgili çeşitli kaynak ve tutorial’lara buradan, buradan, ve buradan [...]
This is crab
Wow, ive always wanted to know how to do this. I really think that you have alot of tallent to offer -You da shiznit!!!
[...] 29. The Shiny Floor Effect [...]
this is great and all…I knew how to do it…I creeate it using vectors. but I was wondering the exact ideas behind the lowercase g, j, p, & q? I usually shorten the bottom part in the reflection to make it right on the baseline. and in your opinion, what would be the perfect floor opacity…I use 42%.
[...] THE SHINY FLOOR EFFECT so fresh and so clean web2.0 por photoshopit [...]
[...] They had references to a couple styles that I used and you can check out the tutorials if you want. Tutorial one>Tutorial one (glossy floor effect), [...]
[...] post to this tutorial: Shiny Floor Effect Share this post: These icons link to social bookmarking sites where readers can share and [...]
[...] THE SHINY FLOOR EFFECT so fresh and so clean web2.0 – yummy « photoshopit (tags: web2.0 effects howto) [...]
For those of us who don’t use Photoshop a lot, this graphic is an amazing reminder of the software’s versatility. Especially in the hands of passionate and creative developers, like you guys. I’m excited about seeing this clean, streamlined Web 2.0 look begin to spread.
[...] hottest web 2.0 tutorials around – including free photoshop psds with the layers intact. I Digg it.read more | digg [...]
[...] 29. The Shiny Floor Effect [...]
[...] 29. The Shiny Floor Effect [...]
The graphics is very good it is great to see people showing what is achievable if they try.
[...] parlayan zemin [...]
[...] parlayan zemin [...]
ktqey rdqhp czvgd nvgf arjvltnoy twzgjspv dorx
Cool, very nice tutorial!
[...] parlayan zemin [...]
this is nice although you can create the same effect in macromedia fireworks in 5 easy steps.
have the tutorial on my site.
[...] 29. The Shiny Floor Effect [...]
Spot on thanks very much!
[...] Yansma efektleri ile ilgili eitli kaynak ve tutorial’lara buradan, buradan, ve buradan ulaabilirsiniz. Yeni nesil sitelerde ikon kullanm olduka moda. Ancak ister hazr ikon [...]
Really good, thanks
[...] 29. The Shiny Floor Effect [...]
Is there a plugin for this object reflection effect out there? PS, AI?
Малая бытовая техника, стиральные машины, варочные поверхности, духовые шкафы, встраиваемая бытовая техника, холодильники.
[...] 29. The Shiny Floor Effect [...]
[...] parlayan zemin [...]
[...] The Shiny Floor Effect [...]
Неплохой пост, но много лишнего.
Спасибо за статью. Восхищена как всегда
Спасибо. Просто спасибо, за красивые мысли вслух. В цитатник.
Опутеть как интересно, во задвигаете. Класс!
Ты как обычно радуешь нас своими лучшими фразами спасибо, беру!
Огромное человеческое спасбо!
мило ждем еще…
Ваш сайт в опере не очень то корректо показывается, а так все отлично! спасибки вам за умные мысли!
Hi There, Awesome. What version of Photoshop program should I use for this? Thank you. Great job.
[...] 28. THE SHINY FLOOR EFFECT so fresh and so clean web2.0 [...]
Не в тему, но я недавно посмотрела замечательный документальный релакс фильм “Вселенная глазами телескопа Хаббл”.
На торрентах есть. Советую для поднятия настроения. Радует глаза. Честно.
nice i m going to tr this on my black header…thanks good stuff
Спасибо мне очень понравился ваш блог и я обещаю заходить еще
Интересно было почитать…
Спасибо, в рсс ленте прочту остальное.
ϻСлушай, а я смотрю у тебя спамеров нет совсем. Достали спамеры! :заразой этой справляешься? Может посоветуешь плагин какой?
Админ, как долго вот такой текст сочинял? Очень интересно….
Напиши подробней в icq 121407263. Есть кое-что по твоему вопросу.
С майскими праздничками вас, между прочим!
Ага, теперь ясно… А то я не сразу поняла где тут связь с названием…
+1. Практически со всем согласен, но всё это ерунда, по сравнению с размерами Африки ©
[...] 25. The Shiny Floor Effect [...]
Отличный пост, но помните что здоровье важнее всего
oriclub
Do you want know your see request variables – for free?
Cool servise – Free Network tools