Buscar en
Ir al foro
Tutoriales de diseño gráfico
Página: 12345678...113 |  Siguiente >>  
Opciones sobre este tema:
 
 
18-09-2007 / 18:38 h
#1
279
26
2063
Nivel 103


    Normas:

    El desconocimiento de las normas del tema por parte de los usuarios no exime de su cumplimiento.

  • Los tutoriales y demás contenidos contenidos que se suban al tema deben de ser propios y dar pruebas evidentes de ellos (por ejemplo, poner el nickname y el e-mail al final). En caso contrario, debemos de contar con autorización previa del autor.

  • No se permite proporcionar materiales ajenos salvo que se cuente con el permiso de su autor, en tal caso, se deberá de adjuntar su autorización.

  • Los tutoriales y demás contenidos que no cumpla ese requisito, serán retirados y el usuario que lo haya publicado será penalizado.

  • Los tutoriales han de presentar una ortografía y expresión aceptables. Así como tampoco se permite material con contenido insultante, discriminatorio o cualquier otro contenido que pueda dañar a otras personas.

  • No se permitirán tutoriales u otros contenidos que sea ilegales o de dudosa legalidad (spam, pornografía, hacking, etc).

  • Preferiblemente, hay que subir los tutoriales en plantillas.




    Preguntas frecuentes

  • Mi Photoshop está en inglés, ¿qué hago? Visita este enlace para ver la traducción de sus comandos.

  • ¿Qué es un render? Es una imagen previamente recortada que se usa en los diseños con el Photoshop, normalmente suele estar en formato .PNG para conservar la transparencia del fondo.

  • ¿Qué es un C4D? Los C4D's son renders(imágenes) abstractos en cuatro dimensiones, de ahí su nombre Cinema 4 Dimension, hechas con el programa Cinema 4D. Hay dos tipos de C4D's, los fractals (aquellos que no son figuras, sólo líneas y curvas) y los 4D (aquellos que se aprecian claremente las cuatro dimensiones).

  • ¿Qué es el Smudge? El Smudge es una técnica del photoshop que consiste en utiliar la herramienta de dedo distorsionando una imagen con unos pinceles a elegir personalizados, es decir, distorsionar utilizando unos pinceles modificados a tu gusto; los pinceles se modifican en la paleta de pinceles de la herramienta de dedo, entre sus modificaciones encontramos expansión, variedad de tamaños y formas, más o menos opaco... etcétera.
Última edición: 24-02-2009 / 16:30 h. Por Al3xand3r
Editado 165 veces
 
18-09-2007 / 19:36 h
#2
30
8
516
Nivel 55
Jeje, yo ya publiqué mi tutorial en el post de las firmas , en mi próximo post en este tema voy a postear el tutorial para los que no lo hayan visto

PD:Alexander, el boton para sacar screenshots ( o fotos) es el "impr pant petsis" que está arriba del boton "insert" y al costado de "F12"
Última edición: 18-09-2007 / 19:40 h. Por Nekrotemor
Editado 1 vez
 
19-09-2007 / 13:12 h
#3
10
0
2640
Nivel 57
Buen post. A mí también me gustaría aprender a hacer firmas.

Te complemento lo que ha dicho Nekrotemor. Una vez hayas capturado la pantalla con ese botón debes pegarlo en el paint. Pulsas "Edición" y "Pegar". Y ya está.
 
20-09-2007 / 15:29 h
#4
279
26
2063
Nivel 103
Bueno, estoy creando unos cuantos tutoriales... Y tardaré mi tiempo, asi que para los que queráis información sobre las firmas, os daré unos cuantos consejos, mientras preparo los tutoriales...:

- El truco de las firmas suele estar en las imágenes y en su contraste con el fondo.

- No tengas prisa en hacer firmas, investiga y añade cosas nuevas. Si en todas las firmas pones cosas nuevas (aunque no las sepas usar, ya las aprenderás con el tiempo) te harás un experto antes de que te des cuenta.

- Crea cada firma como si fuera para ti mismo.

Bueno, nos muchos, pero son muy importantes.... Si me hacéis caso os haréis expertos... ¡Saludos!
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
¡Saludos y a forear!

Última edición: 13-01-2008 / 10:02 h. Por Al3xand3r
Editado 1 vez
 
20-09-2007 / 15:37 h
#5
Expulsado indefinidamente
0
0
2554
Nivel 55
Exelente tema , se merece una chincheta . A los que no saben usar biem el Photo les gustará.
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Fran789[marca registrada] , los derechos de la firmas están reservados .

Última edición: 23-01-2008 / 00:10 h. Por Fran789
Editado 1 vez
 
20-09-2007 / 18:26 h
#6
30
8
516
Nivel 55
Acá mi tutorial para los que no lo hayan visto

----------------------------------------------------------------------------------------------------

Tutorial para hacer firmas:
1)Primero abrís la imagen o creas y le cambiamos la resolucion aproximada a 470x160

2)DESACTIVA la opción de "restringir proporciones" si es que quieres hacer una firma)

3)Selecciona las imágenes para la firma (Configura el tamaño de pixeles como lo hiciste en el paso 1)en este paso NO tienen que desactivar la opcion de "restringir proporciones"RECUERDA que siempre la imaen tiene que ser de menor tamaño que el fondo de la firma

4)Recorta la imagen con la herramienta marcada en rojo

5)La imagen va a quedar en lineas de puntos

6)Córtala

7)Veras que va a ver sobras de la imagen que cortaste

8)No es necesario que borres con el borrador las sobras de la imagen,simplemente utiliza la mascara para facilitar el trabajo haciendo click en el icono marcado en rojo de la siguiente imagen .Para se mas objetivo , la mascara es como un "escudo"que portege a la imagen de cualquier descuido con el borrador

9)Cuando pintes con la "mascara" se verá como un color rojo. NOTA:Siempre que pintes con la mascara , pintalo por segunda vez arriba de lo pintado para que la imagen no sufra ningun "daño"

10)Verás que la imagen está rodeada por lineas de punto

11)¡Ahora puedes borrar aunque el borrador toque la imagen!porque la imagen esta protegida por la mascara NOTA:Borra cuando la imagen esté en lineas de punto.Recuerda hacer click en el icono que aparece en la siguiente imagen

12)Ahora a dar estilo al texto.

13)Para que el texto tenga otro "estilo" ve capa-estilo de capa

14)¡A cambiarle el estilo!Verás que cada vez que seleccionas una opcion cambia el estilo de letras

ANIMACION
1)Vamos a imagesready haciendo click en el icono marcado en rojo

2)Vamos a "ventana" "animacion" para que salga la ventana de animacion

3)Vamos otra vez a "ventana" y hacemos click en "capas" Para que salga la ventana de capas

4)Para que NO aparezca el nombre al principio de la animacion tienen que bajar al 0% la opacidad

5)Pongale el tiempo para quede así

6)Ahora duplique el cuadro y despues aumente la opacidad una poco(en este caso el 25 %)Para clonar el cuadro de animacion hay que hacer un click en el icono pequeño marcado en rojo en la ventana de animaciones

7)Sigan con el mismo procedimiento que el del anterior paso, pero ahora hay que aumentar la opacidad al 50%
ULTIMO PASO:Cuando terminen lo de la animacion les va a quedar algo parecido a esto




VERSION UTLIZADA:Photoshop 8 cs
Última edición: 10-02-2008 / 09:32 h. Por Nekrotemor
Editado 1 vez
 
20-09-2007 / 18:57 h
#7
14
0
2176
Nivel 87
Veo que estamos pensando igual ayer tuve esa idea de un taller de firmas y lo IVA a hacer ahora mismo y vi. Este post las cosas de la vida jeje.
 
20-09-2007 / 22:48 h
#8
Expulsado indefinidamente
0
0
2554
Nivel 55
Gueno , la hago rápido , ¿por que no se cargan las imagenes de usar o editar las letras?
Última edición: 21-09-2007 / 01:41 h. Por Fran789
Editado 6 veces
 
21-09-2007 / 00:57 h
#9
Expulsado indefinidamente
0
0
2554
Nivel 55
Editado
Última edición: 07-11-2007 / 23:51 h. Por Fran789
Editado 3 veces
 
21-09-2007 / 02:54 h
#10
Expulsado indefinidamente
0
0
2554
Nivel 55
Editado
Última edición: 07-11-2007 / 23:52 h. Por Fran789
Editado 2 veces
 
21-09-2007 / 02:57 h
#11
Expulsado indefinidamente
0
0
2554
Nivel 55
¿que me recomendas?
 
21-09-2007 / 16:57 h
#12
30
8
516
Nivel 55
Estás seguro de que tienes seleccionado la opcion para utilizar la mascara, recuerda que es el que tiene el circulo negro.Bueno por lo que e visto a varias personas que conozco no les "salía bien" lo de la mascara, algunos me decían que no la veía que pintaba de rojo, Solucion a ese problema:Es posible que no se viera porque tendrá la "opacidad"0% o muy bajo, para cambiar la opacidad de la mascara tienes que hacer doble click en el icono con el circulo negro
 
21-09-2007 / 20:00 h
#13
Expulsado indefinidamente
0
0
2554
Nivel 55
Nekrotemor escribió:
Estás seguro de que tienes seleccionado la opcion para utilizar la mascara, recuerda que es el que tiene el circulo negro.Bueno por lo que e visto a varias personas que conozco no les "salía bien" lo de la mascara, algunos me decían que no la veía que pintaba de rojo, Solucion a ese problema:Es posible que no se viera porque tendrá la "opacidad"0% o muy bajo, para cambiar la opacidad de la mascara tienes que hacer doble click en el icono con el circulo negro


Si pero , tengo un problema , yo lo que marco con la mascara es lo que luego voy a borrar ¿por que ?
 
22-09-2007 / 12:49 h
#14
30
8
516
Nivel 55
No tienes que borrar las mascara,cuando hayas terminado de pintar haz click en el icono que tiene un circulo blanco, y verás que la parte que pintaste está en lineas de puntos, bueno , ahora agarra el borrador y empieza a borrar las "sobras" de la imagen
 
22-09-2007 / 12:57 h
#15
279
26
2063
Nivel 103
.:: TUTORIAL Nº 2 - Crear firmas simples ::.

1º) Para hacer firmas lo primero es crear un nuevo archivo en ''Archivo'' (Archive), ''Nuevo'' (New); os lo recomiendo de las siguientes características:

Os recomiendo que guardéis el valor.

Cuando lo hayáis hecho os saldrá una ventanita como esta:


2º) Yo suelo empezar creando las firmas por el fondo, hay muchísimas maneras de crear fondos, pero la más simple se realiza con las ''nubes'' (clouds). Para ello deberemos ir a ''Filtro'' (Filter), ''Interpretar'' (Interpret), ''Nubes'' (Clouds). Y recuerda que los colores tienen que estar por defecto (Control + D).

Quedando la firma así:


3º) De ahora en adelante todo consiste en aplicarle filtros a las nubes, aquí os pondré unos cuantos ejemplos, pero cada uno que la haga a su gusto. Por ejemplo:
- Un molinete, ''Filtro'' (Filter), ''Distorsionar'' (Distortion), ''Molinete'' (Windmill).

Resultado...

Después aplicarle un ''Distorsionar'', ''Onda'' (Wave)...

Que queda...

Luego un ''Desenfocar'' (Out focus), ''Desenfoque radial'' (Radial out focus)...

Y finalmente queda de esta manera...


4º) El último paso para acabar el fondo es darle color, para ello debemos de ir ''Imagen'' (Image), ''Ajustes'' (Adjustments), ''Filtro de topografía (Thopographic's Filter):

Y nos saldrá una ventanita como esta en la que aplicaremos la opciones que queramos:

Quedando pues...


5º) Luego añadir la imagen que queramos en ''Archivo'', ''Abrir'' (Open), y seleccionamos la imagen que queramos, en mi caso, esta:


6º) Para ponerla en la firma deberemos seleccionarla entera (pulsando Control + A), y después copiarla (Control + C), una vez hecho esto, vamos a la firma y pegamos (Control + V). La imagen nos saldrá descuadrada dentro de la firma así que para modificarla a nuestra elección deberemos hacer una ''Transformación libre'' (Free Transformation) pulsando las teclas [Control + T], de esta manera podremos agrandarla, encogerla, girarla...


Una vez la hayamos modificado a nuestro gusto, quedarán zonas que no queremos que salgan en la firma, por lo que tendremos que eliminarlas, para ello, seleccionamos la ''Varita mágica'' (Magic stick) que se accede de manera directa pulsando la tecla [W]. Esta varita lo que hace es seleccionar los colores de la imagen, de manera mayor y menor modificando la ''Tolerancia'' (Tolerance), ''Contiguo'' (Adyajent)o no, etcétera. NOTA: A veces, en lugares delicados tendremos que borrar con el ''Borrador'' (Rubber).

Seleccionamos y depués borramos (Tecla [Supr]) esas zonas para quede como queramos...


7º) Puesta y modificada la imagen, le podremos dar efectos. La manera más fácil de realizarlos es haciendo doble click sobre la capa de la imagen en la pestaña de las ''Capas'' (Layers).

Nos saldrá esta ventana donde se puede hacer casi todo: cambiar la ''Opacidad'' (Opacity), poner ''Bordes'' (Sides)... etcétera. Lo que yo voy a hacer es bajar un poco al opacidad y ponerle un borde y naranaja suave.

Quedando así:


8º) También podemos ponerle un marco al fondo de manera simple, y es hacer doble click en el fondo y seleccionar ''Bordes'' y crear uno que de hacia el ''Centro'' (Center) o hacia Dentro (Inside).


9º) Para poner el texto seleccionamos la ''Herramienta de Texto'' (Text) y escribimos lo que queramos, podremos moverlo de sitio si nos gusta de una manera. También se puede deformar el texto haciendo click derecho sobre le texto y seleccionar la opción de ''Deformar Texto'' (Deform Text). Y ya sabéis que para modificarlo, deberemos de hacer click en la capa del texto en el menú de pestañas.

10º) Cómo último paso deberemos colgar la imagen en la web, mediante por ejemplo, Imageshuck. En el caso de Imageshack, una vez subida la firma saldrán muchas direcciones, de estas, selecciona la última y guardala para tu uso.

Resultado final:

Espero que os haya gustado mi tutorial, es el primero que hago y espero haberlo hecho lo mejor posible, la verdad es que me ha llevado mucho tiempo hacerlo.... Pero en fin ya acabé, espero poner otro tutorial pronto y que aprendáis todos ha hacer firmas como nadie. ¡Suerte con las firmas! ¡Saludos!
Última edición: 13-03-2008 / 16:59 h. Por Al3xand3r
Editado 2 veces
 
Página: 12345678...113 |  Siguiente >>  
 
Foros > Arte y Diseño > Tutoriales de diseño gráfico
Subir
 
Inicio  |  Juegos PC  |  Juegos Xbox 360  |  Juegos PS3  |  Juegos Wii  |  Juegos PS2  |  Juegos PSP  |  Juegos DS  |  MMO  |  Casual  |  Foros
Difusión auditada por