Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Vào ngày 25/11/2018 sắp tới đây sẽ diễn ra 1 buổi offline cả 4 miền Bắc - Trung - Nam - Tây nhân dịp Việt Designer tròn 7 tuổi với rất nhiều quà từ nhà tài trợ, dự là sẽ rất hấp dẫn. Chi tiết về buổi offline và cách thức đăng ký click xem tại đây nhé!
    Loại bỏ thông báo

[English Tut] Hướng dẫn làm ảnh theo phong cách Obama Hope Posters

Chủ đề thuộc danh mục 'English tutorial' được đăng bởi Phạm Hữu Dư, 15/9/12.

Lượt xem: 17,136

  1. Phạm Hữu Dư phamhuudu.com

    Mới có 1 bạn hỏi trên diễn đàn bài tutorial về làm poster kiểu Obama, thật ra cái này đã có lâu và thấy nhiều rồi, hôm nay mình post trên diễn đàn để các bạn tiện theo dõi, tutorial tiếng Anh chưa qua translate, vừa học tut vừa nâng cao trình độ tiếng Anh nhé :)

    [​IMG]
    Bức ảnh poster Obama mà bạn trên kia đề cập!​
    Ở bài tutorial này sử dụng 1 nhân vật khác, nhưng cách làm thì y chang! READY???

    This tutorial is inspired by Sheppard Fairey’s famous political poster series for the Obama campaign in the US. We’ll be showing you how to create this style of design. We’ll start with basic image editing techniques in Photoshop to get our guide layers setup, and then we’ll jump into Illustrator. You don’t need any fancy equipment to do this. I used an older mouse that still has the rubber ball.


    Republished Tutorial
    Every few weeks, we revisit some of our reader's favorite posts from throughout the history of the site. This tutorial was first published in January of 2008.
    Editor’s Note: Vectortuts does not endorse any particular political belief in the publishing of this tutorial. Rather, this tutorial is focused on demonstrating a workflow for creating this interesting aesthetic effect.

    Color Palette

    Here is the color palette we’ll be using for this tutorial. There are four colors and a pattern. We’ll be using a mix of beige and light blue colors.
    [​IMG]

    Step 1

    For this effect it is best to have a portrait style picture, preferably of a subject that appears to be thinking, or looking off into the distance. I used this photo from iStockphoto.
    [​IMG]

    Step 2

    Once you have your image, you need to Open it in Photoshop and Crop it appropriately. The top of the image should be cropped to the top of your subject’s head, and the bottom should be a bit higher than chest height. The crop should have about a 2:1 ratio.
    [​IMG]

    Step 3

    Now we need to Posterize the image. Go to Image > Adjustments > Posterize. An appropriate posterization level for the look we are going for is 5.
    [​IMG]

    Step 4

    Now we’re going to create our guide layers for use in Illustrator. Start by duplicating your posterized layer, and name this new layer “Pattern Guide.” Then go to Image > Adjustments > Threshold. We’re going to slide our Point until we get something similar to below. We want it fairly dark, but still with a small amount of detail. Also, when using Threshold, it is best to use the Peaks that you see.
    [​IMG]

    Step 5

    Save this newly created layer as “patternguide.psd,” or something similar, as you’ll need it for Illustrator.
    [​IMG]

    Step 6

    We need to repeat Step 4 and Step 5 three more times. Each time apply a lower threshold, and save each new layer. Below are the settings I used, again notice the peaks.
    [​IMG]

    Step 7

    Before we start to outline our layers, we need to create the horizontal blue line pattern. To do this create a new Illustrator document. Give it a Height and Width of 4px. Then create a rectangle filled with our light blue color (#4F919F), and cover the top half of the canvas.
    [​IMG]

    Step 8

    Cover the bottom half with a rectangle filled with beige. Then Select All (Ctrl+A), and drag this over to our Swatches Palette. Congratulations you’ve made a pattern!
    [​IMG]

    Step 9

    Now we have to save this Swatch Set so we can use it in our poster we’re about to make. In the bottom left corner of our Swatches Window we’ll select Save Swatches from the Swatches Library Menu. Name it anything you want, I used “pattern.” You can now close this document, as we won’t need it anymore.
    [​IMG]

    Step 10

    Now that we have our guides and pattern created, it is time to create a new document in Illustrator. I used a canvas size of 700px by 850px.
    [​IMG]

    Step 11

    We’re going to start with our darkest guide layer, this will be our pattern layer. We’re going to outline the layer using the Pen Tool. So to start we’re going to go to File > Place and select our first guide layer into Illustrator. If you’ve been following verbatim, this file to place is called patternguide.psd.
    [​IMG]

    Step 12

    Let’s stop for a moment and discuss the proper use of the Pen Tool in Illustrator. This is one area where Illustrator handedly trumps Photoshop, but only if you use it correctly.
    For any curve you basically have three clicks; two are anchor points, and the other is your curve point. You place your curve point at the highest point of your curve. You place the anchors at where the curve starts and ends.
    One click is all that is needed when you are creating a curve. You can then change the curve points to curves after you have done the entire shape. To convert them use the Direct Selection Tool (A) and click on the Convert Selected Anchor Points to Smooth icon.
    >[​IMG]

    Step 13

    Before we can outline our first layer, we need to load our Pattern into the Swatches Library. To do this select Other Library from the Swatches Library Menu in the Swatches window. Then load the Swatches file you saved from Step 9.
    [​IMG]

    Step 14

    Okay, so back to outlining our first layer. Create a new layer below the file you just placed into Illustrator. This layer will hold our outline. We place it below because it is easier to see what we’re outlining that way.
    Now we grab our Pen Tool, give it a Stroke of None, and a Fill of our pattern. Then start outlining all the black areas with the Pen Tool. The key is to average it out, don’t follow too closely to the guide layer. Just roughly outline, and don’t worry about our curves, as we’ll fix that after we create our outline. Note: This is the most tedious part of the process.
    [​IMG]

    Step 15

    You might have noticed that there are portions in the middle that are lighter that we just went right over with outlines. Well we’re going to fix that by outlining those using the same process. Fill those with our beige color, as shown below. We’ll do this on a new layer just above the pattern layer. After you’ve done that, you should have something similar to the following.
    [​IMG]

    Step 16

    Now we smooth out the shapes we just created. We want most of our points to be smooth, but I find it looks better if you leave a few the way they are. View the effect below from smoothing both the pattern and beige layer.
    Note: I made this image out of order and the pattern was wrong, don’t worry about the color difference.
    [​IMG]

    Step 17

    Now we just do this same thing for each layer. Roughly outlining it, then outlining the highlights with the color immediately below it, and then smoothing out our outlines. The next layer should have solid light blue, followed by red, and then finally our dark blue.
    [​IMG]

    Step 18

    Okay, you should have something like the following. The tedious part is over. Now to make it look like a poster. First we’ll put a beige filled rectangle below all these layers, this will serve as our background.
    [​IMG]

    Step 19

    Now we’ll need to put our red and light blue halves in. We’re going to do this just above the beige rectangle layer. Use the Rectangle Tool to place the two rectangles.
    [​IMG]

    Step 20

    Our poster is looking pretty good. Let’s create the space needed to add the inspiring text at the bottom. You’ll probably have to enlarge your canvas area. To do this go to File > Document Setup. I added 300px onto mine.
    [​IMG]

    Step 21

    Now extend you beige rectangle so that it covers the new length of your canvas. Then create a new rectangle filled with our dark blue color. It should be a quarter the size of main subject.
    [​IMG]

    Step 22

    Time to add our inspiring word. We’ll use light blue for the font color, and we want to change the text settings so that the word fills most of the dark blue rectangle. To change the spacing between the characters, use the Character Menu. This is available to us when we are using the Text Tool. I used the font Myriad Pro.
    >[​IMG]

    Step 23

    Almost finished, we need to clean up our borders a little bit. First, select every layer, but your beige layer. Then create a Group (Ctrl+G). Then Vertically and Horizontally Align them to the artboard.
    [​IMG]

    Step 24

    Now we’re going to clean up the edges of our poster. Cover the layers that we grouped in a rectangle of any color. Then use the Pathfinder Tool, and select Subtract Shape From Area.
    [​IMG]

    Conclusion

    Way to go, we’re done! We managed to create a really awesome effect without needing a whole lot of artistic ability. We also learned how to efficiently use the Pen Tool, and a nice way to use Photoshop and Illustrator in tandem. This is my first tutorial, so I’m sure there will be questions. Feel free to ask in the comments, and I’ll try and answer as quickly as I can. Thanks!
    [​IMG]

    Nguồn: vector.tutsplus.com
    Bổ sung thêm cái video tutorial nè!

    Teukbin, Lose Myself, ngminhtuan5 người khác thích bài viết này.
  2. lovechipx

    lovechipx Mới đăng kí

    Cho em thắc mắc cái là ở phút 4:10 trong clip. Cái bước Magic Wand trong layer 1 copy 4 không hiểu trong clip nó click làm sao mà ra được cái bước sau bước Deselect. Em click thì nó chỉ ra được bước Magic Wand click thêm 1 lần nữa thì ra bước Deselect.
  3. toanlove371

    toanlove371 Thành viên cấp 3

    bước thứ 8 tạo pattern làm thế nào vậy các bạn?
  4. Hưng Trần Văn

    Hưng Trần Văn Cựu quản trị

    Edit > Present Pattern nha bạn
    toanlove371 thích bài viết này
  5. cuongpham172

    cuongpham172 Thành viên cấp 1

    cái này đã đọc bản dịch sang t.v cơ mà vẫn chưa làm đc x_x
  6. Phạm Hữu Trường

    Phạm Hữu Trường Mới đăng kí

    mình thì mình làm theo cái video hướng dẫn.
    Nhưng mà họ dùng PTS 7. thì phải.
    Mình đang dùng CS5 nhưng mà không biết tìm cái để đổ màu ở đâu. Cái đoạn ở khoảng 5:16 ấy
    bạn nào biết chỉ cho mình với
  7. cuongpham172

    cuongpham172 Thành viên cấp 1

    nó ở phần gradient tools đó, click chuột phải ở phần đó là có mà :)
    Phạm Hữu Trường thích bài viết này
  8. henshaw

    henshaw Mới đăng kí

    Mình cũng bị tắc ở đoạn này ~~! có ai làm được không chỉ giúp mình với
  9. henshaw

    henshaw Mới đăng kí

    Mình tìm đc rồi, cậu select xong ấn Delete là được :D
    lovechipx thích bài viết này
  10. cơ mà chưa làm đẹp đc như họ.và nhiều cái tự làm theo ý hiểu chứ ngại đọc và xem video.mình làm và lấy đó làm bài tập chấm sắc độ luôn.kaka
    [​IMG]
  11. ngocphandang

    ngocphandang Thành viên cấp 1

    Làm cái này rồi cắt decal hay lắm
  12. thanhngan3388

    thanhngan3388 Banned

    Gái một con trông mòn củ ấu, trai một ấu rủ rỉ gái 1 con

Ủng hộ diễn đàn