Coleccion de Tutoriales de Photoshop u2

5/10/2018 Coleccion de Tutoriales de Photoshop u2 - slidepdf.com

http://slidepdf.com/reader/full/coleccion-de-tutoriales-de-photoshop-u2 1/125

COLECCIÓN DE TUTORIALES DE

PHOTOSHOP V 2 .0 B Y F ACTOR



1







2

Colección de t ut oriales de PHOTOSHOP v. 2…… 4

Como crear un graf fit i………………………………… 5

Creando un Smyler…………………………………… 15

Efect o de Text o de Plást ico

con borde Met álico…………………………………… 26

I nt egrar Cascada en Paisaje………………………. 30

Mascaras y Selecciones Avanzadas……………… 39

Text o camuflado……………………………………… 52

Text o en Reflejo……………………………………… 57

Tut orial Firma…………………………………………. 60

Text o con velocidad…………………………………. 65

Reflejar una imagen…………………………………. 69

Esquina doblada……………………………………… 74

Crear un botón……………………………………….. 78

Botones hundidos…………………………………… 80







3

Botones cuadrados…………………………………. 82

Tutor ial de Fotomontaje…………………………. 83

Nieve sobre Texto………………………………….. 90

Tutor iales Logo Y Telas…………………………… 94

Flor de Cristal……………………………………….. 109

Cortadas y her idas, pr imera par te…………….. 113

Efecto l ight blast…………………………………... 115

Derechos reservados……………………………... 125







4

“IMPORTANTE LEER”







5

BY: WYCHE

Antes de comenzar debemos tener fuentes "estilo graffiti"instaladas. ya sabeis, a Google --> fuentes windows graffiti aquí osdejo las que me descargue yo:http://www.hispanosnet.com/fuentes_gratis/fuentes/z/zit-graffiti.htmlhttp://www.tuxela.com/index.php?newsid=4804http://new.taringa.net/posts/downloads/913833/Graffiti-Fonts-2_0---Fuentes-Tipo-Graffiti---Descarga-Direct.html

comencemos. Abrimos un documento nuevo. Yo lo hago con 600x350.

1.- Elegimos la fuente deseada. La que yo elegí se llama "Fatcap",os entra en esas descargas de ahi arriba. El tipo de letra tiene queser hueco, es decir, que nos deje el contorno (en esta letra, siescribimos en minúsculas salen negras al completo, si lo hacemosen mayúsculas, sale hueca). Creamos un texto, en negro, y muygrande, en mi caso 400 px de tamaño.







6

1. a.- Si os dais cuenta, hay partes en que una letra se introducedentro de otra, yo lo que hago es borrar una de las líneas, asi lo queconsigo es que de sensación de que una letra esta encima de laotra. Para ello, rasterizar el texto, y con la goma borrar la línea(recomiendo utilizar la herramienta seleccionar y el zoom, paraborrar solo los pixeles deseados)







7







8

El resultado se nota bastante

2- Duplicamos (Ctrl+J)

3- Ocultamos la capa copia y trabjamos sobre la original. Llega elmomento de rellenar la letra. Utilizando la varilla magicapinchamosen cualquier parte del lienzo (para que seleccione todo menos lasletras), boton derecho --> seleccionar inverso. Nos debe quedarseleccionado l cotorno total de las letras. Rellenamos de blanco(Shift+F5) y despues coloreamos con el bote de pintura y el colordeseado (en mi caso, un azul oscuro)

OJO!! ! AQUI HAY QUE TENER CUI DADO!! ! LOS HUECOS QUE

PUEDEN QUEDAR ENTRE LETRA Y LETRA (OS LOS HEREMARCADO) NO DEBEN ESTAR SELECCI ONADOS ANTES DERELLENAR!!!!! Ya sabeis, pulsando Shift se une a la seleccion...







9

4.- Des-ocultamos la capa copia y observamos que las letras se

rellenaron. llega el momento de poner unos detalles dentro de lasletras. para ello y sin deseleccionar, elegimos un pincel de motivos,y vamos plasnmando detalles aleatoriamente. Pueden ser estrellas,circulos, copos de nieve, puntos, lineas... LO QUE SEA!!!!







10

ES IMPORTANTE QUE TENGA SELECCIONADO EL MODO "PINCELDE SERIGRAFIA"

5.- Creamos una nueva copia y la situamos la ultima, debajo delrelleno de las letras

6.- Cargamos la seleccion de la capa de las letras azules (ctrl+click en el mapa) pero nos situamos para trabjar en la capa recien creada







11

7.- Menu Seleccion --> modificar --> Expandir --> 5 px

8.- Rellenamos esta capa de otro color, en mi caso, rojo...

en este paso me di cuenta que el relleno azul es un poco mas







12

grande que el contorno de las letras, y lo solucione cargando laseleccion del contorno (Ctrl+clik en el mapa), menu Seleccion -->Modificar --> Expandir --> 1px y lo rellene de negro...

9.- Ya tenemos las letras hechas, ahora hay que crear un fondo, enmi caso, una llama de fuego.

9.a.- Creamos una capa nueva, y la enviamos al fondo9.b.- Hacemos una seleccion rectangular, mas o menos como eltamaño de las letras9.c.- Le damos a la seleccion un degradado con los colores amarilloen el frente y rojo en el fondo

9.d.- Con la herramienta dedo, y el degradado deseleccionadovamos creando la llama esparciendo los colores hacia arriba, pero tbhacia abajo para redondearlo, y dando realismo a la llama (un buenmetodo es ir haciendo pequeños circulos)

9.e.- Para darle mas realismo, a la llama podeis darle el filtro "rizo"







13

10.- Es hora de crear la pared, en tres pasos, primero seleccionar elcolor, luego "firmar" la obra y luego "crear" los ladrillos

10.a.- El color de mi fondo va a ser negro, ya se que es poco real,pero una llama sobre fondo negro queda fantastico... creamos unacapa, y la rellenamos de negro.10.b.- Para crear la firma es facil, cramos un texto, con letrapequeña, y la ponemos en la esquina inferior derecha. Tambien escomun dedicar los graffitis, asi que como yo os lo dedico a vosotros,lo pongo en la esquina inferior izquierda

AVI SO!!! Hast a aqui, es lo que yo he hecho, pero no t odoslos graff it is tienen que ser asi, uno seran sin llama... ot rossera..... cada uno hace lo que qu iera... lo im port ante de paracrear el gr afi t i es el acabado, es decir, este paso

10.c.- Antes de crear la pared, tenemos que acoplar todas las capas.una vez acopladas, nos vamos a Menu Fi lt ro - -> Textura -->







14

Texturizar y elegimos pared de ladri lo con los siguientesparametros:

y ya tenemos nuestro graffiti.







15

Tut orial de Dibuj o e I lustración

Tutorial por Carlos Pérez Cruz

Carlos Pérez Cruz nos muestra paso a paso en este tutorial comodibujar un smyler con Adobe Photoshop.

1.- Primero abrimos un nuevo documento de las medidas queprefieras, luego creamos una nueva capa y creamos un círculonegro utilizando la herramienta elipse presionando shift para quesalga bien.

2.- Ya creado el circulo nos vamos a capa/estilo decapa/superposición de degradado y ponemos estos valores.







16

3.- Bien ya que pusiste los valores le das ok y creas una nueva capaen la que vas a hacer un ovalo con la herramienta marco elíptico ypones un degradado de blanco a transparente sobre el ovalo.







17

4.- Ahora crea una capa nueva y has un ovalo de color negro con laherramienta elipse ya creado lo rotas un poco como en la siguienteimagen.







18

5.- Con la capa del ovalo que acabamos de hacer seleccionada nosvamos a capa/estilo de capa/superposición de degradado y

ponemos estos valores.







19







20

6.- Si vas bien tienes que tener algo como esto.

7.- Ahora duplica la capa del ojo, redúcela un poco y píntala de uncafé parecido al siguiente.







21

8.- Después de esto te vas a capa/estilo de capa/bisel y relieve y ledas estos valores.







22

9.- Ahora oprime ctrl + clic en la capa en la que estamos y te vas aselección/modificar/contraer y le das 5 pixeles. Crea una capa y conla selección puesta has un degradado de blanco a transparente de la

esquina de arriba asta como por la mitad te debe quedar algo comoesto.







23

10.- Ya que acabamos el ojo las tres capas que tenemos lesactivamos la cadenita y las unimos ya echo esto solo duplicamos elojo, seleccionamos la herramienta mover y presionando alt damosun clic sobre el ojo y arrastramos al otro lado.







24

11.- Para hacer la boca creamos una capa nueva y con laherramienta elipse asemos un ovalo alargado por debajo de los ojosy le damos forma de boca.

12.- Y por ultimo lo que nos falta los dientes, creamos una capanueva y con la herramienta elipse hacemos semicírculos de colorblanco sobre toda la boca y cuando ya allas terminado solo oprimes

ctrl+ G y eso es todo.







25

Espero que les haya gustado este tutorial mi primer tutorial. Muchasuerte a todos.







26

Tut orial de Efectos de Text o

Tutorial por Paquo360 de SoloPhotoshop.com

Nuevo tutorial de estilos de capa de paquo360 aplicado comoefectos de texto llamado Plástico con borde Metálico.

Hola a todos. Aquí les traigo otro tutorial de estilos de capa, loscuales además de ser muy sencillos de explicar, también son muyatractivos, este en especial es uno de los que mas me agrada, lo hellamado Efecto de Texto de Plástico con borde Metálico. Espero que

les guste y sea de utilidad.

Iniciamos escribiendo el texto al que aplicaremos el efecto. En estecaso he usado la fuente Cooper, Negrita, 165 pt de tamaño y color:990000, como se observa en la imagen a continuación:

Ahora iniciamos a crear el estilo paso a paso, para ello hay que dardoble clic sobre la capa de texto en la paleta de capas para abrir losestilos de capa:







27

Sombra Paralela

Sombra I nterior







28

Bisel y Relieve

Contorno







29

Satinado

Este sería nuestro resultado final y como se puede ver también esaplicable a casi cualquier otra forma con resultados geniales. Juegacon los distintos valores del estilo y encontrarás resultadossorprendentes.







30

Tut orial de composición Fot ográf ica

Tutorial por Diego Matt ei de DiegoMattei.com.ar

En este nuevo tutorial de Diego Mattei nos muestra como Integraruna Cascada en un Paisaje usando selecciones difíciles hechassimples.

En el tutorial de hoy veremos "selecciones dif íciles hechassimples" , un recurso para cuando tenemos que seleccionarelementos de formas irregulares, que nos llevaría a abandonarel trabajo con solo pensar en hacerlo con alguna de lasherramientas de selección por todos conocidas (léase lazo, lazopoligonal, pluma, máscara de capa, etc.)

Con este t ruco, podremos seleccionar no solo for masirr egulares, sino t ambién m antener la t ransparencia del

objeto. Podemos utilizarlo para agua (cascadas, olas..), vidrio(vasos, botellas…) y hasta en algunos casos, para el cabello.

Veamos las fotografías con las que trabajaremos:







31

Lo que intentaremos será poner esa cascada en la otra imagen. Sibien aquí no se ve en detalle, luego haremos un zoom para ver elefecto logrado.

1º Paso: Abrimos la imagen 1 (montaña) y la duplicamos con

CTRL+J. Luego abrimos la imagen 2 (cascada) en el mismo lienzo,en una capa por encima de la imagen 1.

De ser necesario redimensionamos la cascada con CTRL+T. Ledamos un 50% de opacidad a la cascada desde el panel de capascon el fin de poder ver a través de ella y ubicarla en dondequeremos que aparezca la cascada:







32

2º Paso: Una vez ubicada en el lugar que queremos, volvemos suopacidad a 100%. Lo que hacemos a continuación es seleccionar ellazo poligonal (o tu herramienta de selección favorita) y marcamosuna selección alrededor de la cascada. De esta forma:







33

Esto es aproximado, pero a modo de ejemplo, como para que veanque la selección no debe ser precisa, tomando todo lo que espartículas de agua a su alrededor.

Vamos a Edición > Copiar Combinado. Nos dirigimos al panel decapas y vemos que ahí mismo se encuentra la solapa de "Canales"(generalmente se encuentra ahi. De no estar, podemos abrirladesde Ventanas > Canales). Una vez en el panel de Canales,creamos uno nuevo, el cual se llamará automaticamente "Alfa1". Enese momento se pondrá todo en negro.







34

Y esto por que? Generalment e se denomina canal Alfa at odo lo que sea t ransparent e. Y si recordamos t ut orialesanteriores, el negro es el color que t oma comotransparencia.

Ya con el canal Alfa creado, pegamos la imagen que habíamoscopiado en dicho canal (Edición > Pegar).

3º Paso: Lo que haremos a continuación es el paso másimportante. Aquí deberemos lograr un contraste entre el negro y elblanco, de forma tal que tome las transparencias e individualice losbordes irregulares y partículas de agua.

Consej o: Ni muy mucho, ni tan poco: Encont remos elequilibrio.

Entonces vamos a Imagen > Ajustes > Niveles y corremos elselector del color negro hasta encontrar ese punto del quehablamos. Mi resultado para esta imagen es este:







35

Como vemos queda solamente el agua. Lo que marqué en rojo en laimagen es para lo siguiente: Como no me gusta y no quiero que sevea, entonces lo que haré será pintarlo de negro, con cuidado de nopintar muchas partículas.

4º Paso: Para seleccionar esto, hacemos click sobre el canal Alfacon la tecla CTRL presionada. Será una selección no completa anuestros ojos, pero en realidad es lo que necesitamos.

Antes de pasar al panel de capas nuevamente, debemos ponervisible el canal RGB haciendo click en el casillero de visibilidad yocultar el canal Alfa1 de la misma forma (ver imagen anterior).







36

Ahora si podemos pasar al panel de capas viendo la selección en laimagen.

5º Paso: Creamos una nueva capa, la cual llamaremos "Cascada

transparente". Ya en esta capa y con la selección activa, vamos aEdición > Rellenar. En la pantalla de esta herramienta, utilizamoscomo contenido el color blanco, a modo Normal y con la opacidad al100%.

Aceptamos y presionamos CTRL+D para quitar la selección. Sitodavía no ocultamos la capa de la imagen con la cascada, lohacemos; de manera que solo quede visible la capa con la imagende la montaña y la capa "cascada transparente".







37

Si bien ya tenemos la cascada perfectamente "recortada", todavíano logramos darle el realismo a la imagen. Que falta? Digamos queel agua no est á moj ando nada… Las piedras por debajo de lacascada tienen el mismo color que el resto.

6º Paso: Creamos una nueva capa entre la cascada y las piedras.Tomamos el pincel y seleccionamos como color frontal #1f2110 osimilar (negro). Pintamos toda la zona, detrás de la cascada y a loscostados.







38

7º Paso: A esta capa, le bajamos su opacidad a 50% y cambiamossu modo de fusión por "Luz lineal".

Para finalizar, y porque soy algo "vueltero", le di un blur. Esto desdeFiltros > Desenfocar > Desenfoque Gaussiano, con un valor de 8px.







39

Tut or ial phot oshop. Técnicas Básicas

Tutorial por Kitsch de Foro Creativo

Este magnífico tutorial de Kitsch muestra otra forma para hacermascaras y selecciones, la selección por canales.

Bien, algo que es sumamente básico en el uso de Photoshop son lasselecciones, existen muchas, muchas formas de hacer selecciones yposteriormente mascaras o viceversa, el detalle es que aunquetenemos muchas herramientas mucho muy avanzadas en Photoshop

las cuales se mejoran con cada versión, no hacen nada por si solasy es particularmente difícil hacer una buena mascara o una buenaselección.

El método mas básico es sin duda la herramienta SelecciónCuadrada (tecla m) y Selección Circular (shift+tecla m), para cosasun tanto mas complejas existen las herramientas de Lazo Poligonal(tecla l) y Lazo a Mano alzada (shif+tecla l), incluso contamos con laherramienta Varita Mágica (tecla w) e incluso la nueva herramientaQuick Selection (Solo CS3 shift+ tecla w). Muchos usuarios con esto

se avientan a hacer sus recortes, mascaras y demás procesos parasus fotomontajes y foto manipulaciones, los más ávidos y un pocomás experimentados comienzan a trabajar con las “mascarasrapidas” (tecla q) y ya utilizan brushes y filtros para hacerselecciones, aunque aun así muchas veces quedan lejos delresultado deseado y caen en el “cortón” de algún lugar de laimagen, sobre todo si es un retrato y manejamos cabello.

Bien, este tutorial pretende mostrarnos otra forma para hacermascaras y selecciones, la selección por canales; algo a lo quemuchos usuarios no le entran por miedo o desconocimiento. Laselección por canal y los ajustes de color para selección permitenhacer cosas realmente sorprendentes en cuanto a mascaras. Porejemplo la siguiente imagen:







40

Original







41

Fotomontaje

Detalle.

Como verán en la imagen a detalle, el cabello queda intacto, serespetan hasta los cabellos fuera de peinado y las transparencias enlas zonas de medios tonos cerca del mentón de la modelo. Puesbien, en este tutorial intentare explicar como lograr este tipo demontajes con el panel de Canales, el perfecto uso de Niveles yCurvas y un poco de retoque digital.

Este tutorial a diferencia de otros que he hecho, lo partiré en dossecciones y utilizare dos imágenes distintas para cada sección, puesexplicare dos cosas aunque similares, son de diferente resultado y

varia un poco el proceso. Recuerden, cualquier duda en el foro seatienden ;)

Selección de Cuerpo completo

Antes que nada, honor a quien honor merece; la foto que utilicepara el ejemplo es de stock y pertenece a: http://periwinkle-







42

stock.deviantart.com/, hay buenas imágenes ahí para practicar,stock recomendado.

Bueno nuestra imagen es la siguiente:

Imagen Original

Primero que nada, entre mejor este nuestra imagen, mejor será elresultado, razón por la cual pasaremos a hacer correcciones básicas

de la imagen.*. Empezamos por una mascara de enfoque, para realizarla vamos aFilter>Sharpen>Smart Sharpen…







43

Valores de la mascara

Estos valores pueden variar dependiendo de la imagen queutilicemos, muchas veces será mejor la cantidad de enfoque y

algunos casos mucho mayor. La idea es que se definan bien losbordes de los objetos, en este caso basto 1 pixel con eliminación dedesenfoque gaussian.

*. Ahora a corregir el color, existen muchos métodos sin embargoyo soy partidario del panel de Niveles y de las Curvas, dejo unascapturas del ajuste de los niveles que hice para obtener el color quenecesitamos para nuestra mascara:







44

Canal Rojo

Canal verde







45

Canal Azul







46

Resultado

*. Duplicamos la capa (ctrl.+j)

Bien, ahora comienza lo difícil y lo llamo de esta manera por que esdonde ingresaremos al detalle de las mascaras por canales. Abrimosnuestro panel de Canales (channels) el cual esta generalmente aunlado de la ventana de capas (layers), desactivamos la vista de RGB yactivamos una por una todas las vistas de cada canal ¿Para que?

Bien es para escoger cual canal nos servirá para efectos de nuestraselección.

Yo utilice el canal rojo, que es más claro de la imagen, utilizo esteporque contrastara de forma casi perfecta al momento de los







47

ajustes, por la cantidad de contrastes y el gran balance entreblancos y negros.

*. Una vez que ya seleccione el canal que utilizare, selecciono el

canal rojo y con el botón derecho del ratón, del menú contextualseleccionamos “Duplicate Channel” (duplicar capa).

*. Ahora con la capa Rojo copia aun seleccionada, hacemos unaselección de todo el canal (ctrl.+ a)

*. Vamos a Edit>Fade… (shift+ctrl.+f)

*. Escogemos el modo “screen” con opacidad del 64%

Transición del canal rojo.

*. El siguiente paso puede que sea el mas complejo de todo elproceso, y consta en obscurecer y aclarar nuestra imagen con dosde las herramientas más potentes del Photoshop, Subexponer y

Sobrexponer. Con estas herramientas lo que haremos es obscurecere iluminar de modo que solo tengamos en oscuro el objeto quequeremos enmascarar, para esto con la herramienta subexponerobscureceremos lo que nos interesa y con la herramientasobrexponer aclararemos hasta dejar en blanco lo que nos sirve denuestra imagen.







48

Separando objetos

En cada parte del proceso podemos apoyarnos en curvas y nivelespara acelerar el proceso. Trabajaremos en esto hasta tener elsiguiente resultado:







49

Resultado de obscurecer y aclarar

*. Con nuestra selección finalizada, activamos la vista RGB yregresamos al panel de Capas.

*. Vamos a Selection>Load Selection… y seleccionamos el CanalRojo Copia







50

Cargar Selección.

*. Con la selección ya cargada, presionamos el botón “Add LayerMask” del panel de Capas.

*. Seleccionamos la imagen pequeña de la mascara y presionamosctrl. + i para invertir la selección y obtener así una mascara de elfondo y que nuestro objeto principal se mantenga visible.







51

Mascara Activa.

Por ultimo agregue un fondo verde tipo “green screen” para que sevea los detalles, además de que este color se presta para después

de cambiarlo a placer.

Mascara visible







52

Pues con esto termino este tutorial en su primera parte, en elpróximo (hoy ya se me vino el tiempo encima) tratare más a detallecon retratos de cabello volando u otro tipo de selecciones.

1.-Creamos un archivo con fondo negro. Este sera de 400x3002.-Seleccionamos la herramienta de texto, con color blanco yescribimos lo que sea.3.-Luego, vas a Blending Options > Gradiant Overlay, modificandolocomo sale en la imagen. Elejimos un gris codigo #C8C8C8 y para losextremos #6F6F6F

(Intenten que ninguna parte les kede en kolor plano...si es asi,

manchen un poco con algun gris)4.-Creamos una nueva capa, la colocamos abajo de la del texto yapretamos Control E o merge down







53

5.-Nos vamos a Filter > Pixelate > Cristallizer y 40 en Cell Size

6.- Denuevo Filter > Pixelate > Cristallize, pero ahora con untamaño de 13







54

7.- Repetimos 2 o 3 veces8.- Ctrl B o Image > Adjustements > Colro Balance en +91/+46/-39

9.-Ctrl M o Image > Adjustements > Curves como en la siguienteimagen







55

10.- Ctrl M o Image > Adjustements > Curves como en la siguienteimagen







56

11.- Volver a Repetir el Paso 6 y 7

(OPTATIVO)12.- Filter > Texture > Texturize con estos valores:

Sandstone con 50%

Si no queda bien, sigan ajustando las curvas, hasta que les guste elresultado







57

En este tutorial les voy a enseñar como reflejar el texto

Primero vamos a abrir un documento nuevo del tamaño que quierasy vamos a usar la herramienta de texto para escribir lo quequeramos:

Una ves que hallamos hecho esto duplicamos la capa dando clickderecho -> Duplicate Layer:

Despues vamos a voltear verticalmente la capa duplicada, Edit ->Transform -> Flip vertical:







58

Ya que tengamos la capa volteada damos click derecho sobre laimagen y luego Rasterize layer:

Movemos la imagen para que quede a uno o dos pixeles dedistancia de la capa original:

Despues, con el Marquee tool, le ponemos Feather de 10px o masdependiendo del tamaño de la imagen y seleccionamos de la mitadhacia abajo de la imagen volteada:







59

Ya que tengamos hecha la seleccion presionamos la tecla Supr dos

o mas veces, dependiendo de cuanto quieren que se vea el reflejo,una ves que hayas hecho esto ya deberias tener tu texto reflejado:







60

Este tutorial es muy sencillo pero necesitamos um Brush que lopueden bajar de la siguiente

direccion :http://www.photoshop-designs.com/bash_set11.rar

En caso no sepan como instalarlo me avisan

Abrimos um documento de 500 px por 200 com fondo blancoNos aseguramos que nuestros colores de foregraund y backgraundsean negro y blanco respectivamente.Tomamos la herramienta de seleccion marco rectangular y hacemosum rectangulo de 500 px por 150 px de alto y la colocamos comoem la imagen.

Tomamos la herramienta de brush, aquella que lês di el link. Sindeseleccionar

Y hacemos uma cosa como nuestra imagen, tomamos otro Delmismo brush que bajamos y hacemos otro diseño cualquiera noimporta siempre sobre el fondo.

Ahora nuestra imagen debera verse mas o menos asi







61

Ahora creamos uma nueva capa continuamos sin retirar la seleccionTomamos um brush humedo de unos 200 px y podemos porejemplo poner um color rojo y haemos como muestro em lasiguiente imagen y la ponemos em modo Soft Light o en español luzsuave.

Sin deseleccionar todavia creamos uma nueva capa y escojemosoutro color em mi caso naranja, y repetimos lo mismo que em elpaso anterior y no olviden cambiar el modo para luz suave... veacomo queda la imagen







62

Vamos a poner um color mas??? Entonces sin deseleccionar todaviacreamos uma nueva capa y repetimos los pasos de colores

Ahora nos situamos em la capa fondo todaviamos tenemos laseleccion deberiamos tenerlaEm esta capa fondo vamos hacer um borde ...Edicion + trazo 1 pixel por afuera em mi caso color negro.

Ahora podemos deseleccionar..... buscamos uma imagen em mifirma esta esta







63

Copiamos nuestra imagen y la pegamos em nuestro trabajo ..... Y listo aqui ya esta pronto....







64

espero puedan realizarlo ..... no obstante saben que siemprepueden preguntarme que les respondere con todo gusto.....

Dany







65

Por: bovino milenario

Bueno corral les traigo un tutorial más, un efecto para texto,estamos en los ultimos tutoriales para texto, pero mientrasdisfruten este:

1.- Abrimos un nuevo documento, con fondo negro, y un texto alcolor blanco y acoplamos.

2.- Lo siguiente sera aplicar Filtro/Desenfoque/Gaussiano convalores de 0.8 a 1.

3.- Despues aplicamos Filtro/Estilizar/Solarizar y ajustamos loniveles automaticos (Ctrl+L)







66

4.- Ahora Filtro/Distorsionar/Coordenadas polares aqui sera de"polar a ractangular"

5.- Rotamos el lienzo 90° ACD y aplicamos Filtro/Estilizar/Vientodesde la derecha 2 veces para que se vea más marcado







67

6.- Rotamos el lienzo a su posicion original y aplicamosFiltro/Distorsionar/Coordenadas polares y marcamos "rectangular apolar".

Ahora solo resta cambiar el color con Ctrl+U

Cambiando las opciones deede el paso 4 podemos tener otroresultado:







68

Asi llegamos al final de otro tutorial.







69

Voy a tr atar de explicaros est e clásico efecto de reflej ar unaimagen, que de manera muy sencilla se consigue en

Photoshop.Como siempre, lo prim ero es abrir nuest ra im agen ydupli car l a capa de fondo :

Vamos a ampliar al doble el tamaño del lienzo pero pordebaj o de la fot o, que es justo aquí donde irá el reflej o quevamos a crear . Vamos a I magen--- -> Tamaño del Lienzo.Pulsamos en la flechita que apunta hacia arriba en la ventana quese acaba de abrir tal y como muestra la siguiente captura deimagen. Con eso conseguiremos que el lienzo se amplie por debajo

de la imagen únicamente y no por arriba también. Como véis, miimagen dice que tiene una Altura de 13,3 cm. Entonces yo voy aampliar el lienzo exáctamente esa distancia también. En Alturaescribo ese mismo valor. El color de extensión del lienzo lo podéiselegir blanco o cualquier otro. Eso no influye:







70

Duplicamos la capa Fondo copia. No os equivoquéis y elegirlabien.

Vamos a Volt ear vert icalment e esta nueva capa que hemosduplicado. La capa Fondo copia 2. Para eso nos vamos a Edición-







71

---- > Transform ar----- > Voltear vert ical. Pulsamos sobre laherramienta Mover , tecla V y con los cursores de vuestr oteclado, las flechas, movemos hacia abajo esta capa y lasituamos debajo de la imagen original aproximadamente:

Con el comando Edición---- > Transformar --- -> Perspect iva,vamos a distorsionar la imagen de est a capa, la reflej ada,

para que el efecto sea más real. Para ello, movemos elt irador que aparece abaj o del t odo a mano izquierda y loarrast ramos hacia la izquierda un poco, pero sin subirlo.Unicamente lo desplazamos hacia la izquierda:







72

Ahora aplicamos el filt ro Rizo sobre esta m isma capa con losvalores que se ajusten a vuest ra im agen y ya lo tenemos .Por ejemplo yo utilicé un 100% de cantidad y un tamaño Mediano.Filtro-----> Distorsionar-----> Rizo. Si hiciera falta, después deaplicar el filtro mover hacia arriba la capa un poco, para disimular elefecto en el límite donde coinciden la capa volteada y la imagenoriginal:







73

Ahora podéis incluso desenfocar t ambién un poqui t o est a

capa, ajustar los niveles paa oscurecerla, pint arla o aplicarinf inidad de efectos que se os pudieran ocurr ir. El límit e esvuest ra im aginación. Est o es simplement e un ej emplo m uysencillito...







74

Abrir imagen:

Con herramienta de seleccion directa(flecha blanca )







75

Pasar a trazados

Volver a capas y crear capa nueva.







76

Y le pondremos una sombra paralela a gusto, yo puse esta:

Clic en la capa fondo.







77

Sin deseleccionar,se puede rellenar con un fondo,paisaje....

Tambien con las herramientas de sobrexponer y subexponer sepodria dar unos toques al pliege.y la pregunta¿si borro las fotos de yahoo se borrara el tutorial?Si no sale bien ,no se si lo intentare de nuevo. gracias y perdonar.







78

Pasos a seguir

1. Crear un documento de 300x300px, fondo blanco, 72ppp deresolución, modo RGB

2. Con selector elíptico crear un círculo que ocupe casi toda lasuperficie (260x260px)

3. Crear nueva capa y llamarla "anillo exterior"

4. Poner como color frontal # D0ECF8 y como color de fondo

#2997C45. Seleccionar herramienta de degradado lineal con los coloresanteriores y aplicar en diagonal desde la esquina superior izquierdaa la inferior derecha

6. Ir al menú Selección -->Transformar -->Escala al 85%proporcional

7. Crear nueva capa y llamarla "anillo interno"

Crear desde la herramienta degradado un gradiente que contengacomo valores: a la izquierda= #1F5978, a la derecha= #49A5D4 yal 40% (ver imagen) = #3C83BB (img degrade) y aplicar condegradado lineal como en el paso 5

degradado







79

9. Un vez creado el botón pasamos a aplicarle uno o varios efectosde capa: sombra paralela, sombra interna, bisel y relieve, etc

10. Una vez creado los efectos al botón pasamos a colocar laimagen, texto o número sobre el botón. Crea una nueva capa einserta la imagen, texto o número con efectos de capa dale bisel yrelieve.







80

1) Primero necesitaremos hacer los botones.

2) Primeramentehacemos una nuevacapa. Luego hacemos la

forma del botón con laherramienta de selección,llenamos la selección condegradé de azul claro anegro.Nombre esta capa "Botónoff".

3) Pulsamos el botón en lacapa del Fondo y entonceshacemos una nueva capa,esta nueva capa debe estardebajo de la capa "botónoff ".

4) Luego, mientras laselección todavía está activa,vamos aSelection>Modify>Expand,entremos 3 y pulsamos elbotón OK.

Ahora llenamos la selección

de blanco a negro condegradé. Arrastramos unpoco por encima del botón.Esto crea una intercalacióntras el botón.Ahora el deseleccionamos







81

(Ctrl+D). Ya es tiempo paraagregar algún texto dentrodel botón.

5) Duplica "Botón off "arrastrándolo al icono denueva Capa. Nombramos lacapa "Botón on" .Escondemos esta nueva capapulsando el botón en el "ojo"al lado de él.Ahora ponemos atrás el"botón off" capa y hacemosuna sombra pequeña con la

Capa de Efectos yendo a laSombra deLayer>Effects>Drop.Una distancia de 3 y un blurde 3. Esta sombra es optativapero da una ilusión pararesaltarlo más aún.







82

Veremos cómo realizar vi stosos botones cuadrados conAdobe Phot oshop.

1) Hacemos una nueva Capa:Ctr l+N Con la herramienta de laselección rectangular. Mantenemosla tecla mayúscula y hacemos uncuadrado pequeño.

2) Pulsamos "D" y luego "X" en elteclado para poner en primer planocolor blanco y fondo negro.

3) Seleccionamos la herramienta dedegradé. Mantenemos la teclamayúscula y pulsamos el botónarriba en la esquina izquierda yarrastramos un poco pasando laparte inferior de la esquina derechacomo se muestra en la figura.

4) Select> Modify> Contract . Aproximadamente 5 y pulsamos elbotón OK. Vamos aSelect > Feather , entramos 1 ypulsamos el botón OK.

5) Luego elegimos la herramientadegradé y llenamos como en el Paso3, pero a la inversa de abajo haciaarriba. Ahora Deseleccionamos:

Ctrl-D

6) Luego colorizamos el botón: Yendoa I mage> Adjust> Hue/ Saturat ion.Tildamos la casilla donde dice"Colorize." Saturación 70. Movemos el







83

Color hasta que encontremos uno quenos gusta.

7) Por último agregué una sombra

yendo a la Sombra deLayer> Effect s> Drop.

Tut orial Photoshop de edición Fot ográf ica

Tutorial por Mø¥ de ForoCreativo.net

Nuevamente MoY, quien publica en Foro Cretivo, nos trae este

interesante tutorial para quienes comenzamos con el manejo deFotomontajes.

Bueno chiquillos, dejen de platicar que ya va a empezar la clase.

mmm... bueno, no me queda de masetro, je, pero como sea voy asubir una parte de un tutorial que hice el año pasado. En esta partemuestro como hacer fotomontajes de manera sencilla, espero queles guste y que les sirba. Un saludo.

Nota: Esta muy explicativo, por que para quien lo hice (el añopasado), no sabia mucho de photoshop, asi que no se asusten siexplico de mas... ¿OK?

Estas son las imagenes que use para el montaje (Clic sobre lasimágenes para ampliar)







84

Aquí va.







85







86







87







88







89







90

Tutorial por Paquo360 de Only Photoshop

En este Sencillo y atractivo tutorial Paquo260 nos muestra comosimular Nieve Sobre Text o con Phot oshop.

Inicia creando un nuevo documento de 320 * 180 px, con un colorde fondo: AA732A. Después escribe el texto en el. Fuente: ComincSans MS Negrita, tamaño: 120, AA: Redondeado, Color: C2C2C2.

Haz doble clic sobre la capa de texto para abrir los estilos de capa.Usa Bisel y Relieve y Trazo como se muestra en las imágenes abajo:







91







92

Ahora debes tener algo así:

Crea una nueva capa, y haz doble clic sobre esta para abrir losestilos de capa. Agrega Resplandor Interior y Bisel y Relieve comose muestra en las imágenes abajo:







93

Finalmente toma la Herramienta de Pincel y usa unocon dureza de100% de entre 6 y 10 px para dibujar la nieve. Asegúrate de quetienes el color blanco como color de frente. Dibuja encima del textoacorde a lo que necesitas. Y listo !!.







94

Tutorial publicado por Max. Te recomendamos que conozcas su sitioweb http://www.creacionesonline.com/

Bueno, pues vamos con otro tutorial... Aunque más que tutorial, esun simple truco para aplicar relieve a una imagen. Se me ocurre quela mejor aplicación para este efecto es aplicar logotipos a prendasde ropa, para que no queden planos sobre la imagen y respeten lasarrugas y sombras propias del tejido. Este es el ejemplo que vamosa ver aquí.

Este logo no es nuestro, pertenece a los colegas de www.VaiCh.com(por si no lo sabías, la web con más buen rollo de la red) Y, por cierto, este tuto va dedicado especialmente a todos loscomponentes de dicho foro: Jorge, David, Pako, José (ese barbasxD), DiZz, al Jarucho que se curro el logo, Bolete...

Y aunque no les mole tanto como a ellos... tb se lo dedico a lasniñas... (esa MiMa que no se enfade...) Bueno, y todos los demásdaros por nombrados... Un Saludo

Partimos de dos imágenes iniciales:







95

Lo primero que haremos será transformar la imagen con el relievesobre el que queremos aplicar el logo a Escala de Grises (MenúImagen -> Modo -> Escala de Grises). Depende de la configuraciónde vuestro PhotoShop, puede que aparezca un mensaje deadvertencia diciendo "¿Eliminar información de colores?". Le dais aOK y listo. Mas adelante veremos para qué hacemos esto:







96

Una vez convertida a grises aplicaremos un ligero DesenfoqueGaussiano (Menú Filtro -> Desenfocar -> Desenfoque Gaussiano)







97

Al abrir el filtro de Desenfoque Gaussiano, se abrirá su cuadro dediálogo. Es muy sencillo. Arrastrando la barra deslizadora veréis que

aumenta o disminuye el radio y, con él, el desenfoque que seproduce en la imagen. (Para ver el resultado según vas moviendo labarra deslizadora, tienes que tener marcada la casilla de"Previsualizar" <- esto es evidente, pero porsiaka). En este caso heaplicado un radio de 1,6 que, para lo que queremos hacer es másque suficiente (Como en casi todos los casos, esto no es una cienciaexacta. Dependiendo de vuestra imagen, de los marcados que seanlos relieves, la profundidad, etc., deberéis aplicar más o menosdesenfoque. Método prueba-error, hasta que os salga):







98

La explicación de aplicar este desenfoque, viene por que más tardeaplicaremos un filtro de desplazamiento. Este filtro funciona

desplazando los píxeles de una imagen, basándose en el valor debrillo de otra que le especifiquemos. Si no aplicásemos eldesenfoque, el desplazamiento no quedaría "natural" y seproducirían "picos" y zonas con "ángulos raros". La razón paraconvertir la imagen a escala de grises es precisamente por quedicho filtro se fija en el brillo para trabajar, y en escala de grisespodemos observar con más claridad la diferencia de brillo de unaszonas a otras de la imagen. Quizá esta explicación sea un pocoengorrosa, pero más tarde, viendo el funcionamiento de estaherramienta, seguro que se comprende a la perfección.

Hemos cumplido la primera parte del montaje. Este paso esimportante. Debemos guardar esta imagen en formato PSD, parapoder usarla luego como filtro de desplazamiento. Para hacer estovamos a Menú Archivo -> Guardar como... (o pulsando Mayúsculas+ Control + S a la vez). Podemos darle un nombre como filtro.psd







99

por ejemplo para no confundirla. Lo importante es que la guardéiscon dicho formato y con un nombre distinto al de la original

Una vez guardada ya podemos cerrarla y abrir la original y elarchivo con el logo. Lo primero es copiar el logo a la imagen sobrela que queremos estamparlo en una nueva capa. Para hacer esto, laforma más rápida es colocarnos en la imagen del logo, pulsar Ctrl +

A (Seleccionar Todo) y luego pulsar Ctrl + C (Copiar); ahora noscolocamos en la imagen final (nuestra Angelina) y pulsamos Ctrl + V(Pegar). Con esto conseguimos en un momentín copiar a una nuevacapa, como se puede observar en la imagen.







100

He ampliado el Zoom un poco para poder trabajar con más detalle.Lo primero que voy a hacer es aplicar una distorsión (con la capa

del logo seleccionada -> Menú Edición -> Transformar ->Distorsionar) al logo para que siga la inclinación de la camiseta...







101

Como veis, aparece un cuadro bordeando el logo y en dicho cuadrounos manejadores en las esquinas y lados. Simplemente arrastrad

con cuidado dichos manejadores, hasta conseguir el resultadodeseado. Una vez satisfechos con la perspectiva conseguida, podéispulsar Enter o hacer clic sobre el botón Aceptar :







102

El siguiente paso es aplicar el filtro Desplazar del que tanto hehablado antes. Lo podéis encontrar en el menú Filtro -> Submenú

Distorsionar -> Desplazar. No me voy a parar a explicar elfuncionamiento de este filtro. Experimenta tú con distintos valores yves el resultado que obtienes. Sólo comentar que se puedenconseguir efectos muy majos con él. Para este ejemplo, he aplicadoun valor de 5 tanto a la escala vertical como a la horizontal (cuantomayor sea este valor, evidentemente mayor será el desplazamientoque sufrirá la imagen. No tiene por qué ser igual en amboscampos). En Mapa de Desplazamiento he seleccionado Estirar, y en

Áreas no definidas he seleccionado Dar la vuelta. Estos dos últimosvalores no afectan demasiado al resultado de este ejercicio, pero os

pueden servir para otros casos. Probad y veréis...







103

Al pulsar OK en el cuadro de diálogo aparecerá otro en el que senos pide que Elijamos un mapa de Desplazamiento. Aquí

seleccionaremos la imagen en escala de grises que habíamosguardado anteriormente (en mi caso filtro.psd) La importancia dehaberla guardado como PSD la comprendemos ahora, cuandovemos que este filtro sólo nos permitirá abrir este tipo de imágenes:







104

Y, por fin, vemos el resultado. Si os fijáis veréis como la imagen seha deformado ligeramente en las zonas sombreadas, haciendo el

efecto de relieve que buscábamos. Si ampliáis los valores de Escaladel filtro Desplazar, veréis que esta deformación aumenta. Si en vezde en esa zona, aplicáis el filtro sobre la zona inferior de la camiseta(en la zona más arrugada), veréis el resultado mucho mejor. Peroahí no quedaba tan bien el logo... xD







105

Bueno, pues ya tenemos el relieve aplicado. Pero vemos que nosfalta algo... Y es que el logo sigue viéndose "plano" sobre la imagen

original. Para corregir esto, lo único que tenemos que hacer esmodificar el Modo de Fusión de la capa. Para este caso, el quemás me ha gustado como quedaba ha sido el modo "Multiplicar".Pero también os recomiendo que probéis siempre el resto de modosde fusión, para ver los distintos resultados posibles, pues en otroscasos será recomendable usar otros diferentes. Como vemos, elresultado es que el logo se funde con la camiseta, respetando sutextura y sus sombras. Esto sumado al filtro de Desplazamiento...







106

... nos da como resultado:







107







108

© maxmaxmax 17/12/2004Todos los derechos reservados. Y los izquierdos también. No mehago responsable de mi propio comportamiento, así que imagínatedel tuyo. El conocimiento debería ser libre, así que publica esto

como te de la gana. ¡Salud!







109

Tut orial Photoshop de Dibujo e I lustración

Tutorial por Herosilence de Forocreativo.net Aqui aporto mi primer tutorial a la comunidad. Está sacado de unomuy parecido en inglés, aunque he hecho algunas variaciones alfinal, espero que os guste, y espero que no os cueste muchoentenderlo U

Primero cree un tapiz con el fondo negro. A continuación cree una nueva capa y en ella con la herramientapluma cree una forma de hoja como muestra la imagen.

A continuación haga click derecho en la capa y seleccionela, conesta seleccion vaya a la capa fondo y con el bote de pintura y con el

color frontal en blanco pintela, a continuación vaya a selección/calary dele un valor de 10 (en nuestro caso). Cree una nueva capa y sindeseleccionar marque la herramienta con el bote de pintura con elnegro como color frontal y en esta nueva capa haga click sobre laselección. Ahora deseleccionamos y con la varita magica borramosel fondo negro sobrante.







110

Seguidamente creamos nuestro fondo negro. Ahora es el momentode crear nuestra flor duplicando la capa de la hoja, y con la opcion

transformacion libre creamos nuestra flor. Para conseguir ese efectode hoja sobre hoja, colocamos en cada capa el modo de fusión entrama.

Ahora ocultamos todas las capas a excepcion del fondo y una de lashojas para tener nuestro tapiz mas libre de elementos (tendremosque realizar este paso con todas las hojas), duplicamos la capa de la

hoja visible y a esa copia le aplicamos unfiltro/desenfocar/desenfoque de movimiento ajustando el angulo aunos +-10 grados y una distancia en pixeles alrededor de 40- 50pixeles, para q se observe el efecto como aparece en la imágen.







111

A continuacion vamos a darle color, mantenemos pulsado la teclaCtrl y pinchamos sobre la capa de la flor, seguidamente creamos

otra capa y seleccionamos la herramienta degradado y escogemosel angulo y degradado que más nos guste. Ya solo nos quedariacambiar el modo de fusion en la capa del degradado en superponer,para concluir unimos ambas capas usando la tecla Ctrl+E.

Ahora para conseguir un efecto más vistoso duplicamos dicha capay con la opcion edición/transformar/distorsionar. Cuando este a

nuestro gusto le modificamos el modo de fusion a diferencia yunimos las capas igual q enel apartado anterior. He bajado en 10 elbrillo y aumenntado en 15 el contraste , pero esto ya es cuestion degustos.







112

Como curiosidad, en imagen/ajustes/tono/saturacion en el apartadode tono (con la pestaña de colorear desativada) podemos variar el

degradado si no estamos satisfechos con el que tenemos.

Bueno, espero que os gusteUn saludo







113

Tutorial por Mø¥ de http://www.forocreativo.net/

Aca esta el tuto.

Es la primera parte. luego pongo las otras dos.Ojala y les sirva.







114

Aun no se ve tan real, ya que los demás elementos le dan masrealismo (Los moretones, raspones y yagas)Eso lo pongo mañana.







115

Tut or ial r ealizado por : FACTOR

Para empezar con este tutorial dejen de pensar en sus novias porun rato y en cualquier película XXX que les haya gustado, o en otradistracción, necesito que se concentren en solo PHOTOSHOP ya quesolo necesitaran poco tiempo para acabar con este tutorial je je je,se escucho muy gandalla.

En este tutorial les enseñare como lograr el efecto Light blast, estabastante sencillo, tratare de explicarlo lo más detallado para que elresultado sea el adecuado:

Tons Empecemos 5, 4, 3, 2, 1, y comencemos:

1.- primero que nada debemos crear un nuevo documento de 600 X600 píxeles(o con las medidas al gusto) y con el fondo transparente,clic en OK.

2.- rellenar el documento de color negro con la herramienta bote depintura.







116

3.- posteriormente ir al menú de nuestro programa photoshop y clicen la opción <v is ta>, en el menú que despliega dar clic en <guíanueva> y poner los siguientes datos (para poner el signo deporcentaje presionar la tecla <alt + 37). Y OK

4.- repetir los pasos anteriores, solo que en lugar de que seavertical, seleccionar <Horizontal> y OK

Debe quedar de esta forma:







117

5.- ahora poner el texto, en este caso utilice el tipo de letra<Stenci l>, tamaño 30 pt , ya que hayan escrito su texto,asegurarse de que quede bien centrado.







118

6.- duplicar la capa de texto, ir a (capa dupli car capa) y ponernombre “factor1” y OK. Después cambiar el color del texto de lacapa “factor1” a color negro, debe quedar así.

7.- ocultaremos la capa “factor1” y nos posicionamos en la capaFACTOR.







119

8.- rasterizamos la capa de FACTOR, ir al menú (caparasterizarcapa)

9.- aplicar filtro coordenadas polares, ir al menú( f i l t rodistorsionarcoordenadas polares) y OK.En el cuadro que aparece, seleccionar la opción de “ polar arectangular” y OK. Debe quedar así.

10.- aplicar filtro viento ir al menú ( f i l t ro estilizarviento) yseleccionar las sig. Opciones. En “metodo” seleccionar “viento” yen “direccion” seleccionar “ desde la derecha” y repetir estepaso una ves mas. Debe quedar así







120

11.- aplicar filtro ir al menú ( f i l t ro estilizarviento) yseleccionar las sig. Opciones. En “metodo” seleccionar “viento” yen “direccion” seleccionar “ desde la izquierda” y repetir este pasouna ves mas. Debe quedar así.







121

12.- ir al menú (ediciontransformarrot ar 90º AC)

13.- aplicar filtro viento, ir al menú ( f i l t ro estilizarviento) y

seleccionar las sig. Opciones. En “metodo” seleccionar “viento” yen “direccion” seleccionar “ desde la derecha” y repetir estepaso una ves mas. Debe quedar así

14.- ir al menú (edicióntransformarrot ar 90º ACD)







122

15.- aplicar filtro coordenadas polares, ir al menú( f i l t rodistorsionarcoordenadas polares) y OK.En el cuadro que aparece, seleccionar la opción de “ rectangular apolar” y OK. Y debe quedar así.







123

16.- activamos como visible la capa “factor1” , debe verse de estemodo.

17.- si quieren ponerle mas crema a sus taquitos, pueden darlealgún estilo de capa, para esto posicionarse en la capa “FACTOR” eir a (capaest ilo de capasuperposición de colores) yescoger el color que mas les agrade.







124

18.- para finalizar con este tutorial procedemos a quitar las líneasvertical y horizontal para esto tenemos que ir al menú(vistaborr ar guías)

19.- espero y les haya gustado, hasta la próxima

Los derechos de este tut orial son para t odosaquellos que sean adict os el phot oshop y quesepan compart ir conocim ientos con t odos losint eresados en la materia.







125

Ahora escribiré los derechos deesta colección de tut or iales. Quecasi son iguales a los de arribapero lo repet iré de nuevo.

QUEDA ESTRI CTAMENTEPROHI BI DO NO COMPARTI RCON TODOS LOS I NTERESADOSEN APRENDER PHOTOSHOP,ESTA COLECCI ÓN DETUTORI ALES, SI PASA LOCONTRARI O LA CONCI ENCI ANO LOS DEJARA DORMI R, DI GOSI ES QUE TODAVÍ A LACONSERVAN (CONCI ENCI A) ,TAN TAN.

¡HASTA LA PROXI MA!

Coleccion de Tutoriales de Photoshop u2

Documents

Transcript of Coleccion de Tutoriales de Photoshop u2