3D graphics

3D 그래픽은 2D 그래픽을 기반으로 확장된 시각 표현으로, 브랜딩·프로모션·캠페인 등 감성적 맥락에서 주로 활용됩니다. 현실감과 깊이를 더해 풍부하고 몰입감 있는 경험을 제공하며, 여기어때만의 차별화된 브랜드 정체성을 강화합니다.

3D graphics

3D 그래픽은 2D 그래픽을 기반으로 확장된 시각 표현으로, 브랜딩·프로모션·캠페인 등 감성적 맥락에서 주로 활용됩니다. 현실감과 깊이를 더해 풍부하고 몰입감 있는 경험을 제공하며, 여기어때만의 차별화된 브랜드 정체성을 강화합니다.

3D graphics

3D 그래픽은 2D 그래픽을 기반으로 확장된 시각 표현으로, 브랜딩·프로모션·캠페인 등 감성적 맥락에서 주로 활용됩니다. 현실감과 깊이를 더해 풍부하고 몰입감 있는 경험을 제공하며, 여기어때만의 차별화된 브랜드 정체성을 강화합니다.

Download

Overview

Overview

Overview

Modeling

물체들의 고유한 특징을 조화롭게 표현합니다.

Modeling

물체들의 고유한 특징을 조화롭게 표현합니다.

Modeling

물체들의 고유한 특징을 조화롭게 표현합니다.

From 2D

3D 그래픽은 2D 그래픽의 형태와 색상을 기반으로 제작됩니다. 이를 통해 2D와 3D 간의 시각적 일관성을 유지하면서, 깊이와 현실감을 더해 확장된 경험을 제공합니다.

From 2D

3D 그래픽은 2D 그래픽의 형태와 색상을 기반으로 제작됩니다. 이를 통해 2D와 3D 간의 시각적 일관성을 유지하면서, 깊이와 현실감을 더해 확장된 경험을 제공합니다.

From 2D

3D 그래픽은 2D 그래픽의 형태와 색상을 기반으로 제작됩니다. 이를 통해 2D와 3D 간의 시각적 일관성을 유지하면서, 깊이와 현실감을 더해 확장된 경험을 제공합니다.

Steps

기본적인 원기둥, 구, 육면체를 활용하여 조형합니다.

Steps

기본적인 원기둥, 구, 육면체를 활용하여 조형합니다.

Steps

기본적인 원기둥, 구, 육면체를 활용하여 조형합니다.

Edge

Bevel을 사용하여 자연스러운 빛의 흐름을 만듭니다. (20cm 육면체 기준 | Segment 5, Radius 0.1 ~ 0.2cm)

Edge

Bevel을 사용하여 자연스러운 빛의 흐름을 만듭니다. (20cm 육면체 기준 | Segment 5, Radius 0.1 ~ 0.2cm)

Edge

Bevel을 사용하여 자연스러운 빛의 흐름을 만듭니다. (20cm 육면체 기준 | Segment 5, Radius 0.1 ~ 0.2cm)

Face

물체의 형태를 변형시키지 않는 선에서 최소한의 면분할로 조형합니다.

Face

물체의 형태를 변형시키지 않는 선에서 최소한의 면분할로 조형합니다.

Face

물체의 형태를 변형시키지 않는 선에서 최소한의 면분할로 조형합니다.

Material

객체의 표면 속성을 정의하는 요소로, 색상, 질감(Texture), 반사율, 투명도 등을 조절하여 특징적인 외형을 표현합니다. Normal map, Roughness map을 적용하여 표면의 디테일한 질감을 자연스럽게 연출합니다.

Material

객체의 표면 속성을 정의하는 요소로, 색상, 질감(Texture), 반사율, 투명도 등을 조절하여 특징적인 외형을 표현합니다. Normal map, Roughness map을 적용하여 표면의 디테일한 질감을 자연스럽게 연출합니다.

Material

객체의 표면 속성을 정의하는 요소로, 색상, 질감(Texture), 반사율, 투명도 등을 조절하여 특징적인 외형을 표현합니다. Normal map, Roughness map을 적용하여 표면의 디테일한 질감을 자연스럽게 연출합니다.

Default

기본

유연하고 매끄러운 표면을 표현합니다. 기본적으로 밝고 선명한 색을 가지며, 고유의 반사율을 통해 빛에 따라 다채로운 효과를 냅니다.

Default

기본

유연하고 매끄러운 표면을 표현합니다. 기본적으로 밝고 선명한 색을 가지며, 고유의 반사율을 통해 빛에 따라 다채로운 효과를 냅니다.

Default

기본

유연하고 매끄러운 표면을 표현합니다. 기본적으로 밝고 선명한 색을 가지며, 고유의 반사율을 통해 빛에 따라 다채로운 효과를 냅니다.

Metalic

금속

반사율을 기반으로 금속 표면을 현실감 있게 표현합니다.

Metalic

금속

반사율을 기반으로 금속 표면을 현실감 있게 표현합니다.

Metalic

금속

반사율을 기반으로 금속 표면을 현실감 있게 표현합니다.

Transmissive

투명

Roughness 채널을 통해 투명도를 조정합니다.

Transmissive

투명

Roughness 채널을 통해 투명도를 조정합니다.

Transmissive

투명

Roughness 채널을 통해 투명도를 조정합니다.

Paper

종이

반사율이 낮고 빛 흡수가 강한 특성을 가지며, 투명도가 거의 없는 매트한 표면을 나타냅니다.

Paper

종이

반사율이 낮고 빛 흡수가 강한 특성을 가지며, 투명도가 거의 없는 매트한 표면을 나타냅니다.

Paper

종이

반사율이 낮고 빛 흡수가 강한 특성을 가지며, 투명도가 거의 없는 매트한 표면을 나타냅니다.

Textiles

섬유

디테일한 텍스처 맵(노멀 맵 등)을 사용하여 질감을 더하고, 자연스러운 주름이나 주름 효과를 구현합니다.

Textiles

섬유

디테일한 텍스처 맵(노멀 맵 등)을 사용하여 질감을 더하고, 자연스러운 주름이나 주름 효과를 구현합니다.

Textiles

섬유

디테일한 텍스처 맵(노멀 맵 등)을 사용하여 질감을 더하고, 자연스러운 주름이나 주름 효과를 구현합니다.

Illustration

요소들을 균형있게 배치하여 화면을 구성합니다.

Illustration

요소들을 균형있게 배치하여 화면을 구성합니다.

Illustration

요소들을 균형있게 배치하여 화면을 구성합니다.

Animation

동적 요소를 추가하여 더욱 활기차고 몰입감 있는 사용자 경험을 제공합니다. (24fps)

Animation

동적 요소를 추가하여 더욱 활기차고 몰입감 있는 사용자 경험을 제공합니다. (24fps)

Animation

동적 요소를 추가하여 더욱 활기차고 몰입감 있는 사용자 경험을 제공합니다. (24fps)

Studio

Studio

Studio

Light

Key light는 주요 조명으로 형태를 정의하고, 강한 그림자를 생성합니다. Fill light는 Key light에서 생긴 그림자를 부드럽게 만들고 전체 밝기를 균형 있게 조정합니다. Back light는 실루엣을 강조하고 피사체와 배경을 구분하여 깊이를 더합니다.

Light

Key light는 주요 조명으로 형태를 정의하고, 강한 그림자를 생성합니다. Fill light는 Key light에서 생긴 그림자를 부드럽게 만들고 전체 밝기를 균형 있게 조정합니다. Back light는 실루엣을 강조하고 피사체와 배경을 구분하여 깊이를 더합니다.

Light

Key light는 주요 조명으로 형태를 정의하고, 강한 그림자를 생성합니다. Fill light는 Key light에서 생긴 그림자를 부드럽게 만들고 전체 밝기를 균형 있게 조정합니다. Back light는 실루엣을 강조하고 피사체와 배경을 구분하여 깊이를 더합니다.

Angle

물체의 특징을 잘 보여줄 수 있는 각도를 찾습니다.

Angle

물체의 특징을 잘 보여줄 수 있는 각도를 찾습니다.

Angle

물체의 특징을 잘 보여줄 수 있는 각도를 찾습니다.

Render Setting

아래의 렌더링 세팅을 기준으로 이미지를 생성합니다. (Cinema4D 기준)

Render Setting

아래의 렌더링 세팅을 기준으로 이미지를 생성합니다. (Cinema4D 기준)

Render Setting

아래의 렌더링 세팅을 기준으로 이미지를 생성합니다. (Cinema4D 기준)

Color palette

컬러는 700, 800 단계를 기본값으로 사용합니다. 그래픽 제작 시 색상은 최대 3가지 이내로 제한해 가독성과 일관성을 유지합니다.

Color palette

컬러는 700, 800 단계를 기본값으로 사용합니다. 그래픽 제작 시 색상은 최대 3가지 이내로 제한해 가독성과 일관성을 유지합니다.

Color palette

컬러는 700, 800 단계를 기본값으로 사용합니다. 그래픽 제작 시 색상은 최대 3가지 이내로 제한해 가독성과 일관성을 유지합니다.

Lively red

Lively red

Lively red

50

#FFF5F5

100

#FFEDEA

200

#FEDFDE

300

#FDB8B4

400

#FC9994

500

#FB7F79

600

#FB6C65

700

#FA5850

800

#F94239

900

#EA2013

950

#D60A00

Blue

Blue

Blue

50

#F2F8FF

100

#E3F0FF

200

#D0E6FF

300

#ADD4FF

400

#80BDFF

500

#57A9FF

600

#45A0FF

700

#3396FF

800

#1D8BFF

900

#006CE0

Cyan

Cyan

Cyan

10

#ECF6FB

50

#DAF4FF

100

#C1ECFF

200

#ADE6FF

300

#92DDFF

400

#66D0FF

500

#36C1FF

600

#00B0FF

700

#0099DE

800

#007AB1

Green

Green

Green

10

#EFFCF4

50

#D8F9E7

100

#BAFAD7

200

#9BF5C4

300

#64EDA1

400

#47DD8A

500

#0FD166

600

#00BF56

700

#008E40

800

#007635

Mint

Mint

Mint

10

#F3F7F6

50

#E7F7F3

100

#D9F2EC

200

#BBE8DD

300

#9EDFCF

400

#83D5C2

500

#59C7AD

600

#36BB9C

700

#1AB28E

M800

#00A981

Yellow

Yellow

Yellow

50

#FFF4D8

100

#FFEFC3

200

#FFEAB2

300

#FFE5A2

400

#FFE192

500

#FFDB7F

600

#FFD361

700

#FFCD4E

800

#FFC83B

900

#FFB803

950

#EA7900

Violet

Violet

Violet

10

#F6F5FF

50

#EDEBFF

100

#DCD6FF

200

#CAC2FF

300

#B9ADFF

400

#A799FF

500

#806BFF

600

#7059FA

700

#5F49E5

800

#4F3BCC

Orange

Orange

Orange

50

#FFE7D6

100

#FFDAC2

200

#FFC8A3

300

#FFAD85

400

#FF9B70

500

#FF875C

600

#FF7847

700

#FF6933

800

#FA591E

900

#E9490F

Natural

Natural

Natural

10

#FAFAFA

N50

#F5F5F5

N100

#EBEBEB

N200

#DCDCDC

N300

#BBBBBB

N400

#999999

N500

#8B8B8B

N600

#707070

N700

#5C5C5C

N800

#474747

N900

#333333

Usage

요소들을 균형있게 배치하여 화면을 구성합니다.

Usage

요소들을 균형있게 배치하여 화면을 구성합니다.

Usage

요소들을 균형있게 배치하여 화면을 구성합니다.

Product

Product

Applicaiton

직관적인 디자인으로 사용자의 이해도를 높힙니다.

Applicaiton

직관적인 디자인으로 사용자의 이해도를 높힙니다.

Applicaiton

직관적인 디자인으로 사용자의 이해도를 높힙니다.

Product

Product

Banner

배너 컨텐츠의 내용을 보충설명하는 기능을 합니다.

Banner

배너 컨텐츠의 내용을 보충설명하는 기능을 합니다.

Banner

배너 컨텐츠의 내용을 보충설명하는 기능을 합니다.

Internal

Internal

Internal

Internal branding

인터널 브랜딩의 컨텐츠로 활용됩니다.

Internal branding

인터널 브랜딩의 컨텐츠로 활용됩니다.

Internal branding

인터널 브랜딩의 컨텐츠로 활용됩니다.

Credit

Contributor

노아@Noah, 그린@Green

Credit

Contributor

노아@Noah, 그린@Green

Credit

Contributor

노아@Noah, 그린@Green

여기어때컴퍼니

Copyright © GC COMPANY Corp. All rights reserved.

여기어때컴퍼니

Copyright © GC COMPANY Corp. All rights reserved.

여기어때컴퍼니

Copyright © GC COMPANY Corp.

All rights reserved.

Foundation

Graphic

Overview

2D graphics

3D graphics

Showcase

Content

Color

Typography

Iconography

Layout

Radius

Shadow

Spacing

Design Library

About

Brand

Foundations

Components

Expressions

Resources

Articles

Design Library