Cum se creează o hârtie embossed Mockup în Adobe Photoshop

Ce veți crea

Construirea propriului mockup de înaltă calitate nu este atât de tare cum pare. De fapt, este ceva ce oricine are o cameră digitală și unele cunoștințe de bază despre Photoshop pot stăpâni. În acest tutorial, vă vom arăta cum să creați o machetă realistă de hârtie în relief cu Adobe Photoshop și vă voi oferi toate resursele de care aveți nevoie pentru a face acest lucru rapid!

Dar, mai întâi, trebuie să creați un logo? Verificați acest simplu și ușor de utilizat creator de logo-uri online. Peste 745 șabloane de logo-uri SMART pentru a proiecta logo-ul dvs. personalizat într-un singur loc, Placeit. 

Există mai multe machete de logo-uri disponibile pe GraphicRiver, cum ar fi acest momeală siglă embosată, similar cu ceea ce voi învăța astăzi.

Tutorial Active

Următoarele elemente au fost utilizate în timpul producerii acestui tutorial:

  • Imagine de fundal
  • Perspectivă Imagine
  • O insignă vectorică care provine dintr-o mare colecție de insigne Vintage Style și Logos
  • Black Jack Font 
  • Bebas Neue

1. Cum să pregătiți fișierele sursă

Pasul 1

Descărcați imaginea de fundal și deschideți-o cu Photoshop.

Pasul 2

Descărcați Imaginea Perspectivă și deschideți-o cu Photoshop.

În meniul de sus, alegeți Selectați> Toate, și apoi alegeți Editați> Copiere pentru a copia selecția în clipboard.

Reveniți la documentul de fundal și alegeți, în meniul de sus, Editați> Lipire pentru a lipi imaginea de perspectivă pe fundal.

Redenumiți layerul cu dublu-clic direct pe numele stratului în straturi și modificați-l la "Perspectivă".

2. Cum se creează obiectul inteligent

Pasul 1

Setați culoarea primului rând în roșu (orice culoare diferită de cea neagră este bună).

Apoi alegeți Instrumentul dreptunghiului, mutați cursorul peste pânză și faceți clic pe. Veți deschide o mică casetă de dialog care vă permite să introduceți dimensiuni precise pentru forma nouă. Tip 1353 x 1015 px și faceți clic pe O.K buton.

Redenumiți layerul cu dublu-clic direct pe numele stratului în straturi și modificați-l la "Obiect inteligent".

Cu "Obiect inteligent"layer selectat, alegeți, în meniul de sus, Strat> Obiect inteligent> Conversie la obiect inteligent.

Pasul 2

Ceea ce vom face acum este distorsionarea dreptunghiului roșu pentru a se potrivi formei dreptunghiului de perspectivă neagră.

Alege Editați> Transformare> Distort

Faceți clic pe colțul din dreapta sus al dreptunghiului roșu și trageți colțul până atinge colțul din dreapta sus al dreptunghiului negru.

În acest pas, este extrem de important să transformăm dreptunghiul roșu folosind doar mânerele din colțurile casetei de legare.

Pasul 3

Continuați să trageți colțurile pentru a se potrivi dreptunghiului roșu cu cel negru:

Pasul 4

Selectează "Perspectivă"în strat straturi și selectați-l Strat> Ștergeți> Strat.

Acum suntem gata să înlocuim dreptunghiul roșu în interiorul obiectului inteligent cu o insignă sau logo pentru a personaliza proiectul nostru. Sa mergem!

3. Cum să obțineți insigna gata cu Illustrator

Acum, în scopul acestui tutorial, vom folosi o insignă dintr-un set disponibil pe Envato Elements. Site-ul oferă o gamă largă de insigne de înaltă calitate și elemente vectoriale gata pentru utilizare. Abonați-vă pentru a debloca ecusoane nelimitate, de înaltă calitate, șabloane, fotografii și multe altele pentru o taxă lunară!

În acest tutorial vom folosi o insignă care provine dintr-o mare colecție de insigne Vintage Style și Logos:

Pasul 1

Deschideți fișierul vectorial .ai cu Adobe Illustrator. În timp ce deschideți fișierul, se poate afișa o fereastră care vă avertizează că documentul utilizează fonturi care în prezent nu sunt disponibile pe computer. Descărcați fonturile necesare pentru insigna pe care o vom folosi.

În scopul acestui tutorial, am înlocuit fonturile comerciale utilizate în această insignă cu două fonturi gratuite:

  • Black Jack Font 
  • Bebas Neue

Pasul 2

Odată ce ați terminat cu fonturile, alegeți Instrument de selecție (V).

Acum, selectați insigna "Skateboards" (sau orice insignă doriți). Copiați insigna accesând Editați> Copiere sau presare Command-C.

Creaza un nou 350 x 350 pixeli document în Adobe Illustrator. Acum lipiți insigna pe care tocmai ați copiat-o alegând Editați> Lipire sau presare Command-V.

Pasul 3

Cu Instrument de selecție (V), mutați insigna peste zona gri, din panza albă.

Selectați insigna făcând clic pe ea utilizând butonul Instrument de selecție (V).

În meniul de sus, alegeți Obiect> Extindeți aspectul. Din nou, alegeți Obiect> Extindeți. Va apărea o fereastră de dialog; Selectați Obiect și Completati și apăsați O.K:

Pasul 4

Localizați deschizător de drumuri panou. Dacă nu puteți vedea panoul, deschideți-l alegând Fereastră> Pathfinder.

Alege Tunde buton, de la deschizător de drumuri pentru a elimina elementele suprapuse ale insignei.

Pasul 5

Alege Magic Wand Tool:

Mutați cursorul peste o zonă albă și faceți clic pentru a selecta toate zonele albe ale insignei:

Îndepărtați zonele albe selectate, alegând din meniul de sus, Editați> tăiat. Continuați să eliminați toate zonele albe din cadrul insignei:

Eliminați-le prin alegerea în meniul de sus, Editați> tăiat

Insigna este gata să fie importată în scena Photoshop!

4. Cum să includeți insigna în scenă

Pasul 1

Selectați și copiați insigna accesând Editați> Copiere sau presare Command-C.

Pasul 2

Reveniți la Photoshop, selectați Obiectul inteligentde la straturi și dați dublu clic pe miniaturile obiectelor inteligente.

În straturi , dezactivați vizibilitatea stratului dreptunghiului roșu și lipiți simbolul pe care tocmai l-ați copiat selectând Editați> Lipire sau presare Command-V.

Din caseta de dialog, alegeți Obiect inteligent și apăsați O.K.

Localizați bara de opțiuni de top și setați poziția insignei 676 x 507 px și dimensiunea sa 440% pentru ambele Lăţime și Înălţime câmpuri. Când ați terminat, apăsați introduce pe tastatură.

Pasul 3

Salvați documentul alegând Fișier> Salvare sau utilizând comanda rapidă de la tastatură Command-S. Obiectul inteligent este actualizat acum cu ultimele modificări.

5. Cum se adaugă efectul reliefat

Pasul 1

Seteaza Completati pentru "Obiect inteligent"strat la 0%:

Duplicați "Obiect inteligent"de trei ori, trecând la Strat> Nou> Strat prin copiere. Acum redenumiți straturile așa cum se arată în imaginea de mai jos:

De acum înainte, când trebuie să înlocuiți insigna în obiectul dvs. inteligent, puteți utiliza funcția "Obiect inteligent", făcând clic pe acesta și editați conținutul.

Pasul 2

Să începem adăugarea unor stiluri de straturi la "Efectul 3". Deschideți Stilul straturilor panou și adăugați un nou Bevel & Embossed efect. Setați-o după cum se arată în imaginea de mai jos:

Culoarea este albă #FFFFFF pentru Evidențiați modul și negru # 000000 pentru Mod Shadow.

Pasul 3

Adăugați un mesaj nou Umbra interioara efect și setați-o după cum se arată în imaginea de mai jos:

Culoarea pentru Mod amestec este alb #FFFFFF.

Pasul 4

Adăugați un mesaj nou Umbra efect și setați-o după cum se arată în imaginea de mai jos:

Culoarea pentru Mod amestec este negru # 000000.

Pasul 5

Să adăugăm câteva filtre inteligente alegând Filtru> Distort> Ripplu. Setați valoarea filtrului la -50%.

Alege Filtru> Blur> Gaussian Blur și setați raza la 1.0 pixeli.

Pasul 6

Acum, să adăugăm câteva stiluri de straturi la "Efectul 2". Deschideți Stilul straturilor panou și adăugați un nou Bevel & Embossed efect și setați-o după cum se arată în imaginea de mai jos:

Culoarea este albă #FFFFFF pentru Evidențiați modul și negru # 000000 pentru Mod Shadow.

Pasul 7

Adăugați un mesaj nou Umbra interioara efect și setați-o după cum se arată în imaginea de mai jos:

Culoarea pentru Mod amestec este alb #FFFFFF.

Pasul 8

Să adăugăm câteva filtre inteligente alegând Filtru> Distort> Ripplu. Setați valoarea filtrului la -50%.

Alege Filtru> Blur> Gaussian Blur și setați raza la 1.0 pixeli.

Pasul 9

Selectează "Efectul 2"și faceți clic dreapta pe el. Alegeți Grup din straturi, introduceți numele "Grupa 1"și apăsați O.K.

Acum alegeți Layer> Mască strat> Reveal All pentru a adăuga o mască grupului. 

Alege Layer> Strat de umplere nou> Gradient și apăsați O.K a confirma.

În Gradient Completați dialog, setați efectul după cum urmează:

Apoi faceți clic pe fereastra de gradient mic pentru a edita gradientul. Setați primul opritor de culoare la Locație 0% cu Culoare # 444444 iar cea de-a doua culoare se oprește Locație 100% și Culoare #FFFFFF.

presa O.K de două ori pentru a confirma efectul.

Selectați stratul de gradient creat (numele său trebuie să fie "Gradient Fill 1 "), faceți clic dreapta pe el și alegeți Conversia la obiectul inteligent. Faceți clic dreapta din nou și alegeți Răsturnați stratul.

În meniul de sus, alegeți Selectați> Toate, alege Editați> Copiere, și apoi alegeți Selectați> Deselectați.

apasă pe Opțiunea / Alt tasta de pe tastatură și faceți clic pe miniatură mască pentru "Grupa 1"pentru a edita masca.

Lipiți gradientul din interiorul mascului alegând Editați> Lipire, și apoi alegeți Selectați> Deselectați.

Îndepărtați gradientul selectând butonul "Gradient Completați 1", faceți clic dreapta pe el și alegeți Ștergeți> Strat.

Pasul 10

Acum, să adăugăm câteva stiluri de straturi la "Efectul 1". Deschideți Stilul straturilor panou și adăugați un nou Bevel & Embossed efect și setați-o după cum se arată în imaginea de mai jos:

Culoarea este albă #FFFFFF pentru Evidențiați modul și negru # 000000 pentru Mod Shadow.

Pasul 11

Adăugați un mesaj nou Umbra interioara efect și setați-o după cum se arată în imaginea de mai jos:

Culoarea pentru Mod amestec este alb #FFFFFF.

Pasul 12

Adăugați un mesaj nou Umbra efect și setați-o după cum se arată în imaginea de mai jos:

Culoarea pentru Mod amestec este negru # 000000.

Pasul 13

Să adăugăm câteva filtre inteligente alegând Filtru> Distort> Ripplu. Setați valoarea filtrului la -50%.

Alege Filtru> Blur> Gaussian Blur și setați raza la 1.0 pixeli.

Pasul 14

Selectează "Efectul 1"și apoi faceți clic dreapta pe el, alegeți Grup din straturi, introduceți numele "Grupul 2"și apăsați O.K.

Acum alegeți Layer> Mască strat> Reveal All pentru a adăuga o mască grupului.

Alege Layer> Strat de umplere nou> Gradient și apăsați O.K a confirma.

În Gradient Completați dialog, setați efectul după cum urmează:

Apoi faceți clic pe fereastra de gradient mic pentru a edita gradientul. Setați primul opritor de culoare la Locație 0% cu Culoare # 000000 iar cea de-a doua culoare se oprește Locație 100% și Culoare #FFFFFF.

presa O.K de două ori pentru a confirma efectul.

Selectați stratul de gradient creat (numele său trebuie să fie "Gradient Fill 1 "), faceți clic dreapta pe el și alegeți Conversia la obiectul inteligent. Faceți clic dreapta din nou și alegeți Răsturnați stratul.

În meniul de sus, alegeți Selectați> Toate, alege Editați> Copiere, și apoi alegeți Selectați> Deselectați.

apasă pe Opțiunea / Alt tasta de pe tastatură și faceți clic pe miniatură mască pentru "Grupul 2"pentru a edita masca.

Lipiți gradientul din interiorul mascului alegând Editați> Lipire, șiatunci alege Selectați> Deselectați.

Îndepărtați gradientul selectând butonul "Gradient Completați 1", faceți clic dreapta pe el și alegeți Ștergeți> Strat.

Felicitări, sunteți gata!

În acest tutorial, ați învățat cum să creați o machetă a logo-ului cu hârtie embosată cu Adobe Photoshop!

Sper că ți-a plăcut tutorialul meu și ai învățat ceva nou. Vă rugăm să aveți libertatea de a vă lăsa comentariile, sugestiile și rezultatele de mai jos.

Bucurați-vă de Photoshopping!