Graphic Design Book

Page 1


W.R.A.P.S. Department Branding, MIT The department of Writing, Rhetoric, and Professional Communication at the Massachusetts Institute of Technology reached out to me to help them brand their new department. I worked with the director and assistant director of the department remotely to design a logo that references the academic pride and rigor of MIT with the clarity and concision of the department’s ideals. The time line for this project was just under one month, spanning from initial concepts to the final logo design shown below. This logo will be used on banners, shirts, letterheads, and digital material for the department. Software used: Illustrator Font: Optima Red Color: R160, G0, B20


KAIRION: The Logo Kairion is a new online platform for researches to work together and keep their work and resources organized and easily accessible. This product was conceived by a professor who has taught writing and conducted research paper studies at such universities as Carnegie Mellon and the Massachusetts Institute of Technology. Software used: Illustrator


KAIRION: The Process In order to conceive of the branding for the product I worked closely with the head of marketing, Jeff Marden. We began work on this mid-June with a deadline for a final branding proposal by the start of August. The series of products that were handed over during the process are shown below in chronological order. Starting with an overall brainstorm of what kind of imagery might represent the Kairion product we quickly moved into refining color and character. By providing a range of options and communicating well with Mr. Marden we were able to come to a final branding proposal for the CEO, CFO and CTO by mid-July, putting us 2 weeks ahead of schedule. Software used: Illustrator and Photoshop

Lito Karatsoli-Chanikian

June 16,2013

Lito Karatsoli-Chanikian

Top Font: Perpetua Bottom Font: Sinhala MN

Top Font: Perpetua Bottom Font: Sinhala MN

1.

1.

2.

2.

3.

6.

9.

3.

4.

7.

10.

4.

5.

8.

11.

5.

June 30,2013


Below is pictures the series of iterations completed to come to the final branding Lito Karatsoli-Chanikian

July 04,2013

Lito Karatsoli-Chanikian

Top Font: Perpetua Bottom Font: Sinhala MN

1.

July 17,2013

Top Font: Perpetua Bottom Font: Sinhala MN

1. Dark Grey around Logo. Deep Neutral Green on Kairion. Brown on source.cite.synthesize

2. 2. Lighter Grey around Logo. Deep Warm Green on Kairion. Warm Red-Brown on source.cite.synthesize

3.

3.

4.

5.

Even Lighter Grey around Logo. Cool Blue- Green on Kairion. Cool Green-Brown on source.cite.synthesize


Zodiac Aerospace Sports Teams Branding The Zodiac Flier, the Zodiac Aerospace roller hockey team requested some help creating a logo brand for themselves as they had a big game coming up and wanted to make some jerseys with an intimidating yet professional brand. The big challenge of this project was the tight deadline- only a few hours. The whole process, from start to finish, was completed in 2.5 hours which included providing the team captain with a few color and font variations to pick from. I was able to quickly design this logo by drawing inspiration from the company’s branding, and sports team logos such as the Miami Dolphins. It has been very well received, and will not be used not only for the company roller hockey team, but for the softball and volleyball teams as well. Software Used: Illustrator


PanoBot: Branding and Poster Masters of Electrical and Computer Engineering student at Carnegie Mellon University, Kory Stiger, requested my help in branding his master’s project and creating a poster. The project was a robot with a camera programmed to automatically be able to reach a location and take a panoramic image. By discussing the purpose and functionality of the technology with Kory, I was able to better brand the project and arrange the layout of the poster presentation. Software Used: Illustrator and InDesign

PANO BOT Panoramic Stitching with the iRobot Create


WORK-FLOW

y Kor

PANO BOT S

Panoramic tig Stitching with er the iRobot Create

REGISTRATION REGISTRATION RESIZE

(MEDIUM RESOLUTION)

order to create panorama images. This was done using open source C++ libraries from OpenCV and Boost.

FIND FEATURES FIND FEATURES

MATCH FEATURES

SELECT IMAG MATCHES SUB BUILD PANO

WAVE CORRECTION

REGISTRATION REGISTRATION DATADATA

INPUT IMAGES

FINAL PANO SCALE ESTIMATION

COMPOSITING COMPOSITING COMPENSATE EXPOSURE ERRORS

WARP IMAGES

Result analysis: Since a large portion of time consumed by this project was spent on the setup,

I feel obliged to comment on it first. As it stands now, I have created a system that provides an interface for interaction between the iRobot and a computer. It could be relatively easily expanded into providing further functionality, such as more complicated movement patterns or even remote control via smartphone. At the moment, the software lacks a certain measure of robustness, however the addition of such measures would make for a better system overall. As for the panorama results, it clearly depends a lot on the lighting and camera resolution. As demonstrated by this poster, the combination of dim lighting and poor camera resolution used in the photos resulted in rather blurry images. Otherwise, the usage of feature detection to transform nearby images to align with each other is a solid approach when done correctly.

ROTATE WHILE COLLECTING PHOTO DATA

STITCHING STITCHING ALGORITHM ALGORITHM

Summary: The idea behind this project was to combine the iRobot Create with a web-cam in

Challenges: Serial communications - the tricky timing paradigms of serial communication made for a difficult task when it came to commanding the robot. The Open Interface commands used by the Create Robot required substantial testing to determine the proper timing patterns, and a failure to abide by these rules often resulted in a complete freeze of the testing computer. Environment setup - due to the "frankencode" nature of this project, a considerable number of errors arose when bringing it all together. For starters, the iRobot Create was designed to be used on a Windows platform, thus the USB serial driver needed on a Mac OSX was extremely difficult to find. In addition, there was a host of library linkage errors and rare environment variables which required attention. Stitching algorithm - a quick search for information on panorama stitching will yield a ton of information, however, turning this information into useful code was a mountain of a task. I created a simple panorama stitching program using SIFT feature matching and homography transforms, but quickly realized its performance was to be no where near the professional open source libraries available. In the end, I turned to the Stitcher algorithm provided by OpenCV, which implements a fuller, more in-depth version of the algorithm I began using.

CONNECTION CONNECTION TO WEBCAM TO WEBCAM

ESTABLISH USB SERIAL CONNECTION WITH IROBOT

ESTIMATE EXPOSURE ERRORS RESIZE

(LOW RESOLUTION)

IMAGES WARPWARP IMAGES

FIND SEAM MASKS

Pan-Oramic: Pan-Oramic: “All Seeing,” “All Seeing,” The The combination combination of a of hi-resolution a hi-resolution camera, camera, the iRobot the iRobot Create, Create, and and customized customized software software can can create create a complete a complete 360 3d Degree Panorama. 210 210 Degree Panorama.


Dangerous Adventures: Can travel and take panoramas where people shouldn’t. SEND PICTURES TO STITCHING ALGORITHM

GES AND BSET TO ORAMA

M

DISPLAY AND SAVE THE RESULT

90 Degree Panorama.

ESTIMATE CAMERA PARAMETERS ROUGH INITIAL GUESS

REFINE CAMERA PARAMETERS GLOBALLY

Silent and Steady: Can take consistent panoramas unnoticed by those around it. 90 Degree Panorama.

BLEND IMAGES

RESIZE MASKS TO THE ORIGINAL RESOLUTION

360 degree view of its surroundings.

FINAL PANORAMA



Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.