Developer.Sang

chapter 1 시작

뭔가 목적부터, 작은 돈이여도 시작을 하는것부터 자신감을 넣어주는 방법부터 알려주니까 신선했달까.

그동안 IT관련 업무를 해왔지만... 나는 이렇다할 정도로 특별히 진척해나간게 없다.

React를 사용하는 회사에 있지만 그럼에도 불구하고 손을 대지 못하는상태다.

1년전에는 그래도 XD란 툴을 처음 사용하면서 화면을 기획해주는데 도움을 주었지만, 더는 날 그 관련 일로 도와달라고 부르지않는다. 직접적으로 들은 말도 있다. 에하씨는 디자인을 못하네

먼가 짜증도 화도 났다. 내가?

내가 그렇게못해? 자존심이 뭉게졌다

그래서 시작하려는거다. 뭘 얼마나 좋은 퀄리티를 원하길래 나한테 그런소리를 하는걸까 웹퍼블 한명 고용도 안하는 회사 이면서... 기분이 나빠서 뭐라도 해보려고 시작한거다. 그래서 깨달은거같다.

첫 챕터 강의를 들으면서 웹사이트를 통한 참고와 트렌드 이해를 위한 독서를 하라는 내용을 듣자마자

확 와닿았다. 아 내가 부족한건 맞구나 왜? 난 공부를... 안했으니까.

어떻게 해야하는지 자체를 모르면서 어중이 떠중이인채로 난 뭐든 될거라고 했던 안일한 생각... 부끄럽다.

이 첫 강의를 통해 집어가면서 내 과오를 떠올리고 차분히 이어나가는 다짐을 하는 좋은 첫 장이였던거같다... 과연 난 달라질수 있을까? 

언제나 시작은 거대하고 뭐든 될거같은 기분으로 시작하는거지

`0´ 못할게 뭐잇어 가보자고옥!!!! 

currentTarget : 이벤트 발생 지점

같은 className을 사용 중이며 그 클래스에 동작하는 이벤트가 있을 시 실제 이벤트가 작동되는 요소를 가리킨다.

target : 가리킨 이벤트 지점

currentTarget과 target을 사실 바꿔서 사용해도 동작에 무리는 없다..... 왤까? 

target을 쓰면 tablinks를 다 잡아서 active로 할 줄 알았는데 currentTarget이나 target이나 다른 게 없이 동작한다 ㅇㅅㅇ`

HTML

<div class="tab">
  <button class="tablinks" onclick="openCity(event, 'London')" id="defaultOpen">London</button>
  <button class="tablinks" onclick="openCity(event, 'Paris')">Paris</button>
  <button class="tablinks" onclick="openCity(event, 'Tokyo')">Tokyo</button>
</div>

JAVASCRIPT

function openCity(evt, cityName) {
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active"; //이곳
}
 
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();

포토샵 6주차 (1)

naver.me/FUWAr6qy

비번 2017 실습파일 5주차(1).zip

도형툴 이용함

(추후 수정예정)

http://naver.me/FUWAr6qy

2017-06-04 일요일

텍스트(Text)활용 훈련

패스로 이용한거

텍스트 복사해서 여러가지 효과 넣어서 만드는거

2주_2.txt

3째주 첫째날

브러시 사용법 :

1. 크기조절 : [ , ]를 이용해 브러시 크기 조정

2. 농도조절 : 레이어패널 상단의 오퍼시티의 수치값을 

              이용해 농도를 조절함

3. 보기조절 : 옵션바의 브러시 그림을 클릭하면 톱니모양아이콘이 있는데 거기에서 썸네일, 리스트, 스트로크 등등의 형태로 미리보기 할 수 있다.

4. 브러시 교체 및 추가 : assort~~이름부터가 포토샵이 기본으로 제공하는 브러시인데 이중에서 선택해서 불러올수 있고 팝업창에서 append를 누르면 현재 리스트에 추가되고 ok를 누르면 리셋됨.

5. 브러시 불러오기 : 옵션바에 브러시 미리보기 할수 있는 창의 톱니바퀴모양의 설정창을 클릭한 뒤 load brush 하면 됨

6. 브러시 저장하기 : 옵션바에 브러시 미리보기 할수 있는 창의 톱니바퀴모양의 설정창을 클릭한 뒤 save brush 하면 됨 

※ 연필 툴 연습

브러시 활용하기 : 

1.pop글씨만들기 

  1)브러시로 글씨를 쓴다.

  2)브러시로 글자를 쓴 레이어 그림있는 영역에 

    ctrl+클릭해서 선택영역을 호출한다.

  3)select-modify-expend를 이용해 

    선택영역을 확장한다.

  4)새레이어를 만든 뒤 검정색으로 색상을 칠해준다

  5)레이어 위치 조절해주고 흰색브러시로 포인트 

2. 튀어나오는 입체글자 만들기 

  1)글자를 쓴뒤 브러시로 등록한다

  2)브러시옵션에서 spacing이 1로 되있나 확인한다

  3)새레이어 만든뒤에 시작부분 클릭 마지막부분에는 

    shift키를 누른상태로 클릭하면 쫙 연결됨

※ 브러쉬 입체효과 연습

블렌드 모드:

레이어패널에 nomal이라고 되있는 곳을 클릭하면 나옴

블렌드는 다른 속성들을 다양한 형태로 섞어주는 기능을함(블렌드에 대한 상세설명은 실습파일다운받는곳에 업로드)

가장대중적으로 쓰는 블렌드는 multifly,overlay,soft light,screen, color dodge

저장파일 특징

1. jpg : 용량은 가장 작게 저장되지만 투명배경으로 작업한뒤 저장하면 자동으로 흰색 배경이 붙어서 저장됨

2. png : 용량은 jpg보다는 약간 크지만 투명배경으로 작업한 상태를 그대로 저장하므로 투명한 바탕의 아이콘을 이용할 수 있음

색상적용방법 

1. edit-fill-color-컬러 선택

2. 도구툴의 foreground컬러에 색상을 지정해주고 키보드에서 alt + DEL 키를 누르면 되고 

만약 background컬러로 색상을 채우고 싶으면 ctrl+DEL

스트라이프패턴을 방사형으로 변형하는 법

1. 스트라이프패턴을 만들어 등록한다

2. filter-distort-polar coodinate

여기서 Pattern 만들어준다

※ 방사형 효과 연습

059-060,062-064, 080-081,086-091,163-164,174-176,244-245,347-348