{"id":5699,"date":"2024-04-14T20:56:16","date_gmt":"2024-04-14T12:56:16","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=5699"},"modified":"2024-04-14T20:56:16","modified_gmt":"2024-04-14T12:56:16","slug":"summary-of-after-effects-and-lottie-in-webflow","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/ko\/summary-of-after-effects-and-lottie-in-webflow\/","title":{"rendered":"Webflow\uc758 After Effects \ubc0f Lottie \uc694\uc57d"},"content":{"rendered":"<div class=\"docs_rich-text w-richtext\">\n<p>\uc774 \ud29c\ud1a0\ub9ac\uc5bc \ub0b4\uc5d0\uc11c:<\/p>\n<ol>\n<li>After Effects\uc5d0\uc11c \ub808\uc774\uc544\uc6c3 \uc124\uc815<\/li>\n<li>\uada4\ub3c4 \uc560\ub2c8\uba54\uc774\uc158 \ub9cc\ub4e4\uae30<\/li>\n<li>\ud504\ub85c\uc81d\ud2b8 \ub0b4\ubcf4\ub0b4\uae30<\/li>\n<li>Webflow\uc5d0 \uc560\ub2c8\uba54\uc774\uc158 \ud1b5\ud569<\/li>\n<li>\uc0c1\ud638\uc791\uc6a9 \ud2b8\ub9ac\uac70 \uad6c\uc131<\/li>\n<\/ol>\n<h2>After Effects\uc5d0\uc11c \ub808\uc774\uc544\uc6c3 \uc124\uc815<\/h2>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1500px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow-s3.tenten.co\/2024\/04\/64b94849bdd37d12dce59ddc_6079ddb3f48b3452ea885bb9_lottie-overview_1.png\" loading=\"lazy\" alt=\"After Effects \uc124\uc815 \uc139\uc158\uc5d0\uc11c \uc0c8 \uad6c\uc131 \ubc84\ud2bc\uc774 \uac15\uc870 \ud45c\uc2dc\ub418\uc5c8\uc2b5\ub2c8\ub2e4.\" width=\"auto\" height=\"auto\" title=\"64b94849bdd37d12dce59ddc_6079ddb3f48b3452ea885bb9_lottie-overview_1\"><\/div>\n<\/figure>\n<p>After Effects\uc5d0\uc11c \ub808\uc774\uc544\uc6c3\uc744 \uc124\uc815\ud560 \ub54c \uc774\uac83\uc774 \ucd08\uae30 \ub2e8\uacc4\uc774\uc9c0\ub9cc \ub098\uc911\uc5d0 \uc5b8\uc81c\ub4e0\uc9c0 \uc218\uc815\ud560 \uc218 \uc788\ub2e4\ub294 \uc810\uc744 \uba85\uc2ec\ud558\uc138\uc694. \ud06c\uae30, \ud0c0\uc774\ubc0d \ub610\ub294 \ud504\ub808\uc784 \uc18d\ub3c4\ub97c \uc720\uc5f0\ud558\uac8c \uc870\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc608\ub97c \ub4e4\uc5b4, \uc774 \ub370\ubaa8\uc5d0\uc11c\ub294 \ucd08\ub2f9 60\ud504\ub808\uc784\uc73c\ub85c \ub108\ube44 1000\ud53d\uc140, \ub192\uc774 1000\ud53d\uc140 \ub808\uc774\uc544\uc6c3\uc744 \uad6c\uc131\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.<\/p>\n<p><\/p>\n<p><strong>After Effects\uc5d0\uc11c \ub808\uc774\uc544\uc6c3 \uc124\uc815<\/strong>:<\/p>\n<ol>\n<li>\uc560\ud504\ud130 \uc774\ud399\ud2b8 \uc2e4\ud589<\/li>\n<li>\uc120\ud0dd\ud558\ub2e4 <strong>\uc0c8\ub85c\uc6b4 \uad6c\uc131<\/strong><\/li>\n<li>1000px\uc744 \uc785\ub825\ud558\uc138\uc694. <strong>\ub108\ube44<\/strong><\/li>\n<li>1000px\uc744 \uc785\ub825\ud558\uc138\uc694. <strong>\ud0a4<\/strong><\/li>\n<li>\uc5d0 60\uc744 \uc785\ub825\ud569\ub2c8\ub2e4. <strong>\ud504\ub808\uc784 \uc18d\ub3c4<\/strong><\/li>\n<li>5\ucd08\ub97c \uc785\ub825\ud558\uc138\uc694. <strong>\uc9c0\uc18d<\/strong><\/li>\n<li>\uc124\uc815 <strong>\ubc30\uacbd\uc0c9<\/strong> \ud770\uc0c9\uc73c\ub85c<\/li>\n<\/ol>\n<p><\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94849bdd37d12dce59dd6_5f2bc71de9599665b32407be_hqch1l0qfvq4qf14d1onjsmtfff45pborxmc6sfhtm1yzssfd6bpkjftgkwakurkuddeibml1uhusb2za99dom0jpqf7vqfuxiv0qnauxmgzpzszk0wu-o8skbcs6xgc3fbqsveh.jpeg\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"\ucef4\ud3ec\uc9c0\uc158 \uc124\uc815 \ub300\ud654 \uc0c1\uc790\" title=\"64b94849bdd37d12dce59dd6_5f2bc71de9599665b32407be_hqch1l0qfvq4qf14d1onjsmtfff45pborxmc6sfhtm1yzssfd6bpkjftgkwakurkuddeibml1uhusb2za99dom0jpqf7vqfuxiv0 qnauxmgzpzszk0wu-o8skbcs6xgc3fbqsveh\"><\/div>\n<\/figure>\n<p><\/p>\n<h6><strong>\uba54\ubaa8<\/strong>: \ud655\uc2e4\ud788 \ud574\ub450\uc138\uc694 <strong>\uc885\ud6a1\ube44\ub97c 1:1(1.00)\ub85c \ubc29\uc9c0<\/strong> \ub9de\ucda4\ud615 \uce58\uc218\ub97c \uc124\uacc4\ud558\ub3c4\ub85d \uc120\ud0dd\ub418\uc9c0 \uc54a\uc558\uc2b5\ub2c8\ub2e4.<br \/><\/h6>\n<pShould you desire to revisit and make adjustments, simply right-click your layout and access the settings.<\/p>\n<h2>\uada4\ub3c4 \uc560\ub2c8\uba54\uc774\uc158 \uac1c\ubc1c<\/h2>\n<p>\ub2e4\uc74c \ub2e8\uacc4\uc5d0\uc11c\ub294 \ud765\ubbf8\ub85c\uc6b4 \uc601\uc5ed\uc744 \ud0d0\uad6c\ud569\ub2c8\ub2e4. \uc0c8\ub85c\uc6b4 \ubaa8\uc591 \ub808\uc774\uc5b4\ub97c \ub808\uc774\uc544\uc6c3\uc5d0 \ud1b5\ud569\ud558\ub294 \uac83\ubd80\ud130 \uc2dc\uc791\ud574 \ubcf4\uaca0\uc2b5\ub2c8\ub2e4.\u00a0<\/p>\n<p><strong>\ubaa8\uc591 \ub808\uc774\uc5b4 \ud1b5\ud569<\/strong>:<\/p>\n<ol>\n<li>\ub0b4\uc5d0\uc11c \ub9c8\uc6b0\uc2a4 \uc624\ub978\ucabd \ubc84\ud2bc\uc744 \ud074\ub9ad\ud558\uc138\uc694. <strong>\ub808\uc774\uc5b4 \ud328\ub110<\/strong><\/li>\n<li>\uc704\ub85c \ub9c8\uc6b0\uc2a4\ub97c <strong>\uc0c8\ub85c\uc6b4<\/strong><\/li>\n<li>\uc120\ud0dd\ud558\ub2e4 <strong>\ubaa8\uc591 \ub808\uc774\uc5b4<\/strong>\u00a0<\/li>\n<\/ol>\n<p><\/p>\n<pyou now hold the ability to fashion any desired shape. unfold settings of your shape by tapping dropdown arrow layer &gt; <strong>\ucd94\uac00\ud558\ub2e4<\/strong> &gt; <strong>\ud0c0\uc6d0<\/strong>. \uadf8 \ud6c4, \ud0c0\uc6d0\uc744 \ub9c8\uc74c\ub300\ub85c \uc0ac\uc6a9\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94849bdd37d12dce59dd3_5f2bc71cfe048420a3774725_ohcqajeleefu9h9t_gy1kwlqhbtdsg_wril6vn-j7applxpm_qyczdohni-mldmulfqwj131_g-igdvsje424bmi36l0d1okbmr6-caevzsjb5nzefnx-xzoevtrfh69kbm_5mbn.jpeg\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"\ubaa8\uc591 \ub808\uc774\uc5b4 \ucf58\ud150\uce20 \uc124\uc815. \ucd94\uac00 \uae30\ub2a5\uc774 \uac15\uc870 \ud45c\uc2dc\ub429\ub2c8\ub2e4.\" title=\"64b94849bdd37d12dce59dd3_5f2bc71cfe048420a3774725_ohcqajeleefu9h9t_gy1kwlqhbtdsg_wril6vn-j7applxpm_qyczdohni-mldmulfqwj131_g-igdvsje424bmi36l0d1o1TP 36Tmr6-caevzsjb5nzefnx-xzoevtrfh69kbm_5mbn\"><\/div>\n<\/figure>\n<p><\/p>\n<p><strong>\ud68d\uc744 \ud1b5\ud569\ud558\uace0 \ud0c0\uc6d0\uc774 \ubcf4\uc774\ub3c4\ub85d \ud06c\uae30\ub97c \ud655\ub300\ud569\ub2c8\ub2e4.<br \/><\/strong><\/p>\n<ol>\n<li>\ub538\uae4d \ud558\ub294 \uc18c\ub9ac <strong>\ucd94\uac00\ud558\ub2e4<\/strong> \ubaa8\uc591 \ub808\uc774\uc5b4\uc5d0<\/li>\n<li>\uc120\ud0dd\ud558\ub2e4 <strong>\ub1cc\uc878\uc911<\/strong><\/li>\n<li>\ud68d \uc0c9\uc0c1\uc744 \ud68c\uc0c9 \ub610\ub294 \ubc30\uacbd \uc0c9\uc0c1\uacfc \ub2e4\ub978 \uc74c\uc601\uc73c\ub85c \ubcc0\uacbd<\/li>\n<li>\ud68d \ub108\ube44\ub97c 1px\ub85c \uc870\uc815<\/li>\n<li>\ub4dc\ub86d\ub2e4\uc6b4 \ud654\uc0b4\ud45c\ub97c \ud074\ub9ad\ud558\uc138\uc694. <strong>\ud0c0\uc6d0 \uacbd\ub85c<\/strong><\/li>\n<li>\uc5d0 900\uc744 \uc785\ub825\ud569\ub2c8\ub2e4. <strong>\ud06c\uae30<\/strong>\n<\/li>\n<\/ol>\n<pThus, an external orbital path is birthed. By selecting the layer and striking the return key on your keyboard you can input a name (e.g., Orbital path) for organizational purposes.<br \/>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94849bdd37d12dce59dbc_5f2bc71ddf0a25aae1a2245b_xkktj0ferxgsj4grlls40bcxvkf-8srustaticzrbtdkpr_xn02io7pva8hhfzhjf57zradsydpbnpved63ggp89vcpdf0v6setg6ec4zm899dorjm0br62yd23ckso_dr0miktz.jpeg\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"\ubaa8\ub4e0 \ub808\uc774\uc5b4\uac00 \uc120\ud0dd\ub41c After Effects UI \ub300\uc2dc\ubcf4\ub4dc.\" title=\"64b94849bdd37d12dce59dbc_5f2bc71ddf0a25aae1a2245b_xkktj0ferxgsj4grlls40bcxvkf-8srustaticzrbtdkpr_xn02io7pva8hhfzhjf57zradsydpbnpved63ggp89vcpdf0v6setg6ec4zm89 9dorjm0br62yd23ckso_dr0miktz\"><\/div>\n<\/figure>\n<p><\/p>\n<p>\uacc4\uc18d\ud558\ub824\uba74 \ub2e4\uc74c\uc744 \ub204\ub974\uc138\uc694. <strong>\uba85\ub839 + A<\/strong> (macOS\uc758 \uacbd\uc6b0) \ub610\ub294 <strong>\ucee8\ud2b8\ub864 + A<\/strong> (Windows\uc758 \uacbd\uc6b0) \ubaa8\ub4e0 \ucf58\ud150\uce20\ub97c \uac15\uc870 \ud45c\uc2dc\ud569\ub2c8\ub2e4. \uadf8\ub7f0 \ub2e4\uc74c \ub808\uc774\uc5b4 \uc606\uc5d0 \uc788\ub294 \ub4dc\ub86d\ub2e4\uc6b4 \ud654\uc0b4\ud45c\ub97c \ud074\ub9ad\ud558\uc5ec \ubaa8\ub4e0 \ud56d\ubaa9\uc744 \ucd95\uc18c\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uc774 \uc808\ucc28\ub97c \uc0ac\uc6a9\ud558\uba74 \uc774 \uadf8\ub9bc\uc5d0\uc11c \uacbd\ub85c\ub97c \uc27d\uac8c \ubc30\uc5f4\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ubcc4 \uc694\uc18c\uc758 \uacbd\uc6b0 \ucc98\uc74c\ubd80\ud130 \uc2dc\uc791\ud558\ub294 \ub300\uc2e0 \uad6c\uc131\ud55c \uc911\ubcf5 \uada4\ub3c4 \uacbd\ub85c(\uc608: \uada4\ub3c4 \uacbd\ub85c 7) \uc911 \ud558\ub098\ub97c \uccad\uc0ac\uc9c4\uc73c\ub85c \uc0ac\uc6a9\ud558\ub294 \uac83\uc774 \uc88b\uc2b5\ub2c8\ub2e4.<\/p>\n<p><strong>\ubcc4\uc744 \uacf5\uc2dd\ud654\ud558\uc2ed\uc2dc\uc624:<\/strong><\/p>\n<ol>\n<li>\ucd5c\uadfc\uc5d0 \ubcf5\uc81c\ub41c \ub808\uc774\uc5b4\ub97c \uac15\uc870 \ud45c\uc2dc\ud569\ub2c8\ub2e4(\uc608: \uada4\ub3c4 \uacbd\ub85c 7).<\/li>\n<li>\uc218\ub3c4\uaf2d\uc9c0 <strong>\uba85\ub839 + C<\/strong> (macOS\uc758 \uacbd\uc6b0) \ub610\ub294 <strong>\ucee8\ud2b8\ub864 + C<\/strong> (\uc708\ub3c4\uc6b0\uc988\uc5d0\uc11c)<\/li>\n<li>\uacc4\uc18d\ud558\ub2e4 <strong>\uba85\ub839 + V<\/strong> (macOS\uc758 \uacbd\uc6b0) \ub610\ub294 <strong>\ucee8\ud2b8\ub864 + V<\/strong> (\uc708\ub3c4\uc6b0\uc988\uc5d0\uc11c)<\/li>\n<li>\ubcf5\uc0ac\ud55c \ub808\uc774\uc5b4\uc758 \ub4dc\ub86d\ub2e4\uc6b4\uc744 \ud655\uc7a5\ud558\uc138\uc694.<\/li>\n<li>\ubcf5\uc0ac\ub41c \ud0c0\uc6d0 \ub808\uc774\uc5b4 \ub0b4\uc5d0\uc11c \ud0c0\uc6d0 \uacbd\ub85c\uc758 \ub4dc\ub86d\ub2e4\uc6b4\uc744 \ud655\uc7a5\ud569\ub2c8\ub2e4.<\/li>\n<li>\uac10\uc18c\uc2dc\ud0a4\ub2e4 <strong>\ud06c\uae30<\/strong> 40\uae4c\uc9c0<\/li>\n<li>\ub808\uc774\ube14(\uc608: \uada4\ub3c4 \uacbd\ub85c 8)\uc744 \ud074\ub9ad\ud558\uace0 Return \ud0a4\ub97c \ub204\ub974\uc2ed\uc2dc\uc624.<\/li>\n<li>\uadf8\ub7f0 \ub2e4\uc74c \uc774\ub984(\uc608: \ubcc4)\uc744 \uc9c0\uc815\ud569\ub2c8\ub2e4.<\/li>\n<\/ol>\n<p><\/p>\n<p>\ucc44\uc6b0\uae30\ub97c \uc57d\uac04 \ubcc0\uacbd\ud558\uba74\uc11c \ub3d9\uc77c\ud55c \ud68d \uc0c9\uc0c1\uc744 \uc720\uc9c0\ud574\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<p>\ubd88\ud22c\uba85\ub3c4\uac00 100%\uc778 \ud770\uc0c9\uc744 \uc120\ud0dd\ud558\uc138\uc694.<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94849bdd37d12dce59dca_5f2bc71dc2ba8c62bdd98fd1_mu16x3gnr00tw-d3fb4e-zvs6ndvdzbrnei4q6wly84xs6jlqpdnopyzcwi3vrjslxel920jmjuaqxx3otj1enxxv4hri64sk5jzxdlgzl0hqk9pbeymhmcxkr8u1brllusxcwl8.jpeg\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"\uc0c9\uc0c1 \ubc0f \ubd88\ud22c\uba85\ub3c4 \ud53c\ucc98 \ub808\uc774\uc5b4\uac00 \uac15\uc870 \ud45c\uc2dc\ub429\ub2c8\ub2e4.\" title=\"64b94849bdd37d12dce59dca_5f2bc71dc2ba8c62bdd98fd1_mu16x3gnr00tw-d3fb4e-zvs6ndvdzbrnei4q6wly84xs6jlqpdnopyzcwi3vrjslxel920jmjuaqxx3otj1enxxv4hri64sk 5jzxdlgzl0hqk9pbeymhmcxkr8u1brllusxcwl8\"><\/div>\n<\/figure>\n<p><\/p>\n<p>\ud589\uc131 \ub514\uc790\uc778\uc740 \ube44\ub85d \uc57d\uac04\uc758 \ucc28\uc774\ub294 \uc788\uc9c0\ub9cc \uc720\uc0ac\ud55c \ud328\ud134\uc744 \ub530\ub77c\uc57c \ud569\ub2c8\ub2e4.<\/p>\n<p><strong>\ud589\uc131\uc744 \uacf5\uc2dd\ud654\ud558\uc2ed\uc2dc\uc624:<\/strong><\/p>\n<ol>\n<li>\ubcf5\uc81c\ud574\uc11c \uc0bd\uc785\ud558\uc138\uc694. <strong>\uc2a4\ud0c0 \ub808\uc774\uc5d0<\/strong>\uc544\ub974 \uc790\ud615\u00a0<\/li>\n<li>\ubcf5\uc81c\ub41c \ub808\uc774\uc5b4(\uc608: \ud589\uc131)\ub97c \ub354\ube59\ud569\ub2c8\ub2e4.\u00a0<\/li>\n<li>~ \uc548\uc5d0 <strong>\ubaa9\ucc28 &gt; \ud0c0\uc6d0 \uacbd\ub85c<\/strong> \ubcf5\uc81c\ub41c \ub808\uc774\uc5b4: \ud06c\uae30 \uc870\uc815(\uc608: 40\uc5d0\uc11c 15\ub85c)\u00a0<\/li>\n<li>~ \uc548\uc5d0 <strong>\ubaa9\ucc28 &gt; \ud0c0\uc6d0 \uacbd\ub85c<\/strong> \ubcf5\uc0ac\ub41c \ub808\uc774\uc5b4\uc758: \uccab \ubc88\uc9f8 \uc704\uce58 \uc785\ub825(x\ucd95)\uc744 \ub2e4\uc74c\uacfc \uac19\uc774 \uc870\uc791\ud569\ub2c8\ub2e4. <em>\ud589\uc131<\/em> \uccab \ubc88\uc9f8 \uada4\ub3c4 \uacbd\ub85c\uc758 \uc2a4\ud2b8\ub85c\ud06c\uc640 \uc815\ub82c\ub429\ub2c8\ub2e4.\n<\/li>\n<\/ol>\n<p>\uccab \ubc88\uc9f8 \ud589\uc131\uc744 \uc9c0\uce68\uc73c\ub85c \ud65c\uc6a9\ud558\uc5ec \ucd94\uac00\ub85c 6\uac1c\uc758 \ud589\uc131\uc744 \uc0dd\uc131\ud569\ub2c8\ub2e4.<\/p>\n<p><strong>\ub354 \ub9ce\uc740 \ud589\uc131 \uc0dd\uc131:<\/strong><\/p>\n<ol>\n<li>\uac00\uc7a5 \ucd5c\uadfc\uc5d0 \ubcf5\uc81c\ub41c \ud589\uc131\uc744 \ubcf5\uc81c\ud569\ub2c8\ub2e4.\u00a0<\/li>\n<li>\uc5d0\uc11c <strong>\ub0b4\uc6a9\ubb3c<\/strong> \ubcf5\uc81c\ub41c \ub808\uc774\uc5b4\uc758: \uccab \ubc88\uc9f8 \uc704\uce58 \uc785\ub825(x\ucd95)\uc744 <em>\ud589\uc131<\/em> \ub2e4\uc74c \uada4\ub3c4 \uacbd\ub85c\uc640 \uc77c\uce58\ud569\ub2c8\ub2e4.<\/li>\n<\/ol>\n<p><strong>\uc54c\ub9bc<\/strong>: \uac01 \ud0c0\uc6d0\uc744 100\uc529 \ucd95\uc18c\ud558\ub294 \ub300\uc2e0 \ubcf4\ub2e4 \uc790\uc5f0\uc2a4\ub7ec\uc6b4 \ubaa8\uc591\uc744 \uc704\ud574 \ubcf5\uc81c\ub41c \ud0c0\uc6d0\uc758 \ud06c\uae30 \ucc28\uc774\ub97c \ubcc0\uacbd\ud558\ub3c4\ub85d \uc120\ud0dd\ud569\ub2c8\ub2e4.<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94849bdd37d12dce59dd0_5f2bc71d01d6bbcf3e2e67f2__w4e1aglvi7kf-kwikl3sbvu1ifel1bygp3a1m0rqyva4dqv-irb5gz0etjy5g5vp_w8vmc1dqobt9x8szgjzgp9dnknozefqbg-bmlexmjohsyfaxm5oossvaz6vsmjepmvoith.jpeg\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"\uada4\ub3c4 \uc911\uac04\uc5d0 \uc788\ub294 \ud589\uc131\uc758 \ucea1\ucc98\ub41c \uc2a4\ud2f8\uc785\ub2c8\ub2e4.\" title=\"64b94849bdd37d12dce59dd0_5f2bc71d01d6bbcf3e2e67f2__w4e1aglvi7kf-kwikl3sbvu1ifel1bygp3a1m0rqyva4dqv-irb5gz0etjy5g5vp_w8vmc1dqobt9x8szgjzgp9 dnknozefqbg-bmlexmjohsyfaxm5oossvaz6vsmjepmvoith\"><\/div>\n<\/figure>\n<p>\uc801\uc808\ud55c \ubc30\uce58\ub97c \ud1b5\ud574 \uc720\uc131 \ud68c\uc804 \uc870\uc815\uc744 \uc9c4\ud589\ud569\ub2c8\ub2e4.<\/p>\n<p><strong>\ud589\uc131 \ud68c\uc804 \uc870\uc815:<\/strong><\/p>\n<ol>\n<li>\ud654\uc0b4\ud45c\ub97c \ud074\ub9ad\ud558\uc138\uc694. <em>\ud589\uc131<\/em> \uc124\uc815\uc5d0 \uc561\uc138\uc2a4\ud560 \uc218 \uc788\ub294 \ub808\uc774\uc5b4<\/li>\n<li>\ubcc0\ud658 \ub4dc\ub86d\ub2e4\uc6b4\uc5d0\uc11c \uc2a4\ud1b1\uc6cc\uce58 \uc544\uc774\ucf58\uc744 \ud074\ub9ad\ud558\uc138\uc694. <strong>\ud68c\uc804<\/strong> \uccab \ubc88\uc9f8 \ud0a4\ud504\ub808\uc784 \uc124\uc815(\ud504\ub808\uc784 0\uc5d0\uc11c \uc815\ub82c \ubcf4\uc7a5)<\/li>\n<\/ol>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94849bdd37d12dce59dc3_5f2bc71dd34233ac5a7cbd6a_qkjfkfnczhhrk3f_lqgvr8p0ikd-gqg0bvq8hsjkge2rp5vwdtfkcei14cgnipdbvacudmla-2-fvn0wpdshrpadmpi6s2ny2p9liqjborrgcgoimrmy-713lstnvras7asbxihc.jpeg\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"\ud68c\uc804 \ud53c\ucc98 \ub808\uc774\uc5b4\uac00 \uac15\uc870 \ud45c\uc2dc\ub429\ub2c8\ub2e4. \ud0c0\uc784\ub77c\uc778\uc758 \uccab \ubc88\uc9f8 \ud0a4\ud504\ub808\uc784\ub3c4 \uac15\uc870 \ud45c\uc2dc\ub429\ub2c8\ub2e4.\" title=\"64b94849bdd37d12dce59dc3_5f2bc71dd34233ac5a7cbd6a_qkjfkfnczhhrk3f_lqgvr8p0ikd-gqg0bvq8hsjkge2rp5vwdtfkcei14cgnipdbvacudmla-2-fvn0wpdshrpadmpi6s2ny 2p9liqjborrgcgoimrmy-713lstnvras7asbxihc\"><\/div>\n<\/figure>\n<ol>\n<li>\ud0c0\uc784\ub77c\uc778\uc744 \ub05d\uae4c\uc9c0 \ubbf8\ub044\ub7ec\ub728\ub824<\/li>\n<li>\uadf8\ub7f0 \ub2e4\uc74c \uc606\uc5d0 \uc788\ub294 \uc2a4\ud1b1\uc6cc\uce58\ub97c \uc791\ub3d9\uc2dc\ud0b5\ub2c8\ub2e4. <strong>\ud68c\uc804<\/strong> \ucd5c\uc885 \ud0a4\ud504\ub808\uc784\uc758 \uacbd\uc6b0(\ud0c0\uc784\ub77c\uc778 \ub05d\uc5d0\uc11c \uc815\ub82c \ud655\uc778)<\/li>\n<li>\ub9c8\uc9c0\ub9c9\uc73c\ub85c \ud68c\uc804 \uac12\uc744 \uc218\uc815\ud569\ub2c8\ub2e4. \ucd08\uae30 \uc785\ub825\uc740 \ud68c\uc804 \uc218\ub97c \uc9c0\uc815\ud558\ub294 \ubc18\uba74, \ub450 \ubc88\uc9f8 \uc785\ub825\uc740 \ud68c\uc804 \ub0b4\uc758 \uac01\ub3c4\ub97c \uc124\uc815\ud569\ub2c8\ub2e4. (\uc608: 1\u00d770.0\u00b0\ub294 1\ud68c\uc804\uacfc \uac19\uc2b5\ub2c8\ub2e4. <em>\uadf8\ub9ac\uace0<\/em> 70\ub3c4)<\/li>\n<\/ol>\n<p><\/p>\n<h6><strong>\uba54\ubaa8<\/strong>: \uc560\ub2c8\uba54\uc774\uc158 \uad6c\uc131\ud45c\uc5d0 \ub9de\uac8c \ucd08\uae30 \ubc0f \ucd5c\uc885 \ud68c\uc804 \uac12\uc744 \uc0ac\uc6a9\uc790 \uc815\uc758\ud569\ub2c8\ub2e4.<br \/><\/h6>\n<p>\ub2e4\ub978 6\uac1c \ud589\uc131\uc758 \ud68c\uc804 \uc560\ub2c8\uba54\uc774\uc158\uc744 \ub3d9\uae30\ud654\ud558\ub824\uba74 \uc704 \ub2e8\uacc4\ub97c \ubc18\ubcf5\ud558\uc138\uc694. \ubaa8\ub4e0 \ud589\uc131\uc5d0 \ub300\ud55c \ud0a4\ud504\ub808\uc784\uacfc \ud68c\uc804\uc744 \ucd94\uac00\ud560 \ub54c \uccab \ubc88\uc9f8 \ud504\ub808\uc784\uc5d0\uc11c \uc2a4\ud398\uc774\uc2a4\ubc14\ub97c \uc0ac\uc6a9\ud558\uc5ec \uc560\ub2c8\uba54\uc774\uc158 \uc2dc\ud000\uc2a4\ub97c \ubbf8\ub9ac \ubd05\ub2c8\ub2e4.<\/p>\n<h2>\ub0b4\ubcf4\ub0b4\ub2e4<\/h2>\n<p>\uadc0\ud558\uc758 \uc560\ub2c8\uba54\uc774\uc158\uc740 \ub9cc\ub4e4\uc5b4\uc84c\uc2b5\ub2c8\ub2e4. \uc774\uc81c \ub0b4\ubcf4\ub0b4\ub3c4\ub85d \uc124\uc815\ub418\uc5c8\uc2b5\ub2c8\ub2e4.<\/p>\n<p>\ub0b4\ubcf4\ub0b4\ub824\uba74 Bodymovin \ud50c\ub7ec\uadf8\uc778(Bodymovin \ud655\uc7a5 \uc124\uce58 \ubc29\ubc95 \ucc38\uc870)\uc744 \ud65c\uc6a9\ud558\uc5ec After Effects \ud569\uc131\ubb3c\uc744 \ud1b5\ud569 JSON \ud30c\uc77c\ub85c \ubcc0\ud658\ud558\uc138\uc694. Bodymovin \ud655\uc7a5 \ud504\ub85c\uadf8\ub7a8\uc774 \uc0ac\uc804 \uc124\uce58\ub418\uc5b4 \uc788\ub294 \uacbd\uc6b0 After Effects \uba54\ub274 \uc544\ub798\uc5d0\uc11c \ucc3e\uc73c\uc2ed\uc2dc\uc624. <strong>\ucc3d\ubb38<\/strong>, \ud0d0\uc0c9 <strong>\ud655\uc7a5<\/strong>\uc744 \uc120\ud0dd\ud558\uace0 <strong>\ubc14\ub514\ubb34\ube48<\/strong>.<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94849bdd37d12dce59de3_5f2bc71d2a6578682beccbd5_pt28-_vjwj1fj5jtmn0twf9j46wqtcyzgzmaf5yirgv1agi6a_rby0-3qxfi6qn_hwhasu7sirkeoqzil2bceel80xbyoqyymw10fxeo3cfdwzcos_vw3r42byvbl8ogiumrgjdh\"><\/div>\n<\/figure>\n<p><\/p>\n<p>\ub0b4\ubcf4\ub0b4\uae30 \ud504\ub85c\uc138\uc2a4\ub97c \uc2dc\uc791\ud558\ub824\uba74 \ucef4\ud3ec\uc9c0\uc158\uc774 \uc120\ud0dd\ub418\uc5c8\ub294\uc9c0 \ud655\uc778\ud558\uace0 \ub0b4\ubcf4\ub0b4\uae30 \ud3f4\ub354\ub97c \uc9c0\uc815\ud55c \ub2e4\uc74c <strong>\uc138\uc6b0\ub2e4<\/strong>.<\/p>\n<h2>Webflow\uc5d0 \uc560\ub2c8\uba54\uc774\uc158\uc744 \ud1b5\ud569\ud569\ub2c8\ub2e4.<\/h2>\n<p>\uc774\uc81c \ub0b4\ubcf4\ub0b8 \ud30c\uc77c\uc744 \uac00\uc838\uc62c \ucc28\ub840\uc785\ub2c8\ub2e4.<\/p>\n<p><strong>After Effects \uc560\ub2c8\uba54\uc774\uc158\uc744 Webflow\uc5d0 \ud1b5\ud569\ud558\uc138\uc694.<\/strong><\/p>\n<ol>\n<li>\uadc0\ud558\uc758 Webflow \uc0ac\uc5c5\uc5d0 \uc561\uc138\uc2a4\ud558\uc2ed\uc2dc\uc624. <strong>\ub514\uc790\uc774\ub108<\/strong><\/li>\n<li>\ub204\ub974\uc138\uc694 <strong>\uc790\uc0b0<\/strong> \uae30\ud638\ub97c \ub204\ub974\uac70\ub098 \ubcf8\uccb4\uc5d0\uc11c J\ub97c \ud0ed\ud558\uba74 <strong>\uc790\uc0b0<\/strong><strong>\ud328\ub110<\/strong><\/li>\n<li>\ud0ed\ud558\uc138\uc694. <strong>\uc5c5\ub85c\ub4dc \ubc84\ud2bc<\/strong> After Effects \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc120\ud0dd\ud558\uac70\ub098 After Effects JSON \ud30c\uc77c\uc744 <strong>\uc790\uc0b0<\/strong><strong>\ud328\ub110<\/strong><\/li>\n<li>\ud504\ub85c\uc81d\ud2b8\uc758 \uce94\ubc84\uc2a4\uc5d0 \uc560\ub2c8\uba54\uc774\uc158\uc744 \ub193\uc2b5\ub2c8\ub2e4.\n<\/li>\n<\/ol>\n<p>Toggle Preview \uae30\ud638(\ub208 \uae30\ud638)\ub97c \ub20c\ub7ec \ud504\ub85c\uc81d\ud2b8\ub97c \ubbf8\ub9ac \ubcf4\uba74 \uc560\ub2c8\uba54\uc774\uc158\uc774 \uc800\uc808\ub85c \uc7ac\uc0dd\ub418\uae30 \uc2dc\uc791\ud558\ub294 \uac83\uc744 \ubcfc \uc218 \uc788\uc2b5\ub2c8\ub2e4. \uadf8\ub7f0 \ub2e4\uc74c \ud074\ub9ad \uc2dc \uc560\ub2c8\uba54\uc774\uc158\uc774 \uc2dc\uc791\ub418\ub3c4\ub85d \ud074\ub9ad \uc2dc \ud2b8\ub9ac\uac70\ub97c \uc124\uc815\ud560 \uc218 \uc788\uc2b5\ub2c8\ub2e4.<\/p>\n<h2>\uc0c1\ud638\uc791\uc6a9 \ud2b8\ub9ac\uac70 \uad6c\uc131<\/h2>\n<p>\uc774\uac83\uc774 \uc8fc\uc694 \ubd80\ubd84\uc744 \uad6c\uc131\ud569\ub2c8\ub2e4. \ud074\ub9ad \uc2dc \ud2b8\ub9ac\uac70\ub97c \uad6c\uc131\ud558\uaca0\uc2b5\ub2c8\ub2e4. \ud2b8\ub9ac\uac70\uc640 \uc560\ub2c8\uba54\uc774\uc158\uc5d0 \ub300\ud55c \uc774\ud574\ub97c \ub113\ud600\ubcf4\uc138\uc694.<\/p>\n<p><strong>\ud2b8\ub9ac\uac70\ub97c \uad6c\uc131\ud558\ub824\uba74:<\/strong><\/p>\n<p.Pick the animation element in the Navigator<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94849bdd37d12dce59df0_5f2bc71fc49f93af96f34e88_oxte4masbt4bikwwqn58tnmdk0knntclwoxhp1tba99ggjafy8xk6lfwy663vvr_ynclgcgfok3z7xmhx80bflzedppcyfh_1ndbcatpsd3mammewf9_brkheup68v7pde6t4cea.jpeg\" width=\"auto\" height=\"auto\" loading=\"auto\" title=\"64b94849bdd37d12dce59df0_5f2bc71fc49f93af96f34e88_oxte4masbt4bikwwqn58tnmdk0knntclwoxhp1tba99ggjafy8xk6lfwy663vvr_ynclgcgfok3z7xmhx80bflzedppcyfh_1nd bcatpsd3mammewf9_brkheup68v7pde6t4cea\"><\/div>\n<\/figure>\n<p.Tap the <strong>\uc0c1\ud638\uc791\uc6a9<\/strong> \uae30\ud638\ub97c \ud45c\uc2dc\ud558\uac70\ub098 \ucf58\uc194\uc5d0\uc11c H\ub97c \ub20c\ub7ec <strong>\uc0c1\ud638\uc791\uc6a9<\/strong> \ud328\ub110<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94849bdd37d12dce59dc0_5f2bc71d01e4924869422571_rsqfqdeoepnjvkxtmxdidg6ltffmrkwz8kjbbtojh4xb4tf9o7g57k8cz1d9cfauwohbidygutyhqoy_1szmokboex89l4vfgsdbfiemzrsgo7boc2ucfwdupxpcqwafagcetggh\"><\/div>\n<\/figure>\n<p.Press the plus symbol (+) and pick the <strong>\ub9c8\uc6b0\uc2a4 \ud074\ub9ad(\ud0ed)<\/strong> \uc120\ud0dd<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94849bdd37d12dce59db9_5f2bc71d4418eccc61205e93_gf3w4rdp20olc5qeodhgwa00344bauuwpjz3id7_tf-gehsghtjosnpnh_ou_znrkuznic_ory4zyy5kg8xicetswhg88jjipeipu0iynpbkbmcfntgjybwdigjclzlb_hyd3g5j\"><\/div>\n<\/figure>\n<p.Inside the <strong>\uccab \ubc88\uc9f8 \ud074\ub9ad \uc2dc<\/strong> \ub4dc\ub86d\ub2e4\uc6b4: <strong>\ub85c\ud2f0 \uc7ac\uc0dd<\/strong> \ub300\uc548<\/p>\n<figure class=\"w-richtext-figure-type-image w-richtext-align-fullwidth\" data-rt-type=\"image\" data-rt-align=\"fullwidth\" data-rt-max-width=\"1600px\">\n<div><img decoding=\"async\" src=\"https:\/\/webflow.tenten.co\/wp-content\/uploads\/2024\/04\/64b94849bdd37d12dce59dd9_5f2bc71e80c87063c9ad99e5_rarcjflxpopiiozqscskskygehjoz2f0eagrzilmauc1j8tobkupxjnbhip6cm5fvncq07chpjvee7lnj2ix7egileepwic30ukn2du_ai76emhvudybnpbau-jctjhtwffpp0m4.jpeg\" width=\"auto\" height=\"auto\" loading=\"auto\" alt=\"\ub85c\ud2f0 \uc7ac\uc0dd \uc791\uc5c5\uc740 \uc635\uc158 \uba54\ub274 \uc120\ud0dd\uc758 \ub4dc\ub86d\ub2e4\uc6b4 \uba54\ub274\uc5d0\uc11c \uac15\uc870 \ud45c\uc2dc\ub429\ub2c8\ub2e4.\" title=\"64b94849bdd37d12dce59dd9_5f2bc71e80c87063c9ad99e5_rarcjflxpopiiozqscskskygehjoz2f0eagrzilmauc1j8tobkupxjnbhip6cm5fvncq07chpjvee7lnj2ix7egileepwic30ukn2du_ai76emhvudy bnpbau-jctjhtwffpp0m4\"><\/div>\n<\/figure>\n<p.Leave the interaction, and launch your project to try out your animation\n<p.At this moment, there are countless things you can experiment with this. Consequently, don't hesitate to delve deeper into After Effects, triggers, and animations to animate your project seamlessly.<br \/>\n<\/div>","protected":false},"excerpt":{"rendered":"After Effects\uc5d0\uc11c \uc560\ub2c8\uba54\uc774\uc158\uc744 \ub9cc\ub4e4\uace0 bodymovin \ud50c\ub7ec\uadf8\uc778\uc744 \uc0ac\uc6a9\ud558\uc5ec Lottie JSON \ud30c\uc77c\ub85c \ub0b4\ubcf4\ub0b8 \ub2e4\uc74c Webflow \uc0ac\uc774\ud2b8\uc5d0\uc11c \uc560\ub2c8\uba54\uc774\uc158\uc744 \uc801\uc6a9\ud558\uc138\uc694.","protected":false},"author":2,"featured_media":5700,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[301],"tags":[],"class_list":{"0":"post-5699","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-interactions-animations","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/5699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/comments?post=5699"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/posts\/5699\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media\/5700"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/media?parent=5699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/categories?post=5699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/ko\/wp-json\/wp\/v2\/tags?post=5699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}