{"id":444,"date":"2015-02-06T17:12:50","date_gmt":"2015-02-06T16:12:50","guid":{"rendered":"http:\/\/kurser.pixelengine.se\/indesign\/?p=444"},"modified":"2017-03-20T21:58:19","modified_gmt":"2017-03-20T20:58:19","slug":"ovning-figursattning-och-superrubrik","status":"publish","type":"post","link":"https:\/\/kurser.pixelengine.se\/indesign\/2015\/02\/06\/ovning-figursattning-och-superrubrik\/","title":{"rendered":"\u00d6vning: Figurs\u00e4ttning och superrubrik"},"content":{"rendered":"<h3>I denna \u00f6vning f\u00e5r du \u00f6va p\u00e5:<\/h3>\n<ul>\n<li>Att s\u00e4tta en snygg rubrik \u2013 en st\u00f6rre konst \u00e4n man kan tro<\/li>\n<li>Att montera bilder &#8211; och f\u00f6rst\u00e5 skillnaden p\u00e5 JPG och format som st\u00f6djer genomskinlighet, s\u00e5som Photoshopformat (PSD).<\/li>\n<li>Att figurs\u00e4tta, dvs fl\u00f6da text runt en bild<\/li>\n<li>Att anv\u00e4nda &#8221;ignorera figurs\u00e4ttning&#8221;<\/li>\n<\/ul>\n<div id=\"attachment_894\" style=\"width: 479px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-894\" class=\" wp-image-894\" src=\"https:\/\/kurser.pixelengine.se\/indesign\/wp-content\/uploads\/sites\/3\/2015\/02\/\u00d6vning-Superrubrik-724x1024.jpg\" alt=\"\" width=\"469\" height=\"663\" srcset=\"https:\/\/kurser.pixelengine.se\/indesign\/wp-content\/uploads\/sites\/3\/2015\/02\/\u00d6vning-Superrubrik-724x1024.jpg 724w, https:\/\/kurser.pixelengine.se\/indesign\/wp-content\/uploads\/sites\/3\/2015\/02\/\u00d6vning-Superrubrik-212x300.jpg 212w, https:\/\/kurser.pixelengine.se\/indesign\/wp-content\/uploads\/sites\/3\/2015\/02\/\u00d6vning-Superrubrik-768x1086.jpg 768w, https:\/\/kurser.pixelengine.se\/indesign\/wp-content\/uploads\/sites\/3\/2015\/02\/\u00d6vning-Superrubrik-100x141.jpg 100w, https:\/\/kurser.pixelengine.se\/indesign\/wp-content\/uploads\/sites\/3\/2015\/02\/\u00d6vning-Superrubrik.jpg 842w\" sizes=\"auto, (max-width: 469px) 100vw, 469px\" \/><p id=\"caption-attachment-894\" class=\"wp-caption-text\">S\u00e5 h\u00e4r ska den f\u00e4rdiga layouten se ut.<\/p><\/div>\n<p><a href=\"https:\/\/kurser.pixelengine.se\/indesign\/wp-content\/uploads\/sites\/3\/2015\/02\/\u00d6vning-Superrubrik.pdf\">\u00d6vning Superrubrik<\/a>\u00a0(PDF som referens)<\/p>\n<h3>Steg 1 &#8211; Superrubriken<\/h3>\n<ol>\n<li><strong>Skapa ett nytt dokument<\/strong> i formatet st\u00e5ende A3.<\/li>\n<li><strong>Skapa en textruta.\u00a0<\/strong>Den ska ligga kant i kant med <i>\u00f6vre v\u00e4nstra<\/i> marginalen. Dra ut den stort \u00f6ver sidan, f\u00f6r tillf\u00e4llet spelar storleken ingen roll, men g\u00f6r den ordentligt stor s\u00e5 du ser vad du g\u00f6r n\u00e4r du jobbar,<\/li>\n<li><strong>Skriv in texten &#8221;Superrubrik&#8221;.<\/strong> (Du beh\u00f6ver inte skriva in det med versaler, det ordnar vi sen).<\/li>\n<li><strong>Teckengraden\u00a0(=typsnittsstorleken) st\u00e5r p\u00e5 12 pkt men ska vara 230 pkt. <\/strong>Tips \u00e4r att stega dig fram till detta, inte skriva in det direkt, f\u00f6r att se vad som h\u00e4nder. H\u00e5ll inne shift n\u00e4r du klickar dig fram till storleken s\u00e5 \u00f6kar du med 10 pkt \u00e5t g\u00e5ngen.<\/li>\n<li><strong>Konvertera till versaler.<\/strong>\u00a0Se till att &#8221;Superrubrik&#8221; \u00e4r markerad. Sedan g\u00e5r du till\u00a0kontrollpanelen i InDesign, till h\u00f6ger om typsnittsstorleken\u00a0\u2013 klicka p\u00e5 symbolen TT, s\u00e5 g\u00f6rs alla bokst\u00e4verna till versaler.<\/li>\n<li><strong> Typsnittet <\/strong>skall vara <strong>Myriad Pro<\/strong><\/li>\n<li>Stilen ska vara <strong>Bold<\/strong> (d\u00e4r det st\u00e5r Regular)<\/li>\n<li><strong>Radavst\u00e5ndet, <\/strong>som du hittar under teckengraden,\u00a0ska vara 170 pkt. Stega dig ocks\u00e5 fram detta med pilarna s\u00e5 ser du vad som h\u00e4nder.<\/li>\n<li><strong>Knipning<\/strong>\u00a0-40 (AV i kontrollpanelen i InDesign) &#8211; allts\u00e5 minskat avst\u00e5nd mellan bokst\u00e4verna.<\/li>\n<li>I kontrollpanelen st\u00e5r<strong>\u00a0<\/strong>det<strong> Metrisk, \u00e4ndra till<\/strong>\u00a0<strong>Optisk <\/strong>kerning.<\/li>\n<li><b>F\u00e5 bort bindestrecket.<\/b>\u00a0St\u00e4ll textmark\u00f6ren mellan <i>Super <\/i>och <i>rubrik. <\/i>Skapa en radbrytning med Shift+Enter.<\/li>\n<li>Nu kan du anpassa din\u00a0textruta och har du gjort allt r\u00e4tt ska den rymmas om du anger m\u00e5tten\u00a0Bredd: 260mm, H\u00f6jd 125mm.<\/li>\n<\/ol>\n<h3>Steg 2 &#8211; Textrutan undertill<\/h3>\n<ol>\n<li><strong>Skapa en textruta. \u00a0<\/strong>Dra den fr\u00e5n nedre v\u00e4nstra marginalen, den ska vara\u00a0220 mm bred, 256 mm h\u00f6g .<\/li>\n<li>H\u00f6gerklicka i textrutan och v\u00e4lj <strong>&#8221;Fyll med platsh\u00e5llartext&#8221;.<\/strong><\/li>\n<li><strong>F\u00f6rsta fyra raderna (dvs slutresultatet)<\/strong> skall vara <strong>Minion Pro Regular 38\/42 pkt.<\/strong> (Dvs 38 punkters teckengrad, 42 punkters radavst\u00e5nd) &#8211; uttalas &#8221;38 p\u00e5 42&#8221;<\/li>\n<li><strong>Resten av texten nedamf\u00f6r ska vara\u00a024\/28 pkt.<\/strong> (Dvs 38\/1,6 = gyllene snitet)<\/li>\n<li>Radera\u00a0all\u00a0extra text som skapades, som nu inte ryms i textrutan, s\u00e5 att du blir av med det r\u00f6da plustecknet i textrutan och har 4-5 raders luft mot sidans nederkant. (St\u00e4ll dig d\u00e4r du vill att texten ska sluta, tryck Kortkommando <strong>Cmd\/Ctrl+Shift+End<\/strong>) och sedan radera\/delete.<\/li>\n<\/ol>\n<h3>Steg 3 &#8211; Montera bilden<\/h3>\n<ol>\n<li><b>Ladda ner och spara JPG-bilden<\/b> p\u00e5 dansande tjejen h\u00e4r nere.<\/li>\n<li><b>Montera JPG-bilden <\/b>och rita ut den ungef\u00e4r som p\u00e5 layouten.<\/li>\n<li><b>Besk\u00e4r.<\/b>\u00a0Bilden \u00e4r mycket bredare \u00e4n den beh\u00f6ver, s\u00e5 du beh\u00f6ver besk\u00e4ra den i InDesign (dvs sk\u00e4r bort allt vitt)<\/li>\n<li><b>Placera och skala bilden till r\u00e4tt storlek<\/b> enligt den f\u00e4rdiga layouten.<\/li>\n<li><b>Figurs\u00e4ttning.<\/b>\u00a0Markera bilden, g\u00e5 till panelen Figurs\u00e4ttning och st\u00e4ll in figurs\u00e4ttningen\u00a0p\u00e5 &#8221;figurs\u00e4tt runt objekt&#8221;.<\/li>\n<li>H\u00f6gerklicka p\u00e5 <em>Superrubrik-textrutan<\/em> och v\u00e4lj &#8221;<strong>Alternativ f\u00f6r textramar&#8221;<\/strong>, och kryssa i &#8221;<strong>Ignorera figurs\u00e4ttning<\/strong>&#8221;. Klicka OK.<\/li>\n<li>Konstatera att texten <em>inte\u00a0<\/em>fl\u00f6dar runt modellen utan runt bildens kanter \u2013 JPG funkar allts\u00e5 inte till detta &#8211; d\u00e4rf\u00f6r att JPG-bilder st\u00f6djer inte genomskinlighet.<\/li>\n<li>Vi kan nu antingen fril\u00e4gga i InDesign eller betydligt enklare, g\u00f6ra enligt steg 9&#8230;<\/li>\n<li>Ladda ner denna f\u00e4rdig-frilagda bild i <a href=\"http:\/\/kurser.pixelengine.se\/files\/06_saprema_frilagd.psd\">Photoshop-format<\/a>. Markera bildramen som JPG-bilden ligger i.<\/li>\n<li><strong>Montera PSD-filen<\/strong> <i>i den befintliga ramen<\/i>. (Arkiv -&gt;Montera som vanligt)<\/li>\n<li>Se till s\u00e5 bilden \u00e4r markerad. Nu skall du st\u00e4lla in p\u00e5 <strong>Figurs\u00e4ttnings-panelen: Konturinst\u00e4llningar -&gt; Typ -&gt; &#8221;K\u00e4nn av kanter&#8221;.<\/strong><\/li>\n<li><strong>Reality check.<\/strong> Nu skall texten fl\u00f6da runt damen, men <em>inte<\/em> figurs\u00e4tta Superrubriken (eftersom vi valt att den ska ignorera figurs\u00e4ttning).<\/li>\n<li><strong>Frivillig detaljfix:<\/strong> om du vill kan du i Figurs\u00e4ttningspanelen \u00f6ka avst\u00e5ndet runt modellen lite, och kanske\u00a0snygga till texten (ta bort on\u00f6diga radbryt, kanske lite &#8221;Avst\u00e5nd efter&#8221; efter andra stycket)<\/li>\n<li>F\u00e4rdigt!<a href=\"https:\/\/kurser.pixelengine.se\/indesign\/wp-content\/uploads\/sites\/3\/2014\/09\/06_saprema_figurs\u00e4ttning.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-large wp-image-264\" src=\"https:\/\/kurser.pixelengine.se\/indesign\/wp-content\/uploads\/sites\/3\/2014\/09\/06_saprema_figurs\u00e4ttning-1024x609.jpg\" alt=\"06_saprema_figurs\u00e4ttning\" width=\"474\" height=\"282\" srcset=\"https:\/\/kurser.pixelengine.se\/indesign\/wp-content\/uploads\/sites\/3\/2014\/09\/06_saprema_figurs\u00e4ttning-1024x609.jpg 1024w, https:\/\/kurser.pixelengine.se\/indesign\/wp-content\/uploads\/sites\/3\/2014\/09\/06_saprema_figurs\u00e4ttning-300x178.jpg 300w, https:\/\/kurser.pixelengine.se\/indesign\/wp-content\/uploads\/sites\/3\/2014\/09\/06_saprema_figurs\u00e4ttning.jpg 1176w\" sizes=\"auto, (max-width: 474px) 100vw, 474px\" \/><\/a><\/li>\n<\/ol>\n<p>&nbsp;<\/p>\n<h3>Instruktionsvideo<\/h3>\n<div class=\"x-resp-embed x-is-video x-is-youtube\"><iframe loading=\"lazy\" width=\"1184\" height=\"888\" src=\"https:\/\/www.youtube.com\/embed\/zmspJzvdPaM?feature=oembed\" frameborder=\"0\" allowfullscreen><\/iframe><\/div>\n","protected":false},"excerpt":{"rendered":"<p>I denna \u00f6vning f\u00e5r du \u00f6va p\u00e5: Att s\u00e4tta en snygg rubrik \u2013 en st\u00f6rre konst \u00e4n man kan tro Att montera bilder &#8211; och &#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":[26,152,41,114,66],"class_list":["post-444","post","type-post","status-publish","format-standard","hentry","category-ovningar","tag-figursattning","tag-frilaggning","tag-layout","tag-rubrik","tag-typografi","no-post-thumbnail"],"_links":{"self":[{"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/posts\/444","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=444"}],"version-history":[{"count":20,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/posts\/444\/revisions"}],"predecessor-version":[{"id":961,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/posts\/444\/revisions\/961"}],"wp:attachment":[{"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/media?parent=444"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/categories?post=444"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kurser.pixelengine.se\/indesign\/wp-json\/wp\/v2\/tags?post=444"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}