Foro de elhacker.net

Media => Diseño Gráfico => Mensaje iniciado por: PhenfiX en 29 Junio 2005, 07:53 am



Título: Tutoriales -> PhenfiX
Publicado por: PhenfiX en 29 Junio 2005, 07:53 am
Quiero publicar estos sencillos tutoriales que acabo de hacer por que un usuario me dijo que solo critico y no aporto, tal vez no sean los mejores pero son extremadamente sencillos y con buena impresion visual

Aclarando que son para Fireworks, no para Photoshop, aunque tambien se pueden hacer ahí

1.- EFECTO PLASTICO

Hay varios tutoriales por la red sobre como hacer este efecto, pero ninguno de los que he probado me ha gustado

Con la herramienta circulo hacemos un circulo (xD) y le damos relleno lineal, procurando hacerlo de dos colores similares, el mas claro abajo y partiendo del centro

(http://phenfix.com/tutos/tutos/tuto1004.gif)

Hacemos una copia de este mismo

(http://phenfix.com/tutos/tutos/tuto1004.gif)

Pero le cambiamos el tamaño a un 85% aprox.

(http://phenfix.com/tutos/tutos/tuto1006.gif)

Al segundo circulo le cambiamos el color lineal, dejando un color blanco en la parte superior y en la parte inferior el color claro del primer circulo

(http://phenfix.com/tutos/tutos/tuto1007.gif)

Ahora seleccionamos el punto sur de la imagen (como se muestra en la figura), si aparece algun mensaje le damos aceptar y despues suprimir

(http://phenfix.com/tutos/tutos/tuto1009.gif)

Haciendo lo anterior nos quedará un circulo con la parte inferior en forma de ovalo la cual deberás subir al mismo nivel que el primer circulo

(http://phenfix.com/tutos/tutos/tuto1010.gif)

Y ya tienes tu figura con efecto de plastico. y puedes usarla como mas te guste


(http://phenfix.com/tutos/tutos/plastico1.jpg)

Se que no faltará el que diga que ese efecto se hace con el filtro Bevel Boss, pero es mucha la diferencia en imagenes y texto.

(http://phenfix.com/tutos/tutos/tuto1011.gif)

Si le pones un fondo y le das un 60% de transparencia queda un efecto de agua


Título: Re: Tutoriales -> PhenfiX
Publicado por: PhenfiX en 29 Junio 2005, 08:17 am
2.- EFECTO ESPEJO O REFLEJO

Ya han posteado este efecto aqui pero la verdad no me gustó por que no se ve muy realista. Aqui otra alternativa fácil con Fireworks

Primero seleccionas la imagen a reflejar (texto o imagen, es igual)

(http://phenfix.com/tutos/tutos/tuto2001.gif)

Hacemos una copia del mismo

(http://phenfix.com/tutos/tutos/tuto2002.gif)
A la copia le cambiamos de tamaño

(http://phenfix.com/tutos/tutos/tuto2003.gif)
(http://phenfix.com/tutos/tutos/tuto2004.gif)

Segun tu gusto
En seguida creamos un rectangulo con relleno lineal, un color oscuro abajo y uno claro arriba

(http://phenfix.com/tutos/tutos/tuto2007.gif)

Procura tapar en su totalidad el area que dará el efecto, despues seleccionas el rectangulo y le das el filtro multiplicar

(http://phenfix.com/tutos/tutos/tuto2010.gif)

Este efecto es muy realista por que el reflejo se desvanece como lo hace en el mundo real


(http://phenfix.com/tutos/tutos/tuto2011.gif)(http://phenfix.com/tutos/tutos/tuto2013.gif)


Título: Re: Tutoriales -> PhenfiX
Publicado por: PhenfiX en 29 Junio 2005, 08:31 am
3.- EFECTO PINTURA VIEJA O GASTADA

El siguiente efecto lo vi en un videojuego (Aero Fighters)y me gusto mucho

El objetivo de este efecto es hacer parecer el texto gastado, como si tuviera mucho tiempo o hubiera pasado por una guerra.

En un fondo con lineas y tornillos ponemos un texto, de preferencia blanco

(http://phenfix.com/tutos/tutos/tuto3002.gif)

Lo seleccionamos y presionamos Ctrl+Atl+Mayus+Z, este comando nos dejará el texto convertido en imagen. Le damos un 20% de transparencia y borramos por donde pasan las lineas

(http://phenfix.com/tutos/tutos/tuto3003.gif)

Cuando termines regresas la imagen a 100% visible y te quedará algo parecido a esto:

(http://phenfix.com/tutos/tutos/tuto3004.gif)

Ahora seleccionas el pincel -> aerografo -> texturizado -> veta 50% y del mismo color del fondo, le das unos pincelazos por donde mas te guste y el efecto te quedará asi

(http://phenfix.com/tutos/tutos/tuto3007.gif)

CHIDO!, si quieres el PNG modificable con las lineas y los tornillos mandame un mail


Título: Re: Tutoriales -> PhenfiX
Publicado por: PhenfiX en 29 Junio 2005, 08:51 am
4.- EFECTO VECTORIZADO

Si tienes una imagen muy pixelada y la quieres retocar con algo original este efecto te va a gustar

Seleccionas cualquier imagen y con la herramienta pluma (http://phenfix.com/tutos/tutos/tuto4001.gif) comienzas a rodear la imagen

(http://phenfix.com/tutos/tutos/tuto4002.gif)

Tienes que trabajar 100% con vectores

(http://phenfix.com/tutos/tutos/tuto4003.gif)

Haces lo mismo para el cabello y ropa

(http://phenfix.com/tutos/tutos/tuto4004.gif)

Cuando termines te sigues con los ojos, boca y sombras; por ultimo el fondo y los pequeños detalles. Al final te quedará algo asi:

(http://phenfix.com/tutos/tutos/vector.jpg)

Trucos
-El color de la piel tomalo de la misma imagen
-Coloreala con tonos vivos, pastel o chillones
-Deja el fondo con un poco de blur o desenfoque

Tardaras un poco pero valdrá la pena

Este es otro ejemplo

(http://img40.echo.cx/img40/6585/daftjpg8ar.jpg)(http://www.video-c.co.uk/microsites/daft003/images/daft0031.jpg)

Todas las criticas son bienvenidas, si quieres algun efecto en especial pidelo, no posteo mas por que me da una güeba tremanda pensar en estar capturando a cada rato pero si pides algun efecto con gusto o haré

Y para los webmasters newbies aqui les dejo unos botones modificables (para Fireworks)

(http://phenfix.com/tutos/minibotones.png)

P.D. Me gustaría dejar este tema bloqueado para ir añadiendo mas tutoriales, pero lo dejo abierto para recibír criticas reconstructivas de cualquier usuario

Saludos y gracias por leerme


Título: Re: Tutoriales -> PhenfiX
Publicado por: + enrique ZP en 29 Junio 2005, 12:07 pm
En hora buena xD xD ahora si me callo :P ya has aportado :P

Saludos ;D