Kotisivu » vempaimia » Miten tehdä realistinen Samsung Galaxy S2 - Photoshop Tutorial

    Miten tehdä realistinen Samsung Galaxy S2 - Photoshop Tutorial

    Tässä opetusohjelmassa piirretään kuuluisa Samsung Galaxy Photoshopissa ja Illustratorissa. Aloitamme vetämällä sen langankehyksen Illustratorissa ja viemällä sen sitten Photoshopiin, jotta voit lisätä hienostuneita valaistus- ja muita tehosteita.

    Tässä on esikatselu siitä, mitä aiot rakentaa:

    Voit seurata tätä opetusta seuraavasti:

    • 26 PSDfreemiumilta toistettavat pikselimallit
    • Nebula Resource Pack Kire1987: ltä

    Vaihe 1 - Canvasin valmistelu Illustratorissa

    Avaa Adobe Illustrator. Tee uusi tiedosto A4-kokoisena. Napsauta Ctrl + R tuodaksesi viivain. Tee uusi kerros ja nimeä se opas. Käytämme tätä sijoittamaan kaikki oppaamme. Piirrä viivaimesta kankaalle ja luo uusi opas. Näitä oppaita tarvitaan auttamaan meitä piirtämään puhelimen lankakehystä tarkasti. Katso alla oleva kuva viitteeksi.

    Vaihe 2 - Puhelimen perusmuoto

    Ensimmäinen askel on piirtää perusmuotoinen puhelinmuoto. Aktivoi Pyöristetty suorakulmio työkalu. Avaa kansi painamalla kerran kankaalle Pyöristetty suorakulmio valintaikkuna. Älä huoli leveyden ja korkeuden asetuksista. Muista kirjoittaa 35 pt päällä Kulman säde. Klikkaus kunnossa. Sinulla on uusi pyöristetty suorakulmion muoto.

    Voit poistaa sen heti, koska sitä ei tarvita, meidän on vain muutettava työkalun asetuksia.

    Vaihe 3

    Varmista, että aktivoit Smart-oppaat alkaen näkymä valikko. Tämä ominaisuus auttaa meitä napsauttamaan esineitä helposti oppaille.

    Vaihe 4

    Piirrä pyöristetty suorakulmio napsauttamalla ja vetämällä oikealle annetussa oppaassa. Katso alla oleva kuva saadaksesi sen sijoittelun.

    Vaihe 5

    Valitse juuri luotu pyöristetty suorakulmio. Klikkaus Object> Path> Offset Path. Sarja Offset että -9 pt.

    Vaihe 6 - Näytön alue

    Samalla kun Pyöristetty suorakulmio työkalu on edelleen aktiivinen, klikkaa kerran kankaalle. Sarja Kulman säde että 5 pt. Poista valintaikkunasta tehty pyöristetty suorakulmio, koska sitä ei tarvita.

    Vaihe 7

    Piirrä pyöristetty suorakulmio näytön alueelle. Käytä opasta, jotta voit piirtää sen tarkasti.

    Vaihe 8

    Kaksoisnäytön muoto, joka juuri luotiin. Piirrä suorakulmio muodon alle. Valitse molemmat muodot ja valitse sitten Minus Front vuonna tienraivaaja paneeli.

    Suorakulmio leikkaa näytön alueen ja muuttaa sen puoliksi pyöristetyksi suorakulmioon, jota voimme käyttää Status Bar -alueena.

    Vaihe 9

    Aktivoida Pyöristetty suorakulmio työkalu uudelleen ja klikkaa kerran kankaalle. Sarja Kulman säde että 10.

    Vaihe 10 - Koti-painike

    Piirrä pyöristetty suorakulmio puhelimen alaosaan; tämä on Home-painike.

    Vaihe 11

    Klikkaus Object> Path> Offset Path. Sarja Offset että -4 pt.

    Vaihe 12

    Piirrä pyöristetty suorakulmio ja aseta se Täyttää että Ei mitään ja tahti että Musta. Piirrä suorakulmio, joka peittää sen alaosan. Valitse molemmat muodot ja valitse Minus Front vuonna tienraivaaja paneeli. Tämä leikkaa pyöristetyn suorakulmion alemman puoliskon ja kääntää sen puoliksi pyöristetyksi suorakulmioon.

    Vaihe 13

    Käytä Suora valinta työkalu ja valitse sen alempi rivi. Poista se napsauttamalla Poista.

    Vaihe 14

    Kun muoto on edelleen valittuna, valitse Objekti> Laajenna. Tämä muuttaa sen täytön muotoon, ei vain riviin.

    Vaihe 15

    Piirrä muotoon kaksi pientä suorakulmiota.

    Vaihe 16

    Piirrä pyöristetty suorakulmio ja peitä sen vasemmalla puolella suorakulmio kuten kuvassa. Valitse molemmat muodot ja valitse Minus Front alkaen tienraivaaja paneeli. Käytä Suora valinta työkalu, jonka avulla voit valita sen vasemman sivun ja napsauta sitten Poista.

    Vaihe 17

    valita Objekti> Laajenna muuntaa tämän rivin muotoon.

    Vaihe 18

    Piirrä suorakulmion muoto muotoon.

    Vaihe 19

    Lisää uusi piste napsauttamalla suorakulmion vasemman reunan keskiosaa. Napsauta poistettavia ylä- ja alakulmia. Saamme kolmion.

    Vaihe 20

    Sarja Täyttää että Musta ja tahti että Ei mitään.

    Vaihe 21

    Valitse molemmat muodot ja napsauta Yhdistää on tienraivaaja paneeli.

    Alla on tekemäsi painikkeet.

    Vaihe 22 - Sovelluskuvakkeet

    Aktivoida Pyöristetty suorakulmio työkalu. Napsauta kerran kankaalle ja aseta se Kulman säde että 1 pt.

    Vaihe 23

    Piirrä pyöristetty suorakulmio kuvakkeen alapuolelle. Aktivoida Liikkua työkalu ja Alt + Shift + Raahata muodon kopioimiseksi.

    Vaihe 24

    Valitse juuri luodut pyöristetyt suorakulmat ja napsautus Horisontaalinen jakelukeskus on Kohdistaa paneeli.

    Vaihe 25

    Piirrä puhelimen vastaanottimen muoto ensimmäisessä suorakulmiossa Kynä työkalu.

    Vaihe 26

    Käyttää Tyyppi ja lisää tarra kuvakkeen alle.

    Vaihe 27

    Piirrä seuraavan pyöristetyn suorakulmion sisällä avatar-kuvake. Piirrä ellipsi päähänsä ja vedä käsin käsin.

    Vaihe 28

    Valitse molemmat muodot ja napsauta Yhdistää on tienraivaaja työkalu.

    Vaihe 29

    Seuraavassa pyöristetyssä suorakulmiossa piirretään ellipsi ja pilkku. Valitse molemmat muodot ja napsauta Yhdistää kääntää se ilmapallokutsuksi.

    Vaihe 30

    Piirrä viimeisen pyöristetyn suorakulmion sisällä neljä pienempää pyöristettyä suorakulmioa.

    Vaihe 31

    Alla on valmiit kuvakkeet!

    Vaihe 32 - Valikko Navigointi

    Piirrä pieniä ympyröitä kuvakkeiden yläpuolella. Alt + Vaihto + Raahata muodon kopioimiseksi.

    Vaihe 33

    Valitse kaikki ympyrät ja napsauta Horisontaalinen jakelukeskus sisällä Kohdistaa paneeli.

    Vaihe 34

    Valitse yksi ympyröistä ja muuta sen kokoa suuremmaksi. Tämä isompi ympyrä osoittaa, että se on aktiivinen sivu.

    Vaihe 35 - Signaalikuvake

    Piirrä näytön yläosan tilapalkissa pieni suorakulmio ja kopioi se sitten. Vedä toisen suorakulmion yläreunaa ylöspäin käyttämällä Suora valinta työkalu.

    Vaihe 36

    Toista tämä prosessi, kunnes meillä on neljä suorakulmioa alla esitetyllä tavalla.

    Vaihe 37 - Akun kuvake

    Piirrä kaksi pyöristettyä suorakulmiota. Valitse molemmat muodot ja valitse sitten Yhdistää.

    Vaihe 38 - Kaiutin

    Piirrä ympyrä ja Shift + Alt + Raahata kopioida se. Paina Ctrl + D muutama kerta toistaaksesi tämän päällekkäisyyden.

    Vaihe 39

    Piirrä pieni pyöreä suorakulmio, joka kattaa pienet ympyrät.

    Vaihe 40 - Kamera

    "Kamera" on yksinkertaisesti valmistettu joistakin ympyröistä, joiden koko on sama.

    Vaihe 41 - Sivupainikkeet

    Piirrä kaksi pyöristettyä suorakulmioa puhelimen molemmille puolille kuvan osoittamalla tavalla.

    Vaihe 42 - Canvaksen valmistelu Photoshopissa

    Olemme päättäneet työskennellä puhelimella. On aika tuoda se elämään Photoshopin avulla. Avaa Photoshop ja tee sitten uusi tiedosto, Tiedosto> Uusi.

    Vaihe 43

    Valitse kaikki polut Illustratorissa (Ctrl + A) ja tallenna se sitten leikepöydälle (Ctrl + C). Palaa Photoshopiin ja liitä se sitten (Ctrl + V). Valitse valintaikkunassa polku.

    Vaihe 44

    Vektoripolku pidetään uudessa polussa Polut paneeli.

    Vaihe 45 - Perusmuoto

    Kopioi perusmuoto polku uuteen polkuun. Napsauta valkoista ja mustaa ympyrää kerroksia paneelin lisätä uuden säätökerroksen. Valitse Kiinteä väri ja aseta väri kohtaan # 0f1219 seuraavassa valintaikkunassa.

    Lisätä Gradienttikatto lisätään hienovarainen valaistus muotoon.

    Vaihe 46

    Kopioi juuri luomamme muoto ja kaksoisnapsauta sen pikkukuvaa, jotta sen väri muuttuu # c3c6c9.

    Vaihe 47

    Aseta valintapalkista sisäinen polku-tila Vähentää polun alueelta. Tämä muuttaa muodon puhelimen reunaksi.

    Lisätä Viiste-ja kohokuva muuntaa muoto kolmiulotteiseksi muotoksi.

    Vaihe 48

    Tee uusi kerros. Muunna kerros asentoon Leikkausmaski painamalla Ctrl + Alt + G. Tästä lähtien kaikki maalasi menee puhelimen reunaan. Aktivoida Harjata työkalu ja asettaa etualan värin mustaksi. Maalaa hienovaraisia ​​varjoja puhelimen reunojen osiin.

    Vaihe 49

    Napsauta Ctrl-näppäintä puhelimen reunakerrokseen, jotta uusi valinta tehdään sen muodon perusteella. Klikkaus Valitse> Muokkaa> Sopimus mennessä 1 px. Näin teet valinnan pienemmäksi kuin 1 px.

    Vaihe 50

    Tee uusi kerros ja maalaa muut hienovaraiset varjot ja kohokohdat.

    Vaihe 51

    Toista edellinen vaihe tällä kertaa sopimus mennessä 2 px. Piirrä varjoja ja kohokohtia puhelimen reunoille.

    Alla on ero ennen ja sen jälkeen, kun kohokohtia ja varjoja on lisätty reunaan. Näemme, että tulos on realistisempi.

    Vaihe 52 - Näytön alue

    Kopioi näytön alue uudelle polulle. Valitse Lisää uusi säätökerros ja valitse Kiinteä väri. Voit käyttää mitä tahansa väriä.

    Avaa kaksoisnapsauttamalla kerrosta Tasotyyli valintaikkuna. Lisätä Sisäinen hehku ja tahti.

    Vaihe 53

    Lisäämme taustakuva näyttöön. Pudota taustakuva suoraan näytön alueen kerroksen päälle. Täällä käytän mukavaa sumua.

    Vaihe 54

    Muunna se Ctrl + Alt + G: ksi Leikkausmaski. Taustakuva siirtyy automaattisesti näytön sisään.

    Vaihe 55

    Napsauta kuvaketta mustavalkoinen ympyrä kerroksia paneeli, jos haluat lisätä uuden Säätökerros. valita Sävy / kylläisyys muokkaa taustakuvan väriä valikosta ja käytä liukusäädintä. Aseta se Leikkausmaski uudelleen lyömällä Ctrl + Alt + G. Tällä tavalla säätökerros vaikuttaa vain taustakuvaan eikä puhelimeen.

    Alla on kerrosesi ulkonäkö.

    Vaihe 56 - Pääpainikkeet

    Kopioi pääpainike uuteen polkuun. Lisää säätökerroksen kiinteä väri väreillä # cccfd2.

    Kaksoisnapsauta kerrosta ja aktivoi Pudota varjo ja Viiste-ja kohokuva.

    Vaihe 57

    Maalaa korostukset ja varjot painikkeeseen. Prosessi on hyvin samanlainen kuin se, mitä teimme puhelinkärjellä vaiheessa 48–51.

    Ctrl-napsauta pääpainekerrosta uuden valinnan tekemiseen sen muodon perusteella. Klikkaus Valitse> Muokkaa> Sopimus mennessä 1 px.

    Vaihe 58

    Tee uusi kerros. Maalaa hienovaraisia ​​kohokohtia ja varjoja painikkeille.

    Vaihe 59

    Valitse kaksi muuta painiketta ja kopioi ne uudelle polulle. Lisää uusi säätökerroksen kiinteä väri, jonka väri on valkoinen.

    Vaihe 60

    Laske se alas sameus 20%.

    Vaihe 61 - Sovelluskuvake

    Kopioi kuvakepohjat uuteen polkuun. Tee uusi säätökerroksen kiinteä väri. Aseta sen väri siniseksi.

    Vaihe 62

    Kaksoisnapsauta kerrosta ja lisää hienovaraisia Gradienttikatto.

    Vaihe 63

    Poista muut kolme muotoa.

    Vaihe 64

    Toista edellinen prosessi muille väreille.

    Vaihe 65

    Kopioi kuvakkeet uudelle polulle. Lisää uusi säätökerroksen kiinteä väri. Aseta sen väri valkoiseksi.

    Kaksoisnapsauta kuvaketta ja aktivoi Ulkoinen hehku ja Gradienttikatto.

    Vaihe 66

    Lisää jokainen kuvake asianmukainen etiketti.

    Vaihe 67 - Valikko Navigointi

    Valitse neljä pientä navigointipiiriä ja kopioi ne uuteen polkuun. Lisää uusi säätökerros, jossa on väri # 7e899b2d.

    Vaihe 68

    Toista sama prosessi isommalla "aktiivisella välilehdellä" keskellä, tällä kertaa värillä # cbced4.

    Vaihe 69

    Lisää numero Aktivoi-välilehden päälle. Valitsin 3: n.

    Vaihe 70 - Sivupainikkeet

    Kopioi sivupainike uuteen polkuun. Tee uusi säätökerroksen kiinteä väri väreillä # b0b3b6. Aseta se puhelimen taakse.

    Vaihe 71

    Lisätä Sisäinen varjo kulmalla 0 astetta ja Sisäinen hehku.

    Vaihe 72

    Toista prosessi toiselle painikkeelle.

    Vaihe 73

    Avaa kaksoisnapsauttamalla Taso-painiketta Tasotyyli valintaikkuna. Lisätä Sisäinen varjo mutta tällä kertaa käyttää 180 astetta lisätä varjon painikkeeseen. Lisää myös Sisäinen hehku.

    Vaihe 74 - Tilapalkki

    Valitse tilapalkki ja kopioi se uudelle polulle. Tee uusi säätökerroksen kiinteä väri, jonka väri on musta. Lisää aikatietoja.

    Vaihe 75

    Kopioi akku uuteen polkuun. Lisää uusi säätökerroksen kiinteä väri. Valitse vihreä väri.

    Lisätä Sisäinen hehku seuraavat asetukset.

    Vaihe 76

    Kopioi signaalikuvake uuteen polkuun ja lisää säätökerroksen kiinteä väri. Valitse väri valitsemalla valkoinen. Tuplaklikkaus Kerros ja aktivoi Gradienttikatto.

    Vaihe 77 - Kaiutin

    Kopioi kaiutin uuteen polkuun. Aseta pienemmän ympyräreitin tila valintapalkista Vähentää polun alueelta. Lisää uusi Säätökerros Kiinteä väri kanssa # 6b6f76 sen värinä.

    Tuplaklikkaus Kerros ja lisää seuraavat Tasotasot.

    Tämä on tulos.

    Vaihe 78 - Kamera

    Aktivoi ympyrä ja kopioi se uuteen polkuun. Lisää uusi Säätökerros värillä # 272d36. Tee sama ympyrän sisäpuolella, mutta värillä # 585a5e.

    Alla on kamera 100% suurennettuna.

    Vaihe 79 - Heijastus

    Kopioi puhelimen perusmuoto uuteen kerrokseen. Piirrä monikulmion muotoinen leikkaus puhelimen yli ja aseta sen tila leikata polun alue. Lisää uusi säätökerroksen kiinteä väri, aseta valkoinen väriksi.

    Kaksoisnapsauta heijastuksen muotoa ja lisää hienovarainen Gradienttikatto.

    Vaihe 80

    Sarja Sekoitus -tilaan kuvaruutu ja vähentää sen määrää sameus että 70% ja Täyttää että 0%.

    Vaihe 81

    Ctrl-napsautusheijastuskerros. Tee uusi kerros ja maalaa enemmän kohokohtia yläosassaan.

    Vaihe 82

    Aseta puhelinkerrokset ryhmään valitsemalla kaikki ne ja napsauttamalla Ctrl + G. Napsauta taustakuvaketta piilottaa ne ja tee puhelin istumaan läpinäkyvällä taustalla. Voit kopioida puhelimen uuteen kerrokseen napsauttamalla Ctrl + A, Ctrl + Shift + C, Ctrl + V.

    Vaihe 83

    Muuta puhelinta napsauttamalla Ctrl + T. Napsauta hiiren kakkospainikkeella ja valitse Flip Vertical. Laita puhelin alkuperäisen puhelimen alle.

    Vaihe 84

    Lisää kerrosmaski ja maalaa kaltevuus valkoisesta mustaan, jotta heijastus heijastuu.

    Vaihe 85 - Varjo

    Aktivoi Harjata työkalu iso harjan koko ja Kovuus 0%. Tee uusi kerros ja piirrä musta viiva puhelimen alle. Aseta sen sameus että 10%.

    Vaihe 86 - Taustaa

    Työskentelemme taustalla. Tee uusi kerros ja aloita maalaus käyttämällä eri sävyjä. Täällä ei ole täydellistä sääntöä. Vapauta luovuutesi.

    Vaihe 87

    Lisää Gaussin hämärtyminen (Suodatin> Blur> Gaussian Blur). Käytä erittäin suuria sädekokoja ja varmista, että aktivoit esikatseluasetukset, jotta voit nähdä tuloksen reaaliajassa.

    Vaihe 88

    Tehdään pikselikuvio (tai voit ohittaa nämä vaiheet ja käyttää jo tehtyä pikselimallia PSDfreemiumista). Tee uusi tiedosto, jonka koko on 6 Ã?¢Â ??  ?? 6 pikseliä.

    Vaihe 89

    Napsauta Ctrl + 0 maksimoidaksesi kankaan suurennustason. Tee uusi kerros ja piirrä diagonaaliviiva käyttämällä Lyijykynä työkalu 1 px harjan koko.

    Vaihe 90

    Piilottaa Tausta näemme vain diagonaaliviivan. Klikkaus Muokkaa> Määritä kuvio tallentaa kuvan kuvioon.

    Vaihe 91

    Palaa taustalle, kaksoisnapsauta sitä ja lisää Kuvion peite käyttämämme mallin avulla.

    Tässä on tulos.

    Lopullinen tulos

    Lopuksi voimme tuoda puhelimeemme takaisin. Kuten näette, olemme juuri yhdistäneet Illustratorin vektorigrafiikan joustavuuden ja Photoshopissa olevan pikselimaalauksen helppouden realistisen tuotekuvan saamiseksi. Toivottavasti nautit tästä opetusohjelmasta.

    ladata

    Lataa lopullinen PSD tästä opetusohjelmasta napsauttamalla tätä.