Koduleht » Vidinad » Kuidas joonistada realistlikku Samsung Galaxy S2 - Photoshopi õpetust

    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.