{"id":582,"date":"2016-01-15T10:53:51","date_gmt":"2016-01-15T09:53:51","guid":{"rendered":"http:\/\/sidko.de\/magazin\/?p=582"},"modified":"2021-12-06T21:48:41","modified_gmt":"2021-12-06T20:48:41","slug":"editorial-design-animierte-cover","status":"publish","type":"post","link":"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html","title":{"rendered":"Animierte Magazin Cover gestalten – Editorial Design Trend"},"content":{"rendered":"
<\/div>

Animierte Cover – Bewegung im\u00a0Editorial Design<\/h1>\n

Animierte Cover \u2013 ein neuer Editorial Design Trend f\u00fcr Web-Magazine. Das bringt Bewegung in das\u00a0statische Layout und sorgt f\u00fcr Aufmerksamkeit. Lest, wie ihr ein animiertes Cover selbst herstellt – das Beste\u00a0daran: Es ist gar nicht schwer.<\/h2>\n

F\u00fcr animierte Cover brauchst du\u00a0ein geeignetes Motiv, zum Beispiel eine Zeichnung, die eine Bewegung ausf\u00fchren soll, und Adobe Photoshop. Hier ist die Anleitung:<\/p>\n

\"Im

F\u00fcr das animierte Cover legst du\u00a0auf den Ebenen im Photoshop die Bewegungsphasen ab. Dann ziehst du die Ebenen auf die Zeitleiste unten. Mit der Leertaste l\u00e4sst du die Animation laufen.<\/p><\/div>\n

Du\u00a0gehst dabei\u00a0im Prinzip vor wie\u00a0beim Zeichentrick-Film: Fertige so viele Zeichnungen an, wie Bewegungsphasen erforderlich sind. Dann\u00a0legst du jede\u00a0Bewegungsphase auf eine Photoshop-Ebene.\u00a0Jetzt ziehst du die Ebenen auf die Zeitleiste in der gew\u00fcnschten Reihenfolge\u00a0auf die Zeitleiste am unteren Photoshop-Rand. Und damit ist das animierte Cover\u00a0schon fast fertig.
\nMit der Leertaste kannst du die Animation abspielen und das Ergebnis pr\u00fcfen. Vielleicht musst du ja noch etwas korrigieren. Zum Beispiel\u00a0stellst du noch die Dauer der Frame-Verz\u00f6gerung ein (kleines Dreieck) und w\u00e4hlst die Option f\u00fcr die Schleife.\u00a0Stelle zum\u00a0Beispiel unbegrenzt<\/em> ein, wenn es ein Loop sein soll. Und das war’s auch schon. Um die Seite in deine Website einzubauen, musst du sie noch speichern: W\u00e4hle Datei f\u00fcr Web speichern<\/em>, als gif<\/em> speichern, und fertig ist das animierte Cover.<\/p>\n

Hier sind einige Beispiel f\u00fcr tolle, animierte Cover. Da bekommt man doch gleich Lust, so was auch mal zu machen, wie geht’s euch?<\/p>\n

\"animierte

Editorial Design Trend: animierte Cover im Web sind ein echter Hingucker. Besonders gelungen ist das Januar Cover des US Magazins Time Out.<\/a><\/p><\/div>\n

\"Das

Drei Motive, ein Cover: Animierte Cover funktionieren auch bestens bei People Magazinen, wie hier das US-Magazin Variety<\/a> beweist. Hier sind nur 3 Bilder in der Zeitleiste abgelegt\u00a0\u2013\u00a0die 3 Cover Motive.<\/p><\/div>\n

\"Das

Das niederl\u00e4ndische Volkskrant Magazine<\/a> zeigt eindrucksvoll, welche textlichen M\u00f6glichkeiten das animierte Cover in sich birgt. F\u00fcr die\u00a0Kreativit\u00e4t der Texter ein wunderbares Spielfeld… Hier sind nur zwei Bilder in der Zeitleiste. Wobei eine der Textvarianten etwas zu kurz eingeblendet ist. Hier k\u00f6nnte man in der Zeitleiste im Photoshop noch nachjustieren.<\/p><\/div>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

Animierte Cover – Bewegung im\u00a0Editorial Design Animierte Cover \u2013 ein neuer Editorial Design Trend f\u00fcr Web-Magazine. Das bringt Bewegung in das\u00a0statische Layout und sorgt f\u00fcr Aufmerksamkeit. [\u2026]<\/span><\/p>\n","protected":false},"author":1,"featured_media":585,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false},"categories":[5],"tags":[70,68,72,26,69,71],"yoast_head":"\nEditorial Design Trend: animierte Cover<\/title>\n<meta name=\"description\" content=\"\u00a0Durch animierte Cover kommt endlich Bewegung ins Editorial Design. Lest, wie man eine Animation ganz leicht selbst machen kann...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Editorial Design Trend: animierte Cover\" \/>\n<meta property=\"og:description\" content=\"\u00a0Durch animierte Cover kommt endlich Bewegung ins Editorial Design. Lest, wie man eine Animation ganz leicht selbst machen kann...\" \/>\n<meta property=\"og:url\" content=\"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html\" \/>\n<meta property=\"og:site_name\" content=\"Sidko Editorial Design\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/sigrid.kowalewski\" \/>\n<meta property=\"article:published_time\" content=\"2016-01-15T09:53:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-12-06T20:48:41+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/sidko.de\/magazin\/wp-content\/uploads\/2016\/01\/herzl.pink_.big_.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"227\" \/>\n\t<meta property=\"og:image:height\" content=\"312\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"Sigrid Kowalewski\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@SidkoDesign\" \/>\n<meta name=\"twitter:site\" content=\"@SidkoDesign\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sigrid Kowalewski\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"2\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html#article\",\"isPartOf\":{\"@id\":\"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html\"},\"author\":{\"name\":\"Sigrid Kowalewski\",\"@id\":\"http:\/\/sidko.de\/magazin\/#\/schema\/person\/b3b24d03d050d4ada605f6576869c598\"},\"headline\":\"Animierte Magazin Cover gestalten – Editorial Design Trend\",\"datePublished\":\"2016-01-15T09:53:51+00:00\",\"dateModified\":\"2021-12-06T20:48:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html\"},\"wordCount\":419,\"publisher\":{\"@id\":\"http:\/\/sidko.de\/magazin\/#organization\"},\"keywords\":[\"Animation\",\"animierte Cover\",\"Bewegung\",\"Editorial Design\",\"Editorial Design Trend\",\"Photoshop\"],\"articleSection\":[\"Editorial Design\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html\",\"url\":\"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html\",\"name\":\"Editorial Design Trend: animierte Cover\",\"isPartOf\":{\"@id\":\"http:\/\/sidko.de\/magazin\/#website\"},\"datePublished\":\"2016-01-15T09:53:51+00:00\",\"dateModified\":\"2021-12-06T20:48:41+00:00\",\"description\":\"\u00a0Durch animierte Cover kommt endlich Bewegung ins Editorial Design. Lest, wie man eine Animation ganz leicht selbst machen kann...\",\"breadcrumb\":{\"@id\":\"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Testzeile\",\"item\":\"http:\/\/sidko.de\/magazin\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Animierte Magazin Cover gestalten – Editorial Design Trend\"}]},{\"@type\":\"WebSite\",\"@id\":\"http:\/\/sidko.de\/magazin\/#website\",\"url\":\"http:\/\/sidko.de\/magazin\/\",\"name\":\"Sidko Editorial Design\",\"description\":\"I love Magazines\",\"publisher\":{\"@id\":\"http:\/\/sidko.de\/magazin\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"http:\/\/sidko.de\/magazin\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"http:\/\/sidko.de\/magazin\/#organization\",\"name\":\"Sidko Editorial Design\",\"url\":\"http:\/\/sidko.de\/magazin\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"http:\/\/sidko.de\/magazin\/#\/schema\/logo\/image\/\",\"url\":\"http:\/\/sidko.de\/magazin\/wp-content\/uploads\/2023\/04\/sidko-logo-358-68.png\",\"contentUrl\":\"http:\/\/sidko.de\/magazin\/wp-content\/uploads\/2023\/04\/sidko-logo-358-68.png\",\"width\":358,\"height\":68,\"caption\":\"Sidko Editorial Design\"},\"image\":{\"@id\":\"http:\/\/sidko.de\/magazin\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/sigrid.kowalewski\",\"https:\/\/twitter.com\/SidkoDesign\",\"https:\/\/instagram.com\/sidko.design\/\",\"https:\/\/de.linkedin.com\/pub\/sigrid-kowalewski\/99\/a91\/211\"]},{\"@type\":\"Person\",\"@id\":\"http:\/\/sidko.de\/magazin\/#\/schema\/person\/b3b24d03d050d4ada605f6576869c598\",\"name\":\"Sigrid Kowalewski\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"http:\/\/sidko.de\/magazin\/#\/schema\/person\/image\/\",\"url\":\"http:\/\/0.gravatar.com\/avatar\/f5cc031370d978549ecee960b452f015?s=96&d=mm&r=g\",\"contentUrl\":\"http:\/\/0.gravatar.com\/avatar\/f5cc031370d978549ecee960b452f015?s=96&d=mm&r=g\",\"caption\":\"Sigrid Kowalewski\"},\"url\":\"http:\/\/sidko.de\/magazin\/author\/sigrid\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Editorial Design Trend: animierte Cover","description":"\u00a0Durch animierte Cover kommt endlich Bewegung ins Editorial Design. Lest, wie man eine Animation ganz leicht selbst machen kann...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html","og_locale":"de_DE","og_type":"article","og_title":"Editorial Design Trend: animierte Cover","og_description":"\u00a0Durch animierte Cover kommt endlich Bewegung ins Editorial Design. Lest, wie man eine Animation ganz leicht selbst machen kann...","og_url":"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html","og_site_name":"Sidko Editorial Design","article_publisher":"https:\/\/www.facebook.com\/sigrid.kowalewski","article_published_time":"2016-01-15T09:53:51+00:00","article_modified_time":"2021-12-06T20:48:41+00:00","og_image":[{"width":227,"height":312,"url":"http:\/\/sidko.de\/magazin\/wp-content\/uploads\/2016\/01\/herzl.pink_.big_.gif","type":"image\/gif"}],"author":"Sigrid Kowalewski","twitter_card":"summary_large_image","twitter_creator":"@SidkoDesign","twitter_site":"@SidkoDesign","twitter_misc":{"Verfasst von":"Sigrid Kowalewski","Gesch\u00e4tzte Lesezeit":"2\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html#article","isPartOf":{"@id":"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html"},"author":{"name":"Sigrid Kowalewski","@id":"http:\/\/sidko.de\/magazin\/#\/schema\/person\/b3b24d03d050d4ada605f6576869c598"},"headline":"Animierte Magazin Cover gestalten – Editorial Design Trend","datePublished":"2016-01-15T09:53:51+00:00","dateModified":"2021-12-06T20:48:41+00:00","mainEntityOfPage":{"@id":"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html"},"wordCount":419,"publisher":{"@id":"http:\/\/sidko.de\/magazin\/#organization"},"keywords":["Animation","animierte Cover","Bewegung","Editorial Design","Editorial Design Trend","Photoshop"],"articleSection":["Editorial Design"],"inLanguage":"de"},{"@type":"WebPage","@id":"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html","url":"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html","name":"Editorial Design Trend: animierte Cover","isPartOf":{"@id":"http:\/\/sidko.de\/magazin\/#website"},"datePublished":"2016-01-15T09:53:51+00:00","dateModified":"2021-12-06T20:48:41+00:00","description":"\u00a0Durch animierte Cover kommt endlich Bewegung ins Editorial Design. Lest, wie man eine Animation ganz leicht selbst machen kann...","breadcrumb":{"@id":"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/sidko.de\/magazin\/editorial-design-animierte-cover.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Testzeile","item":"http:\/\/sidko.de\/magazin"},{"@type":"ListItem","position":2,"name":"Animierte Magazin Cover gestalten – Editorial Design Trend"}]},{"@type":"WebSite","@id":"http:\/\/sidko.de\/magazin\/#website","url":"http:\/\/sidko.de\/magazin\/","name":"Sidko Editorial Design","description":"I love Magazines","publisher":{"@id":"http:\/\/sidko.de\/magazin\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/sidko.de\/magazin\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de"},{"@type":"Organization","@id":"http:\/\/sidko.de\/magazin\/#organization","name":"Sidko Editorial Design","url":"http:\/\/sidko.de\/magazin\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"http:\/\/sidko.de\/magazin\/#\/schema\/logo\/image\/","url":"http:\/\/sidko.de\/magazin\/wp-content\/uploads\/2023\/04\/sidko-logo-358-68.png","contentUrl":"http:\/\/sidko.de\/magazin\/wp-content\/uploads\/2023\/04\/sidko-logo-358-68.png","width":358,"height":68,"caption":"Sidko Editorial Design"},"image":{"@id":"http:\/\/sidko.de\/magazin\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/sigrid.kowalewski","https:\/\/twitter.com\/SidkoDesign","https:\/\/instagram.com\/sidko.design\/","https:\/\/de.linkedin.com\/pub\/sigrid-kowalewski\/99\/a91\/211"]},{"@type":"Person","@id":"http:\/\/sidko.de\/magazin\/#\/schema\/person\/b3b24d03d050d4ada605f6576869c598","name":"Sigrid Kowalewski","image":{"@type":"ImageObject","inLanguage":"de","@id":"http:\/\/sidko.de\/magazin\/#\/schema\/person\/image\/","url":"http:\/\/0.gravatar.com\/avatar\/f5cc031370d978549ecee960b452f015?s=96&d=mm&r=g","contentUrl":"http:\/\/0.gravatar.com\/avatar\/f5cc031370d978549ecee960b452f015?s=96&d=mm&r=g","caption":"Sigrid Kowalewski"},"url":"http:\/\/sidko.de\/magazin\/author\/sigrid"}]}},"_links":{"self":[{"href":"http:\/\/sidko.de\/magazin\/wp-json\/wp\/v2\/posts\/582"}],"collection":[{"href":"http:\/\/sidko.de\/magazin\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/sidko.de\/magazin\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/sidko.de\/magazin\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/sidko.de\/magazin\/wp-json\/wp\/v2\/comments?post=582"}],"version-history":[{"count":13,"href":"http:\/\/sidko.de\/magazin\/wp-json\/wp\/v2\/posts\/582\/revisions"}],"predecessor-version":[{"id":857,"href":"http:\/\/sidko.de\/magazin\/wp-json\/wp\/v2\/posts\/582\/revisions\/857"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/sidko.de\/magazin\/wp-json\/wp\/v2\/media\/585"}],"wp:attachment":[{"href":"http:\/\/sidko.de\/magazin\/wp-json\/wp\/v2\/media?parent=582"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/sidko.de\/magazin\/wp-json\/wp\/v2\/categories?post=582"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/sidko.de\/magazin\/wp-json\/wp\/v2\/tags?post=582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}