[Tag Tutorial] Half Ass Vector Effect

Iniciado por + enrique ZP, 28 Abril 2009, 23:22 PM

0 Miembros y 2 Visitantes están viendo este tema.

+ enrique ZP


Photoshop Tutorial: Almost Vector
Autor: Enrique Gutierrez Barrios "GutBarr"

En este tutorial les voy a enseñar como hacer una firma "Almost Vector Style" inventado por mi xD...

Bueno lo primero que vamos a hacer es buscar un stock. Yo estare usando este:



(click en la img para agrandar)

Lo colocamos en el espacio de diseño.



Ahora duplicamos el stock y nos vamos a Filter - Blur - Gaussian Blur ahi lo ponemos a 2%. Luego la capa la ponemos en modo Darken con 100% de Opacidad y Fill. Eso te deberia de dar un resultado asi:



Volvemos a duplicar la capa del Stock, y nos vamos a Filter - Brush Strokes - Angled Strokes ahi lo ponemos de la siguiente manera:
Direction Balance: 4
Stroke Lenght: 24
Sharpness: 0
Lo dejamos en estilo Normal con 100% de Opacidad y Fill
Luego borramos las partes que nos disgusten y ya. Tu resultado algo asi:



Volvemos a duplicar la capa del Stock, y nos vamos a Filter - Blur - Gaussian Blur ahi lo ponemos a 2%. Luego la capa la ponemos en modo Soft Light con 100% de Opacidad y Fill. Eso te deberia de dar un resultado asi:



Volvemos a duplicar la capa del Stock, y nos vamos a Filter - Artistic - Cutout ahi configuramos de la siguiente manera:
Number of Levels: 5
Edge Simplicity: 6
Edge Fidelity: 3
Borramos las partes que nos disgusten y le bajamos la Opacidad a 80%. El fill queda a 100%. Y ponemos la capa en modo Linear Burn.
Tu resultado algo asi:



Ahora colocamos algunos C4d de nuestra preferencia variando los estilos de capa y las formas. Yo use uno en Normal, Hard Light, Linear Burn, Darken. Borrando las partes que no nos gusten y colocando en areas que resalten la firma. Mi Resultado fue el siguiente:



Ahora aplicamos varios Gradient Maps, Photo Filters, y Capas para darle el color de tu preferencia a la firma. Siempre intentando darle ese look medio vectorizado...
Yo use 4 Gradient Maps 1 Color Balance 1 Photo Filter.
Mi resultado fue el siguiente:



Bueno de lo mas importante en este tipo de firmas es el poder escoger una font atractiva y una buena colocacion. Yo use un font llamado Antique Olive en diferentes colores y tambien use un Custom Shape para adornar el texto.



Luego solo es poner un borde cinematografico para complementarlo.



Eso es todo. Depende del stock la firma y los filtros y sus configuraciones van a variar. La idea es que sea de varios colores y con su effecto "Half Ass Vector" "Almost Vector" "Cutout Effect"

Espero que el tutorial haya sido de su agrado y le hayan entendido.


Si te gusto el tutorial, porfavor visita! - Aqui -

Darioxhcx

no veo las imagenes...
no se si soy yo o es firefox...
en el codigo fuente estan las imagenes.. pero no las veo..

a alguien le paso lo mismo ?
un saludo

~Yey~

#2
Cita de: + enrique ZP 
<div style="overflow: auto; width: 100%;"><div align="center"><img src="http://zonaphotoshop.com/tutoriales/almostvector/preview.jpg" alt="" border="0" /><br /></div><b><span style="font-size: 15pt; line-height: 1.3em;"><span style="font-family: Arial;"><span style="color: Navy;">Photoshop Tutorial: Almost Vector</span></span></span></b><br /><b><span style="font-size: 10pt; line-height: 1.3em;"><span style="font-family: Arial;"><span style="color: Navy;">Autor: Enrique Gutierrez Barrios &quot;GutBarr&quot;</span></span></span></b><br /><br /><span style="font-family: arial;"><b>E</b>n este tutorial les voy a enseñar como hacer una firma &quot;Almost Vector Style&quot; inventado por mi xD...<br /><br />Bueno lo primero que vamos a hacer es buscar un stock. Yo estare usando este:<br /><br /><a href="http://img116.imageshack.us/my.php?image=84dc9c92hc9.png" target="_blank" class="posted"><img src="http://img116.imageshack.us/img116/4293/84dc9c92hc9.th.png" alt="" border="0" /></a><br /><br />(click en la img para agrandar)<br /><br />Lo colocamos en el espacio de diseño.<br /><br /><img src="http://zonaphotoshop.com/tutoriales/almostvector/1.jpg" alt="" border="0" /><br /><br />Ahora duplicamos el stock y nos vamos a <i>Filter - Blur - Gaussian Blur</i> ahi lo ponemos a 2%. Luego la capa la ponemos en modo Darken con 100% de Opacidad y Fill. Eso te deberia de dar un resultado asi:<br /><br /><img src="http://zonaphotoshop.com/tutoriales/almostvector/2.jpg" alt="" border="0" /><br /><br />Volvemos a duplicar la capa del Stock, y nos vamos a <i>Filter - Brush Strokes - Angled Strokes</i> ahi lo ponemos de la siguiente manera:<br />Direction Balance: <b>4</b><br />Stroke Lenght: <b>24</b><br />Sharpness: <b>0</b><br />Lo dejamos en estilo Normal con 100% de Opacidad y Fill<br />Luego borramos las partes que nos disgusten y ya. Tu resultado algo asi:<br /><br /><img src="http://zonaphotoshop.com/tutoriales/almostvector/3.jpg" alt="" border="0" /><br /><br />Volvemos a duplicar la capa del Stock, y nos vamos a <i>Filter - Blur - Gaussian Blur</i> ahi lo ponemos a 2%. Luego la capa la ponemos en modo Soft Light con 100% de Opacidad y Fill. Eso te deberia de dar un resultado asi:<br /><br /><img src="http://zonaphotoshop.com/tutoriales/almostvector/4.jpg" alt="" border="0" /><br /><br />Volvemos a duplicar la capa del Stock, y nos vamos a <i>Filter - Artistic - Cutout</i> ahi configuramos de la siguiente manera:<br />Number of Levels: <b>5</b><br />Edge Simplicity: <b>6</b><br />Edge Fidelity: <b>3</b><br />Borramos las partes que nos disgusten y le bajamos la Opacidad a 80%. El fill queda a 100%. Y ponemos la capa en modo Linear Burn.<br />Tu resultado algo asi:<br /><br /><img src="http://zonaphotoshop.com/tutoriales/almostvector/5.jpg" alt="" border="0" /><br /><br />Ahora colocamos algunos C4d de nuestra preferencia variando los estilos de capa y las formas. Yo use uno en Normal, Hard Light, Linear Burn, Darken. Borrando las partes que no nos gusten y colocando en areas que resalten la firma. Mi Resultado fue el siguiente:<br /><br /><img src="http://zonaphotoshop.com/tutoriales/almostvector/6.jpg" alt="" border="0" /><br /><br />Ahora aplicamos varios Gradient Maps, Photo Filters, y Capas para darle el color de tu preferencia a la firma. Siempre intentando darle ese look medio vectorizado...<br />Yo use 4 Gradient Maps 1 Color Balance 1 Photo Filter. <br />Mi resultado fue el siguiente:<br /><br /><img src="http://zonaphotoshop.com/tutoriales/almostvector/7.jpg" alt="" border="0" /><br /><br />Bueno de lo mas importante en este tipo de firmas es el poder escoger una font atractiva y una buena colocacion. Yo use un font llamado <span style="text-decoration: underline;">Antique Olive</span> en diferentes colores y tambien use un Custom Shape para adornar el texto.<br /><br /><img src="http://zonaphotoshop.com/tutoriales/almostvector/8.jpg" alt="" border="0" /><br /><br />Luego solo es poner un borde cinematografico para complementarlo.<br /><br /><img src="http://zonaphotoshop.com/tutoriales/almostvector/9.jpg" alt="" border="0" /><br /><br />Eso es todo. Depende del stock la firma y los filtros y sus configuraciones van a variar. La idea es que sea de varios colores y con su effecto &quot;Half Ass Vector&quot; &quot;Almost Vector&quot; &quot;Cutout Effect&quot;<br /><br />Espero que el tutorial haya sido de su agrado y le hayan entendido.</span><br /><br /><span style="font-family: Arial;">Si te gusto el tutorial, porfavor visita!</span> <a href="http://zonaphotoshop.com" target="_blank" class="posted"><span style="color: Red;"><span style="font-family: Arial;">- Aqui -</span></span></a><br /></div>

                  </td>
               </tr>
               <tr>


si, según el código fuente las imágenes existen, pero fíjate que están cogidas de paginas donde las imágenes ya no están disponibles... :rolleyes:
Si quieres que se te vean las fotos vas a tenerlas que subir a un hosting tu mismo...
elhacker.net cuenta con uno para estos casos...si no puedes subirlas la tynipic un photobucket etc...



                                     Blog

+ enrique ZP

Ya subi las imagenes a imageshack. ya deberian de verse.

Azielito

es mejor si las subieras a http://i.elhacker.net que se hizo especialmente para evitar estos "detallitos" jehehe