KB Training – How to create Canvas buttons in Photoshop
I am working on transferring more Basecamp basic training to Knowledge Base, this is a draft for the buttons training:
The banner of this post will be completed next week.
STAs has been working on many summer course graphic requests, so to keep track of all the projects, Thuy designed a menu template to show all requested assets for each project. At the end we will have a master PDF file with all completed projects that can be presented to project managers or future clients.
These are some of the menus I worked on:
The Remote Studio System (RSS) is a set of equipment, training materials, LAITS staff support and methodology designed to create professional, polished online instructional media. STAs were tasked with sets of images to annotate(captions, labels, arrows, or other helpful design touches). We were given specific font choice, size, arrow type, and padding to keep all annotation consistent. These are the images I was assigned:
Edits for the requested style b package. We went with this color purple for a fun contrast with the yellow flame in the banner. I also did custom edits to the button bottom bar to be a shade of the purple instead of a gray. Both courses have the same title and instructors so the only edit I made differently was changing the “CH 304k” with “CH 305”.
We are using 2 general style templates(style A/B) for most of the summer online course graphics, Professor Stephen Jessee picked style A.
Requested assets: Homepage, Dashboard, Buttons, Individual Lecture Segment Video Slide, iPad Overlay.
I was tasked with the role of project lead for creating the client-facing PDF Design Menus for Summer Online Courses style A, which is the more formal monochromatic version of the two versions that we are going to offer our client. Project managers will use our PDF Design Menus to show clients what we can offer them to customize the graphics for their course.
This is the general style guide for the canvas homepage banner
For style A, we are using the round canvas button graphics
To make sure the course title and professor’s name are legible, we decided to keep the dashboard graphic clean.
We are offering 4 general stinger options for both style A and style B: Quiz, TA Discussion, Chat, and Survey. Style B will be in a different color scheme
Back to making icons yay 😀
Professors can request a title slide for their ppt presentation. Pre-rolls will be sent to the video team for animation.
This is a mock up of how the course will look on ipads.