Menyisipkan Berkas GIF ke dalam Berkas PDF

Dalam keseharian mungkin seringkali kita lihat dan kita "putar" berkas-berkas berbentuk Graphics Interchange Format (GIF) seperti yang Anda lihat di samping ini. (Berkas tersebut saya peroleh dari Randy McMillan di Github.)

Pada tulisan ini penulis akan mengulas salah satu cara untuk menyisipkan berkas *.gif ke dalam dokumen $\small\LaTeX$ yang kita susun. Tentu, ini bertalian dengan tujuan dari penyusunan dokumen itu. Untuk guru, misalnya, hal ini bermanfaat untuk memperkaya dokumen dengan memuat berkas *.gif yang bersesuaian dengan materi pelajaran yang diampunya.

Selain itu mungkin juga sekadar dimanfaatkan sebagai "penghibur", "pemanis", atau apalah yang memikat perhatian pada suatu dokumen $\small\LaTeX$ yang disusun.

Apa yang Harus Dilakukan?

Penyusunan dokumen $\small\LaTeX$ akan menemui tingkat kesulitan yang relatif tinggi bila sudah menyangkut animasi. Hal ini dapat menyebabkan kita untuk memilih cara ini. Atas saran dari seorang pakar di forum, saya pilih cara dengan mengubah berkas *.gif itu menjadi berkas *.png kemudian di dalam dokumen $\small\LaTeX$ dirangkai kembali oleh paket animate. 

Karena sifat dari berkas animasi yang tersusun oleh beberapa pelapis (layer) berupa gambar, maka ketika berkas *.gif itu diubah menjadi berkas *.png dihasilkan menjadi beberapa berkas *.png dengan nama yang sama tetapi dibedakan oleh indeks atau penomorannya. Semula saya ubah berkas *.gif itu secara daring melalui beberapa situs secara berulang kali tetapi setelah disusun dalam dokumen $\small\LaTeX$ hasilnya tidak memuaskan, karena tampak buram dan terdapat bagian garis yang hilang. Beruntung, akhirnya, saya menemukan software gratis yang relatif ringan di sini.

Berikut ini langkah-langkah yang saya lakukan untuk membuat dokumen $\small\LaTeX$ yang memuat berkas *.gif seperti yang dapat Anda lihat dan unduh pada bagian bawah tulisan ini. (Saya anggap Anda bekerja pada komputer dengan menggunakan TeX Live, MikTeX, atau lainnya.)

Pertama, buatlah folder dan namai (misalnya) "Contoh Animasi".

Kedua, unduh dan pasang pada komputer Anda software untuk mengubah berkas GIF ke Portable Network Graphics (PNG) dari sini. Buka software tersebut sehingga tampil seperti ini.

Buka berkas *.gif Anda pada kotak "Input File" dan simpan (melalui kotak "Output Folder") hasilnya dalam folder "Contoh Animasi".

Ketiga, periksa folder "Contoh Animasi". Namai berkas PNG yang dihasilkan sebagai namaberkas-0.png, namaberkas-1.png, namaberkas-2.png, dan seterusnya.

Keempat, sebagai contoh, silakan Anda salin pengkodean berikut ini dan ganti nama berkas *.gif sesuai dengan berkas yang Anda miliki.

Perhatikan baris 10 di atas. 

\animategraphics[loop,controls,width=.8\linewidth]{20}{patrick-}{0}{65}

Nilai $\textrm{width}$ menyatakan ukuran gambar animasi yang ingin kita tampilkan. Anda dapat mengubahnya sesuai dengan keinginan Anda. Nilai $20$ menyatakan tingkat kecepatan dari animasi. Nilai yang besar berarti melambatkan dan demikian sebaliknya. $\textrm{patrick}$ adalah nama berkas *.gif yang saya miliki. Hasil pengubahan dari GIF ke PNG dari berkas saya "patrick.gif" itu menghasilkan 66 berkas "patrick-<nomor>.png" yang kemudian saya nomori dari $0$ hingga $65$.

Kelima, simpan dokumen $\small\LaTeX$ itu dan namai (saya menamainya sebagai patrick.tex) kemudian kompilasi dalam editor $\small\LaTeX$ Anda. Hasil dari saya dapat Anda lihat pada dokumen terlampir di bawah ini. 

Penutup

Salah satu "kerepotan" dari bagian langkah di atas adalah ketika harus menomori tiap berkas PNG yang dihasilkan. Meskipun demikian hal itu tak seberapa bila kita bandingkan dengan kemanfaatannya. Demikian semoga bermanfaat.

$\square$ Adjie Gumarang Pujakelana 2016

Animasi dalam PDF?

Mukadimah

Anda pernah menemukan gambar animasi di dalam berkas portable document format (PDF)? Bagaimana Anda membuat gambar animasi di dalam berkas PDF?

Pada tulisan ini akan saya tunjukkan contoh cara membuat gambar animasi di dalam berkas dokumen $\small\LaTeX$. Ada beberapa cara yang dapat dilakukan tetapi saya memilih salah satunya yang saya anggap relatif mudah. Sebagai contoh, saya buat gambar seperti yang telah diterbitkan di sini. Agar dapat membentuk animasi, tentu saja, dengan beberapa penambahan paket dan perintah. Dokumen tersebut disusun di dalam kelas dokumen Beamer. Karena terlalu "berat", dokumen tersebut tidak dapat disusun dalam jaringan (daring) di ShareLaTeX. Akhirnya saya menyusunnya di dalam TeX Live. 

Setelah dihasilkan berkas PDF, kemudian saya ubah (convert) dokumen PDF itu menjadi berkas flash Adobe (SWF) dengan menggunakan software dari situs ini. Terakhir kedua berkas PDF dan SWF itu secara bersama-sama digunakan untuk menyusun dokumen animasi di dalam kelas dokumen Standalone dengan menggunakan paket Animate dan Media9.

Tahap 1

Saya membuat berkas yang dinamai sebagai Animasi.tex sebagaimana telah ditulis di sana. Saya menyusunnya di dalam kelas dokumen Beamer dengan tema Warsaw. 

\PassOptionsToPackage{dvipsnames,svgnames}{xcolor}
\documentclass[compress]{beamer}
\usetheme{Warsaw}

Beamer sudah memuat paket xcolor, tetapi saya perlu menetapkan dua warna baru

\definecolor{biruku}{cmyk}{1,0.80,0.30,0.05}
\definecolor{bistre}{RGB}{150, 113, 23}

oleh karena itu (khusus dalam Beamer) saya harus memuat baris pertama tersebut.Untuk huruf teks saya gunakan Palatino.

\renewcommand\rmdefault{pplx}

sedangkan untuk huruf matematis saya gunakan

\usefonttheme{professionalfonts}

Pada tema Warsaw, kepala dan kaki frame tebagi dalam dua "sisi". Saya membaginya secara imbang 50% : 50%. Nah, pada bagian kaki ingin saya tempatkan teks. Pada sisi kiri untuk penulis dan pada sisi kanan untuk judul. Untuk hal ini saya gunakan

\setbeamertemplate{footline}
{
  \leavevmode%
  \hbox{%
  \begin{beamercolorbox}[wd=.5\paperwidth,ht=2.25ex,dp=1ex,center]{author in head/foot}%
    \usebeamerfont{author in head/foot}\insertshortauthor
  \end{beamercolorbox}%
  \begin{beamercolorbox}[wd=.5\paperwidth,ht=2.25ex,dp=1ex,center]{title in head/foot}%
    \usebeamerfont{title in head/foot}\insertshorttitle\hspace*{3em}
  \end{beamercolorbox}}%
  \vskip0pt%
}

dengan

\author{\tiny\textcopyright 2016\ Adjie Gumarang Pujakelana}
\title{\tiny Animasi dari \LaTeX}

Subjek gambar didukung oleh

\usepackage{tkz-euclide}
\usetkzobj{all}
\usepackage{tikz}

Agar animasi menampilkan tiap langkah (yang ingin ditampilkan) dalam membuat gambar, maka ditetapkan perintah baru (dinamai visible on) yang bersesuaian dengan perintah di dalam Beamer. Ini bagian dari perintah di dalam gambar TikZ. Oleh karena itu ditetapkan sebagai

\tikzset{
  invisible/.style={opacity=0},
  visible on/.style={alt={#1{}{invisible}}},
  alt/.code args={<#1>#2#3}{%
    \alt<#1>{\pgfkeysalso{#2}}{\pgfkeysalso{#3}} % \pgfkeysalso doesn't change the path
  },
}

Dalam penggunaannya saya nyatakan, misalnya,

\tkzDrawSegments[add= 0.3 and 0.25,color=biruku!80,visible on=](D,E)

yang berarti bahwa gambar ruas garis $\small\overline{DE}$ ditampilkan pada langkah kedua. Demikian seterusnya, sesuai dengan pengkodean ini.

Langkah pertama sengaja saya tetapkan "tanpa menggambar", yaitu berupa path.

\path[visible on=] (D)--(E);

Setelah menetapkan semua langkah dalam menggambar yang ingin ditampilkan, kemudian saya menyusun (compile) berkas itu untuk menghasilkan Animasi.pdf.

Tahap 2

Saya mengubah berkas Animasi.pdf menjadi Animasi.swf dengan menggunakan SWFTools, piranti lunak (software) yang gartis. Setelah software itu terpasang, buka dan klik File > Open PDF > Animasi.pdf > Open. Tunggu beberapa saat. Setelah pengubahan selesai, klik tombol Save SWF (lambang disket di bawah menu Edit) dan namai sebagai Animasi.swf (sebaiknya pada folder yang sama dengan tempat Animasi.pdf), klik Save.

Tahap 3 (Tahap Akhir)

Pada tahap inilah saya membuat berkas animasi. Saya melakukannya di ShareLaTeX. Berikut ini pengkodean untuk membuat berkas animasinya.

\documentclass[varwidth,border=1pt]{standalone}

\usepackage{graphicx}
\usepackage{animate}
\usepackage{media9}

\begin{document}

\centering
\makeatletter\edef\animcnt{\the\@anim@num}\makeatother%
\animategraphics[loop,controls,width=\textwidth]{1}{Animasi}{1}{47}

\end{document}

Kemudian saya unggah kedua berkas Animasi.pdf dan Animasi.swf tadi dan disusun (compile). Hasilnya dapat Anda lihat di bawah ini. Silakan Anda unduh dan buka dengan menggunakan Adobe Reader. Untuk tampilan penuh, klik View lalu Full Screen Mode.



Demikian semoga bermanfaat.

$\square$ Adjie Gumarang Pujakelana 2016