Fernando Bermúdez Venegas has over 20 years of experience in graphic design, motion design, and illustration. He has worked for advertising agencies, non-profits, and media companies. His areas of expertise include web design, UI/UX design, print design, animation, video editing, and scientific and editorial illustration. He is proficient in programs such as Adobe Flash, Photoshop, and Illustrator.
1. FERNANDO BERMÚDEZ VENEGAS
CREATIVE MOTION & GRAPHIC DESIGNER • PORTFOLIO
about me I started as graphic designer 20 years ago...
in a little advertising agency named SEP PUBLICIDAD,
I worked for this company 3 years.
After that I received an offer to work as scientific illustrator for
the National Biodiversity Institute where I had the opportunity to
collaborate with the department of entomology and botany,
where I had to attending an intership at the Smithsonian
Institute in Washington DC, a training in the development of
digital artwork, when I came back fron Washington DC I was
asked if I could be interested in design the look&fell for Inbio’s
web site version 2.0. and this was my first experience with web
site building production.
Also, I supported non-profit organizations such as Access
Foundation which promoted the development of websites
for small organizations in rural areas based on support social
welfare projects and promote through the custom design as
well as volunteer work projects and Cen -Sinai responsibility of
Costa Rica.
I had been a developer of commercial design projects with the
Grupo Nación for 8 years, where I collaborated with print and
digital products, animated banners , microsites design using as
a key information to create visual impact using usability and
accesibility requirements for interactivity.
The last two years (2014-16) I have been part of Moxie’s
Studio 10 Team, where I’m working as a motion designer and
producing web banner campaigns for Moxie’s clients, first
editing with flash technology and migrating from flash to HTML
platforms, also editing multimedia animations or retouching,
croping and optimizing assets for different products.
2. FERNANDO BERMÚDEZ VENEGAS
CREATIVE MOTION & GRAPHIC DESIGNER • PORTFOLIO
USER INTERFASE & USER EXPERIENCE
User interface design is important for several reasons: usability,
accessibility & experience. The more intuitive the user interface -
the easier it is to use.
web design
UI Design: User interface
design helps make user
unteractions simple, efficient
and let user accomplish
their goals. User interaction
with balanced functionality
& visual elements and user-
friendly experience.
UX Design: User experience
is greatly important in the
development of a website
these days. A great user
experience makes sure
someone visits your site and
enjoy every portion of it.
3. FERNANDO BERMÚDEZ VENEGAS
CREATIVE MOTION & GRAPHIC DESIGNER • PORTFOLIO
LOOK&FEEL
website and content management is design to bring a positive
experience to users to interactive with web accessibility and usability.
web design
This design was
made to promote
their brands to
potencial clients,
this has to be very
consistent with
their corporative
branding
software used for a web site building:
4. FERNANDO BERMÚDEZ VENEGAS
CREATIVE MOTION & GRAPHIC DESIGNER • PORTFOLIO
STORYBOARD for ANIMATED BANNERS
ANIMATED BANNER MASTER
web design
Storyboard will help you
organize animations and
match to mental visualizations
of scenes with a script; it can
also give you a visual format
to communicate your ideas
to others.
MASTER BANNER
determine how will be
the animation from
every frame and how
will be displaying the
information between a
timeline... this banner
can be build from
different types of
platforms and search
engines. (gifs, mov, swf,
html5 etc).
5. FERNANDO BERMÚDEZ VENEGAS
CREATIVE MOTION & GRAPHIC DESIGNER • PORTFOLIO
RESIZING BANNERSweb design
Resizing After a master
creative banner is approved,
next step is resize the frameset
to another dimentions and
to adapt to different system
banners options.
6. FERNANDO BERMÚDEZ VENEGAS
CREATIVE MOTION & GRAPHIC DESIGNER • PORTFOLIO
ANIMATED BANNERS RESIZINGweb design
There are different formats known as
standard banner sizes.
The standards evolved from guidelines
to define formats recommended to
design bannerswith standard formats to
correspond with most advertisers sizes of
ad units is defined in
pixel - width x height.
A very popular ad type
in portals and blogs, the
expandable banner is a useful
technique to display more
content to a banner. It’s a very
simple concept: the banner
initially starts with a standard
size and then increase when
the user interacts (rollover or
click) with it.
7. FERNANDO BERMÚDEZ VENEGAS
CREATIVE MOTION & GRAPHIC DESIGNER • PORTFOLIO
Leaderboard 728x90
Skyscraper
120x60
wide
Skyscraper
160x600
300x600
480x600
Medium Rectangle
300x250
728x270
Banner 468x60
468x180
EXPANDABLE BANNERSweb design
Expandable banner
is a useful technique to
display more content
to a banner. It’s a very
simple concept: the
banner initially starts
with a standard size
and then increase
when the user interacts
(rollover or click) with it.
8. FERNANDO BERMÚDEZ VENEGAS
CREATIVE MOTION & GRAPHIC DESIGNER • PORTFOLIO
ANIMATED GIFSweb design
An animated GIF (Graphics Interchange Format) file is a graphic image on a
Web page that moves - for example, a twirling icon or a banner with a hand
that waves or letters that magically get larger. In particular, an animated GIF
contains within the single file a set of images that are presented in a specified
order. An animated GIF can loop endlessly (and it appears as though your
document never finishes arriving) or it can present one or a few sequences
and then stop the animation. Animated GIFs are frequently used in Web ad
banners.
9. FERNANDO BERMÚDEZ VENEGAS
CREATIVE MOTION & GRAPHIC DESIGNER • PORTFOLIO
EDITING, CROPPING & RETOUCHING IMAGESweb design
Image editing encompasses the processes of altering images, whether
they are digital photographs, traditional photochemical photographs,
or illustrations. Traditional analog image editing is known as photo
retouching, using tools to modify photographs, or editing illustrations with
any traditional art medium. Graphic software programs, which can be
broadly grouped into vector graphics editors, raster graphics editors, and
3D modelers, are the primary tools with which a user may manipulate,
enhance, and transform images. Many image editing programs are also
used to render or create computer art from scratch.
10. FERNANDO BERMÚDEZ VENEGAS
CREATIVE MOTION & GRAPHIC DESIGNER • PORTFOLIO
VIDEO EDITINGweb design
is the process of editing segments of motion video production footage,
special effects and sound recordings in the post-production process.
11. FERNANDO BERMÚDEZ VENEGAS
CREATIVE MOTION & GRAPHIC DESIGNER • PORTFOLIO
CARTOON&ANIMATION
A Flash animation is an animated film which is created by Adobe Flash
software and often distributed in the .swf file format. The term Flash animation
refers to a file format but to a certain kind of movement and visual style.
DARKITA is a character made for animated cards for Tarjeticas.co.cr, where
users can find differents animated sending cards for hollidays, birthdays,
Greeting cards etc, the characters and all the animation were made from
Adobe Flash software.
web design
12. FERNANDO BERMÚDEZ VENEGAS
CREATIVE MOTION & GRAPHIC DESIGNER • PORTFOLIO
DIAGRAMATION & PRINT
Print Graphic design is the art of communication, stylizing,
and problem-solving through the use of a concept,
diagramation, use of type fonts, space, and image.
graphic design
13. FERNANDO BERMÚDEZ VENEGAS
CREATIVE MOTION & GRAPHIC DESIGNER • PORTFOLIO
VECTOR IMAGE
the vector illustration is a powerful tool for illustrating elements that can
use for web pages and print design, creating artistic effects or graphic
schematic diagramation.
graphic design
14. FERNANDO BERMÚDEZ VENEGAS
CREATIVE MOTION & GRAPHIC DESIGNER • PORTFOLIO
ARTISTIC ILLUSTRATION
the Artistic illustration in graphic design, is a visual communication and
graphic arts study is the best way to facilitate interaction with the message
the identity of form and is the most basic way to convey a concept without
using words.
graphic design
An illustration is a visualization
or a depiction made by an
artist, such as a drawing,
sketch, painting, photograph,
or other kind of image of things
seen, remembered or imagined, using a graphical representation.
15. FERNANDO BERMÚDEZ VENEGAS
CREATIVE MOTION & GRAPHIC DESIGNER • PORTFOLIO
EDITORIAL ILLUSTRATION
An editorial illustration is a illustration that accompanies an editorial piece. It
is rooted in the history of political satire over the years in newspapers. The
editorial illustration goes along with the actual written text of the editorial.
The illustration is meant to highlight a particular aspect or theme that the
editorial is trying to get across to the reader.
graphic design
This illustration
was made for the
newspaper AL DIA...
for a suplement
to Welcoming to
Laura Chichilla as a
president of Costa
Rica in 2010
16. FERNANDO BERMÚDEZ VENEGAS
CREATIVE MOTION & GRAPHIC DESIGNER • PORTFOLIO
SCIENTIFIC ILLUSTRATION
Scientific illustration
takes the viewer
to the often
unobservable real
detail and show an
schematic diagram
for analisys and
scientific studies.
reflects theencounter of science and technology.
graphic design