Photoshop

포토샵이 왜 필요했을까요?

Photoshop In Real Life. https://youtu.be/FQbkYHIeH2c

CMYK // RGB

색상이름	# Hexadecimal Colors	RGB(0,0,0)
red, brown, tomato,..	#FF0000 , #A52A2A, #FF6347…	rgb(255,0,0), rgb(255,102,51),..

https://www.w3schools.com/colors/colors_picker.asp

1. Bitmap vs Vector

2. jpg //gif //png //svg // etc.(js ……)

go hrer >>> https://processing.org/examples/

높은 해상도 디지탈 이미지 필요로 할 땐 .BMP//TIFF 하지만,
web 에서는 기본 3가지에 지금의 SVG 까지

. JPG Joint Photographic Experts Group의 약어 ( 전자기기 / DSLR Camera,tiff)
손실압축 방식, 압축률 우수.

. GIF Graphics Interchange Format의 약어
비손실압축 방식, 최대 256색까지 지원. (투명함 256 색상, 저사양 애니메이션 )

PNG Portable Network Graphics의 약어
비손실압축 방식, 트루 컬러 지원. (투명함. 최근 트랜드~~^^)
——————————————————————————————————–
.SVG Scalable Vector Graphics (Adobe illustrator 등의 백터 이미지 )

<svg width=”100″ height=”100″>
<circle cx=”50″ cy=”50″ r=”40″ stroke=”green” stroke-width=”4″ fill=”yellow” />
</svg>

——————————————————————————————————–

.webp file open on photoshop ?

“plugin webp photoshop” seachong Google,

https://helpx.adobe.com/photoshop/kb/support-webp-image-format.html

*** Bootstrap ***
https://getbootstrap.com/

한국어 보기
http://bootstrapk.com/

Photoshop Class handout >>>> Download PDF <<<<

Introducing the copyright attribute

`<img src="test_img.jpg" alt="Flying cat" copyright="cc-by sinaburo" />`

This is an optional attribute that will complement the image tag. It is not a replacement of stating the copyright info on the page, but it will be a good attempt to notify the browser and web crawlers of the copyright held this picture.

The copyright attribute can take the values currently defined the creative commons and then some.

Type	CC Notation	Copyright Attribute Notation
Attribution	CC BY	cc-by
Attribution-NoDerivs	CC BY-ND	cc-by-nd
Attribution-NonCommercial-ShareAlike	CC BY-NC-SA	cc-by-nc-sa
Attribution-ShareAlike	CC BY-SA	cc-by-sa
Attribution-NonCommercial	CC BY-NC	cc-by-nc
Attribution-NonCommercial-NoDerivs	CC BY-NC-ND	cc-by-nc-nd
Public domain	CC 0	cc-0
Non Creative Commons	©	c

The attribute can also include the year, and additional information. Here is an image correctly tagged with the appropriate copyrights:

<img copyright=”cc-by 2019 sinaburo.org/photography” src=”https://www.sinaburo.org/wp-content/uploads/2019/03/LOGO_sinaburo_colorways_orange_PNG.png” alt=”sinaburo Logo” />

>>> HTML Code editors
(notepad, bracket , atom , subline text , visual studio, … … )

드림위버 ( Adobe Dreamweaver ) 준비하기
https://www.adobe.com/products/dreamweaver.html