- 30
- 98 550
Gabe Wong
Canada
Приєднався 13 сер 2013
Welcome to my channel! I post my course content here on graphic design and illustration. Hopefully, I will start adding videos of my process, experiments, discussions and explorations into visual culture.
Starting with Adobe Aero and Image Anchors Demo — Making a quick AR Poster!
In this video, I use Adobe Aero (2022) to make a simple augmented reality poster by using it as an image anchor. Time stamps below. You can download the files for the demo here: Poster: drive.google.com/drive/folders/13It8lMN7y0k31EegG4j8acqKgRzT25UR?usp=sharing
... and if you want to play with the textures in the layered AR demo: drive.google.com/drive/folders/1-IC5BZddw0WAI3_taziPXt-myKSS_n3Q?usp=sharing
0:00 Introduction
2:29 New File & Cloud Storage
3:05 Adobe Aero Workspace
3:40 Moving Objects
4:00 View Tools
5:54 Starting the Scene & Using Image Anchors (Horizontal & Vertical Surfaces)
6:59 Placing the Anchor & Adjusting the Size
8:15 Placing Assets: Figure
9:37 Placing Assets: Background
10:23 Placing Assets: Text
12:04 Adding Actions: Background (Play Image Sequence)
13:17 Adding Actions: Figure (Play Image Sequence)
14:02 Adding Actions: Text (Show)
15:35 Additional Actions
18:08 Bouncing Text Action
19:02 Triggers: Tap/Click on Figure
20:41 Adding Bounce 2
21:31 Everything added & Finished Interaction
22:04 Sharing
22:48 Adding Layered PSD files
23:17 Layered Photoshop File Preview
AR iPad Recording: ua-cam.com/video/8lZLnlp66lw/v-deo.html
... and if you want to play with the textures in the layered AR demo: drive.google.com/drive/folders/1-IC5BZddw0WAI3_taziPXt-myKSS_n3Q?usp=sharing
0:00 Introduction
2:29 New File & Cloud Storage
3:05 Adobe Aero Workspace
3:40 Moving Objects
4:00 View Tools
5:54 Starting the Scene & Using Image Anchors (Horizontal & Vertical Surfaces)
6:59 Placing the Anchor & Adjusting the Size
8:15 Placing Assets: Figure
9:37 Placing Assets: Background
10:23 Placing Assets: Text
12:04 Adding Actions: Background (Play Image Sequence)
13:17 Adding Actions: Figure (Play Image Sequence)
14:02 Adding Actions: Text (Show)
15:35 Additional Actions
18:08 Bouncing Text Action
19:02 Triggers: Tap/Click on Figure
20:41 Adding Bounce 2
21:31 Everything added & Finished Interaction
22:04 Sharing
22:48 Adding Layered PSD files
23:17 Layered Photoshop File Preview
AR iPad Recording: ua-cam.com/video/8lZLnlp66lw/v-deo.html
Переглядів: 7 516
Відео
Colouring Black and White (Greyscale) Pencil or Watercolour Work with Masks in Photoshop 2022
Переглядів 1072 роки тому
Use masks to colour and keep the details of your delicate pencil or watercolour drawings!
VR for Graphic Designers! Starting in Monoscopic VR in After Effects for Graphics (2022)
Переглядів 5372 роки тому
This video looks at using After Effects' VR capabilities for graphic art uses. Chapter timecode, demo files and reference video are below. Sample VR Video (unlisted): ua-cam.com/video/eaFqJqGGjtA/v-deo.html Demo Files: drive.google.com/drive/folders/1iHOxMaxOfpxXwjQOV0TN4-1-jxztMyQh?usp=sharing 00:00 Introduction 1:54 Orbit Tool 2:12 VR2 Edit/Output and Composition 3:28 Multiple Viewers (Compos...
Compiling and Exporting Videos for VR in After Effects for YouTube
Переглядів 3,3 тис.2 роки тому
A just okay video for using After Effects to compile a graphic and export to VR for UA-cam. Chapters/time codes, demo files and reference video are below. VR Video Reference (Unlisted): ua-cam.com/video/fLjisSDXfDI/v-deo.html Demo Files: drive.google.com/drive/folders/1iHOxMaxOfpxXwjQOV0TN4-1-jxztMyQh?usp=sharing 0:0 Introduction 0:32 New Composition (2:1, 4096 x 2048) 1:48 Importing Files 3:02...
Animating in Photoshop #2! Using Photoshop's Video Timeline, Keyframes and Tweening (2022)
Переглядів 14 тис.2 роки тому
This video looks at how to use the video timeline, tweening and keyframes in Photoshop CC 2022. To get the new M1 Macs to have the video timeline in Photoshop you have to open it in Rosetta. Find the application launch icon, right-click and "Get Info" and activate Rosetta. You may need to relaunch PS. Demo files can be downloaded here: drive.google.com/drive/folders/1ejdrznXPnnLJhvZSfdje5lgel4t...
Animating in Photoshop #1! Make Frame Animations in Photoshop (2022)
Переглядів 10 тис.2 роки тому
A quick demo on using Adobe Photoshop (2022) to make a frame animation. I will go over using the video timeline (tweening) in my next video! Files for this demo can be found on this Google Drive folder link: drive.google.com/open?id=1Qa3UUXHP-kyha0aIRwcTO2ApWMLTSy59&authuser=gwong19872@eciad.ca&usp=drive_fs This video is mainly for my design class, so some of the content might be specific to th...
Match Your Modular Grid to your and Baseline!
Переглядів 20 тис.3 роки тому
This video is part of my Learning Layout Series In this video, I provide my process to match my modular and baseline grids. I hope you find this video helpful. Please let me know your questions and comments below! Timestamps to be added later!
Make a Columnar Layout with a Baseline Grid!
Переглядів 1,3 тис.3 роки тому
This video is part of my series, Learning Layout (Tips and Tricks, InDesign 2021) This video looks at how to create a columnar layout with a baseline grid in InDesign 2021. The exercise, Making a layout with a Geometric Shape, can be found at the bottom of my blog post: ecgw.wordpress.com/2019/01/28/cede210-s3-van-de-graaf-canon-and-columnar-design/ Timestamps will be added later! Let me know y...
Vector Illustrations in Adobe Illustrator #8-Tips, Tricks and Extras Techniques
Переглядів 1803 роки тому
In this video, we look at tips and tricks in Illustrator such as aligning and joining points, transforming objects, blending, distorting and using "Image Trace." Download the demo file: drive.google.com/file/d/1k8nCw52orHkqGRj8dtPdYiLPEBr5KTuh/view?usp=sharing
Vector Illustrations in Adobe Illustrator #7-Artboards, Exporting for Print and Screens
Переглядів 1663 роки тому
In this video, we will look at colour modes, creating and editing artboards, saving for print, bleeds and exporting images for the screen. Also, I include some bonus content on how to tile pages for printing oversize images. Download the demo file here: drive.google.com/file/d/1xXM2yZhxBG 2_kzlRuTszRMe97GKG6P/view?usp=sharing More reading on image types: www.digitaltrends.com/computing/jpeg-vs-...
Vector Illustrations in Adobe Illustrator #6-Text, Effects and Blending Modes
Переглядів 1473 роки тому
This video introduces using text, effects and blending modes Download the demo file here: drive.google.com/file/d/1pr45yTjgjjNmn_MltqvzDj1cp4hp5Oyc/view?usp=sharing
Vector Illustrations in Adobe Illustrator #5-Patterns and Brushes
Переглядів 1343 роки тому
This video introduces making patterns and brushes. Download the demo file here: drive.google.com/file/d/1Ovz_a_jZZRm00gzZ-CvbTfqd_qHTUMLb/view?usp=sharing
Vector Illustrations in Adobe Illustrator #4-Clipping Masks, Compound Paths, Gradients & Images
Переглядів 1383 роки тому
This video introduces clipping masks, compound paths, gradients and inserting/placing images. Feel free to download the demo file here: drive.google.com/file/d/1UNrBIouhxv9R4z4ICUr4AURiUtmPiqCi/view?usp=sharing
Vector Illustrations in Adobe Illustrator #3-The Pen Tool Continued (Tracing Method)
Переглядів 1843 роки тому
This video introduces creating illustrations using my preferred "tracing method" with the pen tool. Download the partially traced demo file: drive.google.com/file/d/1i6FXc-tdNlMiif25FePEPnaLAFsWnw66/view?usp=sharing
Vector Illustrations in Adobe Illustrator #2-Pen Tool and Making Illustrations with Shapes
Переглядів 1863 роки тому
This video introduces the pen tool and how to build a simple illustration by creating shapes (Paper Cutout Method). You can find the images and see the step by step instructions on my blog: ecgw.wordpress.com/2019/06/22/ceil101-s5-tracing-with-the-pen-tool/
Vector Illustrations in Adobe Illustrator #1-Vector Graphics and Illustrator Basics
Переглядів 3783 роки тому
Vector Illustrations in Adobe Illustrator #1-Vector Graphics and Illustrator Basics
Photoshop and Illustrator Process Video for World Wildlife Day 2021
Переглядів 1543 роки тому
Photoshop and Illustrator Process Video for World Wildlife Day 2021
Learning Layout Extras, Golden Section, Subdivision Grids Composition Analysis 2/2
Переглядів 1,5 тис.3 роки тому
Learning Layout Extras, Golden Section, Subdivision Grids Composition Analysis 2/2
Learning Layout Extras, Golden Section, Subdivision Grids Composition Analysis 1/2
Переглядів 4,1 тис.3 роки тому
Learning Layout Extras, Golden Section, Subdivision Grids Composition Analysis 1/2
Learning Layout 1, Introduction to Layout, Page Sizes and Proportions
Переглядів 4,3 тис.3 роки тому
Learning Layout 1, Introduction to Layout, Page Sizes and Proportions
Learning Layout 2, Grouping and Composition
Переглядів 2,6 тис.3 роки тому
Learning Layout 2, Grouping and Composition
Graphic Design, Some Background and Considerations
Переглядів 1,1 тис.4 роки тому
Graphic Design, Some Background and Considerations
Creating a Limited Colour Vector Illustration using Photoshop Posterize and Illustrator
Переглядів 4024 роки тому
Creating a Limited Colour Vector Illustration using Photoshop Posterize and Illustrator
SketchUp, MagicPoser and Procreate, Dragon Scene
Переглядів 3294 роки тому
SketchUp, MagicPoser and Procreate, Dragon Scene
1.2. Basics of Digital Illustration: Using SketchUp to Create a Scene for Reference
Переглядів 1784 роки тому
1.2. Basics of Digital Illustration: Using SketchUp to Create a Scene for Reference
Learning Layout 5, Modular and Baseline Grid
Переглядів 15 тис.4 роки тому
Learning Layout 5, Modular and Baseline Grid
Learning Layout 4, Hierarchical Grids
Переглядів 4,2 тис.4 роки тому
Learning Layout 4, Hierarchical Grids
I learned several things from this video! Thanks!
thank you!! <3
Oh my god! It is pefect!! Thank you :)
create video timeline is not available for me :(
Thanks a lot for sharing, works perfectly!
this is fantastic, the most useful tutorial on this topic. ! like!!! thank you so much
A4 Page dimension (aprox.): W= 49p7,026 H= 70p0,5 Margins: Top: 2p8 Bottom: 3p3 Inside: 2p0 Outside: 2p0 8 Rows, each consisting of 6 (14pt) lines: 84pt 7 Gutters, 14pt each
is there a way to make the margins equal? top and bottom and still have the baseline grid and the grid together?
By the way, in a letter page (51x66 Picas) you must add 12 pt to its page height to obtain a CUSTOM PAGE with perfect row division using 12pt as baseline, because you obtain 67, 12pt lines height each . You will have an odd number of gutters and an even number for your margins. In all cases, to obtain a perfect división with any baseline measure , you must add or substract some lines and/or fractions, to your page size or divide the extra (residual) space to add to your rows/baselines in order to compensate.
Good content!
This is the best tutorial for working this out. So many others tutorials get this wrong. This is perfect.
WOW great video ngl
Wat a fabulous class
if its an image anchor why would you need the QR code? I saw another tutorial where the image itself launched the AR experience, no QR code necessary
wht video dude give sauce
THANK YOU SO MUCH!!! I have been trying to figure out what was wrong for so long, many unhelpful tutorials later, this one rocked my world!
Bro, would you please do more videos like this? more grids and how to set it right on Indesign?
The most easy video about this 🎉🎉🎉🎉
This is awesome, Gabe! I learned sho much from this. Will use it in the new book I’m working on.
Thanks a lot. I didn't realize you could adjust visibility of layers for each frame. I thought you simply added one layer per frame. I kept ending up with multiples of the same frame.
Thank you!! This is the only tutorial I've found that makes sense and works!
Learned a bunch from this video. Thanks!
This is great, Gabe. I hope you continue this journey of content creation.
I thought I was going crazy for a minute. It's so frustrating that you have to go one by one. I don't know when it changed, but you used to be able to just highlight all of them and select "frames from layers" and it'd import all of them into the timeline. edit: Apparently you still can, you just have to deselect everything and then do it and it'll import all layers into frames. What an odd change
I'm design student but I haven't learnt >>how to align the modular grid to the baseline<< at the uni and your video helped me a lot in setting the foundation for my diploma document. Really easy to understand and easy to follow ur guide :D keep up the good work tho :D
FINALLY SOME EASY METHOD!!!!!! thank you!
Thank you, really
Thank you so much for the useful content
Thank you for this simple and clear explanation!
Nice thx
This does not solve the problem when the video motion is not highlighted. 4 thumbs down!
thank you very much
this video was importent............I have completed all your class
we need indd please
Can I get that written content? I've been watching your videos and they're really helpful. Thanks for everything.
Thank you, that was really helpful.
great!
I have been trying to figure this out for months and gave up, your video explained it perfectly.
Thank you sir, very helpful!
I enjoy your content. Can you explain image size in relation to page size ?
Love the content. So valuable. 2
But this is not graphic designers bro
keep it <3
nice jordar work
hi, 2 part question here…… 1-how do i set the timing? 2-what do i do if there is no option to convert to video timline? thanx!
1- setting the timing is just dragging the key frames closer or further apart. 2- maybe you are on a new M1 Mac? See the pinned comment - you may need to open the app in Rosetta
This series helped me so much, thank you!
You’re welcome! Thanks for watching!
Great, easy to understand video; btw, there is a Create Frames from Layers option in the menu to the top right of the timeline (a great timesaver if your animation has many layers).
I totally found out about that after I posted the video! 🤦♂️thanks for the message!
I loved the tutorial, just try to say less ''aaaa'' it ruins the communication of the message which by the way is very good and it helped me a lot! Thank you
hahahaa...uhhhhh....thanks! I will try better in my next videos~ ;)
Thanks for the video. Anytime I click on Create Link I get an error saying "Your link cannot be published at this time. Try again later." Has anyone had this issue before and know how to fix it?
I know right?! Adobe Aero is great but I feel like it's gotten buggier somehow. Anyways, I think you just have to wait a few minutes. That's the only thing that has worked for me.
Hi, nice video! It was really helpful. How do I make the hover effect of the pupil on the writing tho? Thanks in advance :)
If I understand correctly, you can change the layer's blending mode in the layers panel to "Difference." To clip the text to the pupil, create a clipping mask on the layer (right-click on the layer) hope that helps!
Thank you so much, buddy!
What was the process of uploading to youtube for VR? Great vid!