Portfolio_Helder Nogueira for web

42
gRAPHIC dESIGN iLLUSRATION aNIMATION 2D PORTFOLIO gRAPHIC dESIGN iLLUSRATION aNIMATION 2D

Transcript of Portfolio_Helder Nogueira for web

Page 1: Portfolio_Helder Nogueira for web

gRAPHIC dESIGNiLLUSRATIONaNIMATION 2D

PO

RTF

OLI

OgRAPHIC dESIGNiLLUSRATIONaNIMATION 2D

Page 2: Portfolio_Helder Nogueira for web

Every image is..

Page 3: Portfolio_Helder Nogueira for web

A NILLUSION

Page 4: Portfolio_Helder Nogueira for web

ade

Curiosity made a man and creativity dressed him up!

have always admired and been fascinated by those who can make something big from a simple sketch.I am a follower of fine arts and my main vocation are Graphic Arts. As far as Graphic Arts are concerned, my desirable principals are Illustration and Animation, but I am open and enthusiastic to do also other works, such as Graphic Design.When I start a brand new project I like to base it on its physical matter - a handmade sketch is like an obligationfor me before I start to concentrate myself on digital arts, which is my back up for the final work. This basically is my philosophy of working process which has potential to lead to successful result.

I HELDER NOGUEIRA

Made in Portugal on 22 02 1988

Page 5: Portfolio_Helder Nogueira for web

Academic and professional experience

2010 - European Union student exchange program ERASMUS University of Art and Design, Cluj Napoca, Romania Participation in students’ collective artistic group “S.U.C.” Subtem Un Culective (a collective theme), unregistered formation. - This group was composed by students of art from many different European countries with an effort to promote and create art in its various forms. Together, we made numbers of projects, flashmobs and artistic exhibitions and happenings.

2009 - Participation and exhibition with art works in the 10th Edition of Galeria Aberta in Beja. - Participation in “ARTSHOTS” project (2009 – 2011) organized by university (IP Beja) Leading workshop of design and 2D animation

Education 2008/2012 - Polytechnic Institute of Beja, Portugal Course: Fine Arts and Multimedia Bachelor’s degree program

2004/2008 - Escola Secundária C/3º Ciclo Dona Maria II - Braga - Portugal Secondary Grammar School focused on Arts

2011- Final school project Videoclip for a music band Virgem Suta, team work with 2D animation techniques.

5

Made in Portugal on 22 02 1988

Page 6: Portfolio_Helder Nogueira for web

Skills & Competencies

Professional skills - Arts: Drawing, Illustration, Silkscreen, Painting, Photography, Sculpture and Engraving - Multimedia and Digital Arts: Image editing programs of Adobe CS5, Photoshop, Illustrator, InDesign, and basics of Flash, Dreamweaver, Premier and After Efects - 2D Animation: Storyboard, creation of layouts and characters, Background artist

Languages - Portuguese – native language - English – advanced level, active knowledge - no difficulties with communication on daily basis - Spanish – communicative knowledge

Creative and proactive personality focused on generating new ideas, individual way ofthinking as well as experience with teamwork, oriented to a result, people person.

Personal skills -

2012 - Mentor in a Project, for Braga European Youth Capital 2012 Employer – NAAM - Barroselas (Arts, entertainment and recreation)

Project name, Y-DINNAMO

- Focus on ecological behavior and alternative methods of renewable energy education, - Working with several elementary schools with the objective to create recycled orchestras, by building musical instruments, clothes with recycled materials and participate on ecological activities

2012 to present - Currently with a full time job non related with art or design field. - On my free time i’m working as a Free lancer for Graphic Design and works related with graphic arts.

6

Page 7: Portfolio_Helder Nogueira for web

Professional skills - Arts: Drawing, Illustration, Silkscreen, Painting, Photography, Sculpture and Engraving - Multimedia and Digital Arts: Image editing programs of Adobe CS5, Photoshop, Illustrator, InDesign, and basics of Flash, Dreamweaver, Premier and After Efects - 2D Animation: Storyboard, creation of layouts and characters, Background artist

8

10

Contacts 42

7

Illustration

2D Animation

Poster 11

Editorial Illustration 12 -13

Digital Illustration 14

Backgrounds 16-27

2D Animation 29-35

Experimental Animation 37-41

Graphic Design

Logo and Label design

15

10

Page 8: Portfolio_Helder Nogueira for web

DESIGNDESIGNDESIGNDESIGNDESIGNDESIGN

DESIGNDESIGNDESIGNDESIGNDESIGN

Page 9: Portfolio_Helder Nogueira for web

9

Label and logo Design

Label designed for a new brand of Olive Liqueur.

This was a contest, for creation of new products and new brands where the olive fruit had to be the primary source

oliviame

oliviame

oliviame oliviame

I participate with a team that produce a new Liqueur of olive and my task was to Design the image for the product - brand logo and label for the bottle.

Page 10: Portfolio_Helder Nogueira for web

Catalog and flyer Designfor Nadir Afonso Painting exhibition

10

“Nadir Afonso em Sever do Vouga Arte Múltipla”3 de November to 31 de Dezember of 2012.

Page 11: Portfolio_Helder Nogueira for web

Contest - lotary layout design

TEMATIC - “LOTARIA Á PORTUGUESA” | 18 Octuber to 25 de November(THE CONTEST WAS TO DO A LAYOUT WITH PORTUGUESE ICONS AND THEMES.)

11

Page 12: Portfolio_Helder Nogueira for web

12

Contest - SARDINES COMPETITION “FESTAS DE LISBOA”

The objective of the contest is to create the image of the sardines that will be part of the communication campaign of “Festas de Lisboa ”.

Page 13: Portfolio_Helder Nogueira for web

late 14c., “a spiritual illumination,” from O.Fr. illustration, from L. illustra-

tionem (nom. illustratio) “vivid representation” (in writing), lit. “an enlightening,”

from illustrare “light up, embellish, distinguish,” from in- “in” + lustrare “make

bright, illuminate.” Mental sense of “act of making clear in the mind” is from 1580s.

Meaning “an illustrative picture” is from 1816. Illustrate “educate by means of exam-

ples,” first recorded 1610s. Sense of “provide pictures to explain or decorate” is 1630s.

il·lus·tra·tion

depiction

Page 14: Portfolio_Helder Nogueira for web

14

“This is one of those miserable thoroughfares...” “The streets were profoundly quiet,....”

“ The house was readily found; for there were still many persons gazing up...” “..., with an objectless curiosity,...”

“In passing down an alley in the rear of the Rue Morgue,the fugitive’s attention was arrested by a light”

“Murders in the Rue Morgue” by Edgar Allan Poe

Illustrations for a short story

Page 15: Portfolio_Helder Nogueira for web

15

“Retracing our steps we came again to the front of the dwelling,...” “...were admitted...”

“We went up stairs into the chamber where the body of Mademoiselle...” “...had been found,...”

“The police are confounded ...” “...not for the murder itself, but for the atrocity of the murder. “

Photo manipulation

The assignment was to choose a story from Edgar Allan Poe and make six illus-trations using the digital technique of photo manipulation in Adobe Photoshop CS3. In first place i took pictures from several places which seemed to have a similar atmosphere to the description in the story.

I tried to preserve the mystery and suspense in these illustrations by showing action places with dark touch of mystery – to keep a reader in obscure atmosphere of the story. Inpired by Poe, full of mystery and fear.

Page 16: Portfolio_Helder Nogueira for web

16

Digital Illustration

Layouts & Post cards.Examples of some personal works.

Page 17: Portfolio_Helder Nogueira for web

17

Page 18: Portfolio_Helder Nogueira for web

18

Page 19: Portfolio_Helder Nogueira for web
Page 20: Portfolio_Helder Nogueira for web

Description:

The following project is a 2D animation video clip for a Portuguese music band Virgem Suta that had to be done in a period of 11 weeks.Our team consisted of 4 students with ambition to develop and improve personal skills in Animation area and to pass various stages of a creative process using various techniques. On personal level, it was an accomplishment of a big challenge to work as a team on the profes-sional project. This offered me a very enriching experience of sharing both, knowledge and difficulties as well, which were essential to keep a good working atmosphere and to successfully deal with this challenge. At the beginning we made a working plan which included each element of work as in a professional Animation studio. I became to be responsi-ble for creation of storyboard, layouts and backgrounds.

To create following backgrounds, was a golden opportunity for me to explore different materials and techniques. In the end is a compilation of 12 backgrounds, 10 of them are presented here.

Final degree projectVideo Clip - 2D animation

Backgrounds

20

Page 21: Portfolio_Helder Nogueira for web

21

Page 22: Portfolio_Helder Nogueira for web

To create this background, I worked on paper size A2 which I divided into 4 layers. To develop the drawing I used the natural law of distance - farther the object is, less detailed it will be. One of the most difficult challenges of draw-ing in separated layers is to keep the scale in the right place – due to the fact that all elements are separated, it is very easy to lose a right sense of depth and voume.When the layout was finished, I needed to care about the distance between camera and each layer in order not to lose the illusion effect. As far as a problematic about colors is concerned, I found an inspiration in Virgem Suta band, because they have a deep Portuguese spirit with strong value for the culture, so I chose colors specific for Portuguese cities.To be sure about colors which I wanted to use, I started to paint the background with watercolors and then I painted it over with acrylic. For the final details I used Photoshop.

Work Process:

22

Page 23: Portfolio_Helder Nogueira for web

For scenes in living room I used the 16:9 format increasing the scale to 16.5cm height and 32cm width; because like that I could work on details easily and images did not lose quality during scanning. At the beginning I painted a first layer with watercolors then I covered it by dry pastels and over it I used wet brush - by this technique all images got clearer colors so they seem to be

more solid. For the floor I used mixture of cofee and water, for walls I chose dark red color, for the sofa an old green in different tones to create an appearance of

used fabric, the carpet was added to fill the empty space.

Layout for the living room

The idea was to transmit melancholic feeling and lonely ambience.

23

Living room backgrounds

Used techniques:

Page 24: Portfolio_Helder Nogueira for web

24

Page 25: Portfolio_Helder Nogueira for web

Final backgroungs for the living room scenes

25

Page 26: Portfolio_Helder Nogueira for web

26

Page 27: Portfolio_Helder Nogueira for web

27

Page 28: Portfolio_Helder Nogueira for web

For these backgrounds the idea was to create an optical illusion of travelling where the buildings are approaching and moving away.This is a short scene so it was no need to put many details on the picture.Each row of buildings has a different color to give the

idea or connection with willpower of the character who wants a change of his life, but every row of buildings has the same appearance to convey monotony of urban cities where everything turns out to be equal.

This sequence is for the scene when the character is falling down from the window and then starting to fly above buildings. In order to express this effect it was necessary to use 3 different kind of il-lusionary perspective in a single stage. This frames show how the travelling sequence works.

Travelling sequences

illusion of depth

illusion of proximity

illusion of remoteness and stabilization

Bird’s eye shot

Sequences 16:9 of previous backgrounds

28

Page 29: Portfolio_Helder Nogueira for web

29

Page 30: Portfolio_Helder Nogueira for web

Photo manipulation

For the previous and next backgrounds, was used many different kinds of papers painted by watercolors and crumpled with an effort to create a water effect. At the end it made an interesting feature, as you can see in frames presented here.After the process described above, Photoshop was the essential tool to compose the final background.

30

Page 31: Portfolio_Helder Nogueira for web

31

Page 32: Portfolio_Helder Nogueira for web
Page 33: Portfolio_Helder Nogueira for web
Page 34: Portfolio_Helder Nogueira for web

“A SAÍDA” -Short Animated Film

Synopsis

A man, who is looking for an exit in never ending corridor. He is tired of his long way and opening many doors, where strange or bizarre places and characters appear. Scared and desperate he keeps going to…find the exit.

Animation produced for a school project.

Produced by Carlos Belga, Claudia Banza, Helder Nogueira, Fábio Bravo, Miguel Aguiar, Tiago Nunes

This project was for animation classes, we had to organize a work group and do a short animation movie with free technics.- My task was to create a storyboard, characters and backgrounds.

34

Page 35: Portfolio_Helder Nogueira for web

Development of characters

Details:

Psychologically, the character is sick and desper-ate, he has a starting paranoia caused by the place where he currently is, but on the same time he is a fighter focused on his objective: to find the exit.Physically he is tall and skinny with tired look.

(Animation frame)

Technique:

I used vector drawing for this character and then I finished it in Photoshop.

Main character

35

Page 36: Portfolio_Helder Nogueira for web

Details:

These characters are taking place in this animation to keep the mystyrious and weird ambience.

Secondary characters

Pose to pose and in between

36

Page 37: Portfolio_Helder Nogueira for web

M,B,P

T,S,C,G,K,Y,Z D,N

F,V

AU,Q,W E,I

L,R O

(various mouth movements and respective syllables)

Techniques:

Vector drawing finished in Photoshop.

The little girl. This character is mysterious and mean. She appears upside down on the scene, interacts with the main character by talking and scaring him.

Details:

37

Page 38: Portfolio_Helder Nogueira for web

Main steps of creative process

My idea for the little girl scene was to create an old classic kids bedroom.I started to draw and paint it with watercolors (De-spite the animation was black and white, the color tones made many different grey shades.) After to give the final details I used Photoshop.

(Animation frame)38

Page 39: Portfolio_Helder Nogueira for web

39

Page 40: Portfolio_Helder Nogueira for web

E-mail: [email protected]

Linkedin: cz.linkedin.com/in/heldern/

Phone: +420 608 666 244

40

Page 41: Portfolio_Helder Nogueira for web
Page 42: Portfolio_Helder Nogueira for web

HELDER NOGUEIRA PORTFOLIO