Creeu un marc de fusta a Photoshop

Escrit per Steve Patterson.

En aquest tutorial d'efectes fotogràfics, aprendrem a crear fàcilment un senzill marc de fusta fent servir una màscara de capa, un parell d'estils de capa i un dels patrons integrats de Photoshop!



Aquí teniu la imatge que faré servir per a aquest tutorial de Photoshop:

  Imatge del tutorial d'Adobe Photoshop. La foto original.

Pas 1: Duplica la capa de fons

El primer que hem de fer per crear el nostre marc és duplicar la nostra capa de fons. La capa de fons és la capa que conté la nostra imatge original, i si mirem a la nostra paleta Capes, podem veure que actualment és l'única capa que tenim:





  Imatge del tutorial d'Adobe Photoshop. La paleta Capes de Photoshop que mostra la imatge a Fons capa.

Dupliquem la capa amb la pràctica drecera del teclat, Ctrl+J (Guanyar) / Ordre+J (Mac). Si mirem enrere a la nostra paleta Capes, podem veure que ara tenim una còpia de la capa de fons, que Photoshop ha anomenada 'Capa 1', a sobre de l'original:

  Imatge del tutorial d'Adobe Photoshop. Premeu 'Ctrl+J' (Win) / 'Command+J' (Mac) per duplicar la capa de fons.

Pas 2: Afegiu un espai addicional al llenç al voltant de la imatge

Hem d'afegir un espai addicional al voltant de la nostra foto. L'espai addicional es convertirà en el nostre marc. La quantitat d'espai que afegiu depèn de la mida que vulgueu que sigui el vostre marc. Puja a la Imatge menú a la part superior de la pantalla i tria Mida de la lona . Quan aparegui el quadre de diàleg Mida del llenç, introduïu la quantitat d'espai que voleu afegir al voltant de la imatge. Vull un marc bastant gruixut per a la meva foto, així que introduiré un valor de 1,5 polzades per tant el Amplada i Alçada opcions. Assegureu-vos que teniu el Relatiu opció també marcada:



  Imatge del tutorial d'Adobe Photoshop. Introduïu la quantitat d'espai de llenç que voleu afegir al voltant de la imatge. Aquí, estic afegint 1,5 polzades d'espai tant per a l'amplada com per a l'alçada.

Feu clic a D'acord a la cantonada superior dreta del quadre de diàleg per sortir-ne i fer que Photoshop afegeixi l'espai de llenç addicional. Veureu l'espai addicional que apareix al voltant de la vostra foto a la finestra del document:

  Imatge del tutorial d'Adobe Photoshop. L'espai addicional apareix ara al voltant de la foto a la finestra del document.

Pas 3: Afegeix una nova capa en blanc

A continuació, hem d'afegir una nova capa en blanc a sobre de les nostres dues capes existents. Amb 'Capa 1' (la capa superior) seleccionada, feu clic a Nova capa icona a la part inferior de la paleta Capes:



  Imatge del tutorial d'Adobe Photoshop. Feu clic a la icona 'Capa nova' a la part inferior de la paleta Capes per afegir una nova capa en blanc al document.

No passa res a la finestra del document, però podem veure a la paleta Capes que Photoshop ens ha afegit una nova capa en blanc i li ha donat el nom descriptiu 'Capa 2':

  Imatge del tutorial d'Adobe Photoshop. Apareix una nova capa en blanc a la paleta Capes a sobre de les altres dues capes.

Pas 4: Ompliu la nova capa amb el patró de fusta de Photoshop

Perquè el nostre marc sembli com si estigués fet de fusta, podríem passar per la molèstia de crear la nostra pròpia textura de fusta, però no ens cal, ja que Photoshop inclou un patró de fusta ja integrat. Amb 'Capa 2' seleccionada, puja a Edita menú a la part superior de la pantalla i tria Omplir . També podeu utilitzar la drecera del teclat, Maj+F5 . De qualsevol manera apareix el quadre de diàleg Omplir. Per al Continguts opció a la part superior, tria Patró del menú desplegable a la dreta de la paraula 'Utilitzar'. A continuació, feu clic a la petita miniatura del patró a la dreta de les paraules Patró personalitzat i seleccioneu el Fusta textura del quadre de selecció que apareix (és la quarta de l'esquerra, fila superior):

  Imatge del tutorial d'Adobe Photoshop. Al quadre de diàleg 'Omplir', configureu el 'Contingut' a 'Patró' i seleccioneu la textura de fusta integrada de Photoshop al quadre de selecció.

Després, a la Barreja secció a la meitat inferior del quadre de diàleg, configureu el Mode opció a Normal i assegureu-vos que el Opacitat opció està establerta a 100% :



  Imatge del tutorial d'Adobe Photoshop. Establiu el 'Mode de fusió' a 'Normal' i assegureu-vos que 'Opacitat' estigui al 100%.

Feu clic a D'acord per sortir del quadre de diàleg. Photoshop omplirà tota la capa amb la textura de la fusta, bloquejant temporalment la foto de la vista:

  Imatge del tutorial d'Adobe Photoshop. La nova capa ara s'omple completament amb la textura de la fusta.

Ara tenim la fusta per al nostre marc. Farem que sembli més un marc real i tornarem a recuperar la nostra foto a continuació.

Pas 5: Seleccioneu la foto a 'Capa 1'

Farem un forat al nostre patró de fusta perquè puguem tornar a veure la nostra foto i, per fer-ho, utilitzarem una màscara de capa. Mantingueu premut el vostre Ctrl (Guanyar) / Comandament (Mac) i feu clic directament a la miniatura de vista prèvia de 'Capa 1' a la paleta Capes:



  Imatge del tutorial d'Adobe Photoshop. Manteniu premuda la tecla 'Ctrl' (Win) / 'Command' (Mac) i feu clic a la miniatura de previsualització de la 'Capa 1'.

Això carrega una selecció al voltant de la foto a la finestra del document. Encara no podem veure la foto en si, però podem veure el quadre de selecció on hauria d'estar la foto:

  Imatge del tutorial d'Adobe Photoshop. A la finestra del document apareix un quadre de selecció al voltant de la foto.

Pas 6: Inverteix la selecció

Hem seleccionat l'àrea on hauria d'aparèixer la foto, però el que realment necessitem seleccionar és l'àrea al voltant de la foto (el marc), així que hem de invertir la nostra selecció. Per fer-ho, puja al Seleccioneu menú a la part superior de la pantalla i tria Invers , o utilitzeu la drecera ràpida del teclat Maj+Ctrl+I (Guanyar) / Maj+Ordre+I (Mac). De qualsevol manera inverteix la selecció, i si mireu bé a la finestra del document, encara veureu el mateix quadre de selecció al voltant de la foto que abans, però ara també veureu un quadre de selecció al voltant de les vores de la finestra del document, que ens permet sabeu que ara tenim l'àrea del marc al voltant de la foto seleccionada:



  Imatge del tutorial d'Adobe Photoshop. La finestra del document que mostra l'àrea del marc al voltant de la foto ara seleccionada.

Pas 7: Afegeix una màscara de capa

Ara que tenim l'àrea del marc seleccionada, feu clic a Màscara de capa icona a la part inferior de la paleta Capes:

  Imatge del tutorial d'Adobe Photoshop. Feu clic a la icona 'Màscara de capa' a la part inferior de la paleta de capes.

Això afegeix una màscara de capa a 'Capa 2', i ara l'única part de la capa que queda visible a la finestra del document és l'àrea que havíem seleccionat, que és l'àrea del marc al voltant de la foto. La part que no s'ha seleccionat, l'àrea on hauria d'aparèixer la foto, ara s'amaga a la vista, cosa que ens permet tornar a veure la nostra foto:



  Imatge del tutorial d'Adobe Photoshop. Amb la màscara de capa afegida a 'Capa 2', la foto apareix al centre del marc.

Si mirem a la nostra paleta Capes, podem veure que a miniatura de la màscara de capa s'ha afegit a la dreta de la miniatura de previsualització de la capa:

  Imatge del tutorial d'Adobe Photoshop. Ara apareix una miniatura de màscara de capa a la dreta de la miniatura de previsualització de la 'Capa 2'.

Per obtenir més informació sobre les màscares de capa, consulteu el nostre Entendre les màscares de capa tutorial a la Conceptes bàsics de Photoshop secció del lloc web.

Pas 8: Desseleccioneu la màscara de capa i seleccioneu el contingut de 'Capa 2'

De moment, el nostre marc sembla una mica pla. Hem de donar-li una mica de profunditat, i ho podem fer fàcilment mitjançant Estils de capes, que farem en un moment. En primer lloc, però, hem de seleccionar el marc. Actualment, tenim la màscara de capa seleccionada, no la capa en si. Podem veure quina hem seleccionat mirant les miniatures de la capa a la paleta Capes. Qualsevol miniatura que tingui el quadre de ressaltat blanc al seu voltant és la que està seleccionada. La miniatura de la màscara de capa mostra actualment el quadre de ressaltat, que ens indica que tenim la màscara de capa seleccionada. Hem de tenir seleccionat el contingut de la capa (el marc), així que feu clic a la miniatura de la vista prèvia de la capa per seleccionar el marc:

  Imatge del tutorial d'Adobe Photoshop. Feu clic a la miniatura de vista prèvia de 'Capa 2' per seleccionar el contingut de la capa i deseleccioneu la màscara de capa.

Pas 9: Afegiu un estil de capa 'Bisellat i en relleu'.

Amb el marc seleccionat, feu clic a Estils de capa icona a la part inferior de la paleta Capes:

  Imatge del tutorial d'Adobe Photoshop. Feu clic a la icona 'Estils de capes' a la part inferior de la paleta de capes.

A continuació, seleccioneu Bisell i relleu de la llista d'estils de capes que apareix:

  Imatge del tutorial d'Adobe Photoshop. Seleccioneu l'estil de capa 'Bisell i relleu'.

Això mostra el quadre de diàleg Estil de capa de Photoshop establert a les opcions 'Bisell i relleu' a la columna central. A la secció 'Estructura' de la part superior, canvieu Tècnica opció a Cisell dur , llavors aixeca el profunditat valor al voltant 150% :

  Imatge del tutorial d'Adobe Photoshop. Estableix l'opció 'Tècnica' a 'Cisell dur' i augmenta la 'Profunditat' a '150%' a les opcions 'Bisell i relleu'.

A continuació, a les opcions 'Ombrejat' a la part inferior del quadre de diàleg, baixeu el botó Opacitat del Mode de ressaltat fins aproximadament 50% , després baixeu el Opacitat del Mode d'ombra al voltant 60% :

  Imatge del tutorial d'Adobe Photoshop. Baixeu l''Opacitat' del 'Mode de ressaltat' al 50% i el 'Mode d'ombra' al 60%.

Això li dóna al nostre marc un aspecte més 3D:

  Imatge del tutorial d'Adobe Photoshop. El marc de la imatge ara té un aspecte tridimensional.

Pas 10: Afegiu un estil de capa 'Superposició de color'.

Si esteu satisfet amb el color del marc de la imatge, podeu ometre aquest pas següent. Si, com jo, preferiu un color més fosc a la fusta, aquí teniu com canviar-lo. Feu clic directament sobre les paraules Superposició de colors a l'esquerra del quadre de diàleg Estil de capa. Assegureu-vos de fer clic directament a les paraules en si i no només dins de la casella de selecció. Si feu clic dins de la casella de selecció, s'activarà l'estil de capa de superposició de color, però no ens donarà accés a les opcions. Volem les opcions, així que feu clic directament a les paraules:

  Imatge del tutorial d'Adobe Photoshop. Feu clic directament a les paraules 'Superposició de color' a l'esquerra del quadre de diàleg Estil de capa.

Això canvia la columna central del quadre de diàleg Estil de capa per les opcions de Superposició de color. Per canviar el color del marc, feu clic a mostra de color a la dreta de les opcions del mode de fusió:

  Imatge del tutorial d'Adobe Photoshop. Feu clic directament a la mostra de color a la dreta de les opcions de 'Mode de fusió'.

Això fa que apareguin Photoshop Selector de colors . Vull canviar el color del meu marc a un marró més fosc, així que triaré aquest color al Selector de colors:

  Imatge del tutorial d'Adobe Photoshop. Trieu el color que voleu que sigui el vostre marc des del Selector de colors. Aquí, estic escollint un marró fosc.

Feu clic a D'acord per sortir del selector de colors. Veureu el nou color aplicat al vostre marc, però ara el marc apareix com a color sòlid. Hem perdut la textura de la fusta. Per recuperar la textura de la fusta, canvieu Mode de combinació de la superposició de color a Color cremat :

  Imatge del tutorial d'Adobe Photoshop. Per recuperar la textura de la fusta al marc, canvieu el 'Mode de fusió' de l'estil de capa de superposició de color a 'Crema de color'.

Feu clic a D'acord per sortir del quadre de diàleg Estil de capa. Aquí teniu el meu marc després de canviar el seu color a un marró més fosc i configurar el mode de fusió a 'Color Burn':

  Imatge del tutorial d'Adobe Photoshop. El color del marc s'ha canviat ara a un marró fosc.

Ja gairebé hem acabat! Tenim un estil de capa més senzill per afegir, i ho farem a continuació!

Pas 11: Seleccioneu 'Capa 1'

Hem de tornar a seleccionar la nostra foto, així que feu clic a 'Capa 1' a la paleta Capes per seleccionar-la:

  Imatge del tutorial d'Adobe Photoshop. Seleccioneu 'Capa 1' a la paleta Capes.

Pas 12: Afegiu un estil de capa 'Ombra interior'.

Acabarem tot afegint una mica d'ombra a la nostra foto, cosa que donarà al marc encara més un aspecte 3D. Amb 'Capa 1' seleccionada, feu clic de nou a Estil de capa quadre de diàleg a la part inferior de la paleta Capes:

  Imatge del tutorial d'Adobe Photoshop. Feu clic a la icona 'Estil de capa' a la part inferior de la paleta de capes.

Aquesta vegada, tria Ombra interior de la llista d'estils de capes que apareix:

  Imatge del tutorial d'Adobe Photoshop. Trieu 'Inner Shadow' de la llista d'estils de capa.

Això torna a mostrar el quadre de diàleg Estil de capa de Photoshop, aquesta vegada establert a les opcions 'Ombra interior' a la columna central. Tot el que hem de fer aquí és baixar Opacitat de l'ombra, així que no és tan intensa. Baixeu l'opció Opacitat al voltant 65% :

  Imatge del tutorial d'Adobe Photoshop. Baixeu l''opacitat' de l'ombra interior fins al voltant del 65% per reduir-ne la intensitat.

Feu clic a D'acord per sortir del quadre de diàleg Estil de capa i ja hem acabat! Aquí, després d'afegir una mica d'ombra a la meva foto, teniu el meu marc de fusta final:

  Imatge del tutorial d'Adobe Photoshop. El resultat final.