Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
In this movie, we're going to look at the code to create a video button. So I've created a few layers here. We have the text, we have the bar underneath the text, and we have the actual video button itself. Now the code for the video button is simple. I'm just going to click in the video button layer here and again, the cursor needs to be before the text and in parentheses, I'm going to just type the percent sign, and that's it and click away and just a percent sign before the name of the layer, and that's all you need. However, you do need to have this as a layer in a button set.
So, let's go ahead and click on the Folder icon to create a group, and drag our layers into said folder, and let's go ahead and double-click on the Group and before the name of the Group, let's go ahead and put Plus sign in parentheses, making this an official button. Now we can close up this folder and press Command+Shift+S or Ctrl+Shift+S on the PC to do a Save As in the PSD files and the Media files. We'll go ahead and save this as Video Button FINAL, Maximize Compatibility, hop on over to Encore and here in Encore, waiting for us is a timeline with a chapter marker with the Video Button Code project.
Let's go ahead and right-click in the Project panel and choose Import As > Menu, and we'll choose the Video Button FINAL file that we just saved from Photoshop. Now, instantly we can tell that we did this right because the black object that we created and used as our video button here is automatically gray, indicating that it is, in fact, a video button. We did it right. So, drag that number two chapter marker here to the Video Button and bada bing, there is our video button.
Get unlimited access to all courses for just $25/month.Become a member
110 Video lessons · 45062 Viewers
350 Video lessons · 98405 Viewers
106 Video lessons · 35481 Viewers
79 Video lessons · 12049 Viewers