Skip to main content

How to Render an Apple Watch From Scratch in Photoshop

Check out our Text & Graphics Playlist for more tutorials like this!
Have you ever had an idea for a product but didn't know the exact steps to take after sketching out your idea? Well in today's episode, we show you a possibility for your next step. You can create your product in photoshop. Learn how to render an apple watch from scratch in today's episode!

Section 1: Creating the Watch Inner Surface (3:32)

We kick things off by creating the inner surface of the watch. In this section, the Rounded Rectangle Tool will become your best friend. This tool gives us the options to really make the corners on our rounded rectangle smooth and precise. The Layer Style options also come in handy because it allows us to create that inner glow. This give the illusion of a shiny surface. The Rounded Rectangle Tool is even used to create the shine we see surrounding our inner surface.

Section 2: Creating the Watch Case (10:52)

Now that we have an inner surface created, we begin to work on the case that would be holding our inner surface. Our goal in mind was to create a shiny, metal crown surrounding our inner surface. The Rounded Rectangle Tool is the hero again in this section as we perfectly outline a case for our inner surface. We return to our Layer Style options to give our case a metal look. We also use the Rounded Rectangle Tool to create the buttons on the side of the watch. Then we get really fancy and use some Step and Repeat methods to create the grooves in the dial.

Section 3: Creating the Watch Strap (23:10)

The watch straps are created with a slightly different method. First we begin with a rough sketch to give us an idea of what we want. Then we use the pen tool to create one side of the strap. After we are satisfied with the side of the strap, we duplicate that layer, flip it over, and move it to finish off the strap on top of the watch face. Then we duplicate that layer, flip it over upside down, and use it for the bottom strap. (This might sound confusing but it's easier than you think.) We use Layer Style to give the straps a bit of dimension. This makes them appear as though they are pieces of rubber.

Section 4: Creating the Watch Face (31:00)

Now the fun part begins. The cool thing about apple watches is that the face of the watches vary. So we were able to get a bit creative in this section. We started by using the Step and Repeat method to create the second hand markers. Then we used some cool layer tricks to define the visibility of our second hand markers. Finally, we used some alignment tools to ensure that everything was perfectly center.

Section 5: Creating the Hands of the Watch (37:40)

There are 3 different hands to make for the watch. The minute hand, the second hand, and the hour hand. The minute and hour hand are basically the same thing. We used the Rounded Rectangle Tool to create the shape of those. It's easier to create things in photoshop that are vertical or horizontal. If you want something to be at an angle, create it vertically or horizontally first, then change the angle of it later. We use the Elipse Tool to create a circle in the middle of the watch, then connect all our hands around that circle.

Section 6: Adding a Graphic to the Inner Surface (44:29)

For the grand finale, we add a moon to the inner surface of the watch. This helps give the product a bit of character (and it's just fun to do). We use some blending modes to void the colors we don't want. Then we align the moon in the center of our watch. We adjust the size so it fits perfectly and viola! We have a beautifully rendered apple watch.




Comments

Popular posts from this blog

C++ Programming Tutorial - How to Install Code::Blocks in Ubuntu Linux - Learn Online

Installing Code::Blocks How do I Install Code::Blocks HOWTO: Installing Code::Blocks 10.05 How do you install Irrlicht on Code::Blocks? How do you install CodeBlock on ubuntu? codeblocks /bin/sh: g++: not found Installing codeblocks on ubuntu Installing Code::Blocks on Ubuntu 10.04?

Facebook Advertising Coupon – What Happened?

It used to be that Facebook had many different promotions in which they gave out free $50 advertising coupons. Facebook Advertising Coupon is only getting from some hosting service that is include in godaddy Hostgator and 1and1, If you do a search for “Free Facebook Coupons” on Google you’ll probably see some results like this: Free coupon when you buy WordPress hosting through GoDaddy Free coupon when you setup a DIY website through specific website builders Free coupon when you “like” Facebook’s Marketing page Unfortunately none of these are still active. What happened is in mid-2015 Facebook tightened their hold on advertising credit coupons, likely in response to companies who were “reselling” coupons on eBay and Fiverr. As a result, Facebook ended many of these promotions. Facebook Advertising Coupon Facebook Ads can get expensive pretty quickly. There’s no secret about that. And with organic reach continuing to decline with the most recent algorithm update to th

Contextual Design and Development is the Driving Force Behind all Successful Mobile Applications

The time of ordinary custom web application design & development is long gone. Today the focus is on contextual design and development. It is the rise in the popularity of mobile applications that has provided the impetus for giving importance to ‘context’ when it comes to app or web development. Let’s focus our attention on mobile applications and why mobile applications need to be developed keeping the context in mind. Because they are used in diverse locations Let’s face it. We all love mobile apps because they can be used just about anywhere and at any given point of time. Yes, that’s right, they can be used in offices, on a train, in the kitchen, movie theatre and the list just goes on. So, the app needs to be developed in context of the location. Different users have different needs when it comes to a mobile app and these needs, in part, are determined by their location. For e.g. if a developer thinks a particular app that is in the process of being developed will onl