Difficulty: Moderately Easy
Time to Complete: About an hour
Programs Required: Illustrator, and Photoshop
In this tutorial you'll learn how to create the above design for social media sites, specifically Facebook, but you can also easily adapt this tutorial for whatever your design needs are. It's all about the dimensions.
1. In llustrator, create a new document with these specs:
Twitter: 1500px by 500px
2. Choose pen tool
3. Start creating triangles
Note: To "connect" to other triangles, start drawing a triangle from afar then join with second point.
Whew, all done! Most time consuming part...so far
4. Shade in shapes.
Think about where light would come from. Observe the lighting of the cube.
The light comes from the left area therefore the hidden face of the cube must be completely lit (near white). We see the top panel holding a slightly lesser tint, and the side even lower by just a bit. The back face, where the shadow is, darker than all of the sides but not that dark because light is still bouncing around everywhere from the powerful light source making the back visible still.
Now apply this knowledge to triangles, when thinking of the shapes as 3D prisms, jewels, or whatever - you get the idea. Three to four shades are ideal.
You'll be using the gray's in swatches (Window > swatches).
5. Export this image as a png using artboard
6. Open up this image with photoshop
7. Choose the soft brush tool
8. Create a new layer in photoshop
9. Set the layer mode to linear burn
10. Color in the layer as desired.
11. Repeat steps 8-10 twice.
Third layer - Layer mode: Soft Light Opacity:73% (or as you see fit)
Third layer - Layer mode: Soft Light Opacity:73% (or as you see fit)
This third image is what it looks like after applying blending modes to layers one, and two.
I wanted the center of attention to be in the center since I would be putting a logo there. So, the bright yellow third layer is to highlight the logo and, slogan.
Tip: If the layers seem not to blend so well each color transitions to the other then try running the blur tool around these areas.
12. Top your piece off with a logo or other artwork (type would look best imo)
That's all!
Please let me know how long it took to complete this tutorial so I can update the time in the intro, and perhaps the difficulty. Thank you!
0 comments:
Post a Comment