Colorem Vol. 1 No. 3 by Von Han Yu

7th YMGDS! VOL. 1 NO. 3

SCAN AND VIEW ONLINE!

Start this year with multimedia bonanza! See inside to know whatâ&#x20AC;&#x2122;s up on March 8th!

editor’s note Last but not the least! As we present to you the third issue of Colorem. We hope that you enjoy the new set of tutorials we have prepared. True to the core of this magazine and its organization, Colorem has delivered a unique and innovative take on school publications. We are looking forward to continuing this publication in the following years. Thank you for all the support! Enjoy,

editorial board VON HAN YU EDITOR-IN-CHIEF

MELANY GALE SY EXECUTIVE EDITOR

Von Han Yu editor-in-chief

JASMINE ANG MANAGING EDITOR

GELVIN DE LEON JAIME ESMERALDA CAROL CAI

VP’s note The school year’s about to end and MooMedia presents its third issue to all of you! Not only that, MooMedia also presents its biggest event this term. Get to know more about the Young Multimedia and Graphic Designers’ Summit (YMGDS) in this special issue! YMGDS is MooMedia’s annual event where innovative and outstanding multimedia enthusiasts gather. Have fun reading! Regards,

Jasmine Ang

VP Publications (ADHOC) - MooMedia

ASSOCIATE EDITORS

SEAN KEVIN JOYA RYANWELL MANIBO AMCEL ONG CONTRIBUTORS

LIKE US ON FACEBOOK! MoomediaDLSU

contents HIGHLIGHTS

p10 p9 whatâ&#x20AC;&#x2122;s inside? What is YMGDS?......................................1

p14

Activity Highlights...................................3 Activity Calendar.....................................4 Feature: YMGDS Speakers.................... 11 Trivia! Trivia!..................................... 9 | 14

tutorials Web Design: HTML Basics..................... 5 Photoshop: Healing Brush.................... 7 Video Grading Techniques...................15 Creativity: Screenwriting 101................17

p19

Photography: Exposure Triangle..........19 Tech News: The Razer Nabu................ 21

What is

Prepare your creative juices! MooMedia brings you its 7th Young Multimedia and Graphic Designers’ (YMGDS) Summit! The biggest event of DLSU’s premiere multimedia organization, 7th YMGDS is an annual conference wherein participants can get up close and personal with well-known speakers from the multimedia and graphics industry. The Young Multimedia and Graphic Designers’ Summit has inspired thousands of individuals in the past years. Its participants include professionals, enthusiasts, and hobbyists both young and young-atheart coming from schools and institutions all around the country. So what are you waiting for? Now on its seventh year, MooMedia will be setting the bar even higher than before. Experience a bigger and better 7th YMGDS on March 8, 2014 at the 1esplanade!

For ticket transactions contact: Mahrvin Tan - 0926 641 6860 1

What to expect

Multimedia Discussions

Awesome Speakers (see p.10)

Lotsa Freebies!

Where and When? 1esplanade 9am - 5:30pm March 8, 2013

Ticket Details Php 400

Php 420

Php 450

Members

Non Members

Walk-In

highlights

featuring activities last term!

Congratulations TO THE WINNERS OF THE DIGITAL DESIGN CONTEST! 1st PLACE Kirk baesa

2nd PLACE JENO PANGANIBAN

3rd PLACE MAHRVIN TAN

Congratulations TO THE WINNERS OF THE SHIRT DESIGN CONTEST! 1st PLACE JEREEK ESPIRITU

2nd PLACE JASON DIMALANTA

3rd PLACE JOYCE GUIAO

calendar

watch out for our activities this term!* *dates subject to change, like DLSU MooMedia on Facebook for latest updates

February 21 21 28 28

Adobe Series: Basic Premiere Pro Photography Series: Photojournalism Photography Series: Landscape Photography 3D Art: 3D Modelling and Animation

March 7 7 8 14 14 21 21

Adobe Series: Basic After Effects Adobe Series: InDesign Basics 7th YMGDS Revisit: Typography 101 Adobe Series: Basic Illustrator Cinematography 101 Adobe Photoshop & Lightroom: Basic Editing

Your Feedback is Important To Us! If you have comments, suggestions, fan mail, creative artwork, or you just want to express your Colorem love:

Email us at colorem.moomedia@gmail.com!

Written by Von Han Yu Layout by Gelvin De Leon

HTML Basics! Dreamed of creating your own website? Or perhaps you aspire to be a social network billionaire someday? Worry not for setting up your own website is fun and easy! Although websites are not that hard to make, it is not as easy as, say, making a poster on Photoshop or Illustrator. Websites, in its most basic form, is made out of bunch of codes called HTML or Hypertext Markup Language. Whoa! Hold on, you mean that gibberish I learned in high school can make me a Mark Zuckerberg!? Yes and no. See, HTML provides you the frame of the house, but it doesn’t provide you the paint and furnishings. It will take pages and countless of tutorials explaining the other two basic foundations of web design (CSS and Javascript). For this tutorial, we will tackle basic HTML tags only in order to set up your very own first ever website. Excited? I hope you do! In order to learn more about HTML and other aspects of web design, it is recommended to visit some good sites that teaches you the proper syntax and basics in coding HTML. Here are some of the few sites that offer rich and exhaustive tutorials: • • • •

http://codecademy.com http://codeavengers.com http://htmlgoodies.com http://htmldog.com

web design Let’s start! In coding HTML, you have to know series of tags on which each has a corresponding function. Let’s start with simple steps:

1 2

Open your favorite text editor (e.g. Notepad) and type the following (mind the indentation; for easier reading):

<!DOCTYPE HTML> <head> <title>My First Website!</title> </head> <body> <h1>Hello World!</h1> <p>This is my first sentence!</p> </body>

That’s it? Yep! That’s it. Save your work as .html and try opening the file with a browser of your choice. Voila! Your first website :)

What’s that? You demand an explanation? You’ve been duped? I told you this is your first website, not your first FANCY website. But before we throw fists at each other, let’s review: <!DOCTYPE html>........... tells the browser that this is an HTML file <head> & </head>......... contains meta information like the title <title> & </title>.... indicates the title of your website <body> & </body>......... contains the visible part of your site <h1> & </h1>.................. contains the header, you may change it to h2, h3, and so on to get a smaller heading <p> & </p>........................... contains the paragraph text Now that I raised your blood pressure (just kidding), learning HTML needs a lot of practice. But learning HTML is free and can be done online anytime and anywhere as long as you have a PC. Check the links on the left and start learning how to code complex ones :)

Written by Jasmine Ang Layout by Carol Cai

The Magic of

Healing Brush

photoshop Have you ever thought of wanting to remove some skin blemishes or acne from your photos? Or at least wondered how photo studios manage to make photos more clean and beautiful? If so, then this tool is just right for you! First off, the healing brush tool is used for painting, retouching and repairing images, allowing you to correct imperfections. This tool functions the same way as the clone stamp tool but smarter as it matches the texture, lightning, transparency of the sample pixel to the one being healed.

In making use of this tool, you only need to follow these steps:

1 2 3 4

Select the Healing Brush tool in the Tools Panel under the Spot Healing Brush Tool. Find an area from the image that looks good to you and then Alt +click to sample that area. Place your mouse cursor over the area you want to repair in the picture and drag it in the image. Just repeat the previous steps if necessary, in order to successfully repair and retouch your image.

Trivia! Trivia! Photoshop, Illustrator, Premiere Pro, Lightroom, and After Effects? What do they have in common? Here are some cool facts about Adobe, the company that created the softwares most of multimedia hobbyists love!

Charles Geschke and John Warnock created the company in the year 1982. They named their company Adobe Systems after the Adobe Creek in Los Altos.

2011 10,000 Number of employees working for Adobe all over the world. But a little less than half of them have their base at the San Jose headquarters.

Year since Adobe has stopped work on Flash and started focusing on HTML 5 instead.

1989

Photoshop rolled out into the market on the Mac, becoming one of the most used image-editing software until to this very day!

Several reputed publications such as Fortune have rated Adobe as a great establishment to be a part of and work since almost two decades.

*Facts gathered by Jaime Esmeralda

meet the speakers On March 8th, these five speakers will unleash multimedia brilliance in 1esplanade. Coming from different backgrounds and disciplines, it is sure one heck of a multimedia ride for participants. Learn and discover more about their techniques and life as multimedia enthusiasts!

Frances Luna III

Mark Terence Sy

Frances Luna III Illustration Firm is a group that aims to be one of the best alternatively published comicbook production line in the Philippines in which products will be treated with delicate care, precision, and quality.

Mark is one of the most talented concert photographers in the country. He is also a Nikon Pro Ambassador. For Pulp Magazine, he did band portraits, then special features, then ultimately the covers. His work has also been published in the Philippine Daily Inquirer, the Philippine Star, and Manila Bulletin.

Ang Astiging Boy Ipis Volume 2

The Maine #8123TourMNL

Carlo Ve

Carlo Vergara, w from De La Salle U artist behind the Zsazsa Zaturnnah. experiences whic grow such as wo Housekeeping (P Special Publicatio Publishing as a Cre

Zsazsa Zaturnnah

ergara

who graduated University, is the famous comic, . He had work ch helped him orking in Good Philippines) and ons at Summit eative Director.

meet the speakers

CJ De Silva-Ong

Raxenne Maniquiz

CJ â&#x20AC;&#x153;Promil Kidâ&#x20AC;? De Silva-Ong is currently the Art Director of TBWA\ Santiago Mangada Puno, which is a known advertising agency. She graduated from University of the Philippines. Her first love is to paint and illustrate which were the things that helped her to reach her current position.

Raxenne is a very talented artist from Bulacan. She does Photography but she focuses more on Graphic Design and Illustration. She has/had a work experience in Bad Idea Content Company and in Primer Group of Companies as a Graphic Designer.

Barbara Gordon: After Fighting Crime

Bratpack Peg Catalog Holiday 2013

speakers speak out! “I’ve worn a number of hats – from photographer to writer to actor to designer to comics creator – since I graduated from DLSU over 20 years ago, but I realized that everything I’ve done was about “the story.”

“I’m not an artist. I’m a person who’s passionate about ideas and communicating ideas through advertising, illustration, graphic design, painting or lettering.”

“My experience in painting, photography, and graphic design has led me to develop a style that fuses handmade, photographic and digital elements to communicate visually.”

“Frances Luna III Illustration Firm’s skills that ranges from writing to illustration aims to be one of the best alternatively published comicbook production line in the Philippines in which products will be treated with delicate care, precision and quality.”

Trivia! Trivia! Stanley Kubrick

Know more about this legendary film maker! You may not know Stanley but you may know some of the quotes and scenes in his movies!

out of 12 movies appear in IMDB’s Top 250 Movies. A legend indeed!

GREEN! --------> His attention to detail is legendary. In his movie ‘Dr. Strangelove’, he decided that the top of the table inside the war room covered in green baize, very much looking like a poker table. Which would be totally reasonable, if the film weren’t shot entirely in black and white!

The shoot for the movie ‘The Shining’ was originally scheduled to take 17 weeks, but the director’s insane

perfectionism

stretched

it into a full year. Why? Well, remember the classic scene where

He refused to talk about his movies on set as he was directing them and never watched them when they were completed. Talk about not looking at explosions! *Facts gathered by Jaime Esmeralda

a horrified Shelley Duvall swings a bat at an insane Jack Nicholson? That moment alone took 127 takes which broke the record for “most retakes of a single movie scene with spoken dialogue”.

Written by Ryanwell Manibo Layout by Carol Cai

VIDEO GRADING When it comes to videography, video grading is a field that requires new set of skills. The person who cuts and matches the clips is called the video editor while the person who grades or color the video is called the video colorist. Why is video grading important? The answer is for artâ&#x20AC;&#x2122;s sake. Like paintings it has many mediums and colors which directs the audience view on how they should feel. Looking at the movies, for example if itâ&#x20AC;&#x2122;s an action movie usually the grade is blue-ish or orange-ish try checking Inception, Batman, Transformers, and many movies. It will lead the audience to the mood the director wants to make them feel. When it comes to video grading there are many ways of doing it. There are also a lot of programs that would help the video colorist do it faster. Some might prefer that everything is done in one video editing suite like Premiere or Sony Vegas but a video colorist should know other ways in order to be more versatile.

video vsco films VSCO Films is known for its film-like presets for Adobe Lightroom. But did you know that it can also be applied to videos? Yes! The only catch in using Lightroom is that you canâ&#x20AC;&#x2122;t do non-linear editing and have to export each graded video out of Lightroom first before you can edit them. Website: http://vsco.co/film

MAGIC BULLET Magic Bullet Looks is a standalone software dedicated for applying customized video grading to videos. The downside with this software is that its price is hefty and it might be a no-go for amateur/beginner video colorists. This software includes a variety of film/look presets . Website: http://redgiant.com

PREMIERE Adobe Premiere also offers tools that would help the colorist achieve his/her desired color it is just kinda complex compared to the 3rd party tools available and it requires practice and basic knowledge of applying color theory to videos.

Written by Von Han Yu Layout by Jasmine Ang

SCREENWRITING 101 Behind every good film is a well-written script. There are creative and technical limits when you go ‘indie’ and decided to “wing” it on the fly. Brilliant film sequences oftentimes need deliberate planning or carefully constructed atmosphere that makes it captivating for the audience. An idea might be forgotten but a well-kept script isn’t. It is important to have a written script to ensure that each people in your production knows what they will be doing. Plus, it makes your shooting schedules organized and well-coordinated.There is an importance when it comes to formatting the script to make it readable and easy to understand among the production crew. In this tutorial, you will learn basic scriptwriting. Knowing how to make one in a standard format will ensure that a producer will take the time to read your script. Sloppiness is not an excuse when presenting ideas and so is script!

REMINDERS

Scripts are usually written in an 8.5 x 11” paper.

Right margin is between 0.5” and 0.1” long while l eft is between 1.2” and 1.6”.

Top and bottom margins are between 0.5” and 0.1” long.

Font should be Courier 12 pt. A page with this font = 1 minute of screentime.

creativity SCRIPT ELEMENTS Slugline

. First and foremost, the slugline or heading describes the setting of a scene. It is usually begins with “INT.” or “EXT.” that means ‘interior’ and exterior’ respectively. It is then followed by the description of the setting and time in all caps. (e.g. “INT. ABANDONED HOUSE - MORNING”)

Action

. After the slugline, a paragraph that describes the setting or whatever’s happening on screen is put into the script. Take note that it should be in active voice and tense should be in present form.

Character Name

. When a character speaks, their names is clearly presented in the script. It should be in all caps and indented 3.5” from the left margin.

Dialog. Dialog format is used when a character speaks. It is indented 2.5” from the left margin.

Parenthetical

. Parenthetical describes the attitudes or action direction of an actor. It is written a line after the Character Name.

Do note that this isn’t all the format guidelines of a script. It includes more like camera angle, meta information, and transitions. However, these are too lengthy and in-depth for this basics tutorial. If you want to learn more on scriptwriting, you may go to this link: http://www.screenwriting.info/

Written by Amcel Ong Layout by Gelvin De Leon

The Exposure TRIANGLE! WITH

AMCEL ONG*

Have you ever taken a photo and it came out dark or maybe a little too bright? Want to know how to get it right on the first try? Itâ&#x20AC;&#x2122;s simple! Learn how to properly expose your photos by taking these three things to heart: Aperture, Shutter Speed, and ISO! *Amcel Ong is a co-owner and head photographer of Catchlight.ph. They did corporate shoots for Nike, Burger Company, Bittersweets, and playFM.

photography Shutter Speed The Shutter speed controls how long the light shines through to your sensitive sensor. What does that mean? Fast shutter speed = darker pictures, but a fast shutter also captures motion. Slow shutter speed = more light in, but if your subject is moving, or if you move too much while taking the shot, your photo will be blurry. Example: 1/125 is fast enough to capture strobes or flash bursts, usually used for studio settings. 1/1000 is used for those frozen moment sports shots. Try the 10 to 30 second shutter speeds, for those colorful light streaks or maybe some light painting.

Aperture The Aperture, or “F-stop” is the hole that lets the light into your camera. The bigger it is, the more light will come through. However, big apertures (holes) tend to create shallow depths of field (also known as “bokeh”). To make things simple, big hole: more light, blurry background; small hole: mor e details, less light. The bigger the F-number, the smaller the hole. Example: F/1.8 is a big aperture, usually used for those flattering bokehlicious portraits. F/11 is a small aperture and is usually used for landscapes.

ISO ISO determines how sensitive your camera is to light. The lower the ISO number, the less sensitive it is to the light, while a higher ISO number increases the sensitivity of your camera. ISO settings are usually set to the low due to “image noise” or grain that is produced when using high ISO. Usually, high ISO settings are used when there is very little light available, and low ISO settings when there’s plenty. Example: ISO 100 is used for landscapes, sunny days, and studio settings. ISO 800 is used on dim restaurants.

Written by Sean Kevin Joya Layout by Von Han Yu

Living Smarter, Wearing the Future

Razerâ&#x20AC;&#x2122;s Nabu Smartband: The wearable smartband that understands you by being with you.

The company which is known to release gaming-related devices went to a whole new spectrum of innovation when they tackled wearable devices, more specifically their first being named as Razer Nabu which is intended to work with mobile device. s and most probably more Razer products in the future. Razer shocked the attendees of the International CES (Consumer Electronics Association) Convention held just this January 7 to 10 2014 when they introduced a new product called Razer Nabu Smartband which is intended to be worn as part of any human beingâ&#x20AC;&#x2122;s lifestyle. Although still in development and conceptual stage, the device has intrigued various developers and Razer fanboys around the globe to the path the company has chosen with their latest device.

tech news Keeping You In Touch, But Keeping It Discreet Nabu keeps anyone using it notified about everything and anything that you are interested in, may it be if you’re waiting for a call from your business partner or waiting for that SMS from a friend on when they next party will be, Nabu makes sure you are in touch but also taking into mind that notifications may be of nuisance or a disturbance to other people, Nabu makes it so that you can view and interact with these notifications without having to interrupt anything else that’s important. With its discreetly designed interface and its gestureoriented capabilities, your smartband makes sure you are not being rude when getting your smartphone out of your pocket in any given situation. Understands the Way You Live Your Life Nabu makes it possible for it to understand your personal lifestyle and adapt to it without you having to calibrate it for your own. It may track your favorite restaurant, the diet you are on and even what time you should wake up to not miss any of your important daily activities. You can set personal milestones and improve on it everyday until you meet your desired goal and get bonuses like in game quest if you do side missions like sleeping on time or if you visited a new place. It makes anything and everything within your life fun and making you more motivated to do a lot more. You can also bring this baby around anywhere, wear it while you shower, it fits with your splendid gown or your fancy suit and tie, it’s not just something you wear casually but something that fits at whatever style you are used to. It Helps You Socialize Nabu’s Pulse technology also creates a “band-to-band” communication or in simple terms, find your friends when they’re near and notifies the user. It’s a simple way of making sure you may know if your friend from your friend’s list is near the vicinity, it helps with communication and interaction. The gestures also provides more than just answering a phone call, you can also exchange your social profile, or follow someone on their twitter account with just a handshake a high-five or any gesture that comes naturally to us folks. It provides a whole new way of socially interacting with anyone via offline and online.

sponsors media sponsors

special thanks to

major sponsors

VOL. 1 NO. 3