Tiago Campea Graphic Design Portfolio

Page 1




2

Contents


Contents

Contents

4

About This Portfolio

8 12 14 20 26 28 32

Graphic Design Poster Advertising Illustration Typography Pictogram Editorial Interactive

40 44 48 50

Video/Animation Levis Drugstore Yesterday Morning Faharti Life

54 56

Photography Real vs Fiction Barcelona

60

Drawing

70

Other Design Stickers

72

About Me

74

Personal Details

3


4

About This Portfolio

About T his Portfolio I am currently attending the second year of a Graphic Design course at the School of Fine Arts, University of Porto. This portfolio gathers a selection of the best work that I have developed both at college and at home, organized so as to show my skills and also the different subjects that I have approached on graphic design, such as poster, advertising, illustration, animation, photography and drawing. All works include a short description to unveil what is behind every single detail and also to show my conceptual thinking.


About This Portfolio

5


6


7

GRAPHIC DESIGN


8

Graphic Design

Music Around B Poster (2008)

Proposal

Idea

This first poster was designed for a music concert produced by the Conservatory of Music of Porto, with which I have a strong connection, since I myself attend it and, in particularly, performed in the concert. The name “Music Around B” came up from a teacher’s idea who led it, since all the names of the authors of the musics that would be performed started with the letter B. With this clinch, he wanted me to create something fun and informal as the concept of the music concert was to create something different from the typical concerts: this one was a mixture of performances of contemporary music, from classical, to bossa nova and pop.

Taking the concept, I started to think what was the best way to create something that would be also different, so I decided to run away from the stereotype music posters (i.e. photos or shapes of musical instruments and staves). As the “B” was the main characteristic of the concert, I decided to “play” with it and consequently with the typography, which is also something that is very stereotyped on music posters (i.e. script typefaces). The “B” needed to be emphasized somehow. I increased its scale, so every single person that looked for it could note that the poster had something to do with a “B”, even not knowing what it was about. The rest of the typography was prepared in that way as an accentuation of all the “fun and informal” surroundings. To explain the “B” clinch, I closed the letter’s holes in all the names of the authors and aligned them to the themselves, in a way to increase even more the main characteristic of this concert. The oblique line of the poster gave it a verticality, which was followed in the program format. The same oblique line helped to organize all the information that the program contained, giving it a fresh appearance.


Graphic Design

9

50 x 70 cm


10 Graphic Design

T his is not Europe Poster (2008)

Proposal

Idea

This poster was created for a design contest named “Europe by Designers”, whose aim is to uncover a multitude of images of Europe from the inside and the outside. The theme of this international artistic project was “What does Europe mean to you?”. Starting from here, competitors were encouraged to express themselves with their own style, giving them totally freedom in the way to present their work. This work was developed in collaboration with other two design students.

This is not "Europe". This is what we think it is. History shows us that Europe has always been a "melting pot" since the beginning. A place where cultures come together. We are not talking about European Union or any political/ economical restriction. We mean a bigger socio-cultural opening. However, we do not think that the concept of globalization can be applied. On the contrary, we believe that everyone can live in the same space, without loosing their personality, customs and traditions. To represent this concept, we took every single country in the world, except the european ones, and built a looka-like silhouette of Europe. Not an egocentric Europe, but one which is also sculpted by the huge sea of cultures. The scale of the countries and the patterns we used do not have any geographical or political meaning. Our intention is to show the cultural diversity that enriches Europe. Patterns were used both at the level of the idea and in the poster, in a detailed way to make people realise there are several levels of understanding. At a first sight it is an obvious clichè. Watched carefully, a totally different notion.

U.S.A. sillhouette


Graphic Design 11

50 x 70 cm


Design: Tiago Campeã

12 Graphic Design

Jesus had no trick. He just wore ClimaCool.

59,4 x 42 cm

Adidas ClimaCool

Use Condom

Proposal

Proposal

This advertising poster was a simulation of how to sell a brand’s product. I was asked to choose a brand and simply advertise it. I took Adidas, because I like sports and for being a brand with a high level of advertising.

In this advertising poster, I was asked to advertise a social/ political message. I decided to take the subject of condom protection against diseases, for still being a current issue.

Advertising (2007)

Idea

The basic idea was to show the high level of Adidas’s products, particularly in ClimaCool shoes. As they are so light, they makes us feel lighter when we walk. Knowing this as fact, I took this idea of lightness and exaggerated it with a provocative association to the christian episode of Jesus walking over the water. The goal was to get people’s attention by provocation and make them understand how light they could feel with those shoes. “Even Jesus wore them to make that miracle.” This was the main concept to show that there was a supreme level of quality implicit in this product. I did not want to use just a brilliant photo of this shoe. I wanted to created something more interesting that would make people think and not only observe and consume.

Advertising (2007)

Idea How people cannot understand this simple message? This idea of simplicity with regard to understanding, was the main concept to create this poster. Once the message is so simple, I tried to create something also simple and easy to understand, like turning on/off the switch. As this subject is related to sexual relations (without the purpose of procreation), I created an environment that would suggest the room where it usually takes place, by using a red cosy wallpaper (warm color that is connected to desire, human nature, sin, etc). In this case, the room interruptor switched between sex and sleep, and the punch line completed the message in a simple way with no margins for doubts: without protection, there is no sex. I did not use the word condom in the poster, so it could be applied to any other kind of contraceptives. The message would still be the same.


Graphic Design 13

Design: Tiago Campe達

No safety. No fun.

21 x 29,7 cm


14


Graphic Design 15

Mental Release Illustration (2009)

Proposal

This illustration was created for a photo-manipulation contest provided by TOCA ME design conference, associated with gettyimages.com. All competitors could juste use images of the website to produce their artwork. Idea

As there was no theme, I got lost in so many ideas that I blocked. This is something very common in the creative process, but it always ends with a solution, one way or another. I used my own mood to create this illustration and to express how difficult it is to find a good idea, sometimes even painful. I picked a child screaming for strongly represent the idea of how small I feel when I get frustrated, adding the blowing hair to express the moment when the idea finally comes out, after so much effort.

Cat

Illustration (2008)

Housewife No More Illustration (2008)


16 Graphic Design

Child Illustration (2009)

Proposal

I was given 20 random photos of poor quality to create an illustration, totally free, as an exercise to develop technical skills.

Idea

As the images were not so interesting from the visual point of view, I only took details of them and took the chance to develop my skills in Adobe Photoshop. I did not insist in a big concept, but the sad look of a little child became the concept of the entire work: the feeling of missing parents and home.


Graphic Design 17

Farm Illustration (2009)

Proposal

This is another exercise that is part of the same proposal of the illustration “Child�.

Idea

As the images were not so interesting from the visual point of view, I only took details of them and took the chance to develop my collage skills. I cut different elements of the 20 photos and built an organic form that had implicit a rural environment, in order to create portrait of a farm’s life.


18 Graphic Design


Graphic Design 19

Skywalk Plier Illustration (2009)

Proposal

I was given a task of transforming an object into a public space and represent it through drawing. Idea

I had this plier and I found its shape interesting to transform into a building or something close to it. I wanted it to stand out in the landscape so after having made my research of public spaces in natural areas, I became with the idea of create a skywalk, inspired on a skywalk placed in the Grand Canyon. I drew this illustration, not only with traditional processes, but mixing with other techniques, such as digital painting and collage.

What a Wonderful World Illustration (2008)

This illustration pretends to satirize the way societies are developing. We are becoming so dependent of new technologies and machines and while that is happening, we simply stay still, watching and letting it happen as if being dominated by technology was a beautiful scenario.


20 Graphic Design

e férias?

Work Typography

This typographic narrative was based on my stress during a night, while I was working hard for college. I decided to express it in a short narrative of six sequences that reflected the feeling of having so much to do as if it was thrown on me without stopping. So I started to pile the

word “work” and then to create the idea of the word coming towards the observer’s direction, covering him completely. The fact of the sensation of space the white gives to the composition, ending in a totally black , gives that idea of heaviness, with no space to breath.


21

Wind Typography

Proposal

I was asked to create an illustration that reflected a sensation, using only typography.

Idea

As I going home during a windy day, I could not ignore the weather, because I barely could transport my big folder of drawings, which made me very angry, actually. That made me to illustrate the own word of the sensation “Wind”, as if it was vanishing, like autumn leafs. I took the dictionary’s meaning of wind and built the word with it. Then I started to move lots of letters in a way to create the sensation of having something blowing them, as the own meaning was visually present.


22 Graphic Design

Experimental Alphabet Typography

Proposal

Idea

This project was to create an experimental alphabet, using any kind of objects. Its goal was to find typography through the material, the object, in a way to show other ways of seeing typography and how interesting they could be, when designed by the shape that materials can give to it. After think about the material, it was asked to think in a application of that alphabet.

I wanted to create something fun and voluptuous. Having a pre-school next to my house, made me wonder what would be the object that could best define children. Balloons was my conclusion, for being colorful, transparent and smooth, but fragile at the same time. I took a bunch of balloons and tied them to the ground so they could not float, like balloon’ sellers do. With them disposed like that, I started to take off some of balloons in order to create letters’ shapes.


Graphic Design 23

Combination of Characters Typography

Century Rockwell Extra Bold

Prestige Elite Std Tall Films Fine

Harrington Collona MT

Pixochrome Harrington


24 Graphic Design

Accentuation: Euphoria Typography

These are some typographic accentuations’ experiences. I was asked to accentuate typography, in order to learn how get it to talk for its shape and not for the word. I took my name and give it two opposite sensations to prove how this could be true. The images were added to emphasize these accentuations.


Graphic Design 25

Accentuation: Rage Typography


26 Graphic Design

Eco Responsibility Pictogram

Proposal

This project was based on a current issue of the planet, and it was useful to exercise the synthesis of a message. After having Al Gore’s documentary about this issue as an introduction of this proposal, I started to think how could I simplify a strong message to a pictogram.

save water

Chinese Zodiac Pictogram

Proposal

I was asked to create a new fresh design of a pictogram family for a chinese zodiac. renwable energies

Idea

forbiden pollutant car

As it was a chinese zodiac, I wanted these pictograms to have something that could refer to Oriental Art. After having made a big research on chinese history of art and good design examples (like the pictograms for Beijing 2008), I found the idea of taking the brush with chinese ink to create a blot, where the pictogram would appear, as if it were designed by a single and perfect gesture. They were first designed geometrically and then rounded on corners, so they could have an free hand appearance.


Graphic Design 27


28 Graphic Design

T heoretical Research Editorial

As I am attending a Graphic Design course, I have already done several theoretical investigations about different subjectsmatters related to design thinking, such as culture and technology, methodology and theories of communication. These works improved my intellectual knowledge about these subject and improved my working process, by making me pay more attention to it and understand its importance. With these research works, I wanted to create a collection of small booklets, so they could be quickly recognized by the teacher who read them. For having special attention on its presentation, the way I treated the text and/with the images can be seen as an example of what I have done in editorial design. I used the same layout for all of them, as well as the same grids and structures and typographic hierarchy.


Graphic Design 29


30 Graphic Design

007: T he Titles Editorial

This theoretical research was about the history of titles in the film industry. After having done a small research on Saul Bass, I decided to give the James Bond’s titles as good example of the evolution of this subject through 40 years and how Design adapted itself according to the several facts of History. I really enjoyed having done all this work, since the research until its presentation. I took care of it with special attention, for the fact of this work being related with the most famous secret agent of the world: James Bond, the 007. For that reason, I played with this idea of top secret and created a packaging, as if it was an envelope of a top secret information.


Graphic Design 31


32 Graphic Design

tiagocampeaportfolio.pt.vu Interactive

This is my current portfolio website, created as a college exercise of application of knowledge about Adobe Dreamweaver software.


Graphic Design 33


34 Graphic Design

run4hiphop.pt.vu Interactive

Proposal

This project was conceived as the final project of my Design of Communication high school course. I was asked to create a website of any subject where I would feel comfortable and with which I could learn from. The website is currently offline. Idea

As I am very connected to the hip hop culture, I decided to make a website where I would explain to people that are not into it, in what does this culture consists about and to clear some doubts that other ones have or might have. The basic concept to create this website was associated to the street culture, marginalized by the society:

an underground culture that makes social and political criticisms and uses the streets as their stage of action, with four basic forms of expression, known as Mcing (rap), Djing, Bboying (breakdance) and Graffiti. For these reasons I came up with the name “run 4 hip hop”, as if those four forms of expression would have to run from the authorities, standing on the margin of the law to spread their message. The layouts were designed always thinking in this concept: the idea of spray painting the website to inform my own vision about hip hop, as if it was a wall and I was a graffiti writer spreading his message. The characters make part of a sticker’s collection that I designed before having developed this project, and define the structure of the website.


Graphic Design 35


36 Graphic Design

Pink Floyd CD ROM Interactive

Proposal

Idea

This project was a simulation of a labor market proposal, while I was at the high school. I was given texts, images and sound tracks of Pink Floyd by a colleague of mine and then I was asked to make an interactive CD Rom of the band, with that information.

I did not know Pink Floyd so well, so the first thing I did was to listen to their music and to watch their dvd concerts. After having analyzed them, I took some details that I found to be very characteristic in their performances and in their own personality, and I developed a main menu with all those fragments.


Graphic Design 37


38


39

VIDEO/ ANIMAT ION


40 Video/Animation

Levi’s Drugstore Remake

Proposal

This project was proposed as an exercise to experience the three basic steps of production of a moving image project (film, video, animation, etc): Pre-Production; Production and Post-Production.

It was a work in collaboration with three more design students and after having learned how to organized all these steps in theory, we had to put it on practice. We were asked to remake the Michel Gondry Levi’s commercial.


Video/Animation 41

Development

As it was a remake, we did not have to make a script, even though we had to make a storyboard attached with a list of every important notes that were related to the actors and the production team, so all the material and information we needed could be registered and organized to proceed to the next step: the production.

We capture this remake only with a sony handy cam and a tripod. We had to take care of the directing, the acting, the lighting and all the other responsibilities in order to get a good result, even though with poor conditions. The third step was the most exciting one, where we could edit the sequences and adjust them, leveling their contrasts, adding noise effects to give it an old video appearance and everything else, until making the final work.


42 Video/Animation


Video/Animation 43


44 Video/Animation

Yesterday Morning Computer Animation (2008)

Proposal

I was asked to describe my route/route’s perception from my house to college, in any support (print, interactive, animation, etc). Idea

At a first step of this project, I took lots of photos during my route to analyzed them with more attention and try to come up with something from there. Although, after having seen the photos, I could not recognize neither find anything that would reflect my perception of what my route is, besides the landscapes. I started to think what was the best way to describe it. I knew I wanted to make an animation, because my interests are very connected to moving image and music. After some sketches, I came up with the simple idea of narrate what I really do every morning when I go to college: I sleep. I take the bus and then I sleep, until I arrive to the bus stop. Taking this concept, I decided to describe my route as a big dream that starts after I take the bus and ends when I arrive to the bus stop. I chose to make a typographic animation, because I found in this project an opportunity to connect another interests of mine. This was a big challenge to myself also from the technical point of view, as I was obliged to develop software knowledge that I had never had contact with, such as Adobe After Effects.


Video/Animation 45

Storyboard


46 Video/Animation

Video/Animation


Video/Animation 47


48 Video/Animation

Faharti

Stop-Motion Animation (2008)

Proposal

Idea

Create a stop-motion animation, with one minute at least. This was my first stop-motion animation project, developed in collaboration with two more design students and illustrators.

Given this proposal, we firstly decided to create something that connected our different styles of illustration. We wanted to create a narrative, even thought the concept would not be very strong. We needed a story to animate our characters, so we decided to create a non-sense narrative, based in a constantly brainstorming, that only stopped when we found that it would be enough to make one minute of pure animation. The animation is about a traveling that starts with a toilet and as it is going into it, it is also going into a deep ocean, where strange fishes exist and strange men blandish themselves. Strange things happen and the travel finally finishes once again outside the toiled, spitted from a stranger’s mouth.


Video/Animation 49

Brainstorm Storyboard


50 Video/Animation

Life

Flash Animation (2006)

Proposal

This project consisted in making a typographic animation with Macromedia Flash and it was developed while I was at high school. Idea

After having made a research of typographic animations and illustrations, I based on a heart’s illustration and decided to create a tridimensional organic heart’s shape, built with words that could define the concept of life. The animation simply narrates the heart beating, produced by the beating of every single word. With this I wanted to show how each meaning defines life for being what it is, or for just being a part of it.

Storyboard


Video/Animation 51


52


53

PHOTOGRAPHY


54 Photography

Real

Analogic Photography (2007)

Trindade undergound station, Porto


Photography 55

Fiction

Analogic Photography (2007)


56 Photography

Barcelona (2008)


Photography 57

Barcelona (2008)


58


59

DRAWING


60 Drawing

Human Figure Sketches and studies (2008)

Human figure drawing. Charcoal on paper (A2)

Myology studie over nude woman. Color pencil on wafer paper (A2)


Drawing 61

Lightning studie over sketch. Ink on paper (A2)


62

Self-Portrait 2007

Charcoal on paper A2


Drawing 63

Linear studies of hands’ volumetry. Graphite on paper

Sketch with lightning notes. Charcoal, sepia and sanguine on paper A2

Posing sketch. Charcoal on paper (A2)


64 Drawing

Man’s Back. Charcoal and graphite on paper A2


Drawing 65

Areas of Drawing Representation research works (2009)

Drawing can be everything. It is used as a away of thinking, studing and of expression of our emotions, as many other function. This project consisted in finding new ways of representation, making us explore all the areas that drawing can approach. This was very gratifying, because I was obliged to explore several materials and techniques, constantly using error as the way to develop my research work. These are samples of a long work that explored lots of different ways of drawing. I took the man’s back and the city jazz series to show my research, from the common graphite and charcoal drawing, to the multiple object textures, background sillhouetes,v two handed sketchs, and so on.

Masking technique. Charcoal, dry pastel and adhesive tape on paper A2

Two handed sketch. Pen (left hand) and ink (right hand) on paper A3

Background silhouette. Charcoal and markers on paper A2


66 Drawing Printing and stamping. Photocopies, diluent, cork and ink on paper A3

Printing. Photocopies and diluent on paper A4


Drawing 67

Stamping and stencil. Acrylic and chinese ink on paper 59,4 x 39,8 cm


68


69

OTHER DESIGN


70 Other Design

Run For Urban Arts Stickers

Here I show the last stickers’ collection that I spread through the streets of Barcelona. “Run for hip hop” is the message. The goal of the “May I paint?” stickers is not only to decorate but also to satirize the situation of posting illegal stickers in a pleasant and polite way, asking to do something that is already done by posting them.


Other Design 71

Street of Barcelona (2008)


72 About Me


About Me 73

About Me I am Tiago Campeã, I am 19 years old and I live in Porto, Portugal. I am currently attending the second year of an higher education course of Graphic Design at the School of Fine Arts, University of Porto. I attended one of the best art schools in my country named Escola Secundária Artística Soares dos Reis, which gave me a lot of education in Arts, specially in the area of graphic design, as well as great life experience. I am a hardworking person, used to set high goals for myself, in order to do not only a good work but also to feel comfortable with myself. I got that personality for having to manage my time well, since I was 8, when I started to play piano at the Conservatory of Music of Porto. I consider myself a very active person! I like sports, graffiti, 123 Klan, Pat Metheney, Cypress Hill, Banksy, Non Format, Debussy, Dvein, Chopin, Toy Story, Chris Cunningham, James Brown, Rock Steady Crew and others. I do also like to communicate, to express my emotions and I started to enjoy doing it through music and visual arts, most recently through graphic design. What I love about this area is that I find it as a way to combine all my interests and influences in any support, from print to screen, or even performance. I want to learn more about this area and to grow up, learn the rules to break them, so I can develop my work, while I am having fun with them.


74 Personal Details


Personal Details 75

Personal Details Name Age Occupation Location Nationality Education 2007 - till now 2004 - 2007 Experience 2008 2006 2006 Contacts mob. number e-mail

UCAS ID BA (Hons) Graphic Design

Tiago Ramos Campeã 19 Student/freelancer Porto, Portugal Portuguese School of Fine Arts, University of Porto Secondary Artistic School Soares dos Reis Poster and program of a music concert 1st place of the poster contest to “European Jewels” exhibition Cover for “Consenso” magazine +351 91 208 09 87 tcampea@gmail.com 103-788-5970



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.