Shapes Overview - Google Web DesignerYouTube↗  IA↗(long shot)
Science & Technology  2K views 8 likes 1 dislikes   30 May 2018
Google Web Designer 76.8K subscribers United States YouTube↗


Please select the problem
You must specify your email and describe the problem in detail
Describe your problem in detail if it's not obvious

Click to Play Video Click to Play Video
Merhaba, ben Jean Pierre.
Hallo, ik ben Jean-Pierre,
Google Web Designer ekibinde mühendisim.
een engineer van het Google Web Designer-team.
Size Google Web Designer'daki
In deze video ga ik in op vormen in Google Web
şekillerden bahsedeceğim.
Designer.
Burada farklı şekiller var.
Dit zijn de verschillende beschikbare vormen.
Dikdörtgen, oval, çizgi ve Bezier yollar mevcut.
We hebben rechthoeken, ovalen, lijnen en Bézier-paden.
Yol hariç bu farklı şekilleri nasıl oluşturacağınızı göstereceğim.
Ik ga u laten zien hoe u deze verschillende vormen maakt,
Yolu ise başka bir videoda anlatacağım.
met uitzondering van het pad, dat ik in een andere video laat zien.
Bir dikdörtgen oluşturabilmek için
Voor het maken van een rechthoek klikt u
Şekiller menüsüne basıp Dikdörtgen aracını seçmeniz gerekir.
op het menu Vormen en selecteert u het gereedschap Rechthoek.
Bu aracı seçtikten sonra, sahneyi tıklayın,
Na selectie klikt u op het werkvlak,
sürükleyin ve istediğiniz dikdörtgen oluştuğunda bırakın.
sleept u en laat u los zodra u de gewenste rechthoek heeft.
Ayrıca, aynı işlemi
Een andere mogelijkheid is om hetzelfde te doen,
Üst Karakter tuşuna basarak da yapabilirim.
maar dan op Shift te drukken, waardoor u in plaats daarvan
Bu şekilde dikdörtgen yerine bir kare oluştururum.
een vierkant kunt maken.
Özellikler panelinde şeklin
In het deelvenster Eigenschappen kunt u
genişliği, yüksekliği gibi tüm değişkenleri düzenleyebilir,
alle verschillende variabelen aanpassen, zoals de breedte en de hoogte
bazı dönüşümler ekleyebilir veya dikdörtgeni çevirebilirsiniz.
en een transformatie of rotatie aan de rechthoek toevoegen.
Arka plan rengini, fırça rengini, fırça kalınlığı stillerini kontrol edebilirsiniz. Ayrıca köşelerin tümünü aynı yarı çapla eğebilir
Beheer de kleur, de lijnkleur, de stijlen voor lijnbreedte. U kunt ook alle hoeken
veya yalnızca birini değiştirebilirsiniz.
dezelfde radius geven of slechts één hoek aanpassen.
Şimdi de oval şekli anlatacağım. Bu şekle menüden erişebilir
De volgende vorm waar we naar kijken, is een ovaal, die u vanuit het menu kunt openen
veya O kısayolunu kullanabilirsiniz.
of via de sneltoets O.
Dikdörtgenle aynı. Sahnede sürükleyip
Net als bij de rechthoek sleept u deze op het werkvlak
sınırlayıcı kutu istediğiniz gibi olduğunda bırakabilirsiniz.
en laat u los wanneer u het gewenste begrenzingsvak heeft.
Ardından dolgu rengini veya kenarlığı değiştirebilirsiniz.
Vervolgens kunt u de vulkleur of de rand wijzigen.
Özellikler panelinde diğer rengi, paneli, fırça veya
In het deelvenster Eigenschappen kiest u een andere kleur,
dolgu rengini, fırça genişliğini değiştirebilirsiniz.
wijzigt u de lijn- of vulkleur of de lijndikte.
Ayrıca şeklin ortasını
Een andere mogelijkheid is
boş bırakabilme seçeneğiniz de var.
om een leeg ovaal in het midden te plaatsen.
Bunu yaptığınızda ortaya başka bir oval çizilir.
U kunt een extra ovaal tekenen in het midden.
Şimdi de çizgi şeklini ele alalım.
De volgende vorm waar we naar kijken, is de lijn.
Üst Karakter tuşuna basarak uygulayabilirsiniz.
U kunt door op de Shift-toets te drukken
Yatay, dikey 45 derecelik çizgi oluşturursunuz.
een horizontale, verticale of 45-graden lijn maken.
Diğerlerinde olduğu gibi
Net als bij de andere vormen kunt u
fırça genişliğini, mevcut fırça rengini değiştirebilirsiniz.
ook hier de lijndikte of de bestaande lijnkleur wijzigen.
Kod görünümünde baktığınızda, temel bir çizgi görürsünüz.
In de codeweergave ziet u onze basislijn.
Bununla ilişkilendirilen sınıfa bakarak,
En als u naar de bijbehorende klasse kijkt,
istediğiniz özellikleri manuel olarak
kunt u indien gewenst handmatig
değiştirebilirsiniz.
de verschillende eigenschappen wijzigen.
Böylece Google Web Designer'da şekillerle ilgili demomuzu tamamlamış olduk.
Dit is het einde van deze demo over vormen in Google Web Designer.
Başka bir videoda, Google Web Designer'da
In een andere video leggen we uit hoe u Beziér-paden maakt
Bezier yolların nasıl oluşturulduğunu anlatacağız.
in Google Web Designer.
Zaman ayırdığınız için teşekkürler.
Bedankt voor uw tijd.
Similar videos:

UI Overview - Google Web Designer
Google Web Designer
4.5K views 35 likes 1 dislikes 20 Aug 201880% match


Text Overview - Google Web Designer
Google Web Designer
7.1K views 18 likes 3 dislikes 03 Jan 201867% match


Groups Overview - Google Web Designer
Google Web Designer
2.6K views 11 likes 2 dislikes 03 Jan 201867% match


Parallax Overview - Google Web Designer
Google Web Designer
31.9K views 285 likes 6 dislikes 28 Nov 201867% match


Outliner Overview - Google Web Designer
Google Web Designer
6K views 47 likes 1 dislikes 31 Mar 202067% match

Google Web Designer - Text Overview
Google Web Designer
13.1K views 25 likes 9 dislikes 17 Nov 201567% match

2D & 3D Drawing Overview - Google Web Designer
Google Web Designer
6.3K views 34 likes 5 dislikes 03 Jan 201867% match


Responsive Overview - Google Web Designer
Google Web Designer
7.2K views 126 likes 2 dislikes 31 Aug 202067% match

Events Overview - Google Web Designer
Google Web Designer
5.3K views 39 likes 2 dislikes 01 Jun 201867% match


An Overview of the updated Google Web Designer
Google Web Designer
89.8K views 346 likes 14 dislikes 04 Aug 201467% match


Google Web Designer - AdWords Dynamic Overview
Google Web Designer
55K views 64 likes 21 dislikes 31 Aug 201557% match


CSS Panel Overview - Google Web Designer
Google Web Designer
3K views 16 likes 0 dislikes 20 Aug 201857% match


Google Web Designer - Spritesheet Component Overview
Google Web Designer
18.6K views 52 likes 4 dislikes 17 Nov 201546% match


Google Web Designer - Streetview Component Overview
Google Web Designer
7.3K views 24 likes 0 dislikes 17 Nov 201546% match


Responsive Layout: Overview - Google Web Designer
Google Web Designer
106.5K views 444 likes 8 dislikes 03 May 201644% match


Ad Validator - Google Web Designer
Google Web Designer
4.8K views 16 likes 1 dislikes 07 Sep 201838% match


Google Web Designer - Animation Updates
Google Web Designer
53.6K views 136 likes 9 dislikes 17 Nov 201538% match


A Google Web Designer Thought Experiment
Google Web Designer
330.9K views 345 likes 20 dislikes 04 Aug 201438% match


Outliner - Google Web Designer
Google Web Designer
4.1K views 15 likes 6 dislikes 18 Jun 201836% match


Timeline Advanced Mode Overview - Google Web Designer
Google Web Designer
12.2K views 93 likes 3 dislikes 18 Jun 201835% match


Motion Paths Overview - Google Web Designer
Google Web Designer
37.8K views 228 likes 5 dislikes 21 Jun 201733% match


Groups with Events Overview - Google Web Designer
Google Web Designer
3.4K views 15 likes 2 dislikes 03 Jan 201833% match


Responsive Ad Workflow - Google Web Designer
Google Web Designer
21.8K views 208 likes 5 dislikes 24 Aug 201833% match


Image Processing Overview - Google Web Designer
Google Web Designer
4.3K views 65 likes 0 dislikes 31 Aug 202033% match

Text Fitting - Google Web Designer
Google Web Designer
8.2K views 33 likes 6 dislikes 28 Nov 201832% match

Building Expanding Creatives - Google Web Designer
Google Web Designer
8.7K views 56 likes 2 dislikes 18 Sep 201832% match


Responsive Layout: Animation - Google Web Designer
Google Web Designer
27.6K views 82 likes 10 dislikes 03 May 201632% match


Code View - Google Web Designer
Google Web Designer
7.2K views 55 likes 4 dislikes 14 Oct 201932% match

Google Web Designer - DoubleClick Studio Dynamic Overview
Google Web Designer
11.5K views 20 likes 8 dislikes 17 Nov 201531% match


Multiple keyframe & thumbnail selection - Google Web Designer
Google Web Designer
5.6K views 11 likes 2 dislikes 16 Nov 201631% match



Settings Privacy About Contact Donate