Kuidas joonistada realistlikku Samsung Galaxy S2 - Photoshopi õpetust
Selles juhendis joonistame kuulsa Samsung Galaxy Photoshopis ja Illustratoris. Alustame joonistades oma traatvõrgu Illustratoris ja seejärel eksportime selle Photoshopisse, et lisada mõned keerulised valgustus- ja muud efektid.
Siin on eelvaade sellest, mida kavatsete ehitada:
Selle juhendi jälgimiseks on vaja järgmisi ressursse:
- 26 PSDfreemiumilt saadud korduvad pikselisüsteemid
- Nebula ressursipakett Kire1987-st
1. etapp - lõuendi ettevalmistamine Illustratoris
Avage oma Adobe Illustrator. Tee uus fail A4 formaadis. Joonlaua tõstmiseks vajuta Ctrl + R. Tee uus kiht ja nimetage see juhend. Me kasutame seda kõigi meie giidide paigutamiseks. Joonistage joonlauale lõuendile uus juhend. Need juhendid on vajalikud selleks, et aidata telefonil traatraami täpselt joonistada. Vaadake allpool olevat pilti.
Samm 2 - põhiline telefoni kuju
Meie esimene samm on telefoni põhi kuju joonistamine. Aktiveeri Ümardatud ristkülik tööriist. Klõpsa lõuendil avamiseks üks kord Ümardatud ristkülik dialoogiboks. Ära muretse laiuse ja kõrguse seadetega. Sisestage kindlasti kindlasti 35 pt edasi Nurga raadius. Klõpsake nuppu Okei. Teil on uus ümar ristkülikukujuline kuju.
Saate selle kohe kustutada, sest me ei vaja seda, peame lihtsalt muutma tööriista seadeid.
3. etapp
Veenduge, et aktiveerite Nutikad juhendid alates Vaade menüüst. See funktsioon aitab meil esemeid kergesti klõpsata.
4. etapp
Klõpsake ja lohistage ümardatud ristküliku joonistamiseks antud juhendi sees. Selle paigutuse saamiseks vaadake allolevat pilti.
5. etapp
Valige just loodud ümar ristkülik. Klõpsake nuppu Objekt> Path> Offset Path. Määra Nihe kuni -9 pt.
6. samm - ekraani ala
Samal ajal kui Ümardatud ristkülik tööriist on ikka veel aktiivne, klõpsake üks kord lõuendil. Määra Nurga raadius kuni 5 pt. Kustuta dialoogiboksist tehtud ümardatud ristkülik, sest me ei vaja seda.
7. samm
Joonistage ekraani ala sees ümar ristkülik. Kasutage juhendit, et aidata teil seda täpselt joonistada.
8. samm
Dubleeritud ekraanikuju, mis just loodud. Joonista kuju alla ristkülik. Valige mõlemad kujundid ja seejärel valige Minus Front Euroopa Pathfinder paneeli.
Ristkülik lõikab ekraani ala ja muudab selle ümaraks ristkülikuks, mida saame kasutada olekuriba piirkonnana.
9. samm
Aktiveeri Ümardatud ristkülik tööriista uuesti ja vajuta üks kord lõuendile. Määra Nurga raadius kuni 10.
10. etapp - kodu nupp
Joonistage ümar ristkülik telefoni alumisele osale; see on nupp Kodu.
11. samm
Klõpsake nuppu Objekt> Path> Offset Path. Määra Nihe kuni -4 pt.
12. samm
Joonistage ümar ristkülik ja seadke see Täitke kuni Puudub ja Stroke kuni Must. Joonista ristkülik, mis katab selle alumise osa. Valige mõlemad kujundid ja valige Minus Front Euroopa Pathfinder paneeli. See lõikab ümardatud ristküliku alumise poole ja muudab selle ümardatud ristkülikuks.
13. etapp
Kasuta Otsene valik tööriista ja valige selle alumine rida. Selle kustutamiseks klõpsake nuppu Delete (Kustuta).
14. samm
Kui kuju on veel valitud, valige Objekt> Laienda. See muudab selle täitevormiks, mitte ainult jooneks.
15. samm
Joonistage kuju sees kaks väikest ristkülikut.
16. etapp
Joonistage ümar ristkülik ja katke seejärel vasakpoolne ristkülik nagu näidatud. Valige mõlemad kujundid ja valige Minus Front alates Pathfinder paneeli. Kasuta Otsene valik tööriist, et valida vasakpoolne külg ja seejärel vajuta Kustuta.
17. samm
Valige Objekt> Laienda selle rea muutmiseks kuju.
18. samm
Joonista kuju otsa ristkülik.
19. samm
Uue punkti lisamiseks klõpsake ristküliku vasakpoolse serva keskel. Klõpsake kustutamiseks ülemist ja alumist nurka. Me saame kolmnurga.
Samm 20
Määra Täitke kuni Must ja Stroke kuni Puudub.
Samm 21
Valige mõlemad kujundid ja klikkige Ühenda kohta Pathfinder Paneel.
Allpool on esitatud nupud.
22. etapp - rakenduse ikoonid
Aktiveeri Ümardatud ristkülik tööriist. Klikkige üks kord lõuendil ja seadistage Nurga raadius kuni 1 pt.
Samm 23
Joonistage ikoonialale ekraani sees ümar ristkülik. Aktiveeri Liiguta tööriist ja Alt + Shift + Vedama kuju dubleerida.
24. samm
Valige äsja loodud ümarad ristkülikud ja klõps Horisontaalne jaotuskeskus kohta Joondage paneeli.
25. etapp
Joonistage telefoni vastuvõtja kuju esimese ristküliku sees Pen tööriist.
26. etapp
Kasutage Tüüp ja lisage sildi ikooni alla.
27. samm
Joonista järgmise ümardatud ristküliku sees avatariikoon. Joonista ellipsi oma pea peale ja tõmmake oma õlg käsitsi.
28. etapp
Valige mõlemad kujundid ja klikkige Ühenda kohta Pathfinder tööriist.
29. etapp
Järgmises ümardatud ristkülikus joonistage ellipsi ja koma kuju. Valige mõlemad kujundid ja klikkige Ühenda muuta see õhupalli väljakutseks.
30. etapp
Joonistage viimase ümardatud ristküliku sees neli väiksemat ümardatud ristkülikut.
31. etapp
Allpool on meie täidetud ikoonid!
32. samm - menüü navigeerimine
Joonistage ikoonide kohal väikesed ringid. Alt + Shift + Vedama kuju dubleerida.
Samm 33
Valige kõik suhtlusringid ja klõpsake Horisontaalne jaotuskeskus sees Joondage paneeli.
34. etapp
Valige üks ringidest ja muutke seda suuremaks. See suurem ring näitab, et see on aktiivne leht.
Samm 35 - signaali ikoon
Joonista ekraani ülemises osas olekuribal väike ristkülik ja dubleeri see. Lohistage teise ristküliku ülemist rida üles Otsene valik tööriist.
Samm 36
Korrake seda protsessi, kuni meil on neli ristkülikut, nagu allpool näidatud.
Samm 37 - Aku ikoon
Joonistage kaks ümardatud ristkülikut. Valige mõlemad kujundid ja seejärel klõpsake nuppu Ühenda.
Samm 38 - Kõlar
Joonista ring ja Shift + Alt + Vedama dubleerida. Kordage Ctrl + D paar korda, et korrata seda dubleerimist.
Samm 39
Joonistage väike ümar ristkülik, mis katab väikesed ringid.
40. samm - kaamera
Kaamera on lihtsalt valmistatud mõnest erineva suurusega ringist, millel on sama päritolu.
Samm 41 - külgnupud
Joonistage telefoni mõlemal küljel kaks ümardatud ristkülikut.
Samm 42 - Canvas'i ettevalmistamine Photoshopis
Me oleme lõpetanud telefoni juhtmega raami. On aeg tuua see Photoshopi abil ellu. Avage Photoshop ja tehke seejärel uus fail, Fail> Uus.
Samm 43
Valige kõik Illustratoris olevad teed (Ctrl + A) ja salvestage see lõikepuhvrisse (Ctrl + C). Tagasi Photoshopisse ja seejärel kleepige see (Ctrl + V). Valige dialoogiboksis valik Tee.
Samm 44
Vektori tee hoitakse uues tees Paths paneeli.
Samm 45 - põhiline kuju
Kopeerige põhikuju tee uude rada. Klõpsake valge ja musta ringi Kihid uue reguleerimiskihi lisamiseks. Valige Solid Color ja määrake värv # 0f1219 järgmises dialoogiboksis.
Lisama Gradienti ülekate lisada kuju peent valgust.
Etapp 46
Dubleerige just meie loodud kuju ja topeltklõpsake selle pisipildi kihti, et muuta selle värvi # c3c6c9.
Samm 47
Määrake valikuribalt sisemine tee režiim Lahuta teepiirkonnast. See muudab kuju telefoni servaks.
Lisama Kalde ja reljeef teisendada kuju kolmemõõtmeliseks kujuks.
Samm 48
Tee uus kiht. Teisenda kiht tasemeks Lõikamismask vajutades klahvikombinatsiooni Ctrl + Alt + G. Nüüdsest läheb kõik, mida värvi, telefoni serva sees. Aktiveeri Pintsel tööriist ja seadke esiplaani värv mustaks. Värvige peened varjud telefoni servade osadele.
Samm 49
Klõpsake klõpsuga telefoni servakihile uue valiku tegemiseks selle kuju alusel. Klõpsake nuppu Valige> Muuda> Leping kõrval 1 px. Sellega teete valiku väiksemaks 1 px võrra.
Samm 50
Tee uus kiht ja värvige teised peened varjud ja esiletõstud.
Samm 51
Korrake eelmist sammu, seekord kasutage Leping kõrval 2 px. Joonistage varje ja esiletõstmised telefoni servadele.
Allpool on erinevus enne ja pärast tippude ja varjude lisamist servale. Näeme, et tulemus on realistlikum.
Samm 52 - Ekraani ala
Dubleerige ekraani ala uude rada. Klõpsake nuppu Lisa uus reguleerimiskiht ja valige Solid Color. Võite kasutada mis tahes värvi.
Topeltklõpsake kihti, et avada a Kihi stiil Dialoogikast. Lisama Sisemine sära ja Stroke.
Etapp 53
Lisame ekraanile taustapildi. Lohistage taustapilt otse ekraanipiirkonna kihi peale. Siin kasutan kena udukujutist.
Etapp 54
Klõpsake Ctrl + Alt + G, et muuta see a-ks Lõikamismask. Taustapilt läheb automaatselt ekraanile.
Samm 55
Klõpsake ikoonil mustvalget ringi Kihid uue paneeli lisamiseks Reguleerimiskiht. Valige Hue / Saturation menüüst ja kasutage liugurit taustpildi muutmiseks. Seadke see Lõikamismask uuesti lööb Ctrl + Alt + G. Sel viisil mõjutab reguleerimiskiht ainult tapeet ja mitte telefoni.
Allpool on, kuidas teie kihi välimus peaks olema.
Samm 56 - peamised nupud
Kopeerige peamine nupp uuele teele. Lisage värvi värvi korrigeerimise kihi värv # cccfd2.
Topeltklõpsake kihti ja aktiveerige Drop Shadow ja Kalde ja reljeef.
Samm 57
Värvime esile ja varjule nupule. Protsess on väga sarnane sellega, mida tegime telefoni servaga 48. etapis 51.
Ctrl-klõps hiire põhipaneelil, et teha uus kuju selle kuju alusel. Klõpsake nuppu Valige> Muuda> Leping kõrval 1 px.
Etapp 58
Tee uus kiht. Värvige peent esiletõstud ja varjud nuppudele.
Samm 59
Valige ülejäänud kaks nuppu ja kopeerige need uude teekonda. Lisage valge värviga uus reguleerimiskihi tahke värvus.
Etapp 60
Alandage see Läbipaistmatus kuni 20%.
Samm 61 - rakenduse ikoon
Kopeeri ikoonide alused uude rada. Tehke uus reguleerimiskihi tahke värv. Seadke selle värv siniseks.
Samm 62
Topeltklõpsake kihti ja lisage peen Gradienti ülekate.
Etapp 63
Kustutage ülejäänud kolm kuju.
Samm 64
Korrake eelmist protsessi teiste värvide puhul.
Samm 65
Kopeeri ikoonide kujud uude teekonda. Lisage uus reguleerimiskihi tahke värv. Seadke selle värv valge.
Topeltklõpsake ikoonikihti ja aktiveerige Välimine sära ja Gradienti ülekate.
Samm 66
Lisage iga ikooni alla sobiv sild.
Samm 67 - menüü navigeerimine
Valige neli väikest navigeerimisringi ja kopeerige need uude teekonda. Lisage värviga uus reguleerimiskihi tahkis # 7e899b2d.
Samm 68
Korrake sama protsessi suurema aktiivse vahekaardiga keskel, seekord värviga # cbced4.
Etapp 69
Lisage number aktiveerimise vahelehe peale. Valisin minu jaoks 3.
Samm 70 - külgnupud
Dubleerige külgnuppu uuele teele. Tehke värvi värviga uus reguleerimiskihi tahke värv # b0b3b6. Asetage see telefoni taha.
Etapp 71
Lisama Sisemine vari nurgaga 0 kraadi ja Sisemine sära.
Samm 72
Korrake protsessi teise nupuga.
Samm 73
Avamiseks avage topeltklõps nupul Kiht Kihi stiil Dialoogikast. Lisama Sisemine vari kuid seda aega kasutada 180 kraadi varju lisamiseks nupule. Lisage ka Sisemine sära.
Samm 74 - olekuriba
Valige olekuriba ja kopeerige see uuele teele. Tehke värvi värviga uus reguleerimiskihi tahke värvus. Lisage ajainfo.
Samm 75
Kopeerige aku uude teekonda. Lisage uus reguleerimiskihi tahke värv. Valige roheliseks värv.
Lisama Sisemine sära järgmiste seadetega.
Samm 76
Dubleerige signaali ikoon uude rajale ja lisage korrigeerimiskihi tahke värv. Selle värvi valimiseks valige valge. Topeltklõps Kiht ja aktiveerige Gradienti ülekate.
Samm 77 - Kõlar
Kopeerige kõneleja uut teed. Seadistage valikuribalt väiksem ringi režiim Lahuta teepiirkonnast. Lisage uus Reguleerimiskihi värv koos # 6b6f76 värvi.
Topeltklõps Kiht ja lisa järgmine Kihi stiilid.
See on tulemus.
Samm 78 - kaamera
Aktiveerige ring ja kopeerige see uuele teele. Lisage uus Reguleerimiskiht värviga # 272d36. Tehke sama ringiga ringi sees, kuid värviga # 585a5e.
Allpool on kaamera 100% suurendusega.
Samm 79 - peegeldus
Dubleerige põhiline telefoni kuju uuele kihile. Joonistage üle telefoni hulknurga kuju ja seadke selle režiim Ristmik teeala. Lisage uus reguleerimiskihi ühevärv, määrake valge värvus.
Topeltklõpsake peegelduse kuju ja lisage peen Gradienti ülekate.
Etapp 80
Määra Segu režiimis Ekraan ja vähendada selle Läbipaistmatus kuni 70% ja Täitke kuni 0%.
81. etapp
Ctrl-klõpsuga peegeldav kiht. Tee uus kiht ja värvige oma ülemises osas rohkem esile.
Etapp 82
Asetage telefonikihid gruppi, valides kõik need ja vajuta Ctrl + G. Klõpsake taustal peidetud silmakuval, et neid varjata ja muuta telefon läbipaistval taustal. Vajutage Ctrl + A, Ctrl + Shift + C, Ctrl + V, et kopeerida telefoni uus kiht.
Etapp 83
Telefoni teisendamiseks vajuta Ctrl + T. Paremklõps ja valisid Flip vertikaalne. Pange telefon algse telefoni alla.
Etapp 84
Lisage kihtmask ja värvige valge või must värv, et peegeldada.
Samm 85 - vari
Aktiveeri Pintsel tööriistaga suur harja suurus ja Kõvadus 0%. Tee uus kiht ja tõmmake telefoni alla must joon. Seadke see Läbipaistmatus kuni 10%.
Etapp 86 - Taust
Töötame taustal. Tehke uus kiht ja alustage värvimist, kasutades erinevaid sinise toone. Siin pole täiuslikku reeglit. Vabastage oma loovus.
Samm 87
Lisa Gaussi hägusus (Filter> Blur> Gaussian Blur). Kasutage väga suurte raadiusega suurusi ja aktiveerige eelvaate valikud, nii et näete tulemust reaalajas.
Etapp 88
Teeme pikslite mustri (või saate need sammud vahele jätta ja kasutada juba tehtud pikselmustrit PSDfreemiumist). Tee uus suurus, mille suurus on 6 Ã?¢Â? 6 pikslit.
Etapp 89
Vajutage Ctrl + 0, et suurendada lõuendi suurendamise taset. Tehke uus kiht ja joonistage diagonaaljoon Pliiats tööriistaga 1 px pintsli suurus.
Samm 90
Peida Taust nii näeme ainult diagonaaljoont. Klõpsake nuppu Redigeeri> Määrake muster pildi salvestamiseks musterina.
Etapp 91
Tagasi meie taustale, topeltklõpsake seda ja lisage Mustrikate kasutades varem koostatud mustrit.
Siin on tulemus.
Lõplik tulemus
Lõpuks saame me oma telefoni tagasi tuua. Nagu näete, ühendasime Illustratoris vektori joonistamise paindlikkuse ja pikselimaalimise lihtsuse Photoshopis, et saavutada realistlik tootepilt. Loodan, et teile meeldis see õpetus.
Lae alla
Klõpsa siia, et alla laadida selle juhendi lõplik PSD.