First issue! Introducing MooMedia’s first ever publication!
Tutorials! Learn the basics of Photoshop, After Effects, & more!
Featuring Raymund Pua: Combining Fashion and Media
VOL. 1 NO.1
SCAN AND VIEW ONLINE!
EDITORIAL BOARD VON HAN YU EDITOR-IN-CHIEF
editor’s note Ego inducere vos ad Colorem! MooMedia has provided a sanctuary for DLSU multimedia student hobbyists. MooMedia is an organization where students, with a deep passion in multimedia arts, can practice, share, and enhance their skills without the fear of being criticized or judged. MooMedia, now on its 7th year, would like to extend this opportunity by creating a magazine that would surely capture this spirit. Hence, the Colorem. Colorem provides an opportunity for students to read, learn, and appreciate the colorful world of multimedia.
GELVIN DE LEON MANAGING EDITOR
MELANY GALE SY EXECUTIVE EDITOR
TIMOTHY AMIEL NGO SEAN KEVIN JOYA ROSABEL ANG ARRA CASTRO RAIZA DE LEON ASSOCIATE EDITORS
IAN GONZALES GIORELL OSABEL ME-AN CLEMENTE JHOVEN CABUNDOCAN MAHRVIN KEN TAN PAULO DICHUPA CONTRIBUTORS
This is a magazine of multimedia hobbyists, by multimedia hobbyists, and for multimedia hobbyists. Enjoy!
Von Han Yu editor-in-chief
LIKE US ON FACEBOOK!
MoomediaDLSU FOLLOW US ON TWITTER! @dlsu_moomedia
contents HIGHLIGHTS
about the cover “Breaking The Limit” Model and Design: Kirk Ivan Baesa Tools Used: Adobe Photoshop
p3
what’s inside? Letter from the President............................ 3
p5
Calendar...................................................... 4 Blast from the Past..................................... 5 Feature of the Month: Raymund Pua......... 7 Featured Artworks..................................... 21 Meet the MooMedia Officers!................... 23
p21
tutorials Photography: Pose Ideas and DSLR 101... 9 Illustrator: Pen Tool Basics........................11 Photoshop: Tools of the Trade ..................13 After Effects: Keyframing...........................15 Video: DIY Shooting...................................17
p23
Developing Your Own Creative Workflow.....................................................19
LETTER from the
President! To our dearest readers, On behalf of MooMedia, I introduce to you the very first issue of our official print publications — Colorem! Every term, we will distribute a new issue which contains easy-to-follow tutorials, features from prominent people, our calendar of activities and seminars for the term, highlights from our past activities, and many more! Our organization, MooMedia, is geared towards providing quality venues for students of the Lasallian community to learn, understand, and appreciate digital arts, animation, and multimedia. We try our best to provide seminars and hands-on activities for those interested in photography, graphics design, drawing, videos, web design, photoshop — basically everything under creativity, art, and design. In line with this, Colorem aims to reach out to those who wish to learn more — at their own pace and at any time of the day. If there are any seminars, hands-on activities, or tutorials you would like us to offer, feel free to send us your requests! Let us know also if you have any comments and suggestions so we can serve you better. Finally, I would like to thank you for supporting our organization. We hope you enjoy reading our very first magazine issue. Cheers! With love,
Melany Gale Sy President, MooMedia
3
calendar
watch out for our activities this term!* *dates subject to change, like MooMedia on Facebook for latest updates
Adobe Series: Basic Illustrator June
28, 2013
July
5, 2013
Adobe Series: Basic Flash July
5, 2013
Photography Series: Photography 101
Adobe Photoshop: Basic Photo Manipulation Typography 101
July 6, 2013
July 12, 2013
Presentation Pro: Giving and Making Presentations
July 12, 2013
Photoshop Series: Poster Making
July 12, 2013
Adobe Series: Basic Premiere Pro July
19, 2013
Photoshop Series: Photo Colorization
July
19, 2013
MooMedia’s 1st GA
July
19, 2013
Palarong Pinoy with Kids of Bahay Tuluyan (Socio-Civic)
July 26, 2013
Photography Series: Basic Food Photography
August 16, 2013
Adobe Series: Basic AfterEffects August Web Design and Development: Crash Course
Seminar Requests?
Email us at colorem.moomedia@gmail.com!
16, 2013
August 23, 2013
4
Blast from the Past For the past year, MooMedia charged ahead with the quote, “Together, there is nothing our minds cannot accomplish.” As such, MooMedia was able to provide its members the following:
1
Basic and advanced seminars and hands on workshops in Adobe programs such as Photoshop, Illustrator, Flash, Premiere, and After Effects—both to introduce concepts to members and to enhance their skills.
2
Multimedia and digital arts activities such as photography, 3D modelling, post processing, audio mixing, typography, photojournalism, landscape photography, and HTML5.0, among others.
3
Contests for members to showcase their creativity and application of multimedia and digital arts skills such as the AniMoo Shirt Design Contest.
5
4
Student services such as “MooMedia: By Request”, as an avenue for students to request for seminars, and “MooMedia: At Your Service”, wherein requests to develop multimedia materials for academic or educational purposes were granted.
Federation of Advertising Organizations (FAO) external activities such as “Gen Ad: Advertising at Work”, “3rd PANAF Youth Congress”, and the “Integrated Marketing Communications Student Competition”.
5
Written by Me-An Clemente Executive Vice President
6
ASPIRE internal activities like “INSPIRE, ASPIRE, and EDUCATE”, a sustainable educational program, and “Risqué: The Aspire Party Launch”, a fundraising launch party—all of which have benefited the young children of Child Friendly Spaces.
7
Recognition of active members and officers during the “MooMedia Point System”, which is currently known as our MooMedia Track System, and presentation of certificates and awards during our “MooMedia Recognition Day”.
8
Our yearly interschool event entitled “6th Young Multimedia and Graphic Designers’ Summit”. Outstanding graphic designers and multimedia artists—gave their insights on multimedia application in the industry, tips to enhance the participants’ creativity through the showcase of sample artworks, and personal advice through past experiences.
MooMedia has garnered the following awards during SY 2012-2013: • First Place, Movie Poster Contest of the Annual Recruitment Week. • Best FAO external event—6th Young Multimedia and Graphics Designers Summit. • Second Runner Up, Integrated Marketing Communications Student Competition, represented by officers Sheila Quiroga and Charmaine Palad. A lot has certainly happened during SY2012-2013. With everyone continuously working together to accomplish tasks both simple and complex, expect a fruitful SY2013-2014— another year filled with much learning and exciting activities for everyone!
6
Feature of the month :
Raymund
Raymund Pua is a fashion enthusiast from College of Computer Studies. In a simple glance, people will find him friendly, approachable, and very energetic. Blogging, socializing, and eating are three of his time spenders when he is not busy with school. He recently took part in Robinsons Specialty Stores Inc’s League of Fashion 2013 wherein he acted as a sales associate, wardrobe stylist, fashion model and visual merchandiser for high-street brands such as Topman, Topshop and more. To add more awesomeness, he won two Philippine Association of Junior IT Achievers national awards for animation or cartooning during high school.
“The thing is – pictures speak for
themselves. Some don’t even need further explanations” The fashion, lifestyle and personal blog Unconventional by Design (www. raymundpua.com) is being managed by Raymund himself. The blog covers a variety of topics; fashion, food, events, travel, and more. Fashion styling is mostly what readers will find on his blog since it is one of his fields. Moreover, tips on where and how to get nice clothes can also be found there. What is good about him is that he also considers his readers opinion; everyone can easily approach him by just messaging him on Facebook or Twitter and he will reply as soon as possible.
7
d Pua
Written by Giorell Osabel
Layout by Rosabel Ang
For Raymund, media is obviously very important because it makes his blogging life less difficult. Every outfit or piece that he will write about should have visualization in order for the readers to get the idea clearer. “My blog would be boring without any pictures on it! The thing is–pictures speak for themselves. Some don’t even need further explanations!” he said. Another form of media that has been helping Raymund
“Media has been a help to those who want to spread wonderful ideas” to his blog will be the social media such as Facebook and Twitter. Promotion for his blog is now effortless to him. “It’s amazing how technology developed throughout the years. I mean, I don’t even have to give calling cards on events! Just tweet or post a status, then everyone will know what you’re up to”. Generally speaking, Raymund considers the blog itself as a form of media –which is very true. “Nowadays, it’s crazy how you can share thoughts by just clicking and typing. Media has been a help to those who want to spread wonderful ideas – and we’re all very thankful for that!
You can find Raymund Pua’s new page: www.raymundpua.com!
8
Written by Ian Gonzales Based from digital-photography-school.com
Basic POSE IDEAS
Running out of pose ideas? These poses might spark your creative juice!
It’s the start of the new school year and everybody is excited to meet their friends after a month of vacation. What better way to celebrate than to take group shots of you and your friends! Before posting it on Instagram or Facebook, we’ve surely all seen the old poses so how about a few new ones that can be used inside school:
Ask the group to form a circle while lying in the grass outdoors or on the ground indoors while you shoot from above. Try this either in front of the Henry Sy Building or at the amphitheatre.
9
Choose a “group leader” and put him or her in front. The others should then join one by one. Each person should stand behind the previous person peeking towards the camera over the shoulder. Supporting themselves a little on the person directly in front adds to the cordiality of the composition.
And lastly, why not do the tried and tested jump shot! For the best results, ask a group to make a jump after a short run.
photography DSLR 101 What is Aperture and Shutter Priority Mode? Know the shooting modes for beginners! Aperture Priority Mode
Shutter Priority Mode
In this mode, the photographer (you) sets the aperture that you wish to use and the camera makes a decision about what shutter speed is appropriate in the conditions that you’re shooting in.
In this mode you as the photographer choose the shutter speed that you wish to shoot at and let the camera make a decision about what aperture to select to give a well exposed shot.
(often it has a symbol of ‘A’ or Av’)
When choosing an Aperture keep in mind that the camera will be choosing faster or longer shutter speeds and that there comes a point where shutter speeds get too long to continue to hand hold your camera (usually around 1/60). Once you get much slower than this level you’ll need to consider using a tripod. Also i f you’re photographing a moving subject your shutter speed will impact how it’s captured and a slow shutter speed will mean your subject will be blurred).
(often has a symbol of Tv or S)
Keep in mind that as the camera chooses different apertures it will impact the Depth of Field in your image. This means if you choose a fast shutter speed to freeze your fast moving object that it’ll have a narrower DOF.
The best way to learn about Shutter priority and Aperture Priority modes is to grab your camera, head out with it, and experiment. Switch to Av or Tv and start playing with the different settings (taking lots of shots as you go). Particularly watch how the camera makes changes to compensate for your selections and what impact it has upon the shots that you take. Don’t be frustrated if your initial shots are not what you’d expect – it takes practice to get your head around these modes. But keep in mind that when you do master them you’ll have a lot more creative control over your shots. It’s really worth learning this.
10
Written by Timothy Amiel Ngo
PEN TOOL BASICS! Let me teach you a little secret with all your artsy dreams! Now, think for a second that you wish to lighten up your drawings and other artwork but you couldn’t possibly do that on MS Paint can you? The answer is a big NO which is why this tutorial will be dedicated to the basics of Adobe Illustrator! Adobe’s premier software for creating vector graphics. Adobe Illustrator’s most essential tool is none other than the “Pen Tool”.There is no doubt in my mind that you will be using this tool for countless of hours and days on end with every graphic project you have in mind. So what is this pen tool for? So lets imagine you wanting to create your own “font” you drew a letter P but then you decided to curve a part of it inside so how do you go about that? It’s actually pretty simple just follow these steps:
Step 1:
Using the pen tool, click on your artboard and drag to create paths with a curve.
Step 2:
Add an anchor point using the keyboard shortcut (+) and clicking on your preferred point in the line for the anchor point.
Step 3:
Convert your anchor points into curve handles by clicking on (Shift + C) and then drag to accomplish the desired curve.
Step 4:
Enjoy countless shape adjustments using these techniques :)
11
illustrator Step 1
Step 2
Step 3
The technique which I shared to you here is actually the basics of every single vector graphic which you will be producing using Adobe Illustrator. If you don’t get it at your first try, always keep in mind young apprentice that it takes practice and dedication to create a masterpiece.
For the respective keyboard controls please refer to the following: 1. Holding “shift” will limit the cursor movement to 45, 90, 135 and 180 degrees. 2. Pen tool + “alt” will change the tool to anchor point tool. 3. Pen tool + “ctrl” while hovered on a curve handle will allow you to edit the curve 4. Pen tool + “alt” while creating a curve will turn it into a split curve 5. Pen tool + “alt” while hovered on a curve handle will turn it into a split curve There are quite a number of other shortcuts which you could produce in Adobe Illustrator, however for the sake of letting you learn the basics and focus on the basics we will stick to these things first. Learning how to walk is pretty much essential before you learn how to run.
12
Written by Mahrvin Ken Tan
TOOLS OF T
Learn the basic TO
Lasso Tools For a more controllable selecting experience, the lasso tools are used. Lasso - a free form selection tool, lasso tool is best used with steady hands to select areas by dragging across sections of the image you want to select. Polygonal Lasso - clicking with this tool will create points that will form a polygon when you have at least three points, this polygon will be your selection. Magnetic Lasso - a seemingly cross between the two lasso tools mentioned earlier, the selections made with this try to snap to the color of the image being selected.
Pen The pen tool can be used to create anchor points and paths. Having at least 2 anchor points will establish a path.
13
Selection Tools There are different kinds of selection tools, each meant to make your life easier in selecting specific kinds of shape. Right click and experiment around!
Cropping Tool The cropping tool allows you to select an area of the image and discards everything else. Cropping does not alter the size of the image.
Healing Brush Tool Healing brush tool is a way to remove things.
Eraser Tool The eraser is basically a brush that erases pixels as you drag it across the image. Background eraser - allows you to remove the background of an image. Magic eraser -erases all colors within a set of tolerance, it’s just like using magic wand and pressing delete.
photoshop
THE TRADE
OOLS IN PHOTOSHOP! Move Tool
With Move Tool, you can drag around your image(s) to place them wherever you want.
Quick Selection Tools Quick selection tools are used to: • Quick Selection - this tool can be used like a brush, it can detect edges of objects which allows you to select by “painting” over sections you want. • Magic Wand - selects the areas that are of the same tone and color.
Eyedropper Tool The eye dropper tool is used to select a color from a sample.
Brush It applies color by stroking and works by shaping a mark on the image. It’s flexible and can be used to create different effects in Photoshop via the essential options Brush Tip Shape, Blending Mode, Opacity, and Flow.
Clone Stamp The clone stamp tool is used to duplicate parts of an image. It involves setting a sampling point in the image which will be the reference to create the cloned area. Alt+click will set the sampling point.
History Brush The history brush is a versatile tool that can be used for an image’s selective restoration of color, smoothness, detail, saturation among others.
Paint Bucket Gradient
and
The paint bucket tool fills an entire area of an image based on color similarity while the gradient tool creates a gradual blend between several colors.
Blur Tools Blurs the area where you paint: Sharpen - increases the contrast of the areas you paint Smudge - blends pixels you paint as if dragging a finger through wet paint.
Text The text tool is used to used to position and enter text into the image, these texts may be of any color and font style provided you have it in your computer.
14
Written by Timothy Amiel Ngo
1 3
2
4
5
Keyframing Basics So you’ve always dreamed of creating your own animation yes? You wanted to make a static object move in a video yes? If you answered both yes or even just one yes THEN Adobe After Effects is for you! This tutorial will be mostly about Keyframes which is an important aspect of every animation that you’re planning to do. So what are keyframes? Simply put these keyframes are like starting and end points of your object. So if you’re animating a pencil, your first keyframe should be the starting point of the pencil and your second keyframe should be the end point of the pencil. “But.. if you move it from the first frame to the second it’ll seem as if the pencil has teleported to that location?” True enough young apprentice however I haven’t told you yet about how AWESOME Adobe After Effect’s Intepolation feature is. The program itself creates the frames in between your first frame and second frame making the whole animation smooth as silk! How do I get about doing that? Just follow the seven simple steps!
15
after effects 7 6 1) Import the object you want to animate 2) At your basic block, select the object you want to animate and once you have selected it you will see a “Transform” tab with 5 elements in it namely Anchor Point, Position, Scale, Rotation and Opacity.
3) Click on the clock image of the elements you want to change 4) Select a time frame wherein you want to implement that “change” usually the first one is always at 0 seconds
5) Select a time frame for the ending frame 6) Shift + drag the image on your center workspace to your intended end position and leave it there
7) Click space and enjoy the animation! So just how awesome is that? Your very first Adobe After Effects animation! So until the next tutorial young apprentice! Feel free to tinker with the features!
16
Written by Von Han Yu
Misconceptions on Film-Making As a hobbyist film-maker myself, I could say that there are a lot of pitfalls and hurdles one has to overcome in making films. Aspiring film-makers must understand that there are many misconceptions made about film-making and the film-maker himself that cause many a passionate hobbyist to give up at an early stage. These harmful misconceptions which bar young film-makers from reaching their full potentials are actually quite prevalent. Although they may seem irrelevant and small, it is evident that the “little things� in any given situation (or relationship!) usually leave a big footprint in the end. To start, here are some of the many evil little misconceptions:
17
video I can’t do it. Film-making is a process—a process that can easily be accomplished by anyone (not kidding!). So why don’t you just get a grip and cut yourself some slack? If someone out there has done it—regardless of size, gender, color, status—why can’t you? Someone once said, “The price of success is hard work, dedication to the job at hand, and the determination that whether we win or lose, we have applied the best of ourselves to the task at hand.” Just do your best and it will surely pay off!
That shot is impossible. I agree that taking creative shots for a film is tedious. HOWEVER, they are not impossible. Think about it this way: when you watch a magic show, everything seems magical since laws of physics seem to be broken, right? Everyone knows there was no divine intervention there—just some very well-performed tricks. In the same way, seemingly impossible shots have tricks—may it be special effects, tools, or what have you. I mean, today’s technology allows us to make magic happen to our shots, so there is no excuse!
I don’t care, stick to the script! Although sticking to the script may be helpful a lot of the time, religiously following every little detail constricts the creative process. Improvisation and spontaneity are nifty tools that every film-maker must know how to use.
I don’t have the equipment for that. YOU DO. Each person has his or her own set of secret equipment! This is your creativity. Love it, embrace it, and never forget to use it. The best equipment out there have no match to a creative mind. In the lack of high-end equipment, sometimes one has to do it in his own way—DIY style.
I DONT KNOW HOW TO USE IT, WHY WOULD I TRY? As with anything, the fear of trying all things unfamiliar will keep you inside your comfort zone. Break free and take that opportunity to go out, try something new, and innovate. As a film-maker, you should not be afraid to do a little experimenting here and there...or even trying out radical measures just to give your film an extra oomph. Why not?
18
Written by Jhoven Cabundocan Background and Layout by Gelvin De Leon
Developing your own
Creative Workflow
19
creativity Be Creative, Be You
Be Confident
We often have trouble creating or conceptualizing ideas in editing photos or videos. We get that creative-block on the most crucial parts of what we’re doing. For us to keep us on track, we should remind ourselves that creativity is a reflection of who you are; take hint and express!
We often doubt ourselves that what we’re not good enough and other people would sometimes give us words that will be discouragingfor you to keep striving. Have more confidence in what you do. The person who knows you the most is yourself. Only you know what limits you have and what you can’t do but that won’t stop you from trying to be creative. And once you have made a masterpiece from what you have done all those naysayers and doubt will be silent.
Find Inspiration Everywhere around us, there will be always something that will give us an idea or a creative light bulb that will help us in what we are doing. Just search anywhere around you and you will be able to find an inspiration to what you do.
Don’t Think Just Do Thinking too much on what should and should not be part of what we are doing can become a hindrance. We put too much thinking and judging before we can even begin to apply it in our empty canvas. Try to do everything you want to your blank canvas and once all the ideas are gathered, try judging what shouldn’t be in it.
Ask for Advice Seeing things only in our perspective can be a little bit biased on our part. If we really have no idea of what we are doing just ask professionals for tips on how you’re going to do the photo or video. It’s like asking a doctor what medicine to take when you’re sick. These consultants possibly have the insight for the solution to our problems.
Make Mistakes It’s alright to make mistakes. Sometimes making mistakes leads to success. We are afraid of making mistakes because we are also afraid of failure but when it comes to creativity, mistakes are too mainstream that with the chaos that we have made, creativity flourishes from it.
Don’t Limit Yourself Putting too much limits and rules in what we are doing causes us to have a creative-block. Most creative people often break the rules and do most of the opposite and the impossible and those are the kinds of artists whose masterpieces become well known even until to this very day.
Express Yourself Find an expressive outlook. Dance. Sing. Draw or paint. There are many ways where we can express what we are doing and through this that we also express the creativity of our work.
20
21
Submit your artworks!
Email us at colorem.moomedia@gmail.com!
I WANT YOU! TO SUBMIT COMICS!
Want to show off? Submit your comics!
Email us at colorem.moomedia@gmail.com and get a chance to be featured on Colorem’s next issue!
22
MEET THE
MOOMEDIA E PAULO DICHUPA VP NETWORK RELATIONS & EXTERNALS
RAE CANERO
JULIUS CAPITULO
MAHR
VP SOCIO-CIVIC
VP HUMAN RESOURCES AND DEVELOPMENT
EVP EX
RYANWELL MANIBO VP PROMOTIONS & PUBLICITY
RAIZA PARAS VP MARKETING & SPONSORSHIP
ME-AN CLEMENTE EVP INTERNALS
MELANY GALE SY EXECUTIVE PRESIDENT
23
EXECUTIVE BOARD
RVIN TAN
VON HAN YU
SHARINA SY
XTERNALS
VP-PUBLICATIONS
VP DOCUMENTATION
TIN TIN KALAW VP PROJECTS & ACTIVITIES
JHOVEN CABUNDOCAN VP PRODUCTIONS
JEMALYN BANOGON VP FINANCE
SEAN JOYA EVP CREATIVES
24
sponsors major sponsors
special thanks to
25
VOL. 1 NO.1
MooMedia Organization All Rights ReservedŠ