PS TUTORIALES - WEB OFICIAL

Nos hemos mudado para ofrecerte mejores contenidos. Tutoriales y recursos gratis!

TUTORIALES

Cientos de tutoriales de Photoshop a tu disposición.

RECURSOS

Recursos gratis para tus diseños!

TUTORIALES Y RECURSOS PARA BLENDS

Tutoriales de diferentes tipos de blends y recursos increíbles!

miércoles, 9 de diciembre de 2009

Texturas para hacer blends (4ª entrega!) PHOTOSHOP

Holas! Siento haber estado todo este tiempo ausente del blog... pero tras las vacaciones estuve haciendo un curso y ahora con el trabajo apenas tengo tiempo libre. Así que de momento no puedo hacer más tutoriales... En la medida de lo que pueda intentaré dejar texturas para que las utilicéis para vuestras ediciones o blends :) Aquí va la 4ª entrega.
Ah, se me olvidaba... que yo ponga aquí las texturas no significa que sean echas por mí (lo digo por si el autor de alguna de ellas la ve por aquí y se ofende xD yo sólo las subo para compartirlas con los demás...) Besos y gracias por vuestros comentarios en mi ausencia!














domingo, 12 de julio de 2009

Efecto con filtro rizo en PHOTOSHOP

Holas! :P Parece que estos días el blog está teniendo éxito y me alegro mogollón! :P Me alegro de que os gustasen las texturas, subire más :P Por cierto.. que leí en algún coment que tengo mucha imaginación y eso... si lo decíais por las fotos editadas vale, pero las texturas no son mías (de momento, porque igual me animo y empiezo a crear mis propias texturas para blends...tiempo al tiempo), y bueno eso, que no quiero llevarme los méritos de nadie. Yo las texturas las saco de DEVIANTART. Bien y aclarado esto... subo este pequeño y sencillo tutorial de cómo obtener un efecto en nuestras fotos gracias al filtro rizo. Éste tutorial me lo han pedido en un comentario.. así que ya sabéis si queréis hacer algún pedido especial... yo gustosa intentaré ayudaros! Vamos a comenzar: El resultado que queremos obtener es éste:





Pues bien para obtener ese bordeado irregular alrededor de la chica los pasos a seguir son los siguientes:


  • Como observaréis en la imagen de abajo, tenemos que duplicar la capa a la que queremos aplicar el efecto (en este caso es la capa con la chica recortada).

  • Seleccionamos la primera capa (o sea la capa que queda por debajo) y vamos al menú Filtro>>Distorsionar>>Rizo y se nos abre una ventana que es la que véis en la imagen de abajo...

  • Marcaremos la opción "Pequeño" y en cantidad ponemos 999 (aunque podéis variar un poquito estos valores a vuestro gusto... a veces seleccionando mediano en lugar de pequeño también queda bonito). Le dáis a OK y listo! Como véis es muy sencillo! :)


Y lo dicho, si queréis algún tutorial en especial dejadlo pedido en un comentario :)

sábado, 11 de julio de 2009

Texturas para hacer blends (3ª entrega!) PHOTOSHOP

Más texturas para hacer blends... :P Espero que os gusten!!!















domingo, 5 de julio de 2009

Texturas para hacer blends (2ª entrega!) PHOTOSHOP

En vista de que os han gustado las texturas que he compartido aquí os dejo 6 más! :)






















viernes, 26 de junio de 2009

Texturas para hacer blends :) PHOTOSHOP

Aquí os dejo 6 texturas para que hagáis blends... :) Ya iré subiendo más :P























sábado, 6 de junio de 2009

Degradados o gradients Photoshop

Los degradados en photoshop son gradientes de color, (es decir, variaciones de color) que pueden utilizarse para dar varios efectos bien sea a textos o imágenes. Tienen la extensión .gdr (del inglés gradient, que significa gradiente) y se cargan en la carpeta correspondiente de nuestro photoshop (carpeta Gradients o Degradados que se encuentra en la carpeta Presents o Ajustes preestablecidos, dependiendo de si nuestro PS está en inglés o español y de la versión...). También pueden cargarse directamente desde el PS:

Seleccionamos 1º la herramienta de degradado y luego hacemos click en la flechita para que se nos abra el menú de cargar degradados...

Aquí os dejo unos cuantos enlaces para que descarguéis degradados para el Photoshop :) Pero podéis buscar vosotr@s mism@s en DEVIANTART poniendo en la casilla de búsquedas: "photoshop gradients" o directamente desde google, accediendo a otras páginas con degradados.

PARA HACER UN DEGRADADO EN UN TEXTO:

Se hace mediante estilos de capa, con la opción Superposición de degradado, podemos acceder a ella mediante acceso directo por el icono de estilos de capa en la paleta de capas... o bien mediante el menú Capa>>Estilo de capa>>Superposición de degradado

En la ventana que se nos abre de estilo de capa, hacemos click en la flechita para que se nos despliegue el menú de degradados y podamos escoger el que más nos guste...

Si además hacemos click en dónde pone degradado... se nos abrirá el editor de degradados mediante el cuál podemos modificar cualquier degradado por defecto para ponerlo a nuestro gusto...

Una vez esté a nuestro gusto todo le damos a Aceptar y ya está nuestro texto con un efecto degradado! :) Aquí algunas muestras...

PARA HACER UN DEGRADADO EN UNA IMAGEN:

Es muy simple... abrimos nuestra imagen y creamos una nueva capa. En esta nueva capa vamos a aplicar el degradado. Seleccionamos la herramienta degradado y el que nos guste y hacemos clic sobre la imagen de una esquina a otra o de izquierda a derecha o viceversa, de arriba a abajo... (a nuestro gusto). Por último ponemos la capa de degradado en un modo que nos permita ver la foto original (modo trama, superponer, luz suave...) el que más nos guste.

Degradado de azules en modo superponer

La herramienta de degradado tiene varias propiedades, dependiendo de cuál usemos pues el resultado será uno u otro... es cuestión de probar! xD

Los degradados también son útiles para crear fondos, bien aplicándolos sobre texturas o bien usándolos como fondos simples :)

Y creo que esto es todo sobre los degradados. Si alguien tiene alguna duda o sugerencia dejadla en comentarios! Besos! :D

martes, 2 de junio de 2009

Creación de fondos Photoshop

Hola! Después de un tiempo sin actualizar el blog… aquí vuelvo con un nuevo tutorial! Creo que os gustará, sobre todo a aquellas personas que les guste innovar y editar fotos únicas… hoy vamos a crear fondos!!

Partiendo de dos colores básicos podemos crear fondos maravillosos jugando con los filtros ;) En este tutorial vamos a ver como crear hasta 4 fondos distintos partiendo de la misma base…Vamos a empezar!!!

  • Abrimos un documento nuevo con las medidas a nuestro gusto… (yo use 600x600, pero se puede usar cualquiera!)
  • Creamos una nueva capa o en la propia capa de fondo aplicamos un degradado. Aclaro: yo usé un degradado diagonal de dos colores (verde: #80c63d y rojo: #f00011)…pero se puede usar cualquiera, incluso un degradado con más colores, lineal, cónico… o pintar directamente vosotros con pinceles… echadle imaginación! XD

    Esta es la base de la que vamos a partir. Para cada filtro que apliquemos no olvidéis duplicar la capa anterior… =)


FONDO 1

Estos son los filtros que vamos a utilizar: Bordes añadidos y retazos.

  • Partiendo de la capa base con nuestro degradado nos vamos al menú Filtro>> Artístico>>Bordes añadidos. No pondré captura…jugad con los valores, os daréis cuenta de que al ir cambiando cada valor la imagen va cambiando...dejadla cómo más os guste. De todas maneras para quién no sepa que valores usar que pruebe con los que yo usé…que fueron los siguientes:
    -Grosor de borde: 1
    -Intensidad de borde: 1
    -Posterización: 4

  • Duplicamos esta capa! ;) Nos vamos al menú Filtro>>Textura>>Retazos. De nuevo no pondré captura (sorry es que no quiero que copiéis valores… creo que lo mejor es que vayáis probando! Cada valor dará un resultado diferente y eso es lo original de esto, que se pueden crear miles de fondos…) Pero bueno.. mis valores fueron:
    -Tamaño de cuadrado: 6
    -Relieve: 8

    Y listoooo! xD Este fondo es muy sencillito, sólo se usan dos filtros. Y el resultado no está tan mal no???




Bueno cómo véis sobre el fondo que hemos creado pondremos nuestra imagen recortada y jugaremos con ella transformándola y jugando también con la opacidad… (prometo poner un tutorial de cómo recortar imágenes!)




FONDO 2

Filtros que vamos a utilizar: Semitono, bordes acentuados y ondas.

  • Partimos de nuevo de la capa base con el degradado. Nos vamos al menú Filtros>>Bosquejar>>Modelo de semitono. Yo usé los valores:
    -Tamaño: 1
    -Contraste: 13
    -Tipo de motivo: punto

  • Duplicamos capa y de nuevo vamos a Filtro>>Trazos de pincel>>Bordes acentuados. Mis valores fueron:
    -Anchura de borde: 2
    -Brillo de borde: 38
    -Suavizar: 8

  • Por último, duplicamos de nuevo la capa en la que acabamos de trabajar y vamos a Filtro>>Distorsionar>>Onda. Aquí mejor os pongo captura no?? XD


    *NOTA: En el primer valor en dónde pone 1, al final usé el valor 2 (ya que el 1 no permite usarlo… tiene que ser entre 1 y 120)

Y listo, a partir de aquí editamos la imagen en nuestro fondo…



FONDO 3
Filtros que vamos a utilizar: Molinete, bajorelieve, licuar en molinete + pincel* (optativo)

  • Partimos de la capa base con degradado. La duplicamos (como siempre que haremos cuando vayamos a hacer algo nuevo…) y nos vamos a Filtro>>Distorsionar>>Molinete. Yo usé el valor ángulo:959...
  • Duplicamos capa y… menú Filtro>>Bosquejar>>Bajorelieve. Mis valores fueron:
    -Detalle: 15
    -Suavizar:2
    -Luz:inferior
  • Ahora vamos al menú Filtro>>Licuar y seleccionamos la herramienta molinete (que viene siendo la 3ª por arriba, si no pulsad la tecla “C” y ya se autoselecciona xD) Vale… aquí usad la imaginación xD Porque no hay valores, no anoté ni tengo captura de los valores del pincel en cuanto a presión, tamaño y demás, pero vamos que ni los miré, hice unos cuantos clicks y listo. Vosotros dadle igual unos cuantos clicks hasta que se os ondule al gusto!
  • Se podría dejar aquí… pero yo añadí el uso de un pincel. Con color blanco en una nueva capa apliqué mi pincel y lo puse en modo superponer. Listo! Quedó bonito no??? :D


*OS DEJO AQUÍ EL LINK DE LOS PINCELES QUE USÉ PARA QUE OS LOS DESCARGUÉIS... http://env1ro.deviantart.com/art/RisingSun-brushes-80782059

FONDO 4
Filtros que vamos a utilizar: pincel* (optativo), rizo y salpicaduras

  • Partimos de la capa base degradada. Creamos una nueva capa y pintamos con nuestro pincel… Yo utilicé el mismo de antes pero con tamaño más pequeño y 4 veces (una en cada esquina). Este paso es optativo pero vamos que también pueden usarse otros pinceles y yo que sé... Cada variación dará como resultado un fondo nuevo xD

  • Ahora vamos a Filtro>>Distorsionar>>Rizo. Mis valores fueron:
    -Cantidad:407
    -Tamaño:mediano
  • Por último vamos a Filtro>>Trazos de pincel>>Salpicaduras. Yo usé los valores:
    -Radio: 8
    -Suavizar:6

    Listo!


Bueno esto sólo ha sido una pequeña muestra de las cosas que se pueden hacer usando diversos filtros. Todo es cuestión de probar varios filtros conjuntos y varios valores. Habrá veces que os salgan cosas horribles xD Pero otras (la gran mayoría) salen cosas muy bonitas y originales.

A mí cuando me sale algo que me gusta lo que hago es guardar esos valores, para usarlo en otras ocasiones. Para guardar podéis usar el método de toda la vida (escribir los valores en una hoja aparte xD), hacer capturas… o grabar acciones. Pero eso ya es otro tema… ;) Espero que os haya gustado este “pequeño” tutorial. Si lo hacéis me gustaría que me enseñáseis el resultado… Besos!! =)





domingo, 24 de mayo de 2009

Trucos para evitar el plagio o robo de imágenes Photoshop

Buenas! Vengo con un pequeño "tutoconsejo" en cuanto a la edición de imágenes. Seguro que a tod@s aquell@s que nos gusta editar y nos pasamos varios minutos editando una imagen... luego si la vemos en otras páginas y no hacen referencia a nosotros nos molesta verdad?? Pero lo peor ya no es que te la cojan sin permiso, lo peor es que hay gente que quita tu "marca" o firma y dice que es suya! Y eso si que no! Por eso para evitar estos casos os traigo este post.

Hay varias maneras de poner nuestra marca en una imagen:

  • FIRMA GRANDE O ESTRATÉGICA: "Firmar" nuestra imagen es ponerle nuestro nombre, apodo, dirección de blog, fotolog, metroflog, un pincel o varios... o lo que sea. Cada uno crea su propia firma (que puede ser la misma siempre o no). Pues bien el truco aquí está en hacerla bastante grande para que sea difícil de tapar u ocultar. Pero además, si la situamos en una zona estratégica le complicamos más la tarea de plagio o robo a l@s ladrozuel@s.Me explico:

- Si situamos nuestra firma en los bordes (para no estropear la foto) estamos facilitándole el trabajo a los copiones, porque tán sólo tendrán que recortar la imagen y poner su firma.

- Si por el contrario situamos la firma en el centro de la imagen o en una zona imposible de cortar porque quede muy mal, esa persona no podrá ocultarla (porque además será grande y no podrá poner por encima una suya que quede bien). Los ladrones chapuzas usan el paint, colocando un cuadro de texto con su firma, en fondo blanco (ahí ya se ve que ha robado la foto) y los profesionales usan PS y el tampón de clonar... por eso colocad la firma en una zona muy difícil, que le sea complicado clonar...

Mirad el ejemplo de abajo de firma grande y además estratégica (difícil de tapar o eliminar con el tampón de clonar , porque abarca la zona de los cascos...)

  • MARCAS DE AGUA: Otra opción es añadir marcas de agua. Puede usarse sólo esta opción o combinarla con la anterior. Las marcas de agua no son más que un texto transparente que colocaremos en nuestra imagen medio oculto, para que quién la robe no se de cuenta y así le pillemos! Para hacer estas marcas:

-Sobre fondo claro: Creamos una capa de texto con el texto que deseemos, en un color gris medio (ejemplo: #7b7979). Ponemos esa capa en modo superponer (desaparecerá el texto!!!, más bien se ocultará...xD). Nos vamos a estilos de capa en el icono "fx" de la ventana de capas o bien en el menú Capa>>Estilo de Capa y aquí podemos seleccionar Sombra exterior o bien Bisel y relieve (al gusto) ... y con los valores también al gusto. Por último jugamos con la opacidad según querramos que se note más o menos la marca.

-Sobre fondo oscuro: Creamos una capa de texto con el texto que deseemos, en un color gris medio (ejemplo: #7b7979). Ponemos esa capa en modo superponer (desaparecerá el texto!!!, más bien se ocultará...xD). Nos vamos a estilos de capa en el icono "fx" de la ventana de capas o bien en el menú Capa>>Estilo de Capa y aquí podemos seleccionar Resplandor exterioro bien Resplandor interior (al gusto) ... y con los valores también al gusto. Por último jugamos con la opacidad según querramos que se note más o menos la marca.

*Como véis es exactamente igual el procedimiento, sólo varía en el tipo de estilo de capa que usemos. En fondo negro el bisel y relieve o la sombra no se ven, por eso usaremos los resplandores... Aquí dejo unos ejemplos de cómo quedaría más o menos:

  • ATRAVESAR LA IMAGEN CON TEXTO: Es muy fácil, creamos una capa de texto y con los efectos que querramos y con la opacidad que querramos cruzamos nuestra imagen de un lado a otro (generalmente se usa para ello la dirección de nuestro site) y se borran partes para darle un efecto de que está por detrás de la imagen) *Recordad que para borrar texto primero hay que rasterizar la capa de texto (botón derecho opción "rasterizar").

  • SER ORIGINAL: Crear vuestras propias imágenes, mediante composición de varias fotos, uso de filtros, efectos, texturas, pinceles... de tal manera que dejemos la imagen con un aspecto único (pues la hemos echo nosotros mismos). De esta forma da igual que no la firmemos o marquemos porque nada más verla en otros sites la reconoceremos...

Con estas 4 cosillas ya podréis hacer que vuestras imágenes sean únicas y que no estén expuestas al plagio o robo! :)

DESCARGA: Pinceles, degradados y motivos Photoshop

Aquí os dejo una página muy buena de recursos para PS: en ella podréis encontrar cantidad de pinceles. degradados y motivos (archivos .pat). Visitadla porque no tiene pérdida y os la recomiendo muchísimo si estáis buscando renovar sobre todo los pinceles (la mayoría de la gente los baja de deviantart...) Descargad algo nuevo y distinto! :)

http://www.brushesdownload.com/

viernes, 22 de mayo de 2009

Tutorial de pinceles Photoshop

¿Qué son y para que sirven?

Los pinceles o brushes (en inglés) son uno de los recursos más usados de PS. Sirven para adornar o embellecer nuestras imágenes. Los hay de varios tipos y formas(letras, dibujos, textos, texturas, logos, bosquejos, fotos...). La verdad es que gracias a la posibilidad de poder crear nuestros propios pinceles podemos tener pinceles de cualquier cosa!

¿Dónde conseguir pinceles?

Bufff hay muchas páginas con pinceles para descargar. Personalmente la mayoría de mis pinceles los conseguí en Deviantart pero poniendo en cualquier buscador (ej Google) "pinceles photoshop" o "photoshop brushes" nos apareceran miles de páginas.

¿Cómo se cargan los pinceles al PS?

Pues depende, me explico:

  • Si el archivo que descargamos está en formato .zip o .rar : antes de nada tenemos que descomprimirlo (con el Winzip o el Winrar). Una vez descomprimido obtendremos los pinceles (en formato .abr).
  • Si ya obtenemos el archivo .abr podemos cargarlo de dos formas:

-Guardando los archivos en una carpeta aparte y luego arrastrándolos a la carpeta de Pinceles de PS o bien mediante copiar/pegar en la carpeta de PS cuya ruta es (para AdobeCS3)...

C:\Archivos de programa\Adobe\Adobe Photoshop CS3\Ajustes preestablecidos\Pinceles
o…
C:\Archivos de programa\Adobe\Photoshop CS3\Presets\Brushes

-Cargándolos desde el programa abierto:



Con la herramienta pincel seleccionada en la barra de opciones hacemos clic en la flechita que está situada entre el valor del pincel y "modo" y se nos despliega un menú en dónde elegiremos la opción "cargar pinceles". Por defecto se va a abrir la carpeta de pinceles de PS...pero buscáis aquella en la cuál guardastéis los que acabáis de descargar, seleccionáis los que querráis cargar y le dáis a aceptar. Y listo! pinceles cargados.

Algo que hago yo... es renombrar el archivo .abr de pinceles. Por ejemplo, imaginad que tengo un archivo .abr que se titula "circle_kit1_addle_by_X" que son pincelitos de circulos... pues yo cojo y lo renombro a "circulos" y si me descargo más de circulos pues sería "circulos2", "circulos3" ... porque sino me hago un completo rollo!!! Y creedme después de usarlos todos los días ya sé de memoria que circulos son los 1, los 2, los 3... sin liarme por tener todos el mismo nombre. Esto lo hago yo... tengo que reconocer que la verdad a la hora de que alguien me pregunte de dónde saqué los pinceles no le sabré responder xD pero vamos... que no todos los pinceles que uno se descarga vienen con el "by autor" así que...

¿Cómo crear pinceles personalizados?

Es muy sencillo: voy a tratar de explicarlo sin capturas vale?? :)

-DESDE CERO...

  • Abrís un nuevo documento del tamaño que queráis...
  • Hacedlo en blanco o negro, aunque si lo hacéis en color al final al guardarlo se os desaturará...
  • Seleccionáis la herramienta pincel y dibujáis lo que queráis o utilizáis la herramienta texto.
  • Una vez tengáis listo aquello que deseáis convertir en pincel, seleccionáis el menú Edición>>Definir valor de pincel y se os abrirá una ventana: nombráis vuestro pincel y le dais a OK. Ya habrá quedado guardado automáticamente para usos posteriores! :)

-A PARTIR DE UNA IMAGEN...

  • Abrís la imagen que deseáis convertir en pincel y cuando sea de vuestro gusto realizáis los mismos pasos de antes ok? Es decir: Edición>>Definir valor de pincel

Propiedades de los pinceles

Los pinceles tienen propiedades, es decir, podemos variar su forma, su ángulo, la presión con que lo vamos a aplicar... todas estas cosas se pueden modificar desde la paleta de pinceles, a la cuál accedemos desde el icono correspondiente(ver recuadro de la imagen...).

Algunos pinceles podemos someterlos a efectos para que luzcan mejor...

Y bueno básicamente estas son las bases del uso de pinceles, espero que loss sirva de ayuda!! Besos!



MIRA ESTE TUTORIAL EN FORMATO VÍDEO AQUÍ: Videotutorial de Pinceles en Photoshop

Texto con efectos básicos Photoshop

Minitutorial sobre como aplicar efectos básicos a un texto para hacerlo destacar. El más utilizado es "resplandor exterior"
  • Escribes el texto que quieras con la herramienta texto
  • En la ventana de capas seleccionan el icono "fx" y a opción "resplandor exterior" o bien puedes acceder a el mediante el menú Capa>>Estilo de capa>>Resplandor exterior
  • Juegas con los valores hasta dejarlo a tu gusto...

Según las características del texto y de la imagen le irán mejor unos valores u otros y el color de resplandor igual... Si vas a usar texto en negro no puedes utilizar resplandor en negro porque quedaría borroso, nunca utilices el mismo color de texto que de resplandor!

El "resplandor interior" es similar a este, con la diferencia que se aplica por la zona interna de nuestro texto... en conjunto con el "resplandor exterior" hace más grueso el efecto.

En cuanto al "bisel y relieve" nos da como resultado una especie de texto en "3D". En el submenú de este efecto está el efecto "contorno" que potencia más el borde del relieve y "textura" que le aplica al texto un motivo (estas texturas se cargan al PS en formato .pat) si habéis leído anteriores tutoriales os han de sonar... ;)

Como cargar texturas y motivos desde la ventana de estilo de capas

Los demás efectos son muy sencillos...y por eso no los voy a explicar así que si alguien desea experimentar con ellos corre por su cuenta. Besos!

*NOTA: algunos de estos efectos son aplicables a imágenes, por ejemplo el resplandor exterior e interior es muy útil para la creación de blends... VER TUTORIAL DE BLEND SENCILLO

Reflejos de texto e imágenes Photoshop

Este tutorial es muy sencillo. Para hacer el efecto de reflejo en un texto o imagen seguid los siguientes pasos:

REFLEJO EN TEXTO:

  • Escribid con la herramienta "texto" lo que queráis
  • Duplicad esta capa e id al menú Edición>>Transformar>>Voltear vertical
  • La movéis con la herramienta "mover" hasta que quede más o menos así...

  • Bajad la opacidad de esta capa de texto que acabáis de voltear a un 25 % o al porcentaje que os guste (en fondo blanco al 25 % se nota mucho, quizá en fondo de imagen necesiteis darle más valores para que se note mejor). Puede dejarse así ya o borrar los bordes.
  • Para borrar hay que "Rasterizar" la capa de texto. Haced click derecho en la ventana de capas y seleccionad la opción "Rasterizar capa" o bien en el menú de Capa>>Rasterizar>>Texto No olvidéis utilizar un borrador de bordes difusos para mejores resultados, también se puede jugar con los valores de opacidad del borrador ;) El resultado es este (aunque no se note muy bien en esta imagen...):

*Fijaos en el siguiente detalle, al rasterizar una capa de texto cambia de aspecto y se convierte en una capa normal. Las capas de texto tienen una "T" mientras que las normales no... A veces es necesario rasterizar capas de texto o forma personalizada para poder aplicar efectos o utilizar determinadas herramientas... Al rasterizar una capa de texto ésta no podrá ser modificada luego con la herramienta "Texto" así que antes de rasterizar aseguraos bien de que escribisteis todo correctamente :D

REFLEJO EN IMAGEN:

Os voy a ahorrar el rollo vale?? El procedimiento es exactamente igual que el de un reflejo en texto. Simplemente: duplicáis capa de imagen, la volteáis verticalmente u horizontalmente ;) y bajáis opacidad ayudándoos del borrador si queréis para darle más efecto. La única diferencia es que para imágenes no es necesario rasterizar al borrar...

Practicad muchooo. Besos!!!!

Redimensionar imágenes Photoshop: evitar pixelamiento

Holaaaa :) Bueno pues aquí vengo con algo muy pero que muy importante que seguro que a much@s de vosotr@s os pasa u os ha pasado alguna vez. Sitios como fotolog o metroflog redimensionan automáticamente las imágenes que subís si estas son más grandes de lo permitido por estos sites. El resultado es horrible!!!! Se ve una imagen borrosa que en caso de tener texto no se distingue nada o si la habéis editado y os llevó un tiempo os sabe super mal que al subirla quede así de fea... Pues bien, para evitar esto lo que tenemos que hacer es subir las imágenes de un tamaño adecuado. Para ello vamos a ayudarnos de nuestro querido amigo photoshop:

-Cuando estéis editando podéis hacerlo en la imagen tal cual (aunque sea grande, porque váis a trabajar mejor sobre la imagen grande vale?) ya la redimensionaréis al acabar que el PS es muy listo y redimensiona todo de golpe (imagen, texto, pinceles...no importa las capas que tenga vuestra imagen ok?) .

-Si es una imagen que ya habéis editado y la queréis subir al flog antes de nada la redimensionáis con PS.

*Esto también es aplicable para cualquier imagen, no tiene porque se una imagen editada eh?

El procedimiento es el siguiente. Con nuestra imagen en el PS nos vamos al menú de Imagen>>Tamaño de imagen. Se nos va a abrir una ventanita:

En dónde pone "Restringir proporciones" marcamos esa opción! Y luego en dónde pone "Anchura" ponemos 500. Al tener marcada la opción anterior automáticamente se nos pone en altura 375. Fijaos bien que esté en pixeles!! Y le damos a OK :) LISTO!! Ya podéis subir tranquilos vuestra imagen al fotolog que se verá perfectamente :D

*Si vuestra imagen era bastante grande y al hacer esta operación véis que se reduce mucho no os asustéis xD es que a veces con imágenes muy grandes al redimensionar aparecen en el PS muy muy chiquitas pero si la abren aparte verán que tiene un tamaño normal y aceptable. Espero que les sirva este truco antipixelamiento ;) Besos!

Crear un banner Photoshop (especial fotolog)

Holitasss!!! Bueno una personita muy especial , galleguita como yo...que me cae muy bien (cada día mejor todo hay que decirlo jaja) me ha preguntado sobre los banners en fotolog. Qué medidas utilizar y eso... Pues la verdad es que cada uno usa las que le sale... xD Pero personalmente yo uso las medidas de 910x100 pixeles (910 de ancho x 100 de alto se entiende no?). Hay quién los hace más largos, menos largos, más anchos, menos anchos... Yo creo que ésta medida es la mejor :) Aprovechando voy a poner un rápido tutorial de cómo crear un banner sencillo.

Lo primero que tenemos que hacer en pensar en cómo vamos a querer nuestro banner, es decir, los colores, las imágenes que vamos a utilizar... Yo lo que hago siempre es escoger unos colores de fondo o base que hagan juego con los colores actuales de mi fotolog y partiendo de ahí elijo las imágenes que voy a utilizar... Para este caso como tratamos de hacer un banner muy muy sencillito con el mínimo trabajo posible... vamos a usar tan sólo un color de fondo, una imagen y dos texturas. Más fácil imposible (bueno si es posible pero quedaría muy sososoooo xD) Estas son las imágenes que yo voy a usar:

Vale, voy a saltarme varios pasos en imágenes pero no se preocupen porque es muy muy fácil y lo explicaré muy bien por escrito :)

  • Primero abrimos un nuevo documento en PS con las medidas que les dije: 910 de ancho por 100 pixeles de alto.
  • Creamos una nueva capa y la rellenamos de color con la herramienta "bote de pintura". Para este banner usé el color de fondo #fecccb
  • En una nueva capa arrastramos la imagen principal de la chica... la colocamos a nuestro gusto ayudándonos de la herramienta "transformar" disponible en el menú Edición>>Transformar>>Escala. Bajamos la opacidad de esta capa a un 60 o 70 %

  • En una nueva capa arrastramos la primera textura, la colocamos con la herramienta "transformar" de tal modo que abarque toda la superficie y ponemos la capa en modo "luz suave". Hacemos exactamente lo mismo con la segunda textura (en una capa aparte).

*En la zona superior derecha de la imagen en la primera textura pueden suavizar más el efecto de los puntitos con la herramienta "borrador" al 50% de opacidad...También pueden borrar por completo o suavizar del mismo modo la franja negra de la imagen de la chica...(esto es opcional, si no quieren complicarse déjenlo así que tampoco queda tan mal no?¿) Si se deciden por borrar les voy a dar un consejo: utilicen un pincel de bordes difusos (porque al borrar se notan menos los bordes ya que los suaviza) ;)

  • Ya tenemos nuestro banner acabado! Tan sólo añadimos el texto que deseemos et voilà!! :D

Pueden adornar más su banner con pinceles o efectos (que a estas alturas ya sabrán utilizar muchos...) ;) Besossssss!!