MENU POST

Cari Blog

Wednesday, March 29, 2017

PSIKOLOGI WARNA

COLOR PSYCHOLOGY
Oleh Kendra Cherry

Psikologi warna adalah studi tentang warna sebagai penentu perilaku manusia. Warna mempengaruhi persepsi yang tidak jelas, seperti rasa makanan. ... Banyak pemasar melihat warna sebagai bagian penting dari pemasaran karena warna dapat digunakan untuk mempengaruhi emosi dan persepsi barang dan jasa konsumen.


Warna, seperti fitur, mengikuti perubahan emosi. - Pablo Picasso

Apakah Anda merasa cemas di ruang kuning? Apakah warna biru membuat Anda merasa tenang dan santai? Seniman dan desainer interior telah lama memahami bagaimana warna dramatis dapat mempengaruhi suasana hati, perasaan, dan emosi. Ini adalah alat komunikasi yang kuat dan dapat digunakan untuk sinyal tindakan, mempengaruhi suasana hati, dan menyebabkan reaksi fisiologis.warna tertentu telah dikaitkan dengan peningkatan tekanan darah, metabolisme meningkat, dan kelelahan mata.

"Mengingat prevalensi warna, orang akan berharap psikologi warna menjadi daerah yang berkembang dengan baik," catatan peneliti Andrew Elliot dan Markus Maier. "Anehnya, sedikit kerja teoritis atau empiris telah dilakukan untuk tanggal pengaruh warna pada fungsi psikologis, dan pekerjaan yang telah dilakukan telah sebagian besar didorong oleh keprihatinan praktis, tidak kekuatan ilmiah."Meskipun kurangnya penelitian di bidang ini, konsep psikologi warna telah menjadi topik hangat dalam pemasaran, seni, desain, dan daerah lainnya. Banyak bukti di daerah ini muncul adalah anekdot di terbaik, namun para peneliti dan ahli telah membuat penemuan penting sedikit dan pengamatan tentang psikologi warna dan efeknya terhadap suasana hati, perasaan, dan perilaku.
Tentu saja, perasaan Anda tentang warna seringkali sangat pribadi dan berakar dari pengalaman Anda sendiri atau budaya. Misalnya, sedangkan warna putih digunakan di banyak negara Barat untuk mewakili kemurnian dan kepolosan, terlihat sebagai simbol berkabung di banyak negara Timur. Mengapa warna seperti kekuatan dalam hidup kita? efek apa yang dapat ia memiliki pada tubuh dan pikiran kita? Lanjutkan membaca untuk lebih mengeksplorasi sejarah warna termasuk bagaimana itu digunakan, efek itu mungkin memiliki, dan beberapa penelitian terbaru tentang 
Psikologi warna.
Apakah Warna? Pada tahun 1666, ilmuwan Inggris Sir Isaac Newton menemukan bahwa ketika cahaya putih bersih melewati prisma, memisahkan menjadi semua warna terlihat. Newton juga menemukan bahwa setiap warna terdiri dari panjang gelombang tunggal dan tidak dapat dipisahkan lebih lanjut ke dalam warna lain.Penelitian lebih lanjut menunjukkan bahwa cahaya dapat dikombinasikan untuk membentuk warna lain. Misalnya, lampu merah dicampur dengan cahaya kuning menciptakan warna oranye. 

Beberapa warna, seperti kuning dan ungu, membatalkan satu sama lain ketika dicampur dan menghasilkan cahaya putih.Jika Anda pernah dicat, maka Anda mungkin telah melihat bagaimana warna tertentu dapat dicampur untuk membuat warna lain. Marion Boddy-Evans, ahli Lukisan, memiliki gambaran yang sangat baik dari dasar-dasar teori warna termasuk bagaimana warna yang berbeda bisa dicampur.
Psychological Effects of Color 
Sementara persepsi warna yang agak subjektif, ada beberapa efek warna yang memiliki makna universal. Warna di area merah dari spektrum warna yang dikenal sebagai warna-warna hangat dan termasuk merah, oranye dan kuning.Warna-warna hangat membangkitkan emosi mulai dari perasaan kehangatan dan kenyamanan untuk perasaan marah dan permusuhan. Warna di sisi biru spektrum dikenal sebagai warna dingin dan termasuk biru, ungu dan hijau. 
Warna-warna ini sering digambarkan sebagai tenang, tetapi juga dapat panggilan ke pikiran perasaan sedih atau ketidakpedulian. Psikologi Warna sebagai Therapy Beberapa budaya kuno, termasuk Mesir dan Cina, berlatih chromotherapy, atau penggunaan warna untuk menyembuhkan. Chromotherapy kadang-kadang disebut sebagai terapi cahaya atau colorology dan masih digunakan saat ini sebagai pengobatan holistik atau alternatif.

Dalam perawatan ini:

    Merah digunakan untuk merangsang tubuh dan pikiran serta meningkatkan sirkulasi.
    Kuning dianggap merangsang saraf dan memurnikan tubuh.
    Jeruk digunakan untuk menyembuhkan paru-paru dan meningkatkan tingkat energi.
    Biru diyakini untuk menenangkan penyakit dan mengobati rasa sakit.
    nuansa Indigo dianggap meringankan masalah kulit.

Penelitian modern Psikologi Warna 
Kebanyakan psikolog melihat terapi warna dengan skeptisisme dan menunjukkan bahwa efek seharusnya warna sering terlalu dibesar-besarkan. Warna juga memiliki arti yang berbeda dalam budaya yang berbeda. Penelitian telah menunjukkan dalam banyak kasus bahwa efek mengubah suasana hati warna mungkin hanya bersifat sementara. Sebuah kamar biru awalnya dapat menyebabkan perasaan tenang, namun efeknya menghilang setelah periode waktu yang singkat. Namun, penelitian yang ada menemukan bahwa warna dapat mempengaruhi orang-orang dalam berbagai cara mengejutkan:
Satu studi menemukan bahwa pil plasebo hangat berwarna dilaporkan sebagai lebih efektif daripada pil plasebo keren berwarna. Bukti anekdotal telah menyarankan bahwa menginstal lampu jalan biru berwarna dapat menyebabkan kejahatan berkurang di daerah-daerah. Suhu lingkungan mungkin memainkan peran dalam preferensi warna. Orang yang hangat cenderung daftar warna-warna dingin sebagai favorit mereka, sementara orang-orang yang dingin lebih memilih warna hangat. Baru-baru ini, para peneliti menemukan bahwa warna merah menyebabkan orang bereaksi dengan kecepatan yang lebih besar dan kekuatan, sesuatu yang mungkin terbukti bermanfaat selama atletik kegiatan.
Satu studi yang tampak pada data historis menemukan bahwa tim olahraga berpakaian sebagian besar seragam hitam lebih mungkin untuk menerima hukuman dan bahwa siswa lebih mungkin untuk mengasosiasikan kualitas negatif dengan pemain mengenakan uniform.Color hitam Bisa Mempengaruhi PerformanceStudies juga menunjukkan bahwa warna-warna tertentu dapat berdampak pada kinerja. Tidak ada yang suka melihat tes dinilai tertutup dengan tinta merah, tapi satu studi menemukan bahwa melihat warna merah sebelum mengambil ujian benar-benar melukai kinerja tes.
Sedangkan warna merah sering digambarkan sebagai ancaman, membangkitkan atau menarik, banyak penelitian sebelumnya tentang dampak warna merah telah banyak meyakinkan. Studi menemukan, bagaimanapun, bahwa mengekspos siswa untuk warna merah sebelum ujian telah terbukti memiliki dampak negatif pada tes performance.In pertama dari enam percobaan yang dijelaskan dalam penelitian ini, 71 US perguruan tinggi siswa disajikan dengan peserta jumlah berwarna baik merah, hijau atau hitam sebelum mengambil tes lima menit.
Hasil penelitian menunjukkan bahwa siswa yang disajikan dengan jumlah merah sebelum mengambil tes mencetak lebih dari 20 persen lebih rendah daripada mereka disajikan dengan hijau dan hitam numbersAdditional Penelitian Masih NeededInterest di subjek psikologi warna tumbuh, tapi masih ada sejumlah pertanyaan yang belum terjawab. 
Bagaimana asosiasi warna berkembang? Bagaimana kuat adalah pengaruh asosiasi ini pada perilaku dunia nyata? Dapat warna digunakan untuk meningkatkan produktivitas pekerja atau keselamatan kerja? warna apa yang berdampak pada perilaku konsumen? Apakah tipe kepribadian tertentu lebih memilih warna-warna tertentu? Sebagai peneliti terus mengeksplorasi pertanyaan seperti itu, kita akan segera mempelajari lebih lanjut tentang dampak yang warna memiliki pada manusia psychology.
 

Zena O'Connor, anggota staf pengajar di Departemen Arsitektur, Desain, dan Perencanaan di University of Sydney, menunjukkan bahwa orang harus waspada terhadap banyak klaim yang mereka lihat tentang psikologi warna. "Banyak klaim ini kurang pembuktian dalam hal dukungan empiris, menunjukkan kelemahan mendasar (seperti penyederhanaan yang berlebihan kausal dan validasi subjektif), dan mungkin termasuk factoids disajikan sebagai fakta," O'Connor menjelaskan. "Selain itu, klaim tersebut sering menyebut penelitian usang tanpa mengacu pada temuan penelitian saat ini." Jadi apa intinya? Para ahli telah menemukan bahwa sementara warna dapat memiliki pengaruh pada bagaimana kita merasa dan bertindak, efek ini tunduk pada faktor pribadi, budaya, dan situasional. penelitian yang lebih ilmiah diperlukan untuk mendapatkan pemahaman yang lebih baik dari warna psychology.Pick warna di bawah ini untuk mempelajari lebih lanjut tentang kemungkinan efek dan menemukan reaksi dari pembaca lainnya: Hitam | white | Red | biru | hijau | kuning | ungu | Brown | oranye | PinkReferences: lampu jalan Biru diyakini untuk mencegah bunuh diri, kejahatan jalanan. 
Diperoleh dari http://seattletimes.com/html/nationworld/2008494010_bluelight11.htmlDe Craen, A. J., Roos, P. J., Leonard De Vries, A., & Kleijnen, J. (1996). Efek dari warna obat: tinjauan sistematik dari efek yang dirasakan obat dan efektivitas mereka. BMJ (Penelitian klinis ed., 313 (7072), 1624-1626.Elliot, AJ, & Maier, MA (2007). Warna dan fungsi psikologis. Arah sekarang di Psychological Science, 16 (5), 250-254.Frank, MG & Gilovich, T. (1988) sisi gelap diri dan persepsi sosial:.. seragam hitam dan agresi dalam olahraga profesional Journal of Personality and Social Psychology, 54, 74-83.O'Connor, Z. (2011). warna psikologi dan Terapi warna:. Caveat emptor warna Penelitian & Application, 36 (3), p229-234.Whitfield, TWA, & Wiltshire, TJ (1990) psikologi warna:.. Sebuah tinjauan kritis genetik, Sosial & Psikologi Umum Monograf, 116 (4), 387.

Thursday, March 23, 2017

KINI DESIGNER GRAFIS JUGA HARUS BISA UI DESIGN / UX DESIGN

Panduan dan Tutorial menjadi
UI (User Interface) DESIGNER & UX (User Experience) DESIGNER
oleh Winnie Lim

Desainer  User Interface & Designer User Experience gajinya 3x lipat Designer Grafis Senior Konvensional . Designer Grafis disarankan menambah pengetahuan dan kemampuan bidang UI/UX Design. 
Wireframing merupakan langkah penting dalam proses desain layar. Ini terutama memungkinkan Anda untuk menentukan hirarki informasi dari desain Anda, sehingga memudahkan Anda untuk merencanakan tata letak sesuai dengan bagaimana  Anda ingin pengguna Anda memproses informasi. Jika Anda belum pernah menggunakan wireframing, sekarang saatnya. Ini seperti sebuah cetak biru arsitektur; Anda perlu melihatnya dalam dua dimensi diagram hitam dan putih sebelum  Anda memahami bagaimana membangun rumah yang sebenarnya. Demikian pula untuk desain layar, Anda tidak dapat memulai lapisan bangunan pixel di photoshop, atau menulis blok kode, tanpa mengetahui mana informasi yang akan aktif.
Pada tingkat yang lebih dalam, gambar rangka ini juga sangat berguna dalam menentukan bagaimana pengguna  berinteraksi dengan antarmuka. Sebagai contoh, wireframes dapat berisi berbagai tombol atau menu perilaku. Wireframing penting karena memungkinkan desainer untuk merencanakan tata letak dan interaksi antarmuka tanpa terganggu oleh warna, pilihan jenis huruf atau bahkan copy.Jika pengguna tidak tahu ke mana harus klik pada gambar rangka hitam dan putih, tidak peduli apa warna yang akhirnya Anda gunakan. Sebuah tombol harus jelas bahkan jika itu tidak mengkilap atau berwarna cerah.
Seperti pondasi bangunan, itu harus fundamental yang kuat sebelum Anda memutuskan apakah akan memberikan sebuah material mahal.



Langkah 1: Mendapatkan Inspirasi
Sebelum masuk ke rincian lebih lanjut, karena gambar bisa melukis seribu kata, lihatlah I ♥ wirefames. Anda akan bisa mendapatkan gambaran singkat dan pemahaman visual tentang bagaimana desainer lain menangani proses wireframing mereka. Mungkin juga bookmarklet browser yang bagus, Wirify yang memungkinkan Anda untuk melihat versi situs hidup. Jika Anda terus-menerus mengamati desainer atau situs lain melakukan cara desain wireframes mereka, Anda perlahan-lahan akan mendapatkan gambaran di pikiran Anda tentang bagaimana untuk mengatur informasi pada layar.
 Langkah 2: Merancang Proses Anda
Desain adalah proses organik karenanya desainer berbeda cara mendekati wireframing dalam menterjemahkan ke visual atau kode dengan cara yang berbeda. Anda harus menemukan proses yang membawa keluar kekuatan Anda sendiri dan Anda merasa paling nyaman. Di bawah ini adalah diagram yang menunjukkan beberapa proses yang khas:
37signals terkenal menganjurkan penggunaan sketsa dan akan langsung ke kode, meskipun tampaknya beberapa desainer yang melibatkan maket visual dalam proses mereka juga.
Pertimbangkan kerangka html / css yang akan digunakan dalam proyek tersebut.
Sebagai contoh, gunakan untuk membangun satu ton situs di Blueprint, sehingga akan ditetapkan kedua wireframes dan Blueprint ke 12-kolom grid yang sama. Hal ini mempercepat prototyping dan pengembangan waktu yang cukup, daripada harus menulis lebar setiap elemen dalam stylesheet css, mereka sekarang pra-didefinisikan 1-12 kolom lebar. Gunakan cssgrid bukan untuk dukungan desain responsif, tetapi masih diatur untuk grid 12-kolom yang dapat anda download sebagai template photoshop.

Terserah Anda untuk memutuskan proses yang Anda merasa nyaman dengan, kadang-kadang Anda mungkin harus mencobanya beberapa kali sebelum menyadari proses yang paling efektif. Beberapa orang mungkin benar-benar bagus di sketsa dan mereka mungkin memilih untuk tidak menggunakan alat wireframing sama sekali. Desainer lain mungkin ingin memiliki banyak langkah mungkin untuk meminimalkan penyimpangan atau memungkinkan mereka untuk memikirkan setiap iterasi tunggal sebagai desain mulai mengambil bentuk.



Anda akhirnya akan mengembangkan proses pilihan Anda sendiri. Biasanya Illustrator sebagai alat wireframing terutama untuk tiga alasan: Styles - Anda dapat menyimpan jenis dan objek gaya dan kembali menggunakannya di seluruh, seperti CSS.
    Sangat mudah untuk dimodifikasi, memindahkan atau skala beberapa objek.
    Ini memberi transisi mudah untuk Photoshop nantinya.
Gunakan juga aplikasi lain dan itu tergantung pada skenario proyek. Secara singkat  ada beberapa aplikasi populer, kekuatan dan kelemahan mereka di bagian berikutnya.
Langkah 3: Pilih Alat Anda
Berikut adalah beberapa alat populer tanpa urutan tertentu:Balsamiq
Balsamiq menjadi populer sebagai wireframes diproduksi Balsamiq menyerupai sketsa, sehingga segera jelas bahwa gambar rangka bukanlah produk jadi tapi pekerjaan yang sedang berjalan. Balsamiq juga memiliki perpustakaan besar komponen reusable yang Anda dapat drag dan drop sangat mudah untuk merancang wireframes Anda. Juga dapat menggunakannya pada hampir platform apapun, dengan vers desktop.
OmniGraffle
Favorit tua Mac, OmniGraffle juga memiliki perpustakaan kontribusi pengguna secara luas didukung komponen dapat digunakan kembali; Graffletopia. Sejak itu dikembangkan secara khusus sebagai aplikasi diagram, OmniGraffle juga memiliki fitur yang kompleks seperti tata letak otomatis, kustom dukungan gaya objek, panduan cerdas dan alat grafik. Beberapa fitur ini juga tersedia dalam Adobe CS suite, tapi jika Anda tidak memiliki CS suite, OmniGraffle adalah nilai yang baik untuk memproduksi wireframes rinci.
Axure
Hampir seperti kakek alat wireframing, Axure adalah salah satu profesional aplikasi wireframing / prototyping pertama. Sampai saat ini, itu hanya tersedia pada Windows. Dikenal sebagai alat yang banyak digunakan di kalangan profesional industri.
Flairbuilder
Aplikasi baru, Flairbuilder memiliki dukungan yang sangat kuat untuk interaksi.Ini juga memiliki perpustakaan komponen besar, mendukung halaman master dan Anda dapat mengekspor prototipe untuk dilihat secara online. Aplikasi seperti mockflow, hotgloo dan mockingbird. Keynote / Powerpoint Keynotopia "mengubah aplikasi presentasi favorit Anda ke yang terbaik sebagai aplikasi prototyping cepat untuk membuat mobile, web dan aplikasi desktop maket". Untuk pengguna non-mac, jangan khawatir, Keynotopia juga menawarkan powerpoint template.
Direkomendasikan hal ini jika Anda perlu untuk wireframe atau aplikasi protoype seluler cepat. Alternatif lain yang baik adalah Keynote Kungfu.

Adobe CS
Bagi mereka yang sudah akrab dengan Adobe suite, Fireworks, Illustrator dan Indesign alat wireframing sangat mampu dengan kekuatan individu mereka sendiri dan kelemahan.
Adobe Firework
Anda dapat bekerja pada seluruh proses desain dalam Fireworks, dari wireframes dasar visual penuh. Fireworks mendukung halaman master (menganggap mereka sebagai template dapat digunakan kembali di mana setiap mengedit pada master template dapat diterapkan di seluruh childpages Anda), perpustakaan elemen dan Anda dapat membuat prototipe interaktif dengan Firework yang relatif cepat.
Illustrator
Ini adalah salah satu aplikasi untuk digunakan karena sudah sangat familiar dan banyak desainer terbiasa.  Untuk melakukan yang cepat, tapi kompleks wireframes, dengan tidak perlu interaktivitas. Apa yang membuatnya jadi pemenang? Kemampuan untuk mengekspor sebagai PSD dengan lapisan diedit, copy yang kuat dan dukungan pasta untuk Photoshop, dan kontrol tipografi yang kuat dengan jenis gaya yang Anda dapat menyimpan, mengedit dan penggunaan kembali, hampir seperti CSS.
Indesign
kekuatan mirip dengan Illustrator dengan kontrol gaya tipografi lebih kuat, halaman master yang kuat mendukung dan kemampuan baru-baru ini untuk membuat prototipe interaktif. Pilih Indesign ketika membuat multi-halaman prototipe interaktif. Satu-satunya peringatan adalah dukungan ekspor yang lemah untuk Photoshop sebagai perancang visual.
ProtoShare
"Prototyping Powerfull Made Easy." Baru-baru ini merilis versi 9 dengan palet WYSIWYG baru. Senilai check-out.

Langkah 4: Mengatur Grid
Ada banyak teori berkaitan dengan sistem grid, tapi tanpa terlalu banyak ke dalamnya, "cara yang terstruktur dan sederhana untuk tata letak elemen". Digunakan Illustrator untuk tutorial ini, tetapi langkah-langkah dapat diterapkan dengan aplikasi lain. Pertama, mengatur ukuran dokumen.Gunakan ukuran pixel 1280 x 900 karena akan menggunakan cssgrid yang akan memungkinkan website untuk skala antara resolusi mobile untuk maksimal 1.140 piksel dengan mudah. Tempatkan template download dari cssgrid ke dalam dokumen Anda.
Langkah 5: Tentukan Tata Letak Dengan box
Mulai dengan menggambar kotak di grid. Pikirkan tentang urutan informasi yang Anda ingin hadirkan untuk pengunjung ,atas ke bawah adalah yang paling mudah, diikuti oleh kiri ke kanan. Berikut ini adalah contoh dari gambar rangka yang memiliki layout yang umum digunakan oleh perusahaan perangkat lunak hari ini: Kadang-kadang, tergantung pada tujuan Anda dan entitas Anda merancang untuk, Anda bisa berkreasi dengan tata letak, meskipun masih menjaga hirarki informasi dalam pikiran. Ini adalah contoh nyata dari salah satu klien di mana desain keluar dari layout situs perusahaan teknologi konvensional: Berikut adalah layout untuk blog, dengan wadah iklan hati-hati diposisikan dan petunjuk khusus untuk klien.

Langkah 6: Tentukan Informasi Hirarki Dengan Tipografi
Setelah Anda puas dengan desain lay out, mulai desain potongan-potongan konten Anda untuk mendapatkan nuansa apakah informasi terstruktur dengan baik. Aturan praktis adalah sama: informasi yang Anda ingin sampaikan kepada audiens Anda harus jelas, bahkan dalam gambar rangka hitam dan putih. Hanya menggunakan ukuran font yang berbeda
sebagai awal adalah cara yang bagus untuk membedakan antara berbagai tingkat informasi. Jangan takut untuk bereksperimen pada tahap ini. Kadang-kadang, ketika Anda mengisi lebih detail, Anda mungkin melakukan tata letak asli tidak bekerja dengan baik. Itulah inti dari proses wireframing; membuat banyak iterasi untuk mempersempit cara terbaik untuk mewakili informasi yang Anda mencoba komunikasikan. Contoh di bawah ini,
screenshot memiliki dampak yang lebih dan sudah mulai digunakan kotak hitam untuk menentukan yang merupakan daerah yang akan mengambil pentingnya visual untuk website ini.

Langkah 7: Fine-tuning Dengan Grayscale
Menggunakan spektrum penuh grayscale dapat membantu Anda menentukan kekuatan visual elemen Anda tanpa harus memilih palet warna. Bahkan, hal itu mungkin membantu Anda selama proses desain visual nanti.
Langkah 8: Hi-definition Wireframe
Ini merupakan langkah opsional, tetapi jika Anda ingin mengambil hal-hal secara bertahap Anda mungkin ingin mencobanya. Membuat gambar rangka definisi tinggi berarti hanya menambahkan rincian lebih lanjut, sebanyak mungkin, tanpa terlalu rinci ke dalam rincian visual. Ini mungkin berarti mengisi salinan yang sebenarnya menjadi gambar rangka dan mencoba untuk menentukan yang ideal font-ukuran. Hal ini juga dapat melibatkan warna: Ide umum adalah bahwa pada tahap visual yang inginkan berada dalam mode dan tidak lagi polishing di drafting atau mode eksperimen. Lakukan siklus iterasi (masukan <-> wireframing) secepat mungkin dalam aplikasi wireframing Anda  , dari gerak layer dan piksel di photoshop. Dalam skenario tertentu mungkin lebih ideal untuk melewati mendefinisikan rincian terlalu banyak dan langsung masuk ke tahap prototyping interaktif. Argumen untuk ini adalah bahwa rincian interaksi tertentu tidak dapat dikomunikasikan sepenuhnya pada gambar datar. Jika Anda bekerja dengan tim pengembang, Anda mungkin ingin menyerahkan wireframes disetujui untuk para pengembang untuk pengkodean kerangka dasar sementara Anda bekerja pada visual.
Langkah 9: Menerjemahkan Wireframe ke dalam Visual
Disebutkan sebelumnya, menggunakan Illustrator untuk wireframing adalah karena dapat mengekspor menjadi PSD dengan sebagian besar layer tipe diedit. Pada saat di Photoshop tidak akan perlu mengedit jenis yang banyak (Photoshop memiliki alat jenis kontrol rendah, meskipun jauh lebih baik di CS6). Berikut adalah contoh dari gambar rangka diterjemahkan ke dalam visual. wireframe masih cukup utuh, meskipun ada tweak yang muncul secara visual. Anda juga dapat melihat website ini hidup.
Kesimpulan
Mudah-mudahan tutorial ini mengilhami Anda untuk mulai bereksperimen! Seperti halnya proses desain, jangan takut untuk mencoba, iterate dan iterate. Juga, habiskan waktu bereksperimen dengan aplikasi dan proses yang berbeda. Anda akan menemukan investasi berharga setelah Anda mendapatkan aplikasi yang terasa intuitif untuk Anda.



Saturday, March 18, 2017

TYPE TEXT ART dengan ILLUSTRATOR & PHOTOSHOP

                               Adobe Illustrator & Photoshop : Memulai dengan Type Art
oleh  Pomme Chan

Jenis seni populer saat ini untuk segala macam alasan - dan itu adalah keterampilan yang sangat serbaguna untuk dimiliki.  Anda dapat menggunakan huruf bergambar dalam proyek-proyek mulai dari poster brosur - membuatnya menjadi teknik yang hebat untuk menambah kemampuan kreatif Anda

Namun berhati-hatilah : Jenis art yang sangat populer pada saat itu memiliki banyak ketidak teraturan di luar sana. Aturan yang sama seperti untuk setiap gaya estetika: pelajari dasar-dasarnya secara  hati-hati, supaya menjadi original. Dengan berdasarkan pada jenis-art ada dimensi ekstra yang utuh, meskipun: ada keterbatasan. Sebagai fitur , ada beberapa perdebatan tentang bagaimana dipahami berdasarkan jenis-art diperlukan - tetapi  harus dapat dibuat jadi tulisan yang benar-benar jelas jika Anda atau klien merasa proyek memerlukannya. Dalam tutorial ini,  guru Pomme Chan memberikan pembelajaran langkah-demi-langkah melalui bagaimana dia menciptakan karya luar biasa ini.

 
Langkah 1
Dalam Illustrator, buka file baru dan siapkan format A4. Ketik kata-kata 'Jenis Art' di font
Helvetica, kemudian membuat garis besar (Type> Buat Outline, atau Cmd / Ctrl + Shift + O). Lakukan penyesuaian dengan jenis yang menggunakan Direct Selection tool (panah putih), kemudian gunakan Pen tool (P) untuk membuat pusaran di mana Anda membuat garis mengalir. Ini tidak harus tepat - Anda dapat menyesuaikannya kemudian. Ketika Anda
sudah selesai,kunci lapisan ini sehingga Anda tidak dapat memindahkannya - Anda hanya akan menggunakannya sebagai panduan.
 

Langkah 2
Sekarang tambahkan layer baru dan gunakan alat Pen (P) untuk membuat dua atau tiga baris - percobaan dengan pilihan blending sini. Kita akan membuat bayangan  jenis huruf, sehingga Anda harus jelas bagaimana Anda ingin membuat jenis fontnya. Kuncinya adalah bahwa awal dan akhir dari kedua garis harus di sumbu vertikal dan horizontal yang sama, dan tidak boleh terlalu jauh satu sama lain. Di tengah garis Anda dapat membuat lekukan dan kurva, tetapi di tengah-tengah garis Anda dapat memutar dan edit. Kedua garis harus cukup tipis (gunakan 0.25pt).

  
Langkah 3
Perubahan berikutnya satu baris ke putih, dan yang lainnya menjadi hitam. Klik pada tool Blend pada toolbar, klik pada Option Blend> Halus Warna. Klik di awal atau akhir jalur putih.
 
Langkah 4
Sekarang Anda memiliki gabungan kurva . Ulangi langkah ini untuk sisanya. Jika keluar salah, ini mungkin karena Anda telah membuat kurva di tengah terlalu rumit. Caranya adalah dengan mencocokkan jumlah titik jangkar di masing-masing pasangan dari jalur. Anda tidak harus menghitung segala sesuatu, pastikan mereka tidak sangat berbeda satu sama lain. Bersabarlah - langkah ini berlangsung beberapa jam atau lebih.

 
Langkah 5
Setelah Anda mengisi font Anda dengan kurva gabungan, bermain dengan lapisan kurva, membuat mereka lebih besar (Cmd / Ctrl +]) atau lebih kecil (Cmd / Ctrl + [) sampai Anda puas dengan itu. Buat beberapa garis putaran putih di dalam teks itu, terutama di sekitar daerah putih, gunakan alat Pen dengan garis hitam 0.1pt diisi dengan putih.
 
Langkah 6
Setelah Anda puas dengan segala sesuatu, saatnya untuk membuat mereka berputar di luar. Buka lapisan Draft yang Anda buat di awal. Pilih semua lini, lalu pilih View> Guides> Membuat Guides (Cmd / Ctrl + 5).

 
Langkah 7
Sekarang kita perlu membuat kuas. Kita perlu stroke yang tipis pada awal dan akhir: Anda dapat membuka material.ai file dari file proyek Anda waktu dibuka pada awal tutorial dan menyalin setiap  bentuk brush untuk file Anda - atau buat garis  sendiri, maka klik simbol Brush dan pilih New Brush> New Art Brush> proporsional.

 
Langkah 8
Sekarang gunakan Pen tool untuk membuat jalur yang mengikuti panduan kurva Anda. Kemudian pilih sikat Anda, set ke stroke ukuran halus (0,1 sampai 0.25pt). Sekarang lacak atas pusaran luar dan di dalam teks. Bermain dengan opacity - pengaturan ke 50% pada blending mode Normal, atau pengaturan blending mode ke Overlay dan opacity 80% dalam teks tersebut.

 
Langkah 9
Setelah Anda punya segala sesuatu di tempat yang tepat saatnya untuk proses dekoratif. Anda dapat menambahkan lingkaran menggunakan alat Ellipse (L) dengan warna gradien radial. Bermain-main dengan ini, membuat mereka sedikit lebih besar dekat teks itu dan lebih kecil atau lebih jauh, dan tempatkan mereka di sekitar garis pusaran putih. Buka teks Ketikkan teks Art Anda, dan atur warna teks ke angka 50% abu-abu. Lalu copy layer.

 Langkah 10
Buka Photoshop, siapkan ukuran A4 baru dengan 300dpi color RGB, kemudian paste setiap lapisan dari file Illustrator. Smart Objects yang bagus, sisipkan  Pixels sehingga dapat dihapus atau dibersihkan  bit nya di Photoshop.

 
Langkah 11
Buka file Material.ai, dan salin gambar garis mawar. Paste ke Photoshop, kemudian memutar, menyalin dan memindahkan mereka  sampai Anda puas.

 
Langkah 12
Sekarang mari kita tambahkan beberapa warna. Dalam layer baru di bagian atas palet Layers, atur blending mode ke Color dan kemudian mulai tambahkan warna menggunakan alat Brush: cara ini sangat mudah untuk menambah atau menghapus warna tanpa mempengaruhi daerah lain. Pada warna, atur opacity Brush tool untuk 30% sampai 40% untuk menjaga warna-warna lembut.

 
Langkah 13
Bila Anda senang dengan warna Anda, buat layer baru di atas lapisan lainnya untuk dekorasi background. Gunakan Elliptical Marquee (M) buat lingkaran kemudian, gunakan alat Brush, cat warna soft sekitar lingkaran. Suatu waktu  Anda dapat membuat lingkaran kemudian membalikkan seleksi (Cmd / Ctrl + Shift + I) dan mengisi sekitarnya, juga.

 
Langkah 14
Menghapus lapisan latar belakang hitam. Klik pada lapisan berputar-garis putih, kemudian membalikkan mereka (Cmd / Ctrl + I): ini akan menjadi garis hitam. Mengatur opacity layer ke 50% dan memindahkannya sehingga di bawah lapisan warna - ini akan memberikan karya seni warna-warna lembut yang indah. Anda mendapatkan warna mawar jika Anda
belum melakukannya : klik pada lapisan bunga, Pilih> Load Selection, kemudian membuat lapisan lain, pengaturan ke Multiply. Mulai mengisi mawar dalam layer dengan warna.

 
Langkah 15
Sekarang kita perlu menambahkan sentuhan akhirteks akan dibuat bersinar; ini juga membuat mereka lebih mudah dibaca. Klik pada lapisan hitam-putih asli Anda yang disisipkan dari Illustrator, pilih Layer Style> Outer Glow, dan pilih warna yang Anda inginkan. Atur opacity ke 20%, suara ke 0, menyebar ke 14%, ukuran untuk 38% dan kisaran 50%. Anda dapat menerapkan pengaturan ini ke lapisan lain juga jika Anda suka.

 
Langkah 16
Hampir selesai. Jika ingin memilih warna yang lebih gelap  Anda dapat mengaturnya dengan menggunakan  Edit> Adjustment> Tinggi Rendah. Anda juga dapat membuat garis luar lebih lembut dengan menggunakan sikat Erase (set ke 50% opacity), hapus pada akhir setiap stroke atau di mana pun yang Anda pikir itu sesuai.

 

jualo