| | devamını göster..

| | devamını gizle..

Photoshop web tasarım ile uğraşan insanların en çok tercih ettiği, yetenekli araçlarıdır. Ona alışan vazgeçemediği gibi bilmeyenler de hemen başlayıp öğrenmek isterler. Ben de kendi bilgilerimle zaman zaman masaüstü desenleri, enteresan şekiller oluşturmaya çalışıyorum. Kendi çapımda bunu başarıyorum da. Birkaç gündür bilgilendirici makale yazamamıştım. Hem o boşluğu doldurmak hem de basit bir masaüstü deseninin nasıl oluşturabileceğimizi görmenizi istedim.

Önce kısaca Photoshop tekniklerinden bahsedelim. Yaptığınız her farklı işlem için mutlaka yeni katman oluşturun. Bu hem hata yaptığınızda kolayca düzeltmenizi sağlayacak hem de daha güzel efektler meydana getirmenize izin verecektir. Onun için bol bol katman oluşturun " class="wp-smiley"> .

Şimdi gelelim asıl konumuza. Photoshop’da seçili alanı doldurmak için kullandığımız desenleri “pattern” olarak biliyoruz.”Pattern” sayesinde fazla zaman harcamadım diyebilirim. Sadece 2,5 dk.’da hazır. Öncelikle bizim için gerekli olan dolgu çizgilerini şuradan indiriyoruz. Bu dolgu çizgileri çapraz ve kalın. Aynı zamanda incelerini de internetten bulabilirsiniz. indirdiğimiz zipli dosyanın içindeki deseni “C:\Program Files\Adobe\Adobe Photoshop CS2\Presets\Patterns” dizinine kopyalıyoruz. Şimdi masaüstü boyuumuza göre yeni bir çalışma sayfası açıyoruz Photoshop içinde. Benimki 1024X768 boyutlarında. Şimdi ilk yapmanız gereken şey çalışma sayfasını istediğiniz bir renge boyamak. Bunu gerçekleştirdikten sonra hemen yeni bir katman oluşturuyoruz (New Layer). Yeni oluşturduğumuz katman aktifken sırası ile “Select/All” yolunu izliyoruz ve sayfanın tamamını seçtirmiş oluyoruz. Bunu da yaptığımıza göre artık dolgu yapmanın vakti gelmiş demektir. Bunun için “Edit/Fill” diyoruz. Karşımıza şuradaki gibi küçük bir pencere çıktı. Burada “Useattern” olmalıdır. Sonra da altında desenlerimiz görünecektir. Tabi ki yeni eklediklerimiz değil, eski varolanlar. indirdiğimiz deseni tanımlamak için bu ekrandaki küçük ok işaretine tıklıyoruz ve açılan menuden “Load Patterns” komutunu veriyoruz. Sonrada indirdiğimiz deseni seçiyoruz. Bu işlemden sonra yeni deseninizin öncekilerin yanına eklendiğini göreceksiniz. Desenimizi de tanımladığımıza göre kaldığımız yerden resmimize devam edebiliriz.

Şimdi yeni eklenen desenlerden istediğimizi seçelim renk olarak. Tabi arkaplan rengine de uyumlu olması şart " class="wp-smiley"> . Rengi seçip “OK” butonuna basıyoruz ve desenin seçtiğimiz alana yani sayfanın tamamına nakşedildiğini görüyoruz. Hmm şimdi birazcık birşeylere benzemeye başladı. Tabi desen muhakkak istediğiniz renk/beyaz olarak görünecektir. Şimdi biz görünürlüğü de birazcık azaltıp ilk seçtiğimiz arkaplan ile uyumlu hale getirmeye çalışacağız. Bunun için “Layer” penceresinde “pattern” uygulattığımız katmanın “Opacity” değerini düşürüyoruz. Mesela seçtiğiniz dolgu rengi arkaplan renginize yakınsa %20′lik bir değer hoş olacaktır. Tabi sırıtırsa azaltıp çoğaltabilirsiniz " class="wp-smiley"> .

Desenimiz artık hazır. Yani temelini attık. Süslemesi de size kalmış artık. Yazılar yazarak, kelebekler koyarak birazcık daha janjanlı hale getirebilirsiniz. Aynen anlattıklarım doğrultusunda benim oluşturduğum resme aşağıdaki linkden ulaşabilirsiniz.

Resme Işınlan

PSD olarak indir

H-Yaman'dan Alıntıdır

| | yorumları okumak veya yorum yazmak için tıklayın..

| | devamını göster..

| | devamını gizle..

Artık her türlü programın internete taşındığını görebiliyoruz. işletim sistemleri, ofis yazılımları, graafik yazılımları… Bunlar oldukça da işlerimiz kolaylaşıyor. Herhangibir yere gittiğimizde o programı bu programı aramak yerine internet tabanlı programımızı kullanıp hem zamandan tasarruf etmiş oluyoruz hem de teknolojiyi kullanmış oluyoruz. Bu makalemizde ise bir grafik düzenleme-oluşturma programını inceleyeceğiz. Tabi ki internet tabanlı bir program. Programın alt yapısında Flash kullanılmış ki çok başarılı olmuş. Program katmanlarla yani “layer” ile çalışmanıza izin veriyor. Çeşitli efektleri içinde barındırıyor. Daha birçok özelliği bulunan bu programı daha detaylı inceleyelim.

Fauxto isimli programa şuradan ulaştıktan sonra sayfanın yüklenmesini bekliyoruz. Yüklenme işlmenin ardından aynı diğer grafik editörlerinin arayüzüne benzeyen bir ekran karşımıza çıkıyor.ilk önce yukarıda menüler, sol tarafta çizim, seçim, kesim, boyama işlemlerini yapmamızı sağlayan araç çubuğu, ortada çalışma sayfası, altında seçili olan araç ile ilgili özellikleri, sağ tarafta resim özellikleri altında renk paleti onun altında da layer yani katmanlar penceresi bulunuyor.

ilk önce menülerden “File” ile başlayalım. File menüsü altındaki “New” yeni bir çalışma alanı açmanızı sağlar. Bu komutdan sonra ekrana ufak bir pencere geliyor ve burada çalışma alanımızın enini ve boyunu değerlendirmemizi sağlıyor. “Open” komutunda bilgisayarımızdan istediğimiz dosyayı açıp düzenlememize imkan sağlıyor. “Open Remote” komutu ise internet adresini girdiğiniz bir resmi açıyor. Yapmanız gereken adres ile ilgili kısma resmin linkini yazmanız. “Save” kaydetme, “Close” ile de çıkış işlemlerini yapabiliyorsunuz. ikinci menuden yani “image” menüsünden resmi boyutlandırma, renk ayarını düzenleme, kırpma işlemlerini yapabiliyorsunuz. “Layer” menüsü katmanları yönetmenize imkan veren menüdür. “Filter” menüsünde ise resme uygulayabileceğiniz efektleri barındırıyor.

Sol taraftaki araç çubuğu resme uygulayacağınız işleme uygun olan araçları barındırıyor. Örneğin boyama işlmei yapacaksanız fırçayı alabiliyorsunuz, gradient boyama için gradient aracını seçiyorsunuz.Sağ taraftaki renk paletinden ise istediğiniz çalışmak istediğiniz rengi seçebiliyorsunuz. Ayrıca renk paleti seçtiğiniz rengin kodunu da verdiği için css ya da html ile çalışırken size kolaylık sağlayabilir. Layer penceresinde ise katman ekleyip, çıkarabiliyoruz. Katmanların yerlerini değiştirebiliyoruz. Yani bilgisayarımızda kurulu bir grafik programında katmanları nasıl yönetiyorsak burada da aynı işlemi yapabiliyoruz.

Gördüğünüz gibi internetin ucu bucağı yok. Hergün yeni bir site, servis açılıyor bizlerin hizmetine. Şöyle bakıyorum da bazen internet eskiden neydi şimdi ne? Eskiden sadece bir lükstü ama şimdi bağımlılık yapan bambaşka bir gezegen " class="wp-smiley"> .

Fauxto’ya ışınlan

| | yorumları okumak veya yorum yazmak için tıklayın..

| | devamını göster..

| | devamını gizle..

Birçok alanda kullandığımız resimleri bazen yeniden boyutlandırma işlemi işkenceye dönüşebiliyor. Örneğin internet üzerindeki albümlere yükleme yaparken dijital kameradan çektiğimiz fotoğrafları direkt atmak akıl karı olmuyor. Çünkü resim ebatları çok büyük oluyor. Onun yerine resimleri biraz daha küçülterek yüklemek daha mantıklı oluyor. Fakat bu nokta da karşımıza resimleri boyutlandırma problemi çıkıyor. Photoshop ya da diğer programlarda tek tek boyutlandırmaya kalkıştığımızdaysa saatlerimizi çöpe atmış oluyoruz. bunun yerine piyasada toplu olarak resimlerinizi boyutlandırabileceğiniz birçok program mevcut. Fakat Photoshop varken başka programları kullanmaya ne gerek var? Yazımızın ilerleyen bölümlerinde Photoshop ile birden çok resmi hızlı bir şekilde, zahmetsizce nasıl boyutlandıracağımızı hep birlikte göreceğiz.

işleme ilk olarak Photoshop programını açıp Windows menüsünden Actions penceresini göstertmekle başlıyoruz. Actions, bize resimleri yeniden boyutlandırmada asıl yardımı yapacak olan araç. Sonrasında ise herhangibir resmi açıyoruz. Action penceresinin alt kısmında bulunan New Actions butonuna basıyoruz. Karşımıza çıkan pencereden sadece Name kısmının karşısına resize yazıyor ve Record butonuna basıyoruz. Şimdi yapacağımız işlemler kayda alınacak ve tek resim için uygulacağımız işlemleri daha sonra diğer dosyalara da uygulamak üzere kullanılacak. Sonrasında ise sırası ile Image/Image Size yolunu kullanıyoruz. Açılan pencereden resimleri hangi boyutlara getirmek istiyorsak o değerleri giriyoruz. Burada dikkat edeceğimiz nokta ise aynı boyutun diğer dosyalar için de kullanılacak olmasıdır. Yani buraya hangi değerleri girersek (yükseklik ve genişlik) toplu boyutlandırma esnasında da aynı değerler kullanılacak. istediğimiz değerleri verdikten sonra Actions penceresinin alt kısmından stop düğmesine basıyoruz ve resmi kapatıyoruz.

Artık resimlere uygulayacağımız işlemi oluşturduk ve sıra bu işlemleri resimlerimize nasıl uygulayacağımıza geldi. Bu kısımda ise toplu boyutlandırmayı gerçekleştireceğiz. Bunun için sırası ile File/Automate/Batch youlunu kullanıyoruz. Batch penceresinde ise Set kısmınnı değiştrimeden Action kısmından az önce oluşturduğumuz resize seçenğini seçiyoruz. Hemen bu kısmın altında source kısmını “folder” olarak seçiyoruz. Bu seçimimizin sebebi bir klasöre komple etki etmektir. Ve bundan sonra “choose” butonundan yeniden boyutlandırılmasını istediğimiz resimlerin bulunduğu dizini seçiyoruz. Destination kısmında da yine “folder” seçenği işaretli bulunmalı. Bu da yeniden boyutlandırılan dosyaları nereye kaydedileceğini gösterir. Yine Choose butonuna basarak kaydetmek istediğimiz konumu seçiyoruz. Ayarlarımızı yaptıktan sonra da “ok” butonuna basarak boyutlandırma işlemine başlıyoruz. Her resim boyutlandırılırken size resim kalitesi ile ilgili bir pencere sunacaktır. istediğiniz kaliteyi seçip “ok” butonuna basıyorsunuz. işin en kolay kısmı zaten bu.

Yapması ilk bakışta belki karmaşık görünebilir fakat bir defa yaptıktan sonra çok basit geliyor " class="wp-smiley"> istediğiniz boyutlarda ayrı ayrı Action tanımlayıp kaydettiğiniz zaman ileride büyük faydasını göreceksiniz. Eğer işlem ile ilgili takıldığınızbir nokta olursa yorumlarda çekinmeden belirtebilirsiniz " class="wp-smiley">

| | yorumları okumak veya yorum yazmak için tıklayın..

| | devamını göster..

| | devamını gizle..

Grafik ile az da olsa uğraşan herkes Photoshop’u bir defa bile olsa mutlaka kullanmıştır. Eğer benim gibi devamlı kullanan biriyseniz “brush” yani fırçaları da mutlaka kullanmışsınızdır. Fırçalar az zamanda mükemmel işler çıkarmamızı sağlıyor. Duvar kağıtlarında, web çizimlerinde her yerde lazım oluyor. Bir de son zamanlarda moda haline gelen kıvrımlı kenar süsleri var, bunlar da elbette fırça. Illustrator bilginiz varsa o kısmını bilemem ama benim olmadığı için mecburen fırçalar en büyük yardımcım oluyor. Yazının devamında derlediğim 30 fırça kaynağına hep birlikte bakalım.

Fırçaları kullanmak için; indirdiğiniz fırçayı (zipden kurtardıktan sonra ortaya çıkan .abr uzantılı dosyayı” Photoshop programının kaynak klasörü içinde bulunan Presets/Brushes dizini altına kopyalıyoruz. Daha sonra Photoshop içinde fırça aracını seçtikten sonra fırça desenlerinin olduğu palete tıklıyoruz. Sağ üst köşedeki ufak ok işaretine tıkladıktan sonra açılan menüden “load brush” deyip yüklüyoruz.

1. PS Brushes: Kategorilere göre
2. 100 tane HDR fırça
3. Brusheezy: Kategorilere göre
4. Bedava fırçalar
5. GetBrushes: Kategorilere göre
6. Photoshopsuppor
7. HDR Fırçalar Bölüm-1
8. MyPhotoshop Brushes: Kategoriye göre
9. 500ml: Kategoriye göre
10. Luxa: Kategoriye göre
11. Vector Art: Vektörel
12. Inobscuro
13. R0man
14. Deviantart
15. 8Nero
16. PSBrushes:Kategoriye göre
17. Designfruit-Jason Gaylor
18. Chez Plumeau: Kategoriye göre
19. Techzilo:En iyi 40 PS Fırça Paketi
    
20. Hawksmont Universe
21. Magurno
22. Adamwoodhouse*
23. Designus
24. HDR Fırçalar Bölüm-2
25. Pixelmoonstudio
26. Celestial Star
27. PSbrush:Kategoriye göre
28. Graphicxtras
29. 100X100 Brushes
30. 22Pixel

| | yorumları okumak veya yorum yazmak için tıklayın..

| | devamını göster..

| | devamını gizle..

Birçoğumuz Photohsop’daki fırçalarla yeri gelince haşır neşir oluyoruz. PS içindeki fırça mantığı el hareketleri değil belli bir kalıbı çalışmaya basmaktır. Sanki bir mühürü andırır, el hareketleri devre dışı bırakır. Ancak birçok çalışmamızda bu fırçaların ya da desenlerin devamlılığı gerekiyor. Üstelik bazı kısmlarda el hareketleriyle yönlendirmemiz gerekiyor. Bunu illustrator’da yapabiliyoruz ancak o da başlangıç seviyesini biraz geçiyor. Biraz daha fazla bilgi gerektiriyor ve daha zahmetli. Anca şimdi tanıtacağım araçta durumlar tamamen değişiyor.

Livebrush adındaki aracımız Adobe Air tabanlı. Hem fazla yer kaplamıyor hem de bilgisayar performansını fazla zorlamıyor. Tabi bu sistem gereksinimlerini ilgilendiriyor. Bizi asıl ilgilendiren kısmı kullanım kolaylığı.

Araç içinde bulunan hazır fırçalar yardımıyla bizim belirleyeceğimiz bir arkaplana desenler oluşturuyoruz. Desen oluştururken daha doğrusu desenleri çizerken araç el hareketlerimizi izliyor ve bu sayede istediğimiz gibi kıvrım verebiliyoruz. İstediğimiz noktaları istediğimiz şekilde düzenleyebiliyoruz. Photoshop’un fırçasına göre tamamen canlı bir fırça.

Kendi belirlediğimiz desenleri kaydedebiliyoruz. Dışarıdan fırça alabiliyoruz. Çalışmalarımızı dışarı aktarma veya dışarıdan içeri bilgi çekme gibi birçok özelliği mevcut.

Çiçek, desen, sayfa kenarı ve daha aklımıza gelecek heşeyi yapabileceğimiz bir araç. Özellikle kıvrım yaparken çok kolaylık sağlıyorResim işleme araçlarında kalem ya da serbest araç çok hassas olduğu için istediğimiz kıvrımı vermekte zorlanırken Livebrush’da kıvrımlarda çok estetik sonuçlar ortaya koyabiliyoruz. Aracın çizim yaparken en  hoşuma giden özelliği ise gızlı geçtiğimiz bölgeleri daha seyrek yavaş geçtiğimiz bölgeleri daha sık dokuyabilmesi. Bu hem çok kullanışlı kılıyor hem de güzelliğine güzellik katıyor.

Araç ücretsiz olarak indirme sayfasından elde edilebiliyor. Ben kendim bir deneme çizdim. Elbette çok daha güzel şeyler ortaya çıkarılabilir.

| | yorumları okumak veya yorum yazmak için tıklayın..