Create a Simple Record Button — Photoshop Tutorial
Like Tutvid on Facebook: www.facebook.com Follow me on Twitter: www.twitter.com Create a Simple Record Button — Photoshop Tutorial Using a few Shape Layers and a couple Layer Styles we will quickly construct a very slick looking “Click here to record” style button. Use this as a button in your website or app interface, use it as a button or list button point, change the color of the center area and use it as a color custom rollover. We’re going to use Photoshop CS5 here and you will only need a basic working knowledge of the application to get started with this tutorial! This tutorial is one in the continued series the Howard from www.IceflowStudios.com and I are creating. Inspiration is draw from the amazing http and any number of the quality, free PSD downloads they provide! Check them out now!
Video Rating: 5 / 5
This guy has the best VO (voice over) I’ve ever heard in tut videos.
You rock!!!
Startup:
0:35 – New document
0:45 – Fill background with dark grey metalish color
Record button:
1:30 – Create the ellipse for the metal layer
7:20 – Pattern texture creation
9:40 – Create the “record” icon
General:
12:00 - Resize the button
12:35 – Readjust background color
Great tutorial, I really appreciate all the talking and explanation, I like how the guy @ iceflow makes the video but this is better for newbies because you can learn more due to all the details. Thanks
Awesome videos. Its graphic designers like you and Howard that really make me want to learn how to do these kinds of things.
Great video! Something small I noticed, around 11:10 you changed the angle to 90 but said 30. Just thought I would bring it to your attention in case you wanted to make a note of it on the video. Thanks for the tutorials they’re amazing!
Thank you for you great tutorials. Much love from Russia ^_^
Another great tutorial from tutvid!
It’s just a simple button. No need to talk 14 minutes. This could have been done in 2-3 Minutes also.
Jees Mr Tut , some people are never satisfied… Great tutorials as ever – cheers mate !
You sound a bit like Charlie Sheen
Great vid as always
Was that the most complicated way you could think of to make a spotlight on the background?
Awesome tutorial, showing different lightsources, and some basic metal shape designs right there. =) But what i noticed is that the button on this vid, is kinda the same as the youtube video timeline slider? =P I really learn many much stuff thanks to your vids, keep it up!
looks cool but I don’t get what’s the point of these pluses.
@tutvid you can add time stamps pretty quick in the description. You just like making button 1:50, making cross texture thing 7:50, background lightness 12:30 etc
Photoshop Level: GOD!
Excellent
After I create the new fill layer, I don’t get the same icon as the guy in the video in layer, its just a white box without the slider like thingy like he has got in his layers panel, and I think due to that I don’t get effect in path
Since I’ve watched your videos the first time I use more often the path feature.
Thanks a lot.
awesome!
Awesome as always
@194Anonymous It’s definitely a great idea, but I already spend a number of hours putting together the material so I don’t think I’d be able to add that feature… not yet at least
@pkbreeze08 Thanks! Glad you enjoy the videos!
cool