Documenti di Didattica
Documenti di Professioni
Documenti di Cultura
Edicin de Imgenes
Coordinacin del Portal de Internet del Gobierno
del Estado
Subsecretara de Administracin
Elaborado por:
Vctor Manuel Gmez Jurado
Coordinador del Portal de Internet
Oscar Gabriel Acevedo Carranza
Produccin Grfica
Subsecretara de Administracin
Directorio
C.P. Carlos Zeferino Torreblanca Galindo
Gobernador del Estado de Guerrero
C.P. Carlos lvarez Reyes
Secretario de Finanzas y Administracin
Ing. Jos Antonio Bajos Valverde
Subsecretario de Administracin.
Indice de
Contenido
Introduccin
Que es Paint.NET?
Donde se obtiene Paint.NET?
Como se instala Paint.NET?
Interfaz
Barra del menu
Abrir archivos
Modifica una imagen
Girar una imagen
Recortar una imagen
Cambiar tamaos
Realizar mejoras
Brillo y Contraste
Curvas
Deshacer una accin
Guardar imgenes en formato JPG y GIF
Especificaciones para nombres de archivo
Introduccin
Que
Paint.NET?
es
Paint.NET (Versin 3.07), Paint.Net es una aplicacin para Windows que te permite editar
de manera profesional presentando un entorno completo y manipular de manera bsica
diferentes formatos de imgenes (tif, jpg, gif), cambio de tamao y de resolucin para
Internet.
Permitir la fcil y controlada publicacin de las imgenes en el sitio por parte de las diferentes
Dependencias y Entidades.
Fue seleccionada principalmente por que es fcil de utilizar, es rpida, ligero y fcil de
instalar.
Como
se
Paint.NET?
instala
Una vez que se descargo el archivo con extensin .exe se debe seleccionar en la carpeta
correspondiente donde se guardo desde el explorador de windows y dar doble clic sobre el
archivo, se deben seguir las instrucciones de instalacin que aparecern en pantalla.
Mis docoolenlos
Archivo
Edicin
()At,,, .
Ver
Favoritos
.J
~ramient:M
Ayuda
Carpetas
Dl'eccinlMisdc.oa.ment:os
Tareas de archivo y carpeta
~C&mbiarnorrbreaestearctivo
!;)
.Q
Moveresteardwo
Copiarestearchrvo
electrr"ico
Eliriw"westearchivo
otros sitios
[jEscritorio
_1
~
"PC
~stiosdered
Detalles
por correo
SeoretuserFiles
eMilTSiea
o~archivosrecibidos
,.;::j,.".,'""""""''"
"
OreccOO(lMsdocosnentos
Tarea1dearchivoycarpeta
~C~.....::nbeaesteard'Wo
f-"Moverestearclwo
,Cop1arastaarchivo
t)P<.illcaresteerchlvoenWeb
0En-..estaarclwogo,"corr&O
eiectrrico
Elnwiorasteerchlvo
JI.
DcorelUserAM
~Mmslca
t:i"'sarclwosred>idos
..:i..........
eMy"'-ISC:
i1 P<'1in1.ll[T '1).07
G) EscltorO
t::)Ooc:osnentosc~tldos
j
']
MP<:
Msstiostlered
Detelle
1-J
[!}paint.net
_U
...,, -
EIAsistanteparalainstatae16nleayudar,amstalarPa1nt.NET.
Ehja,inm6tododeu'lstalae16ny,acontmuae16n,hagael,cenS,9u1ente.
@Oplda
Opcin recomendada paralamayoria delos usuanos.Esta,nstalacin
utihia las opciones predeterm,nadas, o las m,smas OPC>ones Que H
el,c;iieronenlamstalaanantenor.
QPersonallzada
Leperm,teeambiarlacarpetademstalaanaslcomoopaones
relae1onadasconnoaaaonesdalbpodeardl1voybUsQuedad11
aetual,uc,ones.
el,...,..
Pordo11 Copy,191\t O
t ,
Interfaz
Ventana principal
El interfaz de Paint.NET se compone de 10 reas importantes:
Sin ttulo
(100%) - Pllint.NET
2
3
Archivo
Aj.Jstes
Efectos
'=\v.,.=
v].07
Edicin
Ver
lrMQeO
Ventan111
?'
'il.ill....,....,"""'
Capas
,ti
_ie:!,j~
Hetramieota .....
Calid-,d: SUave
--
s:, ~
?~
e, o.
'*:. f)
O)a
,j 2
" 1
..L e!
A \1
1:1 ID
06
8
'j81Xlx800
10
01 Barra del ttulo
Esto dice el nombre de la imagen que se esta trabajando , as como la versin de Paint.NET
que se est utilizando.
02 Barra de men
Aqu es donde se puede tener acceso a las opciones del men.
03 Toolbar
Se encuentra bajo la barra del menu, el toolbar contiene varios botones y controles para
ejecutar varios comandos y ajustar los parmetros segn la herramienta activa.
04Lista de la imagen
Cada imagen que se ha abierto se exhibe en la lista de la imagen. Basta dar click en una
imagen para cambiar a ella.
05
Lona
de
la
imagen
Aqu es donde est visible la imagen, y es el rea donde se puede dibujar y realizar otras
acciones.
06
Ventana
de
las
herramientas
Aqu se destaca la herramienta activa, y donde se puede elegir otras
herramientas.
07
Ventana
de
la
historia
Todo lo que se a hecho a una imagen desde que se abrio se enumera en esta
ventana.
08 Ventana de las
capas
Cada imagen contiene por lo menos una capa, y esta ventana es el rea primaria para
manejarlas.
09
Ventana
de
los
colores
sta es el rea primaria para seleccionar colores para dibujar. Consiste en una rueda del
color y un resbalador del brillo.
10
Barra
de
estado
Esta rea se divide en varias secciones. A la izquierda, exhibe la informacin rpida de la
ayuda y de estado. La exhibicin siguiente da el tamao de la imagen, y la localizacin de
cursor dentro de la imagen.
Barra de menu
Hay nueve mens a nivel superior en Paint.NET:
Edicin
Ver
P~int.t~ET v).07
Imaoe,, C-
A~es
Efectos
Vent~M
Archivo
Proporciona el acceso para abrir las imgenes a
modificar.
Edicin
Contiene los comandos para la manipulacin fcil de la historia de la imagen, la regin
seleccionada de la imagen, etc.
Ver
Estos comandos cambian la manera que de ver la
imagen.
Imagen
Contiene los comandos que alteran toda la
imagen.
Capas
Estos comandos alteran solamente la capa actualmente
activa.
Ajustes
Contiene los ajustes que se pueden utilizar para corregir la capa
actual.
Efectos
Contiene los efectos que se pueden utilizar para transformar la capa
actual.
Ventana
Estos comandos permiten que ocultes o que demuestres las ventanas para uso general
flotantes, para reajustarlas a sus localizaciones originales, y para accionar la palanca de su
efecto translcido.
Ayuda
Proporciona el acceso rpido a documentacin de
ayuda.
Abrir archivos
El men de archivo proporciona el acceso para abrir la imagen que se pretenda modificar.
De click en el esta opcin y vaya directamente a la opcin Abrir.
~
Edicin
Nuevo .. 1
- Paint.NET v3.07
Imagen
Ajustes
Capas
Efectos
Ventana
Ver
~----
Ctrl+N
J.
Ctrl+O
Abrir ... ~
Abrir imagen reciente
2l,
~ ffi Ir
Ventana
Unidades:
Pxeles
Imprimir
Adquirir
Salir
Ctrl+W Ctrl+S
Cerrar
Ctrl+Mays. +s
Guardar
Ctrl+P
1 111 1
1
Edicin
- P~int.NET v3.07
\ler
Imagen
Capas
Ajustes
El.
Herramienta:
px , '' I",,.,.,.
...
6',,.,.,'
Abrir
Calidad:
I".,.
Suave
"',
Buscar en
Documentos
recientes
i btl, "'
'I',.,,"',
Efectos
Ventana
2bi:/ ",'
'I'"'
Ventana
",,.
., ffll if'
3bi:/", '' I ",,
..
.. ,, .
Pxeles
.\bi:/', '''
I",,.,.,,
!;bi:/',.,' I',.,,
imagenes esther
D.F.
Unidades:
'l i'\
GUl:IUltl'.10
"""'
i.
Escritorio
diflogol
diflpresid 1
diflpresid02
diflpresid03
directorio
directorioOl
Mis documentos
Mi PC
Nombre
dillpresid03
Tipo
Abrir
"',
Modificar
una imagen
Girar una imagen
Estas opciones del men permiten que se mueva de un tirn la imagen horizontalmente o
verticalmente. Tambin estas opciones de men dan varios comandos para rotar la imagen
por 90 grados en las direcciones a la derecha o a la izquierda, o por 180 grados.
~ diflpresid03.jpg
Archivo
Edicin
Imai;ien
Capas
Ajus tes
Efectos
Cambia
r el tamao ..
Tamao del lienzo ...
&{
&{
Girar 90 a la derecha &{
Girar 90 a la izquierda &{
Girar 180"'
&{
._.
Voltear horizontalmente
lr'oltear verticalmente
C,
C.,
C.,
Ven tana
Ctrl+R
Ctrl+Mays.+R
Ctrl+H
Ctrl+G
Anul~ seleccion
r ..
Girar~ a la derecha
H .,
Capas
Fondo
i:J-39, 9
Esta opcin nos sirve cuando la imagen original no esta en la posicin deseada entonces
antes de modificar el tamao y hacer mejoras o ajustes hay que rotarla.
Recortar
imagen
una
Si solo se quiere utilizar un detalle de la imagen y se requiere eliminar lo dems hay seguir
los siguientes pasos:
1.- Dar clik en la Ventana de las herramientas en la opcin llamada rectngulo de
seleccin.
2.- Arrastrar sobre la imagen la seleccin en el punto deseado tratando de que esta sea de
acuerdo a la proporcin de la foto para no tener problemas a el momento de cambiar el
tamao de la misma, si la posicin y tamao de la seleccin no es la que necesita de un
click encima de esta para anularla y poder volver a realizarla o dar click en la opcinMover
la seleccin ah se puede cambiar el tamao de la misma reduciendola a escala
manteniendo apretada la tecla shift y arrastrar desde una esquina.
3.- Para ejecutar la accin de recortar la imagen segn lo seleccionado debe ir a el menu
Imagen y dar click en la primera opcin Recortar segn la
seleccin.
[g diflpresid03.jpg (100%) Paint.NET vJ.07
::hivo
U
Edicin
~
e:,
Ver
Imagen
j(i
Cambiar el tamao ..
.,.
1
3.i:s"_V.:.::.c.ntc::n.:.:
_.:,~
L..CC:::Pc::':.._.:;A,:iu::..:steii::i.
"e
Unidades: Pxeles
Ctrl+R
Ctrl+Mays.+R
Voltear horizontalmente
Historial
.. .
,cccion-cin:im-.::crongo~-----."'-11
::'1
: :Anular selecc
i n
t:; Se leccionar un rec tngulo
l
Voltear vertica mente
Girar 90 a la derecha
Girar 90 a l a izquierda
Girar 180
Ctrl+H
Ctrl+G
Ctrl+J
r:JAnular seleccin
t:;
Seleccionar un rectngulo
~:Anular seleccin
g
g
Colores
I P,incipal
Fond,
fj
:~ Seleccinsup
erior izquierda: 1401 14. Limitar el tamao del rectnQulo: 350 x 255 rea: 89.250 pixeles>.
'j602
400
tu 11a
-12a
Cuando se quiere recortar una imagen con exactitud es necesario activar las reglas y
tener las medidas en pixeles.
Archivo
Ver
Ediciri
Ver
ir, ;
'4.
Acercar
Alejar
CRL+-
Zoom y ventana
Ctrl+B
:~
ir
..,,
Imagen
Zoom y seleccin
Ctrl+Mays. +B
Tamao actual
Ctrt+Mevs. +A
Cuadrcula
' ,.
Calidad:
:,'oo"'''I"''"'''
Ajustes
Efectos
(" q,.
100%
suave
"'"'''I"''"'''
ioo"'''I"''"'''
200"'''1"''"'''
joij"'''I"''"'''
4bij"'''I"''"
Reglas
Pxeles
Herramienta:
CRL++
Capas
Pulgadas
Centmetros
Poniendo como ejemplo una medida de una imagen que tiene 192 x 110 pixeles y se quiere
adaptar a una medida denominada miniatura o thumbs para el portal de internet y se debe
adaptar a una medida de 150 x 110 pixeles se procede a:
1.- Seleccionar la tecla rectngulo de seleccin y dar click encima de la imagen para
seleccionar toda el rea.
2.- Seleccionar la herramienta mover la seleccin se pondr un tono oscuro sobre la parte
que tenemos seleccionada, desde la parte lateral derecha vamos a reducir su tamao
arrastrando hacia la izquierda y en la parte inferior en la barra de estadose verifican las
medidas en las cuales quedara la imagen.
3.- Centrar la imagen sobre la parte que nos interese no se recorte o simplemente deslizar
hacia la derecha segn sea el caso, y por ultimo ir a al menu imagen y seleccionar la
opcin Recortar segn la seleccin.
~ dif02.jpg (100%) - P<1int.NET v3.07
Archivo
Edicin
Ver
Imagen
Capas
Ajustes
i=l,
Herramienta:
px
'd'''''
l\
I' "'"'''
Efectos
Ventana
100%
Unidades: Pxeles
-'1'"''' l'"''''''
'":""
I'''' "'''
i ot/'''''
2
3
2 Medida a realizar
:_:, Seleccin superior izquierda:
110
o,
2 Medida actual
192 x
1
1
t) 294, 70
1
2
Cambiar tamaos
Imagen
"Q
Ctrl+Mays. +X
CI
Ctrl+R
Ctrl+Mays. +R
Voltear horizontalmente
Voltear verticalmente
Girar 90 a la derecha
Ctrl+H
Girar 90 a la izquierda
Ctrl+G
Girar
180
Ctrl+J
Acoplar
Ctrl+Mays. +F
! Mejor calidad
Por porcentaje:
Tamao en p xeles
ii:JI
Ancho
2000
Alto
1330~1
Resolucin:
200.00~1
pixeles
pfxeles
I p x/pulgada
Tamao de la impresin
Ancho
Alto
10.00~1
! pulgadas
6.65~1
pulgadas
Aceptar
H
H
Cancelar
Ejemplo 01
Ejemplo 02
Realizar
mejoras
Los comandos en este men sirven para ajustar mejoras en la visualizacin de la imagen.
Ajustes
Autonivel
Blanco y negro
Brillo y Contraste
ctrl+Alt+L
~
Ctrl+Mays. +G
=1
Ctrl+Mays. +e
Ctrl+Mays.+M
Invertir colores
ctrl+Mays. + 1
Matiz y saturacin...
Ctrl+Mays.+U
Niveles...
Ctrl+L
Sepia
Ctrl+Mays. +P
Brillo y contraste
~I
Luminosidad
,--Jt---
Restablecer
~I
Contraste
,--Jt---Aceptar
Restablecer
1!
Cancelar
Imagen original.
Ajustes
Efectos
Autonivel
Ventana
Curvas
ctrl+Alt+L
Mays
rt
.+M
...
Ctrl+
C
ur
Mays
va
.+ I
s..
ctrl+M
ays.
Inv
+u
ertir
Ctrl+L
col
Ctrl+
May
s.+P
ore
s
Mat
iz y
sat
ura
ci
n...
Niv
ele
s...
S
e
p
i
a
~ Curvas
Mapa de
transferencia
!
Luminosidad
j
(99, 158)
Restablecer
ll
Acepta
r
J!
Cancel
ar
La
mitad
izquie
rda
de los
efecto
s de
la
curva
es el
rea
ms
brilla
nte de
la
image
n, y la
parte
derec
ha da
a la
image
n las
zonas
ms
oscur
as.
Movi
endo
una
curva
debaj
o
o
sobre
de su
posici
n
respe
cto a
la
gua
diago
nal
afecta
ra el
obscu
recer
o
hacer
ms
brilla
nte la
image
n.
c
u
r
v
a
.
Los
punto
s de
contr
ol se
utiliz
an
para
afecta
r
la
d
o
n
d
e
q
u
i
e
r
L
o
s
p
u
n
t
o
s
d
e
c
o
n
t
r
o
l
s
o
n
a
g
r
e
g
a
d
o
s
d
a
n
d
o
c
l
i
c
k
a
q
u
e
n
o
h
a
y
a
c
t
u
a
l
m
e
n
t
e
u
n
p
u
n
t
o
d
e
c
o
n
t
r
o
l
.
L
o
s
p
u
n
t
o
s
d
e
c
o
n
t
r
o
l
p
u
e
d
e
n
s
e
r
q
u
i
t
a
d
o
s
e
r
e
c
h
o
d
e
l
m
o
u
s
e
e
n
e
l
d
a
n
d
o
p
u
n
t
o
c
l
i
c
k
d
e
c
o
n
e
l
b
o
t
c
o
n
t
r
o
l
d
e
s
e
a
d
o
.
Imagen
original
la
izquierda,
Imagen
con
curva
tendencia
brillante
la derecha.
Deshacer
una accin
Edicin
llt)
Deshacer
Ctrl+Z
Restablecer
Ctrl+Y
Cortar
Ctrl+X
Copiar
Ctrl+C
Pegar
Ctrl+V
. :
Ctrl+Alt+V
Supr
Retroceso
Invertir la seleccin
Ctrl+I
Seleccionar todo
Ctrl+A
Anular seleccin
Ctrl+D
o
Cambiar el tama
o
Cambiar el tama
[ :~: Seleccionar todo
Mover p xeles
Finalizar p xeles
'lt[:::lnular seleccin
echa
Girar 90 a la der
la imagen, si la hay.
Ctrl+Mays.+V
Rellenar la seleccin
Historial
Guardar
imgenes
en Formato
JPG y GIF
Para guardar
comandos:
Archivo
Nuevo ...
ctrl+N
Abrir ...
ctrl+O
Adquirir
Cerrar
Ctrl+W
imgenes
puede usar
los siguientes
.
.
.
c
t
r
l
+
P
ctrl+S
Ctrl+Mays. +s
a
l
i
r
Configuracin de gueruedc
Configmacin
C
o
nf
9,l
ac
i
n
U
,,
a L~
opcp
,
inc
,"
de
Gu ~
ard "
ar
co Los
plee
mo.lesque
.. PtaWa
parel l
a
lasENo
imped
,dil
genu~1f:
es o_
en :
JP N
G, m
resJ
fvJ
rnenty
ara
la
cap
aci
dad
de
con
figu
rar
la
cali
dad
y
niv
el
de
om
pre
nsi
n
de
la
ima
gen
.
m
b fa
l
e~
.
de guardado
~lSO [:,
meoo
1
que
rente
__~:)-canalala
totalr
neol
elra,n
spa
s
~M
ul~
ar
p(lf
el
OTA:
Se
recomienda
guardar las imgenes que
tienen uchos colores (fotos
de personas o paisajes) en
formato PG ya que este
respeta y compensa la
mayora de los colores
degradaciones,
manteniendo as una mejor
visualizacin.
Especificaciones
para nombres
de archivo
Al guardar las imgenes para utilizarlas en el Portal de Internet del Gobierno del Estado se
deben tomar en cuenta las siguientes caractersticas para la visualizacin correcta de estas
en el sitio.
1.- Los nombres de los archivos no deben contener letras en maysculas:
NOMBRE.jpg o NOMBRE.gif es incorrecto
Nombre.jpg o NombreArchivo.gif es incorrecto
nombre.jpg o nombre.gif es correcto
4.- Los nombres de archivo no deben contener la letra , se debe sustituir por la letra n:
imagen_nio.jpg o nios.gif es incorrecto
imagen_nino.jpg o ninos.gif es correcto
Contacto