Personalizando o estilo do capítulo no scrbook

Question

Quero obter estilos como os mostrados nas próximas duas imagens (não preciso da imagem de fundo (parábolas)):

Meu código LaTeX original (para ser personalizado, mas deve manter a fonte como está):

% !TEX TS-program = latex
\documentclass[11pt, pagesize=auto, version=last, chapterprefix=true]{scrbook}
%% En 12pt c'est possible aussi
%% packages utilises
%%---------------------
\usepackage[latin1]{inputenc}
\usepackage[T1]{fontenc} % pour taper les lettres accentues
%====Perso====%
\usepackage{charter}
\usepackage[expert]{mathdesign}
%=================%
%\usepackage{etoolbox}
%\pretocmd{\ref}{\bgroup\small}{}{}
%\apptocmd{\ref}{\egroup}{}{}
%=============%
\usepackage[frenchb]{babel}
\usepackage[babel=true]{csquotes} % csquotes va utiliser la langue définie dans babel
%%========Headings(perso)======================%
\usepackage{titlesec}
%%%%%Chapter%%%%%%%
\setkomafont{chapter}{\usefont{T1}{qhv}{b}{n}\selectfont\huge}
%%%%%Section%%%%%%%%
\titleformat{\section}[hang]{
    \usefont{T1}{qhv}{b}{n}\selectfont} % "qhv" - TeX Gyre Heros, "b" - bold
    {} 
    {0em}
   {\hspace{-0.4pt}\Large \thesection\hspace{0.6em}}
\begin{document}

\chapter{Test chapter}
\section{Test section}

\end{document}

Answer 1

Na solução a seguir, basta substituir a regra verde - por exemplo \color{green} \rule{0.4\textwidth}{0.4\textwidth}- por \includegraphics[width=0.4\textwidth]{yourpicname}ao usar o pacote graphicsou graphicx. E você deve aplicar o tema de cores que desejar. Acabei de usar o velho 'azul' para a demonstração.

O código

\documentclass[11pt, pagesize=auto, version=last, chapterprefix=true]{scrbook}
  \setkomafont{chapter}{\usefont{T1}{qhv}{b}{n}\selectfont\huge}
\usepackage{xcolor,anyfontsize,realboxes}
\renewcommand\chapterformat{%
  \hspace*{-1in} %customize this to your needs
  \makebox[0.42\textwidth][c]{%
    \raisebox{-.5em}[0.4\textwidth][0cm]{%
      \color{green} \rule{0.4\textwidth}{0.4\textwidth}
          \put(-52,24){%
            \Colorbox{blue}{%
            \parbox{0.11\textwidth}{%
            \centering
            \small\color{white}
            \chaptertitlename\par
            {\fontsize{38}{41}\selectfont\thechapter\par}
            \vspace{.5em}
            }}
         }   
    }
  }
}
\newcommand{\sectionformat}{%
  \raisebox{-.65em}[0cm][0cm]{%
    \Colorbox{blue}{%
    \parbox{3em}{%
      \centering
      \color{white}
      \thesection
    }}
  }
}
\usepackage[frenchb]{babel}
\usepackage{titlesec}
  \titleformat{\chapter}
    {\huge\bfseries\color{blue}}{\chapterformat}{0em}{}
  \titleformat{\section}[hang]{%
    \usefont{T1}{qhv}{b}{n}\selectfont\Large\color{blue}} % "qhv" - TeX Gyre Heros, "b" - bold
    {\sectionformat} 
    {0em}
    {\hspace{.75em}}
    [\vspace*{-.75em}\rule{2.25em}{0pt}\rule{\textwidth}{2pt}]

\begin{document}
\chapter{Test chapter}
\section{Test section}
\end{document}

Saída

(Observe que não alterei as fontes conforme você solicitou, embora as fontes na sua foto de exemplo sejam um pouco diferentes. Existem algumas letras maiúsculas e itálico.)

Answer 2

Observe que você não deve usar titleseccom classes KOMA-Script. Em vez disso, você deve usar \RedeclareSectionCommande \setkomafonte redefinir \chapterlinesformat(ou \chapterlineswithprefixformat) e \sectionlinesformat, por exemplo:

\documentclass[
  11pt,% not needed, because it is the default
  pagesize=auto,% not needed, because it is the default
  version=last,% as long as you don't use deprecated options not needed
  ]{scrbook}
\usepackage[french]{babel}% frenchb is deprecated
\usepackage[babel=true]{csquotes}
\usepackage[T1]{fontenc}
\usepackage[svgnames]{xcolor}
\usepackage{charter}
\usepackage{tgheros}% You could also use \usepackage{helvet}.
\usepackage{graphicx}

\setkomafont{section}{\normalsize}

\newkomafont{chapterformat}{\fontsize{64}{64}\normalfont\bfseries\color{number}}
\newkomafont{chapterformattext}{\normalfont\small\itshape}
\newkomafont{sectionformat}{\Large\color{number}}
\colorlet{numberbackground}{blue}
\colorlet{disposition}{DeepSkyBlue}
\colorlet{number}{white}
\addtokomafont{disposition}{\color{disposition}}
\addtokomafont{chapter}{\scshape}
\newcommand*{\chapterimage}{example-image}
\renewcommand*{\chapterformat}{%
  {%
    \usekomafont{chapterformat}{%
      \raisebox{-\dimexpr\fboxsep+\fboxrule\relax}{%
        \includegraphics[width=.35\textwidth,height=.3\textwidth]{\chapterimage}%
      }%
      \makebox[0pt][r]{%
        \colorbox{numberbackground}{%
          \parbox[b]{1em}{\centering
            {\usekomafont{chapterformattext}{\chapapp\\[-1ex]}}%
            \thechapter% \autodot?
          }%
        }%
      }%
    }%
  }%
  \enskip
}
\makeatletter
\renewcommand*{\chapterlinesformat}[3]{%
  \ifstr{#1}{chapter}{%
    #2\parbox[b]{.65\textwidth}{\raggedchapter #3}%
  }{%
    \@hangfrom{#2}{#3}%
  }%
}
\makeatother
\renewcommand*{\sectionformat}{%
  \colorbox{numberbackground}{%
    \makebox[5em]{\usekomafont{sectionformat}{\thesection\autodot}}%
  }%
  \hskip 1em\nobreak
}
\makeatletter
\renewcommand*{\sectionlinesformat}[4]{%
  \ifstr{#1}{section}{%
    \hskip#2#3\nobreak
    \parbox[b]{\dimexpr\linewidth-6em-2\fboxsep-2\fboxrule-#2\relax}{%
      {\raggedsection#4\par}%
      \vskip -\ht\strutbox
      \hskip -1em\rule{\dimexpr\linewidth+1em}{1pt}%
    }%
  }{%
    \@hangfrom{\hskip#2#3}{#4}%
  }%
}
\makeatother
\RedeclareSectionCommand[indent=.1\textwidth]{section}

\begin{document}

\tableofcontents

\chapter{Preliminaries}
\section{Test section}

\chapter{What happens if the chapter title is too long}
\section{What happens if the section title also needs more than one
line}

\end{document}

Isso também funciona para títulos de capítulos ou seções com mais de uma linha:

Para capítulos não numerados imprime um título sem imagem de fundo:

Se você quiser a imagem de fundo também neste caso, será necessário mover a saída da imagem de fundo de \chapterformatpara \chapterlinesformat.

Se quiser alterar a cor das entradas do capítulo no índice, você pode alterar a fonte do elemento chapterentry, por exemplo:

\addtokomafont{chapterentry}{\normalcolor}

Answer 3

Aqui está outra opção:

\documentclass[
  11pt,
  pagesize=auto,
  version=last,
  chapterprefix=true
  ]{scrbook}
\usepackage[frenchb]{babel}
\usepackage[babel=true]{csquotes}
\usepackage[T1]{fontenc}
\usepackage[explicit]{titlesec}
\usepackage{xcolor}
\usepackage{charter}

\definecolor{mybluei}{RGB}{28,138,207}
\definecolor{myblueii}{RGB}{131,197,231}

\newcommand\ChapterFont{\usefont{T1}{qhv}{b}{n}\selectfont\huge}
\newcommand\SectionFont{\usefont{T1}{qhv}{b}{n}\selectfont}

\titleformat{\chapter}[display]
  {\normalfont\ChapterFont\huge\color{myblueii}}
  {}
  {0pt}
  {\parbox[b]{70pt}{\mbox{}}%
    \parbox[b]{50pt}{\colorbox{mybluei}{%
      \parbox[b][60pt][t]{45pt}{\centering%
        \color{white}%
        {\itshape\rmfamily\small\chaptertitlename}%
        \vfill{\fontsize{50}{120}\selectfont\thechapter}%
        }%
      }%
    }\hspace{15pt}%
    \parbox[b]{\dimexpr\textwidth-150pt}{%
      \raggedright\scshape#1\vskip6pt%
    }%
  }

\titleformat{name=\chapter,numberless}[display]
  {\normalfont\ChapterFont\huge\color{myblueii}}
  {}
  {0pt}
  {\parbox[b]{70pt}{\mbox{}}%
    \hspace{15pt}%
    \parbox[b]{\dimexpr\textwidth-150pt}{%
      \raggedright\scshape#1\vskip6pt%
    }%
  }

\titleformat{\section}
  {\normalfont\small\sffamily\SectionFont\color{myblueii}}
  {\colorbox{mybluei}{%
    \parbox[c][16pt][c]{40pt}{%
      \centering\textcolor{white}{\SectionFont\Large\rmfamily\thesection}%
      }%
    }%
  }
  {1em}
  {#1}
  [\vspace{-1.2\baselineskip}%
    \color{myblueii}\hspace*{\dimexpr40pt+2\fboxsep\relax}%
    \rule{\dimexpr\textwidth-40pt-2\fboxsep\relax}{1pt}%
  ]

\begin{document}

\chapter{Preliminaries}
\section{Test section}

\end{document}

Desde que titlesecseja utilizado, um aviso será emitido pelas classes KOMA.