Content
- 01. Configuració
- 02. Primer digital
- 03. Reixeta modular
- 04. Graella bàsica
- 05. Enfocament principal
- 06. Detalls del disseny
- 07. Vés a Illustrator CC
- 08. Importació de gràfics
- 09. Presentació de diapositives mitjançant estats d'objectes
- 10. Configuració d’intervals
- 11. Perfeccionament de la presentació de diapositives
- 12. Detalls de la presentació de diapositives
- 13. Vista prèvia al Visualitzador de contingut
- 14. Torna a imprimir un moment
- 15. Impressió simultània i digital
- Ara llegeix això:
La necessitat de fer arribar el vostre treball de disseny per a clients potencials o empresaris mai ha estat tan gran. Amb l’augment de la competència laboral, és important destacar, però tingueu cura d’enviar fitxers adjunts de correu electrònic de grans dimensions (rebran breus despeses de possibles clients), mentre que un simple enllaç web acabarà enterrat en una muntanya d’altres correus electrònics i, fins i tot, en un lloc ben orientat una peça impresa pot resultar costosa i de poc valor si l’empresa treballa predominantment en digital.
Una solució és crear un disseny de cartera a mida que es pugui imprimir en un nombre limitat per utilitzar-lo com a senzilla aplicació que es pugui descarregar directament als iPads de possibles clients.
Amb Adobe Creative Cloud podeu treballar a la perfecció tant en format imprès com digital, tot dins d’InDesign CC i la Digital Publishing Suite (DPS), a més d’una mica d’ajuda dels nostres antics amics Illustrator CC i Photoshop CC. A través d’aquest tutorial, examinaré com es pot crear un disseny d’aplicacions senzill que mostri el vostre treball i les vostres habilitats digitals i que també es pugui aplicar fàcilment a una bonica peça d’impressió A5 a mida.
01. Configuració
Si esteu migrant a CC des de CS6, us acostumareu a la nova interfície més fosca per defecte i a la finestra de l’aplicació. Però tingueu en compte que es pot desactivar navegant a Preferències> Interfície i seleccionant un color més clar (cosa que he fet aquí). També he desmarcat l’opció Marc de l’aplicació al menú Finestra.
02. Primer digital
Comencem pel document digital perquè no caiguem en hàbits antics de disseny d'impressions. A InDesign, creeu un document nou, seleccioneu Publicació digital al menú desplegable Intent i configureu Mida de pàgina a iPad. Seleccioneu una orientació vertical, trieu 1 columna i configureu tots els marges a 0. Deseu-ho com a fitxer de portada.
03. Reixeta modular
Com que primer estem dissenyant per a iPad, podem defugir qualsevol sistema tradicional de quadrícula d'impressió basat en columnes i, en canvi, triar una quadrícula modular més semblant al disseny en línia. Aneu a Disseny> Crea guies, configureu files a 0, columnes a 3 amb un canaló de 0 px i marqueu l'opció Pàgina perquè les guies s'adaptin a la pàgina.
04. Graella bàsica
Ara, per bloquejar el nostre disseny bàsic de quadrícula. Manteniu premuda la tecla Maj, dibuixeu un quadrat perfecte des de la part superior esquerra del document i fixeu-lo a la guia més propera. A continuació, premeu Alt i arrossegueu-lo i copieu-lo per omplir la graella, ajustant les guies verticals a la part inferior dels quadrats a mesura que aneu. Si feu clic a Guies intel·ligents al menú desplegable Visualització, això és una brisa.
05. Enfocament principal
Ara comenceu a aprofundir una mica més en la pàgina de destinació. En aquest moment, introduïu el vostre logotip al disseny. En el meu cas, es tracta d’un logotip quadrat que he situat a la part superior esquerra per omplir una de les cel·les. A continuació, trieu un esquema de colors i penseu en el disseny. Aquí, he fet un dels quadres molt més gran per ser el focus principal.
06. Detalls del disseny
A continuació, afegiu alguns detalls clau per al nostre títol / pàgina de destinació. He dibuixat una simple fletxa contornada amb l’eina Pen i l’he duplicada per indicar que l’usuari ha de lliscar cap a la dreta. També he configurat una estructura tipogràfica senzilla amb el personatge serif Bella per al titular principal i Helvetica per a còpies més petites.
07. Vés a Illustrator CC
Canvieu a Illustrator i creeu uns gràfics senzills amb les eines Ploma i forma, assegurant-vos que Snap To Grid estigui activat i que s'adapti perfectament a la quadrícula. Quan estigueu contents, seleccioneu cada gràfic, utilitzeu el Pathfinder per unir els elements individuals, seleccioneu Crea un camí compost al menú desplegable i premeu Expandir.
08. Importació de gràfics
La següent etapa del procés consisteix a importar els vostres nous gràfics copiant-los i enganxant-los a InDesign. Canvieu la mida de cada un, mantenint premuda la tecla Maj, perquè quedi perfectament dins de la quadrícula. Repetiu aquest procés per a tots els vostres gràfics fins que tingueu una selecció de varis per treballar al cartró.
09. Presentació de diapositives mitjançant estats d'objectes
Seleccioneu tots els gràfics i, mitjançant el panell Alineació, alineeu els centres verticals i horitzontals. Moveu les formes a la posició i aneu a Finestra> Interactiu> Estats dels objectes. Amb els objectes seleccionats, premeu la icona a la part inferior del tauler per convertir la selecció en un objecte de diversos estats.
10. Configuració d’intervals
Apareu ara el tauler Folio Overlays i notareu que, ja que és un objecte de diversos estats, el tauler de presentació de diapositives ja apareix. Com que volem que s’animi tan bon punt iniciem l’aplicació, seleccioneu Reproducció automàtica i trieu un interval ràpid de 0,5 segons. Marqueu la casella Loop perquè sigui contínua i desactiveu l'opció Fade Cross. Ara premeu Visualització prèvia a la part inferior del tauler de superposicions de foli per veure el vostre cicle de presentació de diapositives a través dels gràfics.
11. Perfeccionament de la presentació de diapositives
Ara afegim algunes imatges de la mateixa manera. Assegureu-vos que les vostres imatges siguin totes RGB a Photoshop i que es desin com a PNG. Recordeu que aquí tractem píxels i no ppp. Podeu comprovar la ppi efectiva al tauler Enllaços d’InDesign. Com a norma general, si supera els 144, estarà bé per a l'iPad Retina.
12. Detalls de la presentació de diapositives
A continuació, dibuixeu quadres de colors a la part superior de les imatges perquè coincideixin amb el vostre esquema de colors, configureu el mode de fusió a Pantalla i agrupeu cada parell d'objectes. Ara seleccioneu tots els objectes, alineeu-los com abans, col·loqueu-los en posició i converteu-los en un objecte de diversos estats.
13. Vista prèvia al Visualitzador de contingut
Al panell de la presentació de diapositives del tauler Superposicions, seleccioneu Reproducció automàtica amb un interval d’1,5 segons més llarg, feu un bucle i doneu-li un subtil creuament d’un segon per contrastar amb les transicions ràpides i dures dels gràfics anteriors. Ara previsualitzeu-lo a Adobe Content Viewer per veure si esteu contents.
14. Torna a imprimir un moment
Abans d’entrar massa en el vessant digital de les coses, volem assegurar-nos que també funcioni en format imprès. Configureu un document nou amb pàgines orientades a A5 i un sagnat de 3 mm a totes les vores. Torneu al nostre document de l'iPad, agrupeu tot el que hi ha a la pàgina, enganxeu-lo directament al document d'impressió A5 i canvieu-ne la mida com millor pugueu. Com podeu veure aquí, una part del disseny s'està retallant a la vora esquerra.
15. Impressió simultània i digital
Perquè funcioni per imprimir, afegiu una altra fila de quadrats i modifiqueu-la perquè s'adapti a l'alçada del document. Afegiu una barra vertebral de color gris per obtenir una sensació de llibre, seleccioneu l'ordre Allibera estats a objectes al menú desplegable i assegureu-vos que les imatges siguin CMYK, 300 dpi i que s'allarguin fins a la guia de purga de 3 mm.
Aquest és el final de la primera part: la segona part apareixerà demà al lloc.
Paraules: Luke O'Neill
Luke, editor d'art de la revista T3 i antic editor d'art de Computer Arts Collection, treballa en els camps del disseny, la direcció d'art i la il·lustració, tant en format imprès com digital.
Aquesta característica va aparèixer per primera vegada a The Ultimate Guide To Adobe Creative Cloud.
Ara llegeix això:
- Consells, trucs i solucions de Photoshop per provar avui
- Pinzells de Photoshop gratuïts que han de tenir tots els creatius
- Accions gratuïtes de Photoshop per crear efectes impressionants
- Els millors connectors de Photoshop
