Evitare di ritagliare aree "trasparenti" quando si utilizza il logo


8

Abbiamo il seguente logo per un progetto nella mia scuola:

(PDF: http://dl.dropbox.com/u/13934366/M2/Grafiska/Logotyp/M2.pdf )

Ora, come puoi vedere, ha un triangolo discendente per farlo sembrare un fumetto. Tuttavia, vogliamo ancora che sia centrato in base al centro del rettangolo. Quindi ho pensato di aggiungere un margine identico sopra il rettangolo a quello sotto di esso creato dal triangolo discendente.

Ma ogni volta che utilizziamo il logo in altri programmi, come Photoshop o Pages, ignorano questo margine per quanto riguarda il posizionamento ecc. E invece ritagliano il contenuto effettivo. C'è un modo per evitare questo comportamento?

Quando si utilizza Posiziona ... in Photoshop, è possibile selezionare "Ritaglia per ritagliare casella" che inizialmente lo inserisce con il margine aggiuntivo. Ma se uso gli strumenti di allineamento, lo allinea comunque come logo "nudo".

Aggiornamento : sembra che il consenso sia "bulbo oculare" nella maggior parte delle applicazioni. Dovrei, tuttavia, menzionare che InDesign posiziona effettivamente le cose con la cornice / tavola da disegno intatte. Considerando che Pages ha uno strumento di mascheramento per le immagini, dovrebbe essere possibile regolare i margini anche per quell'applicazione.


1
come potresti capire dalle risposte, ci sarà sempre bisogno di un posizionamento manuale e di un processo decisionale nel design. Questo non è un difetto nel software.
horatio

@horatio Il problema qui sono le altre applicazioni che ignorano la tavola da disegno. Ho centrato manualmente il logo (se vuoi) in Illustrator aggiungendo i margini appropriati; tuttavia, applicazioni come Photoshop ignorano la tavola da disegno importata durante l'allineamento del logo. Sicuramente questo è un difetto in quelle applicazioni (Photoshop, Pages). InDesign, dovrei menzionare, ha comunque un'opzione per mantenere il "frame".
vicvicvic,

Se la tua guida di stile afferma che il logo deve apparire solo su uno sfondo bianco, questa è un'opzione ... metti uno sfondo bianco dietro alle dimensioni del riquadro di delimitazione che desideri. Ciò impedirà alle persone di metterlo su uno sfondo colorato (il che è forse una buona cosa, dato che il logo stesso ha tanti colori).
DA01,

Penso che il difetto sia nell'aspettarsi che il software sappia dove si trova il tuo punto centrale arbitrario. Un riquadro bianco è sicuramente un'opzione praticabile, insieme a un tracciato di ritaglio che, in questo caso particolare, sarebbe banale da costruire.
horatio,

1
Bene, certo, ma nessuno se lo aspetta in questa domanda. La domanda si basa sul fatto di aver definito un punto centrale e di voler conservare tali informazioni quando utilizzo la grafica in varie altre applicazioni.
vicvicvic,

Risposte:


4

C'è una soluzione alternativa per Photoshop se quello che stai cercando di fare è allineare il centro orizzontale. Come hai scoperto, gli strumenti di allineamento automatico di Photoshop guardano solo i pixel e ignorano quel margine superiore trasparente al 100%, ma se invochi Trasformazione libera (Cmd / Ctl-T) vedrai che lo Smart Object ricorda ancora il tuo iniziale La scelta "Ritaglia per ritagliare", quindi le maniglie centrali orizzontali saranno nel posto giusto.

Trascina una guida e agganciala a quelle maniglie, esci da Trasformazione libera e aggancia gli altri tuoi oggetti alla guida.

In alternativa, trascina prima la guida, quindi utilizza il trucco Trasformazione libera per far scattare il logo sulla guida con il corretto allineamento centrale.

In applicazioni con problemi di layout come Pages, dovresti guardarlo negli occhi, credo.


2

Per Pages il tuo problema è completamente risolvibile:

Crea semplicemente una cornice invisibile (ovvero una zona sicura ) attorno al logo e salva come .AI:

  1. Crea una cornice rettangolare di zona sicura attorno al logo.
  2. Impostalo Fill & Strokesu None(invisibile).
  3. Salva come .AI.
  4. Rilascia il logo nel documento di Pages, Fatto. La zona sicura persiste attorno al logo.

1

Bella domanda, e qualcosa che ho trovato un problema da solo.

È possibile creare una versione separata del logo che include una casella di ritaglio visibile.

Rendi davvero ovvio che non deve essere usato per la grafica finale - probabilmente avendo il testo "SOLO PER POSIZIONAMENTO" proprio di fronte.

Una volta che hai capito bene, posiziona il logo normale in alto ed elimina il logo "posizionamento" originale.


0

Sono abbastanza sicuro che il logo, salvato come vettore, png o gif, farà scomparire quel margine quando viene esportato, perché ciò che i programmi leggono è che non ci sono informazioni in quello spazio (almeno ne sono sicuro in tutto il prodotti Adobe). Non sono sicuro del perché tu ne abbia bisogno. È solo per l'allineamento? Se stai creando questo logo per qualcun altro, puoi chiarire nel manuale del logo che quello spazio deve essere sempre vuoto. Spero di averti aiutato!


Se guardi i file che ho collegato (il PNG e il PDF) puoi vedere che c'è uno spazio sopra il logo. Questo perché ho reso la tavola da disegno "più grande". Quindi le informazioni sono sicuramente nei file esportati. Voglio che questo spazio extra venga preso in considerazione durante l'allineamento in modo che il centro verticale del logo sia il centro del rettangolo e non il centro del rettangolo + discendente.
vicvicvic,

le informazioni si trovano nel file esportato quando sono state salvate da Illustrator o dal programma utilizzato per farlo. Ma quando si importa (forse avrei dovuto usare quella parola) su Photoshop o Illustrator, non sta leggendo quello spazio. E non conosco alcun modo per importare un'immagine trasparente senza ritagliarla automaticamente. Forse qualcun altro lo farà, seguirò questa domanda.
Yisela,

1
questa è una pratica molto sbagliata, ma nel caso in cui non ci sia un modo per importare quello spazio trasparente o hai fretta ... potresti mettere un singolo pixel con 1% di opacità (o qualcosa del genere) in uno dei primi angoli. Il png dovrebbe salvarlo, non sarebbe visibile e ricrea la casella.
Yisela,

0

Questa domanda è vecchia ma ho avuto lo stesso problema ed è stato in grado di risolverlo per il mio caso. Nel mio caso, l'immagine deve essere esportata e utilizzata in un'app mobile. L'immagine deve essere centrata nell'app rispetto al contenuto. Un modo per farlo è includere "imbottiture" trasparenti di aggiunta a sinistra o a destra. Quando il layout dell'app centra tale immagine, appare come desiderato. Sto usando Photoshop.

Ho scoperto che usare "Esporta -> Esporta come ..." ha funzionato, ma "Esporta -> Livelli come file" no.


0

In Illustrator .. Aggiungi un rettangolo senza riempimento, senza tratto intorno all'intera area del logo, incluso il margine aggiuntivo nella parte superiore.

Questo farà sì che l'arte venga vista come l'intero blocco, ma quel rettangolo "vuoto" non verrà mai mostrato da nessuna parte.

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.