Come progettare eleganti effetti di lente d'ingrandimento come questi?


13

Mi chiedo come posso creare l'effetto lente d'ingrandimento che ho visto molto recentemente nelle pagine che vendono software (desktop o applicazioni web).

Ecco due esempi. Mi piace molto il primo (anche il primo posto l'ho visto)

App Cose: Esempio 1

SupportBreeze: example2

Risposte:


18
  1. Crea un nuovo livello sopra lo sfondo, quindi fai una selezione circolare (tieni premuto Maiusc per assicurarti che sia un cerchio perfetto) e riempilo con qualsiasi colore tu voglia.
  2. Impostare la percentuale di riempimento nella palette dei livelli su 0%.
  3. Entra nel layer FX e aggiungi un tratto (nero) e un bagliore interno (bianco).
  4. Mantenendo selezionato il cerchio, passa al livello di sfondo e premi ctrl + c (copia).
  5. Crea un nuovo livello sopra lo sfondo ma sotto la lente d'ingrandimento, incolla la parte copiata, allineala abbastanza bene, premi ctrl + t (libera trasformazione) quindi ridimensionala premendo entrambi i tasti Maiusc (per mantenerlo proporzionale) e Alt (per mantenere il centro stazionario).
  6. Ctrl + clic sull'icona del livello della lente d'ingrandimento nella palette dei livelli (quella creata nel passaggio 1, accarezzata nel passaggio 3, ecc.) E quindi premere Ctrl + Maiusc + i per invertire la selezione.
  7. Con il livello di contenuto ingrandito selezionato (dal passaggio 5,) premi Elimina.
  8. Visualizzate l'effetto FX per il livello di contenuto ingrandito e mettete un'ombra sfocata su di esso.

Dopodiché, crea una maniglia per la lente d'ingrandimento ... probabilmente il modo più semplice sarebbe quello di creare un nuovo livello, fare una selezione alta e stretta, riempirlo di nero e quindi usare il liquefatto su di esso. Il modo più difficile (ma con risultati migliori) sarebbe quello di creare un nuovo livello, utilizzare lo strumento penna per creare un tracciato con una parte superiore ondulata sottile, quindi andare nella palette dei tracciati, fare clic con il tasto destro del mouse sul tracciato, selezionare "Crea selezione" e quindi usa Modifica-tratto. Elimina i lati sinistro, destro e inferiore, mantenendo solo la parte superiore. Quindi posizionalo in modo che sia a filo con il tratto dallo strato di lente di ingrandimento (quello con il tratto e il bagliore interno su di esso.)

Ecco un esempio:

inserisci qui la descrizione dell'immagine

Puoi anche usare sferize sul contenuto ingrandito, ma distorcerà pesantemente il testo:

inserisci qui la descrizione dell'immagine


michael se possibile allegare la schermata, come hai fatto, questo sarà facile da capire per tutti ...
Jack

Non so ... mi sembra abbastanza autoesplicativo. È possibile che mi sia perso un passo lì, visto come ho scritto tutto prima di farlo ... ma l'ho letto anche dopo averlo fatto, e sembra che dovrebbe funzionare bene.
Michael,

Finalmente puoi aggiungere un certo effetto sferico per un piccolo risultato dinamico da filtro-> distorsione-> sferizza. Il 20% dovrebbe fare ..
Sisir,

@Michael - ADORO la tua versione sferizzata
Dan Hanly il

1
@Michael, penso che ridurre il grado dell'effetto manterrebbe il realismo e lo restituirà al livello funzionale.
Dan Hanly,

2

Mi dispiace essere così pigro, penso che se ho i segnalibri è meglio diffonderli piuttosto che crearti e mostrarti ogni passaggio, imparo questa cosa da tali tutorial che sono facili da capire,

per favore dai un'occhiata e segui lo stesso ...

  1. Lente d'ingrandimento di Photoshop
  2. Photoshop Ingrandisci
  3. Effetto zoom in Photoshop
  4. Ingrandimento da zero
  5. Questo è fantastico

E Micheal ha già fatto un ottimo lavoro ...


Ho pensato di fare anche uno sferize, ma il problema è che distorcerà il testo piuttosto male. Modificherò la mia risposta per mostrare la distorsione.
Michael,
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.