728x90 AdSpace

  • Latest News

    9/10/2011

    Typographic Posters - Ders


    Post Pic 

     Güzel bir ders buldum. Adam o kadar ayrıntılı anlatmışki türkçeye çevirmek istemedim direk sizinle paylaşıyorum buyrun :)

    Tipografi: Yazı tipi, punto büyüklüğü, satır uzunluğu, satır arası boşluk ve benzer etkenlerin kombinasyonları ile yapılır. Harf ve yazınsal-görsel iletişime ilişkin diğer elemanların hem görsel, fonksiyonel ve sanatsal düzenlemesi hem de bu elemanlarla oluşturulan bir tasarım dili, anlayışıdır. Reklam amaçlı her faaliyette; mesajı ikna edici kılan tipografi, vazgeçilmez bir unsur olarak öne çıkmıştır.
    Tipografi dalında uzmanlaşmış bireylere Tipograf denir. Tipograflar; reklamcılık ve web tasarımı gibi görsel mesajların ağırlıklı olduğu iş kollarında görev yapmaktadırlar.






    In this tutorial, we’re going to make a typographic poster (like Grammy’s Typographic Posters) from a simple portrait using Photoshop techniques.

    Final Image Preview

    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    The described effects look nice on portraits with good contrast and light background, but you can easy adjust the contrast and make the background lighter using possibilities of Photoshop. (to make this tutorial I have used Female Stock thanks to Katanaz-Stock).

    Step 1.

    In Adobe Photoshop, open our portrait
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    and adjust the contrast Image>Adjustments>Brightness/Contrast
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4

    Step 2.

    From the Select menu, choose Color Range.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    From the Select drop-down menu in the Color Range dialog, choose Shadows and click OK.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Press Ctrl+J (MAC: Command+J ) to copy the selected shadows pixels in a new layer. Back to the Background layer in the Layers palette.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4

    Step 3.

    Use Color Range again, but now choose Midtones from the Select drop-down menu and click OK.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Press Ctrl+J (MAC: Command+J ) to copy the selected midtones pixels in a new layer.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4

    Step 4.

    Click on the shadow layer and apply Edit>Fill (Shift+Backspace (Mac: Shift+Delete)). Use Black color, with Preserve Transparency selected, and click OK.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Then, activate the midtones layer and use the Fill again with 50% Gray color. You should have a portrait made from black and gray color.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4

    Step 5.

    Click on the shadow layer and press Ctrl+E (MAC: Command+E) to Merge Down it with the midtones layer.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4

    Step 6.

    Create a new document File>New (Ctrl+N (MAC: Command+N)). Set the Foreground color to black by pressing D. Use the Type tool (T) to type different words in various fonts and sizes.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Right click to select Rasterize Type for each word
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    and from the Edit menu, choose Define Brush Preset. Give a name for each brush in the Brush Name dialog and click OK.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4

    Step 7.

    Click the Create a New Layer at the bottom of the Layers palette. Set the Foreground color to black by pressing D.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Choose Brush Tool (B) and select one of your created brushes from the Brush Picker in the Options Bar.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    In the Brushes panel(F5), click on the Brush Tip Shape. Adjust the Spacing between each word, Diameter and Angle of the brush. Paint on the new layer and feel free to experiment with the Spacing, Diameter and Angle of the brush.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Repeat with your other custom brushes.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4

    Step 8.

    Create a new layer, Press Ctrl+Backspace (MAC: Command+Delete) to fill it with white color
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    and and drag it under the layer painted with brushes
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4

    Step 9.

    Hide all the layers except the black&gray portrait layer, and then click on that layer to make it active.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Press Ctrl+A (MAC: Command+A) to Select All content of the layer and then press Ctrl+C (MAC: Command+C) to Copy.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4

    Step 10.

    Activate the layer painted with brushes, click on the Add Layer Mask at the bottom of the Layers palette to add a layer mask.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Hold Alt (MAC: Option) and click on the layer mask thumbnail.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Press Ctrl+V (MAC: Command+V) to paste the content of the black&gray portrait layer in the mask.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Press Ctrl+D (MAC: Command+D) to Deselect. Press Ctrl+I (MAC: Command+I) to Invert the mask.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4

    Step 11.

    Activate the layer painted with brushes (not the mask) by clicking on the layer thumbnail. The text will appear inside the white&gray areas
    of the mask.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Create a new layer and add more text brushes outside the mask.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4

    Step 12.

    Add a Gradient Overlay style to the layer painted with brushes by clicking on the Add a Layer Style icon (fx) at
    the bottom of the Layers palette and select Gradient Overlay.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Click on the Gradient, and select the Blue, Red, Yellow gradient in the Gradient Editor dialog box and click OK.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4

    Step 13.

    Repeat the same operation for layer with text brushes outside the mask but use Violet, Orange gradient in the Gradient Editor.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4
    That’s it! Our Typographic Portrait like Grammy’s Posters is complete.
    Make a Typographic Portrait like Grammy's Posters in Adobe Photoshop CS4

    Mehmet Ali

    Grafik tasarım konusunda bir şeyler öğrenmekte, öğrenmekte olduklarını paylaşmakta.

    Website: Mhmtalizm

    • Blogger Yorumları
    • Facebook Yorumları

    1 yorum:

    Item Reviewed: Typographic Posters - Ders Rating: 5 Reviewed By: Kirli Adam
    Scroll to Top