Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

Foxdesigner.biz
Administrador

Ver perfil do usuário
em Sab 09 Out 2010, 09:39
Creditos ao autor  Combinando vetores com píxeis em arte gráfica 497938
O tutorial contem duas partes mais é em ingles, da pra entender e tem um otimo resultado
A legenda de cada foto fica embaixo dela

Preview
 Combinando vetores com píxeis em arte gráfica Snowboarder_art

The first step on this project was to sketch out a rough plan, this idea in particular was pretty clear in my head already but a quick drawing was produced to keep as a reference.
 Combinando vetores com píxeis em arte gráfica 18
Once you have your plan and idea in mind, open up Adobe Photoshop and setup your document. Here I'm using a 300dpi CMYK A4 layout with an additional 3mm bleed just in case I decide to have it professionally printed at a later stage.
 Combinando vetores com píxeis em arte gráfica 23
Bearing in mind the bleed that the document has, set up guides to accommodate the trim area and enough margin around the edges.
 Combinando vetores com píxeis em arte gráfica 31
The main background image is of a range of snowy mountains from StockXchng, align this to the bottom of the document.
 Combinando vetores com píxeis em arte gráfica 41
Select light and dark blue areas from the picture and add a gradient to extend the sky to the top of the document.
 Combinando vetores com píxeis em arte gráfica 51
Due to the size of the document slight banding is appearing, to remedy this add a 2-3% amount of noise.
 Combinando vetores com píxeis em arte gráfica 61
After a lot of searching the main subject was also found on StockXchng, the Snowboarder image was downloaded and brought into Photoshop.
 Combinando vetores com píxeis em arte gráfica 7
Using the Pen Tool zoom right into the subject and draw an outlining path, this is probably the most time consuming method of 'cutting out' a picture but is also the most accurate.
 Combinando vetores com píxeis em arte gráfica 8
Make selections from your Paths using a half pixel feather to remove the sharp edges. Paste the Snowboarder into your main document.
 Combinando vetores com píxeis em arte gráfica 9
Now is a good opportunity to make any slight correcting adjustments such as Levels, Curves and Sharpness to match the image to it's surroundings.
Vector Shape One – Radial Lines
Swap over to Adobe Illustrator to create the first of the vector graphics. These will be a set of radial lines to sit in the background of the main artwork.
 Combinando vetores com píxeis em arte gráfica 101
Draw a rectangle on the artboard, then using the Direct Selection Tool pull together the bottom two points.
 Combinando vetores com píxeis em arte gráfica 112
Copy and Paste the shape and rotate slightly using the Rotate Tool with the pivot placed underneath the shape.
Pressing CTRL/CMD + D will repeat repeat the last action allowing you to quickly paste (CTRL/CMD + F) and rotate multiple instances by alternating between the two shortcut keys. This will eventually make up the set of radial lines as shown.
 Combinando vetores com píxeis em arte gráfica 12
Paste the radial lines into the document above the mountains layer but underneath the snowboarder.
 Combinando vetores com píxeis em arte gráfica 13
To remove the overlap over the mountains draw a clipping path with the Pen Tool following the contours of the mountain tops. Save this Path for later as we will be using it again, double click the Path in the Paths palette and enter a name.
 Combinando vetores com píxeis em arte gráfica 14
The mountains layer looks quite flat so add some funky halftone texture by duplicating the layer and going to Filter > Pixelate > Halftone.
Enter 30px minimum diameter and 45 in each of the channels.
Set this layer to Soft Light at 20%.
Make a selection from the Mountains Path and delete out the section from the halftone layer.
Vector Shape Two – Circular Blobs
Switch over to Adobe Illustrator again to create the next vector element.
 Combinando vetores com píxeis em arte gráfica 151
Draw a circle whilst holding Shift, then copy and paste this circle multiple times overlapping each to create a large blobby area.
Select all and fill with white, then paste into the Photoshop document.
 Combinando vetores com píxeis em arte gráfica 16
Make a selection from the Mountains Path once again, and delete out the area.
 Combinando vetores com píxeis em arte gráfica 17
Change the blending mode to Overlay.
Vector Shape Three – Trendy Circles
In a previous post I presented a selection of Trendy Circles for free download, head over and download the freebie and open up in Adobe Illustrator.
 Combinando vetores com píxeis em arte gráfica 181
Select a style of Trendy Circle that takes your fancy and copy the group.
 Combinando vetores com píxeis em arte gráfica 19
Paste in multiple groups of Trendy Circles to fill the area behind the snowboarder.
 Combinando vetores com píxeis em arte gráfica 20
Go to Image > Adjustments > Hue/Saturation or shortcut with CTRL/CMD + U and adjust the colour settings as shown to match the Trendy Circles with the scheme of the artwork.
 Combinando vetores com píxeis em arte gráfica 21
Add a little extra visual impact by adding a Gradient Overlay in the Layer Styles, ranging from a dark to a light blue vertically across the circles.
 Combinando vetores com píxeis em arte gráfica 221
Open up a vector splatter from the resources collection, change the fill colour to white and paste into the Photoshop document under the Trendy Circles.
 Combinando vetores com píxeis em arte gráfica 23
Repeat the Hue and Saturation adjustment to the splatter and add another gradient overlay to the layer.
Delete out the Mountains Path selection from the splatter layer.
 Combinando vetores com píxeis em arte gráfica 24
Open up the Punk Vector Pack and copy the star shape.
 Combinando vetores com píxeis em arte gráfica 25
Paste this shape into the Photoshop document multiple times and scale each star down to create a small trail behind the boarder's hand.
 Combinando vetores com píxeis em arte gráfica 26
Adjust the Hue and Saturation to add a complementing dark blue colour from the Snowboard.
Vector Shape Four – Whispy Lines
Back into Illustrator again to produce another vector element, draw a small circle on the artboard.
 Combinando vetores com píxeis em arte gráfica 27
Using the Direct Selection Tool drag the left and right points individually outwards to create the shape seen in figure 3.
With this shape still selected click the New icon in the Brushes Palette and select the New Art Brush option.
 Combinando vetores com píxeis em arte gráfica 28
Ensure the direction is running along the width of the shape in the options window.
 Combinando vetores com píxeis em arte gráfica 29
Draw a slightly curved Path and apply the new brush. Copy and paste the path and rotate it slightly and place underneath the previous.
 Combinando vetores com píxeis em arte gráfica 30
Select both of the paths and go to Object > Blend > Blend Options. Setup the Spacing to Specified Steps and enter 20. Go back into Object > Blend and select Make.
 Combinando vetores com píxeis em arte gráfica 311
Convert the shape to white and paste into the Photoshop document, position a couple flaring out from underneath the Snowboarder. Set the layer style to Soft Light.
 Combinando vetores com píxeis em arte gráfica 32
Zoom into the bottom of the Trendy Circles and draw a path following their contours, make a selection from this to delete the overlapping Whispy Lines.

2º Parte

So far the design will look a little something like this:
 Combinando vetores com píxeis em arte gráfica 311
The added vector elements are really starting to add to the composition, let’s continue creating a few more…
Vector Shape Five – Curly Lines
 Combinando vetores com píxeis em arte gráfica 33
Switch back to Illustrator again to draw a Spiral on the artboard, use the cursor keys to adjust the amount of spiraling.
Use the Direct Selection Point to drag the end point of the spiral to give more of a sweeping motion. Apply the brush we made earlier to this shape.
 Combinando vetores com píxeis em arte gráfica 34
Duplicate the spiral and rotate each one using the same technique as the Radial Lines to create a repeating pattern as shown above.
 Combinando vetores com píxeis em arte gráfica 35
Paste the spiral pattern into the Photoshop document a few times rotating each one slightly. Merge the layers together and change to Overlay with 50% Opacity.
 Combinando vetores com píxeis em arte gráfica 36
Duplicate the layer and flip horizontally to place the same pattern onto the opposite side of the boarder creating a symmetrical pattern.
Vector Shape Six – More Whispy Lines
 Combinando vetores com píxeis em arte gráfica 37
Using the same techniques and used in the creation of the vector elements in Part One, create a set of wavy lines complete with blending effect, copy and paste then reflect along the vertical axis.
 Combinando vetores com píxeis em arte gráfica 38
Paste these into the Photoshop document making them large enough to creep in from the edges of the canvas. Move this layer to the bottom of the stack and set to Overlay.
 Combinando vetores com píxeis em arte gráfica 39
Open up the Punk Vector Pack again and take a copy of the retro star, ungroup the object and change the white area to a blue hue colour picked from the main document.
 Combinando vetores com píxeis em arte gráfica 40
Paste in three versions each at a different angle and size flaring out from the front of the snowboard.
 Combinando vetores com píxeis em arte gráfica 411
Using one of the freebie packs from the kind fellows over at Go Media, copy a vector spine and paste into the Photoshop document. Duplicate the layer multiple times and rotate each spine image to produce a radial pattern stemming from the Snowboard's hand.
 Combinando vetores com píxeis em arte gráfica 42
Merge the spine layers and adjust the Hue/Saturation to blend them into the document, drop the opacity down to tone down their impact.
Vector Shape Seven – Diagonal Lines
Swap over to Illustrator for the last time to produce a range of diagonal lines.
 Combinando vetores com píxeis em arte gráfica 43
Start with a single straight line rotated to 45degrees, copy and paste then move horizontally across the artboard. Use the blend technique used previously to create multiple instances.
 Combinando vetores com píxeis em arte gráfica 44
Paste these into the Photoshop document over the mountains at Overlay; 50%. Load the Mountains Path selection and delete any overlap beyond the edges of the mountain tops.
The mountains could do with a little more contrast and impact, duplicate the layer and set the layer style to Multiply at 40%.
 Combinando vetores com píxeis em arte gráfica 45
Paste in one more set of vector splatters and position above the circular blobs. Delete out the selection from both the circular blobs and the mountains.
 Combinando vetores com píxeis em arte gráfica 46
Adjust the Hue/Saturation to blend the splatters into the document's colour scheme.
 Combinando vetores com píxeis em arte gráfica 47

 Combinando vetores com píxeis em arte gráfica 48
Now it's time to rough up the design to contrast against the crisp vector elements, open up an image of a spray paint splatter, adjust the levels and colours of the image to isolate the splatter onto black. Then, set the layer mode to Screen to render the black areas transparent.
Unfortunately the splatters I use aren't licensed to give away, but similar splatters can be found on Stock Websites or can be easily created with a spare tin of spray paint.
 Combinando vetores com píxeis em arte gráfica 49
Go ahead and paste in varying splatters onto the document giving a really distressed look.
Use the Levels to adjust the impact of the spatters.
 Combinando vetores com píxeis em arte gráfica 50
Using the huge Spray Paint Photoshop Brushes from Go Media paint in some drips and sprays, along with adding to the urban/distressed/super-cool style they also give the impression of icicles from the snowboard.
 Combinando vetores com píxeis em arte gráfica 511
Using another set of Photoshop Brushes, this time in the way of the Watercolour brushes from Bittbox roughly paint in a border around the image. Check out the Rotating a Photoshop Brush tip for this stage.
 Combinando vetores com píxeis em arte gráfica 52
Using the same brushes delete out some of the border with the eraser set to a 50% opacity .
Scale the layer up to adjust the size of the border and how much of the image it will overlap.
 Combinando vetores com píxeis em arte gráfica 53
Change the layer style to Overlay at 50% to add an icy blue frame surrounding the image.
 Combinando vetores com píxeis em arte gráfica 54
Take a close look across the image and make any necessary finishing touches. Here I removed some of the spray paint from around the boarder's head and duplicated the splatters to give them more impact.
 Combinando vetores com píxeis em arte gráfica Snowboarder-artwork_lg
Save and export the completed artwork.

RenaTo_FD
Silver Member

Ver perfil do usuário
em Sex 15 Out 2010, 22:50
muito bom vlw por compartilhar Valeu*-*

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum

Compartilhe este Tópico!

Url direta
BBcode
HTML
Feito com    e muito    pela equipe Fox Design