Up next in 10
#litecanvas #arte #artedigital
Nesse video falo sobre o Lite Canvas uma aplicação em html pra desenhar no navegador sem instalar,sem login pra você desenhar sem barreiras ! 😅 E ainda lancei uma arte do metroid porque sou fã né!
Show More Show Less View Video Transcript
0:04
Fala pessoal, tudo beleza? Aqui quem
0:05
fala é o Marcelo e hoje nesse vídeo aqui
0:08
eu vou estar mostrando para vocês um
0:10
pouco sobre essa ferramenta que eu fiz
0:12
aqui light canvas. Sei que já tem alguns
0:14
vídeos do canal, só que esse vídeo aqui
0:16
exclusivamente é um vídeo comentado
0:19
diferente dos outros que é uma speed
0:21
art. Bom, esse aplicativo aqui ele está
0:24
hospedado no Blockspot ou no blog da
0:28
Google. Então vocês têm aqui um um
0:32
aplicativo que ele
0:35
em si
0:37
ele como eu posso dizer para vocês tá
0:40
aqui, né, no blog, você não precisa
0:42
criar conta nenhuma,
0:45
nenhuma para acessar. Ele não pega nada
0:47
dos seus dados, então você não tem o que
0:50
armazenar, a não ser baixar a imagem
0:53
aqui em cima, seja como PNG, seja como o
0:57
JPEG.
0:58
Aqui em cima tem um temporizador, né?
1:00
Como vocês estão vendo, toda vez que
1:03
você clica em nova arte aparece ele
1:05
zera. Isso aqui é bom porque eu coloquei
1:07
para vocês que gostam de
1:10
eh colocar quanto tempo de arte vocês
1:12
fazem ou gastam e fica ali em cima, né?
1:17
sobre privacidade, termos, peg, contato,
1:20
são tudo outras páginas sobre outras
1:23
páginas que o Google existe. Bom, aqui
1:25
tem um lápis, aqui tem um apagador, aqui
1:27
tem um balde de tinta, aqui tem um
1:29
coletor. Selecione uma cor, tem as
1:32
cores. As cores aqui vocês vão ter um
1:36
quadro diferente no navegador.
1:39
Aqui tá desse jeito, mas no navegador
1:40
aparece diferente. Tem um zoom,
1:43
você pode fazer pinçando também. Você
1:45
pode fazer por aqui no computador. E
1:47
aqui você pode simplesmente pinçar. Só
1:49
que eu tenho que arrumar ainda o ângulo
1:50
porque ele fica meio zoado. E aqui você
1:53
tem o centralizador que ele vai colocar
1:54
no tamanho normal. Aqui eu tenho o
1:56
tamanho e aqui a opacidade e a marca
1:59
d'água que eu coloquei aqui também que
2:00
fica bem legal.
2:03
Aqui tem um sistema de camada, né, que é
2:04
necessário
2:08
e bom. Bom, eh,
2:11
vou est falando com vocês aqui enquanto
2:12
isso, eu desenho também, né, que é a
2:13
parte legal. Eu não faço ideia do que eu
2:16
vou desenhar.
2:18
Desenhar um cogomelo do Mário.
2:19
Aproveitar que tá no
2:22
Não, cogomelo não. Vamos desenhar. Não
2:25
sei o que eu vou desenhar aqui.
2:29
Vamos desenhar. Eu não tenho não tenho
2:34
noção do que eu vou desenhar.
2:38
Então,
2:40
eh,
2:42
vamos ilustrar umas formas aqui. Bom,
2:46
eh, o computador pelo mouse, você clica
2:49
na bolinha, você aciona o mover. Aqui
2:52
você tem o mover também aqui, só que no
2:54
na área externa do canvas.
2:59
Então, é assim. Bom, então vamos lá. até
3:01
que surja alguma coisa na minha cabeça,
3:03
eu vou
3:04
conversando com vocês.
3:08
Bom, é, eu fiz essa aqui com intenção de
3:11
treinar, como eu havia dito em um vídeo
3:14
meu aqui, em uma das minhas lives,
3:18
treinar na área da programação. Então eu
3:20
resolvi fazer isso aqui,
3:22
esse canvas,
3:25
onde eu treinava o o conceito de
3:31
HTML e tal, mas como eu gosto de
3:34
ilustração, gosto de desenhar
3:36
e eu falei: "Ah, cara, vamos fazer um
3:38
trein de desenhar, de ilustrar.
3:42
Ah, e pra curiosidade de vocês, eu tô
3:43
utilizando uma caneta, aquelas canetas
3:45
com borracha na ponta, sabe? Não é
3:48
totalmente uma caneta digital. caneta
3:50
híbrida
3:53
é de uma empresa aqui do lá do meu
3:55
serviço, então não é uma caneta
3:57
específica para isso.
4:01
E tá, vamos lá. Então, é, aí eu falei,
4:05
cara, vou fazer um trem assim porque eu
4:07
já usei aquele Chrome Canvas e no Chrome
4:10
Canvas eu
4:13
sentia falta de algumas coisas que eu
4:15
talvez eu não lembre agora.
4:18
Talvez eu não vou lembrar agora,
4:20
mas assim, eu ficava assim, cara,
4:23
faltando isso e isso,
4:26
que que será que eles não fizeram?
4:29
Aí
4:31
eu falei: "Ah, vou fazer algo que eu
4:33
possa
4:36
utilizar, né, a fim de
4:40
poder fazer uma ilustração sobre algo."
4:44
Então, falei: "Cara, vou fazer isso
4:46
aqui".
4:52
Mas não tá complicado, gente. Eu vou ter
4:53
que arar uma régua também para isso. Uma
4:55
régua de zoom.
4:58
Como vocês estão vendo que eu tô
4:59
desenhando só numa camada, né? Só para
5:00
ver a tragédia acontecer depois.
5:04
Olha aí. E aí, gente, eu falei: "Cara,
5:07
vou fazer, vou fazer porque vou precisar
5:10
de um exemplo, né? Vou precisar de
5:11
alguma coisa para eu exemplificar, caso
5:14
um dia me perguntem".
5:16
E tá aí ferramenta tá disponível aí no
5:18
canal. Eu não sei se eu coloquei o link,
5:20
mas eu vou colocar o link aqui na nos
5:24
comentários que estados [música] desse
5:25
vídeo.
5:27
Eu espero que vocês estejam mexendo
5:31
posteriormente
5:33
e avaliando a ferramenta
5:36
no site, né, ou SAS, como é dito hoje em
5:38
dia. Espero que vocês apreciem,
5:43
porque assim, eu fiz com aquela intenção
5:45
assim de ajudar quem tá
5:48
desenhando sem ter que instalar [música]
5:50
nada. Vamos passar tempo mesmo.
5:55
Quem gosta de desenhar às vezes não tem
5:59
uma memória no celular igual eu. A gente
6:01
pensa em alternativas
6:03
que não consomem tanto dados móveis
6:06
igual essa aqui. Essa aqui vocês podem
6:08
só carregar.
6:10
clicar aqui na parte de cima aqui do
6:11
navegador, né?
6:13
e adicionar no ecran principal, essa
6:15
função aqui. Aí vira um atalho na tela
6:17
de vocês.
6:19
Foi nessa intenção que eu resolvi fazer
6:21
esse aplicativo aqui. No navegador vocês
6:24
têm um mar de possibilidades, tem GIMP,
6:26
tem Adob Photoshop,
6:29
só que no meu caso aqui, eu não
6:32
pensei nessas ferramentas como algo,
6:34
nossa cara, eu preciso preciso fazer
6:36
para isso. Não, nem foi para competir,
6:38
não. Aqui mesmo foi para uma experiência
6:41
que eu fiz. para a minha pessoa mesmo.
6:45
E eu espero que vocês estejam
6:47
avaliando
6:50
e curtindo. E se tiver alguma
6:53
alguma crítica? Oxe, tá selecionando o
6:56
que aqui, meu filho?
6:58
tiver alguma crítica ou uma observação,
7:01
tipo, eh,
7:05
eh, o que que vocês vão precisar fazer,
7:08
ou melhor, o que que eu posso fazer no
7:10
aplicativo para,
7:12
tipo, como
7:15
uma atualização necessária,
7:18
se vocês quiserem estar comentando isso,
7:20
né, no comentário do vídeo, vou est
7:22
agradecendo. Ah, entendi. Tá dando zoom
7:24
porque tá registrando dois pontos por
7:26
causa da caneta. É, como eu falei para
7:28
vocês, não é uma caneta própria para
7:29
isso.
7:33
Então assim,
7:35
é, tá aí, né?
7:41
Não ficou legalzinho.
7:44
Deixa eu ajustar essa tela aqui.
7:46
Isso. Vou est colocando selecionar na
7:50
próxima vez porque
7:54
para agrupar os desenhos, né? Então,
7:55
espero que eu consiga fazer um trein bem
7:57
legal.
8:00
Bom, eh,
8:02
é isso aí.
8:04
Vou fazer um, vou lançar aqui uma arte
8:06
aqui legal, mais interessante
8:10
para pô na capa do vídeo, né? Então,
8:12
bora lá.
8:19
>> [música]
8:25
[música]
8:30
[música]
8:36
[música]
8:42
[música]
8:49
[música]
8:54
[música]
9:00
[música]
9:05
[música]
9:12
[música]
9:21
[música]
9:29
[música]
9:39
[música]
9:44
[música]
9:48
>> เ
9:50
>> [música]
9:58
[música]
10:05
[música]
10:19
[música]
10:29
[música]
10:34
[música]
10:43
[música]
10:45
>> Então é isso aí, pessoal.
10:47
Quero agradecer a todos que ficaram esse
10:50
vídeo. Eu quero est
10:54
pedindo [música] para vocês se inscrever
10:55
no canal e avaliar os outros vídeos,
10:58
deixar o seu like, comentar. Comentem e
11:01
obrigado a todos. E [música] valeu,
Photographic & Digital Arts
Multimedia Software
Jobs & Education