00:00:00
hej you hej you hej
00:00:05
you hej
00:00:08
[Música]
00:00:17
youy
00:00:18
[Música]
00:00:28
you Hey
00:00:31
you
00:00:36
[Música]
00:00:55
to telefone para shows está aparecendo
00:00:58
aqui na tela Fala aí galera bem-vindos a
00:01:00
mais um vídeo e hoje eu vou atender um
00:01:02
dos pedidos mais antigos que tem aqui no
00:01:04
canal que tem lá no blog também que é
00:01:06
como eu faço as artes tanto aqui pro
00:01:08
canal quanto lá pro blog usando o Linux
00:01:11
utilizando o Gimp Mais especificamente
00:01:13
Então hoje eu vou compartilhar com vocês
00:01:15
como eu faço uma dessas Artes e vou
00:01:17
aproveitar para fazer a thumbnail desse
00:01:19
vídeo aqui que você tá vendo Então se
00:01:20
você tem curiosidade sobre como se faz
00:01:23
design utilizando o Linux Bora lá que
00:01:25
vai ser bem interessante bom pessoal
00:01:27
sejam bem-vindos ao meu desktop Beleza
00:01:30
eu vou abrir aqui o Gimp ele já tá
00:01:31
instalado Gimp 2.8 Na verdade o foto
00:01:34
Gimp né vocês podem ver inclusive aqui
00:01:36
tá com uma arte diferente daquela que tá
00:01:38
lá no site photogimp é uma customização
00:01:40
que eu mesmo fiz utilizando alguns
00:01:42
outros projetos que existem aí no mundo
00:01:44
Linux para deixar o Gimp mais parecido
00:01:47
com a utilização do Photoshop essa
00:01:49
versão que vocês estão vendo ele não foi
00:01:50
liberada pro público mas em breve eu
00:01:52
devo postar lá no blog para que todos
00:01:54
vocês possam utilizar Se quiserem a
00:01:56
versão anterior vai tá aqui na descrição
00:01:58
eu acabei me acostumando utilizar o Gimp
00:02:00
assim então é por isso que eu faço as
00:02:02
customizações utilizar o Gimp meio
00:02:22
padrãozinho especialmente você que
00:02:24
desenvolve algum site ou você que tem
00:02:27
canal do YouTube ou mesmo você que tem
00:02:29
um ou algo assim Precisa de imagens para
00:02:32
fazer as ilustrações das matérias enfim
00:02:34
coisas do tipo e em primeiro lugar
00:02:36
porque ele é um programa multiplataforma
00:02:39
eu acredito então permite que você
00:02:41
utilize ele Independente de qual sistema
00:02:43
operacional você esteja utilizando se
00:02:45
você tiver utilizando Windows você
00:02:46
consegue usar o Gimp se você tiver
00:02:48
utilizando o Linux você consegue usar o
00:02:50
Gimp se você estiver utilizando o Mac
00:02:52
você consegue usar o Gimp BSD e tudo
00:02:54
mais então o Gimp ele é multiplataforma
00:02:57
na verdade eu acabei chutando BSD aqui
00:02:59
mas acredito que seja possível também
00:03:01
rodar o Gimp no BSD Não tenho certeza
00:03:04
mas acredito que seja possível de
00:03:06
qualquer forma Além disso ele também é
00:03:09
gratuito e tem vários plugins para você
00:03:11
adicionar várias e várias funções
00:03:13
especialmente para esse tipo de coisa
00:03:15
que é criação eh para conteúdo digital
00:03:18
sites e coisas do tipo o Gimp certamente
00:03:20
é uma alternativa muito interessante e
00:03:23
viável ao Photoshop para algumas coisas
00:03:26
mais específicas eu posso dar o braço a
00:03:28
torcer que alguns profissionais que
00:03:29
estão acostumados ao Photoshop vão achar
00:03:32
que ele é superior em determinadas
00:03:34
tarefas não cabe a mim discutir Mas eu
00:03:37
posso afirmar sem sobra de dúvidas que
00:03:38
pra produção do jeito que eu faço aqui
00:03:40
ele é mais do que o suficiente muitas
00:03:42
vezes é você matar um mosquito com uma
00:03:44
bazuca praticamente de tantas funções
00:03:46
que o Gimp tem de qualquer forma eu vou
00:03:49
criar um novo arquivo aqui Ah aqui a
00:03:52
gente define qual vai ser a largura em
00:03:54
pixels ou qualquer outra medida que a
00:03:56
gente quiser normalmente pro blog eu
00:03:58
utilizo oito 800 por
00:04:01
450 com a densidade de pixels aqui de 72
00:04:06
então eu vou dar um ok e fica uma imagem
00:04:08
mais ou menos assim Essa é aquela imagem
00:04:10
principal que normalmente aparece nos
00:04:12
posts lá no di Linux e a partir dessa
00:04:15
dessa moldura digamos assim que eu
00:04:17
construo a as artes colocando marca
00:04:20
d'água e tudo mais para colocar marca
00:04:21
d'água né basta colocar aqui por exemplo
00:04:24
aí eu vou dar uma diminuída aqui no
00:04:25
tamanho eu pressionei control t tá para
00:04:28
fazer essa mudança E aí eu diminuo aqui
00:04:30
opacidade tá feita aí a marca d'água tá
00:04:32
bem rapidão de se fazer mas eu não vou
00:04:35
fazer uma arte lá pro blog agora de
00:04:38
qualquer forma é interessante que vocês
00:04:40
saibam que é possível fazer esse tipo de
00:04:42
arte para sites no Gimp sem maiores
00:04:44
problemas ele é um manipulador de imagem
00:04:47
extremamente competente recomendo
00:04:49
inclusive uma dica adicional é que você
00:04:51
solve as suas imagens para colocar no
00:04:52
site em jpg porque elas tendem a ser um
00:04:55
pouco mais leves né ajuda a carregar a
00:04:57
página mais rápido a menos que você
00:05:00
precise da Transparência bom para criar
00:05:03
uma thumbnail né como a gente chama
00:05:05
essas imagens aí do YouTube A gente vai
00:05:08
usar uma resolução diferente a resolução
00:05:10
que o Google recomenda é essa em HD
00:05:13
então 1280 por
00:05:16
720p certo temos aqui eu não sei
00:05:19
exatamente o que eu vou fazer então vou
00:05:20
criar aqui junto com vocês mas eu quero
00:05:22
dar algumas outras dicas que podem ser
00:05:24
úteis uma coisa que eu venho fazendo
00:05:26
ultimamente que eu acho que vem dando
00:05:28
não só um resultado bacana como um
00:05:30
efeito legal também eu vejo até pela
00:05:32
questão do dos acessos né o quanto a
00:05:34
imagem se torna Atrativa é utilizar o
00:05:37
fundo desfocado da imagem ou seja e usar
00:05:40
uma desfocagem galciana normalmente para
00:05:43
criar esse efeito tem esse site aqui que
00:05:45
se chama pixels ou pixels né no caso P
00:05:49
comom ah a gente pode vir aqui em
00:05:51
license e você vai ver que todas as
00:05:54
imagens que estão aqui elas são livres
00:05:56
de direitos autorais para você poder
00:05:58
utilizar inclusive para fins comerciais
00:06:01
a gente vem aqui em more onde tem várias
00:06:03
categorias e uma que eu acho bem legal
00:06:05
para utilizar nessas circunstância que
00:06:07
eu vou fazer são essas envolvendo Home
00:06:10
Office normalmente então eu tenho aqui
00:06:12
writing são pessoas escrevendo se eu
00:06:15
descer aqui um pouco mais eu tenho
00:06:16
laptop books Hands e mockups e assim por
00:06:21
diante o School coisas da Apple aqui no
00:06:24
caso olha só tem várias imagens
00:06:26
Inclusive tem algumas que vão servir de
00:06:28
wallpapers Com toda certeza
00:06:30
além de te ajudar ilustrar melhor aí
00:06:32
tanto o seu site quanto o seu canal no
00:06:34
YouTube Vamos aqui em laptop por exemplo
00:06:36
vamos encontrar uma imagem aqui que
00:06:38
fique legal eu acredito que essa daqui
00:06:40
seja uma boa vamos ver se realmente essa
00:06:45
aquii vamos lá deixa eu decidir aqui
00:06:48
qual que eu vou
00:06:49
utilizar essa aqui com o café também é
00:06:52
legal essa aqui é bacana mas ela tem
00:06:54
muita informação acho que essa aqui é um
00:06:56
pouco mais simples e aqui a gente pode
00:06:58
fazer o download você pode ver que a
00:07:00
resolução é bem grande então clica aqui
00:07:02
no download ele já vai baixar beleza vou
00:07:06
fazer o download aqui a gente consegue
00:07:08
ver a imagem em tamanho real aqui beleza
00:07:12
aqui a gente vê as informações para você
00:07:14
ver a resolução da imagem corretamente
00:07:17
eu vou vir aqui no Gimp Vou importar ela
00:07:19
a gente vem aqui em arquivo para não
00:07:21
abrir como um arquivo novo a gente vem
00:07:23
aqui na opção de abrir como camadas e
00:07:25
assim ele já abre por cima dessa imagem
00:07:27
que tá no fundo aqui deixa eu ver onde
00:07:29
eu salvei eu acho que foi na pasta de
00:07:31
downloads downloads downloads pexels
00:07:35
aqui abri ela antes eu apertei cont CRL
00:07:39
t para redimensionar a imagem Mas eu
00:07:40
posso simplesmente clicar na ferramenta
00:07:42
de redimensionar aqui ou senão vou aqui
00:07:44
na opção imagem e seleciona a opção de
00:07:47
redimensionar então a gente precisa
00:07:49
selecionar a camada e aqui nós vamos
00:07:51
diminuir puxando assim para encolher a
00:07:55
imagem aqui para que ela fique mais ou
00:07:57
menos de acordo com o fundo que tá ali
00:07:58
atrás
00:08:00
pelo menos lateralmente
00:08:02
falando Ok vamos dar uma redimensionada
00:08:05
aqui aguardamos o processo
00:08:07
redimensionado beleza Acho até que vou
00:08:10
aumentar um pouquinho mais porque acabou
00:08:11
ficando um pouco
00:08:13
Estreito um pouco mais pouco mais aí tá
00:08:19
o computador ou o que tiver na tela aqui
00:08:21
ele realmente não importa tanto quanto o
00:08:23
que eu vou colocar aqui muito bem existe
00:08:25
uma pasta aqui no meu computador onde eu
00:08:27
salvo algumas Artes algumas imagens que
00:08:29
eu costumo usar com mais frequência
00:08:31
então tem ícones de distribuições de
00:08:33
programas aqui tudo mais e tem do Gimp
00:08:36
aqui por exemplo que eu vou utilizar
00:08:38
agora então eu vou abrir aqui mais uma
00:08:40
vez como camadas vou aqui procurar minha
00:08:43
pasta de artes eu deixou ela dentro do
00:08:45
DropBox tá aqui o Gimp o ícone dele né o
00:08:49
Wilbert se eu não me engano é o nome
00:08:50
dessa desse personagen Zinho aí do do
00:08:53
Gimp uma raposinha eu acho e aqui está
00:08:57
agora o meu meu ícone do Gimp nós vamos
00:09:01
desfocar a imagem lá atrás para isso eu
00:09:03
seleciono a camada dela aqui venho aqui
00:09:05
em filtros desfocar tem várias formas de
00:09:09
desfocar ela né mas eu vou utilizar a
00:09:10
desfocagem galciana e aqui a gente pode
00:09:13
ter uma ideia de como a imagem vai ficar
00:09:14
ó dá para você mexer Eu vou colocar aqui
00:09:17
até que fique de um jeito que ah o fundo
00:09:20
não distraia tanto a gente olha só ficou
00:09:22
bem bacana acho que é um resultado bem
00:09:24
legal e outra coisa que a gente pode
00:09:26
fazer é escrever agora
00:09:29
aqui quais sejam as mensagens que eu
00:09:32
quero escrever por exemplo Vamos colocar
00:09:35
aqui Gimp tutorial por exemplo seria o
00:09:39
que eu estou fazendo
00:09:42
agora e a gente muda aqui a cor tá aqui
00:09:46
eu consigo mudar as fontes ter que
00:09:48
instalar na verdade algumas Fontes novas
00:09:50
mas tem algumas aqui que eu vou poder
00:09:52
utilizar para essa
00:09:55
demonstração vamos mover Então as coisas
00:09:57
um pouco mais para lá então isso aqui
00:10:00
vem um pouco para cá isso aqui vem um
00:10:03
pouco para
00:10:04
cá e aqui nós já temos um efeito bacana
00:10:08
Gimp tutorial Inclusive eu posso fazer
00:10:11
aquele efeito aqui eu vou desenhar um
00:10:13
retângulo para
00:10:15
cá assim vou criar uma nova camada
00:10:19
aqui eu tô fazendo as coisas meio de
00:10:22
improviso aqui eu não tinha planejado
00:10:23
muito usar uma cor mais escurecida e vou
00:10:26
usar um degradê aqui Ah para
00:10:30
colocar uma sombra tá na verdade eu
00:10:33
quero ao contrário sim um pouco mais um
00:10:37
pouco mais um pouco
00:10:43
mais acho que assim ficou bacana a gente
00:10:46
move aqui a camada onde tá escrito Gimp
00:10:49
tutorial para
00:10:51
cima OK aqui a gente pode aplicar uma
00:10:54
sombra também pode ficar legal né vem
00:10:56
aqui em sombra Projetada
00:11:00
aqui para dar um destaque maior a gente
00:11:01
desmarca a opção de permitir o
00:11:03
redimensionamento
00:11:04
tira praticamente toda a opacidade que
00:11:07
ela viria ter e deixa a sombra bem perto
00:11:09
da letra aqui colocando o raio de
00:11:10
desfoque no seis você vai ver que ficou
00:11:13
saltad aqui vamos dar um destaque também
00:11:16
aqui pro logo do Gimp deixa eu achar
00:11:18
aqui mais uma vez o logotipo seria ter
00:11:21
seria importante ter colocado o nome nas
00:11:23
camadas para facilitar a gente vem aqui
00:11:25
no mesmo local sombra Projetada dessa
00:11:27
vez eu não quero alão ríspido assim até
00:11:30
pode ser um pouco mais longe vamos dar
00:11:33
um ok Aqui você pode ver que acrescentou
00:11:35
uma sombra ali ao redor k tutorial
00:11:38
imagens pra internet aí que você pode
00:11:40
fazer acho que eu vou acrescentar ainda
00:11:42
mais alguns dizeres aqui provavelmente
00:11:44
mas assim já ficou bacana Se eu quisesse
00:11:48
colocar mais informações seria
00:11:50
simplesmente usar aqui a ferramenta de
00:11:52
texto e acrescentar aqui embaixo Vamos
00:11:55
colocar aqui vamos ver como é que fica
00:11:57
Imagens
00:11:59
para sites blogs e
00:12:06
YouTube V colocar aqui embaixo
00:12:09
assim colocar aqui um branco
00:12:13
novamente sites blogs e YouTube deixa eu
00:12:17
dar uma aproximada aqui para mover
00:12:19
exatamente para
00:12:22
cá e aqui a gente pode fazer o contrário
00:12:25
talvez eu vou fazer a mesma coisa aqui
00:12:28
vou criar uma nova
00:12:30
camada pouco
00:12:33
menor vou usar aqui agora o branco e vou
00:12:35
aplicar o mesmo tipo de degradê ó
00:12:39
basicamente aí a mesma
00:12:41
coisa vou colocar essa imagens aqui para
00:12:45
sites blogs YouTube para
00:12:50
cima e aí vamos usar o mesmo tom que foi
00:12:53
usado
00:12:55
aqui deixa eu ver como é que fica aqui
00:13:01
fica legal mas vai ter que ficar mais
00:13:03
claro aqui na outra ponta senão não vai
00:13:06
ficar
00:13:09
bacana Deixa eu tirar isso aqui vou
00:13:11
acrescentar de
00:13:16
novo numa nova camada
00:13:24
aqui a já ficou melhor
00:13:31
bacana né pro seu site aí já fica
00:13:33
maneiro e agora vou colocar aqui o meu
00:13:35
grande Avatar Zinho que sempre vai fazer
00:13:37
parte ou quase sempre faz parte aqui dos
00:13:41
dos thumbnails do
00:13:42
canal eu tenho eles aqui né É só achar
00:13:46
algum que se encaixe aqui talvez esse
00:13:48
aqui seja bacana ele vai ficar atrás de
00:13:52
todo mundo
00:13:55
aqui ou de quase todo mundo pelo menos
00:14:01
deixa eu diminuir aqui o tamanho
00:14:11
dele aí eu posso dar uma inclinada aqui
00:14:15
para ficar meio de lado de
00:14:21
fora aí ó bacana é importante que nessa
00:14:25
parte de baixo aqui logo abaixo do nome
00:14:27
YouTube A gente não tantas informações
00:14:30
porque na thumbnail do YouTube é um
00:14:32
local onde
00:14:35
fica o tempo né quanto tempo tem o vídeo
00:14:38
então ele acaba cobrindo algumas
00:14:39
informações basicamente é isso então
00:14:41
agora a gente só vem aqui em arquivo
00:14:43
exportar como E aí escolhe aí a pasta
00:14:45
onde a gente quer exportar escolhe aqui
00:14:47
o
00:14:48
nome vai ser aqui
00:14:51
como fazer uma
00:14:54
thumbnail no
00:14:57
gimp.png E aí e a gente exporta e já
00:15:03
era a imagem vai ficar aqui na área de
00:15:06
trabalho como fazer a thumbnail no Gimp
00:15:09
tá aqui ó vocês podem ver que as
00:15:13
informações do tamanho da imagem que
00:15:15
ficou lá como a gente configurou uma
00:15:17
imagem relativamente leve até e com
00:15:20
design bem bacana Olha
00:15:21
só bom Pessoal espero que vocês tenham
00:15:24
gostado do vídeo de hoje não foi
00:15:25
exatamente um tutorial mas foi mais ou
00:15:27
menos para mostrar como eu noas Artes
00:15:29
aqui do canal para mostrar que sim você
00:15:31
pode fazer esse tipo de coisa no Gimp
00:15:33
Sem problema nenhum sabe não é que no
00:15:35
photoshop Não dê para fazer mas no Gimp
00:15:37
obviamente dá também então é uma opção
00:15:40
para várias pessoas que não querem usar
00:15:41
um programa pirata ou não querem pagar
00:15:43
pela sutch da Adobe ou utiliza uma
00:15:45
plataforma onde o Photoshop ainda não
00:15:47
está presente se vocês gostaram desse
00:15:49
tipo de vídeo Não esqueça de deixar o
00:15:51
seu like aí embaixo e se inscrever no
00:15:52
canal para receber os próximos Inclusive
00:15:54
eu Aceito sugestões de mais conteúdos
00:15:56
desse tipo aqui que vocês gostariam de
00:15:58
ver basta colocar aí nos comentários que
00:16:00
eu vou ir lendo na medida do possível
00:16:02
Muito obrigado a você que assistiu o
00:16:03
vídeo até o final até a próxima um
00:16:05
grande abraço valeu e
00:16:08
[Música]
00:16:20
falou
