Anasayfa » Gadgets » Gerçekçi bir Samsung Galaxy S2 Beraberlik nasıl - Photoshop Eğitimi

    Gerçekçi bir Samsung Galaxy S2 Beraberlik nasıl - Photoshop Eğitimi

    Bu derste, ünlü Samsung Galaxy'yi Photoshop ve Illustrator'da çizeceğiz. Tel kafesini Illustrator'da çizerek başlayacağız ve daha sonra karmaşık aydınlatma ve diğer efektler eklemek için Photoshop'a dışa aktaracağız..

    İşte ne inşa edeceğinize dair bir önizleme:

    Bu öğreticiyi takip etmek için aşağıdaki kaynaklara ihtiyacınız olacak:

    • PSDfreemium'dan 26 Tekrarlanabilir Piksel Deseni
    • Kire1987'den Bulutsusu Kaynak Paketi

    Adım 1 - Tuvali Illustrator'da hazırlama

    Adobe Illustrator'ınızı açın. A4 boyutunda yeni bir dosya oluşturun. Cetveli açmak için Ctrl + R tuşlarına basın. Yeni bir katman oluşturun ve adlandırın kılavuz. Bunu tüm rehberlerimizi yerleştirmek için kullanacağız. Yeni bir kılavuz oluşturmak için cetvelden tuval üzerine çizim yapın. Telefon rehberini tam olarak çizmemize yardımcı olması için bu kılavuzlara ihtiyaç vardır. Referans için aşağıdaki resme bakın.

    Adım 2 - Temel Telefon Şekli

    İlk adımımız temel bir telefon şekli çizmektir. Etkinleştir Yuvarlarılmış dikdörtgen aracı. Tuvali açmak için tuvale bir kez tıklayın. Yuvarlarılmış dikdörtgen seçenek iletişim kutusu. Genişlik ve yükseklik ayarlarıyla endişelenmeyin. Girdiğinizden emin olun 35 nk üzerinde Köşe yarıçapı. Click tamam. Yeni bir yuvarlatılmış dikdörtgen şekle sahip olacaksınız.

    Hemen silebilirsiniz çünkü ihtiyacımız yok, sadece araç ayarlarını değiştirmemiz gerekiyor.

    Aşama 3

    Etkinleştirdiğinizden emin olun. Akıllı Kılavuzlar -den Görünüm Menü. Bu özellik nesneleri kolayca kılavuzlara yapıştırmamıza yardımcı olur.

    4. adım

    Sağlanan kılavuzun içine yuvarlatılmış bir dikdörtgen çizmek için tıklayın ve sürükleyin. Yerleşimini almak için aşağıdaki resme bakın.

    Adım 5

    Yeni yarattığımız yuvarlatılmış dikdörtgeni seçin. Click Nesne> Yol> Yol Ofset. Set dengelemek için -9 nk.

    Adım 6 - Ekran Alanı

    İken Yuvarlarılmış dikdörtgen araç hala etkin, tuvale bir kez tıklayın. Set Köşe yarıçapı için 5 nk. İletişim kutusundan yapılmış yuvarlatılmış dikdörtgeni silin, çünkü buna ihtiyacımız olmayacak.

    7. adım

    Ekran alanının içine yuvarlatılmış bir dikdörtgen çizin. Tam olarak çizmenize yardımcı olması için kılavuzu kullanın.

    8. adım

    Yeni oluşturulan şekli yinelenen ekran şekli. Şeklin altına bir dikdörtgen çizin. Her iki şekli de seçip ardından Eksi Ön içinde yol gösterici panel.

    Dikdörtgen ekran alanını kesecek ve Durum Çubuğu alanı olarak kullanabileceğimiz yarım yuvarlatılmış dikdörtgen haline getirecek.

    9. adım

    etkinleştirmek Yuvarlarılmış dikdörtgen aracı tekrar ve tuvale bir kez tıklayın. Set Köşe yarıçapı için 10.

    10. Adım - Giriş Düğmesi

    Telefonun alt tarafına yuvarlatılmış bir dikdörtgen çizin; bu Ev düğmesi olacak.

    11. adım

    Click Nesne> Yol> Yol Ofset. Set dengelemek için -4 nk.

    Adım 1/2

    Yuvarlatılmış bir dikdörtgen çizin ve doldurmak için Yok ve inme için Siyah. Alt kısmını örten bir dikdörtgen çizin. Her iki şekli de seçin ve Eksi Ön içinde yol gösterici panel. Bu, yuvarlatılmış dikdörtgenin alt yarısını kesecek ve yarım yuvarlatılmış bir dikdörtgen haline getirecektir.

    13. adım

    Kullan Doğrudan seçim aracını seçin ve alt çizgisini seçin. Silmek için Sil tuşuna basın.

    14. adım

    Şekil hala seçiliyken, Seç Nesne> Genişlet. Bu sadece bir çizgiye değil, bir dolgu şekline dönüşecektir..

    15. adım

    Şeklin içine iki küçük dikdörtgen çizin.

    16. adım

    Yuvarlatılmış bir dikdörtgen çizin ve ardından sol tarafını gösterildiği gibi bir dikdörtgenle örtün. Her iki şekli de seçin ve Eksi Ön -den yol gösterici panel. Kullan Doğrudan seçim aracın sol tarafını seçip Sil tuşuna basın.

    17. Adım

    seçmek Nesne> Genişlet bu çizgiyi şekle dönüştürmek için.

    18. adım

    Şeklin ucuna bir dikdörtgen çizin.

    19. Adım

    Yeni bir nokta eklemek için dikdörtgenin sol kenarının ortasını tıklatın. Silmek için üst ve alt köşeleri tıklayın. Bir üçgen alacağız.

    20. adım

    Set doldurmak için Siyah ve inme için Yok.

    21. Adım

    Her iki şekli de seçin ve tıklayın Unite üzerinde çığır açan kimse Panel.

    Aşağıda yaptığımız düğmeler.

    Adım 22 - Uygulama Simgeleri

    etkinleştirmek Yuvarlarılmış dikdörtgen aracı. Tuval üzerine bir kez tıklayın ve ayarlayın Köşe yarıçapı için 1 nk.

    23. Adım

    İkon tabanı için ekranın içine yuvarlatılmış bir dikdörtgen çizin. etkinleştirmek Hareket aracı ve Alt + Shift + Sürüklemek çoğaltmak için şekil.

    24. Adım

    Yeni yarattığımız yuvarlak köşeli dikdörtgenleri ve tıkla Yatay Dağıtım Merkezi üzerinde hizalama panel.

    Adım 25

    Telefonun alıcısının şeklini, telefon kullanarak ilk dikdörtgenin içine çizin. Dolma kalem araç.

    Adım 26

    kullanım tip ve etiketi simgenin altına ekleyin..

    Adım 27

    Bir sonraki yuvarlatılmış dikdörtgenin içine bir avatar simgesi çizin. Başı için bir elips çizin ve eliyle omzunu çekin.

    Adım 28

    Her iki şekli de seçin ve tıklayın Unite üzerinde yol gösterici araç.

    Adım 29

    Sonraki yuvarlatılmış dikdörtgende bir elips ve virgül şekli çizin. Her iki şekli de seçin ve tıklayın Unite balonun belirtme çizgisine dönüştürmek için.

    30. adım

    Son yuvarlatılmış dikdörtgenin içine dört küçük yuvarlatılmış dikdörtgen çizin.

    Adım 31

    Aşağıda tamamladığımız simgeler!

    Adım 32 - Menü Gezintisi

    Simgelerin üzerinde küçük daireler çizin. Alt + Üst Karakter + Sürüklemek çoğaltmak için şekil.

    33. Aşama

    Tüm çevreleri seçin ve tıklayın Yatay Dağıtım Merkezi içinde hizalama panel.

    34. adım

    Çevrelerden birini seçin ve daha büyük boyutlandırın. Bu daha büyük daire, 'aktif' sayfa olduğunu gösterir.

    Adım 35 - Sinyal Simgesi

    Ekranın üst kısmındaki durum çubuğunun içine küçük bir dikdörtgen çizin ve kopyalayın. Kullanarak ikinci dikdörtgenin üst satırını yukarı doğru sürükleyin. Doğrudan seçim araç.

    Adım 36

    Aşağıda gösterildiği gibi dört dikdörtgen alana kadar bu işlemi tekrarlayın..

    Adım 37 - Batarya Simgesi

    İki yuvarlatılmış dikdörtgen çizin. Her iki şekli de seçin ve ardından Tamam Unite.

    Adım 38 - Konuşmacı

    Bir daire çizin ve Shift + Alt + Sürüklemek çoğaltmak için. Bu çoğaltma işlemini tekrarlamak için Ctrl + D tuşlarına birkaç kez basın..

    Adım 39

    Küçük halkaları saran büyük yuvarlatılmış bir dikdörtgen çizin.

    Adım 40 - Kamera

    "Kamera", aynı orijinli farklı ebatlardaki bazı çevrelerden yapılmıştır..

    Adım 41 - Yan Düğmeler

    Telefonun her iki yanına iki yuvarlak köşeli dikdörtgen çizin.

    Adım 42 - Photoshop'ta Tuval Hazırlama

    Telefon tel kafesinde çalışmayı tamamladık. Photoshop kullanarak hayata geçirmenin zamanı geldi. Photoshop'u açın ve sonra yeni bir dosya oluşturun, Dosya> Yeni.

    43. adım

    Illustrator'daki tüm yolları seçin (Ctrl + A) ve sonra Pano'ya (Ctrl + C) kaydedin. Photoshop'a dönün ve yapıştırın (Ctrl + V). Seçenek iletişim kutusunda seçin yol.

    Adım 44

    Vektör yolu, içinde yeni bir yolda tutulur. Yollar panel.

    Adım 45 - Temel Şekil

    Temel şekil yolunu yeni bir yola kopyalayın. Beyaz ve siyah daireye tıklayın Katmanlar Yeni bir Ayarlama Katmanı eklemek için Düz Renk'i seçin ve renk olarak ayarlayın # 0f1219 sonraki iletişim kutusunda.

    Eklemek Degrade Yerleşimi şekle ince bir aydınlatma eklemek için.

    46. ​​adım

    Yeni oluşturduğumuz şekli kopyalayın ve rengini değiştirmek için küçük resim katmanını çift tıklayın. # c3c6c9.

    47. adım

    Seçenek çubuğundan, iç yol modunu çıkarmak yol alanından. Bu şekli telefonun kenarına çevirir.

    Eklemek Konik ve kabartma şekli üç boyutlu şekle dönüştürmek için.

    48. adım

    Yeni bir katman yap. Katmanı şuna dönüştür Kırpma maskesi Ctrl + Alt + G tuşlarına basarak, boyadığınız her şey telefonun kenarına girecektir. etkinleştirmek Fırça araç ve ön plan rengini siyah olarak ayarlayın. Telefonun kenarlarındaki ince gölgeleri boyayın.

    49. adım

    Şekline göre yeni bir seçim yapmak için telefonun kenar katmanını Ctrl tuşuna basarak tıklayın. Click > Değiştir> Sözleşme'yi seçin tarafından 1 px. Bunu yaparak seçimi 1 puan daha küçük yapıyorsunuz.

    Adım 50

    Yeni bir katman oluşturun ve diğer ince gölgeleri ve vurguları boyayın.

    Adım 51

    Bir önceki adımı tekrar et, bu sefer kullan sözleşme tarafından 2 px. Telefonun kenarlarına gölgeler ve vurgulamalar çizin.

    Aşağıda, kenara vurgu ve gölgeler eklemeden önce ve sonra fark var. Sonucun daha gerçekçi olduğunu görebiliyoruz.

    Adım 52 - Ekran Alanı

    Ekran alanını yeni bir yola kopyalayın. Yeni Bir Ayarlama Katmanı Ekle'yi tıklayın ve Düz Renk'i seçin. Herhangi bir renk kullanabilirsiniz.

    Açmak için katmanı çift tıklayın. Katman stili iletişim kutusu. Eklemek İç ışıma ve inme.

    53 adım

    Ekrana bir duvar kağıdı ekleyelim. Ekran alanı katmanının tam üstüne bir duvar kağıdı resmi bırakın. Burada güzel bir bulutsu görüntüsü kullanıyorum.

    54. adım

    Dönüştürmek için Ctrl + Alt + G tuşlarına basın. Kırpma maskesi. Duvar kağıdı otomatik olarak ekranın içine girecek.

    Adım 55

    Simgesinde siyah beyaz daireye tıklayın Katmanlar yeni bir panel eklemek için Ayar katmanı. seçmek Ton doygunluk Menüden duvar kağıdının rengini değiştirmek için kaydırıcıyı kullanın. Olarak ayarla Kırpma maskesi Ctrl + Alt + G tuşlarına tekrar basarak bu ayar katmanı yalnızca duvar kağıdını etkiler, telefonu etkilemez.

    Aşağıda katman görünümünüzün nasıl olması gerektiği.

    Adım 56 - Ana Düğmeler

    Ana düğmeyi yeni bir yola kopyalayın. Renk Ayarlama Katmanı Düz ​​Renk ekleyin # cccfd2.

    Katmanı çift tıklayın ve etkinleştirin Düşen gölge ve Konik ve kabartma.

    Adım 57

    Düğmeye vurgu ve gölgeleri boyayalım. İşlem, Adım 48 - Adım 51'deki telefon kenarı ile yaptığımıza çok benziyor..

    Şekline bağlı olarak yeni bir seçim yapmak için ana düğme katmanını Ctrl tuşuna basarak tıklayın. Click > Değiştir> Sözleşme'yi seçin tarafından 1 px.

    Adım 58

    Yeni bir katman yap. Düğmelere ince vurgular ve gölgeler boyayın.

    Adım 59

    Diğer iki düğmeyi seçin ve bunları yeni bir yola kopyalayın. Renk olarak beyaz ile yeni bir Düzenleme Katmanı Düz ​​Renk ekleyin.

    Adım 60

    Aşağı getirmek opaklık % 20'ye kadar.

    Adım 61 - Uygulama Simgesi

    Simge tabanlarını yeni bir yola kopyalayın. Yeni bir Ayarlama Katmanı Düz ​​Renk yapın. Rengini maviye ayarlayın.

    Adım 62

    Katmanı çift tıklayın ve ince ekleyin Degrade Yerleşimi.

    Adım 63

    Diğer üç şekli silin.

    Adım 64

    Diğer renkler için önceki işlemi tekrarla.

    Adım 65

    Yinelenen simge yeni bir yolun üzerine şekillenir. Yeni bir Ayarlama Katmanı Düz ​​Renk ekleyin. Rengini beyaz olarak ayarla.

    Simge katmanını çift tıklayın ve etkinleştirin Dış kızdırma ve Degrade Yerleşimi.

    Adım 66

    Her simgenin altına uygun bir etiket ekleyin.

    Adım 67 - Menü Gezintisi

    Dört küçük gezinme dairesi seçin ve bunları yeni bir yola kopyalayın. Renklerle dolu yeni bir Ayarlama Katmanı ekleyin # 7e899b2d.

    Adım 68

    Aynı işlemi merkezde daha büyük bir 'aktif sekme' ile tekrarlayın, bu kez renkle # cbced4.

    Adım 69

    Etkinleştirme sekmesinin üstüne bir sayı ekleyin. Benim için 3 seçtim.

    Adım 70 - Yan Düğmeler

    Yandaki düğmeyi yeni bir yola kopyala. Renk ile yeni bir Düzenleme Katmanı Düz ​​Renk yapın # b0b3b6. Telefonun arkasına yerleştirin.

    71. adım

    Eklemek İç gölge Açılı 0 derece ve İç ışıma.

    Adım 72

    Diğer düğme için işlemi tekrarlayın.

    73. adım

    Açmak için Katman düğmesine çift tıklayın Katman stili iletişim kutusu. Eklemek İç gölge ama bu sefer kullan 180 derece Düğmeye bir gölge eklemek için Ayrıca, ekle İç ışıma.

    Adım 74 - Durum Çubuğu

    Durum çubuğunu seçin ve yeni bir yola kopyalayın. Yeni Ayar Katmanı Düz ​​Rengi, rengi siyah olarak yapın. Zaman bilgisi ekle.

    75. Aşama

    Pili yeni bir yola çoğaltın. Yeni bir Ayarlama Katmanı Düz ​​Renk ekleyin. Rengi olarak yeşil rengi seçin.

    Eklemek İç ışıma aşağıdaki ayarlarla.

    76. adım

    Sinyal simgesini yeni bir yola kopyalayın ve Ayarlama Katmanı Düz ​​Renk ekleyin. Rengi için beyazı seçin. Çift tıklama tabaka ve etkinleştir Degrade Yerleşimi.

    Adım 77 - Konuşmacı

    Hoparlörü yeni bir yola kopyalayın. Seçenek çubuğundan, daha küçük bir daire yolu modunu çıkarmak yol alanından. Yeni ekle Ayar Katmanı Düz ​​Renk ile # 6b6f76 rengi olarak.

    Çift tıklama tabaka ve aşağıdakileri ekleyin Katman Stilleri.

    Sonuç bu.

    Adım 78 - Kamera

    Çevreyi etkinleştirin ve onu yeni bir yola kopyalayın. Yeni ekle Ayar katmanı renk ile # 272d36. Aynısını dairenin içindeki halka ile aynı renkle yapın. # 585a5e.

    % 100 büyütme kamera aşağıda.

    Adım 79 - Yansıma

    Temel telefon şeklini yeni bir katmana çoğaltın. Telefon boyunca çokgen bir şekil keserek çizin ve modunu kesişmek yol alanı Yeni bir Ayarlama Katmanı Düz ​​Renk ekleyin, rengi olarak beyaz olarak ayarlayın.

    Yansıma şekline çift tıklayın ve ince ekleyin Degrade Yerleşimi.

    80. adım

    Set Harman modu Ekran ve azaltmak opaklık için % 70 ve doldurmak için 0%.

    81. adım

    Ctrl-click yansıma katmanı. Yeni bir katman yapın ve üst bölgesinde daha fazla vurgu yapın.

    Adım 82

    Telefon katmanlarını bir grubun içine hepsini seçerek yerleştirin ve Ctrl + G tuşlarına basın. Arka plandaki göz simgesini tıklatarak gizleyin ve telefonun şeffaf bir arka plan üzerinde durmasını sağlayın. Telefonu yeni bir katmana kopyalamak için Ctrl + A, Ctrl + ÜstKrkt + C, Ctrl + V tuşlarına basın..

    Adım 83

    Telefonu dönüştürmek için Ctrl + T tuşlarına basın. Sağ tıklayın ve seçti Dikey Çevir. Telefonu orijinal telefonun altına yerleştirin..

    Adım 84

    Katman maskesi ekleyin ve yansımayı solmak için beyazdan siyaha bir degrade boyayın.

    Adım 85 - Gölge

    Etkinleştir Fırça aracıyla büyük fırça boyutu ve Sertlik 0%. Yeni bir katman oluşturun ve telefonun altına siyah bir çizgi çizin. Ayarla opaklık için % 10.

    86. Adım - Arka Plan

    Arka planda çalışalım. Yeni bir katman yapın ve farklı mavi tonları kullanarak boyamaya başlayın. Burada mükemmel bir kural yok. Yaratıcılığınızı serbest bırakın.

    Adım 87

    Gauss Bulanıklığı Ekle (Filtre> Bulanıklaştır> Gauss Bulanıklığı). Çok büyük yarıçap boyutları kullanın ve sonucu gerçek zamanlı olarak görebilmeniz için Önizleme seçeneklerini etkinleştirdiğinizden emin olun..

    Adım 88

    Bir piksel deseni yapalım (veya bu adımları atlayabilir ve PSDfreemium'dan önceden yapılmış bir piksel deseni kullanabilirsiniz). 6 Ã ?? Â ?? Ã boyutunda yeni bir dosya oluşturun¢A ?? a ?? 6 piksel.

    Adım 89

    Tuval büyütme seviyesini en yükseğe çıkarmak için Ctrl + 0 tuşlarına basın. Yeni bir katman oluşturun ve ekranı kullanarak çapraz bir çizgi çizin. Kalem aracıyla 1 px fırça boyutu.

    Adım 90

    Saklamak Arka fon bu yüzden sadece çapraz çizgiyi görüyoruz. Click Düzenle> Desen Tanımla görüntüyü desen olarak kaydetmek için.

    Adım 91

    Arka planımıza geri dön, çift tıkla ve ekle Desen Yerleşimi az önce yaptığımız deseni kullanarak.

    İşte sonuç.

    Son sonuç

    Sonunda telefonumuzu geri getirebiliriz. Gördüğünüz gibi, gerçekçi bir ürün görüntüsü elde etmek için Illustrator'daki vektör çizim esnekliğini ve Photoshop'ta piksel resimlerinin kolaylığını birleştirdik. Umarım bu eğitimi beğenmişsinizdir.

    İndir

    Bu yazının son PSD'sini indirmek için buraya tıklayın..