How to animate pushing in the face of the shape (photos)

Hi people,

I'm quite new to After Effects.  I'm trying to achieve an effect where I have a triangle and then inside the area of this triangle, another triangle gets drawn.  Then the face of this new triangle gets pushed into the deepest simulating the shape.  I mocked basically place this as my before and after the idea is to use sketchup, but I don't know how to do in aftereffects.  Any help or pointers to tutorials that do this kind of thing would be much appreciated!

before:

Screen Shot 2016-08-31 at 1.07.01 AM.png

After:

Screen Shot 2016-08-31 at 1.07.35 AM.png

Thank you!

If you try to reach this goal as a 3-d object you must use C4D lite or maybe same Blender (blender.org). If you just want to simulate 3D, you can simply animate layers and shape paths or create your 3D artwork that is simulated as a layered Illustrator file and create your animation separately.  Or the other technique will require a study on how to use the tools.

Here's what fake 3D with shape layers might look like:

I reorganized the workspace so you can see the properties changed and animated of shape layers. Here is the ASP for the project.

Dropbox - fake 3d Triangle.aep (Note: your browser may add a .txt extension to the file ASP.) Just remove it and you should be able to open it.

Tags: After Effects

Similar Questions

  • How to animate elements on the screen in the center of the screen without percentage

    Hi, I am very new to Adobe Edge. I take a class for itself at the College so I know the basics, but still to learn. I am trying to create a very basic animation where I have 2 active who are beginning to leave the stage on each side. I wish that the elements to be introduced on the sides and meet in the middle with a duplication of 20px. I tried to set a keyframe for both items at 0 seconds and affecting the translations of X - 2000px and 2000px and then by defining another keyframe to 5 seconds and change translations of X to 48% and 52% respectively. It made me the desired effect, but only because I have such a big screen. If the browser window is resized or the screen is smaller, the effect of not not remains the same due to the use of percentages to Center elements.

    In fact, my question is: is there a way to animate elements until the middle of the screen without percentages (perhaps using margin: 0 auto or something)? Or is there a way to accomplish what I'm looking for so that the positioning of elements is the same regardless of the size of browser window?

    Thanks in advance!

    Nevermind, just ended up using jQuery right and got the effect desired in a few minutes.

  • How to locate those containing the tag photos recognized face?

    Hi all

    As noted, how I have read or grouped these photos some people confirmed Tags?  It seems that the faces are recognized on the views of the people.  I can't filter my photos with these faces as a criterion like the list of keywords.  Any suggestions?

    Concerning

    YM

    in the adobe site, there's a tutorial on this new feature. based on this video, in the keywords, you should see an additional tab look for people tags. I have not yet tested who.

  • How to animate objects on the screen on certain events

    I want to clown dance when he grabs a hat (I have a Tween to this), which is otherwise just standing, basically, I need to animate objects on certain events and then stop, I see so many manufacturers of games doing that, I don't know anything about, tried many things on my own but without success

    a simple example:

    You can download it here: http://www.flashdersi.com/flash/diger/adobeforum/hittest.fla

    import flash.events.Event;

    addEventListener (Event.ENTER_FRAME, fCheck);
    var bMove:Boolean = false;
    function fCheck(evt:Event)
    {
    If (! bMove)
    {
    If (mcHandClown.hitTestObject (mcHat))
    {
    bMove = true;
    mcClown.gotoAndPlay (2);

    }
    }
    if(mcClown.currentFrame==1)
    {
    bMove = false;
    }

    }

    mcHat.startDrag (true);

  • How to drag - drop in the windows photo gallery?

    All I get ts a red circle with a red line in it.

    Hi GeorgeDuncan,

    Are you aware of any hardware or software changes, prior to the beginning of the question?

    You cannot drag, drop or move the pictures in windows photo gallery, but you can do a right click in the empty space of the image window and use options such as group by, sort by, etc. to organize photos. You can even mark photos for storing photos

    You can also check out the link for more information on tags - below

    http://Windows.Microsoft.com/en-us/Windows-Vista/tips-for-organizing-pictures

    For reference:
  • How to clear titles in the windows photo gallery, located on the left side.

    I have a problem to remove the titles of my photos when I delete an album that the title is still there.

    Try the websites below

    http://ptgmedia.pearsoncmg.com/imprint_downloads/InformIT/que/Office//EasyPhotoEditingwithVistaPhotoGallery.PDF

    http://www.Microsoft.com/Malaysia/Windows/products/windowsvista/features/details/Photogallery.mspx

    http://Windows.Microsoft.com/en-us/Windows-Vista/Windows-Photo-Gallery-frequently-asked-questions

  • How can I control where the zoom point is on each photo?

    Using the DVD maker, each photo automatically zoom in our out and zooms from random places in the photo.  How can I make the subjects face point zoom?

    Maybe it's because some settings you selected?

    "To add pan and zoom effects to the pictures you include in your slide show, click pan zoom effects for images and use."

    How to use Windows DVD Maker in Windows 7
    http://www.SevenForums.com/tutorials/54090-Windows-DVD-Maker-how-use.html

    In the Windows Photo Viewer, use the mouse to see a small hand on the zoomed picture that allows to move the photo via the movement of the mouse holding left click?

  • Push all the objects in a tablespace to another

    Hello

    on the 11g R2 (11.2.0.3)

    We need to move all the objects in one tablespace to another.

    Is this possible?

    How can we push all the objects of a logical disk space to a different tablespace?

    Thank you.

    Generate the

    ALTER TABLE TableName MOVE TABLESPACE new_tbsname
    and

    ALTER INDEX REBUILD new_tbsname IndexName

    orders.  You can use "SQL Generation of SQL" or write a PLSQL WHERE USER_SEGMENTS loop.

    If you have some LOBs you must move the LOBs using
    ALTER TABLE TableName MOVE LOB (lobname) STORE AS LOBSEGMENT (TABLESPACE new_tbsname)

    Hemant K Collette

  • Xperia Z5: How to return to the original photo after you save the cropped photo?

    Hi, I wonder how I can return to the original photo after saving a photo cropped on my Xperia Z5. The cropped photo doesn't have a sufficient resolution so he could be put on a canvas, I want to return to the original photo before cropping. Thank you :-)

    Hello, troy_t!

    If you crop the photo, the original photo will always be there. You can crop photos on the Album and then use Photo Editor. It is a standard editing program that is provided with your Sony Xperia Z5. If you crop a photo and then save the cropped photo, the original photo will always be there. I can assure you that if you use the standard Photo editing program to crop a photo, the original photo will always be there, even if it was cropped. You can make as many photos cropped the image you want to crop as you want, because the original photo will always be there, even if you may have saved a version cropped the image you wanted at the origin of the crops.

  • How to animate the edge activate on click in muse

    How to animate the edge activate on click in muse?

    Not an expert here, but this article should provide you with some guidance.

    Control of the animated elements > adding interactivity based in Adobe Edge animate

  • How to animate a line with the pen tool to give the impression that it is plotted?

    How to animate a line with the pen tool to give the impression that it is plotted?

    Or you can choose the pen tool (g), set the padding to zero and the race to what you want, then draw a path, then press U twice to reveal all of the properties that have been changed for the layer, and then click Add (top-right) and select Connect the tracks.

    To make the race work just animate the start or end point and sent to paint on original or reveal original or normal.

  • I'm looking for a way to blur a face for about 8 seconds of a video of 20 minutes. When I use the mosaic is bluring in the same place throughout the 20-minute video. How can I add to the 8 seconds when the face appears?  Thank you.

    I'm looking for a way to blur a face for about 8 seconds of a video of 20 minutes. When I use the mosaic, it is bluring in the same place throughout the 20-minute video. How can I add to the 8 seconds when the face appears?  Thank you.

    Razor the clip at the beginning of the second part 8 and at the end, and then apply the mosaic effect to the clip.

  • How to animate a time card and the color.

    Hello

    I would create a small card on colonization, that is why I would animate a map and color, just like this video:

    Animated map of the Khmer Empire time & South East Asia (100-1550 A.D.) - YouTube

    Thank you.

    That the style of layering of colors can be accomplished using animation shape layers and blending modes. You create the work, make masking appropriate, then piling the animated layers and change the blending mode to something like screen overlay color or or multiply. The blending mode is not he colors above and below.

    If you don't know how to animate shapes of mask layers, then let us know and we'll point you to some basic techniques AE tutorials.

  • How to animate the drawing process

    I am doing something for a friend, and the idea that I have in mind includes "a drawing of drawing." As in, in flash, there is a pencil, and it moves around, creating a drawing he runs along. How can animate that? Thank you.

    I posted this technique probably 100 times on this forum over the years... probably in the top 5
    longer required animation techniques - see this:

    http://www.keyframer.com/index.php/2006/10/the-write-stuff/

    I hope this helps.

    Chris Georgenes
    Adobe Community Expert
    www.Mudbubble.com
    www.keyframer.com
    www.howtocheatinflash.com

    comwhiz36 wrote:
    > I am doing something for a friend, and includes the idea that I have in mind
    > "a drawing of drawing." As in, in flash, there is a pencil, and it moves
    > around, creating a drawing that follows. How can animate that? Thank you.
    >

  • Videos YouTube are pushed off the screen to the right by an ad, how to fix?

    When I click on a link to a youtube video, the video appears for a few seconds in the correct location of the site, but then an ad square appears on the side left forcing the video screen to be pushed all the way to the right and off the screen. The video will be displayed on the right side of the column of the videos ' read popular. " Sometimes, a scroll bar appears at the bottom of the window, because the page is now much broader, which will allow me to scroll right to see the video, however, sometimes the scroll bar does not appear and I see only the left edge of the video.

    I reinstalled Adobe® Flash® Player, which did not help and I also have the latest version of Firefox. This began to happen quite recently... maybe a week, there is or not.

    The reset Firefox feature can solve a lot of problems in restaurant Firefox to its factory default condition while saving your vital information.
    Note: This will make you lose all the Extensions, open Web sites and preferences.

    To reset Firefox, perform the following steps:

    1. Go to Firefox > help > troubleshooting information.
    2. Click on the button 'Reset Firefox'.
    3. Firefox will close and reset. After Firefox is finished, it will display a window with the imported information. Click Finish.
    4. Firefox opens with all the default settings applied.

    Information can be found in the article Firefox Refresh - reset the settings and Add-ons .

    This solve your problems? Please report to us!

Maybe you are looking for

  • Hide the scroll bar on HTML elements

    HTML elements on the slot mask Web page the bar scroll of Firefox. Who should never be allowed to happen, right? It happens that particular page but not other pages on the same site. Do not have a clue as to why, but it's obviously a bug that needs f

  • My 20 Firefox seems not extinguished, but only restarts. Also, rather than to my home page, the last visited pages appear.

    It's like Firefox 20.0 never stops but only restarts. Even when I close Firefox 20.0 by clicking the X button in the top right or use "exit" when I open Firefox, it is as if I had used 'restart', namely the tabs don't load until I click on them. In a

  • Acer R7-572 SSD or mSata

    Hello I am actively thinking of buying an R7-572. But there an mSata ssd slot? I saw a French ecommerce site that seems to say, as they sell it with a HDD 1 TB + SSD 24Go ( http://www.rueducommerce.fr/Ordinateurs/Ordinateur-Portable/Ordinateur-Portab

  • Received error error Sim menu chat

    Menu contact of C/Windows/system32/ksproxy.ax__Error Sim chat msn msg.ex bad image__can someone tell me what this error means. my machine freezes and won't workj after the log in page. can only pass secure mode__ c/Windows/system32/ksproxy.ax

  • My new PC says display driver Intel HD stopped responding and has recovered.

    I recently bought my new CPU with config belowi5-3330 3.0 Ghz processor Icard mother dh67bl NTELhard drive 500 GB4 GB of RamI installed the 64-bit Windows 7 operating system Several times he said: intel hd display driver stopped responding and has re