0
Ya que con la nueva skin ha regresado este subforo vamos a aprovecharlo bien con unos cuantos tutoriales :lol:
Al llegar a foros de este tipo nos encontramos con que disponemos de un espacio para nuestra firma personalizada.
Seguramente todos queremos ver ahí una linda imagen con aquel dibujo de anime que nos encantó, nuestro actor o actriz favorito, nuestros personajes predilectos de aquel videojuego que pasamos horas jugando,... pero opss, nos encontramos con un problema: ¿buscamos la imagen en google?, ¿la tenemos pero no sabemos cambiarle el tamaño?, ¿el fondo que lleva no nos gusta? y entonces ¿cuál es la solución? :unsure:
Lo primero que averiguamos es que el remedio suele venir de la mano de un programa llamado Photoshop.
Ok, lo instalamos y al abrir... :11: ¿para qué demonios sirve tanto botón?, ¿cómo logro lo que quiero? :unsure:
En la red hay cientos de tutoriales, incluso aquí mismo tenemos varios, pero la mayoría de ellos están escritos por y para personas que ya tienen un cierto conocimiento del programa. Un aprendiz que intenta leerlos y hacerlos, como sería el caso, va más perdido que una gota de agua en el desierto :wacko:
Entonces ¿qué hacer? ¿Buscar el típico tutorial que nos explica todas las herramientas? No es mala idea pero lo cierto es que para lo único que acaba sirviendo es para armarnos un lío aún mayor al ser casi imposible retener toda la información para luego llevarla a la práctica :wacko:
¿Entonces? :unsure:
Pues eso mismo, práctica -_-
¿Qué quiere decir eso? Que el único modo verdaderamente efectivo de ir aprendiendo y que no se te olvide para que sirve tal o cual botón es usándolo y viendo sus efectos.
Y después de todo el rollo (si es que no te has dormido leyendo) vamos a comenzar con lo más básico:
El tuto de hoy tratará sobre como hacer la firma más sencilla que podemos conseguir en Photoshop. Trataré de explicarlo con la mayor cantidad de imágenes posible. Si algo no se entiende preguntad ^_^
(Aclaro que para esto he usado la versión CS4 en español pero las herramientas básicas están más o menos en el mismo sitio en versiones anteriores).
Comenzamos:
Una vez abierto el Photoshop lo primero que vemos es esta pantalla:
Bien, ahora nos vamos arriba a la izquierda y hacemos clic en Archivo y después en nuevo:
Nos aparecerá la siguente ventana en el centro de la pantalla:
Como podeis observar en ella ya he puesto los datos para crear la firma pero paso a explicar un poco.
La mayoría de las veces y dado que será una creación que no necesitaremos imprimir trabajaremos con píxeles.
Un pixel a groso modo es cada uno de los minúsculos cuadritos que componen una imagen y que contiene información de un solo color de nuestra imagen.
La resolución será de 72 pixeles por pulgada dado que como mencionaba no necesitamos imprimir. Esto significa que al imprimir el documento en cada pulgada de anchura habría 72 píxeles. A modo de dato curioso la resolución idónea mínima para imprimir son 300 px por pulgada o 300 ppp.
Como podéis ver la anchura del documento, en este caso nuestra firma, será de 400 px y la altura será de 250 px.
En el contenido de fondo he puesto transparente, de ser neccesario ya lo rellenaríamos más adelante.
Damos clic a OK y ya tenemos nuestro lienzo creado.
Como podéis observar el fondo está compuesto de unos cuadritos blancos y grises. No os preocupeis por ellos, estos no salen en el resultado final y solo indican la transparencia del documento.
Seguimos:
Ahora elegiremos la imagen que queremos de fondo.
Si no tenemos una imagen podemos recurrir a Mr. Google y colocar las palabras mágicas :lol:
Si no lográis encontrar algo que sirva como fondo siempre puede ayudaros colocar las sigientes combinaciones de palabras:
- abstract wallpapers
- fractals wallpapers
- psychedelic wallpapers (para quien le gusten los colores fuertes esta es su opción :lol:)
- light effects wallpapers
¿Por qué colocar wallpapers al final? Por la sencilla razón de que así obtendremos imágenes de mayor tamaño y calidad. Si reduces una imagen grande sueles obtener una buena calidad en la imagen más pequeña. Si aumentas una imagen pequeña es muy probable que esta se pixele y quede una reverenda porquería :wacko:
Una vez que tenemos nuestro fondo elegido, en mi caso será este:
Buscamos la imagen del personaje que queremos, yo he elegido esta:
Abrimos ambas imágenes en nuestro Photoshop de la siguiente forma:
Primero vamos a Archivo y damos clic en Abrir:
Buscamos la imagen en nuestro pc y la selecionamos haciendo clic en ella. Abajo veréis una miniatura de la imagen que os ayudará a localizarla:
Como podréis apreciar en esta versión la imagen se abre en una nueva pestaña junto a nuestro lienzo, en anteriores versiones se abrirá en una ventanita en el interior del espacio de trabajo.
La paleta que aparece arriba a la derecha con la imagen en pequeño se llama Navegador y nos ayudará a movernos por las distintas partes de la imagen en caso de ser más grande que nuestra pantalla o en caso de que necesitemos ampliarla usando la Herramienta Zoom (la lupa). Puede desplegarse haciendo clic sobre el primer icono de la barra.
Abrimos la imagen de nuestro personaje de igual modo:
Ahora ya tenemos todo lo necesario para elaborar nuestra firma así que comenzamos a manipular las imágenes ^_^
El siguiente paso será quitarle el fondo a nuestro personaje y lo haremos de la siguiente forma:
En la columna lateral izquerda buscamos la herramienta de seleción llamada Lazo:
Y hacemos clic en ella manteniendo el botón del ratón presionado durante un segundo para que se despliegue esta ventanita y hacemos clic en Herramienta Lazo poligonal:
Esta herramienta nos servirá para crear una selección alrededor del personaje, esto es un contorno alrededor de él que luego nos permita separarlo del fondo, la marca por donde vamos a recortar nuestra figura.
Una vez seleccionada esta herramienta vemos que en la parte superior nos aparece la barra de configuración de dicha herramienta.
En ella pondremos Desvanecer 20 px (si la imagen es más pequeña habrá que disminuír este valor y si es más grande aumentarlo) y marcamos suavizar.
La opción desvanecer lo que hace es que al recortar la figura el corte no sea recto y pixelado sino que se cree un borde difuminado en torno a nuestra figura que hará que al colocarla sobre el fondo se fusione con este sin haber cortes abruptos entre el personaje y el fondo.
La opción suavizar hace que la selección que dibujamos no tenga esquinas muy marcadas y estas se redondeen.
Una vez configurada trazamos la selección con el lazo alrededor de la figura de modo que esta quede un poco separada del contorno de esta. Recordad que la selección debe cerrarse, es decir, terminar en el mismo punto que comenzó.
El modo de usar el lazo poligonal es trazando líneas rectas haciendo clic sobre distintos lugares de la imagen para que cambie la direción de la siguiente línea.
Una vez que rodeamos toda la imagen acercamos el puntero al punto de inicio hasta que nos salga un pequeño dibujo de nuestra herramienta con un circulito al lado y hacemos clic para cerrar el trazado:
Quedará de la siguente forma una vez cerrado:
Vamos arriba y damos clic a Edición, luego clic en copiar:
Después clic en Archivo y clic en Nuevo.
Nos saldrá la ventanita de las opciones y como podéis ver el tamaño del documento es el mismo que el de nuestra figura guardada en el portapapeles:
Damos clic en OK, luego clic en Edición y Clic en Pegar:
Esta será nuestra figura ya sin fondo:
Ahora vamos a la pestaña donde tenemos el fondo dando clic en ella:
Hacemos clic en Seleción y después en Todo:
Luego clic en Edición y clic en Copiar:
Vamos a la pestaña donde teníamos nuestro documento inicial:
Damos clic en Edición y luego en Pegar:
Como podemos observar es demasiado grande así que vamos a cambiar su tamaño.
Vamos a Edición, luego a Transformar y clic en Escala:
Ahora vamos a modificar algunas opciones de la barra de opciones de transformación.
En la parte derecha vemos un cuadrito con puntos. El punto más oscuro es el punto que permanecerá fijo al redimensionar la imagen. Hacemos clic en el punto de la esquina superior Izquierda:
Luego damos clic en el botón de los eslabones que hay entre los porcentajes del tamaño, esto hará que tanto la altura como la anchura se redimensionen a la misma escala sin que la imagen se deforme:
Lo redimensionamos al gusto dependiendo de la parte que queramos usar modificando el porcentaje.
Solo será necesario mover la altura o la anchura y la otra de las dos se ajustará automáticamente.
Aseguraos al redimensionar que la imagen no se quede más pequeña que el tamaño del documento.
Tambien se puede mover hacia la izquierda o derecha disminuyendo o aumentando el valor de la X y arriba o abajo modificando el valor de la Y.
Una vez que tenga el tamaño deseado y esté colocada en su sitio clic a la "v"
Vamos a la pestaña donde tenemos a nuestro personaje sin fondo y repetimos los siguientes pasos:
Clic a Selección, clic en Todo, clic en Edición y clic en copiar:
Volvemos a la pestaña de nuestro documento, hacemos clic en Edición y luego en pegar:
Aunque no la veamos está ahí sólo que vuelve a ser demasiado grande como ha pasado con el fondo así que de igual modo la redimensionamos.
Clic en Edición, luego en Transformar y luego en Escala.
Al igual que con el fondo no os olvidéis de marcar el puntito superior izquierdo del cuadrito y el botón de los eslabones. Luego cambiáis el tamaño y la hubicación al gusto y clic a la "v".
Como podemos observar el borde claro que acompañaba a nuestra figura no ha quedado demasiado bien en la parte derecha.
¿Cómo solucionarlo?
Primero hacemos clic en la herramienta Borrador:
En la barra de configuración de la herramienta elegimos Modo Pincel y donde dice Pincel damos clic al triángulo que apunta hacia abajo de modo que se abre esto:
Elegimos un pincel redondo de diámetro 45 px y dureza 0%, podemos bajar el diámetro del pincel para llegar a los rincones:
Notaremos que al no tener el borde marcado borra difuminando que es lo que buscamos. Vamos borrando la parte blanca que consideremos que sobra haciendo clic sobre ella con el borde exterior del pincel.
Si nos equivocamos en algún momento y borramos más de la cuenta siempre podemos ir a Edición y luego clic en Paso atras.
Una vez terminada nuestra imagen sólo queda ponerle nuestro nick.
Elegimos la herramienta de Texto:
Ahora en lugar de la barra de configuración de la herramienta usaremos la paleta situada en la barra de la derecha que trae más opciones.
Hacemos clic en ella para abrirla:
Con la herramienta de Texto selecionada hacemos clic en la parte de la imagen donde más o menos irá nuestro nick y lo escribimos.
Así no queda demasiado bien con lo que aún no daremos clic a la "v", vamos a modificar nuestro texto primero.
Seleccionamos todo el texto con el ratón y en la paleta de capas modificamos los valores que señalo al gusto, el color lo dejo para el siguiente paso:
El primer cuadro es la fuente, elije la que más te guste. El segundo es el tamaño en pixeles. El tercero la altura de la fuente y el cuarto la anchura.
Ahora vamos a cambiarle el color. Para ello hacemos clic en el rectángulo del color y veremos esta ventana flotante:
El color que elegiremos será preferiblemente uno presente en la imagen y para ello bastará con dar clic sobre la imagen encima del color elegido. Luego clic en OK.
He elegido un color oscuro y sí, por ahora no se ve pero todavía no hemos acabado (ya casi, ya casi :lol:)
Ahora vamos a añadirle un bordecito a la letra para que resalte.
Para ello localizaremos la paleta de capas y haremos clic en ella para desplegarla:
En la paleta de capas podemos ver abajo la capa del fondo, en el centro la capa de la figura y arriba la del texto.
Con la capa de texto seleccionada hacemos clic en el botón Fx y depués clic en Trazo:
En la ventana que se abre pondremos estos valores y elegiremos un color de la imagen más claro que el anterior.
La ventana que se despliega al hacer clic en el rectángulo es idéntica a la anterior y procederemos del mismo modo para seleccionar el color.
La posición del trazo dependerá del tipo de letra. Para una letra ancha se recomienda el borde interior o centrado, para una más estrecha el exterior. Ve probando el que más te guste.
Tambien puedes variar el grosor del borde para que sea más fino o más grueso a tu gusto.
Por último damos clic en OK.
Si en algún momento necesitamos mover el texto o nuestra figura porque no nos queda en el sitio que queremos, tenemos que marcar la capa que vamos a mover en la paleta de capas y dar clic en la herramienta Mover.
Con ella seleccionada haces clic sobre la imagen en la capa que quieres mover y sin soltar la arrastras con el ratón a la posición correcta. Si necesitas mayor precisión, dado que acertar a colocarla puede ser difícil, también puedes moverla usando las flechas de tu teclado en lugar del ratón.
Ya tenemos nuestra firma prácticamente terminada, sólo nos queda guardarla en formato jpg.
Para ello iremos a Archivo y luego clic en Guardar para web y dispositivos:
En la ventana que aparece pondremos los siguientes valores:
Daremos clic en Guardar, le pondremos un nombre y la guardaremos en la carpeta que deseemos:
Ya solo queda subirla a imgur, imageshack o cualquier otro servidor y listo, ya podemos colocarnos nuestra firma:
Y tras este mensaje más largo que la cuaresma...
¿Dudas? ¿Preguntas? :unsure:
¿Quién se anima a mostrarnos sus resultados? ^_^
Saludos :s96:
