Web Tasarımcıları İçin Önceden Yapılmış 10 Delicesine Kullanışlı Photoshop Eylemi


Birçokları için Photoshop, web tasarımcılarının araç setinin önemli bir parçasıdır. Adobe CC araç takımının bir parçası olan Photoshop, tüm web tasarımcılarının en azından aşina olması gereken bir uygulamadır.

İster web siteleriniz için özel grafikler ve logolar oluşturuyor, ister müşteriler için prototipler çiziyor olun, Photoshop, zamandan ve emekten tasarruf etmenizi sağlarken harika işler üretmenize yardımcı olabilecek güçlü bir yazılım parçasıdır. Ayrıca, Photoshop'u web tasarım araç setinize eklemek, bankayı kırmak anlamına gelmez.

Photoshop'un yaygın olarak bilinmeyen güçlü bir yönü, eylem özelliğidir. Photoshop eylemleri, isteğe bağlı olarak oynatma için bir dizi görevi kaydetmenize olanak tanır. Bu, Photoshop eylemlerini düzenli olarak gerçekleştirdiğiniz tekrarlayan veya karmaşık görevleri otomatikleştirmek için mükemmel hale getirir.

Bu makalede, web tasarımcıları için iş akışınızı hızlandırmaya yardımcı olacak son derece yararlı 10 Photoshop eylemini paylaşmadan önce, Photoshop'un bu güçlü özelliğine kısa bir girişle başlayacağız.

Photoshop Eylemleri Nelerdir?

Web Tasarımcıları için Photoshop Eylemleri Eylem Örneği

Photoshop eylemleri, kaydedilmiş bir dizi adım veya eylemdir.

Photoshop eylemleri en iyi, Photoshop'ta gerçekleştirilen ve bir eylem dosyası olarak kaydedilen ve kaydedilen bir dizi eylem veya adım olarak tanımlanır. Bu eylem dizileri, Photoshop'ta yapabileceğiniz her şeyi içerebilir.

Bu, belirli boyutlara sahip yeni belgeler oluşturmayı, bir görüntüyü yeniden boyutlandırmayı, şekil çizmeyi, filtreleri uygulamayı, bir tel çerçeve çizmeyi ve bir dosyayı bilgisayarınızdaki belirli bir klasöre kaydetmeyi içerebilir.

Web Tasarımcıları için Photoshop Eylemleri Izgara Düzeni

Bu eylem, web tasarımcılarının yararlı bulacağı bir ızgara düzeni oluşturdu

Bir eylem kaydedildikten sonra, herhangi bir zamanda oynatılabilir. Photoshop eylemleri yalnızca birkaç veya daha fazla adım içerebileceğinden, size çok fazla zaman ve emek kazandırma potansiyeline sahiptir. Ayrıca, bir fotoğrafı optimize etme, belirli bir efekt uygulama veya yeni bir Photoshop dosyasında bir tel kafes düzeni oluşturma gibi belirli dizileri ezberleme ihtiyacından kaçınmanın iyi bir yolu olabilirler.

Bu eylem dosyaları Photoshop yazılımına kolayca dışa ve içe aktarılabildiğinden, kullanıcılar arasında paylaşım için mükemmeldir. Bu, bir düğmeye dokunarak oynatabileceğiniz zaman kazandıran bir süreç kitaplığı oluşturmanıza yardımcı olur.

Eylemler, Photoshop'ta daha gelişmiş teknikleri öğrenmenin harika bir yolu olabilir. Bir eylemi oluşturan adımları tek tek görüntüleyebildiğiniz için, bu bazen ezici yazılım parçasıyla belirli bir etki yaratmanın ne anlama geldiğini öğrenebilirsiniz.

Tüm Photoshop kullanıcıları kendi eylemlerini oluşturmakta ve dağıtmakta özgürdür. Bu, internetten ücretsiz indirilebilir dosyalar olarak birçok yararlı eylemin mevcut olduğu anlamına gelir. Ayrıca, diğerlerinin görüntülerine daha gelişmiş efektler uygulamasına veya çalışırken daha fazla zaman kazanmasına yardımcı olmak için uzman kullanıcılar tarafından oluşturulmuş birçok ticari Photoshop eylemi vardır.

Artık Photoshop eylemlerinin faydalarının farkındasınız, web tasarımcıları için daha akıllı çalışmanıza yardımcı olabilecek 10 Photoshop eylemini incelemeden önce bunları nasıl kullanacağınızı öğrenelim.

Kendi Photoshop Eylemlerinizi Nasıl Oluşturabilirsiniz?

Photoshop'u zaten düzenli olarak kullanıyorsanız, muhtemelen her zaman tekrarladığınız bir avuç görev vardır. Pekala, her seferinde onları adım adım tekrarlamak yerine, onları eylem olarak kaydedebilir ve ardından tek bir tıklama ile tamamlayabilirsiniz.

Örneğin, blog gönderileriniz veya sayfalarınız için resim öğelerine her zaman belirli resim kırpma ve/veya boyutlandırma uyguladığınızı varsayalım.

Bunları eylem olarak nasıl kaydedeceğiniz aşağıda açıklanmıştır:

İlk önce Pencere > Eylemler'e gidin. Yeni bir kontrol paneli görünecektir.

photoshop-eylemler-paneli

“Yeni eylem oluştur” simgesine (çöp kutusu simgesinin yanında) tıklayın ve bir iletişim kutusu görünecektir.

photoshop-eylemler-kayıt-diyalog-kutusu

Eyleminizi adlandırabilecek ve yeni veya mevcut bir eylem grubuna atayabileceksiniz. Hazır olduğunuzda, "kaydet"i tıklayın ve otomatikleştirmek istediğiniz adımları gözden geçirin.

İstediğiniz adımları tamamladığınızda, eylemler panelindeki kırmızı “kayıt” simgesinin yanındaki “dur” düğmesine tıklayın.

durdur-kayıt-oynat-simgeleri

Artık yeni bir işleminiz var. Az önce kaydettiğiniz adımlar ne olursa olsun (görüntülerinizi yeniden boyutlandırıyor, filtreler, efektler veya başka bir şey uyguluyorlar olsun), artık eylemi seçip "oynat" simgesini tıklayarak bunları başka bir görüntüye uygulayabilirsiniz.

Önceden Yapılmış Photoshop Eylemleri Nasıl Kullanılır

Belirtildiği gibi, Photoshop eylemleri, Photoshop'ta ve Photoshop'ta içe ve dışa aktarılabilen ayrı dosyalar olarak mevcuttur.

Web Tasarımcıları için Photoshop Eylemleri Eylem Dosya Gezgini

Photoshop eylem dosyaları .atn uzantısına sahiptir

Photoshop eylem dosyalarını internetten indiriyorsanız, bunlar genellikle WinRAR gibi bir uygulamayla açılabilen bir zip dosyasına arşivlenir. Eylem dosyasını açmak için arşivi çıkardıktan sonra, onu Photoshop'a eklemek için birkaç seçeneğiniz vardır:

  • Photoshop'a aktarmak için eylem dosyasına çift tıklayın
  • Eylem dosyasını bilgisayarınızdaki Photoshop Eylemleri klasörüne kopyalayın
  • Eylemler dosyasını Photoshop'taki Eylemler paneline sürükleyip bırakın
Web Tasarımcıları için Photoshop Eylemleri Eylem Klasörü

Photoshop Actions klasörünün konumu işletim sisteminden işletim sistemine değişebilir

Photoshop, başlamanıza yardımcı olacak birkaç eylem içerir ve bir veya daha fazla ek eylemi içe aktardıktan sonra bunlar Eylemler panelinde listelenir. Bu panel, Photoshop'ta Windows menüsüne tıklanarak ve ardından listeden Eylemler seçilerek görüntülenebilir.

Web Tasarımcıları için Photoshop Eylemleri Eylem Paneli

Photoshop Eylemleri kendi pencerelerinde görüntülenir

Bir eylemi oynatmak söz konusu olduğunda, eylem kitaplığınızdan uygun öğeyi seçip oynat düğmesine basmanız yeterlidir. Ardından, sanki birisi bilgisayarınızın kontrolünü ele geçirmiş gibi işlem adımları gerçekleştirilecektir (endişelenmeyin, almamıştır!).

Ayrıca, bir eylemi oluşturan adımlardan herhangi birini görüntülemekte ve düzenlemekte özgürsünüz. Bu size, ihtiyaçlarınızı daha iyi karşılamak için bunları değiştirme seçeneği sunar. Bir eylemin adımlarını tek tek gözden geçirmek, Photoshop'ta belirli bir efekt oluşturmak için neyin gerekli olduğunu öğrenmenize de yardımcı olabilir.

Kendi eylemlerinizi oluşturmak istiyorsanız, Eylemler penceresindeki Kaydet düğmesine tıklamanız ve yeniden kullanılabilir bir eylem olarak kaydetmek istediğiniz adımları gerçekleştirmeniz yeterlidir.

Web Tasarımcıları için Önceden Yapılmış 10 Delicesine Kullanışlı Photoshop Eylemi

Artık Photoshop eylemlerinin ne olduğunu ve bunları neden kullanmanız gerektiğini bildiğinize göre, web tasarımcılarının daha az çabayla daha fazlasını yapmanıza yardımcı olacak 10 Photoshop eylemine bir göz atalım.

1) 1170 Izgara Sistemi PS Eylemi

Web Tasarımcıları için Photoshop Eylemleri Izgara Düzeni

Belgenize bir ızgara düzeni eklemek için bu kullanışlı eylemi kullanın

Pixel Industry'nin bu eylemi, Photoshop'ta web tasarım eskizlerinizde size yardımcı olacak 12 sütunlu ızgara düzeniyle 1200 piksel genişliğinde bir belge oluşturacaktır.

Fiyat: ücretsiz | Daha fazla bilgi

2) Önyükleme Izgara Sistemi Photoshop Eylemi – 1170px

Web Tasarımcıları için Photoshop Eylemleri Bootstrap

Bu eylemle Bootstrap düzeninizi başlatın

Bu, web sayfası tasarımlarınız için hızlı bir şekilde bir ızgara düzeni oluşturan başka bir ücretsiz eylemdir. Bu sefer eylem, 1600 piksel genişliğinde ve bir Bootstrap ızgara düzeni içeren bir belge oluşturur – bu popüler duyarlı çerçeve için tasarım yapan herkes için mükemmel.

Fiyat: ücretsiz | Daha fazla bilgi

3) Lorem Ipsum Photoshop Eylemleri

Photoshop Lorem Ipsum Eylemi

Web sayfası düzenlerinize bir dizi yapay metin ekleyin

Bu ücretsiz eylem, Photoshop belgelerinize yapay metin eklemeyi çok kolaylaştırır. Şimdi, web tasarım maketlerinizi başlıklar, gövde metni, birden çok kelime sütunu ve hatta sahte bir belgenin tamamıyla doldurmak istiyorsanız, bu eylem size birçok seçenek sunar.

Fiyat: ücretsiz | Daha fazla bilgi

4) Uzun Gölge Oluşturucu Photoshop Eylemi

Web Tasarımcıları için Photoshop Eylemleri Uzun Gölge

Sadece birkaç tıklamayla bu en son web tasarım trendine katılın

Son zamanların en popüler tasarım trendlerinden biri olan uzun gölgeleri çalışmanıza anında uygulamak ister misiniz? O zaman Web3Canvas'tan indirilebilen bu ücretsiz Photoshop eylemi harika bir zaman tasarrufu sağlar.

Bu paket, işinize 45 veya 120 derecelik uzun gölgeler katacak dört eylem içerir. Oynatma başladığında, bu web tasarımcısı dostu Photoshop eyleminin size ne kadar zaman ve emek kazandırdığını hemen göreceksiniz.

Fiyat: ücretsiz | Daha fazla bilgi

5) İzometrik 3D Perspektif Mockup Photoshop Eylemi

Web Tasarımcıları için Photoshop Eylemleri 3D İzometrik

Ekran görüntülerinize ve maketlerinize hızlı bir 3D izometrik makyaj yapın

Ürünlerinizin ekran görüntüleri ve portföyünüzdeki öğeler gibi popüler izometrik 3D perspektifini resimlerinize uygulamanın hızlı ve kolay bir yolunu istiyorsanız, bu ücretsiz Photoshop eylemi tam size göre.

Aksiyonu çalıştırırken, seçim yapabileceğiniz dört tür 3B derinlik ve iki açı elde edersiniz. Bu, maketlerinizin nasıl dönüştürüleceği konusunda size iyi seçenekler sunar. Daha fazla izometrik Photoshop eylemi için bu etkileyici premium paketi kontrol ettiğinizden emin olun.

Fiyat: ücretsiz | Daha fazla bilgi

6) Yeniden Gözden Geçirin

Görüntülerinizin daha büyük Retina'ya hazır sürümlerini hızla oluşturun

Görüntülerinizin daha büyük Retina'ya hazır sürümlerini hızla oluşturun

Bu basit ama etkili Photoshop eylemi, görüntülerinizi hızlı bir şekilde Retina ekranlara hazırlayacaktır. Paketteki hangi eylemi çalıştırdığınıza bağlı olarak, orijinal boyutun %100'ü, %200'ü ve %300'ü oranında optimize edilmiş bir, iki veya üç görüntü elde edersiniz.

Fiyat: ücretsiz | Daha fazla bilgi

7) Vintage Retro Metin Koleksiyonu 7

Bir düğmeye dokunarak şık metin tabanlı logolar oluşturun

Bir düğmeye dokunarak şık metin tabanlı logolar oluşturun

Projeniz için bir logo tasarımına ihtiyacınız varsa, bu 10 eski ve retro metin eylemi seti size bolca ilham verecektir. Her eylem, metninizi aksi takdirde ciddi tasarım ayrıntıları gerektirecek şekilde dönüştürecektir.

Daha fazla metin efekti Photoshop Eylemleri ile ilgileniyorsanız, Graphic River pazarında çok daha fazlasını bulabilirsiniz.

Fiyat: 5 $ | Daha fazla bilgi

8) Masaüstü Ekran Görüntüsü Eylemi

Profesyonel ekran görüntüleri oluşturmak, oynat'ı tıklamak kadar kolaydır

Profesyonel ekran görüntüleri oluşturmak, oynat'ı tıklamak kadar kolaydır

Masaüstü Ekran Görüntüsü Eylemi, dikkat çekici ekran görüntülerini yayınlamanın başka bir yolunu sunar. İster portföyünüz için web tasarım çalışmanızın ekran görüntülerini yayınlıyor olun, ister en son temanız için bir satış sayfası oluşturuyor olun, bu eylem, resimlerinizi profesyonelce sunma sürecini olabildiğince kolaylaştırır.

Bu paket, bu efekti oluşturmak için ihtiyaç duyacağınız PSD dosyaları ve katmanlarının yanı sıra beş farklı eylem içerir.

Fiyat: 5 $ | Daha fazla bilgi

9) 188 Eylem Nihai Paket

Bu 188 parçalık paketle Photoshop Actions kitaplığınızı yükseltin

Bu 188 parçalık paketle Photoshop Actions kitaplığınızı yükseltin

Bu eylem paketi ücretsiz olmasa da, logolarınız ve diğer web sitesi içeriğiniz için çok çeşitli grafikler ve efektler oluşturmanıza olanak tanıyan etkileyici 188 öğe içerir.

Bu eylemlerin ekran görüntülerini geliştiricinin sayfasında görüntüleyebilirsiniz, ancak bu eylemlerin eski filtreler, retro eylemler, HDR ön ayarları ve diğer fotoğraf efektleri dahil olmak üzere çok çeşitli stilleri ve eğilimleri kapsadığını söylemek güvenlidir. Ayrıca, iyi bir ölçüm için atılmış bir Facebook zaman çizelgesi kapakları koleksiyonu da bulacaksınız.

Fiyat: 34 $ | Daha fazla bilgi

10) Photoshop Tarayıcı Kullanıcı Arayüzü Eylemi

Resimlerinize minimal bir düz tarayıcı kullanıcı arayüzü ekleyin

Resimlerinize minimal bir düz tarayıcı kullanıcı arayüzü ekleyin

Bu eylem, çalışmanıza minimal bir düz tarayıcı kullanıcı arayüzü ekleyerek, ekran görüntülerinize biraz daha fazla destek vermek için mükemmel bir seçimdir.

Fiyat: ücretsiz | Daha fazla bilgi

Web Tasarımcıları için Daha Fazla Photoshop Eylemi Nerede Bulunur?

Web Tasarımcıları için Photoshop Eylemleri Daha Fazla

Photoshop eylemleriyle resimlerinizi eskizlere dönüştürün

Photoshop eylemlerini ne kadar çok ararsanız, o kadar fazlasını bulacaksınız. Çoğu, çalışmalarına profesyonel bir dokunuş kazandırmanın bir yolunu arayan fotoğrafçılara yönelik olsa da, web tasarımcılarının bulunması gereken birkaç eylem var.

Web tasarımcılarının yararlı bulacağı Photoshop eylemlerini arayabileceğiniz bazı yerler:

  • Adobe, Photoshop için bir eylem kitaplığı barındırır
  • Brusheezy, Photoshop için önceden kaydedilmiş iyi bir komut seçimine sahiptir
  • Creative Market, her tür proje için çok çeşitli Photoshop eylemleri satar
  • Graphic River'ın sadece 2 dolardan başlayan 6.000'den fazla ticari işlemi var
  • Shutter Pulse, fotoğrafçılar için birçok profesyonel eylem sunar

Photoshop Eylemleri Üzerine Son Düşünceler

Umarım bu makale size Photoshop eylemlerinin potansiyelini tanıtmıştır ya da web tasarım cephaneliğiniz için size daha fazla araç vermiştir. Kendi eylemlerinizi oluşturmak veya bunları indirmek, web tasarımı iş akışınızı hızlandırmanın ve her gün yaptığınız sıkıcı görevleri otomatikleştirmenin harika bir yoludur.

Photoshop eylemleri zamandan tasarruf etmenize ve daha verimli çalışmanıza nasıl yardımcı olacak? Yorumlarınızı aşağıya paylaşın.

Makale küçük resmi jiunn / Shutterstock.com

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir