Gabe Wong
Gabe Wong
  • 30
  • 98 550
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
Переглядів: 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
Setting Up Spot Colours in Photoshop
Переглядів 2774 роки тому
Setting Up Spot Colours in Photoshop
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 6, Compound Grids
Переглядів 3 тис.4 роки тому
Learning Layout 6, Compound Grids
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
Learning Layout 3, Columnar Design
Переглядів 2,6 тис.4 роки тому
Learning Layout 3, Columnar Design

КОМЕНТАРІ

  • @fascinatingpictures
    @fascinatingpictures 2 місяці тому

    I learned several things from this video! Thanks!

  • @ayumimeh.8696
    @ayumimeh.8696 3 місяці тому

    thank you!! <3

  • @hanasvobodova2744
    @hanasvobodova2744 5 місяців тому

    Oh my god! It is pefect!! Thank you :)

  • @grahamhiggins1816
    @grahamhiggins1816 5 місяців тому

    create video timeline is not available for me :(

  • @gellayo9885
    @gellayo9885 5 місяців тому

    Thanks a lot for sharing, works perfectly!

  • @Buinhikl
    @Buinhikl 8 місяців тому

    this is fantastic, the most useful tutorial on this topic. ! like!!! thank you so much

  • @raulferia1516
    @raulferia1516 8 місяців тому

    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

  • @lushprod
    @lushprod 9 місяців тому

    is there a way to make the margins equal? top and bottom and still have the baseline grid and the grid together?

    • @raulferia1516
      @raulferia1516 8 місяців тому

      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.

  • @AkselLovseth
    @AkselLovseth 9 місяців тому

    Good content!

  • @ryanbelmontryan
    @ryanbelmontryan 10 місяців тому

    This is the best tutorial for working this out. So many others tutorials get this wrong. This is perfect.

  • @LuisSantos-w6r
    @LuisSantos-w6r 11 місяців тому

    WOW great video ngl

  • @baydotstudio9665
    @baydotstudio9665 11 місяців тому

    Wat a fabulous class

  • @oliverhalsmanrosenberg6617

    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

  • @tatagr
    @tatagr Рік тому

    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!

  • @olas591
    @olas591 Рік тому

    Bro, would you please do more videos like this? more grids and how to set it right on Indesign?

  • @elyoenariz
    @elyoenariz Рік тому

    The most easy video about this 🎉🎉🎉🎉

  • @melbacaniiii4870
    @melbacaniiii4870 Рік тому

    This is awesome, Gabe! I learned sho much from this. Will use it in the new book I’m working on.

  • @Mithadon
    @Mithadon Рік тому

    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.

  • @jennzboy
    @jennzboy Рік тому

    Thank you!! This is the only tutorial I've found that makes sense and works!

  • @fibberscloset498
    @fibberscloset498 Рік тому

    Learned a bunch from this video. Thanks!

  • @focusonthefocus
    @focusonthefocus Рік тому

    This is great, Gabe. I hope you continue this journey of content creation.

  • @caodesignworks2407
    @caodesignworks2407 Рік тому

    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

  • @hanguyen0203
    @hanguyen0203 Рік тому

    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

  • @ingridlarsson4581
    @ingridlarsson4581 Рік тому

    FINALLY SOME EASY METHOD!!!!!! thank you!

  • @fabiobergaglio7763
    @fabiobergaglio7763 Рік тому

    Thank you, really

  • @laila44477
    @laila44477 Рік тому

    Thank you so much for the useful content

  • @cynthiajohnston3966
    @cynthiajohnston3966 Рік тому

    Thank you for this simple and clear explanation!

  • @noaperez7281
    @noaperez7281 Рік тому

    Nice thx

  • @spongebobuniverse
    @spongebobuniverse Рік тому

    This does not solve the problem when the video motion is not highlighted. 4 thumbs down!

  • @tareqghorbal6761
    @tareqghorbal6761 Рік тому

    thank you very much

  • @imimran924
    @imimran924 Рік тому

    this video was importent............I have completed all your class

  • @imimran924
    @imimran924 Рік тому

    we need indd please

  • @ofnoblefolk
    @ofnoblefolk Рік тому

    Can I get that written content? I've been watching your videos and they're really helpful. Thanks for everything.

  • @lisabutcher9259
    @lisabutcher9259 Рік тому

    Thank you, that was really helpful.

  • @yotammon
    @yotammon Рік тому

    great!

  • @leeormatalon9769
    @leeormatalon9769 2 роки тому

    I have been trying to figure this out for months and gave up, your video explained it perfectly.

  • @jdneilso
    @jdneilso 2 роки тому

    Thank you sir, very helpful!

  • @TheDudeway
    @TheDudeway 2 роки тому

    I enjoy your content. Can you explain image size in relation to page size ?

  • @Videosuser
    @Videosuser 2 роки тому

    Love the content. So valuable. 2

  • @vanakamthamizha2940
    @vanakamthamizha2940 2 роки тому

    But this is not graphic designers bro

  • @guanvallebuona6649
    @guanvallebuona6649 2 роки тому

    keep it <3

  • @maheshpatelart4808
    @maheshpatelart4808 2 роки тому

    nice jordar work

  • @heritagecollectionswest9953
    @heritagecollectionswest9953 2 роки тому

    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!

    • @gabewong7768
      @gabewong7768 2 роки тому

      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

  • @hannamelnikava6838
    @hannamelnikava6838 2 роки тому

    This series helped me so much, thank you!

    • @gabewong7768
      @gabewong7768 2 роки тому

      You’re welcome! Thanks for watching!

  • @dexterwilson545
    @dexterwilson545 2 роки тому

    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).

    • @gabewong7768
      @gabewong7768 2 роки тому

      I totally found out about that after I posted the video! 🤦‍♂️thanks for the message!

  • @yungchillboy4170
    @yungchillboy4170 2 роки тому

    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

    • @gabewong7768
      @gabewong7768 2 роки тому

      hahahaa...uhhhhh....thanks! I will try better in my next videos~ ;)

  • @gregcallan8245
    @gregcallan8245 2 роки тому

    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?

    • @gabewong7768
      @gabewong7768 2 роки тому

      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.

  • @mariateresaroccato6830
    @mariateresaroccato6830 2 роки тому

    Hi, nice video! It was really helpful. How do I make the hover effect of the pupil on the writing tho? Thanks in advance :)

    • @gabewong7768
      @gabewong7768 2 роки тому

      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!

  • @moved4135
    @moved4135 2 роки тому

    Thank you so much, buddy!

  • @lily19278
    @lily19278 2 роки тому

    What was the process of uploading to youtube for VR? Great vid!