Clase principiantes - primeros pasos

    This site uses cookies. By continuing to browse this site, you are agreeing to our Cookie Policy.

    • Clase principiantes - primeros pasos

      Buenas chicos, como bien dije me encargaré esta vez de la escuelita, y que mejor que empezar a hacer una firma que desde cero.

      Probaremos primero a usar el photoshop ya que es el más fácil de usar. :P

      Lo primero que haremos será buscar el render (imagen que queramos usar), por lo que en GOOGLE pondremos en el buscador de imágenes: Anime render (o girl render, o animal render, lo que queráis, pero para manejar una firma lo mejor es usar algún anime por las sombras tan poco detalladas). En mi caso usaré este render, que lo veo con colores muy suaves.



      Guardaremos la imagen y abriremos el photoshop. Daremos a Archivo, nuevo y crearemos una capa del tamaño 500x200 mm (Muy importante que sea milímetros)





      Volveremos a dar click a Archivo, pero esta vez le daremos a colocar. Buscaremos nuestro render en la carpeta que se guardó, y lo situaremos. Aparecerá con la herramienta de ajustar tamaño de por si, la ajustaremos al tamaño que más nos guste. Para que la imagen no se os deforme, deberéis de hacer click antes de ajustar la imagen en ese simbolito del medio:



      Una vez el render colocado, decidiremos si poner una fondo básico, o de paisaje. Para buscar el de paisaje nos fijaremos principalmente en los colores del render, por ejemplo lo que más destaca de mi render es su pelo, y su pelo me recuerda a las flores de sakura (cerezo). Así que en google buscaré ''Sakura background''. Para los fondos hay que tener un poquito de paciencia, ya que no todos se ajustarán al render. Si veis que el tono del fondo es un poco más oscurito que el render no os preocupéis mientras sea el mismo color, eso lo arreglaremos. Como véis mi fondo tampoco se ajusta al tono de mi render.



      Una vez elegido el fondo, daremos click derecho directamente en la imagen de google, y daremos a ''copiar imagen''

      Iremos de nuevo a photoshop, y haremos CTRL + V para soltar el fondo. Ajustaremos el tamaño que más nos guste (con esto activado ) y colocaremos la capa haciendola click y arrastrádola debajo del render. Las capas se encuentran en el lateral derecho en mi caso, pero si no os aparecen daréis click en ''Ventana'' y a ''capas''



      Una vez colocado el fondo, si veis que se pone como borroso como el mío no os preocupéis, eso os enseñaré a arreglarlo con efectos más adelante en otra clase (mientras no sea muy notorio claro).

      Ahora crearemos un bordeado para la firma, haremos click en ''seleccionar'' y daremos a ''todo. Primero de todo crearemos una capa nueva encima de nuestro render dándole click aquí . Una vez tenemos toda la capa seleccionada, volvemos a ''Seleccionar'' y esta vez daremos a modificar -> borde



      Le daremos click y pondremos el tamaño que prefiráis del borde, en mi caso siempre pongo 1px de anchura, porque es el que mejor queda. Una vez preparado todo lo anterior, iremos al cubo de pintura y seleccionaremos el color que más os guste. A mi me encanta como queda siempre con el borde negro, por lo que escogeré ese. A simple vista no se notará la diferencia, pero una vez puesta en el foro si se notará.



      Por último, colocaremos la font (fuente, nombre...) así que daremos click en la ''T'' de herramientas, y haremos como una pequeña selección en la zona que queramos. Un truco para colocar la font es siempre fijarse en donde mira el render. Por ejemplo la mía mira hacia abajo a la derecha, por lo que la font la situaré ahí



      Pondré mi nick principalmente, y el mejor tono para escoger la font es robar los colores del render. Para mi gusto con mi render, el mejor color directamente es el blanco, ya que hay demasiados colores pastel. Escogeréis la font que más os guste, podéis conseguir más en otros navegadores como Dafont. En la próxima clase os enseñaré a buscar también más fuentes, mientras usaremos fonts predeterminadas, a mi me gusta la de ''microsoft baiti''.

      Haremos click derecho en la capa de la font, y le daremos a ''opciones de fusión''.



      Se nos abrirá esta ventana, en la cual yo usaré ''trazo'' y ''sombra exterior'', porque sino se verá muy poco mi font.



      En Trazo escogí el color oscurito rosado de la sombra del pelo de mi render, pero no me convenció, por lo que al final no usaré el trazo.



      Fui a sombra exterior y volví a escoger el color que usé en trazo anteriormente, pero esta vez un tono un poquito más suave, y lo ajusté poniéndole la opacidad en 100% con extensión 10.



      Pondremos un texto debajo de vuestro nick, preferiblemente una frase corta ya que ha de ajustarse en un lateral. Esta vez escogeremos lo contrario al color de la font del nick, por lo que escogí el tono oscurito del pelo para esta. Ajustaremos el tamaño a un poquito más pequeño que el nick, pero que tampoco sea tan pequeño. Volveremos a hacer lo que hicimos en opciones de fusión, pero esta vez sí que usaré Trazo y no sombra exterior.



      Y con esto y un bizcocho, nuestra primera firma está acabada. Para guardarla iremos a ''Archivo'' y daremos click en ''Guardar para web'' donde nos saldrá una ventanita.



      Dentro de esa capa, ajustaremos el formato a JPG y la anchura y altura a 500 x 200.



      Le daremos a guardar y... tachán, firma acabada! Recordad guardar el PSD aparte de la firma en JPG. Para es iréis a ''Archivo'', ''Guardar como..'' y la pondréis en formato PSD con otro nombre. La usaremos en la próxima clase de firmas. :amor:
      Espero que os haya gustado la primera clase, y os espero en las próximas clases. Si tenéis alguna duda no dudéis en preguntarme, así como espero ver vuestras firmas probando la clase por aquí. <3

      Aquí está mi firma con la primera clase, la verdad es que quedó muy linda.


    • New

      Se me habia pasado hacer el intento, la verdad es que lo has explicado muy bien y bien facil. Ojala se animen para intentarlo ya que tu explicacion es sencilla para cualquiera que no sepa nada del photoshop te felicito.





      Me cuesta mucho acertar con los fondos creo que no lo he hecho pero bueno lo intente xD

      Felicidades @AdictaAlFlash

      Siii tienes razón, lo de la font pufff me cuesta un mundo, tomo nota de rus indicaciones , gracias !!!


      Gracias Koi
      " La ambición suele llevar a las personas a ejecutar los menesteres más viles. Por eso, para trepar, se adopta la misma postura que para arrastrarse. "

      The post was edited 1 time, last by TuSombra ().

    • New

      El fondo está genial y el render está muy bien integrado. Lo único que te ha fallado es la font :P Siempre es bueno ampliarla cuando el render no ocupa mucho en la firma o está en un lateral, en un caso está muy pequeñita y al ser oscura es difícil de verla. Haz que se acerque más a la mano con la cadena así mismo, ya que lo mejor para colocar una font es la mirada del render