TUTORIAL para hacer marcos con photoshop.

Charla genérica y libre sobre cualquier tema relacionado con el mundillo de los videojuegos, consolas, PCs, Móviles...

TUTORIAL para hacer marcos con photoshop.

Notapor carlos_theone » 06-02-2005 05:28

Bueno pues aquí dejo mi pequeño tutorial de marco:


Pues primero creamos un nueva imagen obviamente en las opciones de File-New, de tamaño 500 x 115 como estipulan aquí las reglas de todojuegos.
Bueno ya que tenemos nuestra nueva imagen seleccionamos un color para el fondo en este caso fue de un tono rojizo y nos vamos a la herramienta llamada Paint bucklet tool y con esto rellenamos el fondo.

Queda de esta manera:


[img]http://img201.exs.cx/img201/3725/dibujo2aq.jpg[/img]

Bueno ahora que ya tenemos listo nuestro fondo tenemos que crear un nuevo layer, para esto nos vamos a la pestaña gris que dice LAYER—damos donde NEw—y después a layer.

Queda de esta manera:

[img]http://img203.exs.cx/img203/6049/dibujo21im.jpg[/img]

Bueno ahora que ya hicimos esto, nos vamos a la herramienta llamada Rectangular Marquee tool y entonces marcamos con esta herramienta el tamaño de nuestro marco y quedara de la siguiente forma:

[img]http://img203.exs.cx/img203/465/dibujo31ck.jpg[/img]

Ya que hicimos esto vamos a la pestaña que dice SELECT y después seleccionamos la opción que dice inverse, asì se seleccionará solo nuestro marco, entonces volvemos a seleccionar nuestra herramienta Paint bucklet tool y (ojo ahora el color debe de ser blanco), rellenamos la parte seleccionada con blanco.

Asì quedaría:

[img]http://img219.exs.cx/img219/9404/dibujo47pf.jpg[/img]

Ya que tenemos esto, simplemente nos vamos a la pestaña que dice LAYER—después nos vamos a LAYER STYLE—después nos vamos a BLENDING OPTIONS.
Ya que estamos en blending options seleccionamos las opciones de:
DROP SHADOW.
INNER SHADOW.
OUTER GLOW.
INER GLOW.
STROKE.
Estas las palomeamos y vamos a donde dice stroke la última opción y vamos a ver un cuadrito de color bueno pues seleccionamos desde ahí el color blanco y le damos al botón OK.


Quedará de la siguiente manera:

1.- [img]http://img218.exs.cx/img218/1637/dibujo54gg.jpg[/img]

2.- [img]http://img206.exs.cx/img206/9173/dibujo67ip.jpg[/img]


Bueno ya que hicimos esto nos quedará nuestro marco asì:

[img]http://img219.exs.cx/img219/1274/dibujo78zq.jpg[/img]

Y listo para terminar seleccionamos nuestro layer 2(bueno ya tiene que estar seleccionado), y simplemente nos vamos a done dice Fill y le bajamos a 77 % y listo asì le daremos efecto a nuestro marco:
Se verá asì:

[img]http://img219.exs.cx/img219/5065/dibujo81ma.jpg[/img]

Obviamente esto es para realizar un marco simple pero ustedes pueden hacer su marco con las herramientas llamadas: lasso tool y poligonal lasso tool.

Espero que este tuto les sirva.

GRACIAS….
Última edición por carlos_theone el 06-02-2005 05:38, editado 1 vez en total
carlos_theone
Redactor
Redactor
 
Mensajes: 4064
Registrado: 11-03-2003 08:00
Cash on hand: 0.00
Ubicación: Mèxico,D.F.

Notapor Morpheus-four » 06-02-2005 05:33

gracias me sera muy util esto t lo pedi yo jajajajaj muuuuchas gracias

tus firmas kedan muy buenas jeej
Morpheus-four
Amateur
Amateur
 
Mensajes: 995
Registrado: 22-12-2004 08:00
Cash on hand: 0.00

Notapor DrAkKuN » 06-02-2005 05:34

ohhhhh muy bueno muy bueno pon mas cosas.
[img]http://galeon.com/drakkun/Fotos/DrAkKuN_chivas.jpg[/img]
[glow=red][fade]¡ChIvAs Te LleVo En El AlMa Y cAdA dIa Te QuiEro MaS![/fade][/glow]
Avatar de Usuario
DrAkKuN
Miembro del Consejo
Miembro del Consejo
 
Mensajes: 4419
Registrado: 30-10-2002 08:00
Cash on hand: 924.00
Bank: 31,114.20
Ubicación: MeXiCo
Cuenta PSN: ldrakkunl

Notapor fircsix » 06-02-2005 12:51

Grace Grace!!! :clap: :clap: :clap: :clap: :clap:
[img]http://img266.imageshack.us/img266/5369/sonata5eq.jpg[/img]
Avatar de Usuario
fircsix
Camper
Camper
 
Mensajes: 2263
Registrado: 24-12-2004 08:00
Cash on hand: 0.00
Ubicación: No c pero tengo frio...

Notapor carlos_theone » 07-02-2005 04:15

[quote="DrAkKuN"]ohhhhh muy bueno muy bueno pon mas cosas.



Como que otras cosas quisieras que pusiera, de marcos, diseño o de que?
carlos_theone
Redactor
Redactor
 
Mensajes: 4064
Registrado: 11-03-2003 08:00
Cash on hand: 0.00
Ubicación: Mèxico,D.F.

Notapor Shiva » 07-02-2005 04:19

[color=indigo]Muchísimas gracias, carlos_theone, una valiosa lección sin duda... [/color]
[color=indigo]Namárië[/color]
[img]http://i9.tinypic.com/4bgdx83.gif[/img]
[img]http://i17.tinypic.com/43p68bc.jpg[/img]
Avatar de Usuario
Shiva
Coleccionista
Coleccionista
 
Mensajes: 6360
Registrado: 28-01-2003 08:00
Cash on hand: 140.00
Bank: 11,354.00

Notapor Sydney_LosstarotV2 » 07-02-2005 04:21

[color=blue]Jeje, son mejores los marcos no rectangulares.[/color]
Avatar de Usuario
Sydney_LosstarotV2
Camper
Camper
 
Mensajes: 2146
Registrado: 08-01-2005 08:00
Cash on hand: 30.00

Notapor carlos_theone » 07-02-2005 04:30

[quote="Sydney_LosstarotV2"][color=blue]Jeje, son mejores los marcos no rectangulares.[/color]



En eso estoy de acuerdo contigo, como mencione este tutorial es para marcos simples despuès pondrè uno para marcos mas complejos con degradado y todo.
carlos_theone
Redactor
Redactor
 
Mensajes: 4064
Registrado: 11-03-2003 08:00
Cash on hand: 0.00
Ubicación: Mèxico,D.F.

Notapor Sydney_LosstarotV2 » 07-02-2005 04:37

[color=blue]Jeje, me parece excelente.[/color]
Avatar de Usuario
Sydney_LosstarotV2
Camper
Camper
 
Mensajes: 2146
Registrado: 08-01-2005 08:00
Cash on hand: 30.00

Notapor Cagalli Yula Athha » 07-02-2005 14:31

perfectly, mas mas plz. Si eso, primero amplia de cosas de macros, y luego ya cambias a otro tema.

Wena theone"
[img]http://img142.imageshack.us/img142/518/bfccopyvz6.jpg[/img]
[img]http://i43.tinypic.com/jzwr9l.jpg[/img]
Avatar de Usuario
Cagalli Yula Athha
Importador
Importador
 
Mensajes: 8731
Registrado: 06-02-2003 08:00
Cash on hand: 0.00
Ubicación: Denia,alicante-->España

Notapor carlos_theone » 10-02-2005 02:55

Pues bien es hora de hacer marcos poligonales transparentes.

Pues bien aqui empezare solo diciendo que no serà fondo simple sino una iimagen serà nuestro fondo.

Bueno en este caso la imàgen serà de sonic:

http://www.geocities.com/jamesc359_wall ... x_1600.jpg

Por el gran tamaño de esta la puse como url..

Bueno ya que tenemos nuestra imagen, vamos a abrir un nuevo diseño de 500 x 115 como es ya la costumbre y ahora simplemente vamos a utilizar nuestra imagen y para esto la buscamos en FILE-OPEN--.

Asì:

[img]http://img219.exs.cx/img219/7115/dibujo10fn.jpg[/img]


1.-Bueno ahora que ya tenemos abierta nuestra imàgen, como esta es demasiado grande nos vamos a la opciòn de IMAGE y despues IMAGESIZE desde ahì le cambiamos a un tamaño menor, en este caso lo cambiè a 600 x 600.

Asì:

[img]http://img204.exs.cx/img204/9378/dibujo24yi.jpg[/img]

2.-Esta imagen como serà nuestro fondo solo tenemos que adaptarla al tamaño de nuestro layer,asì que vamos a nuestra imagen y le damos donde dice SELECT-ALL y Cut.

[img]http://img19.exs.cx/img19/4166/dibujo37nt.jpg[/img]

3.-Despuès nos vamos a nuestro layer y le damos EDIT --PASTE.
Ya que hicieron esto simplemente teclen CONTROL "t" y adaptanel la imagen como les guste, despues de esto simplemente les saldrà un mensaje que diece APPLY-DONT APPLY-CANCEL,denle click donde APPLY.

Asì quedarà:

[img]http://img19.exs.cx/img19/6995/dibujo46en.jpg[/img]


Bueno ahora viene lo fàcil creamos una layer nueva, ya les enseñe como solamente buscan la pestaña de LAYER---NEW LAYER y listo ahora en esta new layer vamos a darle click a la herramienta que dice POLYGONAL LASSO TOOL.

Bueno ahora lo unico que tenemos que hacer es crear nuestro marco a nuestro antojo, para empezar a usar esta herramienta de POLYGONAL LASSO TOOL.le damos un click y listo comenzamos a trazar, cada ves que quieran hacer una curva o desviaciòn tienen que dar un click para que pueda dar efecto, cuando terminen de diseñar su marco den dos clicks y listo,conesto quedarà seleccionado todo el marco.
Ya que terminamos el marco nos vamos a la opciòn de SELECT-INVERSE y listo quedarà listo para rellenar el marco que hicimos, asì quedarà:

[img]http://img216.exs.cx/img216/3461/dibujo56lq.jpg[/img]

Bueno ahora vamos a hacer la transaparencia como se las enseñe en el anterior tutorial.
Bueno ahora vamos por la cubetita de relleno (Pain bucklet tool) escogemos color blanco de los dos cuadros y rellenamos dentro del marco.
Despùes de esto como les dije en el anterior tutorial repetimos la operaciòn de que nos vamos primero a LAYER--LAYER STYLE--y le damos en BLENDING OPTIONS.

Asì:

[img]http://img218.exs.cx/img218/1637/dibujo54gg.jpg[/img]

Despuès palomeamos:

DROP SHADOW.
INNER SHADOW
OUTER GLOW.
INNER GLOW.
STROKE...LE DAMOS CLICK Y SELECCIONAMOS EL COLOR BLANCO.

Asì:

[img]http://img206.exs.cx/img206/9173/dibujo67ip.jpg[/img]

Ya que hicimos esto bajamos el FILL a 70 % y listo habrà quedado nuestro marco poligonal transaparente.

Asì quedara:

[img]http://img223.exs.cx/img223/8805/dibujo62va.jpg[/img]

Espero que les sirva y no se pierdan el siguiente tutorial que serà de marcos con efectos y degradados,zero transparencia jeje.
Última edición por carlos_theone el 11-02-2005 01:08, editado 1 vez en total
carlos_theone
Redactor
Redactor
 
Mensajes: 4064
Registrado: 11-03-2003 08:00
Cash on hand: 0.00
Ubicación: Mèxico,D.F.

Notapor frieza » 10-02-2005 03:03

gracias por la info de este tutorial, va a ser muy util.
[img]http://img208.imageshack.us/img208/507/firmfrzbi3.jpg[/img]
[img]http://i4.tinypic.com/23uq4qh.jpg[/img]
Avatar de Usuario
frieza
Iniciado
Iniciado
 
Mensajes: 1947
Registrado: 15-11-2004 08:00
Cash on hand: 0.00
Ubicación: en mi planeta

Notapor Cagalli Yula Athha » 10-02-2005 22:29

bestial, en cuanto tenga tiempo me pongo a ello. veru tnx theone!
[img]http://img142.imageshack.us/img142/518/bfccopyvz6.jpg[/img]
[img]http://i43.tinypic.com/jzwr9l.jpg[/img]
Avatar de Usuario
Cagalli Yula Athha
Importador
Importador
 
Mensajes: 8731
Registrado: 06-02-2003 08:00
Cash on hand: 0.00
Ubicación: Denia,alicante-->España

Notapor carlos_theone » 23-02-2005 03:16

Bien como me falló de doble post les dire dos webs para subir sus firmas:

http://imageshack.us/


http://tinypic.com/

Listo ahora continuen con el tutorial.
Última edición por carlos_theone el 23-02-2005 03:30, editado 1 vez en total
carlos_theone
Redactor
Redactor
 
Mensajes: 4064
Registrado: 11-03-2003 08:00
Cash on hand: 0.00
Ubicación: Mèxico,D.F.

Notapor carlos_theone » 23-02-2005 03:25

Bien ahora es momento de hacer un marco simple con degradados(FILTERS).

Aquí ya no necesitaré explicar tanto por que lo mencione todo en los casos anteriores.

Bueno necesitamos ahora una imágen,en este caso seleccioné una de castlevania.
Igualmente aquí les dejo la URL por que está demasiado grande:

http://www.rpgfan.com/pics/cast-wnc/wall-02.jpg

Bueno lo primero es abrir nuestro photoshop y crear un layer de 500 x 115,ya que tenemos esto abrimos nuestra imagen de castlevania.
Ya que esta abierta le damos en SELECET ALL y después nos vamos a EDIT y después a la opción COPY.

Después nos vamos a nuestra en firma en blanco y le damos en EDIT paste,con esto nuestra imagen se pegará,pero bueno ahora para adaptarla al tamaño de nuestra firma le damos CONTROL Ty listo deslizenla y muevanla según su gusto:

Y nos quedará algo así:

[img]http://img213.exs.cx/img213/1893/dibujo10gu.jpg[/img]

Bueno ahora nos vamos a nuestra barra de herramientas de diseño y buscamos la herramienta de RECTANGULAR MARQUEE TOOL, ya será facil de encontrar y ubicar,pues bien después de esto seleccionamos esta herramienta y trazamos el rectangulo en nuestra firma segun como ustedes quieran que se vea su marco,después de esto nos vamos a la opcion de SELECT y le damos INVERSE:

Y nos quedará algo así:

[img]http://img184.exs.cx/img184/663/dibujo26zb.jpg[/img]


Bueno antes que nada creamos un nuevo layer en la opción de LAYER-NEW LAYER, no importa que hallamos seleccionado nuestro marco en la layer 1 con esto de realizar una nueva layer se pasará automaticamente a la dos.
Bien ya que hicimos esto seleccionamos un color para nuestro marco en este caso escogí rojo,y ahora regresamos a nuestra barra de herramientas de dibujo y buscamos la herramienta de PAINT BUCKLET TOOL, que también seguramente debe de ser fàcil de que la ubiquen y ya seleccionada la herramienta rellenamos nuestro marco:

Nos quedará así:

[img]http://img141.exs.cx/img141/2861/dibujo38od.jpg[/img]

Bueno ya que hicimos esto, es la hora de degradar el color,pero antes nos vamos a la opción de LAYER-después LAYER STYLE y BLENDING OPTIONS
Así:

[img]http://img79.exs.cx/img79/9213/dibujo44xg.jpg[/img]

Depués palomeamos lo siguiente:

DROP SHADOW.
INNER SHADOW
OUTER GLOW.
INNER GLOW.
BEVEL AND EMBOSS.
STROKE...LE DAMOS CLICK Y SELECCIONAMOS EL COLOR BLANCO.

Así:

[url=http://www.imageshack.us][img]http://img239.exs.cx/img239/2410/dibujo50fr.jpg[/img][/url]

Después para hacer el degradado nos vamos a la opción de FILTER donde estan todos los degradados,en mi caso me fuí a: FILTER--TEXTURE-GRAIN,este efecto lo hacemos nuevamente y nos quedará así:

[img]http://img184.exs.cx/img184/4577/dibujo69th.jpg[/img]

Bueno ahora vamos a juntarlo con otro degradado nuevo. para esto creamos una nueva LAYER(ya saben como) y después ya que estamos en nuestra nueva layer nos vamos a EDIT-RESELECT y verán como se selcciona otra vez nuestro marco, ya que hicimos esto nos vamos nuevamente a FILTER-RENDER-CLOUDS y verán como se selecciona en forma de nubes nuestro color rojizo así:

[img]http://img184.exs.cx/img184/6774/dibujo74xy.jpg[/img]

Bien pues no hemos acabado ahora como este color no queda bien para un nuevo degradado, nos vamos a PAINT BUCKLET TOOL y seleccionamos otro color, yo escogí negro,ya que seleccionamos nuestro color nos vamos otra vez a FILTER-RENDER-CLOUDS y ahora verán unas mejores nubes,después de esto le vamos a dar otro toque a nuestras nubes para esto nos vamos a FILTER-SKETCH-GRAPHICPEN,depués de seleccionar GRAPHIC PEN nos saldrá un cuadro de opciones para mejorar el rayado de esta opción de degradado,si gustan moverlo "es a su gusto", yo lo deje como estaba y después le dan OK,con esto verán un nuevo degradado así:

[url=http://www.imageshack.us][img]http://img206.exs.cx/img206/6220/dibujo87rp.jpg[/img][/url]

Pero falta el toque final ahora finalmente nos vamos al cuadro donde aparecén nuestras LAYERS y verán un cuadrito blanco donde originalmente dice NORMAL de ahi seleccionamos y lo movemos a la opción de SOFT LIGHT.

Quedará así:

[img]http://img184.exs.cx/img184/7780/dibujo97ip.jpg[/img]

Y listooooo, con esto hemos terminado nuestro degradado.
Para el siguiente tutorial será ahora degrado con marco poligonal pero con otras cosas extras jeje.
carlos_theone
Redactor
Redactor
 
Mensajes: 4064
Registrado: 11-03-2003 08:00
Cash on hand: 0.00
Ubicación: Mèxico,D.F.

Siguiente

Volver a General

 


  • Mensajes Relacionados
    Respuestas
    Vistas
    Último mensaje

¿Quién está conectado?

Usuarios navegando por este Foro: Google [Bot] y 1 invitado