Que tal amigos de Taringa, esta ocasion vengo a traerles este tuto de photoshop para hacer un reproductor portatil como el de la imagen de abajo, espero que les agrade y cualquier duda no duden en preguntar
Lo primero que haremos sera crear un nuevo documento, yo lo hice de 2000 pixeles por 2000 pixeles y a una resolucion de 300ppi
Luego de eso procedemos a crear una nueva capa, y seleccionando la herramienta de rectangulo redondeado con un radio de 135px
hacemos una figura algo asi
Despues damos click derecho sobre esta imagen y le damos duplicar capa y presionando "Ctrl + T" podemos transforamalo libremente
asi que la hacemos mas chica para que esta sea la pantalla de nuestro reproductor (yo le baje la opacidad a la primera capa para ver la diferencia entre los tamaños)
Despues de esto le ponemos nombre a nuestras capas para que no haya equivocaciones (esto se hace dando click derecho sobre la capa y en propiedades de capa)
Una vez hecho esto damos click una vez mas en la capa de la pantalla y seleccionamos "opciones de fusion"
Una vez en este menu nos vamos a donde dice Superposicion de colores y seleccionesmos el q nos guste, yo le puse este azul claro
que aparece en la imagen
Luego sin salir del menu de opciones de fusion seleccionamos donde dice sombra interior y ponemos todo como aparece en la imagen
Luego nos vamos a sombra paralela y lo mismo
Luego le damos ok para que se cierre el menu, luego nos vamos a la capa del cuerpo de nuestro reproductor y nos vamos a "opciones de fusion" y luego a "superposicion de degradado" y ponemos los colores como aparece a continuacion
Despues añadimos "Bisel y relieve" y lo ajustamos comoa parece a continuación
Y ya tenemos listo el cuerpo de nuestro reproductor.
PAso siguiente, creamos una nueva capa y con el rectangulo redondeado (no hemos cambiado el radio en ningun momento)
creamos la forma de nuestro boton
Despues de que tengamos la forma de nuestro boton, duplicamos la capa 2 veces y las organizamos como aparece a continuacion, y una vez conformes con la posicion, Manteniendo presionada la tecla "Ctrl" damos click derecho en cualquiera de las 3 capas y damos click en "combinar capas" para que se transforme en una sola capa.
Despues le damos click derecho y nos vamos a "opciones de fusion" y a "superposicion de color" como aaprece a continuacion
Y luego a "bisel y relieve" (notese la seleccion que hice en "contorno de resplandor)
Por ultimo solo le agregamos una sombra paralela como aparece en la imagen, esto para darle un poco de realce a los botones
Despues creamos una nueva capa y con la herramienta "Pluma" creamos un triangulo que sera para el boton de Play de nuestro reproductor,
Despues damos click derecho sobre el trazado y seleccionamos "rellenar trazado"
Ahora duplicamos esta capa 2 veces y las movemos hasta el boton de la derecha y las posicionamos como aparece en la imagen para crear el boton de adelantar (FF)
Lo siguiente es combinar estas dos capas para formar una, y luego duplicar esta capa para crear el boton de "retroceder" (BF)
Presionamos "Ctrl + T" para abrir la opcion de transformacion libre, le damos click derecho sobre la imagen y seleccionamos (voltear horizontal)
Ahora solo ubicamos la imagen sobre su respectivo boton y combinamos las capas para formar una sola.
Damos click derecho sobre la capa de los iconos de los botnes y abrimos el menu de "opciiones de fusion" y en "fusion general" seleccionamos "Restar"
Ahora que desaparecieron los iconos simplemente nos vamos a "sombra interior" y lo llenamos como en la imagen y asi terminamos nuestros iconos
Creamos una nueva capa y con el "Rectangulo redondeado" creamos una nueva figura para hacer la bocina de nuestro reproductor
Ahora para darle textura, importamos la imagen que usaremos y la redimencionamos hasta estar conformes con la forma
TEXTURA
Despues vamos a crear la seleccion con la froma de nuestra bocina, para esto, simplemente nos vamos a la capa de nuestra bocina y manteniendo presionado "Ctrl" hacemos click en la miniatura de nuestra capa para que la seleccion aparezca como en la imagen
Ahora simplemente nos vamos al menu de "Seleccion" y damos click en "inveritir" y ahora simplemente suprimimos o borramos el sobrante y ya tenemos nuestra bocina.
(Si importan su imagen de textura como "objeto inteligente", simplemente den click derecho en la capa de la imagen de textura y seleccionen "Rasterizar imagen" y ahora ya pueden suprimir el sobrante)
https://lh6.googleusercontent.com/-qs0u1k6GaD8/TeQkFg-vv5I/AAAAAAAABLQ/ifL9GXLbxsM/27.jpg
Presionando "Ctrl + D" des-seleccionamos la imagen y damos click derecho en la capa y duplicamos la capa y la posicionamos para formar la segunda bocina del reproductor y simplemente las fusionamos para que sean una sola capa
Y ya casi tenemos nuestro reproductor terminado
Ahora le agregare un cable de audifono para que parezca mas real, asi que creamos una nueva capa debajo de la capa del cuerpo del reproductor
con la herramienta "pluma" creamos un trazado masomenos asi
Luego seleccionamos la herramienta de "Pincel" y lo ajustamos masomenos asi
Luego regresamos ala herramienta de "Pluma" y damos click derecho en el trazado y seleccionamos "Contonear trazado" y seleccionamos "Pincel" y damos OK
(Debe estar desmarcada la casilla de "simular presion"
Ya que tenemos la forma de nuestro cable nos vamos a "opciones de fusion" y seleciconamos Superposicion de color"
Y luego aplicamos "Bisel y relieve" como en la iamgen
Y nuestro cable ya esta, ahora simplemente agregaremos el Plug con el que el cable se conecta al reproductor, con la herramienta de "Rectangulo redondeado" cremoas una forma que asemeje al "Plug"
Ahora en la capa del cable, damos click derecho y seleccionamos "Copiar estilo de capa" y en la capa del Plug damos click derecho y seleccionamos "Pegar estilo de capa" para que el plug sea del mismo estilo del cable
Luego duplicamos la capa del Plug y presionando "Ctrl + T" abrimos la transformación libre y ajunstamos la forma con aparece enla imagen para darle mas aspecto de conector
Despues, manteniendo presionado "Ctrl" damos click en la miniatura de la capa del segundo Plug para crear nuestra seleccion. Creamos una nueva capa y con el pincel configurado como en la imagen pintamos simulando una sombra
Despues simplemente ajustamos la opacidad para que no quede tan brusca la sombra
Y hemos terminado, ahora simplemente se le agrega lo que gusten para la pantalla
Espero que les haya gustado y espero sus opiniones y dudas...
Lo primero que haremos sera crear un nuevo documento, yo lo hice de 2000 pixeles por 2000 pixeles y a una resolucion de 300ppi
Luego de eso procedemos a crear una nueva capa, y seleccionando la herramienta de rectangulo redondeado con un radio de 135px
hacemos una figura algo asi
Despues damos click derecho sobre esta imagen y le damos duplicar capa y presionando "Ctrl + T" podemos transforamalo libremente
asi que la hacemos mas chica para que esta sea la pantalla de nuestro reproductor (yo le baje la opacidad a la primera capa para ver la diferencia entre los tamaños)
Despues de esto le ponemos nombre a nuestras capas para que no haya equivocaciones (esto se hace dando click derecho sobre la capa y en propiedades de capa)
Una vez hecho esto damos click una vez mas en la capa de la pantalla y seleccionamos "opciones de fusion"
Una vez en este menu nos vamos a donde dice Superposicion de colores y seleccionesmos el q nos guste, yo le puse este azul claro
que aparece en la imagen
Luego sin salir del menu de opciones de fusion seleccionamos donde dice sombra interior y ponemos todo como aparece en la imagen
Luego nos vamos a sombra paralela y lo mismo
Luego le damos ok para que se cierre el menu, luego nos vamos a la capa del cuerpo de nuestro reproductor y nos vamos a "opciones de fusion" y luego a "superposicion de degradado" y ponemos los colores como aparece a continuacion
Despues añadimos "Bisel y relieve" y lo ajustamos comoa parece a continuación
Y ya tenemos listo el cuerpo de nuestro reproductor.
PAso siguiente, creamos una nueva capa y con el rectangulo redondeado (no hemos cambiado el radio en ningun momento)
creamos la forma de nuestro boton
Despues de que tengamos la forma de nuestro boton, duplicamos la capa 2 veces y las organizamos como aparece a continuacion, y una vez conformes con la posicion, Manteniendo presionada la tecla "Ctrl" damos click derecho en cualquiera de las 3 capas y damos click en "combinar capas" para que se transforme en una sola capa.
Despues le damos click derecho y nos vamos a "opciones de fusion" y a "superposicion de color" como aaprece a continuacion
Y luego a "bisel y relieve" (notese la seleccion que hice en "contorno de resplandor)
Por ultimo solo le agregamos una sombra paralela como aparece en la imagen, esto para darle un poco de realce a los botones
Despues creamos una nueva capa y con la herramienta "Pluma" creamos un triangulo que sera para el boton de Play de nuestro reproductor,
Despues damos click derecho sobre el trazado y seleccionamos "rellenar trazado"
Ahora duplicamos esta capa 2 veces y las movemos hasta el boton de la derecha y las posicionamos como aparece en la imagen para crear el boton de adelantar (FF)
Lo siguiente es combinar estas dos capas para formar una, y luego duplicar esta capa para crear el boton de "retroceder" (BF)
Presionamos "Ctrl + T" para abrir la opcion de transformacion libre, le damos click derecho sobre la imagen y seleccionamos (voltear horizontal)
Ahora solo ubicamos la imagen sobre su respectivo boton y combinamos las capas para formar una sola.
Damos click derecho sobre la capa de los iconos de los botnes y abrimos el menu de "opciiones de fusion" y en "fusion general" seleccionamos "Restar"
Ahora que desaparecieron los iconos simplemente nos vamos a "sombra interior" y lo llenamos como en la imagen y asi terminamos nuestros iconos
Creamos una nueva capa y con el "Rectangulo redondeado" creamos una nueva figura para hacer la bocina de nuestro reproductor
Ahora para darle textura, importamos la imagen que usaremos y la redimencionamos hasta estar conformes con la forma
TEXTURA
Despues vamos a crear la seleccion con la froma de nuestra bocina, para esto, simplemente nos vamos a la capa de nuestra bocina y manteniendo presionado "Ctrl" hacemos click en la miniatura de nuestra capa para que la seleccion aparezca como en la imagen
Ahora simplemente nos vamos al menu de "Seleccion" y damos click en "inveritir" y ahora simplemente suprimimos o borramos el sobrante y ya tenemos nuestra bocina.
(Si importan su imagen de textura como "objeto inteligente", simplemente den click derecho en la capa de la imagen de textura y seleccionen "Rasterizar imagen" y ahora ya pueden suprimir el sobrante)
https://lh6.googleusercontent.com/-qs0u1k6GaD8/TeQkFg-vv5I/AAAAAAAABLQ/ifL9GXLbxsM/27.jpg
Presionando "Ctrl + D" des-seleccionamos la imagen y damos click derecho en la capa y duplicamos la capa y la posicionamos para formar la segunda bocina del reproductor y simplemente las fusionamos para que sean una sola capa
Y ya casi tenemos nuestro reproductor terminado
Ahora le agregare un cable de audifono para que parezca mas real, asi que creamos una nueva capa debajo de la capa del cuerpo del reproductor
con la herramienta "pluma" creamos un trazado masomenos asi
Luego seleccionamos la herramienta de "Pincel" y lo ajustamos masomenos asi
Luego regresamos ala herramienta de "Pluma" y damos click derecho en el trazado y seleccionamos "Contonear trazado" y seleccionamos "Pincel" y damos OK
(Debe estar desmarcada la casilla de "simular presion"
Ya que tenemos la forma de nuestro cable nos vamos a "opciones de fusion" y seleciconamos Superposicion de color"
Y luego aplicamos "Bisel y relieve" como en la iamgen
Y nuestro cable ya esta, ahora simplemente agregaremos el Plug con el que el cable se conecta al reproductor, con la herramienta de "Rectangulo redondeado" cremoas una forma que asemeje al "Plug"
Ahora en la capa del cable, damos click derecho y seleccionamos "Copiar estilo de capa" y en la capa del Plug damos click derecho y seleccionamos "Pegar estilo de capa" para que el plug sea del mismo estilo del cable
Luego duplicamos la capa del Plug y presionando "Ctrl + T" abrimos la transformación libre y ajunstamos la forma con aparece enla imagen para darle mas aspecto de conector
Despues, manteniendo presionado "Ctrl" damos click en la miniatura de la capa del segundo Plug para crear nuestra seleccion. Creamos una nueva capa y con el pincel configurado como en la imagen pintamos simulando una sombra
Despues simplemente ajustamos la opacidad para que no quede tan brusca la sombra
Y hemos terminado, ahora simplemente se le agrega lo que gusten para la pantalla
Espero que les haya gustado y espero sus opiniones y dudas...