1. Tilt-shift. TEMAT PROJEKTU Tilt-shift - aplikacja na system mobilny ios

Podobne dokumenty
Wtyczka Crop3D. Wstęp. Implementacja. Sprawozdanie z realizacji projektu Bartłomiej Trzewiczek Kraków,

APARAT FOTOGRAFICZNY Aparat fotograficzny aparat -

Automatyczne tworzenie trójwymiarowego planu pomieszczenia z zastosowaniem metod stereowizyjnych

Analiza i przetwarzanie obrazo w

Studia podyplomowe dla nauczycieli w zakresie nauczania informatyki i technologii informacyjnej

Implementacja filtru Canny ego

Fotografia cyfrowa obsługa programu GIMP

Pokażę w jaki sposób można zrobić prostą grafikę programem GIMP. 1. Uruchom aplikację GIMP klikając w ikonę na pulpicie.

Tworzenie infografik za pomocą narzędzia Canva

SYLABUS/KARTA PRZEDMIOTU

Systemy multimedialne 2015

FORMATY PLIKÓW GRAFICZNYCH

TECHNIKI MULTIMEDIALNE LABORATORIUM GIMP: Projektowanie tła

GIMP Grafika rastrowa (Ćwiczenia cz. 2)

Międzyplatformowy interfejs systemu FOLANessus wykonany przy użyciu biblioteki Qt4

Instrukcja programu ESKUP

Technologie Internetowe Raport z wykonanego projektu Temat: Internetowy sklep elektroniczny

HARMONOGRAM SZKOLENIA ECDL moduł S4 - edycja obrazów

HARMONOGRAM SZKOLENIA ECDL moduł S4 - edycja obrazów

Photoshop. Tworzenie tekstu

Temat: Ułatwienia wynikające z zastosowania Frameworku CakePHP podczas budowania stron internetowych

Przewodnik... Tworzenie Landing Page

Webowy generator wykresów wykorzystujący program gnuplot

Kraków, ver

Kurs Adobe Photoshop Elements 11

Wybrane zagadnienia w pracy z danymi rastrowymi w ArcGIS Marcin Paź Esri Polska

Tworzenie prezentacji w MS PowerPoint

Ćwiczenie 14 Dmuchawce

Temat 13. Czujniki Dlaczego Twój Smartfon jest taki smart?

Makropolecenia w PowerPoint Spis treści

SCENARIUSZ LEKCJI. TEMAT LEKCJI: Projektowanie rozwiązania prostych problemów w języku C++ obliczanie pola trójkąta

Analiza i przetwarzanie obrazów

Photoshop Podstawy obsługi

Maskowanie i selekcja

Koloryzacja zdjęcia czarno-białego

Stwórz baner na bloga

Expo Composer Garncarska Szczecin tel.: info@doittechnology.pl. Dokumentacja użytkownika

Dodawanie i modyfikacja atrybutów zbioru

DLIBRA & DRUPAL DWA SYSTEMY, JEDNA WITRYNA

SYLABUS ECCC MOD U Ł : C S M2 GR A F I K A KO M P U T E R O W A PO Z I O M: PO D S T A W O W Y (A)

Krzysztof Sendor Słowa kluczowe Meble kuchenne w Intericad. Otwieramy moduł kuchenny korzystając z menu: Moduł kuchenny/pokaż Bibliotekę

edycja 1 opracowany zgodnie z Zarządzeniami Wewnętrznymi PWr. nr 14/2012 i 15/2012 i 34/2012

Dokument Detaliczny Projektu Temat: Księgarnia On-line Bukstor

ActiveXperts SMS Messaging Server

Jak przygotować pliki gotowe do publikacji w sieci za pomocą DigitLabu?

Integracja przykładowej hurtowni z serwisem aukcyjnym Allegro.

Wprowadzenie do rysowania w 3D. Praca w środowisku 3D

Badanie ruchu złożenia

Wstęp do GIMP wycinanie obiektu z obrazka, projekt napisu. Rozpoczynamy prace w GIMP-e

Ćwiczenie 1 Automatyczna animacja ruchu

Operacja macro. czyli jak podpisać zdjęcie i zrobić miniaturę. Tworzymy nową akcję. Anna Góra. Zmiana dpi zdjęcia na 300 piks/cal.

Tworzenie nowego rysunku Bezpośrednio po uruchomieniu programu zostanie otwarte okno kreatora Nowego Rysunku.

Fotografia cyfrowa obsługa programu GIMP. Cz. 18. Tworzenie ramki do zdjęcia. materiały dla osób prowadzących zajęcia komputerowe w bibliotekach

ZAZNACZENIA. Zaznaczenia (inaczej maski) służą do zaznaczania obszarów rysunku.

Tak przygotowane pliki należy umieścić w głównym folderze naszego programu. Klub IKS

Zastosowania Robotów Mobilnych

Księgarnia internetowa Lubię to!» Nasza społeczność

Adobe InDesign lab. 3 Jacek Wiślicki,

REFERAT O PRACY DYPLOMOWEJ

Zagadnienia egzaminacyjne AUTOMATYKA I ROBOTYKA. Stacjonarne I-go stopnia TYP STUDIÓW STOPIEŃ STUDIÓW SPECJALNOŚĆ

Spis treści. Projekt współfinansowany przez Unię Europejską w ramach Europejskiego Funduszu Społecznego str. 1

Zajęcia prowadzi trener posiadający certyfikat Adobe Expert in Photoshop oraz Adobe Expert in Illustrator.

GLKit. Wykład 10. Programowanie aplikacji mobilnych na urządzenia Apple (IOS i ObjectiveC) #import "Fraction.h" #import <stdio.h>

Wpisany przez Łukasz Nawrotek Poniedziałek, 04 Sierpień :00 - Zmieniony Poniedziałek, 04 Sierpień :01

Instrukcja obsługi systemu elektronicznego katalogu przedmiotów (sylabusów)

Teraz bajty. Informatyka dla szkoły podstawowej. Klasa VI

Utworzenie aplikacji mobilnej Po uruchomieniu Visual Studio pokazuje się ekran powitalny. Po lewej stronie odnośniki do otworzenia lub stworzenia

REFERAT PRACY DYPLOMOWEJ

Prezentacja systemu zarządzania treścią CMS

Avtek i dzielenie się notatkami Bezprzewodowe przesyłanie obrazów i plików

Instrukcja - blogi OK zeszyt Logowanie

Odbicie na szkłach okularów

Grafika Komputerowa Materiały Laboratoryjne

Dostawa oprogramowania. Nr sprawy: ZP /15

Spis treści. strona 1 z 11

OpenOfficePL. Zestaw szablonów magazynowych. Instrukcja obsługi

KARTA KURSU. Grafika komputerowa

Instrukcja składania wniosku o dofinansowanie w systemie informatycznym IP na potrzeby konkursu nr 1/1.1.2/2015

KATEGORIA OBSZAR WIEDZY

REFERAT PRACY DYPLOMOWEJ Temat pracy: Projekt i realizacja serwisu ogłoszeń z inteligentną wyszukiwarką

Rozpoznawanie obrazów na przykładzie rozpoznawania twarzy

omnia.pl, ul. Kraszewskiego 62A, Jarosław, tel

Papyrus. Papyrus. Katedra Cybernetyki i Robotyki Politechnika Wrocławska

Integracja systemu CAD/CAM Catia z bazą danych uchwytów obróbkowych MS Access za pomocą interfejsu API

LABORATORIUM 8,9: BAZA DANYCH MS-ACCESS

Dokument Detaliczny Projektu

Mieszanie warstw trybem Nakładka

NOWOŚCI SOLID EDGE ST7. Przykładowy rozdział

Zaznaczenie prostokątne. Zaznaczenie eliptyczne. Tekst. Okno warstw. Wypełnienie kubełkiem. Gradient. Kolor pierwszo i drugoplanowy

Ćwiczenie nr 3 Edycja modeli bryłowych

Profil pracownika. Wydziału Neofilologii

1.3. Tworzenie obiektów 3D. Rysunek 1.2. Dostępne opcje podręcznego menu dla zaznaczonego obiektu

PDM wbudowany w Solid Edge

Po otrzymaniu maila zapraszającego do udziału w korzystaniu z aplikacji ProfiAuto Usługi dla Serwisu, należy użyć przycisku Aktywuj aplikację.

SCENARIUSZ LEKCJI. Streszczenie. Czas realizacji. Podstawa programowa

8. Listy wartości, dodatkowe informacje dotyczące elementów i przycisków

5.1. Światłem malowane

Sposoby przedstawiania algorytmów

Profil pracownika. Wydziału Neofilologii

Narzędzia uruchomieniowe dla systemów Embedded firmy Total Phase

Transkrypt:

AUTOR DATA ODDANIA Wojciech Mieszczak 29 czerwiec 2015 TEMAT PROJEKTU Tilt-shift - aplikacja na system mobilny ios 1. Tilt-shift Tilt-shift jest to technika stosowana w fotografi wykorzystywana do tworzenia efektu miniatur. Tilt (pochylenie) zmienia obrót płaszczyzny ostrości, a shift (przesunięcie) punkt będący środkiem perspektywy. Taka operacja pozwala zamienić zdjęcia realnych obiektów w ich miniaturowy model. Rysunek 1: Przykłady zdjęć z wykorzystaniem efektu Tilt-shift.

2. Swift i ios(8) Aplikacja została przygotowana z wykorzystaniem języka Swift na najnowszą wersję mobilnego systemu operacyjny ios 8. Swift jest nowym językiem programowania zaproponowanym przez Apple 2 czerwca 2014 roku podczas Worldwide Developers Conference. Główną technologią służącą do analizy i przetwarzania obrazów wykorzystywaną przez systemy operacyjne ios oraz Mac OS X jest Core Image, w której to niskopoziomowe operacje na plikach grafcznych zostały opakowane w rozbudowane i łatwe w użyciu API. Framework Core Image umożliwia dostęp do wbudowanych fltrów, a także pozwala na ich łączenie w celu utworzenia własnych. Właściwość ta została wykorzystana w niniejszej aplikacji. Rysunek 2: Przetwarzanie obrazów z wykorzystaniem Core Image.

3. Algorytm Do zaprogramowania fltru Tilt-shift został wykorzystany przepis pochodzący z materiałów kierowanych dla osób pragnących osiągnąć podobny efekt w programach do obróbki plików grafcznych typu Adobe Photoshop. 1. Stwórz rozmytą wersję obrazka, 2. Stwórz dwa liniowe gradienty przechodzące od koloru do przezroczystości, 3. Z uprzednio utworzonych gradientów stwórz maskę, 4. Wykorzystaj maskę do przycięcia rozmytej wersji obrazka. Schemat działania został zobrazowany grafcznie na rysunku 3. Rysunek 3: Tworzenie efektu Tilt-shift krok po kroku. Pierwszym krokiem, który nie został uwzględniony w powyższym przepisie, było stworzenie kwadratowej wersji obrazka. Działanie to miało na celu tylko i wyłącznie usprawnienie prezentacji efektów na ekranie ustawionym w orientacji portretowej. Aplikacja umożliwia wybór promienia rozmycia oraz punktów początku i końca gradientów. Dodatkowo została wyposażona w możliwość wyboru obrazka z biblioteki i zapisanie go po skończonej edycji.

4. Implementacja Do implementacji według powyższego algorytmu zostały użyte 4 wbudowane fltry Core Image. let blurredimage = CIFilter(name: "CIGaussianBlur", withinputparameters: [ kciinputimagekey: inputimage, kciinputradiuskey: gaussianblurradius Listing 1: Tworzenie rozmytej wersji obrazka. let imageheight = inputimage.extent().size.height let solidgreen = CIColor(red: 0, green: 1, blue: 0, alpha: 1) let transparentgreen = CIColor(red: 0, green: 1, blue: 0, alpha: 0) let topgradient = CIFilter(name: "CILinearGradient", withinputparameters: [ "inputpoint0": CIVector(x: 0, y: imageheight * topgradientstart), "inputpoint1": CIVector(x: 0, y: imageheight * topgradientend), "inputcolor0": solidgreen, "inputcolor1": transparentgreen Listing 2: Tworzenie górnego liniowego gradientu. Analogicznie został przygotowany dolny. let maskimage = CIFilter(name: "CIAdditionCompositing", withinputparameters: [ kciinputimagekey: topgradient.outputimage, kciinputbackgroundimagekey: bottomgradient.outputimage Listing 3: Tworzenie maski. let tiltshift = CIFilter(name: "CIBlendWithMask", withinputparameters: [ kciinputimagekey: blurredimage.outputimage, kciinputmaskimagekey: maskimage.outputimage, kciinputbackgroundimagekey: inputimage Listing 4: Tworzenie efektu Tilt-shift.

5. Przykładowe rezultaty Na rysunku 4 zostały przedstawione przykładowe rezultaty działania aplikacji. Rysunek 4: Przykłady działania aplikacji.

6. Wnioski Aplikacja działa zgodnie z przyjętymi założeniami. Środowisko i narzędzia użyte do jej stworzenia w znaczny sposób ułatwiły oraz przyspieszyły pracę. Jak zostało zaprezentowane, korzystając z niewielkiej liczby podstawowych funkcjonalności, został osiągnięty zamierzony efekt. Pokazuje to spory potencjał jaki tkwi w Core Image jeśli chodzi o wykorzystanie tej technologii do analizy i przetwarzania obrazów. Do pracy została dołączona paczka zawierająca wszystkie pliki źródłowe.