{"id":449,"date":"2015-02-07T09:35:50","date_gmt":"2015-02-07T08:35:50","guid":{"rendered":"http:\/\/kurser.pixelengine.se\/indesign\/?p=449"},"modified":"2016-10-20T19:44:09","modified_gmt":"2016-10-20T17:44:09","slug":"ovning-skapa-navigation-med-3d-kansla","status":"publish","type":"post","link":"https:\/\/kurser.pixelengine.se\/indesign\/2015\/02\/07\/ovning-skapa-navigation-med-3d-kansla\/","title":{"rendered":"\u00d6vning: Skapa navigation med 3D-k\u00e4nsla"},"content":{"rendered":"<p><em>Den h\u00e4r \u00f6vningen kan g\u00f6ras p\u00e5 n\u00e5gon av kurserna. Instruktionerna \u00e4r allts\u00e5 inte n\u00f6dv\u00e4ndigtvis tydliga nog f\u00f6r att\u00a0du ska kunna g\u00f6ra den p\u00e5 egen hand. \u00a0Fungerar med alla versioner av InDesign.\u00a0<\/em><\/p>\n<p>Den h\u00e4r \u00f6vningen g\u00e5r ut p\u00e5 att skapa en layout som anv\u00e4nder sig av en &#8221;ribbon&#8221; eller en liten remsa i \u00f6vre v\u00e4nstra h\u00f6rnet, vilket \u00e4r ett enkelt s\u00e4tt att<\/p>\n<p>Det f\u00f6rekommer b\u00e5de i tryck och p\u00e5 webben. Det kan vara anv\u00e4ndbart som navigation och motsvarande utstickande post-it-lappar i en bok. I flersidiga dokument kan det anv\u00e4ndas f\u00f6r att ange\u00a0avdelning, kapitel, kategori eller liknande.<\/p>\n<p><a href=\"https:\/\/kurser.pixelengine.se\/indesign\/wp-content\/uploads\/sites\/3\/2015\/02\/\u00d6vning-ribbon-rgb-v2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-456\" src=\"https:\/\/kurser.pixelengine.se\/indesign\/wp-content\/uploads\/sites\/3\/2015\/02\/\u00d6vning-ribbon-rgb-v2-724x1024.png\" alt=\"\u00d6vning - ribbon rgb v2\" width=\"474\" height=\"670\" srcset=\"https:\/\/kurser.pixelengine.se\/indesign\/wp-content\/uploads\/sites\/3\/2015\/02\/\u00d6vning-ribbon-rgb-v2-724x1024.png 724w, https:\/\/kurser.pixelengine.se\/indesign\/wp-content\/uploads\/sites\/3\/2015\/02\/\u00d6vning-ribbon-rgb-v2-212x300.png 212w, https:\/\/kurser.pixelengine.se\/indesign\/wp-content\/uploads\/sites\/3\/2015\/02\/\u00d6vning-ribbon-rgb-v2.png 992w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/a><\/p>\n<p>I den h\u00e4r n\u00e5gorlunda enkla \u00f6vningen, som \u00e4r t\u00e4nkt att g\u00f6ras p\u00e5 en lektion ihop, f\u00e5r du \u00f6va p\u00e5:<\/p>\n<ul>\n<li>Att s\u00e4tta en bra rubrik rent typografiskt<\/li>\n<li>Skapa styckestilar<\/li>\n<li>Skapa och konvertera former (rektanglar och trianglar)<\/li>\n<li>Anv\u00e4nda banhanteraren f\u00f6r att sk\u00e4ra ut objekt ur andra<\/li>\n<li>Jobba med Lager-panelen<\/li>\n<li>Jobba med f\u00e4rger.<\/li>\n<\/ul>\n<h4>Steg 1. Huvudtextrutan.<\/h4>\n<ol>\n<li>Skapa textrutan: (ca) 120mm bred, 200mm h\u00f6g. Den ska ligga n\u00e5gon centimeter nedanf\u00f6r \u00f6vre marginalen.<\/li>\n<li>Skriv in texten, eller kopiera in den fr\u00e5n PDF:en (h\u00e4r nere)<\/li>\n<li>Typsnitt: <strong>Myriad Pro Regular<\/strong> p\u00e5 allt s\u00e5 l\u00e4nge.<\/li>\n<li>G\u00e5 till menyn <strong>Text -&gt; Visa dolda tecken<\/strong> om det inte redan \u00e4r aktiverat.<\/li>\n<li>Rensa upp eventuella \u00f6verfl\u00f6diga stycketecken (dvs sudda bort dem).<\/li>\n<li>Markera den bredaste raden, och g\u00e5 till menyn <strong>F\u00f6nster -&gt; Information.<\/strong><\/li>\n<li>Hur m\u00e5nga tecken har du i bredd? T\u00e4nk alltid p\u00e5 spaltbredden n\u00e4r du jobbar med text. \u00c4ndra teckengraden p\u00e5 all text s\u00e5 att &#8221;v\u00e4rsta raden&#8221; har en spaltbredd p\u00e5\u00a0ca 30 tecken.<\/li>\n<li>Fixa f\u00f6rsta stycket. Markera det \u00f6versta stycket (det som heter &#8221;Skapa en &#8217;ribbon&#8217;\u2026), ta teckengraden du just kom fram till, och g\u00e5nga den med 1,6.<\/li>\n<li>P\u00e5 \u00f6versta stycket, minska radavst\u00e5ndet till ca 40pkt. (En rubrik beh\u00f6ver ju tightas ihop!)<\/li>\n<li>L\u00e4gg in &#8221;Avst\u00e5nd efter&#8221; p\u00e5 f\u00f6rsta och andra stycket\u00a0s\u00e5 att det matchar layouten ungef\u00e4rligt. G\u00e5 p\u00e5 \u00f6gonm\u00e5tt.<\/li>\n<\/ol>\n<h4>Steg 2. Bakgrunden.<\/h4>\n<ol>\n<li>Skapa en rektangel\u00a0som precis f\u00f6ljer <em>marginalerna\u00a0<\/em>(inte hela sidans storlek)<\/li>\n<li>Fyll den med gult.<\/li>\n<li>Nu visar vi hur lager funkar i InDesign (om vi redan gjort det: flytta din gula bakgrund underst i Lagerpanelen).<\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h4>Steg 3. Remsan (ribbonen d\u00e4r det st\u00e5r Kapitel 1)<\/h4>\n<ol>\n<li>Skapa en textruta som \u00e4r ca 42 x 13 mm stor.<\/li>\n<li>Skriv in texten Kapitel 1.<\/li>\n<li>Teckengraden ska vara 14 pkt<\/li>\n<li>Typsnittet \u00e4r Myriad Pro Regular.<\/li>\n<li>\u00c4ndra till versaler (knappen TT i kontrollpanelen)<\/li>\n<li>Centrera texten horisontellt (detta g\u00f6r du i textl\u00e4ge, dvs med all text markerad) och centrera i kontrollpanelen).<\/li>\n<li>Centrera texten vertikalt (detta g\u00f6r du genom att markera textobjektet och hitta funktionen i kontrollpanelen)<\/li>\n<li>Ge textrutan r\u00e4tt bakgrundsf\u00e4rg (dvs bl\u00e5)<\/li>\n<li>Ge texten vit f\u00e4rg (papper)<\/li>\n<li>Sp\u00e4rra texten med 200. (AV i kontrollpanelen)<\/li>\n<li>Positionera det hela r\u00e4tt s\u00e5 att K:et i &#8221;Kapitel 1&#8221; ligger en liten bit innanf\u00f6r den gula kanten (titta p\u00e5 layouten)<\/li>\n<li>Nu tittar vi p\u00e5 hur man g\u00f6r skuggningen\u2026<\/li>\n<\/ol>\n<h4>Steg 4. Nedersta textrutan med webadressen.<\/h4>\n<ol>\n<li>Skapa den nedre textrutan<\/li>\n<li>Skriv in texten<\/li>\n<li>F\u00f6rs\u00f6k centrera den i f\u00f6rh\u00e5llande till sidan. Du kan antingen anv\u00e4nda smarta st\u00f6dlinjer (de gr\u00f6na linjerna)<\/li>\n<\/ol>\n<h4>Om du vill forts\u00e4tta\u2026<\/h4>\n<ol>\n<li>Skapa en ny sida i panelen Sidor.<\/li>\n<li>Markera det \u00f6versta stycket text.<\/li>\n<li>G\u00e5 till panelen Styckeformat.<\/li>\n<li>Klicka p\u00e5 flyout menun (tre streck med en ned\u00e5tpil) och\u00a0&#8221;Nytt styckeformat&#8221;.<\/li>\n<li>D\u00f6p formatet till Rubrik 1, klicka OK.<\/li>\n<li>Markera stycket med den lite mindre texten och g\u00f6r likadant.<\/li>\n<li>Skapa en ny textruta, skriv in n\u00e5gon text, och klicka sedan p\u00e5 Rubrik 1 i Styckeformatspanelen s\u00e5 ska den f\u00e5 det utseendet.<\/li>\n<li>Skapa ett nytt stycke och applicera det andra styckeformatet.<\/li>\n<\/ol>\n<p>Ladda ner\u00a0<a href=\"https:\/\/kurser.pixelengine.se\/indesign\/wp-content\/uploads\/sites\/3\/2015\/02\/\u00d6vning-ribbon-rgb-v2.pdf\">\u00d6vning &#8211; ribbon rgb v2\u00a0(PDF f\u00f6r referens)<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Den h\u00e4r \u00f6vningen kan g\u00f6ras p\u00e5 n\u00e5gon av kurserna. Instruktionerna \u00e4r allts\u00e5 inte n\u00f6dv\u00e4ndigtvis tydliga nog f\u00f6r att\u00a0du ska kunna g\u00f6ra den p\u00e5 egen hand. &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[24,111,63,66],"class_list":["post-449","post","type-post","status-publish","format-standard","hentry","category-ovningar","tag-farger","tag-navigation","tag-textverktyget","tag-typografi","no-post-thumbnail"],"_links":{"self":[{"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/posts\/449","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/comments?post=449"}],"version-history":[{"count":12,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/posts\/449\/revisions"}],"predecessor-version":[{"id":865,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/posts\/449\/revisions\/865"}],"wp:attachment":[{"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/media?parent=449"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/categories?post=449"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/tags?post=449"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}