Web tasarımcıları için 20 Photoshop hilesi
Belki dışarıdaki her web tasarımcısı kendi favori Photoshop hileleri vardır. İyi nedenlerle. Adobe görüntülerinin güçlü düzenlenmesi, web tasarımı dünyasının prensibidir. Bu olağanüstü yazılıma ve çeşitli özelliklere rakip olabilecek çok az program. Bununla birlikte, çoğu web tasarımcısı Photoshop’u nasıl kullandıklarını bilirken, her zaman öğrenebileceğiniz daha fazla şey vardır. Ancak, bu program sadece güçlü değil, aynı zamanda karmaşıktır. Ayrıca, düzenli güncellemelerle yeni şeyler eklenir. Bu nedenle, en sevdiğiniz araçları keşfetmeye devam etmek iyidir. Bunu yapmanıza yardımcı olmak için, bu makalede, en iyi Photoshop hilelerinden bazılarını göreceğiz. İş akışınızı artırabilecek, iş ve yaşamı kolaylaştırabilecek, zamandan tasarruf edebilecek ve web sitesini olabildiğince iyi tasarlamanıza yardımcı olacak şeyler.
Photoshop hakkında daha fazla bilgi edinmeye hazır mısınız? Sonra okumaya devam edin. Sizi web tasarım sihirbazlarına dönüştürmek için photoshop hileleri aşağıdaki ipuçları yeni başlayan seviyelerden daha karmaşık malzemelere kadar değişir. Her biri en iyi web tasarımcısı olmanıza yardımcı olmak için seçildi. 1. Çalışma Alanınızı Basitleştirin Temel bilgilerle başlayalım. İş akışınızı artırmak için yapılacak ilk şey, Photoshop’u kullanma şeklinizi destekleyecek şekilde ayarlamaktır. Sonuçta, daha keskin araçlarla iş daha kolay hale gelir. Bu nedenle ilk durağımız pencere> çalışma alanı> grafik ve web’dir. Bu seçeneği seçmek, mevcut araçları web tasarımı için kullanabileceğiniz şeye dönüştürecektir.
Bundan sonra, Düzenlemeye Devam Et> Tercihler. Burada, en önemli duraklardan biri birim ve yöneticilerdir. Burada hangi ölçümü seçtiğiniz (büyük olasılıkla piksel), gelecekteki tüm belgeler için varsayılan olacaktır. (Hızlı Talimatlar: Bir belgenin cetveli değiştirmek için, üzerine sağ tıklayın ve istediğiniz ölçüm birimini seçin.) Bundan sonra, tercihleri aç> performans> geçmiş ve önbellek ve web / ui tasarımını tıklayın. Önbellek değiştirecektir. Dosyayı daha küçük bir katmanla daha küçük destekleyecek ayarlar, çoğu kullanacağınız birçok katman.
Aynı şey Photoshop için de geçerlidir. Basit bir düğmeyi vurgulayarak nasıl harekete geçileceğini bilmek, menüye tıklamaktan çok daha hızlıdır. Bu makale boyunca birçok klavye kısayolundan bahsedeceğiz. Ancak, Photoshop işlemlerinde en yaygın kısayolları öğrenmek için bu hile sayfasını da tavsiye ederim. Ayrıca, tekrar tekrar yaptığınız şeyler için klavye kısayolunu görmeye alışmak da iyidir. 3. Grup Katmanı ve Adı Photoshop ile çalışırken birçok katmanla çalışacaksınız. Sadece kendi eleman katmanlarının çoğunu almakla kalmaz, aynı zamanda parlaklık/kontrast gibi değişiklikler de bir katman olarak eklenir. Bu nedenle, çok hızlı bir şekilde kafa karıştırıcı olabilir. Neyse ki, daha az yapmak için birçok seçenek var, bunlardan ikisi katmanların adlarını gruplandırma ve verme yeteneği. İlk olarak, herhangi bir katmanda iki kez tıklayarak, adını istediğiniz şekilde değiştirebilirsiniz.
Bu şekilde, bir katmanın arka plan görüntüleri, menüler veya kenar çubuğu içerip içermediğini kolayca anlayacaksınız. Veya, bireysel bir katman seçmek için CTRL tutarak veya çeşitli komşu katmanları işaretlemek için kaydırmak için aynı anda birkaç katman seçebilirsiniz. Ctrl+g sonra bir gruba dönüştürün.
Veya, sağ -katmanı tıklatın ve oradan grup seçeneğini seçin. Her iki durumda da, katmanınız daha organize olur. Ayrıca, gruplandırılmış katmanın adını da verebilirsiniz! 4. Adlandırma ve katman gruplama tabakası iyi bir başlangıçtır. Bununla birlikte, düzinelerce hatta yüzlerce ile çalışırken, yine de kolayca karıştırılabilirsiniz. Bu durumda, katmanınızı filtreleme seçeneğiniz de vardır. Bunu yapmak için, tip, ad, efekt, renk vb. 5. Bir Kutu Oluşturun
Puresolution / Shutterstock.com tarafından görüntü. Grid, web tasarımındaki en önemli ilkelerden biridir. Tasarım ve nesnenizi yerleştirmenize yardımcı olur. Bu nedenle, Photoshop’ta bir kafes yapmak da mantıklıdır. Bunu yapmak için görünüm> Yeni Kılavuz Düzeni’ni kullanın. Veya sadece cetvel tıklayarak ve belgeye sürükleyerek yatay ve dikey yönergeler yapın. Mevcut yönergeleri taşımak için CTRL kullanın. 6. Renk Swatch Rengi Renginiz, örnek renkleri doğrudan HTML, CSS veya SVG dosyalarından Photoshop’a içerebilir. Bu şekilde, bir logo gibi mevcut varlıklarla çalışırken renk şemanız için iyi bir başlangıç noktasına sahipsiniz.
Bu Photoshop hilesinden yararlanmak için Renk Örneği panelini açın, sağ üst köşedeki açılır menüyü tıklayın ve Renk Örneği’ni seçin. Şimdi söz konusu dosyaya gidin ve yeni renk örneğinizi içe aktarmaya açın. 7. Özel şekilleri kaydedin, özellikle aynı site veya benzer bir tasarıma sahip web siteleri için birkaç sayfa tasarlarken, kendinizi aynı nesneyi ve şekillendirmeyi tekrar tekrar kullanırsınız. Bu nedenle, hızlı bir şekilde yeniden kullanılmak üzere özel bir form olarak saklamak mantıklıdır. Bunu yapmak için, yol seçim aracı (siyah ok) olarak adlandırılan formda sağa tıklayın. Ardından, özel şekli belirlemeyi seçin. Bunu yaptıktan sonra, bu forma özel şekil aracı aracılığıyla erişebilirsiniz. Formu okuyan gerilme menüsüne tıklamanız yeterlidir: ve kaydettiğiniz şekli seçin. Arka plan ve ön plan renkleri arasında geçiş iki, simgeye tıklamadan arka plan rengi ile ön arka plan arasında ileri geri geçiş yapın, klavyenizde X’e basın. Ayrıca, renklerin basit siyah beyaza dönmesini istiyorsanız, d’ye basarak yapabilirsiniz. 9. Opaklığı başka bir klavye ile değiştirin: Opaklığı değiştirebilen herhangi bir araç için bunu klavyeden yapabilirsiniz. 1 ila 0 sayıları opaklığı% 10 ile% 100 arasında düzenleyecektir. Aynı şey opaklık katmanı ile de çalışır. 10. Herhangi bir aletle düz bir çizgi çizmek için düz bir çizginin resmi, Değiştir düğmesini basılı tutun. Bundan sonra, otomatik olarak düz çiviler gibi olacak çizgiler (hem yatay hem de dikey) çizebilirsiniz. Veya, ikisi arasında düz bir çizgi yapmak için iki farklı noktaya tıklayın. 11. Photoshop hilelerimizdeki bir sonraki örnek rengi, herhangi bir rengi tatma yeteneğidir. Herhangi bir nesneden renge ihtiyacınız varsa, Alt tuşunu basılı tutun ve istediğiniz renk tonu tıklayın. Fırça, kalem, boya kovası ve renk kullanan diğer araçlarla iyi işlev görür. 12. Seçiminize ekleyin veya silin, vardiyayı tutarak ve eklemek istediğiniz parçayı seçerek mevcut seçeneklere ekleyebilir. Azaltmak için, aynı şeyi alt düğme ile yapın. 13. Son işleminizi iptal etmek için birden fazla klasik adımı geri alın CTRL+Z kullanmaktır. Ancak, bu sadece yaptığınız son şey için çalışır. Birkaç adım dönmek için Ctrl+Alt+Z kullanın. 14. Fırça boyutunuzu değiştirmek için fırça boyutunuzu dinamik olarak değiştirin, gerilme menüsünü tıklamanıza ve doğru boyuta sürüklemenize gerek yok. Bunun yerine, alt ve fare sağ düğmesini basılı tutun, ardından fırçanızın boyutunu azaltmak ve artırmak için sola ve sağa sürükleyin. 15. Web için Web için kaydedin, web için güvenli bir işlev kullanarak çok önemlidir, çünkü görüntünün boyutunu mümkün olduğunca küçük sağlar. Site hızını artırmak için bu çok önemlidir. Photoshop’ta bunu Dosya> Dışa Aktar> Web için Kaydet ile yapabilirsiniz. Ancak, daha hızlı bir yol Ctrl+Alt+Shift+S kullanmaktır. Rica ederim! 16. Görüntüyü bir katman olarak açın, bazen Photoshop’a aynı anda büyük miktarda görüntü aktarması gerekir. Ancak, onu yalnızca ofisinize sürüklediğinizde, manuel olarak yerleştirmeniz istenecektir. Bunu yapmanın daha pratik yolu Dosya> Komut Dosyaları>
Dosyaları yığın içine yükleyin.Söz konusu resmi keşfedin, işaretleyin ve Tamam’a iki kez basın.Şimdi, her görüntü otomatik olarak kendi katmanına aktarılacaktır.17. COSS Doğrudan Photoshop’tan kopyala Web tasarımcıları için en rahat Photoshop hilelerinden biri, bu programın dışa aktarabileceğiniz CSS yapmasıdır.Her şeyi elle yazmaya veya uygulamak için deneme yanılma kullanmanıza gerek yok.Bunu kullanmak için, katmanı doğru tıklayın ve CSS’yi kopyalayın.Veya aynı seçeneği bulmak için katman menüsünü kullanın.Artık stil sayfanıza veya kullandığınız diğer programlara eklenmesi gereken tüm stillere sahipsiniz.18. Birkaç cihaz ve oryantasyon için tasarımın yanı sıra bugün web için tasarım yapmak, çok sayıda farklı cihaz için tasarım yapmak anlamına gelir.Mobil cihaz dünyanın herhangi bir yerinde masaüstü bilgisayarların ötesine geçtiğinde, hücresel tasarım uygulamak bir zorunluluktur. Kaynak: comscore
Neyse ki, Photoshop’un tasarımınızı farklı bir formata dağıtmayı çok kolaylaştıran sanat tahtası ve akıllı nesneleri vardır. Her ikisini de burada ayrıntılı olarak açıklayabilirim, ancak Phlearn bu konuda şimdiye kadar yaptığımdan çok daha iyi bir iş yapan çok iyi bir öğretici yaptı: 19. Diğer şaşırtıcı Photoshop özelliklerinin tekrar eden görevi için otomatik işlemeyi kullanın otomatik işleme. Bu, manuel olarak yapmak zorunda kalmadan tekrar tekrar kaydedilen görevleri tekrarlayabileceğiniz anlamına gelir. Bu çok kullanışlıdır, örneğin web için çok fazla resim kaydetmeniz gerekiyorsa. İşte böyle çalışıyor. İlk olarak, dosyanızı açın. Ardından, eylemleri açın (alt+f9), yeni eylem oluşturun ve tıklayın. Bir ad verin ve isteğe bağlı olarak düğmeler ve renklerin bir kombinasyonunu ayarlayın. Eylemlerinizi kaydetmek için kayda basın. Sonra tekrarlamak istediğiniz işlemi yapın. Benim durumumda, bir klasörden bir resim açtım ve başka bir klasörde web için kaydettim. Bittiğinde kaydı durdurun. Artık bu eylemi diğer tüm görüntüler için yeniden kullanabilir, çok zaman kazanabilirsiniz. Photoshop’ta neler yapabileceğiniz hakkında daha fazla bilgi için bu makaleye bakın. 20. Son cihazdaki önizleme, Photoshop ile birlikte Adobe ayrıca, çalışmalarınızı birkaç iOS cihazında önizlemenizi görmenizi sağlayan bir uygulama sunar. En iyi şey: Bilgisayarda yaparken cihazdaki değişiklikleri gözlemleyebilirsiniz. Bunu yapmak için uygulamayı yükleyin ve Photoshop’u USB veya WiFi üzerinden harici bir cihaza bağlamak için cihazın önizlemesini kullanın. Pencerenin altında seçeneği buldunuz>
