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..
