Whitefy svg with transparency on Inkscape

"(...)

This is the video https://www.youtube.com/watch?v=ZW-zGeLtj8U  

THIS IS THE PROCESS SUMMARIZED:

1. Select the image

2. Menu> Object, ungroup

3. Right click, copy

4. Click off image to Deselect

5. Click Rectangle tool and draw any colored box greater than the image

6. Click select & transform objects tool, now click and drag to select all objects

7. Menu > path, exclusion

8. Menu > path, break apart

9. Click off the image.  Click the outer rectangle shape and delete

10. Now select each individual shape with one click and hit the white color at the bottom color selection toolbar

(...)"

Source 

Comentários

Postar um comentário

Postagens mais visitadas deste blog

Ouvidoria Alternativa

(com caixa de texto informativo alterando conforme opções são selecionadas, feito em JS)   @extends('layouts.web_base') @section('content')   <!--   ============================   PageTitle #14 Section   ============================   -->   < section class = "page-title page-title-14" id = "page-title" >     < div class = "page-title-wrap bg-overlay bg-overlay-dark-3" >       < div class = "bg-section" >< img src = "{{ isset($banner->image) ? (asset('storage/images/banners/' . $banner->image)) : ''}}" alt = "{{ isset($banner->title) ? $banner->title : '' }}" /></ div >       < div class = "container" >         < div class = "row" >           < div class = "col-12 col-lg-6" >             < div class = "section-title" >            ...
Leia mais

.antigravityignore

 # Pastas de dependências (O maior sugador de tokens) node_modules/ env/ venv/ .venv/ __pycache__/ # Pastas de Build e Saída (A IA não precisa ler código compilado) dist/ build/ out/ target/ .next/ .nuxt/ # Arquivos de Log e Temporários *.log npm-debug.log* yarn-debug.log* yarn-error.log* .tmp/ # Configurações de IDE e SO .vscode/ .idea/ .DS_Store Thumbs.db # Arquivos de mídia pesados (A IA não vai "olhar" imagens) *.png *.jpg *.jpeg *.gif *.mp4 *.pdf
Leia mais

OWL CAROUSEL --- FIT IMG INTO DIV - PROPORTIONAL 16:9 ASPECT RATIO

/*CSS*/   .owl-carousel {     height : auto ;   }   .owl-carousel .owl-stage {     width : 534px ;     height : 300px ;     display : flex ;     justify-content : center ;     align-items : center ;     overflow : hidden   }   .owl-carousel .owl-stage-outer {     transform : translate3d ( 0px , 0px , 0px );   }   .owl-carousel .owl-wrapper ,     .owl-carousel .owl-item {       transform : translate3d ( 0 , 0 , 0 );       flex-shrink : 1 ;       -webkit-flex-shrink : 1 ;       max-width : 80% ;       max-height : 80% ;     }   .owl-carousel .owl-item img {     height : 225px ;     width : 400px ;     object-fit : cover !important ;   } /*JS*/ $ ( document ). ready ( function () {   $ ( '.owl-carousel' ). owlCarousel ({ ...
Leia mais