Segments

" Wow."

" This episode of pixel perfect is brought to you by Netflix and godaddy.com. Hello and welcome to pick the part of it would be -- onward to show where all kinds of things happen. Today show we're going to look at. A billboard from the -- script peace and how it was created a lot of intricate little parts a lot of different -- techniques that we'll look at today but before we do that. That's into the background by my friend John purchase. Check this thing out. Can go that this mapping stuff. Clinton did in the credit street the other day people free download a place but anyway. Here we are and judge John that this incredible little scene in the universe says right here. And this has been trying. As for this show all about playing. Before we start that sub thank our sponsors. Godaddy dot."

" Com godaddy.com makes it easy to customize your own virtual dedicated server. -- is one of three popular plans or select your own Linux or windows server with all the plan options that you need. Into the code pixel three when you check out and you get. -- domain name -- seven dollars and 49 cents that's not a misprint 749. Be sure to check out revision3.com. Forward slash GoDaddy for all the pixel perfect godaddy deals and -- there's a whole bunch of them in there. Also let's thank Netflix. Our bank of the sponsoring up it's a perfect and with next fix. You can rent over 90000. Titles online including lots of Blu-ray titles with free shipping both ways to your home. The Netflix plans start from four dollars and 99 cents. And as a new member you can get a no risk two week free trial membership check it out at www. Netflix.com. Forward slash pixel perfect. And yes you do have the."

" I've been that WWW. When using this code okay so now let's get into the show. Now -- ago -- showed -- current state of -- to do it again. But there is a billboard this is the kind billboards and the actual -- it's only about this take. That big -- keep mine at the painting is five feet by 25 feet so little tiny thing like this is. Now you've -- really look for it but what is is a a billboard for the iPhone. Now the actual Times Square there is no billboard like this and I created my own. I hear a -- we see the billboard there it is. That's the the actual shape the way it's been distorted for the scene and so on would go in here and and look at the layers that make it up. It's going here and look -- others. And let's turn this off and daisy ad itself. So now what happened here is that the I've got the phone and the -- I created a reflection is I simply in fact that's created from scratch here of duplicate that there. That has the phone right there. I think this layer here and duplicated and the one that put them back here."

" I can't put this in back here and Doolittle. Flipped it vertical. You can't take it and move it down into position directly below. The first phone right there bring down the capacity just a little bit. And then give -- a layer mask. And then layer mask to go in the air and hide the bottom part and just make it visible towards the top -- you greedy for that. Scenario and -- we see that we had this type of -- there and then the Apple logo was added and the iPhone three G on top we have to finish poster which was then. Put together into a single layer right there and then distorted. And that shape there. To go to the poster and ended little -- put on top of it and then went to the overall -- now the iPhone itself. The iPhone itself I have -- ruled that. None nothing in in the in my paintings is. Created elsewhere it's all created entirely from scratch so I did recreate my entire iPhone there and doesn't look at today. They're back here we have the actual iPhone. Turn on the background. And it's -- as big there's the iPhone this is entirely created from scratch."

" Make here and Photoshop. Has this look at the background. And of course there's many paths there is a passive the main path for the the basic shapes and then the lot of little things like here's safari has little safari symbol little envelope. If we got that little iPod. Thing is the those stock market thing that's who have had to find them here. -- little pins chateau. Is the route sign all the different pieces that go into that and removed years. We have all different pieces that are going to make up our phone so. It's going here and got all these -- as you can see many different layers someone named -- not but I gonna start turning on all the individual pieces now. That's look at this. Is an iPhone itself. And is that the individual pieces. If anybody off okay that's look at. One -- left on there it is all right so now here we got the the outer buttons. There's these little -- now these shapes and not isn't because they look. All they are is a little. Who shaped thing that was given an inner shadow above on the boss and -- without the list of diseases state. Who rape pill but these -- will then go in there and give it the different. Tones that make multidimensional -- David these little. -- highlights and stuff there about them blessed given the highlight on the top and the image shattered just give it -- through dark shadow on the edge there. -- back we see it is the buttons on top of that we have the the frame which also has a a bunch of the show but that devote -- Take those away is there's as the big. White shape. But by adding. Let's bring this back -- ending the effects. But there we see that there's a the satin. This satin is just gonna give it these. These little shapes here that's going to turn on Staten. It gives it all these negotiate without the sadness does of the inner shadow busy in the shadow which is because it does the little dark tone along the sides there. This seat belt own boss which gave it some highlights and some deeper shadows down here and them for little highlights that the new infections on the metal that's with a -- That I go to look at the -- the -- I used that complex -- like that and I played around with the size until I had just what I want to say. You can see it happening on the screen there and so one. So on -- but I gave it to face another big rounded corner rectangle there are of little highlights. There's little highlight on the top there might be hard to see because of the camera which has turned on -- stronger and it has a they mask -- layer mask right across there just is that it. Get stronger in some spots and so on so it's a little more real realistic there's a little gray box like gray box which is the bounding box for the little icons. Is the box at the bottom. And has little dots. As little pattern of dots coming closer to see little dots is a little dots tiny dots that make up via the bottom grill at the bottom there. And on that we have a that your whole again it's just a little shape that's been given a -- in Boston at the bottom of -- just a dark gray the bubble boss makes it look three dimensional. There's a button along the bottom then -- would turn -- the black circle that has a glare. And the little icon. That appear we see all the buttons all the different buttons is all the apps now. Here I had to name those because there's so many of them that they get pretty involved and everything as I was getting closer recently look at it everything has been. Created from scratch every little piece we saw somebody's up. Passed a second ago but I did it words all the words are right here it is he the text. All the text which has been given a drop shadow which is only really visible down here it there this little drop shadow. It's visible on these light colored ones at the bottom. That we got the though AT and see there's a little battery life appear at the top as good competent if little battery life. Wii Fit right there is the -- stuff and every one of these individual."

" Icons was created entirely from -- a prison look at the gears here. It's coda here and look at the gears. To live the bottom that here. And is gears this -- years. And the large here they are all individual pieces here's a case where -- illustrator. Became crucial same thing here with -- all these little flash is going along the edges of the iTunes in the app store icon. That's where illustrated came in handy as -- illustrator. And there's a file where it some of the basic -- who created his little road sign. This -- those circles around the the iTunes and -- to gears. Now -- they did two weeks ago showing you. I created an inverted that same thing happened here I want to created here -- is going to say -- does those shape and mrs. One basic shape. -- angle here. -- today is -- now want it to be. Equal. On both sides so what I'll do is I'll take that and it's such as. Creative because I want to be perfect I'll go in there and reflect this. I'm going to answer ineffectual. Reflect this on a vertical axis of make -- copy -- that size is exactly the same. As the first site that go on there and take those to enjoin him. -- today. Which is appear. -- And then once I have that the -- shape I select all those guys and that I come in here and with my rotation tool. Optical center of rotation which is a right about here. I cannot say just give me. A fifteen degree copy on that. Okay wolf -- do not going to be enough because the fact that has come way down here. And will do from here fifteen degree. Make a copy that's a little better do it again do again do again and -- Filo little pieces of the gears coming around. Right to there and pull back we've -- there we have this big here. As is smaller versions of estimated creators say doing those sparks villages. -- that the -- be that transform again function and appear. I I do a and an action and then I -- and -- transform again they transform again command V. Which would be controlled beyond me up PC do the last thing you did and makes it easy to do these kind of things and have their function Photoshop. So here because of the extra control we have moved factors it's -- easy to do these things and illustrator and also the -- to see here. It's not gonna use up a lot of ram because we do effect is here. To create is in Photoshop as far too labor intensive. So I created here then imported into Photoshop in most cases I can hear agreement as path that you notice that. None of these things have the actual cozy it has to bring them in -- paths so that when I go into Photoshop. And I go -- and and add those formalities guys right here that's gonna close you can see that I have who has -- seconds it. Just going in create these guys who gradient decide hidden layer styles whatever is necessary so that. Those path that is manipulated here in Photoshop. All the different little pieces were created in illustrator put in here and Photoshop where they were further assemble. Lot of saves purchase very simple things like the clock is this going in there creating this that'll run the box. And putting in numbers the numbers. That is a little lion. It was easy to figure out these things -- as I have my phone solid there was look at mine the other -- YouTube screen as little more involved. This has a border around it. Hulu YouTube screen that's going look at the YouTube screen and -- to hear this is YouTube dot YouTube screen you to frame. And if the -- the Soviet YouTube frame which is good this better right there bit. Okay it's got this. Color inside the colors actually in the buttons and that it has a little drop shadow puppets go back just to bring this little drop shadow on it. Is to drop shadow which appeared inside which is it was important and the above them the -- the -- added that nice little extra touch in there. To make it look like. It is rounded. It was screen. This screen has a stroke as -- stroke right there. The stroke was good the screen was this -- little path is created there would create two different ratings when going this way and on going that way. And gave it move. Affect committed the knobs are right there again that does those circles that have been given drop shadows those circle with a little -- gradient in there. And then there's those YouTube. Label who went into shape and there. So all these different pieces that everyone it was created. -- I resign that it faces on. Who go in there instead turning -- of things these little lines on the pad is the pad is a little lines on -- pad. The -- Things this is the Red Line. On the calculator visible symbol for the calculated the calculator buttons themselves which against his -- the corner shapes that have been given a the album boss. -- to see how. The latest styles place that you can slow a lot of this stuff -- given it that the nationality make and it'll look like it's popping off the page. This is two. IPhone than you'd treaty that is looking at everything but it looks like it's popping out because the highlights and shadows they create that illusion and this cases to the question is and layer styles. Because they -- up everyone these little individual pieces get put together. And for the final phone but there just shapes just shapes in there and the only one that's looses the little photo guy appear as the only one that's that's moves is just. Orange yellow strokes. And the little. And close on the flower erupt because again its old beaten up anyway so go there -- look at that little flower there's a little flower. Stem. With movies. Is -- peddles. And then as the flower center which you notice hasn't out of glow it was given out of glow. Of Orange but there. And orange. And that I just gave it that final look to it looks on the phone and then the whole thing got distorted and became part of the overall painting. And we'll see in place here. There is that okay we need there that's the iPhone logo and didn't close. There's our iPhone. Billboard there."

" At this point most of this stuff isn't even legible but because it was created. In the first place when he gets shrunk weighed down. That's a full raster as itself that -- but it looks fairly clear. So -- think it's printed five feet by 68. But 25 feet. People going to be real close looking at that they're gonna be able to see -- icons on that iPhone because in the original piece. Or the detail was there. So -- discretion of our understanding how things look and he conceded that these which has basic functions of Photoshop and illustrator. His latest styles created most of the effects that you see in there so it's not as complicated as it -- discretion of understanding what the tools do. I hope you learned something that you get pickles tools and put into use on your particular projects. And I -- really good stuff like this -- back here. A lot of stuff right recognizes the grass and here is at least textures these things that you learn from the show put to use to create your own artwork. That anything you'd like to see on the show that the you have figured out on your own sending emails that the -- at revision3.com. We'll see you check out the forms while you're there act revision3.com. Forward slash forum for you to join discussions about the show. Thanks again to John purchased for submitting a background image. Kind of brings it home doesn't. Okay you wanna see his stuff back there instead of Greenspan you want to fill out this whole screen and see your name along the bottom. Send -- artwork -- that the -- at revision3.com. And your background should measured 1280. Pixels across by 720 pixels down. And a JPEG files it's proof -- that those sizes be adhered to so that you get the full image on the screen. Without cropping or any weird black lines or anything. -- Those trailers is there and play."

" Have fun. See you next week. If it -- to fight from the experts. But technology tips for small businesses he brought to you by its. You know it's really about being more energy conscious than your business what I've really that is our job as part of our business are thought it along to your NPR. Our job to get others to do with more I think there's three things you need one you get the smallest device that -- second of -- Internet connectivity is critical. Thirdly how awake actually your applications and save them through the clouds are -- automatically. Archives. Redundant restore -- generations."

" And patents look at those remember what he gets access I think for entrepreneurs is flexibility if it's not working dump it if it's working."

" Try to do more about it ain't broke don't fix their right I just break break it break it."

" Yeah."

" Wow."

" This episode of pixel perfect is brought to you by Netflix and godaddy.com. Hello and welcome to pick the part of it would be -- onward to show where all kinds of things happen. Today show we're going to look at. A billboard from the -- script peace and how it was created a lot of intricate little parts a lot of different -- techniques that we'll look at today but before we do that. That's into the background by my friend John purchase. Check this thing out. Can go that this mapping stuff. Clinton did in the credit street the other day people free download a place but anyway. Here we are and judge John that this incredible little scene in the universe says right here. And this has been trying. As for this show all about playing. Before we start that sub thank our sponsors. Godaddy dot."

" Com godaddy.com makes it easy to customize your own virtual dedicated server. -- is one of three popular plans or select your own Linux or windows server with all the plan options that you need. Into the code pixel three when you check out and you get. -- domain name -- seven dollars and 49 cents that's not a misprint 749. Be sure to check out revision3.com. Forward slash GoDaddy for all the pixel perfect godaddy deals and -- there's a whole bunch of them in there. Also let's thank Netflix. Our bank of the sponsoring up it's a perfect and with next fix. You can rent over 90000. Titles online including lots of Blu-ray titles with free shipping both ways to your home. The Netflix plans start from four dollars and 99 cents. And as a new member you can get a no risk two week free trial membership check it out at www. Netflix.com. Forward slash pixel perfect. And yes you do have the."

" I've been that WWW. When using this code okay so now let's get into the show. Now -- ago -- showed -- current state of -- to do it again. But there is a billboard this is the kind billboards and the actual -- it's only about this take. That big -- keep mine at the painting is five feet by 25 feet so little tiny thing like this is. Now you've -- really look for it but what is is a a billboard for the iPhone. Now the actual Times Square there is no billboard like this and I created my own. I hear a -- we see the billboard there it is. That's the the actual shape the way it's been distorted for the scene and so on would go in here and and look at the layers that make it up. It's going here and look -- others. And let's turn this off and daisy ad itself. So now what happened here is that the I've got the phone and the -- I created a reflection is I simply in fact that's created from scratch here of duplicate that there. That has the phone right there. I think this layer here and duplicated and the one that put them back here."

" I can't put this in back here and Doolittle. Flipped it vertical. You can't take it and move it down into position directly below. The first phone right there bring down the capacity just a little bit. And then give -- a layer mask. And then layer mask to go in the air and hide the bottom part and just make it visible towards the top -- you greedy for that. Scenario and -- we see that we had this type of -- there and then the Apple logo was added and the iPhone three G on top we have to finish poster which was then. Put together into a single layer right there and then distorted. And that shape there. To go to the poster and ended little -- put on top of it and then went to the overall -- now the iPhone itself. The iPhone itself I have -- ruled that. None nothing in in the in my paintings is. Created elsewhere it's all created entirely from scratch so I did recreate my entire iPhone there and doesn't look at today. They're back here we have the actual iPhone. Turn on the background. And it's -- as big there's the iPhone this is entirely created from scratch."

" Make here and Photoshop. Has this look at the background. And of course there's many paths there is a passive the main path for the the basic shapes and then the lot of little things like here's safari has little safari symbol little envelope. If we got that little iPod. Thing is the those stock market thing that's who have had to find them here. -- little pins chateau. Is the route sign all the different pieces that go into that and removed years. We have all different pieces that are going to make up our phone so. It's going here and got all these -- as you can see many different layers someone named -- not but I gonna start turning on all the individual pieces now. That's look at this. Is an iPhone itself. And is that the individual pieces. If anybody off okay that's look at. One -- left on there it is all right so now here we got the the outer buttons. There's these little -- now these shapes and not isn't because they look. All they are is a little. Who shaped thing that was given an inner shadow above on the boss and -- without the list of diseases state. Who rape pill but these -- will then go in there and give it the different. Tones that make multidimensional -- David these little. -- highlights and stuff there about them blessed given the highlight on the top and the image shattered just give it -- through dark shadow on the edge there. -- back we see it is the buttons on top of that we have the the frame which also has a a bunch of the show but that devote -- Take those away is there's as the big. White shape. But by adding. Let's bring this back -- ending the effects. But there we see that there's a the satin. This satin is just gonna give it these. These little shapes here that's going to turn on Staten. It gives it all these negotiate without the sadness does of the inner shadow busy in the shadow which is because it does the little dark tone along the sides there. This seat belt own boss which gave it some highlights and some deeper shadows down here and them for little highlights that the new infections on the metal that's with a -- That I go to look at the -- the -- I used that complex -- like that and I played around with the size until I had just what I want to say. You can see it happening on the screen there and so one. So on -- but I gave it to face another big rounded corner rectangle there are of little highlights. There's little highlight on the top there might be hard to see because of the camera which has turned on -- stronger and it has a they mask -- layer mask right across there just is that it. Get stronger in some spots and so on so it's a little more real realistic there's a little gray box like gray box which is the bounding box for the little icons. Is the box at the bottom. And has little dots. As little pattern of dots coming closer to see little dots is a little dots tiny dots that make up via the bottom grill at the bottom there. And on that we have a that your whole again it's just a little shape that's been given a -- in Boston at the bottom of -- just a dark gray the bubble boss makes it look three dimensional. There's a button along the bottom then -- would turn -- the black circle that has a glare. And the little icon. That appear we see all the buttons all the different buttons is all the apps now. Here I had to name those because there's so many of them that they get pretty involved and everything as I was getting closer recently look at it everything has been. Created from scratch every little piece we saw somebody's up. Passed a second ago but I did it words all the words are right here it is he the text. All the text which has been given a drop shadow which is only really visible down here it there this little drop shadow. It's visible on these light colored ones at the bottom. That we got the though AT and see there's a little battery life appear at the top as good competent if little battery life. Wii Fit right there is the -- stuff and every one of these individual."

" Icons was created entirely from -- a prison look at the gears here. It's coda here and look at the gears. To live the bottom that here. And is gears this -- years. And the large here they are all individual pieces here's a case where -- illustrator. Became crucial same thing here with -- all these little flash is going along the edges of the iTunes in the app store icon. That's where illustrated came in handy as -- illustrator. And there's a file where it some of the basic -- who created his little road sign. This -- those circles around the the iTunes and -- to gears. Now -- they did two weeks ago showing you. I created an inverted that same thing happened here I want to created here -- is going to say -- does those shape and mrs. One basic shape. -- angle here. -- today is -- now want it to be. Equal. On both sides so what I'll do is I'll take that and it's such as. Creative because I want to be perfect I'll go in there and reflect this. I'm going to answer ineffectual. Reflect this on a vertical axis of make -- copy -- that size is exactly the same. As the first site that go on there and take those to enjoin him. -- today. Which is appear. -- And then once I have that the -- shape I select all those guys and that I come in here and with my rotation tool. Optical center of rotation which is a right about here. I cannot say just give me. A fifteen degree copy on that. Okay wolf -- do not going to be enough because the fact that has come way down here. And will do from here fifteen degree. Make a copy that's a little better do it again do again do again and -- Filo little pieces of the gears coming around. Right to there and pull back we've -- there we have this big here. As is smaller versions of estimated creators say doing those sparks villages. -- that the -- be that transform again function and appear. I I do a and an action and then I -- and -- transform again they transform again command V. Which would be controlled beyond me up PC do the last thing you did and makes it easy to do these kind of things and have their function Photoshop. So here because of the extra control we have moved factors it's -- easy to do these things and illustrator and also the -- to see here. It's not gonna use up a lot of ram because we do effect is here. To create is in Photoshop as far too labor intensive. So I created here then imported into Photoshop in most cases I can hear agreement as path that you notice that. None of these things have the actual cozy it has to bring them in -- paths so that when I go into Photoshop. And I go -- and and add those formalities guys right here that's gonna close you can see that I have who has -- seconds it. Just going in create these guys who gradient decide hidden layer styles whatever is necessary so that. Those path that is manipulated here in Photoshop. All the different little pieces were created in illustrator put in here and Photoshop where they were further assemble. Lot of saves purchase very simple things like the clock is this going in there creating this that'll run the box. And putting in numbers the numbers. That is a little lion. It was easy to figure out these things -- as I have my phone solid there was look at mine the other -- YouTube screen as little more involved. This has a border around it. Hulu YouTube screen that's going look at the YouTube screen and -- to hear this is YouTube dot YouTube screen you to frame. And if the -- the Soviet YouTube frame which is good this better right there bit. Okay it's got this. Color inside the colors actually in the buttons and that it has a little drop shadow puppets go back just to bring this little drop shadow on it. Is to drop shadow which appeared inside which is it was important and the above them the -- the -- added that nice little extra touch in there. To make it look like. It is rounded. It was screen. This screen has a stroke as -- stroke right there. The stroke was good the screen was this -- little path is created there would create two different ratings when going this way and on going that way. And gave it move. Affect committed the knobs are right there again that does those circles that have been given drop shadows those circle with a little -- gradient in there. And then there's those YouTube. Label who went into shape and there. So all these different pieces that everyone it was created. -- I resign that it faces on. Who go in there instead turning -- of things these little lines on the pad is the pad is a little lines on -- pad. The -- Things this is the Red Line. On the calculator visible symbol for the calculated the calculator buttons themselves which against his -- the corner shapes that have been given a the album boss. -- to see how. The latest styles place that you can slow a lot of this stuff -- given it that the nationality make and it'll look like it's popping off the page. This is two. IPhone than you'd treaty that is looking at everything but it looks like it's popping out because the highlights and shadows they create that illusion and this cases to the question is and layer styles. Because they -- up everyone these little individual pieces get put together. And for the final phone but there just shapes just shapes in there and the only one that's looses the little photo guy appear as the only one that's that's moves is just. Orange yellow strokes. And the little. And close on the flower erupt because again its old beaten up anyway so go there -- look at that little flower there's a little flower. Stem. With movies. Is -- peddles. And then as the flower center which you notice hasn't out of glow it was given out of glow. Of Orange but there. And orange. And that I just gave it that final look to it looks on the phone and then the whole thing got distorted and became part of the overall painting. And we'll see in place here. There is that okay we need there that's the iPhone logo and didn't close. There's our iPhone. Billboard there."

" At this point most of this stuff isn't even legible but because it was created. In the first place when he gets shrunk weighed down. That's a full raster as itself that -- but it looks fairly clear. So -- think it's printed five feet by 68. But 25 feet. People going to be real close looking at that they're gonna be able to see -- icons on that iPhone because in the original piece. Or the detail was there. So -- discretion of our understanding how things look and he conceded that these which has basic functions of Photoshop and illustrator. His latest styles created most of the effects that you see in there so it's not as complicated as it -- discretion of understanding what the tools do. I hope you learned something that you get pickles tools and put into use on your particular projects. And I -- really good stuff like this -- back here. A lot of stuff right recognizes the grass and here is at least textures these things that you learn from the show put to use to create your own artwork. That anything you'd like to see on the show that the you have figured out on your own sending emails that the -- at revision3.com. We'll see you check out the forms while you're there act revision3.com. Forward slash forum for you to join discussions about the show. Thanks again to John purchased for submitting a background image. Kind of brings it home doesn't. Okay you wanna see his stuff back there instead of Greenspan you want to fill out this whole screen and see your name along the bottom. Send -- artwork -- that the -- at revision3.com. And your background should measured 1280. Pixels across by 720 pixels down. And a JPEG files it's proof -- that those sizes be adhered to so that you get the full image on the screen. Without cropping or any weird black lines or anything. -- Those trailers is there and play."

" Have fun. See you next week. If it -- to fight from the experts. But technology tips for small businesses he brought to you by its. You know it's really about being more energy conscious than your business what I've really that is our job as part of our business are thought it along to your NPR. Our job to get others to do with more I think there's three things you need one you get the smallest device that -- second of -- Internet connectivity is critical. Thirdly how awake actually your applications and save them through the clouds are -- automatically. Archives. Redundant restore -- generations."

" And patents look at those remember what he gets access I think for entrepreneurs is flexibility if it's not working dump it if it's working."

" Try to do more about it ain't broke don't fix their right I just break break it break it."

" Yeah."