반응형 분류 전체보기 반응형 244 [html/css] box-shadow로 그림자 넣기. [html/css] box-shadow로 그림자 넣기. 여기에 200px*300px의 흰색 사각형이 있습니다. 흰색이라서 보이지 않아요. 사각형의 대한 코드. This is box-shadow 이런식으로 넣어주시면 됩니다. /* offset-x | offset-y | color */ box-shadow: 60px -16px teal; /* offset-x | offset-y | blur-radius | color */ box-shadow: 10px 5px 5px black; /* offset-x | offset-y | blur-radius | spread-radius | color */ box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); /* inset | offset-.. 2020. 8. 12. PC에서 중국어(병음 입력) 키보드 설정 하기(Window 10) PC에서 중국어(병음 입력) 키보드 설정 하기(Window 10) 안녕하세요. 당근입니다. 오늘은 컴퓨터에 중국어 자판을 세팅하는 법을 알려드리려고해요. 먼저 시작표시줄의 검색 아이콘을 눌러 언어 설정에 들어가줍니다. 언어 설정 창이 열리면, 기본 설정 언어 추가하기를 눌러주세요. 중국어를 검색하여 선택합니다. 중화권 지역별로 간체, 번체 등 다양하게 있는데요, 필요하신 걸 세팅하시면 되겠습니다. 저는 본토용 간체자 버전의 키보드를 설치해볼게요. 다음을 눌러 설치해주세요. 이렇게 되면 세팅이 완료된 것이랍니다. 시작표시줄에 언어표시 옆에 한국어를 뜻하는 한을 눌러보시면 중국어 키보드가 설치된 것을 볼 수 있어요. 중국어를 선택하고 입력해볼까요? 이렇게 중국어 키보드를 설치해보았어요. 어느 정도 수준이 되.. 2020. 8. 11. [일러스트레이터] 라이브 페인트로 색칠하기 [일러스트레이터] 라이브 페인트로 색칠하기 안녕하세요. 당근입니다. 오늘은 일러스트레이터에서 패스의 면색을 바꾸는 것이 아니라 "라이브 페인트"를 사용해서 페인트 툴처럼 색을 입힐 수 있는 방법을 알려드릴거예요. 포스팅에 앞서, 원하시는 결과를 얻으시려면 이미지에 선이 뚜렷해야하고, 선이 다른 면과 확실히 구분되도록 끊어져있으면 안됩니다. 이 점 주의해주세요! *만약 패스로 디자인을 하셨다면 패스를 꼼꼼히 닫아야합니다. 저는 편의상 요렇게 생긴 이미지 파일을 하나 다운받았어요. 그리고 이미지 트레이싱으로 이미지를 벡터로 만들어주겠습니다. 만약 저처럼 이미지를 벡터형태로 가공해서 사용하시기를 원한다면 아래 포스팅을 참고하세요. 2020/06/17 - [디자인/일러스트·포토샵] - [일러스트레이터] Imag.. 2020. 8. 6. 브라우저 기반 마크다운 에디터 : StackEdit 브라우저 기반 마크다운 에디터 : StackEdit 안녕하세요. 당근입니다. 오늘은 제가 동영상 강의 들으면서, 간단히 메모하고 정리해놓을 프로그램을 찾다가 괜찮다 싶은 에디터가 있어서 소개해드릴까해요. 브라우저 기반의 마크다운이 되는 간편한 에디터, 바로 스택에딧StackEdit입니다. https://stackedit.io/ StackEdit – In-browser Markdown editor Stay connected StackEdit can sync your files with Google Drive, Dropbox and GitHub. It can also publish them as blog posts to Blogger, WordPress and Zendesk. You can choose wh.. 2020. 7. 30. [피그마] figma에서 이미지 누끼 따기(배경 제거 하기) [피그마] figma에서 이미지 누끼 따기(배경 제거 하기) 안녕하세요. 당근입니다. 오늘은 피그마에서 이미지 누끼따는 두 가지 방법을 소개해드리려고 해요. 사실 피그마에서는 디테일하게 얇은 선으로 이루어진 부분을 포토샵과 같은 그래픽 툴만큼 세세하게 따기는 어렵습니다. (머리카락이라던가.. 머리카락이라던가... 머리카락이라던가!) 좋은 이미지 퀄리티를 유지하기 위해서는 별도의 배경이 제거된 이미지를 불러와서 쓰시는 것을 권장합니다. 하지만 그럼에도 불구하고! 정말로 간단한 용도라던가, 아니면 정말로 간단한 이미지라던가 하는 경우에는 피그마에서 직접 따는 편이 편할 때도 있겠죠. 그런 분들을 위한 포스팅입니다. 1. figma 펜툴로 누끼 따기 포토샵이나 기타 어도비 그래픽 툴을 사용해보신 분들이라면 익.. 2020. 7. 29. 상견니OST 상견니상견니상견니想見你想見你想見你 - 831八三夭 가사·병음·해석 상견니OST 상견니상견니상견니想見你想見你想見你 - 831八三夭 가사·병음·해석 *원래 대만드라마라 번체로 되어있습니다. 중국어 공부하시는 분들의 편의를 위해 가사는 간체로 표기했습니다. 아래쪽에 번체 가사도 있습니다. *의역있습니다. 오역 알려주세요. youtu.be/4iRupuNet3Q 想見你想見你想見你, 八三夭 想见你 想见你 想见你 xiǎng jiàn nǐ xiǎng jiàn nǐ xiǎng jiàn nǐ 보고싶어 보고싶어 보고싶어 当爱情遗落成遗迹 dāng ài qíng yíluò chéng yíjì 사랑이 유적으로 남겨질 때 用象形刻划成回忆 yòng xiàngxíng kè huá chéng huíyì 모습을 조각하니 추억이 되고 想念几个世纪 xiǎngniàn jǐ gè shìjì 몇 세기를 그리워하.. 2020. 7. 25. 상견니OST 비밀秘密 - 장진악张震岳 가사·병음·해석 상견니OST 비밀秘密 - 장진악张震岳 가사·병음·해석 *원래 제목은 번체인 秘密, 張震嶽입니다. 중국어 공부하시는 분들의 편의를 위해 가사는 간체로 표기했습니다. 아래쪽에 번체 가사도 있습니다. *오역있으면 알려주세요. youtu.be/Ngyz1gmZzb0 总在闭上双眼之后 才能看见你 zǒng zài bìshàng shuāngyǎn zhīhòu cái néng kànjiàn nǐ 늘 눈을 감은 후에야 널 볼 수 있어 这是一个心中秘密 偷偷在爱你 zhè shì yí ge xīnzhōng mìmì tōutōu zài ài nǐ 이건 마음속 하나의 비밀이지, 몰래 널 사랑하고 있다는 거 你却不知道 有人在想你 nǐ què bù zhīdào yǒu rén zài xiǎng nǐ 하지만 넌 모르겠지, 누군가 널 그리워.. 2020. 7. 24. 중국어 노래 추천 : 애아별주爱我别走 - 장진악张震岳 듣기·가사·병음 중국어 노래 추천 : 애아별주爱我别走 - 장진악张震岳 가사·병음 *원래 제목은 번체인 愛我別走, 張震嶽입니다. 중국어 공부하시는 분들의 편의를 위해 가사는 간체로 표기했습니다. 아래쪽에 번체 가사도 있습니다. youtu.be/zPeMFCDPgKE 爱我别走, 张震岳 爱我别走 - 张震岳 ài wǒ bié zǒu - zhāngzhènyuè 我到了这个时候还是一样 wǒ dào le zhè ge shíhòu háishì yíyàng 夜里的寂寞容易叫人悲伤 yè lǐ de jìmò róngyì jiào rén bēishāng 我不敢想的太多 wǒ bùgǎn xiǎng de tài duō 因为我一个人 yīnwèi wǒ yí gè rén 迎面而来的月光拉长身影 yíngmiàn ér lái de yuèguāng lācháng .. 2020. 7. 23. [일러스트레이터] 블렌드 툴로 라인을 활용한 그래픽 만들기 [일러스트레이터] 블렌드 툴로 라인을 활용한 그래픽 만들기 안녕하세요. 당근입니다. 오늘은 일러스트레이터에 블렌드 툴을 이용해서 라인으로 이루어진 두 가지 스타일의 그래픽을 만들어 볼 거예요. 먼저 라인 두 개를 그립니다. 저는 물결치는 느낌을 표현해보고 싶어서 펜툴로 곡선형태의 라인을 그렸는데요, 직선으로 그리셔도 됩니다. 원하는 라인을 어쨋든 여러개 그려주시면 돼요. 드라마틱한 효과를 위해서 색깔도 다르게 설정했습니다. 그리고 블렌드 툴을 선택하세요. 그리고 한 선을 선택한 다음에 다른 선을 클릭하면 이렇게 두 라인이 연결되면서 가운데 부분이 섞인 상태로 나타나게 됩니다. 이제부터는 블렌드 툴의 옵션을 좀 조절해서 저렇게 면으로 채워진 형태 말고도 어떤 그래픽을 만들어 낼 수 있는지 보여드릴게요. 이.. 2020. 7. 22. 이전 1 ··· 12 13 14 15 16 17 18 ··· 28 다음
