Graphic Design Course Portfolio Nova Southeastern University | Kolos Schumy 2023 FALL

Ko l o s Sch um y

2023 Fa l l

g r a p hic d e s ig n

2023| FALL Ko l os Schum y

1

2023 Fa l l name of course: Introduction to Graphic Design | ARTS-2190 • assignment title: Vector Masking The nature of this assignment is very close to Adobe Illustrator but still something you must learn and use in Photoshop.

We already learned about layer masking, now we experiencing a very different way for masking using vector lines and shapes.

A s signmen t • Download the images attached below • pick one is not looking too complex for you (the hand is too easy) • use pen tool tracing the object on the photo • make sure holes are traced too • be accurate, use direct selection tool if necessary to move anchor points • turn the path into a vector mask • add a photo as background • apply adjustment layers on the selected object for coloring and black and white contrast • create drop shadow • apply blending mode • Extra: blend one side of the layer into background using regular layer mask.

2

Ko l os Schum y

2023 Fa l l name of course: Introduction to Graphic Design | ARTS-2190 • assignment title: Tracing Stepping further learning about Illustrator, let’s trace a complex image using various pen tools.

A s signmen t • Download the attached images and select one to trace.

• if you finishing early select an another character • make sure you only create shapes are building up the whole figure.

• Only use separated lines if it is absolutely necessary. They can cause you troubles later, I would limit their numbers.

• Submit • For full grade you need to submit all the below explained elements: • • Adobe Illustrator format: Ai • so I can see the details and techniques you learned • File/Export/Export as: JPG high resolution • this is for quick review • Screenshot • it should include the artwork and an extended layer window with all content • tools or menu not necessary to be visible • it is just one an other way for quick review but we still can see the detailed learning experience • Fifty words in the comments field explaining the process you did from A-Z. • it helps you to memorize the tools and techniques • Objectives: • pen tool • anchor point tool • curvature tool • pencil tool • paintbrush tool • blob brush tool • live painting • eraser tool • orders of shapes: • bring to front send to back

Ko l os Schum y

3

2023 Fa l l name of course: Introduction to Graphic Design | ARTS-2190 • assignment title: Trifold

Trifold is one of the most popular printed form of advertisement. It is based on the most inexpensive printing format, US letter 8.5x11inch and it is equally folding the landscape oriented document into 3 vertical areas.

(Folding brochure design course on LinkedinLinks to an external site.)

A s signmen t • Create a trifold flyer advertisement for your favorite local store is selling a special product or service for a limited time. (you can make up one) • Photos has to be edited in Photoshop first: • Collect quality images on Google • Optional: Use your phone or digital camera for photos.

• Design or create logo and graphic elements in illustrator.

• Put all of it together and design typography in InDesign.

4

Ko l os Schum y

C r i t e r ia: • Indesign • document size: 8.5x11inch landscape • add 5mm extra bleed when you setting up the page • add folding marks manually • add crop marks when export PDF • you will put together the Photoshop and illustrator elements in InDesign.

• final trifold must include: • logo and graphic elements from illustrator • photoshop edited photos • Typography: multiple text boxes and fonts applied in indesign • stay organized, use layers and groups • prepare background or other photo elements in Photoshop.

• size of photoshop image must be the same as final use in InDesign.

• color: CMYK • resolution: 300dpi • this file only include photo, no typography or illustrations • Create logo and a few graphic elements in Illustrator and import them into Indesign

2023 Fa l l

ers-C

yc

n

li

OTT

name of course: Introduction to Graphic Design | ARTS-2190 • assignment title: Tracing

g

Logo is an inspiration of Artificial Intelligence by Adobe Firefly and Adobe Illustrator Text to Vector Graphic

Map is an inspiration of Artificial Intelligence

by Adobe Firefly

Ko l os Schum y

5

2023 Fa l l name of course: Introduction to Graphic Design | ARTS-2190 • assignment title: Mo ie oster

Alien_Movie Poster_Kolos Schumy.indd 1

Starting our Journey to the world of “page design” we need to learn the usage of Adobe InDesign. Humanity developing and depending on page based designs from the very early times, since we use writing (Sumerians). InDesign is the powerhouse to work with multi page documents or heavy load of different projects simultaneously, mostly pages. As a first step you will design a movie poster with typography and images(s).

As signmen t • Design a movie poster for your favorite movie. Not a remake of an existing poster, I need you to design something creative from scratch.

Even take photos with your phone or digital camera to use if necessary.

6

11/3/23 9:47 AM

C r i t e r ia: • Indesign • document size: 8.5x11 inches (300dpi) • I know it is a movie poster and the size should be larger, but that would make it too hard for the computer.

• you will pull together the Photoshop and illustrator elements here in indesign.

• final poster must include: • logo and graphic elements imported (placed) from illustrator • photoshop edited photos • multiple text boxes and fonts applied in InDesign • stay organized, use layers and groups

Ko l os Schum y

• • • • • • • • • •

prepare background image in Photoshop. use your phone or digital camera to take photos for the poster or just find quality images on google without watermarks you can create a multi layered document edit photos in Photoshop PS image sizes has to be the same size (US letter) you have in InDesign color: CMYK resolution: 300dpi this file only include photo, no typography or illustrations, functioning as a background Create logo and a few graphic elements in Illustrator and import (place) them into Indesign

2023 Fa l l name of course: Introduction to Graphic Design | ARTS-2190 • assignment title: Tracing

Ko l os Schum y

7

2023 Fa l l name of course: T pograph | ARTS-

0 • assignment title: age a out

Type Identification and Classification The page design for this week is going to be a little different, but same structure as before.

Type classification

• • You will research a font is your favorite, using the • name of it for your drawing/tracing and introduce it • in the research field.

• • Provide some of the following classifying informa- • tion: (you can find the explanation of these terms in • chapter 9).

• • • • • •

Identifying Characteristics Catherine Dixon’s Taxonomy Formal attributes Construction Shape Modeling Proportion Key characters Terminals Weight Decoration History Summary of its visual characteristics Key Characters

Height 8

Ko l os Schum y

Cap-height X-height Baseline Descender

2023 Fa l l name of course: T pograph | ARTS-

0 • assignment title: age a out

LAtO Type Identification & Classification

1. San Serif without Legs and Shoulders:

M

2. Construction: sharp edge stem edges are curved inside in the bottom:

XMNA

9. Numerals are consistent, same size: 10.

Some numerals are shifting up or down

fr om baseli:

8901 @©$

3. Shape: Contrast is low between vertical

11.

Decoration:

and anular stems creating solid blocks of

12.

Ligatures are popular:

13.

LAck of Serifs large X-heigth:

14.

Characteristics

N, curved lines are consistent: S

15.

Characteristics

5. Terminals: baseline is standard, X-height

16.

Characteristics

17.

Characteristics

18.

Characteristics

19.

Characteristics

20.

Characteristics

letters:

UF

4. Modeling: Angles on straight lines are relaxed

is tall:

Qq

6. Proportions: small and large are close:

Uu 7. Weight: font is heavy on eavery part of it 8. Key Characters:

102

fkffkffï Cc

QLAW Ko l os Schum y

9

2023 Fa l l name of course: T pograph | ARTS-

0 • assignment title: age a out

Organizing Typographic Compositions | Editorial pages #1 Traditional (Conservative) Last chapter in text book is a study of organizing elements in a composition. For this week you have to design a facing page with an article you illustrate with typographical blocks.

Criteria • Two (facing) page, US letter size and portrait oriented • use artboards • For text content: • copyright free content: https://www.copyrightfreecontent.com/Links to an external site.

• or placeholder text • Article starts on left page and floating to facing page Pages has to include many of the listed below: • header (running head) and footer (folio) • headline • subhead • intro/kicker • photo (s) or illustration • add caption • body copy • several pull quotes • highlights • photos • vector illustrations • credits • byline

10

Ko l os Schum y

2023 Fa l l name of course: T pograph | ARTS-

litt le d istr ort ed ho rizo nta zon lly, tall bla y, p ck col ink or col or

E dis xtra tro he rte avy dh ori bold zon san tall -se y, g rif l rey ittle col or

litt le d istr ort ed ho ri

ld s anser if bo

Header / Folio

r

haracte

ecial c

r sp divide greay

Ext

ra h

eav

yb

old

san -se rif

Ex t ra h eav y

racter

ial cha

r spec

ivide pink d

0 • assignment title: age a out

Photo Caption, Condensed san serif, pink color, small size

Sub-headline, regular san serif 2nd Sub-headline, semi bold san serif

body text, serif roman

Parent page elements, footer e ser of e if r ve eg nt pin ular kd ivi de e r san vent ser loc if r atio eg ula n r san e ser vent if r ye eg ar ula r

san

str on

p g s age an nu ser mb if b er, old titl

Photos cfrleaamr images, no es, sim ple corne rs

Ko l os Schum y

11

2023 Fa l l name of course: T pograph | ARTS-

0 • assignment title: age a out

Organizing Typographic Compositions | Last chapter in text book is a study of organizing elements in a composition. For this week you have to design a facing page with an article you illustrate with typographical blocks.

Criteria • Two (facing) page, US letter size and portrait oriented • use artboards • For text content: • copyright free content: http s : / / w w w. copyrightfreecontent.com/ Links to an external site.

• or placeholder text • Article starts on left page and floating to facing page Pages has to include many of the listed below: • header (running head) and footer (folio) • headline • subhead • intro/kicker • photo (s) or illustration • add caption • body copy • several pull quotes • highlights • photos • vector illustrations • credits

12

Ko l os Schum y

•

byline

2023 Fa l l name of course: T pograph | ARTS-

0 • assignment title: age a out

Editorial pages #2 Traditional (Conservative)

K o l o s S c h u m y 13

2023 Fa l l name of course: T pograph | ARTS-

0 • assignment title: age a out

Jenson

hand crafted

italic

h Typography axis

bar

traced

kerning

ear

shoulde

r

Type size

counter

Serif

loop

stem

DISCO Dance music and a subculture Disco is a genre of dance music and a subculture that emerged in the 1970s from the United States' urban nightlife scene. Its sound is typified by four-on-the-floor beats, syncopated basslines, string sections, brass and horns, electric piano, synthesizers, and electric rhythm guitars.

Disco started as a mixture of music from venues popular among African-Americans, Hispanic/Latino Americans, gay Americans and Italian Americans in Philadelphia and New York City during the late 1960s to early 1970s. Disco can be seen as a reaction by the 1960s counterculture to both the dominance of rock music and the stigmatization of dance music at the time. Several dance

14

Ko l os Schum y

styles were developed during the period of disco's popularity in the United States, including "the Bump" and "the Hustle".

In the course of the 1970s, disco music was developed further, mainly by artists from the United States and Europe. Well-known artists included the Bee Gees, ABBA, Donna Summer, Gloria Gaynor, Giorgio Moroder, Bacca- ra, Boney M., Earth Wind & Fire, Chaka Khan, Chic, KC and the Sunshine Band, Thelma Houston, Sister Sledge, Sylvester, The Trammps, Diana Ross, Kool & the Gang, and the Village People.

descender

X-height baseline

2023 Fa l l name of course: T pograph | ARTS-

0 • assignment title: age a out

Bauhaus

The Staatliches Bauhaus

The Staatliches Bauhaus, com- ment had a profound influence monly known as the Bauhaus on subsequent developments (German for 'building house'), in art, architecture, graphic was a German art school opera- design, interior design, industional from 1919 to 1933 that trial design, and typography. combined crafts and the fine Staff at the Bauhaus included arts.

The school prominent artists such as Paul became famous for Klee, Wassily nsky, and László its approach to Moholy-Nagy at various points. design, which attempted to Bauhaus founder unify individual Walte r Gropius artistic vision The school existed in three with the princi- Germa n cities—Weimar, from ples of mass 1919 to 1925; Dessau, from production and 1925 to 1932; and Berlin, from emphasis on function 1932 to 1933—under three different architect-directors: The Bauhaus was founded by and Ludwig Mies van der Rohe architect Walter Gropius in from 1930 until 1933, when Weimar. It was grounded in the the school was closed by its idea of creating a Gesamtown leadership under preskunstwerk ("comprehensive sure from the Nazi regime, artwork") in which all the arts having been painted as a would eventually be brought centre of communist intellectogether. The Bauhaus movetualism.

a r t w o r

K o l o s S c h u m y 15

2023 Fa l l name of course: T pograph | ARTS-

0 • assignment title: age a out

Create type faces witht the use of artificial intelligence /Adobe firefly

16

Ko l os Schum y

2023 Fa l l name of course: T pograph | ARTS-

0 • assignment title: age a out

!"#$%#&'()%*+%*"",%$",&+

!"#$%#&'()%*"",%"!%$-(%."/0,%$",&+

!"#$%#&'()%123(%4(&/5%!/"'%6"7

!"#$%#&'()%6(7%8,(#$2$+

!"#$%#&'()%1&'20+

K o l o s S c h u m y 17

2023 Fa l l

18

Ko l os Schum y

2023 Fa l l

Type Identification and Classification

T y pog r a ph y he av y l ogo design Chapter 11 in textbook is about the selection and combination of diverse font selection to create hierarchy and balance for target audience. Design a a logo for a South Florida small business and variations to present for an imagined client through a pitching event.

C r i t e r ia logo has to include: • a large symbol (vector graphics) • min 3 words and each word has to be built by a a different font • a long sentence as slogan • you can use colors • be sure words are legible process: • start with sketching on paper • you need min 6 variations as a sketch • present it to classmates and collect feedback • not only present the sketches but description behind the idea and branding • select one idea and create the logo in illustrator variations: • using the finished logo, create 3 variations • generate new symbol • change fonts • change arrangement pitching: • introduce your progress to class as a presentation and collect feedback • select one logo and add final touches to it based on classmate’s opinion Arrangement: • set up a US letter portrait oriented page and create an organized layout with the following content: • quality photo of sketches • short paragraph of description explaining the idea • 3 early variations made in illustrator • final logo with sentence long slogan • final logo need 3 variations • size: small, medium, large (add necessary changes to different sizes as it is necessary to keep consistent reading and legibility)

K o l o s S c h u m y 19

Portfolio by Kolos Schumy

20

Digital Photographic Design | 2023 Fall

Portfolio by Kolos Schumy

Calendar design

I know, most of us only use calendar on devices but a print of quality design is always an excellent decoration in your living or working space. Find a theme for your 12 page long calendar and take photos. It is a 2 weeks long project, first week you submit only the progress you have as a PDF, for second week see detail below.

• • • • • • • •

• • • •

•

Assignment description

First Edit and retouch the 12 photos in Photoshop CMYK colors Size has to be the same as page size in Illustrator 300DPI resolution Next, Set up your document in Illustrator: search for standard sizes, it is is your free choice Design a template page with typography, design elements and empty photo frame you only design one month of calendar then multiply the same page and change only name of the months. If you quick and have time I am not stopping you to design each month separate, but there is no real need for it artboards no need for realistic numbering on days throughout the entire document except if you decide that way Finally add images When finished export a multi page high resolution PDF

Extra

you can make a mockup image: when you have a photography of a real life paper calendar and you replace the calendar of yours on it

Digital Photographic Design | 2023 Fall 21

Portfolio by Kolos Schumy

•

•

• • • •

22

Profile Assignment

When you step into a personal Youtube Channel or Facebook or Linkedin or any other but similar medias, there is always a banner background image and a profile photo of a person. Let’s design it with your photos you took earlier using only photoshop.

Start with sketching on paper for composition and design.

Design a Profile page with photo and a banner for two different person, only use your own photos (photos you took). For each person use a different platform, few ideas: Youtube, Linkedin, Zoom, Twitch, etc... you can introduce one another media, it only need to have a photo and some type of banner Size reference: LinKLinks to an external site.

Criteria

Digital Photographic Design | 2023 Fall

• • • • • • • • • • •

Two set of Profile page (two different medias) Each set is for an other person Versions for every profile: Desktop use landscape: 16:9 4480 by 2520 pixels Your Mobile phone (portrait): (I have a Pixel 6 Pro 1440px × 3120px) That is total 4 pages Use Photoshop and artboards It has to include a profile photo and a banner with photos you took Keep you design photographic, our class is called Photographic Design Still can add some typography or other graphic elements You can use mockup images from google, no need to design the elements of the pages from scratch, but keep focus on banner and profile photo

Portfolio by Kolos Schumy

Digital Photographic Design | 2023 Fall 23