{"id":1944,"date":"2012-01-13T12:38:46","date_gmt":"2012-01-13T12:38:46","guid":{"rendered":"http:\/\/www.jumabu.com\/design-tools\/?p=1944"},"modified":"2014-01-01T18:36:36","modified_gmt":"2014-01-01T21:36:36","slug":"como-crear-un-gif-animado-en-photoshop","status":"publish","type":"post","link":"https:\/\/www.jumabu.com\/es\/como-crear-un-gif-animado-en-photoshop\/","title":{"rendered":"Como crear un gif animado en Photoshop"},"content":{"rendered":"<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"1945\" data-permalink=\"https:\/\/www.jumabu.com\/es\/como-crear-un-gif-animado-en-photoshop\/tutorial-photoshop-crear-gif-animado\/\" data-orig-file=\"https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/tutorial-photoshop-crear-gif-animado.jpg?fit=500%2C300&amp;ssl=1\" data-orig-size=\"500,300\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;Alfoart.com&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;\\u00f2\\u00e5\\u00ed\\u00ed\\u00e8\\u00f1\\u00e8\\u00f1\\u00f2&quot;}\" data-image-title=\"tutorial-photoshop-crear-gif-animado\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/tutorial-photoshop-crear-gif-animado.jpg?fit=500%2C300&amp;ssl=1\" class=\"alignnone size-full wp-image-1945\" title=\"tutorial-photoshop-crear-gif-animado\" alt=\"\" src=\"https:\/\/i0.wp.com\/www.jumabu.com\/design-tools\/wp-content\/images\/tutorial-photoshop-crear-gif-animado.jpg?resize=500%2C300\" width=\"500\" height=\"300\" \/><\/p>\n<p>Necesit\u00e1s hacer una de esas im\u00e1genes que se mueven como peque\u00f1as animaciones<br \/>\ny no sab\u00e9s c\u00f3mo hacerlo? Bueno, ac\u00e1 te traigo un tutorial con 8 pasos<br \/>\nmuuy simples para lograr tu animaci\u00f3n!<\/p>\n<p>Espero que les guste y que sirva!<\/p>\n<h2>Paso 1<\/h2>\n<p>Crear un documento con cada fotograma de la animaci\u00f3n en una capa diferente.<\/p>\n<h2>Paso 2<\/h2>\n<p>Seleccione las capas que se utilizar\u00e1n en la animaci\u00f3n.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" title=\"crear_gif_en_photoshop_01\" alt=\"crear gif en photoshop\" src=\"https:\/\/i0.wp.com\/www.photoshop3d.org\/wp-content\/uploads\/2012\/01\/crear_gif_en_photoshop_01.jpg?resize=164%2C326\" width=\"164\" height=\"326\" \/><\/p>\n<p>Nota: Para seleccionar un grupo de capas, seleccione la capa en la parte superior del grupo.\u00a0A continuaci\u00f3n, pulse la tecla May\u00fasculas y haga clic en la capa inferior y esto pondr\u00e1 de relieve todas las capas. Abrir la paleta de animaci\u00f3n en la ventana de la barra de men\u00fa y seleccionar \u201cAnimaci\u00f3n\u201d.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" title=\"crear_gif_en_photoshop_02\" alt=\"crear gif en photoshop\" src=\"https:\/\/i0.wp.com\/www.photoshop3d.org\/wp-content\/uploads\/2012\/01\/crear_gif_en_photoshop_02.jpg?resize=110%2C379\" width=\"110\" height=\"379\" \/><\/p>\n<h2>Paso 3<\/h2>\n<p><strong>Cuando se abre la paleta Animaci\u00f3n, \u00a0deber\u00eda tener este aspecto.<\/strong>\u00a0Si no lo hace,significa que se abri\u00f3 en la vista de l\u00ednea de tiempo.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" title=\"crear_gif_en_photoshop_03\" alt=\"crear gif en photoshop\" src=\"https:\/\/i0.wp.com\/www.photoshop3d.org\/wp-content\/uploads\/2012\/01\/crear_gif_en_photoshop_03.jpg?resize=378%2C103\" width=\"378\" height=\"103\" \/><\/p>\n<h2>Paso 4<\/h2>\n<p>Cambiar a la vista fotograma de la animaci\u00f3n haciendo clic en el men\u00fa flotante en la esquina superior derecha de la paleta de animaci\u00f3n y seleccionar \u201cConvert to Animation Frame\u201d \u00f3 \u201cconvertir a fotograma de animaci\u00f3n\u201d.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" title=\"crear_gif_en_photoshop_04\" alt=\"crear gif en photoshop\" src=\"https:\/\/i0.wp.com\/www.photoshop3d.org\/wp-content\/uploads\/2012\/01\/crear_gif_en_photoshop_04.jpg?resize=187%2C418\" width=\"187\" height=\"418\" \/><\/p>\n<h2>Paso 5<\/h2>\n<p>Cambiar cada capa que muestra en un cuadro a cada capa que muestra en su propio marco, haciendo clic en el men\u00fa emergente de la paleta de animaci\u00f3n y la elecci\u00f3n de \u201chacer marcos de las capas\u201d<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" title=\"crear_gif_en_photoshop_05\" alt=\"crear gif en photoshop\" src=\"https:\/\/i0.wp.com\/www.photoshop3d.org\/wp-content\/uploads\/2012\/01\/crear_gif_en_photoshop_05.jpg?resize=221%2C332\" width=\"221\" height=\"332\" \/><\/p>\n<p>Nota: Todas las capas no tienen que ser seleccionados, para seleccionar unas pocas capas utilizar el bot\u00f3n de copia de la capa en la parte inferior derecha de la paleta de animaci\u00f3n para a\u00f1adir capas.<\/p>\n<h2>Paso 6<\/h2>\n<p>Modificar cada fotograma seleccionando el marco de la ventana de animaci\u00f3n y cambiar lo que desee en la ventana principal de <strong>Photoshop<\/strong>.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" title=\"crear_gif_en_photoshop_06\" alt=\"crear gif en photoshop\" src=\"https:\/\/i0.wp.com\/www.photoshop3d.org\/wp-content\/uploads\/2012\/01\/crear_gif_en_photoshop_06.jpg?resize=500%2C66\" width=\"500\" height=\"66\" \/><\/p>\n<p>Nota: Para a\u00f1adir o eliminar un gr\u00e1fico de otra capa para cualquier marco, seleccione el marco y en la paleta de capas, haga clic en el \u201cojo\u201d para activar o desactivar la visibilidad de la capa.<\/p>\n<h2>Paso 7<\/h2>\n<p>En cada fotograma hay una punta de flecha apuntando hacia abajo.\u00a0Haga clic en la punta de la flecha para visualizar el men\u00fa de tiempo y seleccione el tiempo de visualizaci\u00f3n de cada imagen.<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" title=\"crear_gif_en_photoshop_07\" alt=\"crear gif en photoshop\" src=\"https:\/\/i0.wp.com\/www.photoshop3d.org\/wp-content\/uploads\/2012\/01\/crear_gif_en_photoshop_07.jpg?resize=350%2C185\" width=\"350\" height=\"185\" \/><\/p>\n<h2>Paso 8<\/h2>\n<p><strong>En el men\u00fa Archivo seleccione Exportar para exportar el documento como una pel\u00edcula o en la opci\u00f3n Guardar como, guarde el archivo como gif.<\/strong>\u00a0Aseg\u00farese de seleccionar Guardar para Web y dispositivos (. Gif en esta opci\u00f3n).<\/p>\n<p>&nbsp;<\/p>\n<p>Fuente: <a href=\"#lepopup-1847\">animacion3d.org<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Necesit\u00e1s hacer una de esas im\u00e1genes que se mueven como peque\u00f1as animaciones y no sab\u00e9s c\u00f3mo hacerlo? Bueno, ac\u00e1 te traigo un tutorial con&#8230;<\/p>\n","protected":false},"author":1,"featured_media":1945,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[12,411,4],"tags":[280,433,432,14],"class_list":["post-1944","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-photoshop","category-tutoriales","category-web","tag-animacion","tag-banners","tag-gif-animado","tag-photoshop-2","article","has-excerpt","has-avatar","has-author","has-date","has-comment-count","has-category-meta","has-read-more","thumbnail-"],"acf":[],"aioseo_notices":[],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/www.jumabu.com\/es\/wp-content\/images\/tutorial-photoshop-crear-gif-animado.jpg?fit=500%2C300&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p211Nr-vm","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/posts\/1944","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/comments?post=1944"}],"version-history":[{"count":0,"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/posts\/1944\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/media\/1945"}],"wp:attachment":[{"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/media?parent=1944"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/categories?post=1944"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jumabu.com\/es\/wp-json\/wp\/v2\/tags?post=1944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}