1. Design & Illustration
  2. Effects

Menciptakan iMac Licin Hitam di Photoshop

Scroll to top
Read Time: 9 min

() translation by (you can also view the original English article)

Beberapa bulan kembali sebelum iMacs terbaru dirilis, aku merenung tentang apa iMac hitam mungkin terlihat seperti. Menjadi Photoshopper, aku memutuskan untuk mencoba membuat satu. Setelah posting di blog, gambar pergi virus dan mulai muncul pada Mac dan teknologi blog dan situs saya dibanjiri oleh lalu lintas. Hari ini jika Anda melihat hitam iMac dalam pencarian Google Anda akan melihat banyak situs yang menggunakan gambar saya. Hari ini saya akan menunjukkan kepada Anda bagaimana saya membuat gambar itu.

Langkah 1

Hal pertama yang kita perlu membuat kami iMac hitam adalah biasa untuk mendasarkan off. Saya menggunakan model sebelumnya karena ketika saya awalnya melakukan ini, bahwa semua yang tersedia. Berikut adalah gambar saya menemukan dari gambar Google iMac menghadap ke depan. Ini adalah produk yang cukup standar ditembak.

Langkah 2

Sekarang hal pertama yang harus lakukan adalah membuat layer baru di atas, jadi ambil Rounded Rectangle Tool (U) dan menggambar persegi panjang hitam dengan kurva pencocokan gambar dasar. (Saya percaya saya menggunakan 20px Radius)

Langkah 3

Sekarang untuk saat ini kita akan meninggalkan layar dan fokus pada berdiri. Begitu zoom di dan menggunakan pena alat (P), menarik di sekitar berdiri seperti ditunjukkan. Dengan menggunakan Pen Tool, itu adalah ide yang baik untuk menggunakan sebagai beberapa poin mungkin karena Anda akan mendapatkan garis halus. Ini dapat mengambil beberapa latihan dan beberapa upaya. Juga mencoba untuk cermin mana Anda menempatkan poin sehingga bahkan jika garis sedikit miring, setidaknya itu simetris.

Langkah 4

Setelah Anda memiliki jalan, klik kanan dan pilih membuat pilihan.

Langkah 5

Sekarang sebelum aku melangkah lebih jauh, saya ingin untuk dicatat bahwa hitam yang Apple menggunakan semacam hitam matte atau membosankan. Dalam foto ini memiliki sedikit kebiruan gips. Daripada mencoba untuk menerka apa warna yang tepat untuk menggunakan, saya hanya menemukan gambar biasa hitam Mac laptop dan kemudian menggunakan penetes mata dicuplik merupakan beberapa nuansa (ditunjukkan di bawah ini).

Langkah 6

Bagaimanapun, jadi kembali ke berdiri, dengan pilihan masih dibuat, saya buat layer baru dan kemudian digunakan tercermin gradien dan hitam gelap dan terang dari langkah sebelumnya dan diisi berdiri seperti yang ditunjukkan. Anda dapat melihat bahwa bagian cahaya dari gradien adalah di tengah-tengah. Aku melakukan ini karena ketika Anda melihat berdiri dalam versi putih, memiliki sama semacam cahaya dan bayangan tetapi inversed.

Sebenarnya, di hampir semua langkah dalam tutorial ini, Idenya adalah untuk melihat bagaimana foto terlihat dan kemudian meniru efek menggunakan greys gelap dan hitam putih dan ringan greys.

Langkah 7

Sekarang gradien tidak bahwa kuat, jadi saya grabbed lemak besar sikat Dodge alat (O), kemudian sambil menekan Shift untuk menjaga sikat saya persis horisontal, aku pergi lebih dari beberapa kali untuk mendapatkan yang menyoroti mencari lebih kuat.

Langkah 8

Setelah menghindari kurva, saya kemudian menggunakan alat Dodge pada bagian paling bawah berdiri sehingga mendapat lebih ringan tidak terlalu (seperti yang ditunjukkan di bawah ini). Ini sudah mulai terlihat seperti berdiri sekarang: menakjubkan apa yang dapat lakukan sedikit cahaya dan bayangan!

Langkah 9

Berikutnya aku lagi keluar Pen Tool dan kali ini Menggambar bentuk yang menangkap daerah di depan sangat berdiri (lihat bawah). Bagian ini harus mewarnai berbeda sehingga ketika Anda melihat gambar, Anda dapat melihat bahwa bagian ini pada sudut yang berbeda dari bagian lain dari berdiri.

Perhatikan bahwa basis saya seleksi pena di gambar di bawah menunjukkan semua miring. Hal ini karena tidak benar-benar peduli tentang bahwa bagian, saya hanya ingin untuk mendapatkan kurva di atas.

Selanjutnya kita klik kanan dengan menggunakan Pen Tool masih dipilih dan memilih pilihan membuat lagi. Kemudian buat layer baru di atas lapisan berdiri dan mengisinya dengan abu-abu gelap.

Langkah 10

Jadi seperti yang Anda lihat dalam gambar di bawah ini, saya memiliki bentuk aneh saya hanya di atas utama berdiri. Jadi sekarang kita Ctrl-klik lapisan berdiri untuk memilih piksel yang dan kemudian tekan Ctrl + Shift + I untuk invert seleksi. Kemudian tekan Delete sehingga semua Anda yang tersisa dengan dari bentuk aneh kami adalah persimpangan dari dua bentuk.

Langkah 11

Sekarang ambil Dodge alat (O) dan sekali lagi dengan sikat lembut, menambahkan sorot dimana ditunjukkan. Kemudian menekan Alt dan sikat sisi paling kanan. Menekan Alt dengan alat Dodge perubahan itu untuk membakar alat (dan sebaliknya). Jadi Anda dapat dengan cepat sikat terang dan gelap tanpa mengubah alat.

Langkah 12

Akhirnya, untuk menyelesaikan berdiri, kami duplikat bagian berdiri, Tahan Ctrl, klik yang lapisan, dan kemudian tekan panah bawah dan tekan Delete. Ini harus meninggalkan Anda dengan 1px garis tipis (ditampilkan dalam pilihan di gambar di bawah). Set lapisan ini untuk Overlay dan 30% Opacity, dan itu akan memberikan menyoroti benar-benar pingsan.

Melakukan hal yang sama lagi, kecuali kali ini bukan tanda panah bawah, tekan panah Up sehingga Anda yang tersisa dengan pilihan 1px di dasar. Menempatkan lapisan ini di bawah berdiri, bergerak turun 1px, dan menggunakan alat membakar untuk menggelapkan atas. Ini akan menjadi bayangan pingsan di bawah berdiri.

(Catatan langkah ini tidak penting dan kedengarannya rumit, tetapi sebenarnya cukup sederhana. Jika Anda tersesat di sana, jangan khawatir tidak akan secara drastis mempengaruhi gambar akhir)

Langkah 13

OK, jadi kita memiliki berdiri hitam keren. Berikut ini adalah di atas gambar utama, dan Anda dapat melihat bahwa ia tampak tentang benar!

Langkah 14

Sekarang kita mulai bekerja di area layar. Hal pertama yang perlu kita lakukan adalah menyingkirkan bentuk hitam lurus dan menggantinya dengan gradien. Jadi kita beralih yang lapisan visibilitas off dan kemudian menekan Ctrl, kita klik di atasnya, buat layer baru, dan kemudian menarik gradien tercermin dari sudut kiri atas ke sudut kanan bawah sehingga terang di tengah dan gelap di sudut , seperti yang ditunjukkan.

Langkah 15

Selanjutnya, aku meraih kuas Dodge lemak besar dan meringankan diagonal melintasi sedikit lebih seperti yang ditunjukkan.

Langkah 16

Sekarang sekali lagi Ctrl-klik lapisan layar untuk memilih piksel yang, kemudian pergi ke pilih > memodifikasi > kontrak dan menggunakan nilai 1px. Di lapisan baru mengisinya dengan lebih terang abu-abu gelap seperti yang ditunjukkan.

Tanpa melepaskan pemilihan, kembali pergi ke pilih > memodifikasi > kontrak dan kali ini menggunakan nilai 2px. Ketika Anda sudah selesai, tekan Delete dan Anda harus meninggalkan dengan garis tipis 2px yang berjalan di sekitar layar.

Garis tipis ini Mari kita akan memberikan sedikit highlight dan bayangan ke tepi layar. Aku melakukan ini karena jika Anda perhatikan dengan teliti di iMac putih, Anda akan melihat serupa garis tipis di sekitar layar, khususnya di kanan atas mana hal itu cukup disorot.

Langkah 17

Sekarang ambil kuas Dodge Anda besar dan strategis dan meringankan sudut kanan dan sedikit di sisi kanan dan atas. Percobaan dengan mana tampaknya tepat untuk menyoroti.

Langkah 18

Sekarang menonaktifkan layar hitam lapisan sejenak, sehingga Anda dapat melihat layar putih di belakang. Kemudian, di lapisan baru, menggunakan Rounded Rectangle Tool dengan kurva yang sangat sedikit waktu ini (saya menggunakan 2px) untuk menggambar persegi panjang mana area layar adalah, seperti yang ditunjukkan.

Langkah 19

Sekarang Anda dapat beralih sisa lapisan layar kembali. Sekarang Ctrl-klik lapisan tampilan kami hanya dibuat, kemudian buat layer baru di atas, pergi ke pilihan > memodifikasi > kontrak, dan menggunakan nilai 2px. Mengisi daerah baru ini dengan hitam lurus.

Seperti yang Anda lihat, apa yang terjadi adalah lapisan tampilan pertama yang kita buat benar-benar menyorot di sekitar daerah layar utama. Jika Anda melihat layar Anda, kemungkinan yang Anda dapat melihat sedikit ini. Jika Anda ingin membuat ini sangat realistis, Anda bisa menggunakan sedikit Dodge dan Burn ke gelap dan meringankan tepat. Tapi untuk tujuan kita ini akan melakukan!

Langkah 20

Berikutnya aku meletakkan gambar pada layar. Aku ingin abstrak Mac-jenis latar belakang yang baik, dan Untungnya bagi kita, kita memiliki Psdtuts + tutorial ini. Saya pada dasarnya hanya menggunakan output dari bahwa tutorial, kecuali saya memodifikasi warna menjadi hijau. Anda dapat menggunakan apa pun yang Anda inginkan. Hanya tempat gambar dan tekan CTRL + T untuk mengubahnya ke ukuran yang tepat. Anda mungkin perlu untuk memotong gambar untuk membuatnya cocok.

Langkah 21

Sekarang iMacs selalu memiliki kamera kecil di bagian atas, jadi berikutnya saya membuat pilihan melingkar sekitar kamera di iMac putih foto dan menyalinnya atas dan ditempatkan di posisi yang sama di lapisan baru di atas lapisan hitam iMac lain.

Langkah 22

Sekarang kita perlu dermaga! Sekali lagi saya hanya pergi ke Google dan menemukan screenshot dari desktop seseorang, memotong dermaga menggunakan rectangular selection tool, dan disisipkan di atas. Satu-satunya masalah adalah latar belakang biru! Jadi kita perlu menyesuaikan yang hijau sebelum kita menyelesaikan menempatkannya.

Langkah 23

Jadi saya menggunakan Magic Wand Tool (L) dan diklik di area biru untuk Pilih Semua. Kemudian tekan tombol Shift dan klik di setiap daerah yang mendapatkan melewatkan, seperti di dalam simbol Quicktime. Pada dasarnya, pastikan Anda mendapatkan semua piksel. Hal ini tidak sangat penting untuk menjadi pilihan benar-benar bagus karena kita akan menyusut ini turun - Syukurlah, karena kalau tidak kita akan harus menggunakan Pen Tool!

Setelah Anda memiliki pilihan, pergi ke gambar > penyesuaian > Hue/Saturation dan bergerak slider Hue sampai hits cahaya warna hijau yang kira-kira sesuai dengan latar belakang hijau (atau sesuai dengan latar belakang apapun yang Anda gunakan).

Langkah 24

Sekarang kita tempat itu dermaga atas wallpaper dan tekan Ctrl + T untuk mengubahnya ke bawah.

Selanjutnya kita perlu sedikit Mac logo untuk menempel pada layar. Sekali lagi saya menemukan gambar menggunakan pencarian gambar Google biasa. Ini adalah warna perak yang bagus yang seharusnya bekerja dengan baik.

Langkah 25

Masalahnya, bagaimanapun, adalah bahwa ada bayangan di belakang logo yang kita tidak ingin. Jadi Ambil pena alat dan trace keluar tepi logo seperti yang ditunjukkan. Ketika Anda sudah selesai, klik kanan dan pilih membuat pilihan, kemudian tekan Ctrl + C untuk menyalin logo dari latar belakang bayangan.

Langkah 26

Sekarang untuk menempatkan logo, menonaktifkan semua lapisan hitam sehingga Anda dapat melihat gambar Anda panduan iMac putih lagi, kemudian menyusut logo sehingga kira-kira cocok ukuran dan posisi logo pada mesin. Kemudian beralih kembali lapisan hitam lagi!

Langkah 27

Hampir sana sekarang!

Selanjutnya kita menciptakan refleksi halus untuk membuatnya terlihat seperti iMac benar-benar berdiri di sana. Jadi menduplikasi lapisan berdiri, tekan Ctrl + T dan memutarnya 180'. Kemudian menghilang lapisan 20% dan menambah lapisan penyesuaian seperti ditunjukkan sehingga fades off ke dalam ketiadaan.

Langkah 28

Selanjutnya kita akan menambahkan benar-benar halus bayangan di bawah iMac juga. Jadi menarik ellipse seperti yang ditunjukkan dalam abu-abu gelap.

Langkah 29

Sekarang memudar bayangan elips ke sekitar 20% opacity dan pergi ke Filter > Blur > Gaussian Blur dan menggunakan nilai tentang 10px untuk mendapatkan baik kabur. Ketika Anda selesai melakukannya, tekan Ctrl + T untuk mengubah dan memeras bayangan vertikal hanya (sehingga itu tidak begitu tinggi, tapi tetap lebar yang sama). Kita melakukan ini sehingga bayangan tampak seperti itu pada pesawat yang sama sebagai meja atau apa yang ada di iMac.

Langkah 30

Dan kita sudah hampir selesai! Aku pindah iMac off ke sisi dan menambahkan sedikit teks untuk menyelesaikannya off. Dalam kasus Anda bertanya-tanya, huruf adalah berbagai Pro Semibold yang tampak sangat mirip dengan huruf yang Apple menggunakan (meskipun tidak cukup sama, kecuali saya salah).

Kesimpulan

Jadi di sana Anda memilikinya, kami telah menciptakan tampilan baru untuk iMac! Dalam contoh PSD untuk tutorial ini, saya telah menyertakan kedua PSD untuk tutorial ini dan yang asli yang saya buat beberapa bulan yang lalu yang cukup mirip tetapi jauh lebih besar dan dengan beberapa variasi kecil. Harap Anda menikmati tutorial!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads