DigiPen Institute of Technology
High School Dragon Prep
Set yourself up for future success at DigiPen! These useful, degree-specific tips can help you start preparing while you’re still in high school.
Learn more about prepping for Art & Animation degree programs Master visual media by combining traditional art foundations with cutting edge technology.
Learn more about prepping for Music & Sound Design degree programs Perfect the art of adding audio to any multimedia project.
.webkit-gradient{ background: -webkit-linear-gradient(30deg, rgba(186, 17, 36, 1), rgba(231, 27, 43, 1)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 0.5rem; margin-left: -0.5rem; z-index: 10;
}
/* Custom Grid Layout Alterations */
.overlay.custom-overlay{ background-image: radial-gradient(rgba(var(--white), 0.9), rgba(var(--white), 0.85), rgba(var(--white), 0.75));
}
body.front #homepage-hero-slideshow .view-content{ height: 64vh; min-height: 32rem;
}
body.front #homepage-hero-slideshow .view-content .views-row{ height: 64vh; min-height: 32rem;
}
body.front #homepage-hero-slideshow figure .hero-slide-image img{ height: 40vh; min-height: 20rem;
}
body.front #homepage-hero-slideshow figure figcaption .figure-inner{ max-width: 100%; width: 100vw !important;
}
.similar-articles{ bottom: -60%; display: flex; flex-direction: column; position: absolute; height: 60%; right: 0; width: 100%;
}
.similar-articles a.article-aside{ border-top: 2px solid #e6474a; display: flex; position: relative; height: 33.33%; overflow: hidden; width: 100%;
}
/* Article Content and Image Positioning */
.similar-articles .article-content { align-self: center; display: flex; position: absolute; justify-content: center; width: 100%; z-index: 2;
}
.similar-articles .article-content span{ opacity: 1; text-align: center;
}
.similar-articles .article-content span:first-of-type{ -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -ms-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease;
}
.similar-articles .article-content span:nth-of-type(2){ display: none;
}
.similar-articles a.article-aside img{ bottom: 0; height: 100%; left: 0; object-fit: cover; position: absolute; width: 100%; -webkit-transition: transform 300ms ease; -moz-transition: transform 300ms ease; -ms-transition: transform 300ms ease; -o-transition: transform 300ms ease; transition: transform 300ms ease;
}
.similar-articles .article-overlay{ height: 100%; width: 100%; z-index: 1; -webkit-transition: background-color 300ms ease; -moz-transition: background-color 300ms ease; -ms-transition: background-color 300ms ease; -o-transition: background-color 300ms ease; transition: background-color 300ms ease;
}
.similar-articles .article-aside:nth-of-type(1) .article-overlay{ background-color:rgba(var(--golden-yellow),0.4);
}
.similar-articles .article-aside:nth-of-type(2) .article-overlay{ background-color:rgba(var(--teal),0.4);
}
.similar-articles .article-aside:nth-of-type(3) .article-overlay{ background-color:rgba(var(--purple),0.4);
}
/* Hover and Focus Effects */
.similar-articles a.article-aside:hover:nth-of-type(1) .article-overlay, .similar-articles a.article-aside:focus:nth-of-type(1) .article-overlay{ background-color: rgba(var(--golden-yellow),0.8);
}
.similar-articles a.article-aside:hover:nth-of-type(2) .article-overlay, .similar-articles a.article-aside:focus:nth-of-type(2) .article-overlay{ background-color: rgba(var(--teal),0.8);
}
.similar-articles a.article-aside:hover:nth-of-type(3) .article-overlay, .similar-articles a.article-aside:focus:nth-of-type(3) .article-overlay{ background-color: rgba(var(--purple),0.8);
}
.similar-articles a.article-aside:hover img, .similar-articles a.article-aside:focus img{ transform: scale(1.1);
}
/* Hero Callout Alterations */
body.front #homepage-hero-slideshow .hero-huge-callout{ display: block; margin: 0 auto; max-width: 40rem; padding: 0 1rem; right: 0; text-align: center; top: 45% !important; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
.hero-huge-callout div.ctas a{ text-shadow: 1px 1px 1px rgba(var(--true-black),0.4); background-image: linear-gradient(var(--dir), rgba(186, 17, 36, var(--alpha1)) var(--pos1), rgba(231, 27, 43, var(--alpha2)) var(--pos2), rgba(var(--gradient-color-hover), var(--alpha3)) var(--pos4));
}
/* Media Queries - Responsive Behavior */
@media screen and (min-width: 30em){ body.front #homepage-hero-slideshow .view-content{ height: 52vh; min-height: 32rem; } body.front #homepage-hero-slideshow .view-content .views-row{ height: 52vh; min-height: 32rem; } body.front #homepage-hero-slideshow figure .hero-slide-image img{ min-height: 25rem; } body.front #homepage-hero-slideshow .similar-articles{ width: 100%; height: 30%; bottom: -30%; flex-direction: row; } .similar-articles a.article-aside{ width: 33.33%; height: 100%; border-left: 2px solid #e6474a; } .similar-articles a.article-aside:first-of-type{ border-left: none; } body.front #homepage-hero-slideshow .hero-huge-callout{ padding: 4rem; background-image: radial-gradient(rgba(var(--white), 0.6), rgba(var(--white), 0.5), rgba(var(--white), 0), rgba(var(--white), 0)); }
}
@media screen and (min-width: 54em){ body.front #homepage-hero-slideshow figure.focus-left .hero-slide-image img { -o-object-position: 35%; object-position: 35%; } body.front #homepage-hero-slideshow figure .hero-slide-image img{ width: 70%; height: 65vh; min-height: 32rem; } body.front #homepage-hero-slideshow .view-content{ height: 65vh; min-height: 32rem; } body.front #homepage-hero-slideshow .view-content .views-row{ height: 65vh; min-height: 32rem; } .overlay.custom-overlay{ width: 70%; border-right: 2px solid #e6474a; background-image: linear-gradient(45deg, rgba(var(--white), 0), rgba(var(--white), 0.25), rgba(var(--white), 0.4)); } body.front #homepage-hero-slideshow .hero-huge-callout{ right: 10vw; padding: 5rem 8rem; max-width: 45rem; } div.hero-huge-callout div.font-size-xxl{ font-size: 2.5rem; } body.front #homepage-hero-slideshow .similar-articles{ width: 30%; height: 100%; flex-direction: column; bottom: 0; } .similar-articles a.article-aside{ width: 100%; height: 33.33%; border-top: 2px solid #e6474a; border-left: 0px; } .similar-articles a.article-aside:first-of-type{ border-top: none; } .similar-articles a.article-aside:hover .article-content span:nth-of-type(1), .similar-articles a.article-aside:focus .article-content span:nth-of-type(1){ opacity: 0; } .similar-articles a.article-aside:hover .article-content span:nth-of-type(2), .similar-articles a.article-aside:focus .article-content span:nth-of-type(2){ align-self: center; display: flex; position: absolute; max-width: 25rem; -webkit-animation: animate var(--normal-speed) both; animation: animate var(--normal-speed) both; -webkit-animation-timing-function: var(--animation-ease); animation-timing-function: var(--animation-ease); --animation-opacity: 0; --animation-translate-x: 0; --animation-translate-y: -1rem; } /* Aside Button Styling */ .similar-articles .article-overlay{ background-color: rgba(var(--black),0); } .similar-articles .article-aside span:nth-of-type(1){ border-radius: 3px; padding: 1rem; } .similar-articles .article-aside:nth-of-type(1) .article-overlay{ background-color:rgba(var(--golden-yellow),0.2); } .similar-articles .article-aside:nth-of-type(2) .article-overlay{ background-color:rgba(var(--teal),0.2); } .similar-articles .article-aside:nth-of-type(3) .article-overlay{ background-color:rgba(var(--purple),0.2); } .similar-articles .article-aside:nth-of-type(1) span:nth-of-type(1){ background-color: rgba(var(--golden-yellow),0.5); border: 2px solid rgba(var(--golden-yellow),1); } .similar-articles .article-aside:nth-of-type(2) span:nth-of-type(1){ background-color: rgba(var(--teal),0.5); border: 2px solid rgba(var(--teal),1); } .similar-articles .article-aside:nth-of-type(3) span:nth-of-type(1){ background-color: rgba(var(--purple),0.5); border: 2px solid rgba(var(--purple),1); }
}
@media screen and (min-width: 90em){ body.front #homepage-hero-slideshow figure .hero-slide-image img{ width: 66%; } .overlay.custom-overlay{ width: 66%; } body.front #homepage-hero-slideshow .similar-articles{ width: 34%; } div.hero-huge-callout div.font-size-xxl{ font-size: 3rem; }
}
New on Campus
Alumni
Francisco Guerrero Adds Character to Adult Swim’s Common Side Effects
The MFA in Digital Arts graduate took his mushroom magic from Nintendo to the acclaimed new animated series on HBO.
Alumni
Lighting Artist Morgan Rowe's DigiPen Course Illuminates Campus
Experienced as a DigiPen alum and pro lighting artist, Rowe is helping students get a 3D lighting glow up.
In Good Company
Thanks to the industry partners who visit, hire, and inspire, and to our graduates powering the future of tech and play.
Top Game School
Ranked as a Top Video Game Design School by the Princeton Review for the last 16 years.
#1 Median Earnings
Highest median earnings after attending among Washington state colleges.* (collegescorecard.ed.gov)
83% Receive Aid
A majority of incoming undergraduates in the 2024-25 academic year were awarded DigiPen gift aid.
1,000+ Awards
DigiPen students have earned more than 1,000 awards and honors for their games, films, and academic papers.
*The median annual earnings of individuals that received federal student aid and began college at this institution 10 years ago, regardless of their completion status.
Our Students Are Amazing
Student ShowcaseDo What You Love. Love What You Do.
We prepare students for a wide range of careers — doing the kind of work that challenges the mind and excites the imagination. Check out some examples of what our alumni have gone on to do after DigiPen.
Alumni SuccessFeatured Alumni Story
Stay in the Loop
Stay in the Loop