TheUIVault

TheUIVault

531 bookmarks
Custom sorting
Nick Slough on Behance
Nick Slough on Behance
Starting off with humble beginnings in interactive marketing where I learned to utilize digital design, typography, and layouts as the core tools for my trade, I eventually moved onto focusing these skills in the gaming industry and have never turned back. For 15 years I have spent time and effort to grow my skills to benefit AAA companies such as Blizzard, CD Projekt Red, and Wargaming.net, all while learning to ensure modern designs to work with each product’s current style and brand. With unique talents and experiences, I am confident that I can help with a variety of needs such as… Product Design Platform & Meta Game Systems Design UX Illustration Art Direction Branding If you have UI & Product needs that need to be built from the ground up, or just need a strategic re-positioning, then let's get in touch and see if I can help.
UIVault·behance.net·
Nick Slough on Behance
Yoann BAZOGE on Behance
Yoann BAZOGE on Behance
I’m Yoann Bazoge, With a strong experience in video games thanks to 11 years spent working on AAA and indie projects, I’m specialized in creating great-looking user interfaces with the best user experience. Also able to manage teams of multidisciplinary artists, define artistic direction. Shipped titles : - (2019) Night Call (XBOX1, SWITCH, PC) - Awarded title - Pégase 2020 " Best indie game " - (2018) The Crew 2 (PS4, XBOX1, PC, STADIA) - (2015) The Crew Wild Run (XBOX1, PS4, PC) - (2014) The Crew (XBOX1, PS4, PC) - (2013) Harshquad (Mobile)
UIVault·behance.net·
Yoann BAZOGE on Behance
deLAYER - Free After Effects Script
deLAYER - Free After Effects Script
deLayer is a free After Effects script created by Tim Thiessen. It moves the in points of the selected layers (up to a user input maximum number of frames) based on either their distance from one of 10 preset points or a delay that is randomly generated. It works with any size comp and any framerate. deLALYER Download Link: http://ukramedia.com/delayer/ BOUNCr Download Link: http://ukramedia.com/bouncr/ Podcast Interview with Tim Thiessen: https://ukramedia.com/you-need-to-get-a-job-where-they-pay-you-to-watch-television-tim-thiessen/ LINKS: Ukramedia Website: https://ukramedia.com Ukramedia Podcast: https://ukramedia.com/category/podcast/ Ukramedia Mentoring Group: https://www.facebook.com/groups/ukramedia/ Learn Expressions in After Effects: https://ukramedia.com/course/adobe-after-effects-expressions/ How To Animate Logos & Icons: https://ukramedia.com/product/how-to-animate-logos-icons-in-after-effects-2/ ML3RD KIT - Bundle: https://www.ukramedia.com/ML3RD ML3RD KIT - Flat Style: https://ukramedia.com/product/modular-lower-third-kit-flat-style/ ML3RD KIT - Corporate Style: https://ukramedia.com/product/modular-lower-third-kit/ ML3RD KIT Batch Duplicator: https://www.ukramedia.com/ML3RD Get Adobe After Effects and CC: https://clk.tradedoubler.com/click?p(264355)a(2900636)g(22804962)url(https://creative.adobe.com/plans?sdid=KKSPF&kw=semoverview&mv=search&s_kwcid=AL!3085!10!13362180955!20541711544&ef_id=V13CaAAABYQcu4O2:20161105023903:s) Get Adobe CC Trial: https://clk.tradedoubler.com/click?p(264355)a(2900636)g(22804962)url(http://www.adobe.com/creativecloud/catalog/desktop.html) Get Adobe CC Student: https://clk.tradedoubler.com/click?p(264355)a(2900636)g(22804962)url(https://creative.adobe.com/plans?plan=edu) Find The Perfect Asset For Your Next Creative Project: https://clk.tradedoubler.com/click?p(264355)a(2900636)g(22804962)url(https://stock.adobe.com/?as_content=fmflp&as_channel=sem&as_campclass=brand&as_campaign=US%7CCPRO%7CStock%7CPURCH%7CAS_Brand%7CGG%7C%7C&as_source=google&as_camptype=acquisition&sdid=KQPCU&s_kwcid=AL!3085!3!147228884620!e!!g!!adobe%20stock&ef_id=V15JXwAAAV06S8xU:20161105024353:s) LET’S CONNECT: Facebook: https://www.facebook.com/ukramedia Sergei's Facebook Page: https://www.facebook.com/sergeiprokhnevskiy/ Twitter: https://twitter.com/ukramedia Instagram: https://www.instagram.com/ukramedia/ Pinterest: https://www.pinterest.com/ukramedia/ Linkedin: https://www.linkedin.com/company/ukramedia YouTube: https://www.youtube.com/c/ukramedia Mailing Address: P.O. Box 621 Huntersville, NC 28070 *** MUSIC BY: VLAD SOLOKHA. Vlad is a family friend who is a very talented musician. You can reach out to him by going to his facebook at https://www.facebook.com/vlad.solokha?fref=ts. #AfterEffects #AeScripts #AdobeAfterEffects
UIVault·youtube.com·
deLAYER - Free After Effects Script
Stardust
Stardust
Introducing Volume Rendering! Create beautiful and captivating smoke effects from any particle system setup. Stardust is a modular 3D particle system for After Effects. It has an easy to use node-based user interface and ships with a ton of presets to create stunning effects quickly and easily.
UIVault·aescripts.com·
Stardust
Cyberpunk Glitch Transitions in After Effects | Animation Tutorial
Cyberpunk Glitch Transitions in After Effects | Animation Tutorial
Subscribe to Envato Elements: https://1.envato.market/c/2206464/298927/4662 In this After Effects tutorial, I show you the simplest tips and tricks to create a cyberpunk futuristic LED glitch effect & transition. The method can be applied to any layer and create glitch transitions between any scenes. This animation tutorial is suitable for beginners. I've just launched mu first animation course! Enroll now to get 40% off: https://cutt.ly/ErNE0hZ ►Download the project file for free: https://gum.co/SDXZJ ►Please tag me on Instagram @ben_marriott_ if you've used any of the techniques from my videos so I can see what awesome things you create I'm uploading new motion design & animation tutorials every Thursday! (Sometimes Monday too) ►Find me elsewhere! I'm available for hire: https://www.benmarriott.com/ Vimeo: https://vimeo.com/benmarriott Facebook: https://www.facebook.com/benmarriotti... ►Music: Massive thanks to madmomentsgo for providing that amazing music for my intro! check out his other brilliant work here: https://bit.ly/2ER0bJF "Magic Scout - Farm" Kevin MacLeod (incompetech.com) Licensed under Creative Commons: By Attribution 3.0 License http://creativecommons.org/licenses/b... ~ God bless Kevin ~
UIVault·youtu.be·
Cyberpunk Glitch Transitions in After Effects | Animation Tutorial
Advanced Burn Effect - After Effects Tutorial NO PLUGINS!
Advanced Burn Effect - After Effects Tutorial NO PLUGINS!
In this tutorial, we’ll check out an After effects setup for a high quality burning transition effect. Using only native effects in the program, we’ll generate glowing embers, trailing smoke, heat distortion, and more. This is the first After effects tutorial I’ve created here on the Texturelabs channel so I’ll be curious to hear your thoughts! Need the After Effects file created in this tutorial? Help support the Texturelabs project on Patreon at the Expert Level and get access to this project file and much more… everybody wins! https://www.patreon.com/texturelabs Once Patreon is enabled, you can find the project file here: https://texturelabs.org/tutorials/burn-transition-after-effects-tutorial/ Check out the Texturelabs Channel for more content: https://www.youtube.com/c/texturelabs Connect: https://texturelabs.org/ Instagram: @texturelabs _____________________________________________ PROJECT SETUP 1920x1080 24fps 16bit PROJECT MAP (Layers are arranged as they would be in the project) BURN OBJECTS (Precomp): 1) Adjustment Layer Fractal Noise Effect - Contrast 10, Brightness 30, Scale 3 2) White Text Layer TRANSITION MATTE (Precomp): 1) Adjustment Layer Brightness & Contrast Effect - Contrast 99%, Use Legacy On 2) BURN OBJECTS PRECOMP - Overlay Blending Mode Gaussian Blur Effect - Blurriness 40, Hue Saturation - Saturation -100 3)Solid - Overlay Blending Mode, 25% Opacity Fractal Noise Effect with scale 200 4) White Solid - Scale 200% CC Burn Film Effect - Burn keyed from 0 at frame 30 to 100 at frame 130 Solid Composite Effect set to black MAIN COMP: 1) Adjustment Layer Transform Effect - Scale keyed from 110% at frame 0 to 100% at frame 120 CC Vignette Effect - Amount 250 Noise Effect - Amount of Noise 5% Gaussian Blur - Blurriness 2 Unsharp Mask - Amount 100, Radius 1.5 2) Adjustment Layer - Screen Blending Mode, Opacity 15% Gaussian Blur - Blurriness 200 3) Black Solid - Opacity 100% at frame 0 to 0% at frame 40 4) Adjustment Layer Displacement Map - Displacement Map Layer DISPLACEMENT REFERENCE, Effects & Masks, Horizontal 20, Vertical 10 5) DISPLACEMENT MAP REFERENCE (TRANSITION MATTE PRECOMP) - Visibility turned off Fast Box Blur Effect - Blur Radius 25 Invert Shift Channels Effect - Take Alpha from Luminance Fractal Noise Effect - Complexity 4 6) EMBERS (TRANSITION MATTE PRECOMP) - Screen Blending Mode CC Wide Time Effect - Forward Steps 0, Backward Steps 60 Solid Composite - Black Fractal Noise - Contrast 220, Brightness -90, Scale 40%, Opacity 50%, Multiply Blending Mode Brightness & Contrast Effect - Contrast 100%, Use Legacy On Fractal Noise Effect - Contrast 200, Scale 10%, Blending Mode Multiply Turbulent Displace Effect - Size 50, Offset Turbulence - expression “[time*65,540]”, Evolution - expression “time*200” Set Matte Effect - Take Matte from Layer BURN OBJECTS Set Matte Effect - Take Matte from Layer DARKEN BURN / TRANSITION MATTE, Luminance, Invert Matte On Tritone Effect - Hilights FFDD83, Midtones 8D3F18 Glow - Radius 50, Intensity 3 7) SMOKE (TRANSITION MATTE PRECOMP) - Screen Blending Mode, Opacity 20% CC Wide Time Effect - Forward Steps 0, Backward Steps 10 Set Matte Effect - Take Matte from Layer BURN OBJECTS Set Matte Effect - Take Matte from Layer DARKEN BURN / TRANSITION MATTE, Luminance, Invert Matte On Fast Box Blur Effect - Blur Radius 10 Solid Composite Effect - Black Fractal Noise Effect - Fractal Type Dynamic, Scale 300%, Complexity 10, Sub Influence 90%, Sub Scaling 65, Sub Rotation 100, Evolution - expression “time*200”, Blending Mode Multiply Turbulent Displace Effect - Displacement Twist, Amount 40, Size 50 8) FIRE EDGE (TRANSITION MATTE PRECOMP) - Add Blending Mode Invert Effect Turbulent Displace Effect - Size 20 CC Composite Effect - Composite Original Multiply Fractal Noise Effect - Contrast 200, Brightness -25, Sub Influence 200%. Blending Mode Multiply Set Matte Effect - Take Matte from Layer BURN OBJECTS Tritone Effect - Hilights FFDD83, Midtones 8D3F18 Glow - Radius 50, Intensity 3 9) DARKEN BURN / TRANSITION MATTE (TRANSITION MATTE PRECOMP) - Linear Burn Blending Mode Fast Box Blur Effect - Blur Radius 30, Repeat Edge Pixels On Levels Effect - Gamma .6 Hue Saturation Effect - Colorize On, Hue 30, Saturation 15, Lightness 15 10) BURN OBJECTS (BURN OBJECTS PRECOMP) Set Matte Effect - Take Matte from Layer DARKEN BURN / TRANSITION MATTE, Use for Matte Luminance 11) Black Solid (Background) 00:00 Intro 01:24 Burn Objects Precomp 02:53 Transition Matte 07:39 Set Matte 08:45 Burnt Edge 10:08 Fire Edge 13:57 Smoke 18:10 Embers 23:10 Displacement Map 25:30 Final Effects 27:31 Outro
UIVault·youtu.be·
Advanced Burn Effect - After Effects Tutorial NO PLUGINS!
Cantina
Cantina
Cantina Creative is a design and visual effects studio located in Los Angeles, CA. Our projects range from feature films to commercials and video game cinematics. We provide a collaborative environment for artists and filmmakers to realize their vision from concept through completion.
UIVault·cantinacreative.com·
Cantina
Cantina Creative on Behance
Cantina Creative on Behance
Cantina Creative is a design and visual effects studio located in Los Angeles, CA. Our projects range from feature films to commercials and video game cinematics. We provide a collaborative environment for artists and filmmakers to realize their vision from concept through completion.
UIVault·behance.net·
Cantina Creative on Behance
oscar mar
oscar mar
My involvement on projects ranges from art direction, graphic design, animation and illustration. I focus on work for film, games and broadcast working locally in Toronto and remotely for different studios and clients around the world. My previous work experience includes the roles of Lead Motion Designer and Graphic Design Director at companies like Electronic Arts and Ubisoft.​​​​​ Ideal roles: Look development (style frames) · Main title design · Technology screen design (UI) · Illustration · 2D animation · Art direction
UIVault·oscarmar.com·
oscar mar
Turn Anything into GOLD in Photoshop!
Turn Anything into GOLD in Photoshop!
In today's Adobe Photoshop tutorial I'm going to show you how to turn anything into gold using this simple combination of Photoshop filters and tools. The effect smooths out the details of a regular image and adds an array of shiny reflections to mimic the appearance of a polished metal statue. A gradient overlay gives the effect the yellowy tones of gold, then a few finishing touches add some bright highlights. 📦 Join my mailing list and get a FREE design resources bundle! http://spoon.graphics/freebundle ⭐️Get 30% Off Skillshare Membership - https://spoon.graphics/skillshare30 ► Dancer image by David Hofmann - https://spoon.graphics/3dPdBp2 #Photoshop #PhotoshopTutorial #AdobePhotoshop Adobe Photoshop & Adobe Illustrator design tutorials from Chris Spooner of Spoon Graphics. Subscribe to learn how to create stunning artwork as I share my tips and tricks in video format. Join my mailing list: http://blog.spoongraphics.co.uk/subscribe Visit my design blog: http://blog.spoongraphics.co.uk Follow me on Twitter: http://twitter.com/chrisspooner Join me on Facebook: http://www.facebook.com/spoongraphics ⭐️ Get Photoshop and other Adobe CC programs here: https://spoon.graphics/adobe ✍️ The Wacom Graphics Tablet I use: https://amzn.to/2GYNYEc
UIVault·youtu.be·
Turn Anything into GOLD in Photoshop!
Work
Work
Cake Studios is a leader in motion graphics design and animation for broadcast, sports and entertainment broadcasts, sports teams & venues and new media.
UIVault·cakestudios.tv·
Work
Nicolas Girard
Nicolas Girard
Independent graphic design studio, Toronto, Canada. Graphic, design, motion, animation, designer, toronto, identity, logo, broadcast, rebrand, branding
UIVault·nicolas.to·
Nicolas Girard
Transitions - Awwwards
Transitions - Awwwards
Transitions are the animated changes between two pages, states or views to provide visual continuity to the user interface. Transitions can use any kind...
UIVault·awwwards.com·
Transitions - Awwwards
GDC Vault - Art Direction for AAA UI
GDC Vault - Art Direction for AAA UI
The UI Art Direction of your games play a pivotal role for players. Understanding how cognitive processes influence visual direction is fundamental to creating engaging and cohesive presentation for your players. This deep dive will remove the...
UIVault·gdcvault.com·
GDC Vault - Art Direction for AAA UI
Art Direction for AAA UI
Art Direction for AAA UI
In this 2018 GDC talk, DICE LA's Omer Younas explains how to create consistent, engaging UI art for AAA games using relevant theory and best practice. Please note: This talk originally contained a sketch from Saturday Night Live featuring Ryan Reynolds. For context, that skit can be viewed here: https://www.youtube.com/watch?v=jVhlJNJopOQ Register for GDC: https://ubm.io/341ZiaZ Join the GDC mailing list: http://www.gdconf.com/subscribe Follow GDC on Twitter: https://twitter.com/Official_GDC GDC talks cover a range of developmental topics including game design, programming, audio, visual arts, business management, production, online games, and much more. We post a fresh GDC video every day. Subscribe to the channel to stay on top of regular updates, and check out GDC Vault for thousands of more in-depth talks from our archives.
UIVault·youtu.be·
Art Direction for AAA UI
ALT Creative, Inc.
ALT Creative, Inc.
ALT Creative, Inc. offers illustration, design, VFX, animation, and directorial services managed by our director, Ash Thorp.
UIVault·altcinc.com·
ALT Creative, Inc.