{"id":1518,"date":"2016-04-04T15:45:15","date_gmt":"2016-04-04T15:45:15","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/?page_id=1518"},"modified":"2016-04-04T15:46:49","modified_gmt":"2016-04-04T15:46:49","slug":"crear-un-enllac-per-a-exportar-a-pdf-illustrator","status":"publish","type":"page","link":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/introduccio\/crear-un-enllac-per-a-exportar-a-pdf-illustrator\/","title":{"rendered":"Crear un enlace para exportar a pdf, Illustrator"},"content":{"rendered":"<p>Illustrator no es la herramienta m\u00e1s indicada para realizar documentos interactivos en pdf, es decir, para poner enlaces, es mucho m\u00e1s \u00a0recomendable hacerlo con alguna herramienta de maquetaci\u00f3n incluso con el propio Acrobat.<a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_a.png\" rel=\"attachment wp-att-1507\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright wp-image-1507 \" src=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_a-1024x703.png\" alt=\"Dise\u00f1o pdf\" width=\"832\" height=\"571\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_a-1024x703.png 1024w, http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_a-300x206.png 300w, http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_a-768x527.png 768w, http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_a.png 1214w\" sizes=\"auto, (max-width: 832px) 100vw, 832px\" \/><\/a><\/p>\n<p>Hay que tener en cuenta que, aunque en Illustrator tenemos una ventana que se llama enlaces (1), esta se refiere a la vinculaci\u00f3n que tienen nuestras \u00a0im\u00e1genes que tenemos en el proyecto. En esta ventana podemos ver la informaci\u00f3n de las ilustraciones, si est\u00e1n enlazadas o incrustadas, modificar esta situaci\u00f3n para incrustarlas,\u00a0 volver a reelazarlas, etc&#8230;<\/p>\n<p>Tenemos otra ventana, la ventana atributos (2) que si nos permite incluir enlaces usando la herramienta Sector, pero no funcionan si vamos a exportar nuestro documento a pdf. Esta ventana est\u00e1 pensada para exportar a otros tipos de formatos, como puede ser a html.<\/p>\n<p>Para incluir enlaces con Illustrator y poder exportarlo a un pdf, y que funcionen, hay que usar un peque\u00f1o \u00a0truco.<\/p>\n<p>Sup\u00f3ngannos\u00a0 que queremos realizar una versi\u00f3n en pdf de la revista Mosaic, como en la imagen anterior, y queremos que al pinchar sobre\u00a0 el logotipo de la UOC (3) nos lleve a la versi\u00f3n web.<\/p>\n<p>Una vez que tengamos creado nuestro dise\u00f1o, por cada enlace hay que hacer lo siguiente:<\/p>\n<ol>\n<li>Crear un nuevo campo de texto<\/li>\n<li>Ponemos en el campo de texto la URL que enlazar\u00a0 (por ejemplo, http:\/\/mosaic.uoc.edu)<br \/>\n<a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_b.png\" rel=\"attachment wp-att-1508\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1508 aligncenter\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_b-300x75.png\" alt=\"Captura_b\" width=\"300\" height=\"75\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_b-300x75.png 300w, http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_b.png 381w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/li>\n<li>Ajustamos el tama\u00f1o del campo de texto para que coincida con la altura y la anchura de la imagen que vamos a usar como\u00a0 espacio de enlace, en este caso la imagen del logotipo de la UOC. (si lo que vamos a usar es un\u00a0 texto, tendremos que ajustarlo al tama\u00f1o del texto).<br \/>\n<a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_c.png\" rel=\"attachment wp-att-1509\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1509 aligncenter\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_c-300x99.png\" alt=\"Captura_c\" width=\"300\" height=\"99\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_c-300x99.png 300w, http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_c.png 369w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/li>\n<\/ol>\n<ol start=\"4\">\n<li>Con el campo de texto seleccionado hacemos clic en el men\u00fa \u00a0<strong>Objeto&gt; Selector&gt; Crear<br \/>\n<a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_d.png\" rel=\"attachment wp-att-1510\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1510 aligncenter\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_d-300x217.png\" alt=\"Captura_d\" width=\"300\" height=\"217\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_d-300x217.png 300w, http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_d.png 673w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/strong><\/li>\n<\/ol>\n<ol start=\"5\">\n<li>Ahora, tambi\u00e9n en el men\u00fa objeto (seguimos con el campo de texto seleccionado), hacemos clic en <strong>Objeto &gt; Selector\u00a0&gt; Opciones de sector<br \/>\n<a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_e.png\" rel=\"attachment wp-att-1511\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1511 aligncenter\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_e-300x180.png\" alt=\"Captura_e\" width=\"300\" height=\"180\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_e-300x180.png 300w, http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_e.png 613w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/strong><\/li>\n<\/ol>\n<p><strong>\u00a0<\/strong><\/p>\n<ol start=\"6\">\n<li>En la ventana de di\u00e1logo que nos sale, cogemos la opci\u00f3n\u00a0 <strong>\u00a0texto HTML<\/strong> \u00a0en el men\u00fa desplegable \u00abTipo de sector \u00bb y nos aseguramos que tenemos marcada la casilla de verificaci\u00f3n \u00a0texto HTML y\u00a0 hacemos clik en \u00abOK\u00bb<br \/>\n<a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_f.png\" rel=\"attachment wp-att-1512\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-1512 aligncenter\" src=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_f-275x300.png\" alt=\"Captura_f\" width=\"275\" height=\"300\" srcset=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_f-275x300.png 275w, http:\/\/multimedia.uoc.edu\/blogs\/labeines\/files\/2016\/04\/Captura_f.png 380w\" sizes=\"auto, (max-width: 275px) 100vw, 275px\" \/><\/a><\/li>\n<\/ol>\n<ol start=\"7\">\n<li>Y por \u00faltimo, ocultaremos el enlace cambiando la opacidad \/ transparencia de el campo de texto html poni\u00e9ndolo al 0% (obviamente este campo de texto lo tendremos encima de la imagen que va a hacer de enlace)<\/li>\n<\/ol>\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Illustrator no es la herramienta m\u00e1s indicada para realizar documentos interactivos en pdf, es decir, para poner enlaces, es mucho m\u00e1s \u00a0recomendable hacerlo con alguna herramienta de maquetaci\u00f3n incluso con el propio Acrobat. Hay que tener en cuenta que, aunque en Illustrator tenemos una ventana que se llama enlaces (1), esta se refiere a la &hellip; <\/p>\n<p class=\"link-more\"><a href=\"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/introduccio\/crear-un-enllac-per-a-exportar-a-pdf-illustrator\/\" class=\"more-link\">Seguir leyendo<span class=\"screen-reader-text\"> \u00abCrear un enlace para exportar a pdf, Illustrator\u00bb<\/span><\/a><\/p>\n","protected":false},"author":57,"featured_media":0,"parent":1126,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"plantilla-pagina.php","meta":{"footnotes":""},"tags":[8],"class_list":["post-1518","page","type-page","status-publish","hentry","tag-illustrator","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1518","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/users\/57"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/comments?post=1518"}],"version-history":[{"count":1,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1518\/revisions"}],"predecessor-version":[{"id":1519,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1518\/revisions\/1519"}],"up":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/pages\/1126"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/media?parent=1518"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/labeines\/es\/wp-json\/wp\/v2\/tags?post=1518"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}