Sabtu, 18 Januari 2014

Buat Majalah Mockup Menggunakan InDesign dan Photoshop

Detail Tutorial
  • Apps Digunakan: Adobe Photoshop / InDesign CS3
  • Kesulitan: Menengah
  • Perkiraan Waktu Penyelesaian: 2 Jam
Download Source Files
Lihat posting pada tuts + Betatuts + Beta adalah dioptimalkan, dibaca mudah mobile version-ramah dan tuts + jaringan.

Produk akhir Apa yang Anda akan Menjadi Membuat

Desainer sering menggunakan beberapa aplikasi untuk membuat pekerjaan mereka. Apa yang hebat tentang produk Adobe adalah bahwa Anda dapat dengan mudah beralih di antara mereka untuk melakukan berbagai tugas. Dalam tutorial ini, kami akan menunjukkan bagaimana merancang tata letak majalah menggunakan Adobe InDesign.Kami kemudian akan menunjukkan cara untuk membuat majalah mockup yang realistis dan dapat digunakan kembali dari desain yang di Photoshop bahwa Anda dapat hadir untuk klien Anda. Mari kita mulai!

Aset Tutorial

Aset berikut ini digunakan selama produksi proyek ini.

Langkah 1: Merancang Halaman di InDesign

Buka InDesign. Sebelum memulai apa-apa, mari kita mengatur unit ke milimeter. Klik Edit> Preferences dan mengatur Unit Penguasa untuk milimeter.

Langkah 2

Klik File> New untuk membuat file baru. Mengatur ukuran halaman untuk Surat. Klik tombol Pilihan Lagi.

Langkah 3

Tambahkan Bleed 2 mm. Kami menggunakan berdarah untuk menambahkan kanvas ekstra ke dokumen. Daerah berdarah ini tidak akan dicetak.

Langkah 4

Dalam panel Pages, tambahkan halaman baru. Sekarang kita memiliki dua halaman.

Langkah 5

Ganda master page klik.

Langkah 6

Tekan Command / Ctrl + R untuk mengungkapkan penguasa. Command / Ctrl-drag untuk membuat panduan baru di atas kedua halaman.

Langkah 7

Tambah panduan lain di bagian bawah halaman.

Langkah 8

Tambah panduan horisontal lain untuk menambahkan 4 dan 3 kolom pada setiap halaman.

Langkah 9: Tambahkan Jumlah Halaman

Klik dan tarik menggunakan Type tool untuk menggambar kotak teks. Ketik Halamanmaka ruang. Pilih Jenis> Sisipkan Karakter Khusus> Marker> Nomor Current Page.

Langkah 10

Buka Ayat Styles panel dan menciptakan gaya baru.

Langkah 11

Klik dua kali gaya dan mengatur keselarasan untuk Jauh dari Spine. Terapkan gaya ini ke kotak teks halaman saat ini.

Langkah 12

Alt-drag kotak teks untuk menduplikasi itu. Letakkan di sisi lain halaman

Langkah 13

Di bawah, Anda dapat melihat hasilnya pada halaman. The Karakter secara otomatis berubah, berdasarkan nomor halaman saat ini.

Langkah 14

Tambahkan foto di bagian atas halaman. Pastikan untuk snap ke daerah berdarah.

Langkah 15

Kami tidak ingin gambar sengaja dipindahkan atau diedit. Klik kanan gambar dan pilih Lock.

Langkah 16

Menambahkan gambar subtitle dengan menambahkan kotak teks di sudut kanan bawah gambar.

Langkah 17

Tambahkan gambar lain dan subtitle pada kolom terakhir.

Langkah 18

Menambahkan kotak teks pada kolom pertama dan mengisinya dengan sebuah artikel.Untuk mengisinya dengan teks boneka, klik Type> Isi dengan Placeholder Text.

Langkah 19

Terapkan gaya paragraf ke judulnya.

Langkah 20

Terapkan gaya karakter ke bagian dari judul. Ini akan mengesampingkan pengaturan teks.

Langkah 21

Terapkan gaya paragraf ke tubuh artikel. Dari Option Bar, mengatur baris pertama indent: 4 mm.

Langkah 22

Pilih paragraf pertama dan menimpa setelan dari Option Bar dengan menghapus nya Pertama Line Indent ke 0 mm.

Langkah 23

Gambarlah persegi panjang dan menempatkan segitiga pada pusatnya.

Langkah 24

Pilih kedua bentuk. Klik kanan mereka dan pilih Group untuk menggabungkan mereka sebagai sebuah kelompok.

Langkah 25

Buka panel Text Wrap dan mengatur berikut bungkus pengaturan.

Langkah 26

Tempatkan di atas artikel.

Langkah 27

Tambahkan artikel lain. Kali ini, memutar panah sehingga itis menunjuk gambar kecil.

Langkah 28

Pindah ke halaman berikutnya. Tambahkan foto di atas halaman.

Langkah 29

Tambahkan persegi panjang yang meliputi halaman yang lebih rendah dan foto.

Langkah 30

Terapkan gradien linier dari putih menjadi hitam.

Langkah 31

Dari panel Efek, mengatur mode Blend untuk Multiply.

Langkah 32

Gambarlah sebuah persegi panjang abu-abu di bagian bawah halaman.

Langkah 33

Tambahkan judul posting. Tempatkan beberapa bentuk persegi panjang di belakang teks.

Langkah 34

Tambahkan tubuh artikel pada kotak teks terpisah.

Langkah 35

Tambahkan kutip pada kolom terakhir yang terbuat dari kombinasi Ayat Styles dan Styles Character.

Langkah 36

Menambahkan artikel yang lebih kecil dan gambar di bagian bawah halaman.

Langkah 37

Kami telah selesai bekerja pada halaman. Di bawah ini adalah hasilnya.

Langkah 38: Mengekspor Halaman ke JPEG

Kami akan mengekspor halaman ini ke Photoshop. Kami tidak ingin mengimpor file INDD, tapi kita memilih JPEG karena yang lebih sederhana. Jadi, pertama-tama mari kita mengekspor halaman ke format JPEG. Klik File> Export.
Dari Ekspor kotak dialog, menetapkan jenis file-nya ke JPEG.

Langkah 39: Referensi Mockup

Ini jauh lebih mudah untuk menggunakan real foto referensi majalah daripada gambar hanya dari imajinasi. Ambil kamera dan mengambil gambar dari majalah Anda. Kami juga ingin memastikan bahwa majalah tersebut memiliki ukuran yang sama dengan desain majalah kami. Untuk mockup, lebih baik untuk menggunakan foto dengan perspektif. Hal ini menghasilkan tampilan yang lebih realistis.

Langkah 40

Untuk proyek ini saya menggunakan referensi foto ini. Melacak halaman pertama menggunakan tool Pen dalam mode Shape.

Langkah 41

Tambahkan Stroke dan mengurangi lapisan Fill untuk membantu kita melihat referensi.

Langkah 42

Melacak sisa halaman dan pastikan untuk menempatkannya di belakang halaman sebelumnya.

Langkah 43

Hapus Stroke dan perubahan lapisan Isi kembali ke 100%. Kali ini menerapkan Inner Shadow dan Gradient Overlay.

Langkah 44

Tambahkan layer baru di atas halaman. Mengaturnya sebagai Clipping Mask (Command / Ctrl + Alt + G). Dengan cara ini, segala sesuatu yang kita taruh di sini akan masuk ke dalam halaman. Gunakan tool Pen untuk menggambar garis putih sebagai highlight pada halaman.

Langkah 45

Melunakkan puncak dengan menerapkan Gaussian Blur filter.

Langkah 46

Kurangi Opacity layer.

Langkah 47

Ulangi langkah ini untuk menambahkan lebih banyak menyoroti ke halaman.

Langkah 48

Ulangi proses yang sama tapi kali ini cat hitam untuk menambahkan bayangan.

Langkah 49

Cat putih di tengah halaman.

Langkah 50

Memperhalusnya dengan menerapkan sangat besar Gaussian Blur.

Langkah 51

Kurangi Opacity layer.

Langkah 52

Command / Ctrl-klik halaman pertama untuk memilihnya. Tambahkan layer baru di belakang halaman pertama. Isi seleksi dengan warna hitam.

Langkah 53

Melunakkan halaman bayangan dengan menerapkan Gaussian Blur filter.

Langkah 54

Convert lapisan untuk Clipping Mask. Dengan cara ini, bayangan akan masuk ke dalam halaman belakangnya.

Langkah 55

Terus ulangi langkah ini untuk menambahkan halaman lain bayangan.

Langkah 56

Secara manual menambahkan halaman bayangan di sampul majalah utama.

Langkah 57

Buat layer baru antara masing-masing halaman dan cat halus bayangan acak untuk menambah penampilan realitic.

Langkah 58

Klik File> Place dan pilih halaman InDesign kami dalam format JPEG. The JPEG file akan dimasukkan ke dalam PSD sebagai Smart Object. Kita dapat mengubah gambar ini tanpa mengedit apapun pixel.

Langkah 59

Gandakan halaman smart object dengan menekan Command / Ctrl + J. Klik ikon mata di bagian depan dari lapisan halaman asli untuk menyembunyikannya. Tekan Command / Ctrl + T dan mengubah halaman.

Langkah 60

Command / Ctrl-tarik sudut sampai sesuai dengan bentuk halaman.

Langkah 61

Terus ulangi langkah ini.

Langkah 62

Sebuah transformasi sederhana tidak akan cukup. Klik kanan dan pilih Warp.

Langkah 63

Menggambar menangani dan warp nya kotak sampai cocok halaman kelengkungan.

Langkah 64

Convert lapisan untuk Clipping Mask dan menempatkannya di bawah semua highlight dan bayangan.

Langkah 65

Gandakan halaman obyek pintar ini dan meletakkannya di sisa halaman belakangnya.

Langkah 66

Ulangi proses ini untuk setiap halaman.

Langkah 67

Gambarkan sisa halaman dan kali ini menerapkan halaman InDesign berikutnya.
Sejauh ini, inilah hasil kami.

Langkah 68: Tambahkan Bayangan

Command / Ctrl-klik semua halaman untuk memilih seluruh majalah. Cat hitam di tengah majalah.

Langkah 69

Isi background dengan warna hitam. Pilih majalah. Buat layer baru dan menempatkannya di bawah semua lapisan. Isi seleksi dengan warna hitam.

Langkah 70

Lembutkan majalah bayangan dengan menerapkan Gaussian Blur filter.

Langkah 71

Menghapus bayangan yang tidak dibutuhkan.

Langkah 72

Command / Ctrl-klik kiri penutup.

Langkah 73

Buat layer baru lagi dan mengisinya dengan hitam. Lembutkan lagi dengan menerapkan Gaussian Blur, tapi kali ini menggunakan Radius kecil.

Langkah 74

Menambahkan bayangan lain di balik penutup yang tepat. Mockup kami sekarang siap untuk digunakan.

Langkah 75

Double klik pintar desain halaman objek untuk mengedit isinya.

Langkah 76

Paste lain desain halaman ke file. Simpan file dan kemudian menutupnya.

Langkah 77

Tergantung pada ukuran file dan kondisi komputer Anda, Anda mungkin perlu menunggu beberapa detik atau menit untuk memperbarui konten Smart Object

Langkah 78

Dalam file mockup, konten halaman secara otomatis diperbarui. Tidak ada transformasi pengguna diperlukan. Ulangi proses ini ke halaman lain.

Langkah 79

Kali ini, kami mencoba untuk menyisipkan desain ini.

Langkah 80

Tunggu beberapa saat.

Final Image 

Diposting oleh di

2 komentar:

  1. Expo Lowongan Kerja6 Mei 2015 pukul 21.50

    Mantab bgt gan infonya, izin menerapkan ya..
    Lowongan kerja sarjana http://expocpnsbumn.blogspot.com/search/label/S1

    BalasHapus
  2. Anonim20 April 2022 pukul 04.44

    Zombie Design: Buat Majalah Mockup Menggunakan Indesign Dan Photoshop >>>>> Download Now

    >>>>> Download Full

    Zombie Design: Buat Majalah Mockup Menggunakan Indesign Dan Photoshop >>>>> Download LINK

    >>>>> Download Now

    Zombie Design: Buat Majalah Mockup Menggunakan Indesign Dan Photoshop >>>>> Download Full

    >>>>> Download LINK aH

    BalasHapus

Langganan: Posting Komentar (Atom)