17/2/2014 Fabricacion de paneles frontales para electronica

http://www.microcontroladorespic.com/tutoriales/Fabricacion-frontales/Panel-tactil.html 1/7
------ PAGINA PRINCIPAL -----
Fabricacion de frontales tactiles para prototipos
Cuando realizamos algn prototipo de algn circuito electrnico, o bien debemos de construir una pequea serie
de equipos, no nos resulta rentable encargar la fabricacin del frontal a una empresa especializada, ya que para
pequeas series, el conste unitario resulta muy elevado.
Paso a describirles el mtodo que yo utilizo para embellecer los frontales de mis equipos, de manera que queden
de lo mas profesional posible, de modo que podamos accionar pulsadores y poder visualizar diodos led, displays
de 7 segmentos, e incluso displays LCD.
Lo primero es seleccionar un tipo de pulsador que mejor se adapte para nuestro
propsito, as que tras comparar varios modelos, me resulto el de la imagen el ms
idneo.
Pulsador de membrana:
Carga: 12 VDC 50 mA
Resistencia de contacto: 100 m mx
Posiciones: OFF-ON (c. abierto en reposo)
N de maniobras: 100.000
Fuerza de maniobra: 160 grs
Carrera de tecla: 0'3 mm
Este modelo de pulsador lo suministra Molgar, bajo la referencia SW084, o bien
Electrodh con la referencia 11.521.

PCB realizado con el pcbWizar

Realizaremos el diseo del PCB con el programa que habitualmente
utilicemos, dejando un espacio mnimo de 3cm desde el centro de un
pulsador al siguiente pulsador.
Prximos a los pulsadores deberemos de dejar sealizado en el diseo
del PCB el sitio donde colocaremos los tornillos que sujetaran la PCB
bajo la placa de aluminio. Podis observar en la imagen que a los 5
pulsadores de la derecha les he colocado 4 tornillos con objeto de que
la pcb no ceda al actuar sobre los pulsadores, mientras que a los 4
pulsadores de abajo les he puesto 3 tornillos.
Finalmente en la esquina superior izquierda situ otra sujecin.
Para realizar el dibujo, os aconsejo que utilicis el CorelDRAW, ya que
17/2/2014 Fabricacion de paneles frontales para electronica
http://www.microcontroladorespic.com/tutoriales/Fabricacion-frontales/Panel-tactil.html 2/7
Frontal realizado con el CorelDRAW dispone de rejilla con graduacin en milmetros, la cual es necesaria para
hacer que coincida con las medidas que le dimos al PCB, y al mismo
tiempo es un programa que utilizan la inmensa mayora de imprentas y
sitios donde realizan fotocopias.
Las dimensiones que les puse a los pulsadores cuadrados fueron de
20x20 mm.
Los sitios que tengan que quedar completamente transparentes deberis
de utilizar el color blanco, ya que ese color no se imprime.
Para el contorno de los Led aconsejo utilizar la pluma de 1,411 mm de
grosor, y un dimetro de 5 mm , mientras que para el contorno de un
display LCD o de 7 segmentos hay que utilizar una pluma como mnimo
de 2,822mm. (No es un capricho mi, mas adelante veris el motivo).

Para realizar el mecanizado del frontal realizaremos los orificios de los led a 6mm
y los de los pulsadores a 16mm. (Para realizar el taladro de 6mm es aconsejable
realizar previamente uno de 4 o 5 mm, y para el taladro de 16mm realizar
previamente varios mas pequeos, o bien utilizar directamente una broca de
corona.
El hueco rectangular para el display lo realice mediante sucesivos taladros a 5mm
y luego mediante un alicate de corte termine de unir los huecos, y lo remate
mediante el uso de un limaton para hierro.
Para sealar los orificios en el aluminio superpuse una hoja de papel con el mismo
diseo que realice con el pcbWizar.

Con objeto de que los tornillos queden
completamente enrasados con la superficie de
frontal, deberemos de realizar un taladro a 3mm y a
continuacin utilizar una fresa de avellanar.

Por supuesto los tornillos debern de tener la cabeza
con forma cnica para que se acople al hueco
realizado por la fresa.
17/2/2014 Fabricacion de paneles frontales para electronica
http://www.microcontroladorespic.com/tutoriales/Fabricacion-frontales/Panel-tactil.html 3/7

Para la sujecin del pcb, primero pondremos
todos los tornillos sobre la placa de aluminio junto
con unos separadores de 10mm y una tuerca de
apriete.
Observar que los pulsadores quedan por debajo
de la superficie de la placa, pero no podemos
utilizar separadores ms cortos, ya que el display
LCD necesita como mnimo esa altura. Adems
prefiero tener que suplementar el rabito de los
pulsadores a tener que cortarlos.
El display Lcd es aconsejable montarlo una vez que tengamos el PCB montado bajo el panel de aluminio.
En lugar de atornillar el display sobre el pcb lo sujetaremos
soldndolo con 4 patillas sobrantes de las resistencias, ya que
de esta manera podremos dejarlo justo al ras del frontal, y este
impedir que el dibujo con la serigrafa se descuelgue a causa
del gran hueco abierto.
Primeramente soldaremos los 4 pines sobre el LCD y luego
este sobre el PCB.


Para poner los pulsadores al mismo ras de la placa de
aluminio utilizaremos un sacabocados de
aproximadamente 10mm para obtener sobre un fino
cartn los crculos necesarios.
Tambin necesitaremos un pequeo trozo de fino plstico,
pero a su vez rgido, al que le realizaremos con el
sacabocados un orificio en el centro, en donde luego
procederemos a encajar uno de los trozos de cartn que
anteriormente obtuvimos.

Ahora mediante una pistola de silicona caliente procederemos a echar una
pequea cantidad en el centro del cartn que tenemos situado en el plstico, y
lo colocaremos sobre uno de los pulsadores, colocando encima algo de peso
17/2/2014 Fabricacion de paneles frontales para electronica
http://www.microcontroladorespic.com/tutoriales/Fabricacion-frontales/Panel-tactil.html 4/7
mientras se enfra y termina de pegar la silicona.
Gracias al plstico transparente podremos dejar el cartn en el centro del
hueco realizado en el aluminio, y a su vez quedara justamente al ras de la
superficie.
Una vez que haya enfriado procederemos a retirar el trozo de plstico y
continuaremos con el resto de pulsadores.

Una vez que tengamos
suplementados todos los
pulsadores habr que volver a
separar la PCB de la placa de
aluminio, ya que necesitaremos
solo esta para pegarla al
diseo realizado con el
CorelDRAW.


Para la obtencin del dibujo podemos utilizar 2 mtodos:
A) Impresin en Acetato junto con Vinilo de corte.
B) Impresin en papel y posterior plastificado.
IMPRESION EN ACETATO Y VINILO DE CORTE
Vililo al que le he retirado la zona de
cortada
El diseo realizado con el CorelDRAW lo paso a imagen inversa (a modo de
espejo), as de este modo quedara la tinta por detrs del acetato una vez colocado
sobre el aluminio.
Yo copio el archivo realizado con el coreldraw a un pendrive y me lo llevo a una
fotocopiadora de calidad, en donde me imprimen la imagen en acetato. Esta
impresin me cuesta tan solo 1 en un tamao folio A4.
Como podis ver en la imagen, la tinta aplicada sobre el acetato queda traslucida,
por lo que si lo colocramos sobre el aluminio se observaran los tornillos y taladros
realizados.
Para solucionarlo realizamos una copia tambin invertida del dibujo y borramos
todos los botones de los pulsadores, y dejamos solamente los orificios para los
diodos led, y el recuadro para el display, y aumentamos unos 5mm el contorno de
17/2/2014 Fabricacion de paneles frontales para electronica
http://www.microcontroladorespic.com/tutoriales/Fabricacion-frontales/Panel-tactil.html 5/7
nuestro diseo. Posteriormente pasamos el archivo generado a un pendrive y lo
llevamos a algn sitio especializado en rtulos, para que nos lo pasen a Vinilo de
corte. No es necesario modificar el grosor de la pluma de los crculos ni del borde
de la pantalla, ya que el corte que realizan es justamente por el centro de la lnea.
Esto tambin es muy econmico sobre 1,5 pero por norma general esto te lo hacen
por encargo de un da a otro, aunque si le insistes al dependiente pueda que te lo
haga al instante, ya que la maquina tarda menos de 1 minuto en realizarte ese
trabajo. (En varios sitios que pregunte siempre me dicen "djalo y ven maana")
El Vinilo en una de sus caras lleva una lamina protectora, la cual una vez retirada
podemos pegarlo sobre el acetato, pero el adhesivo que este incorpora es tan
potente que si el pegado no queda perfecto, no nos permite despegarlo para
corregirlo.

En el dorso del vinilo, en el papel
protector debemos de sealar con un
bolgrafo el centro de donde van los led,
o bien alguna referencia para poder
centrar el acetato.
A continuacin ponemos el acetato
encima, de modo que estos queden
completamente centrados, tal y como se
ve en la imagen.

Una vez que ya estan centrados el acetato y el vinilo procedemos a fijar el vinilo a la
mesa con algun tipo de cinta ahdesiva solamente por la parte inferior, y el acetato
lo fijamos a la mesa solamente por su parte superior.
De esta forma con la cinta ahdesiva abremos formado una especie de visagra con la
que podemos levantar el acetato y luego una vez quitado el papel protector del vinilo,
podremos volver a bajar el acetato haciendo que este coincida exactamente con los
orificios practicados en el vinilo.
En esta imagen he levantado el acetato hacindolo girar sobre la cinta adhesiva que
coloque.
El protector del vinilo hay que quitarlo al
mismo tiempo que vamos pegando el
acetato, y con la ayuda de un pao
ejerceremos presin sobre ambas superficies
para quitar el aire que quede entre ambas
superficies.
17/2/2014 Fabricacion de paneles frontales para electronica
http://www.microcontroladorespic.com/tutoriales/Fabricacion-frontales/Panel-tactil.html 6/7
Podis observar que la lnea de corte del
vinilo coincide justamente sobre la lnea
negra del contorno de los led y del display.
Es fundamental que este contorno sea de
color negro, ya que es el nico color que no
es translucido.
IMPRESION EN PAPEL Y PLASTIFICADO
Este sistema consiste en la impresin sobre papel del dibujo realizado en el coreldraw, en el cual tendremos que recortar el
rectngulo que ocupa el display, para lo cual emplearemos una regla y un Cutter, y para realizar los crculos de los led
emplearemos un Sacabocados de 3mm. Las lneas de corte siempre quedaran blancas, por lo que utilizaremos un rotulador
negro y lo aplicaremos por el dorso de la imagen.
Ahora procederemos al plastificado del mismo, bien adquiriendo una plastificadora (aproximadamente 35) o bien llevndolo
a plastificar a una papelera. El plstico utilizado para el plastificado lleva incorporado un potente adhesivo el cual queda
pegado al papel, por lo cual perfectamente se puede recortar el conjunto sin tener la necesidad de dejar un borde nicamente
de plstico, (yo errneamente pensaba que haba que dejar el borde de plstico para que no se despegara).
Para los diseos que tengamos que accionar pulsadores con este mtodo, resulta que queda demasiado rgido, por lo cual
17/2/2014 Fabricacion de paneles frontales para electronica
http://www.microcontroladorespic.com/tutoriales/Fabricacion-frontales/Panel-tactil.html 7/7
podemos realizar un nico plastificado sobre 2 hojas, as aprovecharemos ambas caras y sacaremos para 2 equipos. En este
caso deberemos de pegar un pequeo trozo de plstico por la parte de atrs de las ventanas de los displays antes de
plastificarlo, con objeto de que no se peguen ambas hojas a travs de estas ventanas.
Pegado del dibujo a la placa de aluminio
Para fijar el dibujo a la placa de aluminio utilizaremos una cinta adhesiva de doble cara,
de venta en ferreteras. La ms ancha que consegu era de 5cm, as que para frontales
mas anchos hay que poner varias tiras sin dejar hueco entre una y otra, hasta llegar a
cubrir toda la superficie. Ocasionalmente en una imprenta consegu otro adhesivo a
doble cara en tamao A4, aunque a ellos este adhesivo se lo suministran en un formato
mayor, y posteriormente lo cortan.
Posiblemete en manosmaravillosas podais localizar papel adhesivo a doble cara,
aunque personalmente no lo he probado este producto.
Tras pegar la cinta en el aluminio deberis de recortar la zona del Display y la zona de
los pulsadores, naturalmente esto se har mejor con la PCB retirada.
Para fijar el dibujo a la plancha de aluminio habr que realizarlo al primer intento, no podemos pegar y despegar para
corregir, as que utilizaremos el mismo mtodo de bisagra que utilicemos para pegar el acetato al vinilo.
Tras el pegar el dibujo ya podremos colocar el PCB bajo la placa de aluminio.
link de empresas que fabrican teclados de menbrana: Guemisa, Tectron, Essersl
Copyright 2009 (MicrocontroladoresPic)